/******************* Clear css ******************/
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.eot?aj072q');
  src:  url('icomoon.eot?aj072q#iefix') format('embedded-opentype'),
    url('icomoon.ttf?aj072q') format('truetype'),
    url('icomoon.woff?aj072q') format('woff'),
    url('icomoon.svg?aj072q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{box-sizing:border-box;}
html, body { height: 100%; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,div.paragraph,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul { list-style: none; }
fieldset { border: 0; }
a img { border: 0; }
.clear { clear: both; font-size:0; height:0; }
small{font-size:85%}
strong, th, b{font-weight:bold}
td{vertical-align:center}
sub, sup{font-size:75%; line-height:0; position:relative}
sup{top:-0.5em}
sub{bottom:-0.25em}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px}
textarea{overflow:auto}
.ie6 legend, .ie7 legend{margin-left:-7px}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom}
input:focus {outline: none;}
.ie7 input[type="checkbox"]{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
label, input[type="button"], input[type="submit"], input[type="image"], button{cursor:pointer}
button, input, select, textarea {margin:0}
button:focus, input:focus, select:focus, textarea:focus { outline: none;}
input:invalid, textarea:invalid{border-radius:1px; -moz-box-shadow:0px 0px 5px rgba(50, 50, 50, 0.5); -webkit-box-shadow:0px 0px 5px rgba(50, 50, 50, 0.5); box-shadow:0px 0px 5px rgba(50, 50, 50, 0.5)}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid{background-color:#dbe0e2}
::-moz-selection{background:#363b42; color:#fff; text-shadow:none}
::selection{background:#363b42; color:#fff; text-shadow:none}
.floatLeft{ float:left;}
.floatRight{ float:right;}
.alignCenter{text-align:center}
.invisible{visibility:hidden}
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.ieClearing{clear:both; height:0; overflow:hidden}
.fleft{float:left}
.fright{float:right}
.clear{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.none{display:none}
.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.alignCenter{
	text-align: center;
}
.hidden {
	display: none;
	visibility: hidden;
}
.fontWeight300{
	font-weight:300;
}
.fontWeight400{
	font-weight:400;
}
.fontWeight600{
	font-weight:600;
}
.fontWeight700{
	font-weight:700;
}
.marginTop10{
	margin-top:10px;
}
.marginTop20{
	margin-top:20px;
}
.marginTop30{
	margin-top:30px !important;
}
.marginTop50{
	margin-top:50px;
}
.paddingTop10{
	padding-top:10px;
}
.paddingTop20{
	padding-top:20px;
}
.paddingTop30{
	padding-top:30px;
}
.grey_section{
	background:#f7f7f7
}
.upperCaseText{
	text-transform: uppercase;
}
.upperCaseText a,
.upperCaseText a:hover,
.upperCaseText a:focus{
	text-decoration: none;
}
.form_search{
	display: flex;
	align-items: center;
}
.form_search h3,
.form_search form{
	width: 100%
}
.form_search form{
	text-align: right
}
p.s {
    z-index: 4;
    position: relative;
    padding: 5px 0;
    line-height: 0;
    border-radius: 100px;
    background: #FFD324;
    background-image: -webkit-linear-gradient(#ffec9f,#FFD324);
    background-image: -moz-linear-gradient(#ffec9f,#FFD324);
    display: inline-block;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 2px 5px rgba(255,236,159,.4);
}
p.s:after {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 20px;
    background: #FFD324;
    bottom: -10px;
    right: -3px;
    border-radius: 0 0 5px 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    box-shadow: inset 0 -1px 0 rgbA(255,255,255,.6), -2px 2px 2px rgba(255,236,159,.4);
}
#searchInput:focus {
    outline: none;
    width: 180px;
}
#searchInput {
    -webkit-appearance: none;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 24px;
	min-width: 0;
    padding: 0 10px;
    height: 24px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    border: 0;
    border-radius: 50px;
    box-shadow: 0 0 0 1px rgba(255,243,187,.5), inset 0 2px 5px rgba(255,236,159,.3), 0 2px 0 rgba(255,255,255,.6);
    position: relative;
    z-index: 5;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
}
.online-hd-button{
	height: 32px;
}
#nwmlay,
.nwmlay{
	margin-top: 30px;
	padding: 0 100px;
}
.online-hd-button-wrapper a{
	padding:0 !important;
	background: 0 none !important;
}
#watch_highlight_video{
	padding-left: 50px;
	background: url(../images/hd.png) left center no-repeat;
	min-height: 20px;
	color: #FFD324;
	font-size: 18px;
	font-weight: bold;
}
/* General Styling and Structure
--------------------------------------------------------------------------------*/
body{ 
	background: #fff url(../images/pattern-01.jpg);
	color: #181818;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 300;
    font-size: 17px;
	overflow-x:hidden;
}
p{
	margin:10px 0 0 0;
	color: #5c6873;
}
h1, h2, h3, h4, h5, h6{
	color: #3f444a
}
a{
	color:#FFD324 ;
}
a:hover{
	color:#e2bb20
}
.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6{
	color: #fff;
}
.light-text,
.light-text p{
	color: #fff
}
.grey-text h1,
.grey-text h2,
.grey-text h3,
.grey-text h4,
.grey-text h5,
.grey-text h6{
	color: #fff;
}
.grey-text,
.grey-text p{
	color: #f1f1f1
}
.column-2{
	width:50%;
	float:left;
	display:inline-block;
}
.column-3{
	width:33.3333%;
	float:left;
	display:inline-block;
}
.column-4{
	width:25%;
	float:left;
	display:inline-block;
}
.main,
.flex-direction-nav{
	width: 100%;
	margin:0 auto;
}
#wrapper,
#navigator{
	width: 1200px;
	margin: 0 auto;
}
#navigator{
	/*background:rgba(24,24,24,.8);
	position: absolute;*/
	background: #181818;
	position: relative;
	top:0;
	left:0;
	right:0;
	z-index: 999;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.is-sticky #navigator{
	background:rgba(24,24,24,1);
}
#top_header{
	padding: 0;
	background: #fff;
}
#logo{
	position:relative;
	margin: 15px 30px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#logo img{
	display:inline-block;
	vertical-align: middle;
	left:0;
	max-height: 75px;
}
#banner{
	position: relative;
}
.banner_ads{
	font-size: 0
}

#banner_2,
#banner_3,
#banner_7,
#banner_8{
	width: 565px;
	height: 125px;
}
#banner_1{
	width: 900px;
    height: 105px;
}
#banner_1 .mgbox{
	width: 98% !important;
	margin-top: 12px !important;
}
#banner_4{
	width: 312px;
	height: 125px;
}
#banner_5{
	width: 775px;
	height: 125px;
}
#banner_6{
	width: 312px;
	height: 580px;
}
#banner_9{
	width: 400px;
	height: 265px;
}
#fixed_banner{
	position: fixed;
	bottom:0;
	left: 0;
	border:2px solid #FFD324;
	z-index: 999;
	transition: all .5s;
}
#fixed_banner.closed{
	bottom: -265px;
}
.ads{
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
}
.ads_half{
	width: 50%;
}
.banner_ads img{
	max-width: 100%;
	margin-top: 4px;
}
#banner_9 img{
	margin: 0 !important;
}
.banner_header{
	position: relative;
}
.banner_header .close{
	position: absolute;
	content: "x";
	top: -25px;
	right:0;
	height: 25px;
	width: 25px;
	z-index: 999;
	background: #FFD324;
	color: #fff;
	cursor: pointer;
	float: none;
	text-transform: lowercase;
	text-align: center;
	font-weight: 300;
	font-size: 16px;
	opacity: 1;
	filter: alpha(opacity=100);
}
/*.banner_ads a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#fff;
	font-size: 36px;
}
.banner_ads a,
.banner_ads a:hover,
.banner_ads a:focus{
	text-decoration: none;
}*/
#navTrigger {
    display: none
}

label.hamburger {
    z-index: 8;
    display: none;
    vertical-align: middle;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-transition: all .2s cubic-bezier(0, .53, .85, .7);
    -moz-transition: all .2s cubic-bezier(0, .53, .85, .7);
    -ms-transition: all .2s cubic-bezier(0, .53, .85, .7);
    -o-transition: all .2s cubic-bezier(0, .53, .85, .7);
    transition: all .2s cubic-bezier(0, .53, .85, .7)
}

#menu ul,
#menu ul li,
#mobile_menu ul,
#mobile_menu ul li {
    display: inline-block;
    vertical-align: middle
}

#mobile_menu ul {
    display: none;
	border-top: 1px solid rgba(219, 219, 219, 0.5);
}

#menu ul li a,
#mobile_menu ul li a {
    color: #fff ;
    font-size: 15px;
    padding: 27px 15px 25px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    transition: all .3s;
    font-weight: 700
}

#menu ul li#current a,
#menu ul li:hover a,
#mobile_menu ul li#current a,
#mobile_menu ul li:hover a {
    color: #FFD324 
}

.is-sticky #navigator #menu ul li a,
.is-sticky #navigator #mobile_menu ul li a {
    padding-top: 17px;
    padding-bottom: 18px
}

#course_content .call-to-action,
#menu ul li a.call-to-action,
#mobile_menu ul li a.call-to-action {
    margin-left: 15px;
    padding: 0 25px!important;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    background: #FFD324;
    transition: all .2s;
    border-radius: 10px
}

#course_content .call-to-action:hover,
#menu ul li a.call-to-action:hover,
#mobile_menu ul li a.call-to-action:hover {
    background: #e2bb20;
    text-decoration: none;
    color: #fff
}

#course_content .call-to-action,
#menu ul li#current a.call-to-action,
#mobile_menu ul li#current a.call-to-action {
    color: #fff
}

#course_content .call-to-action {
    margin-left: 0;
    margin-top: 20px
}
#mobile_menu ul li{
	position: relative;
}
#menu ul li>ul,
#mobile_menu ul li>ul {
    position: absolute;
    min-width: 180px;
    background: rgba(24, 24, 24, .8);
	border: 0 none;
    display: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s
}
.is-sticky #menu ul li>ul,
.is-sticky #mobile_menu ul li>ul {
    background: rgba(24, 24, 24, 1);
}
#mobile_menu ul li>ul{
	background: 0 none;
}
#menu ul li:hover>ul,
#menu ul li>ul li,
#mobile_menu ul li.open>ul,
#mobile_menu ul li>ul li {
    display: block
}

#menu ul li#current>ul li a,
#menu ul li:hover>ul li a,
#menu ul li>ul li a,
#mobile_menu ul li#current>ul li a,
#mobile_menu ul li.open>ul li a,
#mobile_menu ul li>ul li a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff ;
    font-weight: 400
}

