/*
Theme Name: Cageside
Theme URI: https://cageside.ru
Author: Cageside.ru
Author URI: https://cageside.ru
Template: root
Version: 1.0.0
*/

body {
	background: #030001 url(https://cageside.ru/wp-content/themes/cageside/img/bg_chalkboard.jpg) top center;
}

#page {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    z-index: 1;
}

/* СТиль текста на главной */

/* Siteinfo */
.siteinfo{
    overflow-x:hidden;
}

/* Division */
.siteinfo .col{
    width: 100%;
    margin-bottom: 25px;
}

/* Info row */
.info_row{
    width:100%;
    padding: 40px;
}

/* Strong Tag */
.siteinfo strong{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;
    padding-top:2px;
    color: #fff;
    background-color:#610e0e;
}

/* Spoiler row */
#content .siteinfo .spoiler_row{
    background-color:#3a3a3a;
    color:#ffffff;
    font-size:18px;
    padding:40px;
    padding-bottom:20px;
    padding-top:20px;
    display:flex;
    flex-direction:column;
}

/* Spoiler */
.siteinfo .spoiler{
    font-size:16px;
}

/* Spoiler1 */
.siteinfo .spoiler1 {
    display:block;
    align-self:center;
    font-weight:600;
    text-align:left;
    margin-right:0px;
    padding-right:20px;
    text-align:left;
    font-weight: normal;
    font-size: 18px;
        text-align: left;
    width: 100%;
    text-transform: uppercase;
}

.siteinfo .spoiler1 strong {
    font-size: 24px;
    font-weight: bold;
}

.siteinfo .spoiler1 h1 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    line-height: 1.5em;
}

/* 991px and below screen sizes */
@media (max-width:991px){

    /* Division */
    .siteinfo .col{
        width:100%;
        margin-bottom:30px;
    }
    
    /* Info row */
    #content .siteinfo .info_row{
        flex-direction:column;
    }
    
}

/* 767px and below screen sizes */
@media (max-width:767px){

    /* Spoiler row */
    #content .siteinfo .spoiler_row{
        flex-direction:column;
    }
    
}


/* Стиль блока раписания */
.cs_events {
    background: #202121;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}
.cs_events_title {
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 0;
    margin: 0;
}
.cs_events ul {
    padding: 0;
}
.cs_events  li {
    overflow: hidden;
    position: relative;
}
.cs_events .img img {
    display: flex;
}
.cs_events .info {
    position: relative;
    display: flex;
    padding: 7px;
}
.cs_events  li:first-child .info {
    background: #770000;
}
.cs_events  li:first-child .date {
    margin-top: -15px;
    background: #000;
}
.cs_events  li:first-child .date .down {
    background: initial;
}

.cs_events  li:nth-child(even) {
  background: #131313;
}
.cs_events  li .date {
    width: 50px;
    background: #4B4B4B;
    border-radius: 3px;
}
.cs_events  li .date .up, .cs_events li .date .down {
    display: block;
}
.cs_events  li .date .up {
    font-weight: bold;
    font-size: 18px;
    min-height: 25px;
    line-height: 25px;
}
.cs_events li .date .down {
    background: #626262;
    border-radius: 3px;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 2px;
}
.cs_events li .name {
    flex-grow: 1;
    width: 100%;
    font-size: 14px;
    text-align: left;
    padding: 0 7px;
}
.cs_events li .name span a:link,.cs_events li .name span a:visited{
    color: #fff;
    text-decoration: underline;
    
}
.cs_events li .name span a:hover,.cs_events li .name span a:active{
    
}

.cs_events .ft {
    overflow: hidden;
    padding:2px 7px 5px;
    font-size: 12px;
    text-align: left;
}
.cs_events .ft a.left {
    float: left;
}
.cs_events .ft a:link, .cs_events .ft a:visited {
    color: #aaaaaa;
    text-decoration: underline;
}
.cs_events .ft a:hover, .cs_events .ft a:active {
    color: #fff;
}

.cs_events .ft .title {
    font-size: 12px;
    font-weight: bold;
    
}
.cs_events .ft .fighters {
    border-top: 1px solid #3e3e3e;
    padding: 5px 0;
    margin:5px 0;
    border-bottom: 1px solid #3e3e3e;
}
/* END Стиль блока раписания */


/* TOPBAR */

.topbar_menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.topbar_menu li {
    padding: 0 10px;
}
.topbar_menu li .social-button{
    display:flex;
}

.site-header {
    background: none;
    margin-top: 47px;
}

.logo {
    position: relative;
    margin: 0 auto;
    top: -74px;
    z-index: 100;
    text-align: center;
    display: block;
    height: 0;
    width: 184px;
}
#topbar {
    line-height: 48px;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
  background-image: -moz-linear-gradient( -90deg, rgb(223,223,223) 0%, rgb(227,227,227) 4%, rgb(180,180,180) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(223,223,223) 0%, rgb(227,227,227) 4%, rgb(180,180,180) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(223,223,223) 0%, rgb(227,227,227) 4%, rgb(180,180,180) 100%);
  padding-left: 20px;
  padding-right: 20px;
  color: #bdbdbd;
}
/* Topbar box */
#topbar .topbar_box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    align-content:center;
    
}
#topbar a:link, #topbar a:visited {
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #333;
    font-weight: bold;
    color: #bdbdbd;
}
#topbar a:active, #topbar a:hover {
	color: #fff;
}
#topbar .boxwrap {
    display:flex;
}
.topbar_box .boxwrap li{
    align-self:center;
    
}

