@charset "utf-8";
/* CSS Document */

/*header-start-css*/
*:focus {
    outline: none !important;
}
textarea:focus, input:focus{
    outline: none !important;
}
input {
    background-color: transparent;
    border: 0px solid;
    width: 160px;
    color: #CCC;
}
.page-numbers{
	background:#ccc;
}
@font-face {
 font-family: myFirstFont;
 src: url(font/comic.ttf);
 font-weight: bold;
}
::selection {
  background: #121212 !important;
  padding:5px; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #121212 !important;
  padding:5px; /* Gecko Browsers */
}
header {
	background:#121212;
}
.lp-header {
	border-top: 5px solid #13b118;
}
.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
	/*
	border-top: 5px solid #83c815;
	*/
}
.lp-nav-01 {
	padding: 0rem 1rem;
}
.lp-login-input {
	width: 22% !important;
	height: 30px;
	font-size: 12px;
	font-style: italic;
	display: inline;
}
.col-md-6.lp-brand {
	padding: 8px 0px;
}
.selected_form {
	margin-left: -71px;
	margin-top: -21px;
}
.lp-fp-link {
	font-size: 13px;
	color: #13b118;
	line-height: 14px;
}
.lp-login-btn {
	padding: 3px 15px;
}
.lp-login-btn {
    padding: 4px 15px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background: #3ab34b;
    border: none;
    width: 90px;
}
.lp-lg-form input {
	display: inline;
}
.nav-item input {
	float: left;
}
.navbar-nav.ml-auto {
	width: 100%;
}
.no-padding {
	padding: 0px;
}
.lp-mb-lg-form {
	margin: 10px 0px 10px 0px;
}
.lp-lg-intro {
    text-align: left;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    padding-top: 20px;
    margin: 0px;
}
.lp-mb-lg-form input {
	height: 38px;
	margin-bottom: 15px;
	font-size: 13px;
	font-style: italic;
}
.lp-mb-login-btn {
	width: 100%;
	background: #b9be2d;
	border: none;
	color: #fff;
}
.mb-brand-name {
    text-align: left;
    margin-bottom: 26px;
    padding-left: 20px;
}
.lp-lg-form {
	text-align: right;
}
.col-md-6.logo {
	padding: 0px;
}
/*Mobile-menu-css*/
.fa-bars {
	position: absolute;
	margin-top: 30px;
	color: rgb(122, 117, 117);
	cursor: pointer;
}
#bringOut {
	position: absolute;
	right: 20px;
	font-size: 36px;
	top: 7px;
}
.sidebar {
	background: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 1;
	top: 0;
	z-index: 1000;
	left: 0px;
}
.sidebar-lists {
	animation-name: sidebar;
	animation-duration: 0.5s;
	background: #121212;
	display: block;
	height: auto;
	top: 0;
	width: 250px;
	height: 100%;
	z-index: 1000 !important;
	box-shadow: 2px 1px 5px #2d2b2b;
	padding: 15px;
}
.lists {
	list-style: none;
	text-decoration: none;
	padding-left: 0;
}
.fa-close {
	color: rgb(128, 128, 128);
	position: absolute;
	margin-top: 25px;
	margin-left: 0px;
	cursor: pointer;
}
.bat-profile-sec.pendign_sec {
    padding-top: 6px;
    padding-bottom: 29px !important;
    display: inline-block;
}
span.bet_price {
    position: relative !important;
    top: 5px !important;
}
.sidebar-items {
	color: rgb(112, 112, 112);
	display: block;
	padding: 10px 5px 10px 5px;
}
#takeIn {
	left: 10.6em;
	top: -0.8em;
	font-size: 20px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 49%;
	padding: 2px 5px 5px 5px;
}
.sidebar-items.items {
	color: rgb(112, 112, 112);
	display: block;
	height: 40px;
	padding-left: 30px;
}
.sidebar-items a {
	text-decoration: none;
	color: rgb(112, 112, 112)
}
.span {
	margin-left: 20px
}

#notification-drop {
    width: 320px;
    background: #fff;
    position: absolute;
    top: 53px;
    right:-84px;
    border-radius: 2px;
    padding: 10px;
    font-size: 14px;
    display: none;
    border: 1px solid #dedede;
}

.comment-box-child {
    float: left;
}
.user_name_details {
    font-size: 12px;
    line-height: 16px;
    color: #626265;
    font-family: sans-serif;
}
.notification-drop-body {
    max-height: 191px;
    overflow-y: scroll;
    padding-right: 5px;
}
.notification-drop-body::-webkit-scrollbar {
    width: 5px;
}
 
.notification-drop-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.notification-drop-body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

input.sendbtn, .curser, .like_cou_asset, .in_fb_btn img, .lp-reg-submit {
  cursor: pointer;
}
.user_notification_image{
	height: 50px;
	width: 50px;
	float: left;
}
.user_notification_image img{
	max-width: 100%;
	height: 50px;
	width: 50px;
}
.notification_container {
    position: relative;
    border-bottom: 1px solid #9E9E9E;
    display: inline-block;
    width: 100%;
    padding-bottom: 4px;
    margin: 0px 0 2px;
}
.user_details {
    float: left;
    position: absolute;
    padding-left:55px;
    top: -1px;
}
.notifications-header {
    border-bottom: 2px solid #82c814;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.user_name_details strong {
    color: #72b30d;
}
.date_day {
    font-size: 12px;
    color: #21730b;
    font-weight: 600;
}
.date_day .fa {
    color: #82c814 !important;
    font-size: 12px !important;
}

 @keyframes sidebar {
 0% {
 transform: translate3d(-250px, 0, 0);
}
 100% {
 transform: translate3d(0px, 0, 0);
}
}
 @media(max-width: 600px) {
 body {
 overflow-x: hidden;
}
 .sidebar-lists {
 overflow: hidden;
 position: fixed
}
}
 @keyframes display {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}
/*mobile-menu-css-end*/
/*header-end-css*/