.is-sticky #navigator #menu ul li>ul li a,
.is-sticky #navigator #mobile_menu ul li>ul li a {
    padding-top: 6px;
    padding-bottom: 6px
}

#menu ul li>ul li a:hover,
#mobile_menu ul li>ul li a:hover {
    color: #FFD324 
}
#banner{
	min-height:73px;
}
/*** Headline posts ***/
.headline-post-wrap{
	display: inline-block;
	width: 50%
}
.headline-post-hl,
.headline-post-nm{
	float: left;
}
.headline-post{
	position: relative;
	display: inline-block;
	width: 50%;
	height: 170px;
	padding-right:5px;
	padding-bottom: 5px;
	float: left;
	overflow: hidden;
}
/*.headline-post.has_overlay:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.headline-post.has_overlay:hover:before{
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}*/
.headline-post-nm .headline-post:nth-child(2n){
	padding-right: 0;
}
.headline-post-nm .headline-post:nth-child(3),
.headline-post-nm .headline-post:nth-child(4){
	padding-bottom: 0;
}
.headline-post .headline-img,
.headline-post .headline-img img{
	width: 100%;
	min-height: 170px;
	object-fit: cover;
}
.headline-post .headline-img .img_wrap{
	position: relative;
}
.headline-post .headline-img .img_wrap:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/pattern.png);
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.img_wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.blog_detail .img_wrap{
	height: auto !important;
}
.headline-post.highlight-post{
	width: 100%;
	height: 345px;
}
.headline-post.highlight-post img{
	min-height: 345px;
}
.headline-post .headline-info{
	position: absolute;
	bottom: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition-delay: 120ms;
	-moz-transition-delay: 120ms;
	-webkit-transition-delay: 120ms;
}
/*.headline-post:hover .headline-info{
	bottom: 0;
}*/
.headline-title{
	padding: 10px 25px;
	font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.headline-title a:hover,
.headline-title a:focus{
	text-decoration: none;
}
.headline-label{
	padding: 5px 15px 5px 25px;
	background: #FFD324;
	color: #181818;
	font-size: 13px;
	display: inline-block;
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
}
.highlight{
	color: #ea6153;
	font-weight: bold;
}

#headline_scroller{
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	background: #FFD324;
	overflow: hidden;
	margin: 15px 0;
}
#headline_scroller h2,
#headline_scroller ul{
	float: left;
}
#headline_scroller h2{
	font-size: 24px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-transform: uppercase
}
#headline_scroller ul{
	margin-left: 125px;
	overflow: hidden;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
#headline_scroller ul li a{
	color: #3f444a;
}
#headline_scroller ul li a:hover,
#headline_scroller ul li a:focus{
	text-decoration: none;
}

.hf-video-player{
	display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: 0;
    position: relative;
}
.hf-video-external{
	border-radius: 100%;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5em;
    height: 5em;
    text-shadow: 0 0 30px rgba(0,0,0,.5);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    opacity: .8;
}
.hf-video-external:hover{
	border: 8px solid #fff;
    -webkit-box-shadow: 0 0 20px 5px #fff inset;
    box-shadow: 0 0 20px 5px #fff inset;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.disclaimer{
	text-align: center;
    padding: 20px;
    background: #f9f9f9;
	margin-bottom: 20px;
}

