/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}


/*= 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 >> Table row:(1) champ **/
.weight_wrap table tr:nth-of-type(1) > td.champ {
	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;
}


/*= Bookmakers ================ */

/** Bookmakers >> .bk_t_review a **/
.bk_t_review a {
	padding: 10px 15px !important;
	border: 3px solid rgb(178, 0, 0) !important;
}
.bk_t_review a:hover {
	border: 3px solid rgb(222, 0, 0) !important;
}

/** Bookmakers >> bk_t_link a **/
.bk_t_link a {
	padding: 10px 15px !important;
	border: 3px solid rgb(57, 143, 20) !important;
	display: inline-block !important;
}
.bk_t_link a:hover, 
.mt-hover {
	/* MT [ sub: 1 | group: animation | event: 1 ] */
	-webkit-animation-name: swing !important;
	animation-name: swing !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	-webkit-animation-timing-function: ease !important;
	animation-timing-function: ease !important;
	border: 3px solid rgb(72, 183, 24) !important;
}

/** Bookmakers >> .bk_table **/
.bk_table {
	text-align: center !important;
}

/** Bookmakers >> .bk_t_name img **/
.bk_t_name img {
	max-width: 130px !important;
}


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

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

	/** General >> .weight_wrap **/
	.weight_wrap {
	
}

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

	/** General >> .weight_links ul **/
	.weight_links ul {
	
}

	/** General >> .weight_links **/
	.weight_links {
	
}

	/** General >> .weight_links li **/
	.weight_links li {
	
}

	/** General >> .weight_links h3 **/
	.weight_links h3 {
	
}

	/** General >> .weight_links h2 **/
	.weight_links h2 {
	
}


}


/*( 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;
}


}