/*landing-page-inner content*/
.lp-content-sec {
	background: rgba(46, 47, 45, 0.21) !important;
	padding: 10px 0 10px 0;
	margin-top: 5.2em;
}
.lp-register-sec-inner h3 {
	color: #fff;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 26px;
	font-weight: bold;
}
.lp-register-sec-inner p {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}
.lp-regi-btn {
	padding-left: 38px;
}
.lp-register-sec-inner {
	display: inline-block;
	width: 100%;
}
.regist_cnt {
	float: left !important;
}
.regist_cnt {
	float: left !important;
	padding: 0;
}
.regist_cnt img {
	float: right;
	padding-right: 12px;
	margin-top: -12px;
}
#lp-main-content {
	height: 100%;
	background-repeat: no-repeat !important;
	background-size: cover;
	position: absolute;
	z-index: 555;
	top: 0em;
	width: 100%;
}
.carousel-item {
	height: 100vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.login-form {
	display: block;
	text-align: right;
}
.col-md-6.lp-cen-left-inner {
	display: inline;
}
.col-md-12.lp-sec-center-main {
	float: left;
	width: 100%;
	padding: 0;
}
.col-md-6.lp-cen-left-inner, .col-md-6.lp-cen-right-inner {
	float:left;
}
.lp-banner {
	margin-top: 50px;
}
.slide_change_img {
	top: -11em;
	position: relative;
	left: -21em;
	opacity: 5;
}
.slide_change_img img {
	width: 35%;
}
.col-md-6.lp-cen-right-inner {
	background: rgba(48, 48, 48, 0.3);
	padding: 20px 40px 43px 40px;
}
.lp_box_cnt {
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-family: 'lato light', 'sans-serif';
	line-height: 27px;
}
.bet_sign {
	float: left;
	padding: 30px 0px;
}
.user-img {
	float: left;
	padding: 0 17px;
}
.lp-login-fb {
	text-align: center;
	display: inline-block;
	margin-top: 20px;
margin-bottom: 35px
}
.demo_bet_inner {
	width: 100%;
	text-align: center;
}
.lp_user_demo_bet {
	max-width: 100%;
	margin: 0 auto;
}
.chat_txt {
	position: relative;
	left: -1em;
	bottom: 26px;
}
/*landing-page-inner content-end*/

/*footer-css-start*/

.foot-head h3 {
	font-family: 'Comic Sans MS', 'sans-serif';
	font-size: 17px;
	color: #fff;
	margin-top: 8px;
}
.container-fluid.footer-row {
	float: left;
	border-top: 5px solid rgba(48, 48, 48, 0.3);
	background: rgba(48, 48, 48, 0.3);
}
.foot-head ul {
	margin: 0;
	padding: 0;
}
.foot-links {
	list-style: none;
	color: #fff;
	font-family: 'lato';
	font-size: 14px;
	line-height: 27px;
}
.col-md-12.footer-widget {
	padding-left: 0;
}
.footer-1, .footer-2, .footer-3, .footer-4 {
	float: left;
	margin-bottom: 22px;
}
.foot-links img {
	padding-right: 13px;
}
.foot-links a {
	text-decoration: none;
	color: #fff;
	font-family: 'lato';
}
.foot-abt {
	color: #fff;
	font-size: 14px;
}
hr {
	border:         none;
	border-left:    1px solid hsla(200, 10%, 50%, 100);
	height:         100vh;
	width:          1px;
}
.foot-abt {
	color: #fff;
	font-size: 14px;
	padding-right: 45px;
}
.copy_inner p {
	font-size: 13px;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #fff;
	text-align: left;
	float: left;
}
.design_rights {
	float: right;
	font-size: 14px;
	padding: 8px 0 8px 0;
}
.copyright-txt {
	background: #121212;
	float: left;
	text-align: center;
	padding: 19px 0 19px 0;
	position: relative;
	bottom: 0;
}
/*Registration-pop-up-page*/

.modal-title.lp-reg-head {
	font-family: 'Comic Sans MS';
	color: #58c224;
	font-size: 24px;
	font-weight: bold;
}
.modal-header.lp-modal-dec {
	border-bottom: 1px solid #58c224;
	z-index: 1;
}
.lp-modal-reg-out {
	max-width: 692px;
}
.reg-field-left {
    float: left;
    margin-bottom: 15px;
}
.add_pic {
    margin-top: -16px;
}
.registration-form-field {
	width: 182px;
	margin-right: 21px;
	border-radius: 5px;
	border: 1px solid #ccc;
	height: 41px;
	background: #f5f5f5;
}
.registration-field label {
	color: #8e8e8e;
	font-family: 'lato light';
	font-size: 14px;
}
.lp-policy_content p {
	color: #1c1c1c;
	margin-top: 11px;
}
.reg-field-right {
    float: left;
    margin-bottom: 15px;
}
.lp-policy_content {
	float: left;
	width: 64%;
}
.reg-field-center {
	margin-top: -25px;
}
.pic_add_ic {
	position: relative;
	top: -2em;
	left: -16px;
}
.lp-reg-submit {
	background: #58c224;
	padding: 10px 15px 10px 15px;
	border-radius: 5px;
	color: #fff;
	font-family: 'lato';
	font-weight: bold;
	border: 1px solid #007236;
	text-decoration: none !important;
	margin-top: 24px;
	display: block;
	width: 150px;
}
.modal_bg {
	background: url(../img/regi_bg.png) #fff no-repeat !important;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: 237px bottom !important;
}
.demo_user_img {
	margin-top: 25px;
}
.lp-address_foot {
	margin-bottom: 0;
}
/*-----------------------invite-friends-css-start-------------------------------*/

.navbar-items {
	display: inline-block;
	padding: 0px 15px;
	list-style: none !important;
	vertical-align: middle;
}
.navbar-items a {
	color: #fff;
	font-family: 'lato';
	text-decoration: none;
	font-weight: 600;
}
.navigation-bar {
	float: right;
}
.navigation-bar ul {
	margin-bottom: 0;
}
.user-name a {
	color: #fff;
}
.search_box {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
 padding: .5rem 0;
	margin: 1.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #121212;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
 border-radius: .25rem;
	padding: 10px;
	width: 20%;
}
.search_box input {
	background: none;
	border: 1px solid #444;
	margin-top: 13px;
	color: #444 !important;
	font-family: 'lato';
}
.search_btn {
	-webkit-appearance: none;
	;
	height: 31px;
	width: 94px;
	background:url(../img/head_searcyh.png) no-repeat scroll 0 0;
}
.search_btn::after {
 background:url(../img/head_searcyh.png) no-repeat scroll 0 0;
}
.user_img img {
	width: 44px;
	float: right;
	border-radius: 50%;
	position: fixed;
	right: 44px;
	border: 2px solid #e9e9e9;
	top: 22px;
}
.dropdown-toggle::after {
 display:none
}
.search_btn:focus {
	box-shadow: none;
}
.counter {
	background: red;
	padding: 0px 8px 2px 6px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 50%;
	position: absolute;
	top: -6px;
}
.user_status img {
	width: 22px !important;
	border: none;
	height: 22px !important;
	top: 13px;
}
.no_frnd_ing_section, .most_bet_ing_section {
	text-align: center;
	padding-bottom: 48px;
}
.mob_pro_pic a {
	color: #c5c5c5;
}
.mob-navbar-items a {
	color: #fff;
	font-family: 'lato';
}
.sidebar-lists.inner_mob_head {
	animation-name: sidebar;
	animation-duration: 0.5s;
	background: #121212;
	display: block;
	height: auto;
	top: 0;
	width: 250px;
	height: 100%;
	z-index: 1000 !important;
	box-shadow: 2px 1px 5px #444;
	padding:0px 0px;
}
.mob-navbar-items {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #292929;
	padding-top: 10px;
	padding-bottom: 15px;
}
.mob-navbar-items img {
	margin-right: 20px;
}
.mob_pro_pic {
	padding: 10px 10px;
	text-align: center;
}
.mob_profile_details p {
	color: #fff;
	font-size: 14px;
	text-align:center;
	margin-bottom:0px;
}
.mob_profile_details a {
	color: #fff;
}
.mob-navbar-items a {
	color: #fff;
	font-family: 'lato';
	text-decoration: none;
}
.mob_profile-sec {
	width: 100%;
	margin: 0 auto;
	background: url(../img/mob_profile_bg.jpg) repeat-x;
	padding-bottom: 14px;
	background-position: 295px -57px;
}
.log_out {
	background: #373837;
}
.user_name {
	font-size: 17px !important;
	font-weight: 600;
}
#invite_main_sec {
	/*margin-top: 5.2em;*/
}
.invite_top {
	text-align: center;
}
#invite_main_sec .row {
	background: #4688c4;
	margin:0px;
}
.in_head {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.in_cont {
	color: #fff;
	font-size: 20px;
	font-family: 'lato';
}
.container.invite_frnd_inner {
	margin: 57px auto;
}
.in_fb_btn {
	list-style: none;
	display: inline;
	padding-right: 15px;
}
.in_center_cnt {
	text-align: center;
	margin-top: -26px;
}
.in_profil_pic {
	float: left;
	margin-right: 7em;
}
.in_profil_pic_02 {
	float: left;
	margin-left: 7em;
}
.in_du_cnt span {
	font-size: 35px;
}
.dummy_chat_sec {
	margin: 3em auto;
}
.in_du_cnt {
	float: left;
	margin: 48px auto;
	display: inline-block;
}
.dummy_chat_sec {
	background: none !important;
	margin-bottom: 84px;
}
.row.in_btm {
	background: none !important;
}
/*---------------Trending css start-------------------------*/
#bets-main-content {
	/*margin-top: 5.2em;*/
}
.col-md-9.tr-left-section {
	float: left;
	padding-left: 0;
	background: url(../img/05.jpg);
	background-size: cover;
	overflow: hidden;
	min-height: 300px;
	padding-right: 0;
}