.main_body{
	width: 70%;
	padding-right: 15px;
	float: left;
}
.main_body img{
	max-width: 100% !important;
	height: auto !important;
}
.main_sidebar{
	padding-left: 15px;
	padding-right: 15px;
	width: 30%;
	float: right;
}
.match_item{
	margin: 15px 0;
}
.tournament_name{
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 24px;
}
.team_name_wrap{
	position: relative;
}
.match_info,
.match_gap,
.team,
.team_logo,
.team_name_wrap{
	display: inline-block;
	vertical-align: middle;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.team_logo {
	position: relative;
	z-index: 2;
}
.team_logo img{
	width: 65px;
}
.team_logo img.width100{
	max-width: 100% !important
}
.team_name,
.team_name_rotate{
	width: 220px;
	height: 40px;
	line-height: 40px;
	background: #FFD324;
	color:#000 !important;
	text-align: center;
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
	position: relative;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.team_name_rotate{
	position:absolute;
	top:0;
	left:0;
	display: none;
	opacity: 0;
	transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
.team_1 .team_name_wrap{
	margin-left: -15px;
}
.team_1 .team_name:before,
.team_1 .team_name_rotate:before{
	position: absolute;
    content: "";
    right: -40px;
    top: 0;
	border-color: #FFD324;
    border-width: 20px 20px 20px 20px;
    border-style: solid;
    border-right-color: #fff0 !important;
    border-bottom-color: #fff0 !important;
}
.team_name:after{
	content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
	white-space: nowrap;
	color: #fff !important;
	opacity: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.team_1 .team_name:after{
	text-indent: -250px;
}
.team_2 .team_name:after{
	text-indent: 250px;
}
.team_name_rotate:before{
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
.team_2 .team_name_wrap{
	margin-right: -15px;
}
.team_2 .team_name:before,
.team_2 .team_name_rotate:before{
	position: absolute;
    content: "";
    left: -40px;
    top: 0;
	border-color: #FFD324;
    border-width: 20px 20px 20px 20px;
    border-style: solid;
    border-left-color: #fff0 !important;
    border-top-color: #fff0 !important;
}
.team_2 .mobile_view .team_name{
	display: none;
}
.match_gap{
	width: 50px;
}
.match_info{
	text-align: center;
	margin-left: 35px;
    margin-right: 40px;
	position: relative;
}
.hot-match .match_info:before{
	position: absolute;
	content:"";
	background: url(../images/flame-2-xxl.png) center no-repeat;
	background-size: 100% auto;
	width: 100px;
    height: 100px;
    left: 0;
	right: 0;
	margin: 0 auto;
    top: -40px;
}
.match_time{
	font-size: 18px;
	border-bottom: 1px solid #000;
	color: #000 !important;
	position: relative;
}
.match_date{
	font-size: 15px;
	font-weight: bold;
	color:#000 !important;
	position: relative;
}
.match_is_playing{
	font-size: 15px;
	font-weight: bold;
	color: #000 !important;
	position: relative;
	margin-top: -5px;
}
.hot-match .match_is_playing{
	color: #fff !important;
}
.match_is_playing img{
	display: block;
	margin: 0 auto;
}
.live_now_content .match_time{
	border: 0 none;
}
.hot-match .match_time{
	color: #fff !important;
	border-color: #fff;
}
.hot-match .match_date{
	color: #fff !important;
}
/*.match_item:hover .team_name_wrap{
	transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
.match_item:hover .team_name_wrap .team_name{
	opacity: 0;
}
.match_item:hover .team_name_wrap .team_name_rotate{
	opacity: 1;
}*/
.match_item:hover .team_name:after{
	text-indent: 0;
	opacity: 1;
}
.match_item:hover .team_name{
	color: transparent !important;
}
.highlight_video_item_wrap{
	display: inline-block;
	width: 33%;
	padding: 0 5px 10px 5px;
}
.highlight_video_item{
	overflow: hidden;
	width: 100%;
	height: 145px;
	position: relative;
}
.highlight_video_image{
	width: 100%;
}
.highlight_video_image img{
	max-width: 100%;
	height: 145px;
}
.highlight_video_info{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 8px;
}
.highlight_video_image .img_wrap{
	position: relative;
}
.highlight_video_image .img_wrap:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/pattern.png);
	top:0;
	left:0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.highlight_video_image .img_wrap:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: url(../images/icons8-circled-play-50.png) center no-repeat;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.highlight_video_match_name{
	font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.highlight_video_match_info{
	font-size: 16px;
    color: #fff;
	margin-top: 3px;
}
.last_result_team,
.last_result_goal{
	display: inline-block;
	text-align: center;
	vertical-align: middle
}
.last_result_team{
	width: 30%;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}
.last_result_goal{
	width: 33%;
	font-size: 26px;
	font-weight: bold;
	border: 1px solid #FFD324;
	padding: 2px;
}
.last_result_section .last_result_team{
	width: 43%;
}
.last_result_section .last_result_goal{
	width: 13%;
}
.last_result_goal.no_border{
	border: 0 none;
}
.last_result_goal .data{
	position: relative;
    background-color: #000;
    overflow: hidden;
}
.last_result_goal .data:before{
	position: absolute;
    content: '';
    left: -100%;
    right: 50%;
    top: 0;
    bottom: 0;
    -webkit-transform: skewX(-30deg);
    -khtml-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
    background-color: #FFD324;
}
.last_result_goal .data > div{
	display: inline-block;
    padding: 5px 15px;
    position: relative;
    vertical-align: middle;
}
.last_result_goal .data > div.team1{
	color: #000;
}
.last_result_goal .data > div.team2{
	color: #FFD324;
}
.last_result_team.team_1 .last_result_team_logo{
	padding-left: 8px;
}
.last_result_team.team_2 .last_result_team_logo{
	padding-right: 8px;
}
.last_result_team_logo,
.last_result_team_name{
	display: inline-block;
	vertical-align: middle;
}
.last_result_team_name{
	min-width: 150px;
    text-transform: uppercase;
    font-size: 28px;
}
.last_result_team_logo img{
	display: inline-block !important;
	width: 50px !important;
}
.last_result_match_info{
	text-align: center;
	margin-top: 10px;
}
.last_result_match_item .last_result_match_time,
.last_result_match_item .last_result_match_date{
	display: inline-block;
}
.last_result_match_item .last_result_match_time{
	font-weight: bold;
}
.form{
	margin-top: 10px;
}
.form-icon {
    width: 16px;
    height: 15px;
	display: inline-block;
    background: url(../images/form-icons.png) no-repeat 50% 50%;
    margin-right: 2px;
    text-indent: -5000px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}
.form-win {
    background-position: 0 -32px;
}
.form-draw {
    background-position: 0 0;
}
.form-loss {
    background-position: 0 -16px;
}
.pagination,
.button.events-button,
.button.info-button,
.outcome{
	display: none;
}
table.matches{
	width: 100%;
}
table.matches thead tr{
    background: #FFD324;
    color: #fff;
    border: 0 none;
}
table.matches th{
	padding: 5px 10px;
	text-align: center;
}
table.matches td{
	padding: 2px 10px;
	text-align: center;
}
table.matches th.team.team-a,
table.matches td.team.team-a{
	text-align: right;
	width: 100%;
}
table.matches th.team.team-b,
table.matches td.team.team-b{
	text-align: left;
	width: 100%;
}
table.matches a,
table.matches a:hover,
table.matches a:focus{
	color: #181818;
	text-decoration: none;
}
table.matches .score-time a{
	display: block;
	font-weight: bold;
	background: #dbdbdb;
}
table.matches tr.odd{
	background: #f5f5f5;
}
table.matches .score-time a.result-win{
	background: #96BA8D;
}
table.matches .score-time a.result-loss{
	background: #F59B98;
}
table.matches .score-time a.result-draw{
	background: #F5CEA6;
}
#matches_list{
	text-align: center;
}
#matches_list .matches_by_day{
	margin-bottom: 30px;
}
#matches_list .matches{
	display: inline-block;
}
.mobile_view{
	display: none;
}

.fb-page{
	margin-top: 30px;
}
.c-content-feature-10{
	padding-top:0;
	padding-bottom:0;
}
.featured_title{
	text-transform:uppercase;
	text-decoration:none;
	font-size: 30px;
	margin: 0 0 30px 0;
	position:relative;
}
.featured_title:after{
	content:"";
	position:absolute;
	width: 100px;
	height:3px;
	background:#FFD324 ;
	left:0;
	right:0;
	bottom:-10px;
	margin:0 auto;
}
.featured_title a,
.featured_title a:hover,
.featured_title a:focus{
	color: #3f444a;
	text-decoration: none;
}
.light-text .featured_title:after{
	background: #fff
}
.grey-text .featured_title:after{
	background: #f1f1f1
}
#about_us{
	background:#f7f7f7;
}
.team-item{
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	margin-bottom: 30px;
}
.team-item .img_wrapper{
	position:relative;
	overflow:hidden;
}
.team-item .img_wrapper img{
	width:100%;
}
.gallery_overlay{
	position: absolute;
    top: 20px;
    left: 50%;
    right: 50%;
    bottom: 20px;
    width: auto;
    height: auto;
    color: #fff;
    opacity: 1 !important;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s !important;
    -ms-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
.gallery_overlay:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, .75);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    transition: 0.8s cubic-bezier(.19,1,.22,1);
    -ms-transition: 0.8s cubic-bezier(.19,1,.22,1);
    -moz-transition: 0.8s cubic-bezier(.19,1,.22,1);
    -webkit-transition: 0.8s cubic-bezier(.19,1,.22,1);
}
a.w-fancybox:hover .gallery_overlay{
    left: 20px;
    right: 20px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

a.w-fancybox:hover .gallery_overlay:before{
    height: 100%;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
.gallery_overlay:after{
	color: #fff;
    position: absolute;
    content: "";
	background:url(../images/logo-owl.png) center top no-repeat;
	background-size: 28px auto;
    font-size: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-top: -20px;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: 5;
}
a.w-fancybox:hover .gallery_overlay:after {
    opacity: 1;
    filter: alpha(opacity=100);
    transition-duration: 0.5s;
    transition-delay: 0.4s;
}
.team-item .team_content{
	padding: 30px;
    background: #fff;
}
.team-item .name{
    font-size: 20px;
    font-weight: 600;
	color: #3f444a;
	text-transform:uppercase;
}
.team-item .title{
	margin-top: 0px;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #7a838e;
	margin: 5px 0 0 0;
}
.team-item .bio{
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
}

.course_item{
	padding-left: 20px;
    padding-right: 20px;
	margin:0 0 40px 0;
}
.course_item img{
	width:100%;
}
.course_img{
	width:100%;
	position:relative;
	overflow:hidden;
}

.course_item_padding{
	padding:50px 0;
}
.course_item_content{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:100%;
	transition:all .3s
}
.course_item_content h2{
	background:#FFD324 ;
	padding:10px 50px;
	color:#fff;
	text-transform:uppercase;
}
.course_item_content p{
	padding:0 50px;
	color:#fff;
	display:none;
}
.course_item:hover .course_item_content{
	top:0;
	background: rgba(0,0,0, .7)
}
.course_item:hover .course_item_content h2{
	color:#fff;
	background:rgba(0,0,0, .9);
}
.course_item:hover .course_item_content p{
	display:block;
}
.announcement_header{
	padding: 10px 20px;
    background: #FFD324;
}
.announcement_header h3{
	font-size: 18px;
	color: #fff;
} 
.announcement_content{
	background: #fff;
	padding: 10px 20px;
	text-align: justify;
}
#testimonials,
#dang-ky-hoc{
	background:#eb5d68;
}
#testimonials .main{
	max-width:600px;
}
.testimonial_item{
	text-align: center;
}
.testimonial_avatar{
	position: relative;
	display: block;
	margin: 20px 0;
}
.testimonial_avatar:after{
	border-bottom: 1px solid #fff;
	height: 1px;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
	top: 38px;
	z-index:-1;
}
.testimonial_avatar_image{
	width: 80px;
	height: 80px;
	padding: 0 15px;
	display: inline-block;
	background: #eb5d68;
	box-sizing: content-box;
}
.testimonial_avatar_img{
	position: relative;
	z-index: 1;
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius: 100px;
}
.testimonial_avatar_img img{
	width:80px;
	min-height:80px
}
.testimonial_content{
	margin:35px 0;
}
.testimonial_author h3{
	font-weight:400;
}
.testimonial_author h4{
	font-weight:300;
	font-style: italic;
	font-size:14px;
	margin:3px 0;
}
.testimonial_rating li {
  width: 13px;
  height: 12px;
  text-indent: 9999px;
  overflow: hidden;
  display: none;
  background-image: url(../images/booStars.png);
}
.testimonial_rating li:nth-child(-n+5) {
  display: inline-block;
}
.testimonial_rating li.star_full {
  background-position: 0 100%;
}
#tu-van{
	background:url(../images/keep-calm.png) center fixed no-repeat;
	position:relative;
	text-align: center;
	padding: 80px 0;
}
#tu-van:after{
	content:"";
	position:absolute;
	background:rgba(0,0,0,.8);
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}
#tu-van .main{
	position: relative;
	z-index:2;
}
.subscription_form{
	margin-top:25px;
}
input[type="text"],
textarea{
	padding:0 25px;
	height:45px;
	line-height:45px;
	border:1px solid rgba(0,0,0,.1);
	font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 17px;
	min-width:250px;
	margin:0 5px;
	color:#5c6873
}
textarea{
	height:auto;
	min-height:180px;
	padding-top:15px;
	padding-bottom:15px;
	line-height:inherit
}
input[type="submit"]{
	margin:0 5px;
	padding: 0 25px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    background: #FFD324 ;
	border:0 none;
    transition: all 0.2s;
}
input[type="submit"]:hover{
	background:#e2bb20
}
.lastes_result_wrapper{
	padding-top: 30px;
}
.owl-carousel{
	position: relative;
}
.owl-theme .owl-dots .owl-dot span{
	width:12px;
	height:12px;
	background:#fff;
	border:1px solid #FFD324;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span{
	background: #FFD324;
}
.owl-theme .owl-nav{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
}
.owl-theme .owl-nav > div{
	text-indent: -99999px;
	width: 17px;
    height: 31px;
	position: absolute
}
.owl-theme .owl-nav > div.owl-prev,
.owl-theme .owl-nav > div.owl-prev:hover{
	left:0;
	background:transparent url(../images/owl-prev.png) center no-repeat;
}
.owl-theme .owl-nav > div.owl-next,
.owl-theme .owl-nav > div.owl-next:hover{
	right:0;
	background:transparent url(../images/owl-next.png) center no-repeat;
}
.live_navigator_bottom{
	display: flex;
	align-items: center;
}
.live_navigator_bottom .live_video_backup,
.live_navigator_bottom .refresh{
	width: 100%;
}
.live_navigator_bottom .live_video_backup{
	text-align: left;
}
.live_navigator_bottom .refresh{
	text-align: right;
	display: none;
}
#refresh_svg{
	width: 30px;
	margin-right: 7px;
}
#footer{
	background:#000 url(../images/pre_footer_bg.jpg) center no-repeat;
	backgound-size: cover;
	padding: 30px;
}
#footer .menu li{
	display:block;
	padding:5px 0;
	border-bottom:1px solid #f1f1f1
}
#footer .menu li a{
	color: #f1f1f1;
	text-decoration:none;
}
#footer .footer-item{
	padding:0 20px;
}
#footer p{
	font-size:14px
}
[class^="icon-"], [class*=" icon-"],
.icon_search:before,
.wsite-search-element-submit:before,
#wsite-search-form:before,
#wsite-nav-cart-a:after,
blockquote:after,
.wsite-button:after,
.menu-toggle-2:after,
#toTop:after,
.search .wsite-search-button:before,
.galleryImage-overlay:after,
.wsite-menu-arrow:after,
input[type=checkbox]:checked + label:after, 
.wsite-search-facet-entries label input[type=checkbox]:checked + a:after,
.mobile-nav li.has-submenu .icon-caret:after,
.mobile-nav li.has-submenu span.icon-caret.open:after,
.wsite-social-item.wsite-social-facebook:after,
.wsite-com-product-social a.wsite-com-product-social-facebook:after,
.wsite-social-item.wsite-social-rss:after,
.wsite-social-item.wsite-social-linkedin:after,
.wsite-social-item.wsite-social-twitter:after,
.wsite-com-product-social a.wsite-com-product-social-twitter:after,
.wsite-social-item.wsite-social-mail:after,
.wsite-social-item.wsite-social-pinterest:after,
.wsite-com-product-social a.wsite-com-product-social-pinterest:after,
.wsite-social-item.wsite-social-youtube:after,
.wsite-social-item.wsite-social-plus:after,
.wsite-com-product-social a.wsite-com-product-social-plus:after,
.wsite-social-item.wsite-social-flickr:after,
.wsite-social-item.wsite-social-vimeo:after,
.wsite-social-item.wsite-social-instagram:after,
.wsite-social-item.wsite-social-dribbble:after,
.phone-number:before,
.time-open:before,
.location:before{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wsite-social-item {
    display: inline-block;
    background: none;
    width: 44px;
    height: 44px;
    position: relative;
}
.wsite-social-item:hover{
    text-decoration: none;
}
.wsite-social .wsite-social-item{
    display: inline-block;
}
.wsite-social-item:before {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    top: 0;
    left: 0;
    background: #fff;
    border: 2px solid #999;
    border-radius: 50%;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.wsite-social-item:after {
    color: #999;
    position: absolute;
    font-size: 12px;
    top: 15px;
    left: 15px;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.wsite-social-item:hover:before{
	border: 2px solid #fff;
}
.wsite-social-item:hover:after{
    color: #fff;
}
.wsite-social-item.wsite-social-facebook:after, .wsite-com-product-social a.wsite-com-product-social-facebook:after {
    content: "\e900";
}
.wsite-social-item.wsite-social-facebook:hover:before {
    background: #3b5998;
}
.wsite-social-item.wsite-social-twitter:after, .wsite-com-product-social a.wsite-com-product-social-twitter:after {
    content: "\e90b";
}
.wsite-social-item.wsite-social-twitter:hover:before {
    background:#00afef;
}
.wsite-social-item.wsite-social-rss:after {
    content: "\e90a";
}
.wsite-social-item.wsite-social-rss:hover:before {
    background:#fd7a27;
}
.wsite-social-item.wsite-social-plus:after, .wsite-com-product-social a.wsite-com-product-social-plus:after {
    content: "\e903";
}
.wsite-social-item.wsite-social-plus:hover:before {
    background:#2871bb;
}
.wsite-social-item.wsite-social-flickr:after {
    content: "\e901";
}
.wsite-social-item.wsite-social-flickr:hover:before {
    background:#ff0084;
}
.wsite-social-item.wsite-social-mail:after {
    content: "\e902";
}
.wsite-social-item.wsite-social-mail:after {
    left: 13px;
}
.wsite-social-item.wsite-social-mail:hover:before {
    background:#d60000;
}
.wsite-social-item.wsite-social-linkedin:after {
    content: "\e908";
}
.wsite-social-item.wsite-social-linkedin:hover:before {
    background:#025398;
}
.wsite-social-item.wsite-social-pinterest:after, .wsite-com-product-social a.wsite-com-product-social-pinterest:after {
    content: "\e909";
}
.wsite-social-item.wsite-social-pinterest:hover:before {
    background:#c8282c;
}
.wsite-social-item.wsite-social-vimeo:after {
    content: "\e90c";
}
.wsite-social-item.wsite-social-vimeo:hover:before {
    background:#72d9e4;
}
.wsite-social-item.wsite-social-youtube:after {
    content: "\e90d";
}
.wsite-social-item.wsite-social-youtube:hover:before {
    background:#ff3333;
}
.wsite-social-item.wsite-social-dribbble:after {
    content: "\e90e";
}
.wsite-social-item.wsite-social-dribbble:hover:before {
    background:#ec6197;
}
.wsite-social-item.wsite-social-instagram:after {
    content: "\e907";
}
.wsite-social-item.wsite-social-instagram:hover:before {
    background:#537ea7;
}
#footer_socials{
	margin-top: 15px;
}
#footer_socials ul li{
	display: inline-block;
	margin-right: 4px
}

.shown_mobile {
    display: none !important
}

/***** Flexslider Page *****/ 
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
	outline: none
}
.slides,
.slides > li,
.flex-control-nav {
	margin: 0;
	padding: 0;
	list-style: none
}
.flex-pauseplay span {
	text-transform: capitalize
}
.flexslider {
	margin: 0;
	padding: 0
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden
}
.flexslider .slides > li {
	display: block;
}
.flexslider .slides img {
	width: 100%;
	display: block;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none
}
.footer_image table,
.image table {
	background: transparent !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	height: auto !important;
	width: 100% !important;
}
.flexslider {
	margin: 0;
	position: relative;
	zoom: 1
}
.flexslider .slides {
	zoom: 1
}
.flexslider .slides img {
	height: auto;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	margin: 0 auto;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}
