@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Age';
	src: url('../fonts/Age-Reg.eot');
	src: url('../fonts/Age-Reg.eot#iefix') format('embedded-opentype'),
		url('../fonts/Age-Reg.woff') format('woff'),
		url('../fonts/Age-Reg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Age';
	src: url('../fonts/Age-Bold.eot');
	src: url('../fonts/Age-Bold.eot#iefix') format('embedded-opentype'),
		url('../fonts/Age-Bold.woff') format('woff'),
		url('../fonts/Age-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.carousel-caption{
	font-family: 'Age';
	text-transform:uppercase;
	}
.font_age h1,
.font_age h2,
.font_age h3,
.font_age h4,
.font_age h5,
.font_age h6,
.font_age .h1,
.font_age .h2,
.font_age .h3,
.font_age .h4,
.font_age .h5,
.font_age .h6{
	font-family: 'Age' ;
	}
.headertop{ 
	width:100%;
	background:#000;
	float:left;
}
.donate{ margin-top:15px;}
.bannerbottom h3{
	margin:20px 0;
	color:#FFFFFF;
	font-size:20px;
	}
.topheadertext, .topheadertext a, .topheadertext a:hover {
	color:#F00;
	text-decoration:none;
	margin-right:10px;
	font-size:13px;
}
.topheadertext{
	padding:10px 0;
	}
.topheadertext i{
	margin-right:10px;
	}
#polyglotLanguageSwitcher, #polyglotLanguageSwitcher * {
    margin: 0;
    outline: medium none;
    padding: 0;
}
#polyglotLanguageSwitcher ul {
    list-style: outside none none;
}
#polyglotLanguageSwitcher {
    color: #444;
    font-size: 12px;
    line-height: normal;
    position: relative;
    z-index: 100;
}
#polyglotLanguageSwitcher form {
    display: none;
}
#polyglotLanguageSwitcher a {
    background-position: 4px center;
    background-repeat: no-repeat;
    color: #cccccc;
    display: block;
    float: left;
    padding: 2px 12px 0.5em 33px;
    text-decoration: none;
    width: 6em;
}
#polyglotLanguageSwitcher a:hover {
    color: #000;
}
#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {
    height: 21px;
    position: relative;
}
#polyglotLanguageSwitcher a.current:hover, #polyglotLanguageSwitcher ul.dropdown li:hover {
    color: #cccccc;
}
#polyglotLanguageSwitcher a.active {
    border-bottom: medium none !important;
    border-radius: 3px 3px 0 0 !important;
}
#polyglotLanguageSwitcher span.trigger {
    display: block;
    height: 10px;
    position: absolute;
    right: 6px;
    text-indent: -10000em;
    top: 0.5em;
    width: 9px;
}
#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
	background: url(../images/arrow.jpg) no-repeat left top;	
}

#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {
	background-position: left bottom !important;
}

/* Drop-Down Menu */

#polyglotLanguageSwitcher ul.dropdown { 
	display: none;
	position: absolute;
	top: 2.333em; /* 28px */
	left: 0;
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	border-top: none !important;
	border-radius: 0 0 3px 3px;
}

#polyglotLanguageSwitcher ul.dropdown li { 
	border-top: 1px dotted #D4D4D4;
}

#polyglotLanguageSwitcher ul.dropdown li:last-child { 
	border-radius: 0 0 3px 3px;
}

/* Flags */

#en { 
	background-image: url(../images/flag%20AM.png);
}

#fr { 
	background-image: url(../images/flag%20FR.png);	
}

.logo{
	width:177px;
	height:173px;
	position: absolute;
	z-index:10;
    right: 0;
    left: 0;
    margin: auto;
	
	}

header{
	background:#f3f3f3;
	min-height:78px;
	float:left;
	width:100%;
	}
.social{
	width:145px;
	float:right;
	color:#f2f2f2;
	margin:22px 0;
	
	}
.social a{
	background:#c0c0c0;
	width:30px;
	height:30px;
	text-align:center;
	float:left;
	padding:8px 0;
	margin-left:5px;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color:#f2f2f2;
}
.navcon{
	background:url(../images/soccer%20-%20Copy.jpg) no-repeat center #0e255a;
	width:100%;
	float:left;
	border-bottom:solid 1px #fb1e1e !important;
	}