.col-md-12.tr-left-section {
	float: left;
	/*background: url(../img/05.jpg);*/
	background-size: cover;
	overflow: hidden;
	min-height: 300px;
	margin:  0;
	padding: 0;
	background: rgb(160,188,88);
background: -moz-linear-gradient(-45deg, rgb(160,188,88) 1%, rgb(148,188,88) 29%, rgb(182,188,88) 66%, rgb(161,193,70) 94%);
background: -webkit-linear-gradient(-45deg, rgb(160,188,88) 1%,rgb(148,188,88) 29%,rgb(182,188,88) 66%,rgb(161,193,70) 94%);
background: linear-gradient(135deg, rgb(0, 0, 0) 1%,rgb(0,0,0) 29%,rgb(0,0,0) 66%,rgb(0,0,0) 94%);
}

.sec_nav_list_item.active a {
	color: #fff;
	text-decoration: none;
}
.sec_nav_list_item {
	float: left;
	list-style: none;
	text-align: center;
	width: 25%;
	background:rgba(0, 0, 0, 0.35);
}
.sec_nav_list_item.active {
	background:#83c815;
	background-repeat:no-repeat;
	position:relative;
}
.secondry-navigation {
	float: left;
	width: 100%;
}
.secondry-navigation ul {
	margin: 0;
	padding: 0;
}
.sec_nav_list_item a {
	color: #fff;
	text-decoration: none;
	padding-top: 8px;
	display: inline-block;
	line-height: 26px;
	padding-bottom: 8px;
	width: 100%;
}
li.sec_nav_list_item:hover {
	background: #83c815;
}
.tr-main-content {
	width: 100%;
	margin: 0 auto;
	float:left;
}
.tr-main-content-inner {
    padding: 20px;
    padding-top: 0px;
    width: 100%;
    padding-top: 33px;
    min-height: 77vh;
    margin: 0px auto;
}
.us_pro_li img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
}
.name_user {
	display: block;
}
.us_pro_li.bat_img_li img {
    background: none !important;
    border-radius: 0;
    width: 60px;
    height: auto;
    margin-top: 9px;
}
.sel_team {
    width: 200px;
    text-align: center;
}
.us_pro_li {
    list-style: none;
    display: inline-block;
    color: #fff;
    max-width: 111px;
}
.bat-profile-sec {
    width: 30%;
    background:#586073;
    /*background: #23b386;*/
    float: left;
    padding: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    padding-bottom: 20px;
    padding-top: 34px;
    border-radius: 10px;
}
.bat_status {
	text-align: center;
	color: #fff;
	font-family: 'lato';
	padding: 15px 0 0 0;
}
.user_profile_sec ul {
	padding: 0;
	margin: 0;
}
.user_profile_sec {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}
.like_cou_asset {
	display: inline-block;
	vertical-align: middle;
}
.user_name_img {
    list-style: none;
    display: inline-block;
    width: 171px;
    color: #fff;
    vertical-align: middle;
}
.like_cou_asset span a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}
p.pending_bet_date_time {
    font-size: 12px;
}
p.pending_bets_discripation {
    font-size: 14px;
    font-family: 'lato';
}
.like_counters {
    padding-top: 20px;
    padding-bottom: 2px;
    text-align: left;
}
p.pending_bets_title {
    font-weight: bold;
    font-family: 'lato';
    margin-bottom: 5px;
}
.bat-cmt-sec {
    float: left;
    background:#586073;
    /*background: #23b386;*/
    width: 69%;
    margin-left: 12px;
    border-radius: 10px;
}
.comment_sec, .row {
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
	padding:0px;
}
.comment_sec {
    margin: 28px;
    float: left;
    width: 95.7%;
}
.profile_thumb {
    float: left;
    padding-right: 12px;
}
.comment-txt ul li {
	list-style: none;
	display: inline-block;
}
.comment-txt ul {
    padding: 0;
    margin: 0;
    line-height: 13px;
}
.previous_messages {
    font-size: 14px !important;
}
.comment-txt {
    float: left;
    width: 75%;
}
.comment_date {
    line-height: 0px;
    margin: 0;
    padding: 0;
}
.comment_rply a {
    color: #83c815;
    text-decoration: none;
    font-size: 11.5px !important;
    padding-right: 6px;
    font-family: Helvetica, Arial,! sans-serif important;
}
.comment_sec, .row {
	margin-bottom: 11px;
}
.comment_box {
    border-radius: 3px;
    height: 42px;
    border: none;
    width: 290px !important;
    padding-left: 20px;
    font-size: 14px;
    padding-top: 10px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.comment_btn img {
	position: relative;
	top: -2px;
	left: -2px;
}
.comment_btn:focus {
	outline: none !important;
}
.col-md-3.tr-right-section {
	float: left;
	margin-top: 40px;
}
.list_li {
	display: inline-block;
	margin: 6px 0px;
}
.list_li img {
	width: 40px;
	height: 40px;
	margin-right: 20px;
}
.list_li a {
	font-family: 'lato';
	text-decoration: none;
	color: #515151;
}
.list_li.date_list {
	float: right;
}
.list_li.date_list a {
	text-decoration: none;
	color: #444;
	font-family: 'lato';
	font-size: 13px;
	padding-top: 10px;
	display: block;
}
.widget_heading {
    font-size: 17px;
    font-family: 'Comic Sans MS', sans-serif;
    font-weight: bold;
    color: #fff;
    background: #83c815;
    padding: 10px;
	border-radius: 3px;
}
.frnd_row ul {
	padding: 0;
}
.no-frnd {
    font-family: 'Comic Sans MS', sans-serif;
    color: #83c815;
}
.col-md-3.tr-right-section {
	float: left;
	margin-top: 20px;
	padding: 0 15px;
}
.frnd_row {
    margin: 20px 0px;
    text-align: center;
}
li.bet_date_time {
    display: inline;
    float: right;
    color: #fff;
    font-size: 13px;
    padding: 5px 0;
}
.friend_list {
    margin: 86px auto;
}
.win_counter img {
	width: 20px !important;
	height: 20px !important;
	position: absolute;
	margin-left: 78px;
	margin-top: -123px;
}
.div {
	width: 60px;
}
.like-img {
	width: 100%;
	text-align: center;
	padding: 31px 0px;
}
.comment_sec.liking {
	float: none;
	text-align: center;
}
.share_btn {
	background: #83c815;
	color: #fff;
	font-family: 'lato';
	font-weight: 600;
	padding: 7px 27px;
	font-size: 17px;
	display: inline-block;
	margin-top: 14px;
	text-decoration: none !important;
}
.share_btn:hover {
	color: #fff !important;
}
.like-img img {
	width: 80px;
	height: 80px;
}
.form-control.mr-sm-2.lp-login-input {
	width: 143px !important;
}
/*---------------Trending css End-------------------------*/
.inner_header_head {
	text-align: center;
}
.heading_in {
	text-transform: uppercase;
	color: #fff;
	font-size: 27px;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	padding-top: 12px;
	display: inline-block;
}
.inner_header_head p {
	color: #fff;
	padding: 15px 0px;
}
.inner_header_head {
	background: url(../img/head_bg.jpg) no-repeat;
	background-size: auto auto;
	background-size: cover;
	padding: 10px 0px;
	/*border-top: 5px solid #83c815;*/
}
/*step-form-css*/
#employer-post-new-job .res-steps-container .res-steps {
	width: 33%;
	text-align: center;
	float: left;
	cursor: pointer
}
#employer-post-new-job .res-steps-container .res-steps .res-step-bar {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	border-radius: 50% !important;
	background: #cfcfcf;
	display: inline-block;
	height: 70px;
	width: 70px;
	margin-top: 10px;
	text-align: center;
	color: #fff;
	padding-top: 19px;
	font-size: 20px;
}
#employer-post-new-job .res-steps-container .res-steps .res-progress-title {
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	display: block;
	text-transform: uppercase;
	font-family: 'lato';
}
#employer-post-new-job .res-steps-container .res-steps .res-progress-bar {
	height: 5px;
	background: #cfcfcf;
	width: 100%;
	margin: -33px 0 0px 0%;
	float: left;
}
#employer-post-new-job .res-steps-container .res-step-two .res-progress-bar, #employer-post-new-job .res-steps-container .res-step-three .res-progress-bar, #employer-post-new-job .res-steps-container .res-step-four .res-progress-bar {
	width: 100%;
	margin-left: 0%
}
#employer-post-new-job .res-steps-container .res-step-four .res-progress-bar {
	width: 50%;
	margin-right: 50%
}
#employer-post-new-job .res-step-form h3 {
	margin: 10px 0;
	color: #0aa7e1;
	font-size: 18px
}
#employer-post-new-job .res-step-form .form-horizontal label {
	font-weight: normal
}
#employer-post-new-job .res-form-two, #employer-post-new-job .res-form-three, #employer-post-new-job .res-form-four {
	left: 150%
}
#employer-post-new-job .active .res-step-bar {
	background: #83c815 !important;
}
#employer-post-new-job .active .res-progress-title {
	color: #83c815;
}
#container {
	width: 100%;
}
.step_form_sec {
	background: #fff;
}
#employer-post-new-job {
	padding-top: 20px;
}
.res-step-form {
	max-width: 100% !important;
}
/*step form css end*/