#topbar { background: rgba(0,0,0,0.55);  border: none !important; margin-bottom: 0; }
#topbar:before, #topbar:after {
    content: ""; 
    position: absolute;
    height: 20px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    z-index: 1000;
    box-sizing: content-box;
    visibility: visible;
}
#topbar:before {
    left: 100%;
    border-left: 18px solid rgba(0,0,0,0.55);
}
#topbar:after {
    top: 0;
    right: 100%;
    border-right: 18px solid rgba(0,0,0,0.55);
}
@media (min-width: 992px) {
	#topbar {
		padding-left: 0;
		padding-right: 0;
	}
    .weare {
        padding-left: 50px;
    }
}

@media (max-width:992px){

    #topbar {
        line-height: 24px;
        padding: 10px 0;
    }

    /* Topbar box */
    #topbar .topbar_box{
        flex-direction:column;
    }
    .logo {
        margin:15px auto;
        height: auto;
        top:auto;
    }
    .site-header {
        margin-top: 0;
    }
}

/* END TOPBAR */

/* nav.site-navigation { 
  background-color: #242424;
background: #575757; 
background: -moz-linear-gradient(top, #575757 0%, #2f2f2f 1%, #151515 35%, #151515 100%);
background: -webkit-linear-gradient(top, #575757 0%,#2f2f2f 1%,#151515 35%,#151515 100%); 
background: linear-gradient(to bottom, #575757 0%,#2f2f2f 1%,#151515 35%,#151515 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#151515',GradientType=0 ); 
} */


/* IMAGES SIZES */
.post-card__image img {
    max-height: none;
}
/* END IMAGES SIZES */


/* START mob menu */

.mob-hamburger {
    right: auto;
    left: 24px;   
    top:-85px;
    border-color: #fff !important;
    cursor: pointer;
}
.mob-hamburger span {
	background-color: #fff !important;
}

/* END mob menu */


/* START footer */

.site-footer{
    border-top: 5px solid #eee;
   
}

/* END footer */

/* START menu */
#site-navigation {
	background-image: -moz-linear-gradient( -90deg, rgb(87,87,87) 0%, rgb(47,47,47) 1%, rgb(21,21,21) 34%, rgb(21,21,21) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(87,87,87) 0%, rgb(47,47,47) 1%, rgb(21,21,21) 34%, rgb(21,21,21) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(87,87,87) 0%, rgb(47,47,47) 1%, rgb(21,21,21) 34%, rgb(21,21,21) 100%);
    border-top: 1px solid #3c3c3c;
}

.main-navigation ul li a,
#header_menu .menu-item span {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    font-family: Roboto Condensed;
}

#header_menu .sub-menu a,
#header_menu .sub-menu span {
    font-size:14px;
    font-weight:400;
}
#header_menu .sub-menu span {
    font-weight: bold;
}

#header_menu .sub-menu a,
#header_menu .sub-menu a.removed-link{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
}