.loading .flex-viewport {
	max-height: 300px
}
.carousel li {
	margin-right: 5px
}
.flex-direction-nav {
	position: absolute;
	top: 50%;
	left:0;
	right:0;
	padding: 0;
	list-style: none
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 23px;
	height: 36px;
	margin: -16px 0 0;
	position: absolute;
	text-indent: -9999px;
	z-index: 1;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}
.flex-direction-nav a:hover {
	opacity: .4;
	filter: alpha(opacity=4);
}
.flex-direction-nav .flex-prev {
	left: 0;
	background: transparent url(../images/slider_prev.png) no-repeat center center
}
.flex-direction-nav .flex-next {
	right: 0;
	background: transparent url(../images/slider_next.png) no-repeat center center
}
.flex-direction-nav .flex-disabled {
	opacity: 0 !important;
	filter: alpha(opacity=0);
	cursor: default;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20%;
	text-align: center
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline
}
.flex-control-paging li a {
	width: 13px;
	height: 13px;
	display: block;
	background: transparent url(../images/bullets.png) center center no-repeat;
	cursor: pointer;
	text-indent: -9999px
}
.flex-control-paging li a:hover {
	background: transparent url(../images/bullets_active.png) center center no-repeat
}
.flex-control-paging li a.flex-active {
	background: transparent url(../images/bullets_active.png) center center no-repeat;
	cursor: default
}
.flexslider li {
	position: relative
}
.flexslider .slide-caption {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0
}
#icontent .slide-caption {
	height: auto;
	bottom: 80px;
	top: 80px;
}
#icontent .image {
	min-height: 300px;
	border: 1px dashed #aaa;
	margin-bottom: 5px;
}
#icontent .image .weebly-image-area {
	width: 100%;
}
.flexslider .main {
	position: relative;
	display: table;
	height: 100%
}
.flexslider .slide-content {
	display: table-cell;
	height: 100%;
	vertical-align: middle
}
.slide-content h2 {
	font-size: 60px;
	color: #fff; /* Change slide title text color */
}
.slide-content p {
	font-size: 25px;
	color: #fff; /* Change slide paragraph text color */
}

.c-content-tab-1 .tab-content.c-padding-lg{
	padding-left:0;
	padding-right:0;
}
.c-content-tab-1 .tab-content.c-bordered{
	border-left:0 none;
	border-right:0 none;
	border-bottom:0 none;
}
.c-border-orange{
	border-color: #FFD324  !important
}

.team_desc{
	display:table;
}
.team_desc .team_image_wrapper,
.team_desc .team_content_wrapper{
	display:table-cell;
	width:50%;
	padding:50px;
	vertical-align:middle;
}
.team_desc .team_image_wrapper{
	text-align:center;
}
.team_desc .team_image_wrapper .team_image{
	overflow:hidden;
	width:320px;
	height:320px;
	display:inline-block;
	border-radius: 500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
}
.team_desc .team_image_wrapper .team_image img{
	width: 320px;
	min-height: 320px;
}
.team_desc .team_content_wrapper{
	background:#eb5d68
}
.team_desc .team_content_wrapper .team_content{
	text-align:justify
}
.team_desc .team_content_wrapper .team_content h2{
	text-transform:uppercase;
}
.team_desc .team_content_wrapper .team_content h3{
	font-size:16px;
	margin-top:5px;
}
.team_desc .team_content_wrapper .team_content .long_desc{
	margin-top:25px;
}
#location-1{
	background:#f7f7f7
}
#location-1 .team_desc .team_image_wrapper{
	background:#fff
}
#location-2{
	background:#fff;
}
#location-2 .team_desc .team_image_wrapper{
	background:#f7f7f7
}
.course_detail{
	display:table
}
.course_image,
.course_desc{
	float:left;
	padding:0 20px;
	text-align:justify
}
.course_image{
	width:40%;
}
.course_image img{
	width:100%
}
.course_desc{
	width:60%;
}
#dang-ky-hoc .main{
	max-width:900px
}
.row {
	margin:15px 0
}
.row .half{
	float:left;
	width:50%;
	padding:0 15px;
}
.row input[type="text"],
.row textarea{
	width:100%;
	margin:0
}
.row input[type="checkbox"]{
	margin-left:-15px;
	margin-right:10px;
	border:1px solid rgba(0,0,0,.1);
	background:#fff;
	display:inline-block;
	vertical-align:top;
	margin-top:5px;
}
.row label{
	font-weight:300;
	display:inline-block;
	vertical-align:top;
}
.row .full{
	padding:0 15px;
}
.row input[type="submit"]{
	background:transparent;
	border:1px solid #fff;
	color:#fff;
}
.row input[type="submit"]:hover{
	background:#fff;
	color:#eb5d68
}



.blog_post{
	width:265px;
	height:440px;
	float:left;
	margin:25px 25px 0 0
}
.blog_post:nth-child(4n+2){
	margin-right:0;
}
.blog_post .blog_image_wrapper{
	width:265px;
	height:205px;
}
.blog_post .blog_image{
	width:100%;
	height:100%;
	overflow:hidden;
}
.blog_post .blog_image img{
	min-width:265px;
	height:205px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
}
.blog_post .blog_info{
	padding:25px;
	background:#fff;
}
.blog_post .blog_info h2{
	font-size:20px;
	text-transform:none;
	height:45px;
	overflow:hidden;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.blog_post .blog_info p{
	max-height:72px;
	overflow:hidden;
	
}
.blog_post .blog_info .blog_date{
	font-style:italic;
	font-size:12px;
	
}
.blog_post:hover .blog_image img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.blog_post .blog_info a:hover,
.blog_post:hover .blog_info h2{
	color:#FFD324 ;
	text-decoration:none
}
.blog_post .blog_info hr{
	color:#e8e8e8;
	background:#e8e8e8;
	border:0 none;
	border-top:1px solid #e8e8e8;
	outline:none;
}

.blog_post.highlight_post{
	width:845px;
}
.blog_post.highlight_post .blog_image_wrapper{
	width:460px;
	height:440px;
	float:left;
}
.blog_post.highlight_post .blog_image_wrapper img{
	min-width:460px;
	height:440px;
}
.blog_post.highlight_post .blog_info{
	float:left;
	width:385px;
	height:440px;
	background:#FFD324 
}
.blog_post.highlight_post .blog_info h2{
	color:#fff;
	font-size:36px;
	height:auto;
	line-height:100%
}
.blog_post.highlight_post .blog_info a:hover,
.blog_post.highlight_post:hover .blog_info h2{
	text-decoration:none;
}
.blog_post.highlight_post .blog_info p{
	max-height:200px;
	color:#fff;
}
.blog_post.highlight_post .blog_info hr{
	color:#f7f7f7;
	background:#f7f7f7;
	border:0 none;
	border-top:1px solid #f7f7f7;
	outline:none;
	margin:15px 0;
}
.blog_post.highlight_post .blog_date{
	margin-top:10px;
}

/*** Page items ***/
#item-list{
	text-align:center;
	margin-top:50px;
}
#item-list ul li{
	display:inline-block;
	margin:0 18px;
	height:31px;
	line-height:31px;
}
#item-list ul li,
#item-list ul li a{
	color:#5c6873;
	font-size:18px;
}
#item-list ul li a:hover{
	color:#FFD324 ;
}
#item-list ul li.pager-next a,
#item-list ul li.pager-prev a{
	display:inline-block;
	text-indent:-9999px;
	width:17px;
	height:31px;
}
#item-list ul li.pager-next a{
	background:url(../images/list_next.png) center top no-repeat;
}
#item-list ul li.pager-prev a{
	background:url(../images/list_prev.png) center top no-repeat;
}
#item-list ul li.pager-next a:hover,
#item-list ul li.pager-prev a:hover{
	background-position:center bottom;
}
#item-list ul li.cur,
#item-list ul li.cur a{
	color:#FFD324 ;
}
#contact{
	background: #fff;
	padding: 70px 30px 50px;
}
#contact .half .contact_info{
	height: 225px
}
.contact_info p{
	font-size:18px;
	padding-left:30px;
}
.contact_info p.email{
	background:url(../images/email.png) left center no-repeat;
}
.contact_info p.phone{
	background:url(../images/phone.png) left center no-repeat;
}
.contact_info p.address{
	background:url(../images/location.png) left 20% no-repeat;
}
#content{
	padding: 30px;
	background: #fff;
}
#content_detail .content_detail{
	padding:30px;
	background:#fff;
}
#phoenix_video{
	margin: 0;
	position: relative;
}
.phoenix_logo{
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 9;
}
#phoenix_frame{
	width: 100%;
	height: 430px;
}
#phoenix_frame.fullscreen{
	height: 100%;
}
.breadcrumb{
	background:0 none;
	padding: 0;
}
.baiviet{
	margin-top: 30px;
}
.recentPosts{
	padding: 70px 30px 50px;
}
.recentPosts .blog_post:nth-child(4n+2){
	margin-right:25px;
}
.recentPosts .blog_post:nth-child(4n+1){
	margin-right:0
}