/*accordion css start*/
			.accordion {
	width:100%;
	margin: 0 auto;
}
.accordion-toggle {
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
	margin: 0;
	padding: 10px 0;
	padding-left: 0px;
	position: relative;
	background: #83c815;
	padding-left: 10px;
	font-size: 17px;
	text-transform: uppercase;
	color: #fff;
}
 .accordion-toggle.active::after {
 content: "";
 position: absolute;
 right: 0;
 top: 10px;
 margin-right: 17px;
 background: url(../img/accor_ic.png) no-repeat;
 height: 26px;
 width: 21px;
 background-position: 0px center;
}
.accordion-toggle:before {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	margin-right: 17px;
	background: url(../img/accor_ic.png) no-repeat;
	height: 26px;
	width: 21px;
	background-position: 0px center;
}
.accordion-toggle.active:before {
	display:none;
}
.accordion-content {
	display: none;
}
.accordion {
	width: 98%;
	margin: 0 auto;
	background: #ebebeb;
}
.cmt_schedule {
	color: #fff;
	font-size: 10px;
	text-align: left;
	margin-top: 1px;
	display: block;
}
.secondry-navigation.my_sec {
	margin-top: 1px;
}
.matches-details li {
	list-style: none;
	display: inline-block;
	padding-bottom: 5px;
}
.matches-details ul {
	padding-left: 10px;
	background: #fff;
	margin: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.matches-details a {
	color: #444;
	text-decoration: none;
	font-family: 'lato';
	font-size: 14px;
}
.match_time {
	padding: 14px;
	background: #fff;
	border: 5px solid #ebebeb;
}
.add_acc_btn {
	float: right;
	padding-right: 18px;
}
.add_acc_btn a {
	font-weight: bold;
	font-size: 29px;
	margin-top: -8px;
	display: block;
}
.match_time a {
	text-decoration: underline;
}
.bet_search {
	width: 96%;
	border-radius: 3px;
	border: 1px solid #ccc;
	height: 43px;
	padding-left: 14px;
	color: #ccc;
	font-family: 'lato';
	font-style: italic;
}
.bet_form_sec {
	border: 10px solid #ebebeb;
	background: #fff;
	padding: 15px;
}
.add_acc_btn .btn {
	background: none !important;
	font-size: 37px;
	font-weight: bold;
	margin-top: 0 !important;
	width: 41px !important;
	height: 58px !important;
	padding: 0;
	display: block;
	position: absolute;
	top: 32px;
	right: 20px;
}
.res-step-form.col-md-8.col-md-offset-2.res-form-two {
	margin-top: 0;
}
.bet_search_btn {
    position: absolute;
    height: 43px;
    border: 0;
    width: 46px;
    right: 40px;
    background: url(../img/search_btn.png) no-repeat -1px center;
}
.bet_left_field select {
	color: #ccc;
	font-size: 15px;
	font-family: 'lato';
	font-style: italic;
	height: 44px !important;
}
.bet_left_field {
	margin-top: 20px;
	display: inline-block;
	width: 30%;
}
.invite_frnd {
	list-style: none;
	display: inline;
	padding: 0 5px;
}
.bet_right_field {
	display: inline-block;
}
.bet_des_area {
	border-radius: 3px;
	border: 1px solid #ccc;
	width: 100%;
	height: 200px;
	color: #ccc;
	padding-left: 16px;
	padding-top: 10px;
	font-style: italic;
	font-family: 'lato';
}
.currency_area {
    margin-top: 20px;
    height: 43px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: url(../img/dollar_ic.png) no-repeat left center;
    padding-left: 56px;
    width: 160px;
}
.sub_btn {
    margin-top: 40px;
}
.sub_btn a {
	background: #83c815;
	padding: 8px 41px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.down_ae {
	position: absolute;
	left: 10em;
	top: 62px;
}
.res-step-form.col-md-8.col-md-offset-2.res-form-three {
	text-align: center;
	margin-bottom: 5em;
	position: relative;
	/*top: -30em;*/
	top: 60px;

}
.success_main_msg {
	width: 50%;
	margin: 0 auto;
	border: 1px solid #83c815;
	border-radius: 9px;
	padding: 20px 0px;
}
.inner_success h3 {
	font-size: 33px !important;
	font-family: 'lato';
	color: #121212 !important;
}
.inner_success img {
	background: #83c815;
	padding: 18px;
	border-radius: 50%;
	margin-top: -73px;
}
.btn.btn-default.res-btn-gray {
	float: left;
	margin-top: 27px;
}
.btn.btn-default.col-xs-offset-1.res-btn-orange {
	float: right;
	margin-top: 27px;
	background:url(../img/next.png) no-repeat;
	height: 60px;
	width: 63px;
}
.btn.btn-default.res-btn-gray {
	float: left;
	margin-top: 27px;
	background:url(../img/prev.png) no-repeat;
	height: 60px;
	width: 63px;
}
.sec_nav_list_item:after {
	border-top:#c0c0c0;
}
.sec_nav_list_item:hover {
	background-color:#c0c0c0;
	cursor:pointer;
}
.sec_nav_list_item:after {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #83c815;
	content: " ";
	position: absolute;
	bottom: -15px;
	left: 46%;
}
p.bets_discripation {
    margin-bottom: 3px;
}
p.bets_discripation {
    margin-bottom: 3px;
    font-family: 'lato';
    font-size: 15px;
    display: inline;
}
.sec_nav_list_item:before {
	border:none;
}
.bet_des_area, .bet_search, placeholder {
	color: #444;
}
.forget_field input {
	width: 100%;
	height: 48px;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding-left: 12px;
	color: #444;
	font-style: italic;
	font-size: 14px;
}
.bet_left_field, select {
	color: #9f9b9b !important;
}
.div.large {
	text-align: center;
}
.large_like {
	width: 50px !important;
}
.accordion {
	position: absolute;
}
.modal-dialog.forget_pass {
	margin-top: 16em;
}
.sub_btn_for {
	text-align: center !important;
	float: none;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #83c815;
	width: 252px;
	display: block;
	border-radius: 5px;
	margin: 0 auto;
	border: none;
	cursor:pointer;
}
.copy_inner {
	padding: 0 30px;
}
.bets_title {
    font-weight: bold;
    font-family: 'lato';
    margin-bottom: 5px;
}
.edit_profile_sec {
	background: #fff;
}
.col-md-12.edit_pic {
	padding: 30px 0;
}
.sport_head p {
	text-align: center;
	padding: 5px 0px;
	color: #fff;
	margin: 0;
	font-family: 'lato';
}
.sport_head {
	background: #83c815;
}
.sport_cnt {
	text-align: center;
	font-family: 'lato';
	font-size: 14px;
}
.mg-column1.start {  
	text-align: center;
	border-color: #ccc; 
}
.in_table {
	text-align: center;
	border-color: #ccc;
}
.main_table {
	/*position: absolute;*/
	width: 98%;
	max-height: 900px;
}
 .detals-new-anchor {
position: absolute;
width: 100%;
height: 100%;
}
.tr-main-content-inner.addbet {
	height: auto;
}
.in_table a {
	text-decoration: none;
	font-size: 14px;
	color: #444;
	font-family: 'lato';
	font-weight: bold;
}
.sport-description {
	font-family: 'lato';
	color: #444;
	font-size: 14px;
}
.startTime, .network {
	font-family: 'lato';
	font-size: 14px;
	font-weight: bold;
}
.main_table table {
	border-color: #ccc !important;
}
.sport_head {
	background: #83c815;
	border-color: #ccc;
	border-top-color: rgb(204, 204, 204);
	border-right-color: rgb(204, 204, 204);
	border-bottom-color: rgb(204, 204, 204);
	border-left-color: rgb(204, 204, 204);
}
.btn.btn-default.col-xs-offset-1.res-btn-orange.next_btn {
	background: none;
	width: 87px;
	height: 0;
	margin-top: -16px;
	float: none;
}
.bat-profile-sec.pendign_sec {
	padding-bottom: 10px !important;
}
.bat-cmt-sec.pend_status {
	padding: 20px;
	color: #fff;
}
.btn_acc {
	background: #83c815;
	color: #fff;
	text-decoration: none !important;
	padding: 5px 13px;
	font-weight: bold;
	margin-right: 15px;
}
.btn_dec {
	background: #d8d641;
	color: #fff;
	text-decoration: none !important;
	padding: 5px 13px;
	font-weight: bold;
}
.pend_btn {
	margin-top: 38px;
}
.btn_acc:hover {
	color: #fff;
}
.btn_dec:hover {
	color: #fff;
}
.col-md-12.edit_pic .col-md-3 {
	margin: 0 auto;
}
.col-md-12.edit_pic .col-md-3 {
	margin: 0 auto;
}
.edit_pic .col-md-3 img {
    border-radius: 50%;
    width: 160px;
    height: 160px;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	font-size: 1.25em;
	font-weight: 700;
	color: white;
	background-color: black;
	display: inline-block;
}
.inputfile:focus + label, .inputfile + label:hover {
	background-color: red;
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.file-upload {
	position: relative;
	display: inline-block;
}
.file-upload__label {
	display: block;
	color: #fff;
 transition: background .3s;
}
.file-upload__input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 1;
	width:0;
	height: 100%;
	opacity: 0;
}
label.file-upload__label img {
	width: 30px !important;
	height: 30px !important;
	position: absolute;
	top: -63px;
	left: -33px;
	cursor: pointer;
}
.email-fields {
	float: left;
	width: 100%;
}
.profile_form {
	width: 70%;
	margin: 0 auto;
}
section.profile_info {
	background: #fffafa;
	float: left;
	width: 100%;
	padding: 20px 0px;
}
input.edit_form_top {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 46px;
    padding-left: 10px;
    background: #fff;
    color: #444;
}
input.submit_btn {
    cursor: pointer;
}
form.edit_form .col-md-6 {
	float: left;
	margin: 22px 0px;
}
input.edit_form_top.center {
	width: 100%;
}
.col-md-12.center {
	float: left;
}
.edit_form .col-md-12 {
	margin: 20px 0px;
}
span.valid {
	color: red;
	font-weight: bold;
	padding-left: 1px;
}
.profile_form_in h4 {
	margin: 10px 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 13px;
}
.edit_submit_btn {
	padding: 0px 17px;
	float: left;
	margin-bottom: 52px;
	margin-top: 25px;
}
.content .col-md-4 {
	float: left;
}
.edit_submit_btn a {
	background: #83c815;
	color: #fff;
	font-weight: bold;
	font-size: 19px;
	padding: 9px 15px;
}
.boxes {
	margin: auto;
	padding: 2px;
}

#SelectTeamName .boxes {
	white-space: normal;
}
/*Checkboxes styles*/

input[type="checkbox"] + label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	font: 14px/20px 'Open Sans', Arial, sans-serif;
	color: #ddd;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type="checkbox"] + label:last-child {
	margin-bottom: 0;
}
input[type="checkbox"] + label:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #6cc0e5;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .6;
 -webkit-transition: all .12s, border-color .08s;
 transition: all .12s, border-color .08s;
}
input[type="checkbox"]:checked + label:before {
	width: 10px;
	top: -5px;
	left: 5px;
	border-radius: 0;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*****************************************
 design styles
******************************************/

/*---------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
.profile-wrapper {
	width:200px;
	position:relative;
}
.profile {
	padding: 10px;
	position: absolute;
	width: 200px;
	right: 0;
	top: 38px;
}
.profile-wrapper:hover::after {
 border-color: #111 transparent transparent;
}
.menu li a {
	font-size: 14px;
}
.profile {
	padding:10px;
	position:absolute;
}
.profile:hover {
	cursor: pointer;
	background: #121212;
	border-radius: 5px;
}
.profile .name {
	font-size:12px;
	color:#fff;
	line-height:26px;
	margin-left:10px;
}
.profile .name:hover {
	color:#0088cc;
}
/* hide menu */
.menu_drop {
	display: none;
	clear: both;
	padding: 0;
	margin: 0;
}
.menu_drop li {
	font-size: 12px;
	margin: 0;
	padding: 10px 4px;
	list-style: none;
}
.menu_drop li a {
    color: #fff;
    font-size: 14px;
    font-family: 'lato';
}
.menu_drop li:hover > a {
	color:#eee;
}
.menu_drop li:hover {
	border-left: 1px solid #111;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	border-top: 1px solid #111;
	border-radius: 3px;
}
/* hover profile show menu */
.profile:hover .menu_drop {
	display:block;
}
.form-submit {
    float: left;
}
@-moz-document url-prefix() { 
  .comment_bar .form-submit #submit {
	
}
}