/* Link */
#header_menu > .menu-item > a, #header_menu .menu-item span{
    padding-top:13px;
    padding-bottom:13px;

}

.main-navigation ul li>.sub-menu {
    top:50px;
}

/* END menu */

/* START widget video best */
.widget_dpe_fp_widget ul {
    padding: 0;
}
.widget_dpe_fp_widget li {
    list-style: none;
    margin-bottom: 20px;
}
/* END widget video best */

/* EVENTS FIGHT START */

table.fights {
text-align: center;
margin: 20px 0;
}
table.fights tr {
    border-bottom: 1px solid #131313;
}
table.fights .num, table.fights td.vs {
    min-width: 30px;
    color: #666;
}
table.fights .maintitle td{
    background: #960808;
    text-transform: uppercase;
    font-size: 12px;
    height: 20px;
    font-weight: bold;
}
table.fights span.divider {
    color: #666;
    font-size: 24px;
}

table.fights td { padding: 0; border:none; background: #131313; color: #fff; vertical-align: middle;}
table.fights td a {
    color: #fff;
    text-decoration: underline;
}
table.fights td.big {
    font-size: 27px;
}

table.fights tr:nth-child(2n+1) td {
    background: #080808;
}
table.fights img {margin-bottom:0}

table.fights .data {
    padding: 10px 0;
}
table.fights td.name {
    margin-top: 10px;
}
table.fights .main1 .name {
    font-size: 140%;
    font-weight: bold;
}

table.fights .main1 td {

    border-bottom: 2px solid #fff;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b0606+0,140b0b+100 */
background: #7E1111; /* Old browsers */
background: -moz-linear-gradient(top,  #7E1111 0%, #330000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7E1111 0%,#330000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7E1111 0%,#330000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7E1111', endColorstr='#330000',GradientType=0 ); /* IE6-9 */
}
table.fights .main1 .vs {
    font-size: 140%;
    color: #fff;
}


table.fights .main2 td {

    border-bottom: 1px solid #484A17;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#412e03+0,131313+100 */
background: #412e03; /* Old browsers */
background: -moz-linear-gradient(top,  #412e03 0%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #412e03 0%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #412e03 0%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#412e03', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}
table.fights .main2 .vs {
    
    color: #fff;
}

table.fights  .left {
text-align: right;
}
table.fights  .right {
    text-align: left;
}
table.fights  .left img { float: right;
width: 70px;
margin: 0 0 0 10px;
}

table.fights  .right img { float: left;
width: 70px;
    margin: 0 10px 0 0;
}
table.fights .vs {

}

/* Fighter Fightes table*/

/* 575px and below screen sizes */
@media (max-width:575px){
    table.f_fights td, table.f_fights th {
        padding: 2px;
    }
}

.f_fights .win {
    background: #090;
    border-radius: 3px;
    padding: 2px 7px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
.f_fights .loss {
    background: #CC0000;
    border-radius: 3px;
    padding: 2px 7px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

/* EVENTS FIGHT END */



/*-----------------------------------------------------------------------------------*/
/* Table
/*-----------------------------------------------------------------------------------*/
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border: none !important;
}
table th,
table td {
    padding: 7px 11px;
    border: 1px solid #f0f0f0;
}
table th {
    text-align: left;
    background-color: #f9f9f9;
}
table td { background-color: #FFF; }




/* SLIDER MAIN START */
/* Heroes */
#page .maingrid {
	background: #000;
}
#page .maingrid .heroes,
#page .maingrid .item>a,
#page .maingrid .others {
    display:flex;
}
#page .maingrid .item img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

#page .maingrid .item .desc {
    position: absolute;
    left:0;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    font-family: Roboto Condensed;
    color: #fff;
    padding: 10px 15px;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
/*
#page .maingrid .item:hover .desc
{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
*/
#page .maingrid .item.hero .desc
{
    text-align:center;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(66,0,0,0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(66,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(66,0,0,0.85) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}


#page .maingrid .item .desc .title {
    text-shadow: 1px 1px 2px #000;
}
#page .maingrid .item.hero .desc {
    font-size: 40px;
    line-height: 1.1em;
    padding: 30px 40px;
}

/* Division */
.maingrid .hero{
    overflow:hidden;
    width:100%;
}
.maingrid .hero a {
    height: 350px;
}
.maingrid .other a {
    height: 150px;
}

/* Others */

#page .container .maingrid .others .other{
    width:25%;
}

/* Other */

.maingrid .item {
    overflow:hidden;
    
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(0%);
    
    transition: .5s ease-in-out;
}
.maingrid .item a img {
    opacity: 0.9;
}
.maingrid .more {
    display:none !important;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 48px !important;
    color: #000;
    text-align: center;
    background: #fff;
    margin-left: -80px;
    margin-top: -32px;
    align-items: center;
    font-weight: bold;
    justify-content: center;
    font-size: 18px;
    padding-top: 2px;
    box-shadow: 0 5px 40px #000;
}
.maingrid .item:hover .more {
    display: flex !important;
}
/*
.maingrid .hero:hover,
.maingrid .other:hover{

    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(0%);
   
}
*/
.maingrid .item:hover img {
    opacity: 0.3;
    transition: .2s ease-in-out;
    /*
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(0%);
    */
}


/* Maingrid */
#page .maingrid{
    overflow:hidden;
}

/* 767px and below screen sizes */
@media (max-width:767px){

    .maingrid .others .other5{
        display:none;
    }
    
}

/* 575px and below screen sizes */
@media (max-width:575px){

    #page .container .maingrid .others .other{
        width:50% !important;
    }
    
    /* Others */
    #page .maingrid .others{
        flex-wrap:wrap;
    }
    
    #page .container .maingrid .heroes .hero{
        width:100% !important;
    }
    
    /* Heroes */
    #page .maingrid .heroes{
        flex-wrap:wrap;
    }
    
}
/* SLIDER MAIN END */