.viewAll{
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}
.viewAll-link{
	display: block;
	margin-top: 30px;
	margin-left: -50px;
}
.viewAll-link,
.viewAll-link:hover,
.viewAll-link:focus{
	text-decoration: none;
	color: #FFD324
} 
.viewAll .arrow{
	width: 24px;
	height: 24px;
	background: #FFD324 url(../images/arrow.png) center no-repeat;
	padding: 10px;
	display: inline-block;
	box-sizing: content-box;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.viewAll:hover .arrow{
	background-color: #ffa500
}
.highlight_view_more{
	border: 1px solid #FFD324
}
.highlight_view_more .viewAll-link{
	margin-top: 35px;
	margin-left: 0;
}



.live_video_list{
	max-height: 530px;
	overflow: auto;
}
.live_video_item a,
.live_video_item a:hover,
.live_video_item a:focus{
	color: #000;
	text-decoration: none;
}
.live_video_item_wrap{
	overflow: hidden;
	background: #f5f5f5;
	margin: 10px 0;
}
.live_video_item_wrap .tour_name,
.live_video_item_wrap .match_name{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.live_video_item_wrap .match_team_1,
.live_video_item_wrap .match_team_2,
.live_video_item_wrap .match_goal{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.live_video_item_wrap .tour_name{
	width: 250px;
    background: #000;
	color: #fff;
    position: relative;
	height: 75px;
    padding: 15px 0px 15px 30px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.live_video_item_wrap .tour_name:before{
	position: absolute;
    content: "";
    bottom: 0;
	right: -100px;
    border-color: #000;
    border-width: 50px 50px 50px 50px;
    border-style: solid;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.live_video_item_wrap .tour_name:after{
	position: absolute;
    content: "";
	top: 10px;
	left: 10px;
	cursor: pointer;
    width: 21px;
    height: 13px;
    background: url(../images/Icon_live.svg) no-repeat;
	z-index: 5;
}
.live_video_item_wrap:hover .tour_name{
	background: #FFD324
}
.live_video_item_wrap:hover .tour_name:before{
	border-color: #FFD324
}
.live_video_item_wrap .match_name{
	width: 70%;
    padding-right: 20px;
    padding-left: 70px;
}
.live_video_item_wrap .match_team_1{
	float: left;
	text-align: left;
	width: 200px;
	font-weight: bold;
}
.live_video_item_wrap .match_team_2{
	float: right;
	text-align: right;
	width: 200px;
	font-weight: bold;
}
.table_info{
	display: table;
	width: 100%;
	background:url(../images/soccer.jpg) center;
	background-size: cover;
	text-align: center;
	color: #fff;
	position: relative;
	padding-bottom: 30px;
}
.table_th{
	display:  table-cell;
	font-weight: bold;
	padding: 5px 0;
}
.table_td{
	display:  table-cell;
	padding: 5px 0;
    color: #FFD324;
    font-size: 14px;
}
.table_td.white_color{
	color: #fff;
}
.table_tr{
	display: table-row;
}
.table_tr .table_td{
	background: rgba(255,255,255, .1);
}
.table_tr .white_color{
	background: rgba(255,255,255, .05);
	border-left: 1px solid #4d7c2c;
	border-right: 1px solid #4d7c2c;
}
.table_tr:nth-child(2n) .table_td{
	background: rgba(255,255,255, .15);
}
.table_tr:nth-child(2n) .white_color{
	background: rgba(255,255,255, .09);
}
.stadium_info{
	position: absolute;
	width: 100%;
	bottom: 4px;
	left: 0;
}
.db-sport__bottom.db-sport__info{
	display: flex;
}
.db-sport__weather,
.db-sport__bottom-text{
	display: inline-flex;
    align-items: center;
    justify-content: flex-start;
	line-height: 22px;
    font-size: 13px;
    color: #fff9;
	width: 48%;
	margin: 0;
    text-align: center;
    white-space: normal;
}
.db-sport__weather-point {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 10px;
    font-size: 13px;
    color: #fff;
}
.db-sport__weather-point:before {
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.db-sport__bottom-text .item{
    display: block;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.db-sport__weather-point.cloud:before, 
.db-sport__weather-point.cloudyrain:before,
.db-sport__weather-point.fog:before, 
.db-sport__weather-point.humidity:before,
.db-sport__weather-point.pressure:before, 
.db-sport__weather-point.rain:before,
.db-sport__weather-point.rainfall:before,
.db-sport__weather-point.snow:before, 
.db-sport__weather-point.storm:before,
.db-sport__weather-point.sun:before,
.db-sport__weather-point.weakrain:before, 
.db-sport__weather-point.weaksnow:before,
.db-sport__weather-point.wind:before{
	background-image: url(../images/sprite-weather.svg);
}
.db-sport__weather-point.sun:before {
    background-position: 50% 50%;
}
.db-sport__weather-point.wind:before {
    background-position: 50% 0;
}
.db-sport__weather-point.pressure:before {
    background-position: 50% 16.66667%;
}
.db-sport__weather-point.humidity:before {
    background-position: 50% 8.33333%;
}
.db-sport__bottom-text .info-icon {
    margin-right: 5px;
}
.db-sport__bottom-text .info-icon:before{
	content: "";
    display: block;
    width: 10px;
    height: 13px;
    background: url(../images/info.png) no-repeat 50%;
    background-size: contain;
}


.live_video_backup li{
	display: inline-block;
	margin: 10px 0;
}
.live_video_backup li a,
.live_video_backup li a:hover,
.live_video_backup li a:focus{
	color: #181818;
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	padding: 5px 15px 5px 30px;
	background: #181818;
	color: #fff
}
.live_video_backup li a:before{
	content:"";
	position: absolute;
	background: url(../images/play.png) center no-repeat;
	background-size: 100% auto;
	width: 10px;
	height: 10px;
	left: 10px;
	top: 10px;
}
.live_video_backup li.active a:before{
	background: url(../images/pause.png) center no-repeat;
}
/*.live_video_backup li:before{
	content: "";
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	width: 0;
	height: 2px;
	background: #181818;
	margin: 0 auto;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.live_video_backup li.active:before,
.live_video_backup li:hover:before{
	width: 100%;
}*/
.live_video_backup li.active a{
	background: #FFD324;
}
/*.live_video_backup li.active:before{
	background: #FFD324;
}*/

/*.jw-media:before{
	content: "";
    position: absolute;
    width: 150px;
    height: 54;
    background: url(../images/phoenix_logo.png) no-repeat;
    right: 10px;
    top: 10px;
    z-index: 9999;
    background-size: auto 100%;
}*/

#relative_video_wrapper {
    background-color: #fff;
    display: block;
    position: relative;
    padding: 0 0 60%;
}
#relative_video_wrapper .living_match_video_wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
}
#relative_video_wrapper.is-sticky .living_match_video_wrapper{
	position: fixed;
	max-width: 300px;
	max-height: 176.5;
	width: 300px;
	height: 176.5px;
	z-index: 9999;
	top: 40px;
	left: 0;
	overflow: hidden;
}
#relative_video_wrapper.is-sticky .living_match_video_wrapper iframe{
	position: relative;
	top: -142.5px;
}
#relative_video_wrapper .living_match_video_wrapper a img{
	max-width: 100%;
}

.row-justify {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.row-no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row-no-gutter > div {
  padding-left: 0;
  padding-right: 0;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.row-eq-height:after, .row-eq-height:before {
  content: normal;
}

.row-eq-height > div {
  -moz-background-clip: content-box;
       background-clip: content-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-flex-direction: row;
  -ms-flex-direction: column;
}

.hadicap_table{
	padding: 50px 0;
	background: #fff;
	color: #181818;
}
.hadicap_table table,
.hadicap_table table td,
.hadicap_table table th{
	color: #181818;
}
.hadicap_table a,
.hadicap_table a:hover,
.hadicap_table a:focus{
	color: #181818;
}
tr.alt td {
    background-color: #E6EEF0;
}
.fx_coming td {
    font-size: 15px;
    color: #000;
    text-align: center;
    border-color: #d7e3f5;
    border-style: none solid solid none;
    border-width: 1px;
}
tr.ls {
    height: 32px;
    background-color: #FFD324;
	color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
tr.ls a,
tr.ls a:hover,
tr.ls a:focus{
	color: #181818 !important;
}
tr th,
tr td{
	padding: 5px 15px;
}
tr th{
	text-align: center;
}
tr.ls td{
	text-align: left;
}
.cm_pick{color: navy !important;font-weight:700}
.style6{font-size:12px;color:#000}
.style61{ font-size:12px;color:#fff !important;font-weight:700}
.style29{font-size:11px;font-weight:700;color:#FFF}
.style30{font-size:11px;font-weight:700;color:#000}
.style40{font-size:10px;color:#F87F03 !important;font-weight:700;font-style:italic}
.style41{font-size:11px;color:#069;font-style:italic}
.style92{color:#000;  font-size:12px}
.style93{color:silver; font-size:12px}
.style94{color:#039; font-size:12px}
.style101{font-size:12px;color:#000 !important; font-weight:700}
.style7,.style44{font-size:10px;color:#000 !important}
.style8,.style33{font-size:11px;color:#000 !important}
.style9,.ko_res a{font-size:12px;color:#e90f46 !important}
.style39,.focus{color:#F87F03 !important}
.odd_down {
    color: #00f !important;
}
.odd_up {
    color: #f00 !important;
}
.legend_tbl,
.legend_tbl th,
.legend_tbl tr,
.legend_tbl td{
	margin-top: 20px;
	background: #f0f0f0;
	padding: 10px 0;
	border: 0 none;
}
.lb_asian, .lb_ou, .lb_euro {
	color: #fff;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}
.upcoming_handicap{
	font-weight: 700;
	text-align: left;
	font-size: 17px;
	color: #FFD324 !important;
}
/*.handicap_table_wrap{
	width: 100%;
	overflow-x: auto;
}*/
.handicap_top{
	height: 30px;
	background: url(../images/handicap-bg.png) 18px center no-repeat;
}
.handicap_table_wrap table{
	width: 100%;
	min-width: 1080px;
}
.handicap_table_wrap a{
	color: #181818
}
.handicap_table_wrap a:hover,
.handicap_table_wrap a:focus{
	color: #181818;
	text-decoration: none;
}

.list_sport_logo{
	margin:0 0 30px;
}
.list_logo{
	display: flex;
	align-items: center;
}
.list_logo li{
	padding: 0 15px;
}
.list_logo li{
	width: 100%;
}
.list_logo li img{
	max-width: 100%;
	max-height: 65px;
}


.coccoc-alo-phone{
	position:fixed;visibility:hidden;
	background-color:transparent;width:200px;
	height:200px;cursor:pointer;z-index:999 !important;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;transition:visibility .5s;
	right:0;
	bottom:0
}
.coccoc-alo-phone.coccoc-alo-show{
	visibility:visible
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight{
	0%{opacity:1}
	100%{
		opacity:0;-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
		}
	}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.coccoc-alo-phone.coccoc-alo-static{opacity:.6}
.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{opacity:1}
.coccoc-alo-ph-circle{
	width:160px;
	height:160px;
	top:20px;
	left:20px;
	position:absolute;background-color:transparent;-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,0.4);
	border:2px solid #bfebfc 9;
	opacity:.1;
	-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;transform-origin:50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{
	-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{
	-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{
	border-color:#FFD324;
	border-color:#baf5a7 9;
	opacity:.5
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#F20000;border-color:#bfebfc 9;opacity:.5}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{
	border-color:#ccc;opacity:.5
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#FFD324;opacity:.5}
.coccoc-alo-ph-circle-fill{
	width:100px;
	height:100px;
	top:50px;
	left:50px;
	position:absolute;background-color:#000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{
	-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(0,175,242,0.5);
	background-color:#00aff2 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(117,235,80,0.5);
	background-color:#baf5a7 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{
	background-color:rgba(242, 223, 0, 0.85);
	background-color:#a6e3fa 9;opacity:.75 !important
}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(204,204,204,0.5);
	background-color:#ccc 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}
.coccoc-alo-ph-img-circle{
	width:60px;height:60px;top:70px;left:70px;
	position:absolute;
	background:rgba(30,30,30,0.1) url("../images/live-icon-white.png") no-repeat center center;
	background-size: 50% auto;
	-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#FFD324;background-color:#FFD324 9}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2;background-color:#F20000}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#FFD324}@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#coccoc-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}#coccoc-alo-wrapper.night-mode{color:#fff}.coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important}
.coccoc-alo-popup{
	display:inline-block;position:relative;-webkit-border-radius:16px;
	-moz-border-radius:16px;border-radius:16px;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
	-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;
	-o-transition:.6s ease-out;transition:.6s ease-out;
	margin:0 auto;z-index:200001;text-align:center;padding:60px 75px
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}
#coccoc-alo-wrapper .coccoc-alo-overlay{
	position:fixed;width:100%;
	height:100%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}.coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}.night-mode .coccoc-alo-popup h3{font-size:23px}.night-mode .coccoc-alo-message{padding-bottom:0}.coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}.coccoc-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}coccoc-alo-number::-ms-clear{display:none;width:0;height:0}.night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit{background-color:#00bed5}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2;background-color:#00aff2}.coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#coccoc-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.coccoc-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{margin-bottom:15px}#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px}.coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "}

/* Tooltip text */
.phoenix-tooltip .tooltiptext {
	visibility: hidden;
    position: absolute;
    width: 200px;
    background-color: #FFD324;
    color: #fff;
	font-size:24px;
	font-weight:500;
    text-align: center;
    padding: 10px 30px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
}
.tooltip-top {
    right: 25%;
	top:-5%;
}
.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 20%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #FFD324 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
/* Show the tooltip text when you mouse over the tooltip container */
.phoenix-tooltip:hover .tooltiptext {
    visibility: visible;
	opacity:1
}
.fb_iframe_widget_fluid_desktop iframe{
	width: 100% !important;
}


#live_now_wrap{
	position: fixed;
	width: 50%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,.9);
	z-index: 1000;
	transform: translateX(-999px);
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
#live_now_wrap.open{
	transform: translateX(0);
}
.live_close{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(../images/close_red.png) center no-repeat;
	right: 15px;
	top: 15px;
	text-indent: -9999px;
	cursor: pointer;
}
.live_now_content_wrap{
	padding: 60px 15px 15px;
}
.live_now_content{
	padding: 15px 15px 60px;
	text-align: center;
	height: 100%;
	overflow: auto;
}
.live_now_content::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.live_now_content::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.live_now_content::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(243,203,46)),
									   color-stop(0.72, rgb(255,211,36)),
									   color-stop(0.86, rgb(218,178,21)));
}
.live_now_content .match_item{
	display: inline-block;
	text-align: left;
	padding-right: 15px;
}
.live_now_content .team_name_wrap{
	width: 220px;
}
.watch_now_button{
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
}
.btn-watch-now{
	display: inline-block;
    padding: 10px 30px;
    background: transparent;
    border: 1px solid #FFD324;
    color: #FFD324;
	position: relative;
	font-size: 17px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.btn-watch-now:before{
	content:"";
	position: absolute;
	width: 0;
	height: 100%;
	left:0;
	top:0;
	background: #FFD324;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.btn-watch-now:hover,
.btn-watch-now:focus{
	color:#fff;
	text-decoration: none;
}
.btn-watch-now:hover:before,
.btn-watch-now:focus:before{
	width: 100%;
}
.btn-watch-now span{
	position: relative;
}
.chatbox{
	border: 2px solid #FFD324
}
/*.chatbox_match{
	margin-top:565px !important
}*/

.megamenu{
	width: 100%;
	left:0;
	padding: 10px;
}
.megamenu li{
	display: inline-block !important;
	margin-right: 15px;
}
.megamenu li a.menu_item{
	margin-left: 4px;
	width: 140px;
	padding:0 !important;
    -ms-flex-preferred-size: 11%;
    -webkit-flex-basis: 11%;
    flex-basis: 11%;
    height: 99px;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    min-width: 100px;
	background-size: 100% auto;
}

.megamenu li a.menu_item span.menu_title{
	font-size: 13px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 5px 5px 6px 40px;
    position: relative;
	white-space: nowrap;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.megamenu li a.menu_item:before {
    content: '';
    position: absolute;
    width: 0;
    height: 27px;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.megamenu li a.menu_item:after {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 2px;
    bottom: -2px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 0;
}
.menu_item .menu_title:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 27px;
    left: 3px;
    top: 0;
}
.sport_menu_football {
    background: url(../images/football_bw.jpg) center no-repeat;
}
.sport_menu_basketball {
    background: url(../images/basketball_bw.jpg) center no-repeat;
}
.sport_menu_hockey {
    background: url(../images/hockey_bw.jpg) center no-repeat;
}
.sport_menu_badminton {
    background: url(../images/badminton_bw.jpg) center no-repeat;
}
.sport_menu_f1 {
    background: url(../images/f1_bw.jpg) center no-repeat;
}
.sport_menu_footballtennis {
    background: url(../images/footballtennis_bw.jpg) center no-repeat;
}
.sport_menu_boxing {
    background: url(../images/boxing_bw.jpg) center no-repeat;
}
.sport_menu_others {
    background: url(../images/other_bw.jpg) center no-repeat;
}
.sport_menu_football:hover, .sport_menu_football.active {
    background: url(../images/football.jpg) center no-repeat;
}
.sport_menu_basketball:hover, .sport_menu_basketball.active {
    background: url(../images/basketball.jpg) center no-repeat;
}
.sport_menu_hockey:hover, .sport_menu_hockey.active {
    background: url(../images/hockey.jpg) center no-repeat;
}
.sport_menu_badminton:hover, .sport_menu_badminton.active {
    background: url(../images/badminton.jpg) center no-repeat;
}
.sport_menu_f1:hover, .sport_menu_f1.active {
    background: url(../images/f1.jpg) center no-repeat;
}
.sport_menu_footballtennis:hover, .sport_menu_footballtennis.active {
    background: url(../images/footballtennis.jpg) center no-repeat;
}
.sport_menu_boxing:hover, .sport_menu_boxing.active {
    background: url(../images/boxing.jpg) center no-repeat;
}
.sport_menu_others:hover, .sport_menu_others.active {
    background: url(../images/other.jpg) center no-repeat;
}
.sport_menu_football .menu_title:before {
    background: url(../images/menu_flag_football.png) center no-repeat;
}
.sport_menu_basketball .menu_title:before {
    background: url(../images/menu_flag_basketball.png) center no-repeat;
}
.sport_menu_hockey .menu_title:before {
    background: url(../images/menu_flag_hockey.png) center no-repeat;
}
.sport_menu_f1 .menu_title:before {
    background: url(../images/menu_flag_f1.png) center no-repeat;
}
.sport_menu_footballtennis .menu_title:before {
    background: url(../images/menu_flag_footballtennis.png) center no-repeat;
}
.sport_menu_boxing .menu_title:before {
    background: url(../images/menu_flag_boxing.png) center no-repeat;
}
.sport_menu_football:before, .sport_menu_football.active .menu_title {
    background-color: rgba(46,70,10, 1);
}
.sport_menu_basketball:before, .sport_menu_basketball.active .menu_title {
    background-color: rgba(90,44,3, 1);
}
.sport_menu_hockey:before, .sport_menu_hockey.active .menu_title {
    background-color: rgba(36,62,110, 1);
}
.sport_menu_f1:before, .sport_menu_f1.active .menu_title {
    background-color: rgba(107,82,18, 1);
}
.sport_menu_footballtennis:before, .sport_menu_footballtennis.active .menu_title {
    background-color: rgba(31,71,25, 1);
}
.sport_menu_boxing:before, .sport_menu_boxing.active .menu_title {
    background-color: rgba(90,31,38, 1);
}
.sport_menu_others:before, .sport_menu_others.active .menu_title {
    background-color: rgba(0,0,0, 1);
}

.sport_menu_football .menu_title {
    background-color: rgba(46,70,10, 0.3);
}
.sport_menu_basketball .menu_title {
    background-color: rgba(90,44,3, 0.3);
}
.sport_menu_hockey .menu_title {
    background-color: rgba(36,62,110, 0.3);
}
.sport_menu_f1 .menu_title {
    background-color: rgba(107,82,18, 0.3);
}
.sport_menu_footballtennis .menu_title {
    background-color: rgba(31,71,25, 0.3);
}
.sport_menu_boxing .menu_title {
    background-color: rgba(90,31,38, 0.3);
}
.sport_menu_others .menu_title {
    background-color: rgba(0,0,0, 0.3);
}
.megamenu li a.menu_item:hover:before {
    width: 100%;
}
.megamenu li a.menu_item:hover:after, .megamenu li a.menu_item.active:after {
    width: 100%;
}
.live_now_content .team_logo_wrap, 
.live_now_content .team_logo_wrap, 
.live_now_content .team_name_wrap {
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.live_now_content .team_logo_wrap {
    width: 150px;
    margin-bottom: 10px;
}
.live_now_content .team_logo {
    position: relative;
    z-index: 2;
    margin: 0 5px;
}
.live_now_content .team_logo img {
    height: 60px;
	width: auto;
	max-width: 60px;
}
.live_now_content .tournament_name {
    font-size: 14px;
    color: #bdbdbd;
	margin-top: auto;
	margin-bottom: auto;
}
.live_now_content .team_name {
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
	height:auto;
	line-height: 170%;
	width: auto;
	text-align: left;
	background: 0 none;
	text-transform: none;
	color: #fff !important;
	display: block !important;
    text-overflow: ellipsis;
}
.live_now_content .team_name
.live_now_content .hot-match .match_time {
    color: #fff !important;
    border-color: #fff;
}
.live_now_content .match_item:hover .team_name{
	color: #fff !important;
}
.live_now_content .info .live_btn {
    padding: 3px 10px;
    background: #FFD324;
    color: #fff;
    margin-right: 8px;
    font-size: 15px;
    font-weight: bold;
}
.live_now_content .match_item {
    display: inline-block;
    text-align: left;
    padding: 15px 0;
    padding-left: 15px;
    border-bottom: 1px solid #151515;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.tournament_wrap{
	margin: 15px 0 0;
	background: #eaeaea;
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
    line-height: 120%;
    font-weight: 300;
}
.result_match{
	border-bottom: 1px solid #dbdbdb;
	padding: 5px 0;
}
.result_match .result_team_1,
.result_match .result_team_2,
.result_match .result_goal{
	float:left;
	width: 40%;
	font-weight: 400;
	text-align: center;
	padding: 2px 10px;
}
.result_match .result_goal{
	width: 20%;
	background: #FFD324
}
.match_info{
	width: 145px;
}
.tv_list{
	height: 430px;
	overflow-y: scroll;
}
.tv_list li{
	display: block;
	margin: 5px;
}
.tv_list li img{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.tv_list.fm_list li img{
	width: 150px;
}
#rcorners1{
    border-radius: 8px;
    background: red;
    padding: 10px;
}
.disclaim_text{
	margin-top: 135px;
}

.custom_match_layout{
	display: flex;
	align-items: center;
	margin: 15px 0;
	padding: 10px;
	background: #f6f6f6;
	transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
	-webkit-transition: all .35s ease-out;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0);
}
.custom_image{
	width: 30%;
}
.custom_match_info{
	width: 100%;
}
.custom_play_button{
	width: 30%;
	text-align: center;
}
.custom_image img{
	width: 100%;
	max-height: 300px;
}
.custom_match_info{
	padding: 0 15px;
	text-align: center;
}
.custom_match_info h2.custom_name{
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
}
.custom_match_info h3.custom_tournament_name{
	font-size: 20px;
	margin-top: 15px;
}
.custom_match_link:hover,
.custom_match_link:focus{
	text-decoration: none;
}
.custom_match_link:hover .custom_match_layout,
.custom_match_link:focus .custom_match_layout{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.35);
}
h1.featured_title img{
	max-height: 75px;
	margin-right: 25px;
}
.info a:hover,
.info a:focus{
	text-decoration: none;
}

.tournament_filter{
	margin: 10px 0;
	height: 35px;
    line-height: 35px;
    padding: 0 15px;
	font-weight: bold;
}

.mn-related-container{
	width: 100% !important;
	margin-top: 12px
}

@media (max-width:1200px) {
	#live_now_wrap .team_logo{
		display: inline-block !important;
	}
}
@media (max-width:1170px) {
	#wrapper,
	#navigator{
		width: 100%
	}
    .flex-direction-nav,
    .main {
        width: 960px
    }
    .blog_post.highlight_post {
        width: 100%
    }
    .blog_post.highlight_post .blog_image_wrapper,
    .blog_post.highlight_post .blog_info {
        width: 50%;
        height: 418px;
        box-sizing: border-box
    }
    .blog_post {
        width: 33%;
        height: 390px
    }
    .blog_post .blog_image_wrapper {
        height: 130px;
        width: 100%
    }
    .blog_post .blog_image_wrapper img {
        max-height: 130px
    }
    .blog_body,
    .blog_sidebar {
        width: 100%
    }
	#study-course{
		height: 570px;
	}
	.block-1{
		top: 329px;
		left: 191px;
		width: 102px;
		height: 70px;
	}
	.block-2{
		top: 329px;
		left: 293px;
		width: 102px;
		height: 70px;
	}
	.block-3{
		top: 329px;
		left: 395px;
		width: 102px;
		height: 70px;
	}
	.block-4{
		top: 329px;
		left: 497px;
		width: 132px;
		height: 70px;
	}
	.block-5{
		top: 329px;
		left: 629px;
		width: 130px;
		height: 70px;
	}
	.headline-post-wrap{
		width: 100%;
	}
	.main_body,
	.main_sidebar{
		width: 100%;
		padding: 30px 0 0;
		float: none;
	}
	.main_sidebar{
		margin-top: 50px;
		max-width: 600px;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0 auto;
	}
	.team_name{
		width: 200px;
	}
	.main_sidebar{
		margin-top: 50px;
	}
	.live_video_item_wrap .match_team_1,
	.live_video_item_wrap .match_team_2{
		width: 180px;
	}

	.table-container{
		width: 100%;
		overflow: auto;
	}
	.handicap_table_wrap{
		width: 100%;
		overflow-x: auto;
	}
}

@media (max-width:1024px) {
    body {
        font-size: 15px
    }
    h2,
    h3 {
        font-size: 26px
    }
	.match_info{
		width: 145px;
	}
    .flex-direction-nav,
    .main {
        width: 90%
    }
    .animation_wrapper {
        height: auto!important
    }
    .animation_wrapper img {
        display: block;
        width: 100%;
        background: 0 none
    }
    .animation_wrapper>div,
    .c-content-feature-10>.c-list>li>.c-card>i {
        display: none
    }
    .c-content-feature-10>.c-list>li>.c-card {
        text-align: center
    }
    .c-content-feature-10>.c-list>li>.c-card>.c-content-left,
    .c-content-feature-10>.c-list>li>.c-card>.c-content-right {
        padding-left: 0;
        padding-right: 0
    }
    .team-item {
        width: 50%
    }
	#study-course{
		display: none;
	}
	#study-course-img{
		display: block;
	}
	.highlight_video_image img{
		max-width: none;
	}
}

@media (max-width:980px) {
    label.hamburger {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(../images/menu.png) center center no-repeat
    }
    #logo .logo-1 {
        height: 33px
    }
    #menu,
    #mobile_menu {
        text-align: right;
        width: 100%
    }
    #menu ul {
        display: none
    }
    #mobile_menu ul {
        position: relative;
        top: 0;
        left: 0;
        z-index: 7;
        display: block;
        width: 90%;
		margin: 0 auto;
        max-height: 0;
        text-align: left;
        overflow: hidden;
        box-sizing: border-box;
        opacity: 0;
        -webkit-transition: all 250ms cubic-bezier(0, .53, .85, .7);
        -moz-transition: all 250ms cubic-bezier(0, .53, .85, .7);
        -ms-transition: all 250ms cubic-bezier(0, .53, .85, .7);
        -o-transition: all 250ms cubic-bezier(0, .53, .85, .7);
        transition: all 250ms cubic-bezier(0, .53, .85, .7)
    }
    input#navTrigger:checked~#mobile_menu ul {
        max-height: 100vh;
        opacity: 1;
        padding: 20px 0
    }
    #mobile_menu ul li,
    #mobile_menu ul li a {
        display: block!important
    }
    #mobile_menu ul li a {
        padding: 5px 0!important
    }
    #mobile_menu ul li a.call-to-action {
        display: inline-block!important;
        margin-left: 0
    }
    #mobile_menu ul li.has_submenu>span.icon-caret {
        cursor: pointer;
        background: url(../images/more_menu_btn1.png) 98% no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 8;
        display: inline-block;
        height: 31px;
        width: 100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    #mobile_menu ul li>ul {
        position: relative;
        background: 0 none;
        padding: 0 0 0 25px!important
    }
    .team_desc {
        margin: 20px 0
    }
    .team_desc .team_content_wrapper,
    .team_desc .team_image_wrapper {
        display: block;
        width: 100%
    }
    .shown_mobile {
        display: block !important
    }
    .shown_desktop {
        display: none !important
    }
    .c-list:last-child .c-border-bottom {
        display: block
    }
    .c-list:last-child li:last-child .c-border-bottom {
        display: none
    }
    .course_item {
        height: 190px
    }
    #hall_of_fame .hall_of_fame_top li {
        width: 49%
    }
    #hall_of_fame .hall_of_fame_top li h3 {
        font-size: 20px
    }
    #hall_of_fame .hall_of_fame_top li h4 {
        font-size: 17px
    }
    #hall_of_fame .hall_of_fame_top li h5 {
        font-size: 15px
    }
    table td,
    table th,
    table tr {
        padding: 5px;
        line-height: 120%
    }
	.class_box{
		/*height: 365px;*/
	}

	.live_video_wrapper{
		display: none;
	}

	.baiviet img{
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
	}
	.otherContent_01{
		max-height: 100px !important;
	}
	.desktop_view{
		display: none;
	}
	.mobile_view{
		display: block;
	}
	.custom_match_info h2.custom_name{
		font-size: 22px;
	}
	.custom_match_info h3.custom_tournament_name{
		font-size: 18px;
	}
	#banner_1,
	#banner_9{
		display: none;
	}
	.ads_half{
		width: 100%;
	}
}