/*notification-css*/

.wrapper {
  font-family: "Lato";
}
.wrapper .nav-bar ul {
  list-style: none;
  padding-left: 10px;
  margin: 0;
  position: relative;
}
.wrapper .nav-bar ul li {
  vertical-align: middle;
  display: inline-block;

}
.wrapper .nav-bar .search-box {
  position: relative;
  display: inline;
}
.wrapper .nav-bar .search-box .search-icon {
  position: absolute;
  top: 2px;
  left: 8px;
  font-size: 18px;
  color: #9FB6C3;
}
.wrapper .nav-bar .search-box input {
  background: #E3EBEF;
  box-shadow: none;
  border: 0;
  width: 130px;
  padding: 8px 10px 8px 30px;
  border-radius: 30px;
  color: #747F8B;
  font-size: 14px;
  font-weight: bold;
}
.wrapper .nav-bar .search-box input:focus {
  outline: 0;
}
.wrapper .nav-bar .dropdowns-wrapper {
  padding: 4px 0px;
}
.wrapper .nav-bar .dropdown-container {
  display: inline-block;
  position: relative;
}
.wrapper .nav-bar .dropdown-container .dropdown {
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu {
    position: absolute;
    display: none;
    z-index: 1;
    left: -130px;
    top: 49px;
    min-height: 10px;
    min-width: 10px;
    width: 334px;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-header {
  background: #FFF;
  padding: 15px;
  position: relative;
  text-align: center;
  color: #747F8B;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
  border: 0px;
  border-style: solid;
  border-bottom-width: 1px;
  -moz-border-image: -moz-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;
  -o-border-image: -o-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;
  border-image: linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;
  box-shadow: 0px 2px 10px -2px #cedae0;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-header .triangle {
  position: absolute;
  top: -8px;
  left: 134px;
  height: 15px;
  width: 15px;
  border-radius: 6px 0px 0px 0px;
  transform: rotate(45deg);
  background: #FFF;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-header .count {
  position: static;
  height: 25px;
  width: 25px;
  display: inline-block;
  line-height: 24px;
  margin-left: 8px;
  font-size: 12px;
  vertical-align: middle;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body {
  max-height: 292px;
  background: #e9f0f3;
  overflow-y: auto;
  overflow-x: hidden;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification {
  background: #FFF;
  padding: 15px;
  border: 0px;
  border-style: solid;
  border-bottom-width: 1px;
  -moz-border-image: -moz-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;
  -o-border-image: -o-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;
  border-image: linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification.new {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  background: #e9f0f3;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification .notification-image-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification .notification-image {
  display: inline-block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  border-radius: 100%;
}
.notification-image img {
    width: 40px;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification .notification-text {
  display: table-cell;
  padding-left: 15px;
  vertical-align: middle;
  color: #747F8B;
  cursor: pointer;
  font-size: 14px;
  word-spacing: 2px;
  line-height: 21px;
}
.wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification .notification-text .highlight {
  font-weight: bold;
}
.wrapper .nav-bar .dropdown-container .fa {
  color: #fff;
  font-size: 22px;
}
.wrapper .nav-bar .dropdown-container .count {
  position: absolute;
  top: -6px;
  right: -1px;
  height: 15px;
  width: 15px;
  overflow: hidden;
  background: red;
  color: #FFF;
  text-align: center;
  border-radius: 100%;
  font-size: 9px;
  font-weight: bold;
  line-height: 15px;
}
.wrapper .nav-bar .notifications {
  margin-right: 10px;
}
.wrapper .nav-bar .messages {
  margin-left: 10px;
}
.wrapper .nav-bar .user {
  background: #9FB6C3;
  border-left: 0px;
  position: absolute;
  right: 0;
  top: -1px;
}
.wrapper .nav-bar .user-options-wrapper .user-image {
  background: url("http://www.apnatimepass.com/tom-cruise-ms.jpg");
  background-size: cover;
  background-position: center;
  vertical-align: bottom;
  height: 32px;
  width: 32px;
  display: inline-block;
  border-radius: 100%;
  margin-right: 10px;
}
.wrapper .nav-bar .user-options-wrapper .user-options {
  vertical-align: bottom;
  border: 2px solid #FFF;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.wrapper .nav-bar .user-options-wrapper .user-options .fa {
  position: absolute;
  top: 9px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #FFF;
  font-size: 12px;
}
.wrapper .body-image {
  background: #577597;
  max-width: 100%;
  height: 440px;
  background-size: cover;
  background-position: center;
  margin-top: -2px;
  padding: 30px;
  position: relative;
  border-radius: 2px;
}
.wrapper .body-image .instruction {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: none;
  color: #FFF;
  font-size: 18px;
  width: 100%;
  height: 20px;
  text-align: center;
}
.wrapper .body-image .info {
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
}
.wrapper .body-image .info ul {
  list-style: square;
  padding-right: 20px;
}
.wrapper .body-image .info ul li {
  margin-bottom: 13px;
  font-size: 14px;
  word-spacing: 2px;
  line-height: 21px;
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
}
.wrapper .body-image .info .ok-btn-wrapper {
  text-align: center;
  position: relative;
  padding: 4px 0px 10px 0px;
}
.wrapper .body-image .info .ok-btn-wrapper .ok-btn {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
}
.wrapper .body-image .info .ok-btn-wrapper .ok-btn .text {
  z-index: 1;
  position: relative;
}
.wrapper .body-image .info .ok-btn-wrapper .ok-btn .hover-overlay {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  background: #21B7B7;
  opacity: .6;
  z-index: 0;
}
.wrapper .body-image .info .ok-btn-wrapper .ok-btn:hover .hover-overlay {
  width: 100%;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
  webkit-box-shadow: inset 0 0 6px #E3EBEF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #E3EBEF;
}
::-moz-webkit-scrollbar {
    width: 15px;
}


::-moz-webkit-scrollbar-track {
  webkit-box-shadow: inset 0 0 6px #E3EBEF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #E3EBEF;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #9FB6C3;
  -webkit-box-shadow: none;
}
::-moz-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #9FB6C3;
  -webkit-box-shadow: none;
}
::-moz-webkit-scrollbar-thumb:window-inactive {
  background: #9FB6C3;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #9FB6C3;
}

.new.notification.ng-enter {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-top: -20%;
  background: #dde6eb !important;
}

.new.notification.ng-enter-active {
  margin-top: 0;
}

.animated {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
.lp-policy_content {
    float: left;
    width: 64%;
    margin-top: 15px;
}
h1.page_heading {
    text-align: center;
    color: #fff;
    font-family: 'lato';
    text-transform: uppercase;
    font-size: 36px;
}

.heading_content p {
    color: #fff;
    text-align: center;
    font-family: 'lato';
}
.vc_row.wpb_row.vc_row-fluid.container {
    margin: 0 auto;
}
.heading_content {
    margin-top: 10px;
    padding-bottom: 27px;
}
.comment_parent_child {
    margin-left: 63px;
    float: left;
    width: 60%;
}
.mg-column1.start {
    width: 10%;
}
.winner {
    display: none;
}
.page-numbers {
    color: #444;
    text-decoration: none;
}
.next.page-numbers {
    font-weight: bold;
    font-family: 'lato';
}
.pagination_bets .page-numbers.prev {
    background: #83c815;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-family: 'lato';
}
.page-numbers.current {
    font-weight: bold;
    background: #83c815;
    padding: 5px 10px;
    color: #fff;
}
.page-numbers {
    padding: 5px 10px;
}
.comment_parent_child .comment_profile_thumb img {
    width: 40px;
    height: 40px;
}
.in_table {
    width: 10%;
}
.comment_parent{
	float: left;
	width: 60%;
}

.comment_sec a {
    color: #fff;
    text-decoration: none;
    font-family: arial;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 10px;
}
.comment_inner {
    height: 259px;
    overflow-y: scroll;
}
body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.user_name, .child_comment {
    font-size: 14px !important;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 13px;
    margin-bottom: 5px;
}
.parent_comment {
    display: inline-block;
    border-radius: 18px;
    padding: 0px;
    line-height: 16px;
}
.comment_date {
    margin: 0;
    line-height: 10px;
}
.comment_bar {
    padding-top: 10px;
}
.user_comment {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin: 0;
    line-height: 0px;
}
.user_comment.child_spl {
    font-size: 15px;
    font-family: arial;
    line-height: 0px;
    margin-top: -3px;
}
.like_cou_asset a {
    color: #fff;
    font-family: 'lato';
}

.comment-respond #close {
    background-color: #ff0606;
    height: 42px;
    border: none;
    width: 70px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #fff;
    font-family: 'lato';
    font-weight: bold;
    border-radius: 3px;
    padding-left: 7px;
    cursor: pointer;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
    z-index: 9999999;
}
.lp-login-fb .fbl-button {
    margin-bottom: 0 !important;
    z-index: 9999999;
}
.user_status {
    display: none;
}
#spinner {
    top: 5em;
    position: relative;
    left: -42em;
	display:block;
}
 #spinner svg {
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  padding: 8px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 
 .qp-circular-loader {
  width: 64px;
  /* 2*RADIUS + STROKEWIDTH */
  
  height: 64px;
  /* 2*RADIUS + STROKEWIDTH */
  
  stroke-width: 3px;
 }
 
 .qp-circular-loader-path {
  stroke-dasharray: 58.9;
  /* 2*RADIUS*PI * ARCSIZE/360 */
  
  stroke-dashoffset: 58.9;
  /* 2*RADIUS*PI * ARCSIZE/360 */
  /* hides things initially */
 }
 /* SVG elements seem to have a different default origin */
 
 .qp-circular-loader,
 .qp-circular-loader * {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 }
 /* Rotating the whole thing */
 
 @-webkit-keyframes rotate {
  from {
   -webkit-transform: rotate(0deg);
  }
  to {
   -webkit-transform: rotate(360deg);
  }
 }
 
 @keyframes rotate {
  from {
   transform: rotate(0deg);
  }
  to {
   transform: rotate(360deg);
  }
 }
 
 .qp-circular-loader {
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 1568.63ms;
  animation-duration: 1568.63ms;
  /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
 }
 /* Filling and unfilling the arc */
 
 @-webkit-keyframes fillunfill {
  from {
   stroke-dashoffset: 58.8
   /* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
   /* 0.1 a bit of a magic constant here */
  }
  50% {
   stroke-dashoffset: 0;
  }
  to {
   stroke-dashoffset: -58.4
   /* -(2*RADIUS*PI * ARCSIZE/360 - 0.5) */
   /* 0.5 a bit of a magic constant here */
  }
 }
 
 @keyframes fillunfill {
  from {
   stroke-dashoffset: 58.8
   /* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
   /* 0.1 a bit of a magic constant here */
  }
  50% {
   stroke-dashoffset: 0;
  }
  to {
   stroke-dashoffset: -58.4
   /* -(2*RADIUS*PI * ARCSIZE/360 - 0.5) */
   /* 0.5 a bit of a magic constant here */
  }
 }
 
 @-webkit-keyframes rot {
  from {
   -webkit-transform: rotate(0deg);
  }
  to {
   -webkit-transform: rotate(-360deg);
  }
 }
 
 @keyframes rot {
  from {
   transform: rotate(0deg);
  }
  to {
   transform: rotate(-360deg);
  }
 }
 
 @-webkit-keyframes colors {
  0% {
   stroke: #754fa0;
  }
  20% {
   stroke: #09b7bf;
  }
  40% {
   stroke: #90d36b;
  }
  60% {
   stroke: #f2d40d;
  }
  80% {
   stroke: #fcb12b;
  }
  100% {
   stroke: #ed1b72;
  }
 }
 
 @keyframes colors {
  0% {
   stroke: #754fa0;
  }
  20% {
   stroke: #09b7bf;
  }
  40% {
   stroke: #90d36b;
  }
  60% {
   stroke: #f2d40d;
  }
  80% {
   stroke: #fcb12b;
  }
  100% {
   stroke: #ed1b72;
  }
 }
 
 .qp-circular-loader-path {
  -webkit-animation-name: fillunfill, rot, colors;
  animation-name: fillunfill, rot, colors;
  -webkit-animation-duration: 1333ms, 5332ms, 5332ms;
  animation-duration: 1333ms, 5332ms, 5332ms;
  /* ARCTIME, 4*ARCTIME, 4*ARCTIME */
  
  -webkit-animation-iteration-count: infinite, infinite, infinite;
  animation-iteration-count: infinite, infinite, infinite;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4), linear;
  animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4), linear;
  -webkit-animation-play-state: running, running, running;
  animation-play-state: running, running, running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }
.tr-main-content-inner.addbet.contact-form-main {
    background: #fff;
    padding: 150px 10%;
	margin-top: 22px;
	min-height: 818px;
	margin-bottom: 20px;
}
.contact-head {
    margin-bottom: 70px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.wpcf7 input.form-control.input-md {
    height: 55px !important;
    width: 100% !important;
}
i.fa.fa-share-alt {
    background: #3a64fb;
    padding: 4px 5px;
    border-radius: 25px;
    border: 2px solid #fff;
    cursor: pointer;
    color: #fff;
}
i.fa.fa-commenting {
    color: #fff;
    background: #8fe332;
    padding: 4px;
    border-radius: 25px;
    border: 2px solid;
	cursor:pointer;
}
li.like_cou_asset img {
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-right: 3px;
    margin-top: -8px;
}
li.sec_nav_list_item a i {
    font-size: 20px !important;
}
li.sec_nav_list_item img {
    width: 20px;
    height: 20px;
}
section#invite_main_sec about_us_main {
	background: rgb(160,188,88);
background: -moz-linear-gradient(-45deg, rgb(160,188,88) 1%, rgb(148,188,88) 29%, rgb(182,188,88) 66%, rgb(161,193,70) 94%);
background: -webkit-linear-gradient(-45deg, rgb(160,188,88) 1%,rgb(148,188,88) 29%,rgb(182,188,88) 66%,rgb(161,193,70) 94%);
background: linear-gradient(135deg, rgb(160,188,88) 1%,rgb(148,188,88) 29%,rgb(182,188,88) 66%,rgb(161,193,70) 94%);
	
	}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: fixed;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    bottom: 0px !important;
    padding: 25px;
    border-radius: 25px;
    right: 0px;
}
a#return-to-top {
    width: 50px;
    height: 50px;
    background: #000;
    display: inline-block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 7px 16px;
    border-radius: 25px;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
	z-index: 999;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
#noscript_sec {
    margin-top: 6em;
    height: 82vh;
}
.container.nosc_division {
    width: 500px;
    border: 1px solid #ccc;
    padding: 30px;
    border-radius: 5px;
}
.rel_btn {
    color: #fff;
    font-weight: bold;
    font-family: 'lato';
    background: #83c815;
    padding: 10px 20px;
    text-decoration: none;
}
.alert_head {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 24px;
}
.alert_wrapper p {
    font-size: 14px;
    margin-bottom: 29px;
}
.share i {
    font-size: 28px !important;
    padding-right: 8px;

}
.share.facebook svg, .share.twitter svg, .share.google svg, .share.linkedin svg, .like_cou_asset.comment_ic svg {
    width: 25px;
}
.share.twitter i:hover {
    color: #41d5ed;
}
.share.google i:hover {
   color: #db5555;
}
.share.linkedin i:hover {
    color: #518cd8;
}
.like_cou_asset span {
    position: relative;
    top: -4px;
}
.com_counter {
    position: relative;
    padding-left: 2px;
	top: -4px;
}
.like_cou_asset.comment_ic {
    margin-right: 15px;
}