.nav > li > a{
	color:#FFFFFF !important;;
	font-weight:600 !important;
	border-left:solid #060d1d 1px;
	text-transform:uppercase;
	}
.navm{border-right:solid #060d1d 1px;}

.bannerbottom{
	width:100%;
	position:absolute;
	background: rgba(22, 55, 92, 0.5);
	min-height:60px; 
	bottom:0px;
	
	}
.contant{
	width:100%;
	float:left;
	background:#FFFFFF;
	}

.cs-section-title {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.cs-section-title::before, .cs-section-title::after {
    border-top: 1px solid #bebebe;
    content: "";
    height: 1px;
    left: 100%;
    margin-left: 10px;
    position: absolute;
    top: 43px;
    width: 7700px;
}
.comment-respond .cs-section-title h2::before {
    top: 11px;
	
}
.cs-color, .cs-colorhover:hover, .top-bar .left-side p i, .post-option li a:hover, .filter-nav li.active a, .prev .left-arrow, .prev-next-post article.next .right-arrow, .prev-next-post article.prev::after, .social-media ul li a:hover, #copyright P a, .footer-tweets ul li .text a, .social-media ul li a:hover i, .post-option li a:hover, .woocommerce ul.products li.product a.add_to_cart_button, .woocommerce-page ul.products li.product a.add_to_cart_button, .woocommerce #content input.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .recent_blog_widget ul li a:hover, .widget_team ul li a:hover, .recent_blog_widget ul li a:hover, .widget_result ul li a:hover, .twitter-logo a, .footer-tweets ul li i, .blog-grid .text h2 i, .widget_blog ul li i, .prev-next-post a .icon-list8, .pagination li a:hover, .pagination li.pgprev:hover img, .woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove, .navigation ul .sub-dropdown li:hover a {
    color: #e41515 !important;
}
.cs-bg-color, .cs-bgcolor, .cs-bgcolorhover:hover, .navigation ul > li:hover > a, .cs-tags ul li:hover a, .share-btn, .custom-btn, .team-detail figure figcaption header .player-no, .cs-tags ul li a:hover, .share-btn, form p.form-submit input[type="submit"], .team-detail figure figcaption header .player-no, .cs-qoute .cs-auther-name::before, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .widget_archive ul li:hover, .widget_categories ul li:hover, .widget_pages ul > li:hover > a, .widget_meta ul li:hover, .widget_nav_menu ul > li:hover > a, .tagcloud a:hover, #wp-calendar tbody tr td#today, .widget_calendar thead, .history-list article h4::before, .history-grid article h4::before, .spreater-holder span::before, form p.form-submit input[type="submit"], .main-section .button_style .default, .flat, .main-section .strock, .main-section .three-d, #footer-sec .signup .user-signup input[type="submit"], .cart-sec span.qnt {
    background-color: #e41515 !important;
}
.cs-borcolor, .cs-borcolorhover:hover, .cs-section-title h2::before, .widget-section-title h2::before, .woocommerce ul.products li.product a.add_to_cart_button, .woocommerce-page ul.products li.product a.add_to_cart_button, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .cs-section-title h2::before, .filter-nav li.active a, .products li a span::before {
    border-color: #e41515 !important;
}
.cs-section-title::after {
    left: auto;
    margin-right: 10px;
}
.cs-section-title h2 {
    display: inline-block;
    font-size: 26px;
    position: relative;
    text-transform: uppercase;
}
.cs-section-title h2::before {
    border-style: solid;
    border-width: 1px 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: -70px;
    top: 23px;
    width: 60px;
    z-index: 5;
}
.latest_result{
	border-top:solid 3px #e41515;
	width:100%;
	background:url(../images/resultbg.jpg) repeat;
	float:left;
	color:#FFFFFF !important;
	margin-top:10px;	
}
.mid_table a{ color:#FFF;}
.mid_table a:hover{ color:#CCC;}
.latest h2{
	color:#FFFFFF;
	font-size:24px;
	margin-bottom:25px;
	margin-left:30px;
	margin-top:20px
	}
.right_alignbox{
	text-align:right;
	float:right;
	}
.left_alignbox{
	text-align:left;
	
	}
.right_logo{
	margin-left:25px;
	width:100px;
	
	}
.left_logo{
	margin-right:25px;
	width:100px;
	
	}
.res{
	font-size:54px;
	font-weight:700;
	margin-top:10px;
	}
.right_alignbox h3{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	text-transform:uppercase;
	color:#FFF;
	width:220px;
}
.right_alignbox h3 {
    background:url(../images/left%20-%20Copy.jpg) no-repeat bottom right;
    font-weight: 300;
    padding: 5px 0 10px 0;
    position: relative;
}
.left_alignbox h3{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	text-transform:uppercase;
	color:#FFF;
	width:220px;
}
.left_alignbox h3 {
   	background:url(../images/left.jpg) no-repeat bottom left;
    font-weight: 300;
    padding: 5px 0 10px 0;
    position: relative;
}
.right_alignbox h4, .left_alignbox h4{
	font-family: 'Oswald', sans-serif;
	font-size:17px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:300;
}
.right_alignbox p, .left_alignbox p{
	font-size:13px;
	color:#FFF;
	margin:0px;
}

.latest_result_btm{
	width:100%;
	float:left;
	color:#FFF;
	background: rgba(15, 30, 47, 0.8);
	margin-top:30px;
	}
.icon_in{
	font-size:22px !important;
	margin-bottom:10px;
	}
.latest_result_btm p{
	color:#FFF;
	padding:15px 25px; 
	margin:0px;
	}
.latest_result_btm i{
	color:#FFF;
	padding:0px 25px; 
	margin:0px;
	}
.mar{
	margin-top:20px;
	}
.next_match{
	width:100%;
	float:left;
	border-top:solid 3px #e41515;
	background:url(../images/midbg.jpg) center top repeat-y;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	margin-bottom:40px;
	margin-top:12px;
	}
.next_match_mid{
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	background:url(../images/midbg.jpg) repeat;
	}
.next_match_mid h1{
	font-weight:bold;
	font-size:70px;
	margin:85px 0 25px 0;
	}
.next_match_mid p{
	margin-bottom:32px;
	}

.countdown {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    color: #000000;
    left: 0;
    margin: 15px auto;
    padding: 12px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 90%;
    z-index: 1000;}
.next_match_logo{
	text-align:center;
	width:120px;
	
	margin:0 auto; 
	margin-top:70px;
	}
.next_match_text{
	text-align:center;
	font-weight:600;
	color:#07349a;
	margin-bottom:25px;
	}
.countdown p{
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
	margin:0px 0px;
	}
/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */
.countdownHolder{
	width:450px;
	margin:0 auto;
	font: 40px/1.5 'Open Sans Condensed',sans-serif;
	text-align:center;
	letter-spacing:-3px;
}

.position{
	display: inline-block;
	height: 1.6em;
	overflow: hidden;
	position: relative;
	width: 1.05em;
}

.digit{
	position:absolute;
	display:block;
	width:1em;
	background-color:#444;
	border-radius:0.2em;
	text-align:center;
	color:#fff;
	letter-spacing:-1px;
}

.digit.static{
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
	
	background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #3A3A3A),
		color-stop(0.5, #444444)
	);
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{ /* display:none !important;*/ }
.countDiv0{ /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
	display:inline-block;
	width:16px;
	height:1.6em;
	position:relative;
}

.countDiv:before,
.countDiv:after{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;
	left:50%;
	margin-left:-3px;
	top:0.5em;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
	content:'';
}

.countDiv:after{
	top:0.9em;
}
.next_match_list{
	width:100%;
	float:left;
	border-top:solid 3px #e41515;
	/*background:url(../images/midbg.jpg) center top repeat-y;*/
	color:#FFFFFF;
	-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	margin-bottom:40px;
	margin-top:12px;
	}
.mid_table{
	text-align:center;
	background:#142842;
	color:#FFFFFF;
	}
.mid_table b, .mid_comn b{
	margin-top:10px;
	width:100%;
	float:left;
	}
.mid_comn{
	background:url(../images/midbg.jpg) repeat;
	text-align:center;
	}
.small_img {
	width:100%;
	text-align:center;
	}	

.table_foot{
	background:#122133;
	text-align:center;
	
	}
.table_foot a{color:#FFF; margin-left:15px;} .table_foot a:hover{ color:#CCC}
.team_member{
	background:url(../images/team_member.jpg) center top repeat;
	width:100%;
	float:left;
	padding:50px 0;
	color:#FFFFFF !important;
	}
.col-item
{

}
tr{margin:0px; padding:0px;}
.box1{background:#FFFFFF !important; }
.box1 a{border: 1px solid #18355a !important;color: #18355a !important; }
.box{
	height: 50px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 88px;
    z-index: 1000;
	background:#1e2327;
	padding-left:5px;
	
}
.boxm{
	height: 50px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 88px;
    z-index: 1000;
	background:#FFFFFF;
	padding-left:5px;
	
}
.box a{
	
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    float: left;
    line-height: 1.42857;
    list-style: outside none none;
    margin-left: 1px;
    padding: 12px 14px;
    position: relative;
    text-decoration: none;
	margin-right:0px;
}
.margin_j{
	margin-top:25px;
	float:left;
	width:100%;
	}   
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
	border:solid 1px #3c3c3c;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
	margin-left:5px;
	margin-right:5px;
}

.col-item .price h1
{
    line-height: 45px;
    margin: 0 ;
	font-size:48px;
	font-weight:bold;
}

.price-text-color
{
    color: #FFFFFF;
	font-size:19px;
	text-transform:uppercase;
}
.price-text-color span{color:#e41515; font-size:14px; text-transform:none;}
.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
ul.button_arrow {
    float: right;
    margin: 0;
    padding: 0 0 0 8px;
    width: 90px;
	list-style:none;
	background:#FFF;
}
.demo1{ float:left;height:auto !important; margin:0px !important; padding:0px !important;}
.news_div{
	width:100%;
	float:left;
	border-bottom:solid 1px #c5c4c4;
	padding:5px 0 5px 10px;
	}
.cv{ float:left; width:20%;}
.lastdate{float:right; width:20%;text-align:center;}
.news_div_text{float:left; width:60%;padding:0px 10px;}

.news_div h5{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin:0px 0;
	}
.news_div h2{
	color:#000000;
	font-size:36px;
	font-weight:bold;
	margin:2px 0;
	text-align:center;
	}
.news_div span {
    background: #484848 none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    padding: 1px 10px;
    text-align: center;
    width: 100px;}
.news_div p{
	color:#000000;
	font-size:13px;
	
	}
ul.button_arrow li {
    float: left;
    margin: 0;
	list-style:none;
    padding: 0;
}
.button_arrow li a {
    background-color: #ffffff;
    border: 1px solid #18355a;
    color: #18355a;
    float: left;
    line-height: 1.42857;
    margin-left: 1px;
    padding: 12px 14px;
    position: relative;
    text-decoration: none;
	list-style:none;
	z-index:1000;
}
.news{
	width:100%;
	float:left;
	border-top:solid 3px #e41515;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	margin-bottom:40px;
	margin-top:12px;
	
	}
.news_list ul li{ width:100%; float:left;}
.news-item table{ padding:0px !important; margin:0px !important}
.news_list ul, .news_list ul li, .news_list ul li table { margin:0px; padding:0px;}
.arrow_c{
	 position: absolute;
    right: 14px;
    top: 5px;
    
	}
.css-hover-effect{
	background: #8c63d4; 
	background: -moz-linear-gradient(45deg,  #114577 42%, #00a1ff 88%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(42%,#114577), color-stop(88%,#00a1ff)); 
	background: -webkit-linear-gradient(45deg,  #114577 42%,#00a1ff 88%); 
	background: -o-linear-gradient(45deg,  #114577 42%,#00a1ff 88%);
	background: -ms-linear-gradient(45deg,  #114577 42%,#00a1ff 88%); 
	background: linear-gradient(45deg,  #114577 42%,#00a1ff 88%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c63d4', endColorstr='#6d9ce5',GradientType=1 ); 
	position: relative;
	overflow: hidden;

}

.css-hover-effect img {
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	-moz-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	transition: opacity 0.35s;

}

.css-hover-effect:hover img {
	opacity: 0.5;

}

figure .figure-link {
	position: absolute;
	top: 20px;
	right: 20px;
}
figure .figure-link a i{
	width: 30px;
	height: 30px;
	display: block;
	background: #28176b;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 18px;
	border-radius: 3px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
figure .figure-link a:hover {
	text-decoration: none;
}
figure .figure-link a i:hover {
	background-color: #fff;
	color: #28176b;
}

.mid_comn a{color:#FFF}
.mid_comn a:hover{color:#CCC}
footer{
	width:100%;
	float:left;
	background:#09111b;
	padding:30px 0;
	}
footer h4 {
  display: block;
  width: 100%;
  color:#dcdcdc;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom:25px;
}

footer h4:after {
  content: "";
  display: inline-block;
  width: 100%;
  margin-left: .5em;
  border-bottom: 1px #767676 solid;
}
footer p{
color:#9298a1;
font-size:14px;	}
footer p span{ padding-left:15px;}
.icon1 {
    color: #fff;
    float: left;
    font-size: 18px !important;
    height: 40px;
    margin: 4px;
    padding-top: 13px;
    text-align: center;
    width: 40px;
}
.fb{background:#3b5998;}
.tw{background:#00a0d1;}
.ins{background:#825c48;}
.gp{background:#f64406;}
.card{width:300px;float:left;margin:15px 0;}
.foot{background:#000000; padding:15px 0; text-align:center; float:left;
width:100%;color:#FFFFFF; font-size:13px;}
.rrnil{float:right;}
.iconcupleft{
	position:absolute;
	width:30px;
	height:35px;
	right:0;
	}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(https://www.fhfhaiti.com/templates/hnft/css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
#owl-demo .item{
        margin: 3px;
    }
    #owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
    }

/* flexiselDemo*/
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    
}
.carousel-indicators{display:none;}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}


/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    border: 1px solid #18355a ;
    color: #18355a ;
    float: left;
    line-height: 1.42857;
    list-style: outside none none;
    margin-left: 1px;
    padding: 12px 14px;
    text-decoration: none;
	margin-right:0px;
	cursor:pointer;
}
.small_img img{
	width:60px !important;
	margin:0 auto;
}
.win{
	position:absolute;
	margin:10px;
	width:3%;
	}
@media (max-width: 1199px) and (min-width: 992px) {
	.small_img img{
	width:51% !important;
	margin:0 auto;
}
.full_width .small_img img{
	width:37% !important;
	}
	
	}
@media (min-width: 1200px) {
.full_width .small_img img{
	width:20% !important;
	}}
@media (max-width: 500px) and (min-width: 200px) {
	.small_img img{
	width:50px !important;
	margin:0 auto;
}
	.win{
	width:4% !important;
	}
	}
@media (max-width: 700px) {
  .logo{
	
	position: relative !important;
	height:155px !important;
	width:145px  !important;
	}
	.social{
		margin:22px auto !important;
		float:none !important;
		}
	.rrnil{float:none !important}
}
@media (max-width: 1199px) and (min-width: 992px) {
	.nav > li > a {
    padding:15px !important;
}.price-text-color{
		font-size: 1.5vw !important;
		}
.col-item .price h1 {
    font-size: 3vw;
    font-weight: bold;
    line-height: 45px;
    margin: 0;
}

	}
@media (max-width: 991px) and (min-width: 768px) {
	.col-item .price h1 {
    font-size: 4vw;
    font-weight: bold;
    line-height: 45px;
    margin: 0;
}.price-text-color{
		font-size: 1.5vw !important;
		}
		
	
	}

@media (max-width: 600px){
	.cent{
		width:100% !important;
		float:left !important;
		margin:20px 0 !important;
		}
	.cen{
		width:70%;
		margin:0 auto;
		}
	
	.last{
		width:100% !important;
		float:left !important;
		margin:20px auto !important;
		}
		.right_alignbox h3{ width:auto !important; }
		.left_alignbox h3{ width:auto !important;}
		
	}
@media (max-width: 499px){
.right_alignbox, .left_alignbox {
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
}
.right_logo, .left_logo {
    margin: 0 auto !important;
}
.next_match_logo{
	width:100% !important;
	height:auto !important;
	}
.cs-section-title{ background: none !important}

.cen .pull-right{
	float:none !important;
	}
.cen .pull-left{
	float:none !important;
	}
	.right_alignbox h3{ width:auto !important; background:none !important}
	.left_alignbox h3{ width:auto !important;  background:none !important}
	}
@media (max-width: 460px){
	.next_match{  background:none !important;}
	.next_match_mid h1{
	font-size: 7vw;
	color:#333;
	}
	.next_match_mid p{
	font-size: 3vw;
	color:#333;
	}
	.next_match_text{
		font-size: 3vw !important;
		}

	.card{
		width:80% !important;
		margin-bottom:10px;
		}	
	.cv img{display:none;}
	.news_div_text{
		width:70% !important;
		}
	.lastdate{ width:30% !important;
		 float:left !important;}
	}
@media (max-width: 767px){
.hide400{display:none}

}
@media (max-width: 600px){
.bannerbottom{
	position:relative !important;
	}

}
.copy{
	width:100%;
	padding:15px 0;
	text-align:center;
	float:left;
	color:#929292;
	font-size:12px;
	background:#000000;
}
/*inner*/

.inner_header{
	width:100%;
	float:left;
	background:url(../images/innerheader.jpg) center top;
	
	}
.innerw{
	font-family: 'Age';
	text-transform:uppercase;
	color:#FFFFFF;
	padding:30px 0;
	
	}
.innerw h4{
	font-size:40px;
	margin-left:30px;
	}
.tabsmall li{
	background:#3366CC;
	}
.pading{
	padding:25px 0;
	}
	
.contact-content{
	padding:50px 0;
	float:left;
	width:100%;
	}	
.contact-title{
	font-size:24px;
	font-weight:bold;
	}
.contact-content{
	clear: both;
    padding-top: 50px;
	padding-bottom: 50px;
}
.contact-content .contact-title{
	color: #f00;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
}
.shake{
	margin-bottom:40px;
}
.shake:after{
	clear:both;
	width:100%;
	display:block;
	content:'';
}
.shake .form-control{
    padding: 15px 12px;
	border-radius: 0;
	background-color: transparent;
}
.shake .form-control:hover,
.shake .form-control:focus {
	outline: 0;
	border: 1px solid #f00;
	-webkit-box-shadow: none;
		  box-shadow: none;
}
.shake .btn-hi{
    padding: 15px 25px;
	background-color: #fb1e1e;
    border-color: #f00;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
}
.shake .btn-hit:active,
.shake .btn-hi:visited,
.shake .btn-hi:hover {
    background-color: #fb1e1e;
    border-color: #F00;
	color:#FFF;
}
p.help-block.text-danger li {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
	color: #f00;
}
.alert-danger {
    color: #333031;
    background-color: #fb1e1e;
    border-color: #f00;
}
.form-question{
	padding-right: 40px;
}
.form-question .form-horizontal .control-label {
    text-align: left;
	font-weight: 700;
}
.has-error .control-label{
	text-align: left;
	font-weight: 700;
}
.contact-address{
	
}
.contact-address-item{
	margin-bottom:40px;
	font-size: 12px;
    line-height: 18px;
}
.contact-address-heading{
	color: #000;
    font-weight: 700;
	margin-bottom:10px;
	font-size: 15px;
}
.component {
	line-height: 1.5em;
	margin: 0 auto;
	padding: 2em 0 3em;
	width: 100%;
	
	overflow: hidden;
}
.component .filler {
	
	color: #d3d3d3;
}
.component table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
    background: #fff;
	border-left:solid 2px #e41515;
}
.component td, th {
    padding: 0.75em 1.5em;
    text-align: left;
}
.component th {
    padding: 0.75em 1.5em;
    text-align: left;
}
.component td.err {
		background: rgba(15, 30, 47, 0.8);
		color: #fff;
		font-size: 0.75em;
		text-align: center;
		line-height: 1;
	}
.component th {
    background: rgba(15, 30, 47, 0.8);
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}
.component tbody th {
	background-color: #2ea879;
}
.component tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all .125s ease-in-out;
}
.component tbody tr:hover {
    background: rgba(15, 30, 47, 0.3);
}

.m-p-g__thumbs div{ margin-bottom:10px;}
.m-p-g__thumbs img{ width:100% !important; height:100% !important}
/*gallery*/

.m-p-g{float:left; margin-top:15px;}.m-p-g__thumbs-img{margin:0;float:left;vertical-align:bottom;cursor:pointer;z-index:1;position:relative;opacity:0;-webkit-filter:brightness(100%);filter:brightness(100%);-webkit-tap-highlight-color:transparent;will-change:opacity,transform;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1);transition:all .5s cubic-bezier(.23,1,.32,1)}.m-p-g__thumbs-img.active{z-index:50}.m-p-g__thumbs-img.layout-completed{opacity:1}.m-p-g__thumbs-img.hide{opacity:0}.m-p-g__thumbs-img:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.m-p-g__fullscreen{position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:0 0;visibility:hidden;-webkit-transition:background .25s ease-out,visibility 10ms .5s linear;transition:background .25s ease-out,visibility 10ms .5s linear;will-change:background,visibility;-webkit-backface-visibility:hidden;backface-visibility:hidden}.m-p-g__fullscreen.active{-webkit-transition:background .25s ease-out,visibility .01s 0s linear;transition:background .25s ease-out,visibility .01s 0s linear;visibility:visible;background:rgba(0,0,0,.95)}.m-p-g__fullscreen-img{pointer-events:none;position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;top:50%;left:50%;max-height:100vh;max-width:100%;visibility:hidden;will-change:visibility;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.m-p-g__fullscreen-img.active{visibility:visible;opacity:1!important;-webkit-transition:-webkit-transform .5s cubic-bezier(.23,1,.32,1),opacity .5s ease-out;transition:transform .5s cubic-bezier(.23,1,.32,1),opacity .5s ease-out}.m-p-g__fullscreen-img.almost-active{opacity:0;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.m-p-g__controls{position:fixed;top:0;left:0;width:100%;z-index:200;height:20vh;background:-webkit-linear-gradient(bottom,transparent 0,rgba(0,0,0,.55) 100%);background:linear-gradient(to top,transparent 0,rgba(0,0,0,.55) 100%);opacity:0;visibility:hidden;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1);transition:all .5s cubic-bezier(.23,1,.32,1)}.m-p-g__controls-arrow,.m-p-g__controls-close{position:absolute;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-p-g__controls.active{opacity:1;visibility:visible}.m-p-g__controls-arrow,.m-p-g__controls-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0}.m-p-g__controls-arrow:focus,.m-p-g__controls-close:focus{outline:0}.m-p-g__controls-arrow{z-index:1;top:0;width:20%;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;opacity:0}.m-p-g__controls-arrow:hover{opacity:1}.m-p-g__controls-arrow--prev{left:0;padding-left:3vw;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.m-p-g__controls-arrow--next{right:0;padding-right:3vw;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.m-p-g__controls-close{top:3vh;left:3vw;z-index:5}.m-p-g__btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.07);-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.m-p-g__btn:hover{background:rgba(255,255,255,.15)}.m-p-g__alertBox{position:fixed;z-index:999;max-width:700px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;padding:25px;border-radius:3px;text-align:center;box-shadow:0 6px 12px rgba(0,0,0,.23),0 10px 40px rgba(0,0,0,.19);color:grey}.m-p-g__alertBox h2{color:red}
.team h5{color:#000000 !important}
.page-header{
  text-align: center;    
}

/*social buttons*/
.btn-social{
  color: white;
  opacity:0.9;
}
.btn-social:hover {
  color: white;
    opacity:1;
}
.btn-facebook {
background-color: #3b5998;
opacity:0.9;
}
.btn-twitter {
background-color: #00aced;
opacity:0.9;
}
.btn-linkedin {
background-color:#0e76a8;
opacity:0.9;
}
.btn-github{
  background-color:#000000;
  opacity:0.9;
}
.btn-google {
  background-color: #c32f10;
  opacity: 0.9;
}
.btn-stackoverflow{
  background-color: #D38B28;
  opacity: 0.9;
}

/* resume stuff */

.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin-bottom: 5px;
    padding: 20px;
}
.bs-callout:last-child {
    margin-bottom: 0px;
}
.bs-callout h4 {
    margin-bottom: 10px;
    margin-top: 0;
}

.bs-callout-danger {
    border-left-color: #ff0000;
}

.bs-callout-danger h4{
    color: #d9534f;
}

.resume .list-group-item:first-child, .resume .list-group-item:last-child{
  border-radius:0;
}

/*makes an anchor inactive(not clickable)*/
.inactive-link {
   pointer-events: none;
   cursor: default;
}

.resume-heading .social-btns{
  margin-top:15px;
}
.resume-heading .social-btns i.fa{
  margin-left:-5px;
}



@media (max-width: 992px) {
  .resume-heading .social-btn-holder{
    padding:5px;
  }
}


/* skill meter in resume. copy pasted from http://bootsnipp.com/snippets/featured/progress-bar-meter */

.progress-bar {
    text-align: left;
	white-space: nowrap;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.progress-bar > .progress-type {
	padding-left: 10px;
}

.progress-meter {
	min-height: 15px;
	border-bottom: 2px solid rgb(160, 160, 160);
  margin-bottom: 15px;
}

.progress-meter > .meter {
	position: relative;
	float: left;
	min-height: 15px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(160, 160, 160);
}

.progress-meter > .meter-left {
	border-left-width: 2px;
}

.progress-meter > .meter-right {
	float: right;
	border-right-width: 2px;
}

.progress-meter > .meter-right:last-child {
	border-left-width: 2px;
}

.progress-meter > .meter > .meter-text {
	position: absolute;
	display: inline-block;
	bottom: -20px;
	width: 100%;
	font-weight: 700;
	font-size: 0.85em;
	color: rgb(160, 160, 160);
	text-align: left;
}

.progress-meter > .meter.meter-right > .meter-text {
	text-align: right;
}

.resume-heading{
	 background:url(../images/midbg.jpg) repeat!important;
	color:#000000 !important;
	margin-bottom:10px;
	}
.padingfull{ border:0px !important;  }
.contant-info{
	float:left;
	margin:0;
	padding:0px;
	width:100%;
	}
.contant-info.cs-team header {
    float: left;
    margin: 0 0 10px;
    width: 100%;
	background:none !important;
	min-height:auto !important;
}
.contant-info.cs-team header h2 {
    float: left;
    margin: 10px 0;
	padding:0px;
	color:#FFFFFF;
}
.contant-info.cs-team header .player-no {
    color: #fff;
    float: right;
    font-size: 40px;
    font-weight: 700;
   text-align: center;
   
}
.contant-info.cs-team .cs-seprator {
    margin-bottom: 30px;
}
.contant-info.cs-team .devider1::before {
    border-top: 1px solid #3f454d;
}
.player-info, .player-info ul {
    float: left;
    width: 100%;
}
.player-info {
    
}
.player-info .right-side li {
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 700;
    list-style: outside none none;
    width: 100%;
}
.player-info .left-side li {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
}
.player-info .left-side, .player-info .right-side {
    background-color: #0e1217;
    float: left;
    padding: 20px;
    width: 50%;
}
.player-info .right-side {
    background-color: #141920;
    padding: 20px 20px 20px 27px;
}
.image_news{width:100%;float:left; margin:10px 0}
.home_tweet{width:100%; height:250px; overflow:scroll;border-top:solid 3px #e41515;
	-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.43);
	
	margin-top:12px;}
/*new edit 28 may*/
.cv img{
	object-fit: cover; /* Do not scale the image */
  	object-position: center; /* Center the image within the element */
  	height: 75px;
  	width:100%;
	
	}
.text_news{ margin:10px 0; width:100%; float:left}