@media (max-width:900px) {
    body {
        font-size: 14px
    }
    h2,
    h3 {
        font-size: 22px
    }
    .featured_title {
        font-size: 24px
    }
    .course_item {
        height: auto
    }
	.class_open_date,
	.class_open_info{
		display: block;
		float: none;
		width: 100%;
	}
	.class_open_date{
		text-align: center;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.class_box{
		height: auto;
	}
}

@media (max-width:840px) {
    .course_item,
    .team-item {
        width: 100%
    }
    .subscription_form input {
        margin: 5px 0
    }
    #footer .footer-item {
        display: block;
        width: 100%;
        float: none;
        margin-top: 10px;
        margin-bottom: 10px
    }
	#live_now_wrap{
		width: 100%;
	}
	.team_name {
		width: 180px;
	}
	.match_info{
		width: 100px;
	}
}

@media (max-width:768px) {
	#phoenix_frame{
		height: 380px;
	}
	.team_name{
		width: 160px;
	}
	.match_time{
		font-size: 15px;
	}
	.live_video_item_wrap .match_team_1,
	.live_video_item_wrap .match_team_2{
		width: 140px;
	}
	.highlight_video_item_wrap{
		width: 50%;
		float: left;
	}
    .subscription_form input {
        display: block;
        margin: 5px auto
    }
    .course_desc,
    .course_image {
        float: none;
        display: block;
        width: 100%;
        margin: 10px 0
    }
    .c-content-feature-10>.c-list>li>.c-card {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .blog_post {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 50%
    }
    .logoPartners.column_3 li,
    .logoPartners.column_4 li,
    .logoPartners.column_5 li {
        width: 50%;
        padding: 0 20px
    }
    .logoPartners .logo_partner_image {
        height: 100px
    }
    #hall_of_fame .hall_of_fame_top li {
        width: 100%
    }
    #hall_of_fame .hall_of_fame_top li .avatar_wrap {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 120px;
        height: 120px;
        left: 0!important;
        right: 0!important
    }
    #hall_of_fame .hall_of_fame_top li .avatar_wrap img {
        max-width: 120px!important;
        width: 120px!important;
        min-height: 120px!important
    }
	.month{
		display: block;
		width: 100%;
		float: none;
	}
	.class_open_date,
	.class_open_info{
		float:left;
	}
	.class_open_date{
		width: 25%;
		text-align: left;
		margin-top: 50px;
		margin-bottom: 0;
	}
	.class_open_info{
		width: 75%
	}
	#study-course-img{
		width: 80%;
	}
	/*.living_match_video_wrapper iframe{
		height: 380px;
	}*/
	.custom_match_info h2.custom_name{
		font-size: 20px;
	}
	.custom_match_info h3.custom_tournament_name{
		font-size: 16px;
	}

	.coccoc-alo-phone{
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
	}
	#nwmlay,
	.nwmlay{
		padding: 0 20px;
	}
}