#exampleModal {
    background: rgba(0, 0, 0, 0.8);
}

.modal.show .modal-dialog {
    transform: translate(0%, 4%);
}

#exampleModal .modal-header {
    border-bottom: 2px solid #58c224;
}
.right_outer_page_sec.wpb_column.vc_column_container.vc_col-sm-12 {
    margin-bottom: 23px;
}
.pri_main_head {
    font-size: 21px !important;
    font-family: 'lato' !important;
    padding-bottom: 11px;
    padding-top: 6px;
    background: #83c815;
    margin-top: 10px;
    padding-left: 14px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.res-steps-container {
    margin-left: 17px;
}

.no_notification {
    padding: 10px;
}

/*custome dropdown css*/
.big {
  font-size: 1.2em;
}

.small {
  font-size: .7em;
}

.square {
  width: .7em;
  height: .7em;
  margin: .5em;
  display: inline-block;
}

/* Custom dropdown */
.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.custom-dropdown select {
  background-color: #83c815;
  color: #fff !important;
  font-size: inherit;
  padding: .5em;
  padding-right: 2.5em;	
  border: 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: '';
  width:250px;
  -webkit-appearance: button; /* hide default arrow in chrome OSX */
}

.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.custom-dropdown::after { /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.custom-dropdown select[disabled] {
  color: rgba(0,0,0,.3);
}

.custom-dropdown select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.custom-dropdown::before {
  background-color: rgba(0,0,0,.15);
}

.custom-dropdown::after {
  color: rgba(0,0,0,.4);
}
a.navbar-brand img {
    width: 100%;
  
}
nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
background-color: #000000!important;
}
input.submit_btn.disabled{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  opacity: 0.65; 
  cursor: not-allowed;
}
.inner_header_head.sport_bet_head {
    
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 250px 0px;
}
.sport_bet_head .heading_in {
    font-size: 60px;
    font-weight: bold;
    border-bottom: 0px;
}
.team_out {
    text-align: center;
    color: #fff;
}
.loginform .log_fb .fbl-button {

    display: block !important;
    text-align: right;
    margin-right: 4px;

}
.user_profile_img_out
{
	width: 100%;
	float: left;
}
.user_profile_img_out img
{
	width: 100%;
}

/* New User profile page */
.or_out
{
	text-align: center; 
}
.lp-fp-link-pop-signup
{
	color: #13b118 !important;
font-size: 19px;
text-transform: uppercase;
}
.lp-policy_content_login
{
	margin-top: 0 !important;
}
.log_popup_error_out {
    margin-bottom: 14px;
    width: 100%;
    float: left;
}
.lp-fp-link:hover {

    text-decoration: none;
    color: #13b118;

}
.no_more_bets {
    text-align: center;
    margin-top: 21px;
    color: #fff;
}
.no_more_bets h4
{
text-shadow: 2px 2px #586073;

}

.lp-reg-submit.ajaxlogin_sub {
    margin-top: 32px;
    padding-bottom: 5.5px;
    padding-top: 7.5px;
}
.log_popup_error
{
	width: 100%;
	float: left;
	color: red;
}
.ajaxloadinglogin
{
	text-align: center;
}
.page-id-92 .pagination_bets .page-numbers.next,.page-id-92 .page-numbers.current,
.page-id-102 .pagination_bets .page-numbers.next,.page-id-102 .page-numbers.current
{
	background: #2e323c !important
}
.comment_bar .form-submit #submit
{
	background-color: #000 !important;
}
.log_sub_out,.sign_sub_out
{
width: 50%;
float: left;  
}
.sign_sub_out span
{
	background: #58c224;
padding: 10px 15px 10px 15px;
border-radius: 5px;
color: #fff;
font-family: 'lato';
font-weight: bold;
border: 1px solid #007236;
text-decoration: none !important;
margin-top: 24px;
display: block;
width: 150px;
text-align: center;
cursor: pointer;
}
.loadmore
{
text-align: center;
text-transform: uppercase;
border-radius: 5px;
text-align: center;
color: white !important;
letter-spacing: 2px;
text-decoration: none;
padding: 10px 50px;
font-weight: bold;
font-size: 20px;
cursor: pointer;
}
.load_loading
{
	margin-top:15px; 
}
.banner_upload_label img
{
	left:0 !important;
}
.inner_header_head.sport_bet_head.bet_head_common {

    background-repeat: no-repeat !important;
    background-size: cover !important;
  /* margin: 0px 7px 10px 10px;*/
  	margin: 79px 0 0;

}
.inner_header_head.sport_bet_head.bet_head_common.nomargin {
    margin: 0px !important;
}
.primary_button_div_profile {
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    float: left;
    width: 100%;
}
.primary_button_div_profile .primary_button {
    background: #3ab34b;
    color: white;
    border: 2px solid #3ab34b;
    letter-spacing: 2px;
    text-decoration: none;
    padding: 10px 50px;
    font-weight: bold;
    font-size: 20px;
}


.media-image-user-profile .gallery-item .details .details_inner_box
{
background: #000 !important;
text-align: center !important;
}
.media-image-user-profile .gallery-item .details .details_inner h4
{
	float: none !important;
}
.media-image-gallery .gallery-item {
    display: inline-block;
    width: 33.33%;
    height: 380px;
    position: relative;
    overflow: hidden;
    margin-top: -2px;
    float: left;
}
.media-image-gallery .gallery-item .details-container {
    position: absolute;
    width: 101%;
    height: 100%;
    top: 0;
    z-index: 100;
}
.media-image-gallery .gallery-item .details {
    display: table;
    width: 100%;
    height: 100%;
}
.media-image-gallery .gallery-item .details .details_inner {
    display: table-cell;
    vertical-align: bottom;
}
.media-image-gallery .gallery-item .details .details_inner_box {
      background: rgba(0, 0, 0, 0.52);
      padding: 30px 0;
}
.media-image-user-profile .gallery-item .details .details_inner a { 
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-size: 24px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    transition: opacity 0.4s ease, transform 0.4s ease;
    font-weight: 600;
    letter-spacing: 0.1rem;
    line-height: 0;
    text-decoration: none;
    padding-left: 10px;
    text-transform: uppercase;
}
.media-image-gallery .gallery-item img {
    height: 450px;
    object-fit: cover;
    width: 100%;
}
@media (max-width: 960px) and (min-width: 658px){
    .media-image-gallery .gallery-item {
        width: 50% !important;
    }
    .media-image-gallery .gallery-item .details .details_inner h4{
        font-size: 20px;
        width: 100%;
    }
    .media-image-gallery .gallery-item .details .details_inner_box{
        padding-bottom: 75px;
    }
}    
@media screen and (max-width: 658px){
    .media-image-gallery .gallery-item {
        width: 100% !important;
    }
    .media-image-gallery .gallery-item .details .details_inner h4{
        font-size: 20px;
        width: 100%;
    }
    
    .media-image-gallery .gallery-item .details .details_inner_box{
        padding-bottom: 75px;
    }
    
}