/* FIX MENU STYLES */
.main-navigation ul li, .footer-navigation ul li {
    border-bottom: none !important;
}
.main-navigation .main-navigation-inner, .footer-navigation .main-navigation-inner {
    padding: 0 20px;
}
/* END FIX MENU STYLES */



/* START SUBMENU RED LINE */

/* Subheader */
#subheader{
    background-color:#720b0b;
    font-size:14px;
    text-transform:uppercase;
    font-weight:600;
    color:#f18888;
    padding-right:1px;
    padding-left:1px;
    font-family:'Roboto Condensed', sans-serif;
}

/* Spoiler date */
#subheader div .spoiler_date{
    background-color:#590000;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:1px;
    font-size:12px;
    font-weight:400;
}

/* Link */
#subheader .spoiler_name a{
    padding-left:5px;
    padding-right:5px;
}

/* Span Tag */
#subheader .spoiler_fighters span{
    font-size:16px;
    font-weight:300;
    margin-top:-1px;
    margin-bottom:-1px;
    color:#ffffff;
}

/* Link */
#subheader div a{
    background-color:transparent;
}

/* Spoiler odds */
#subheader .spoiler_odds{
    background-color:#fbc997;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:-1px;
    padding-left:5px;
    color:#720b0b;
}

/* Link */
#subheader a{
    color:#ffffff;
}

#page #subheader div a{
    color:#b3030 !important;
}

/* Division */
#subheader div{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    align-content:center;
}

/* Span Tag */
#subheader span{
    align-self:center;
}

/* Link */
.spoiler_when .spoiler_name a{
    border-bottom-width:1px;
    border-bottom-color:#fbc997;
}

#page #subheader div .spoiler_when .spoiler_name a{
    text-decoration:underline !important;
}

/* Link */
#subheader .spoiler_who a{
    padding-right:5px;
    align-self:center;
}

/* Spoiler fighters */
#subheader div .spoiler_fighters{
    padding-right:10px;
    padding-left:10px;
}

/* 767px and below screen sizes */
@media (max-width:767px){

    /* Division */
    #subheader > div{
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }
    
    /* Spoiler who */
    #subheader .spoiler_who{
        
    }
    
}



/* END SUBMENU RED LINE */