@media (max-width:750px) {
	#content{
		padding: 10px;
	}
	.list_sport_logo{
		padding-bottom: 10px;
		overflow: auto;
	}
	.list_logo{
		width: 200%;
	}
	.list_logo li{
		padding: 0 5px;
	}
	.main{
		width: 100%;
	}
	/*.hot-match .match_info:before{
		left: -25px
	}
	.match_info{
		width: auto;
	}*/
    h2,
    h3 {
        font-size: 15px
    }
    .row .half {
        float: none;
        width: 100%;
        margin-top: 15px
    }
    .row .half.nowrap {
        float: left;
        width: 50%
    }
    .paddingTop15 {
        padding-top: 0!important
    }
    .c-content-feature-10>.c-list>li>.c-card {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .blog_post.highlight_post {
        height: 600px
    }
    .blog_post.highlight_post .blog_image_wrapper,
    .blog_post.highlight_post .blog_info {
        width: 100%;
        height: auto!important;
        box-sizing: border-box
    }
    .blog_post.highlight_post .blog_image_wrapper img {
        width: 100%;
        height: auto
    }
    h2.blog_title {
        font-size: 24px
    }
    .logoPartners li {
        width: 100%!important;
        padding: 0 20px
    }
	#study-course-img{
		width: 100%;
	}
	.team_logo{
		display: block;
	}
	.match_item{
		font-size: 0;
		margin: 0;
		padding: 15px 0;
		border-bottom: 1px solid #dfdfdf;
	}
	.match_item.hot-match{
		background: #ea6153;
		color: #fff;
		padding: 10px 0 0;
		border-top: 15px solid #e85445;
		border-bottom: 15px solid #e85445;
	}
	.team_name{
		width: auto;
		height: 44px;
		max-width: 100px;
		background: 0 none;
		line-height: 150%;
		margin: 10px auto 0 !important;
		font-weight: bold;
		text-transform: none;
	}
	.team_name:after,
	.hot-match .match_info:before{
		display: none;
	}
	.match_item.hot-match:hover .team_name,
	.match_item.hot-match .team_name{
		color: #fff !important 
	}
	#matches_list .matches{
		display: block;
	}
	.match_info,
	.team{
		width: 33.33%;
		text-align: center;
		vertical-align: top;
		margin-left: 0;
		margin-right: 0;
	}
	.team_1 .team_name_wrap,
	.team_2 .team_name_wrap{
		margin-left: 0;
		margin-right: 0;
	}
	.team_2 .team_name,
	.team_name:before{
		display: none;
	}
	.team_2 .mobile_view .team_name{
		display:block
	}
	.match_info{
		margin-top:30px
	}
	.team_logo img{
		width: auto;
		height: 65px;
		max-height: 65px;
	}
	.match_item:hover .team_name{
		color: #000 !important
	}
	.watch_now_button{
		display: block;
		margin-top: 20px;
		margin-left: 0;
	}

	.live_video_item_wrap .match_team_1,
	.live_video_item_wrap .match_team_2{
		width: 110px;
	}

	#headline_scroller{
		display: none;
	}
	#content_detail .content_detail{
		padding: 15px;
	}
	.jw-media:before{
		height: 40px;
		width: 135px;
	}
	/*.living_match_video_wrapper iframe{
		height: 350px;
	}*/

	#live_now_wrap .team_name{
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}
	#live_now_wrap .match_time{
		display: none;
	}
}
@media (max-width:660px) {
	.coccoc-alo-phone{
		transform: scale(0.7);
		-moz-transform: scale(0.7);
		-webkit-transform: scale(0.7);
	}
}
@media (max-width:560px) {
    #phoenix_frame{
		height: 300px;
	}
	.blog_post,
    .blog_post:nth-child(2n+1),
    .blog_post:nth-child(3n+1),
    .blog_post:nth-child(4n+2) {
        margin-right: 0
    }
    .c-content-feature-10>.c-list>li>.c-card {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .team_desc .team_image_wrapper .team_image {
        width: 100%;
        height: 100%
    }
    .blog_post .blog_image img,
    .team_desc .team_image_wrapper .team_image img {
        width: 100%;
        min-width: 0;
        height: auto
    }
    .blog_post {
        width: 100%
    }
    .blog_post,
    .blog_post .blog_image,
    .blog_post .blog_image_wrapper {
        padding: 0;
        height: auto!important
    }
    .blog_post .blog_image_wrapper img {
        max-height: 100%
    }
    #hall_of_fame .hall_of_fame_top li .avatar_wrap {
        width: 100px;
        height: 100px
    }
    #hall_of_fame .hall_of_fame_top li .avatar_wrap img {
        max-width: 100px!important;
        width: 100px!important;
        min-height: 100px!important
    }
	.class_open_date,
	.class_open_info{
		float:none;
		width: 100%
	}
	.class_open_date{
		text-align: center;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.class_overlay{
		position: relative;
		background: 0 none;
		height: auto;
		opacity: 1;
	}
	.class_box.highlight_box .class_overlay{
		background: 0 none;
	}
	.class_overlay a.readmore{
		margin-top:20px;
		border: 1px solid #1b99d6;
		color: #1b99d6;
	}
	.class_overlay a.readmore:hover{
		color: #fff;
		background: #1b99d6
	}
	.last_result_goal .data > div{
		padding-left: 10px;
		padding-right: 10px
	}
	.jw-media:before{
		height: 35px;
		width: 115px;
	}
	/*.living_match_video_wrapper iframe{
		height: 300px;
	}*/
	.coccoc-alo-phone{
		transform: scale(0.6);
		-moz-transform: scale(0.6);
		-webkit-transform: scale(0.6);
	}
}

@media (max-width:460px) {
    #phoenix_frame{
		height: 260px;
	}
	.course_item_content {
        top: 50%
    }
	.headline-post{
		width: 100%;
		height: 200px;
	}
	.headline-post-nm .headline-img,
	.headline-post-nm .headline-img img{
		min-height: 200px;
	}
	/*.living_match_video_wrapper iframe{
		height: 260px;
	}*/
	/*.match_info{
		width: 100px;
		margin-left: 20px;
		margin-right: 20px;
	}*/
}




#phoenix_countdown_screen{
	background: #333;
	display: table;
	height: 433px;
	width: 100%;
	margin-top:30px;
	text-align: center;
}
#phoenix_countdown_screen .last_result_match_info{
	display: table-cell;
	vertical-align: middle;
}
#phoenix_countdown_screen .last_result_match_info .last_result_match_time,
#phoenix_countdown_screen .last_result_match_info .last_result_match_date{
	color: #fff;
	font-size: 24px;
}
.main-example {
  margin: 0 auto;
  width: 355px;
}
.main-example .countdown-container {
  height: 200px;
  color: #fff
}
.main-example .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 125px;
  width: 65px;
  margin: 0 5px;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.main-example .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 2em;
  line-height: 2.4em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.main-example .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.main-example .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.main-example .count.next {
}
.main-example .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 135px;
  width: 100%;
}
/* Animation start */
.main-example .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.main-example .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.main-example .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.main-example .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
@media screen and (max-width: 48em) {
  .main-example {
    width: 100%;
  }
  .main-example .countdown-container {
    height: 100px;
  }
  .main-example .time {
      height: 70px;
      width: 48px;
  }
  .main-example .count {
    font-size: 1.5em;
    line-height: 70px;
  }
  .main-example .label {
    font-size: 0.8em;
    top: 72px;
  }
}