/* START search */
.search-form {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.inp, .search-form__text {
        border-radius: 0;
    background: inherit;
    border: 1px solid #313131;
    margin-left: 20px;
    margin: 6px 0 6px;
}
.search-form__submit:after {
    color: #e0e0e0;
}
/* END search */

/* START SHARE AREA */
.b-share--post {
    border: none;
    padding: 20px 0;
}
/* END SHARE AREA */

/* START COMMENTS AREA */ 
.commentz {
    border: 6px solid #f0ede7;
    padding: 20px;
    padding-top: 0;
    margin-bottom: 30px;
}
.commentz h3 {
    text-align: center;
}
/* END COMMENTS AREA */



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Fighters */

.fighters-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -10px;
}
.fighters-list li {
    display: flex;
    flex-direction: column;
    width: 33.3%;
    padding: 10px;
}
.fighters-list li .title {
    font-size: 20px;
}

@media (min-width: 992px) {
    .fighters-list li {
        width: 20%;
    }
}



.fighter-profile-info {

}


.fighter-profile-picture img {
    width: 100% !important;
}
.fighter-profile-stat .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.fighter-profile-stat .column {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 768px) {
    .fighter-profile-stat .column {
        width: 50%;
    }
    .fighter-profile-full-info-wrapper {
        display:flex;
    }
    .fighter-profile-information {
        flex-grow: 1;
        padding: 0 30px; 
    }
}

/*  MICROTHEMER STYLES here  */


/*= General =================== */

/** General >> .weight_wrap **/
.weight_wrap {
	margin-right: -10px !important;
	margin-left: -10px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
}


/** General >> .weight_wrap table tr > td:nth-of-type(1) **/
.weight_wrap table tr > td:nth-of-type(2) {
	width: 100% !important;
}


/** General >> .weight_wrap table tr:nth-of-type(1) > td:nth-of-type(2) **/
.weight_wrap table tr:nth-of-type(1) > td:nth-of-type(2) {
	font-weight: 700 !important;
}


/** General >> .weight_wrap table tr:nth-of-type(1) > td:nth-of-type(1) **/
.weight_wrap table tr:nth-of-type(1) > td:nth-of-type(1) {
	color: rgb(255, 255, 255) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	background-color: rgb(137, 0, 0) !important;
}


/** General >> .weight_wrap table tr td:nth-of-type(1) **/
.weight_wrap table tr td:nth-of-type(1) {
	font-weight: 700 !important;
	text-align: right !important;
}


/** General >> .weight_wrap table tr:nth-of-type(1) td:nth-of-type(2) **/
.weight_wrap table tr:nth-of-type(1) td:nth-of-type(2) {
	color: rgb(137, 0, 0) !important;
}


/** General >> .weight_links ul **/
.weight_links ul {
	padding-left: 20px !important;
	margin: 0 0 5px 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}


/** General >> .weight_links **/
.weight_links {
	box-shadow: 0 0 15px rgb(219, 219, 219) !important;
	padding: 15px !important;
	margin-top: 25px !important;
	margin-bottom: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}


/** General >> .weight_links li **/
.weight_links li {
	list-style: none !important;
	margin-right: 10px !important;
	border-color: rgb(255, 213, 213) !important;
	border-bottom: 1px dashed rgb(255, 213, 213) !important;
	border-width: 1px !important;
}


/** General >> .weight_links h3 **/
.weight_links h3 {
	font-size: 16px !important;
	text-transform: uppercase !important;
	background-color: rgb(234, 234, 234) !important;
	padding: 5px !important;
}


/** General >> .weight_links h2 **/
.weight_links h2 {
	margin-top: 5px !important;
	margin-bottom: 15px !important;
}



/*( Large Desktop )*/
@media (min-width: 1200px) {

	/*= General =================== */

	/** General >> .weight_wrap .weight **/
	.weight_wrap .weight {
		width: 33.3% !important;
		padding: 10px !important;
	}

}

/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= General =================== */

	/** General >> .weight_wrap .weight **/
	.weight_wrap .weight {
		width: 33% !important;
		padding: 10px !important;
	}

}

/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= General =================== */

	/** General >> .weight_wrap .weight **/
	.weight_wrap .weight {
		width: 50% !important;
		padding: 10px !important;
	}

}

/*( Phone )*/
@media (max-width: 480px) {

	/*= General =================== */

	/** General >> .weight_wrap .weight **/
	.weight_wrap .weight {
		width: 100% !important;
	}

}


/* TOC */
#ez-toc-container {
    margin: 20px 0 10px;
    background: #f3f3f3;
    padding: 10px 15px 5px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}
.ez-toc-title {
    font-size: 22px;
    border-bottom: 1px solid #ababab;
}