body{ font-family: 'Poppins', sans-serif; font-weight:normal; margin:0; padding:0; }
ul, li{ list-style:none; margin:0; padding:0; }
ul.square_bullets li { list-style-type: square; }

a, a:focus, a:hover{ text-decoration:none; outline:none; }


@media screen and (min-width:1366px){
  .container{ max-width:1305px}
}
@media screen and (min-width:1920px){
  .container{ max-width:1305px}
}
@media screen and (min-width:2560px){
  .container{ max-width:1305px}
}
@media screen and (min-width:3440px){
  .container{ max-width:1305px}
}
/*====== Forgot Pass Magnific Popup =============*/


.mid-box.featured_event {
	border: 2px solid #000;
	position: relative;
	overflow: hidden;
}

.ribon{ position:absolute; right:-40px; top:22px; width:150px; background:#85b30a; color:#fff; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); letter-spacing:0.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); font-size:13px; line-height:14px; font-weight:600; text-align:center; text-transform:uppercase; padding:7px 0;  }






/* .wp-editor-area{ font-family: 'Oswald', sans-serif !important; } */
.wp-editor-area {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 400 !important;
  font-size: 14px !important;
}
#tinymce{ font-family: Arial !important; }


.wickedpicker{ z-index:99; }
.forgot_pass_popup { position:relative; background:#FFF; padding:20px; width:auto; max-width:500px; margin:0 auto; } 
.forgot_pass_popup label{ color:#031519; font-size:14px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:800; margin:0 0 10px; }
.forgot_pass_popup .form-control{ font-size:15px; height:48px; background:#f5f6f6; border:1px solid rgba(0,0,0,0.07); }
.forgot_pass_popup .send_btn{ padding:0; margin:15px 0 0; }
.forgot_pass_popup .send_btn input{ background:#039be5; border:none; color:#fff; text-transform:uppercase; border-radius:5px;cursor: pointer; font-weight:600; padding:10px 20px; }
.success{ font-family: 'Poppins', sans-serif !important; font-size:14px !important; font-weight:400 !important; text-transform:capitalize !important; color:green !important; }
label.error{ font-family: 'Poppins', sans-serif !important; font-weight:400 !important; text-transform:capitalize !important; color:red !important; }
p.error{ font-family: 'Poppins', sans-serif !important; font-size:14px !important; font-weight:400 !important; text-transform:capitalize !important; color:red !important; }

ul.the_champ_login_ul li{ float:none !important; }
.the_champ_login_ul{ padding-top:20px !important; }





.add_race .block.date_icon{ position:relative; }
.add_race .block.date_icon:after{ position:absolute; content:'\f073'; font-family:fontawesome; right:15px; top:45px; pointer-events:none; }

.add_team .block.date_icon{ position:relative; }
.add_team .block.date_icon:after{ position:absolute; content:'\f073'; font-family:fontawesome; right:15px; top:45px; pointer-events:none; }


.logged-in-as{ display: none;  }


.mobile_menu{ display:none; }

/*==== Login Header ====*/
.custom-header{ padding:20px 0; margin:0; }
.custom-header .logo{ width:249px; height:auto; padding:0; margin:0; }
.custom-header .logo a{ display:block; padding:0; margin:0; }
.custom-header .logo a img{ width:100%; height:auto; }

/*==== Header Start ====*/
.navbar-default{ position:sticky; top:0; background:#fff; box-shadow:1px 1px 17px 0px #8080804d; padding:20px 0; margin:0; transition:all 0.6s; z-index:99988; }
.navbar-default .logo{ width:200px; height:auto; padding:0; margin:0; }
.navbar-default .logo a{ display:block; padding:0; margin:0; }
.navbar-default .logo a img{ width:100%; height:auto; }
.navbar-default .nav-bar{ padding:0; margin:0; }
.navbar-default .nav-bar ul li{ font-size:15px; line-height:1.2; font-weight:500; display:inline-block; padding:0; margin:0; }
.navbar-default .nav-bar ul li a{ color:#031519; margin-right:30px; transition:all 0.6s; }
.navbar-default .nav-bar ul li:last-child a{ margin-right:0; }
.navbar-default .nav-bar ul li a i{ font-size:19px; color:#959c9e; transition:all 0.6s; }
.navbar-default .nav-bar ul li a:hover{ color:#039be5; }
.navbar-default .nav-bar ul li a:hover i{ color:#039be5; }

@media screen and (min-width:767px){
.navbar-default.navbar-shrink { -webkit-animation:navFadeIn 1s; animation:navFadeIn 1s; box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.1); }
}

/*@keyframes navFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}*/

/*==== Home Page Start ====*/
.home_main{ background:#f6f6f8; padding:0; margin:0; }
.home_main .inn-wrap{ display:flex; flex-wrap:wrap; padding:0; margin:0; }
.home_main .inn-wrap .recent{ width:22%; padding:20px 0 0; margin:0; }

.home_main .inn-wrap .recent h2{ font-family: 'Oswald', sans-serif; font-size:20px; line-height:1.2; color:#031519; font-weight:700; text-transform:uppercase; padding:0; margin:0; }
.home_main .inn-wrap .recent h3{ font-size:14px; line-height:1.2; color:#646f72; font-weight:700; text-transform:uppercase; padding:20px 0 0; margin:0; }
.home_main .inn-wrap .recent .recent-box{ display:flex; align-items:center; padding:0; margin:13px 0; }
.home_main .inn-wrap .recent .recent-box .img{ width:55px; height:55px; overflow:hidden; border-radius:50%; padding:0; margin:0; }
.home_main .inn-wrap .recent .recent-box img{ width:100%; height:100%; object-fit:cover; object-position:top; }
.home_main .inn-wrap .recent .recent-box .text{ width:calc(100% - 55px); padding:0 40px 0 10px; margin:0; }
.home_main .inn-wrap .recent .recent-box .text p{ font-size:13px; line-height:1.2; color:#4d4d4d; font-weight:400; padding:0; margin:0; }
.home_main .inn-wrap .recent .recent-box .text p a{ color:#039be5; }

.home_main .upcoming-race{ width:56%; background:#ececee; padding:20px 22px 70px 22px; margin:0; }
.home_main .upcoming-race h2{ font-family: 'Oswald', sans-serif; font-size:20px; line-height:1.2; color:#031519; font-weight:700; text-transform:uppercase; padding:0 0 20px; margin:0; }
.mid-box{ display:flex; flex-wrap:wrap; background:#fff; border-radius:12px; padding:10px; margin:0 0 18px; }
.mid-box .upcomm_img{ width:20%; padding:0; margin:0; }
.mid-box .img{ height:190px; }
.mid-box .img img{ width:100%; height:100%; object-fit:cover; object-position:top; border-radius:10px; }

.mid-box .raceimg{ height:60px; width:60px;}
.mid-box .raceimg img{ width:100%; height:100%; object-fit:cover; object-position:top; border-radius:10px; }

.mid-box .desc{ width:55%; border-right:1px solid #dcdcdc8c; padding:0 25px 0 0; margin:0; }
.mid-box .desc a.coast{ font-size:14px; line-height:1.2; color:#039be5; font-weight:500; background:#e5f5fc; border-radius:5px; display:inline-block; padding:5px 10px; margin:0 0 5px; }
.mid-box .desc a.title{ font-family: 'Oswald', sans-serif; font-size:14px; color:#031519; font-weight:700; text-transform: uppercase; display:block; margin:11px 0; padding:0; }
.mid-box .desc h4{ font-size:14px; line-height:1.2; color:#646f72; font-weight:600; margin:0 0 15px; padding:0; }
.mid-box .desc p{ font-size:14px; line-height:20px; color:#4d4d4d; font-weight:400; margin:0; padding:0; }
.mid-box .athlon{ width:20%; text-align:center; padding:0 5px; margin:0; }
.mid-box .athlon img{ max-width:100%; height:auto; }
.mid-box .athlon h5{ font-size:14px; line-height:1.2; color:#4d4d4d; font-weight:600; margin:10px 0 0; padding:0; }

.home_main .inn-wrap .new-race{ width:22%; padding:20px 0 0 30px; margin:0; }
.home_main .inn-wrap .new-race h2{ font-family: 'Oswald', sans-serif; font-size:20px; line-height:1.2; color:#031519; font-weight:700; text-transform:uppercase; padding:0 0 20px; margin:0; }
.main-near-clum{ background:#fff; box-shadow: 1px 1px 20px 0px #8080801a; border-radius:10px; overflow:hidden; margin:0 0 20px; padding:0; }
.main-near-clum .near_img{ /* height:190px; */ padding:0; margin:0; }
.main-near-clum .near_img img{ width:100%; height:100%; object-fit:cover; object-position:top; }
.main-near-clum .near_content{ padding:20px; margin:0; }
.main-near-clum .near_content h3{ font-family: 'Oswald', sans-serif; font-size:14px; font-weight:700; text-transform: uppercase; padding:0; margin:0 0 10px; }
.main-near-clum .near_content h3 a{ display:block; color:#031519; transition:all 0.6s; }
.main-near-clum .near_content h3 a:hover{ color:#039be5; }
.main-near-clum .near_content h4{ font-size:14px; color:#646f72; font-weight:600; padding:0; margin:0; }
.main-near-clum .near_content h4 i{ padding-right:5px; }
.main-near-clum .near_content .going li{ font-size:12px; color:#4d4d4d; font-weight:400; padding:12px 0 0; display:inline-block; padding:8px 8px 8px 0;}
.main-near-clum .near_content .going li i{ font-size:8px; padding-right:5px; color:#6c757d7a; }
.main-near-clum .near_content ul.inter-going li{ text-transform:uppercase; font-weight:600; font-size:13px; display:inline-block; }
.main-near-clum .near_content ul.inter-going li a{ color:#4d4d4d; display:inline-block; background:#e4e4e499; padding:3px 23px; border-radius:5px; transition:all 0.6s; }
.main-near-clum .near_content ul.inter-going li a:hover{ color:#fff; background:#039be5; }

.main-near-clum .near_content .intersted span{ font-size:14px; line-height:1.2; color:#4d4d4d; font-weight:600; margin:0; padding:0; }









/*==== Login Start ====*/
.login-sec{ width:36%; background:#fff; box-shadow:1px 2px 17px 0px #8080804d; border-radius:24px; margin:70px auto 20px; padding:38px 37px; }
.login-sec p{ color:#4d4d4d; font-size:14px; list-style:square; text-align:center; padding:12px 0 0; margin:0; }
.login-sec h2{ font-family: 'Oswald', sans-serif; font-size:40px; color:#031519; text-align:center; text-transform:uppercase; font-weight:800; margin:0; }
.login-sec .field_box{ padding:0; margin:0; }
.login-sec .field_box .form-control{ font-size:15px; height:48px; background:#f5f6f6; border:0; }
.login-sec label{ color:#031519; font-size:14px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:800; margin:0; }
.login-sec .reg-btn{ width:100%; position:relative; padding:0; margin:30px 0 0; }
.login-sec .reg-btn button{ background:#039be5; border:none; color:#fff; width:100%; text-transform:uppercase; border-radius:5px;cursor: pointer; font-weight:600; padding:10px 0px; }
.login-sec .reg-btn i{ position:absolute; right:29px; top:14px; cursor:pointer; }
.login-sec .social-login ul{ text-align:center; padding:0; margin:17px 0 0; }
.login-sec .social-login ul li{ display: inline-block; padding:6px 1px; }
.login-sec .social-login ul li i{ width:35px; height:35px; border-radius:50%; padding:10px 2px; }
.login-sec .social-login ul li i.fa.fa-facebook-f{ background:#e7ebf3; color:#3c599b; }
.login-sec .social-login ul li i.fa.fa-google-plus{ background:#fbe9e7; color:#db4a37; }
.login-sec .social-login ul li i:hover{ color:white !important; background:#039be5 !important; }
.login-sec p.sin-text{ text-align:center; font-weight:600; }
.login-sec a.forgot{ font-family: 'Oswald', sans-serif; color:#039be5; font-size:14px; text-transform:uppercase; font-weight:600; display:block; text-align:right; }

/*==== Add a Race Start ====*/
.add-race{ background:#f6f6f8; padding:40px 0 0; margin:0; }
.add-race .img-block{ padding:0; margin:0; }
.add-race .img-block img{ width:100%; height:auto; }
.add-race .text-block{ padding:0 0 0 20px; margin:0; }
.add-race .text-block h2{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 30px; }
.add-race .text-block .block{ margin-bottom:25px; position:relative; }
.add-race .text-block .block label{ font-family: 'Oswald', sans-serif; font-size:14px; line-height:1.2; color:#031519; font-weight:700; text-transform: uppercase; padding:0; margin:0 0 8px; }
.add-race .text-block .block .form-control{ font-size:14px; height:48px; background:#eaebed; border:0; }
.add-race .text-block .block textarea.form-control{ height:185px; resize:none; }
.add-race .text-block .block .joiin-btn{ width:100%; height:48px; font-size:16px; line-height:1.2; color:#fff; background:#039be5; border:0; border-radius:5px; padding:0; margin:27px 0 0; transition:all 0.6s; }
.add-race .text-block .block .joiin-btn:hover{ background:#0486c5; }
.add-race .text-block .block.select-af:before{ position:absolute; content:""; width:16px; height:10px; background:url(../images/home_language.png) no-repeat; background-size:14px; right:15px; top:45px; pointer-events:none; }


/*==== Add a Team Start ====*/
.add-team{ background:#f6f6f8; padding:40px 0 0; margin:0; }
.add-team .img-block{ padding:0; margin:0; }
.add-team .img-block img{ width:100%; height:auto; }
.add-team .text-block{ padding:0 0 0 20px; margin:0; }
.add-team .text-block h2{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 30px; }
.add-team .text-block .block{ margin-bottom:25px; position:relative; }
.add-team .text-block .block label{ font-family: 'Oswald', sans-serif; font-size:14px; line-height:1.2; color:#031519; font-weight:700; text-transform: uppercase; padding:0; margin:0 0 8px; }
.add-team .text-block .block .form-control{ font-size:14px; height:48px; border:0; }
.add-team .text-block .block textarea.form-control{ height:185px; resize:none; }
.add-team .text-block .block .joiin-btn{ width:100%; height:48px; font-size:16px; line-height:1.2; color:#fff; background:#039be5; border:0; border-radius:5px; padding:0; margin:27px 0 0; transition:all 0.6s; }
.add-team .text-block .block .joiin-btn:hover{ background:#0486c5; }
.add-team .text-block .block.select-af:before{ position:absolute; content:""; width:16px; height:10px; background:url(../images/home_language.png) no-repeat; background-size:14px; right:15px; top:45px; pointer-events:none; }



/*==== Search Race Start ====*/
.find-race{ background:#f6f6f8; padding:70px 0 0; margin:0; }
.find-race h1{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }
.find-race h2{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }

.find-race .search_input_box{ display:grid; grid-template-columns:repeat(5, 1fr); grid-column-gap:10px; }

.find-race .block{ margin-bottom:25px; position:relative; }
.find-race .block label{ font-family: 'Oswald', sans-serif; font-size:14px; line-height:1.2; color:#031519; font-weight:700; text-transform: uppercase; padding:0; margin:0 0 8px; }
.find-race .block .form-control{ font-size:14px; height:48px; background:#eaebed; border:0; }
.find-race .block .sea_btn{ width:100%; height:48px; font-size:18px; line-height:1.2; color:#fff; font-weight:600; text-transform:uppercase; background:#039be5; border:0; border-radius:5px; padding:0; margin:27px 0 0; transition:all 0.6s; }
.find-race .block .sea_btn:hover{ background:#0486c5; }
/*.find-race .block.select-af:before{ position:absolute; content:""; width:16px; height:10px; background:url(../images/home_language.png) no-repeat; background-size:14px; right:15px; top:45px; pointer-events:none; }*/
.search-race{ position:relative; background:#f6f6f8; padding:55px 0 0; margin:0; }
/* .search-race:after{ position:absolute; content: ""; background:url(../images/man-raning-right.png) no-repeat right bottom; width:100%; height:100%; right:0; bottom:0; pointer-events:none; } */
.search-result{ /*height:600px; overflow-y:scroll; */ padding:0 15px 0 0; margin:0; }
.search-result::-webkit-scrollbar{ width:4px; background:#031519; }
.search-result::-webkit-scrollbar-thumb{ border:3px solid #039be5; }

/*==== Profile Start ====*/
.profile{ position:relative; z-index:1; background:#f6f6f8; padding:40px 0; margin:0; }
.profile:before{ position:absolute; content:""; width:451px; height:711px; left:0; top:30px; pointer-events:none; z-index:-1; }
.profile .pro-img{ position:relative; width:350px; height:350px; border:6px solid #808080; box-shadow:5px 0 10px 0 rgba(0,0,0,0.2); border-radius:50%; padding:0; margin:20px auto 0; }
.profile .pro-img img{ width:100%; height:100%; border-radius:50%; object-fit:cover; object-position:top; }
.profile .pro-img .prof_btn{ position:absolute; right:30px; bottom:-10px; width:90px; height:90px; background:#50b5ff; border:0; border-radius:50%; color:#fff; font-size:30px; }

.profile .publicurl{font-size: 14px;background: #D3D3D3;border: 0;padding: 20px 20px 20px 20px;border-radius: 5px;}

.profile h2{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }
.top-block{ display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:20px; }

.profile .block{ margin-bottom:15px; position:relative; }
.profile .block label{ font-family: 'Oswald', sans-serif; font-size:18px; line-height:1.2; color:#031519; font-weight:500; text-transform: uppercase; display:block; padding:0; margin:0 0 8px; }
.profile .block span.gender{ border:1px solid #ddd7d7; padding:4px 8px; display:inline-block; }
.profile .block span.gender input{ margin-right:5px; }
.profile .block .form-control{ font-size:14px; height:48px; background:#eaebed; border:0; }
.profile .block textarea.form-control{ height:138px; resize:none; }
.profile .setting-btn .save-set{ font-size:18px; line-height:1.2; color:#fff; font-weight:600; text-transform:uppercase; background:#039be5; border:0; border-radius:5px; padding:12px 110px; margin:0; transition:all 0.6s; }
.profile .setting-btn .save-set:hover{ background:#0486c5; }
.profile .pass-btn{ padding:0; margin:27px 0 0; }

.profile .change-password{ border-top:1px dashed #808080; padding:30px 0 0; margin:40px 0 0; }
.profile .change-password h3{ font-family: 'Oswald', sans-serif; font-size:30px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }
.profile .pass-btn .chng-btn{ width:100%; height:48px; font-size:16px; line-height:1.2; color:#fff; font-weight:600; text-transform:uppercase; background:#039be5; border:0; border-radius:5px; padding:0; margin:0; transition:all 0.6s; }
.profile .pass-btn .chng-btn:hover{ background:#0486c5; }

.profile .social-links{ border-top:1px dashed #808080; padding:30px 0 0; margin:40px 0 0; }
.profile .social-links h3{ font-family: 'Oswald', sans-serif; font-size:30px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }
.profile .pass-btn .chng-btn{ width:100%; height:48px; font-size:16px; line-height:1.2; color:#fff; font-weight:600; text-transform:uppercase; background:#039be5; border:0; border-radius:5px; padding:0; margin:0; transition:all 0.6s; }
.profile .pass-btn .chng-btn:hover{ background:#0486c5; }



.block.follow #flw_btn{ background: #0582bf; }

ul.author_events_ul_tab{ padding:0; margin:0 0 20px; }
ul.author_events_ul_tab li{ font-size: 16px; line-height: 1.2; font-weight:400; display:inline-block; }
ul.author_events_ul_tab li a{ color:#fff; display:inline-block; background:#039be5; border-radius:5px; padding:10px 20px; }
ul.author_events_ul_tab li a.active{ background:#0582bf; }

.author_events{ display:none; }
.author_events.active{ display:block; }

.topborderdottedline {
    border-top: 1px dashed #80808099;
    padding: 30px 0 0;
/*    margin: 40px 0 0; */
}




/*==== Race Calendar Start ====*/
.race_calendar{ background:#f6f6f8; padding:70px 0 50px; margin:0; }
.race_calendar .text-block{ padding:0; margin:0; }
.race_calendar .text-block .title{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin:0; }
.race_calendar h1{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }

/*==== Race Calendar End ====*/







/*==== Race Detail Start ====*/

.race_detail{ background:#f6f6f8; padding:70px 0 50px; margin:0; }
.race_detail .text-block{ padding:0; margin:0; }
.race_detail .text-block .title{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin:0; }
.race_detail .text-block h1{ width:60%; font-family: 'Oswald', sans-serif; font-size:30px; line-height:1.2; color:#031519; font-weight:700; text-transform: uppercase; padding:0; margin:0 0 25px; }
.race_detail .text-block h2{ width:60%; font-family: 'Oswald', sans-serif; font-size:30px; line-height:1.2; color:#031519; font-weight:700; text-transform: uppercase; padding:0; margin:0 0 25px; }


.race_detail .subm_by{ display:flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:5px; padding:20px 30px; margin:0 0 15px; }
.race_detail .subm_by span{ width:150px; font-size:14px; line-height:1.2; color:#031519; font-weight:700; text-transform:uppercase; padding:0; margin:0; }
.race_detail .subm_by span i{ margin-right:8px; }
.race_detail .subm_by .user_pnl{ display:flex; align-items:center; padding:0; margin:0;  }
.race_detail .subm_by .user_pnl .img{ width:50px; height:50px; border: 1px solid #fff; border-radius:50%; overflow:hidden; background:#fff; padding:0; margin:0; }
.race_detail .subm_by .user_pnl .img img{ object-fit:cover; object-position:top; width:100%; height:100%; }
.race_detail .subm_by .user_pnl .text{  padding:0 15px 0 15px; margin:0; }
.race_detail .subm_by .user_pnl .text h3{ font-size:16px; line-height:1.2; font-weight:400; color:#5d5d5d; padding:0; margin:0; }

.race_detail .text-block .inn-txt{ background:#fff; border-radius:5px; padding:30px; margin:0; }
.race_detail .text-block .inn-txt .event_creator{ border-bottom:1px solid #efeff0; padding:0 0 20px; margin:0 0 20px; }
.race_detail .text-block .inn-txt .event_creator ul li{ font-size:14px; line-height:1.2; color:#031519; font-weight:400; padding:0; margin:0; }
.race_detail .text-block .inn-txt .event_creator ul li span{ width:22%; display:inline-block; font-weight:700; }
.race_detail .text-block .inn-txt .event_creator ul li i{ font-size:18px; margin-right:10px; text-align: center; }


.race_detail .text-block .inn-txt .row_hold{ border-bottom:1px solid #efeff0; padding:0 0 30px; margin:0 0 30px; }
.race_detail .text-block .inn-txt ul.race-76 li{ font-size:14px; line-height:1.2; color:#031519; font-weight:400; padding:0; margin:0 0 8px; }
.race_detail .text-block .inn-txt ul.race-76 li i{ width:20px; font-size:16px; margin-right:10px; text-align: center; }
.race_detail .text-block .inn-txt ul.race-76 li span{ width:21%; display:inline-block; font-weight:700; text-transform:uppercase; }
.race_detail .text-block .inn-txt h3{ font-family: 'Oswald', sans-serif; font-size:22px; line-height:1.2; color:#031519; font-weight:700; text-transform: uppercase; padding:0; margin:0 0 15px; }

.race_detail .text-block .inn-txt p{ font-size:15px; line-height:25px; color:#4d4d4d; font-weight:400; padding:0; margin:0 0 25px; }
.race_detail .text-block .inn-txt h4{ display:flex; align-items:center; flex-wrap:wrap; font-size:14px; line-height:1.2; color:#039be4; font-weight:400; padding:15px 0; margin:0 0 10px; }
.race_detail .text-block .inn-txt h4 img{ margin-right:10px; }
.race_detail .text-block .inn-txt h4 span{ width:13%; display:inline-block; color:#000; font-weight:700; text-transform:uppercase; }
.race_detail .text-block .inn-txt h5{ font-family: 'Oswald', sans-serif; font-size:22px; line-height:1.2; color:#000; font-weight:700; margin:0 0 20px; padding:0; }
.race_detail .text-block .inn-txt .ad_all_links{ font-family: 'Poppins', sans-serif; font-size:14px; line-height:1.2; color:#039be4; font-weight:400; border-bottom:1px solid #efeff0; padding:15px 0; margin:0; }
.race_detail .text-block .inn-txt .ad_all_links span{ color:#000; }

.race_detail .text-block .inn-txt .multiple-clint-imge{ display:flex; flex-wrap:wrap; align-items:center; padding:0; margin:0 0 20px; }
.race_detail .text-block .inn-txt .multiple-clint-imge h5{ width:45%; font-size:14px; line-height:1.2; color:#031519; font-weight:600; text-transform:uppercase; padding:0; margin:0; }
.race_detail .text-block .inn-txt .multiple-clint-imge ul li{ width:52px; height:52px; display:inline-block; padding:0; margin:0 0 0 -15px; }
.race_detail .text-block .inn-txt .multiple-clint-imge ul li img{ width:100%; height:100%; border:3px solid #fff; border-radius:50%; object-fit:cover; object-position:top; }
.race_detail .lv-comments{ padding:0; margin:0; }
.race_detail .lv-comments #reply-title{ display:none; }
.race_detail .lv-comments h2{ font-family: 'Oswald', sans-serif; font-size:22px; line-height:1.2; color:#031519; font-weight:700; text-transform: uppercase; padding:0; margin:15px 0 25px; }
.race_detail .lv-comments .block{ display:flex; padding:0; margin:0 0 15px; }
.race_detail .lv-comments .block .user-icn{ background:rgba(0,0,0,0.05); width: 55px; height: 55px; overflow: hidden; border-radius: 50%; padding: 0; margin: 0 15px 0 0; }
.race_detail .lv-comments .block .user-icn img{ width: 100%; height: 100%; object-fit: cover; object-position: top; }
.race_detail .lv-comments .block #respond{ width:calc(100% - 55px); }
.race_detail .lv-comments textarea#comment{ width:100%; height:135px; background:#fff; border:1px solid rgba(0,0,0,0.1); resize:none; }
.race_detail .lv-comments .form-submit{ text-align:right; padding:0; margin:15px 0 0; }
.race_detail .lv-comments .form-submit .add-btn{ font-size:14px; line-height:1.2; color:#fff; font-weight:700; text-transform: uppercase; background:#039be5; border:0; border-radius:5px; transition:all 0.6s; padding:12px 20px; margin:0; }
.race_detail .lv-comments .form-submit .add-btn:hover{ background:#0977ac; }

.race_detail .result-pnl{ border-top:1px solid rgba(0,0,0,0.1); padding:30px 0 0; margin:40px 0 0; }
.race_detail .result-pnl .box{ display:flex; padding:0; margin:0 0 25px; }
.race_detail .result-pnl .box .img{ width:60px; height:60px; background:rgba(0,0,0,0.05); border-radius:50%; overflow:hidden; padding:0; margin:0; }
.race_detail .result-pnl .box .img img{ width:100%; height:100%; object-fit:cover; object-position:top; }
.race_detail .result-pnl .box .text{ width:calc(100% - 60px); padding:0 0 0 20px; margin:0; }
.race_detail .result-pnl .box .text ul{ padding-bottom:5px; }
.race_detail .result-pnl .box .text ul li{ font-size:14px; line-height:1.2; font-weight:500; color:#039be5; display:inline-block; }
.race_detail .result-pnl .box .text ul li:last-child{ color:#031519; }
.race_detail .result-pnl .box .text p{ font-size:14px; line-height:1.2; font-weight:400; color:#031519; padding:0; margin:0; }

.join_race .join_race_btn{ font-size: 15px; background: #039be5; border: 1px solid #039be5; }
.join_race .join_race_btn:hover{ background: #0977ac; border: 1px solid #0977ac; }

.join_race .remove_race_btn{ font-size: 15px; background: #dcdcdc; border: 1px solid #dcdcdc; color: #031519; }
.join_race .remove_race_btn:hover{ background: #dcdcdc; border: 1px solid #dcdcdc; }

/*==== Find Friends ====*/

.all-friend.suggest {
    margin-top: 22px;
}
/* .media-modal-content{
    top: 100px;
} */


.find_friends{ background-size:cover; padding:70px 0 0; margin:0; }
.find_friends h1{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }
.find_friends .inner{ width:80%; margin:0 auto; padding:0; }
.find_friends .inner .find-box{ background:#fff; border-radius:20px; margin:0; padding:50px 40px; }
.find_friends .inner .find-box h2{ font-family: 'Oswald', sans-serif; font-size:35px; color:#031519; font-weight:700; text-transform:uppercase; text-align:center; margin:0 0 20px; padding:0; }
.find_friends .inner .find-box p{ font-size:16px; line-height:20px; color:#039be5; font-weight:400; text-align:center; margin:0; padding:0; }
.find_friends .inner .find-box .search-bar{ margin:40px 0; padding:0; }
.find_friends .inner .find-box .search-bar form{ display:flex; }
.find_friends .inner .find-box .search-bar .form-control{ font-size:14px; height:55px; background:#fff; border:1px solid rgba(0,0,0,0.09); border-radius:5px 0 0 5px; box-shadow: none; }
.find_friends .inner .find-box .search-bar .sea_btn{ width:30%; height:55px; font-size:18px; line-height:1.2; color:#fff; font-weight:600; text-transform:uppercase; background:#039be5; border:0; border-radius:0 5px 5px 0; padding:0; margin:0; transition:all 0.6s; }
.find_friends .inner .find-box .search-bar .sea_btn:hover{ background:#0486c5; }
.find_friends .inner .recent-search{ padding:0; margin:0; }
.find_friends .inner .recent-search h3{ font-size:20px; color:#5d5d5d; font-weight:400; text-transform:capitalize; margin:0 0 30px; padding:0; }
.find_friends .inner .find-box .block{ display:flex; align-items:center; padding:0; margin:0 0 15px; }
.find_friends .inner .find-box .block .lt-side{ width:86%; padding:0; margin:0; }
.find_friends .inner .find-box .block .lt-side a{ display:flex; align-items:center; }
.find_friends .inner .find-box .block .lt-side .img{ width:55px; height:55px; border: 1px solid #fff; border-radius:50%; overflow:hidden; padding:0; margin:0; }
.find_friends .inner .find-box .block .lt-side .img img{ object-fit:cover; object-position:top; width: 100%;}
.find_friends .inner .find-box .block .lt-side .text{ width:calc(100% - 55px); padding:0 15px 0 15px; margin:0; }
.find_friends .inner .find-box .block .lt-side .text h4{ font-size:16px; line-height:1.2; font-weight:500; color:#5d5d5d; display:block; }
.find_friends .inner .find-box .block .rt-side{ width:5%; text-align:center; padding:0; margin:0; }
.find_friends .inner .find-box .block .rt-side a.close{ font-size:15px; line-height:1.2; font-weight:500; color:#5d5d5d; display:block; }
.find_friends .inner .all-friend{ background:#f6f6f7; border-radius:20px; padding:50px 40px; }
.find_friends .inner .all-friend h2{ font-family: 'Oswald', sans-serif; font-size:25px; color:#031519; font-weight:700; text-transform:uppercase; margin:0 0 20px; padding:0; }

.find_friends .inner .all-friend .box{ padding:0; margin:0 0 15px; display: flex; justify-content: space-between; }
.find_friends .inner .all-friend .box a{ display:flex; align-items:center; }
.find_friends .inner .all-friend .box .img{ width:55px; height:55px; border: 1px solid #fff; border-radius:50%; overflow:hidden; background:#fff; padding:0; margin:0; }
.find_friends .inner .all-friend .box .img img{ object-fit:cover; object-position:top; width: 100%; }
.find_friends .inner .all-friend .box .text{ width:calc(100% - 55px); padding:0 15px 0 15px; margin:0; }
.find_friends .inner .all-friend .box .text h4{ font-size:16px; line-height:1.2; font-weight:500; color:#5d5d5d; display:block; }

.find_friends .close .flw_btn { background: #039be5; }
.find_friends_small_text { font-size:12px;font-weight:500;}


body.page-template-tpl-event-calender{ background:#ececee; }
#event_calender{ width:85%; background:#fff; box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.15); padding:40px 25px; border-radius:10px; margin:20px auto; }
/* #event_calender_info{ width:85%; padding:0px; margin:0px auto; } */
.all_events{ width:85%; margin:0 auto 50px; }


/*==== Footer Start ====*/
.footer-copyright{ background:#fff; text-align:center; padding:25px 0; margin:0; }
.footer-copyright p{ font-family: 'Oswald', sans-serif; font-size:15px; color:#031519; text-transform:uppercase; font-weight:800; margin:0; padding:0; }

/*==== Dashboard Start ====*/
.dashboard{ display:flex; flex-wrap:wrap; background:#f6f6f8; padding:0; margin:0; }
.dashboard .sidebar{ width:240px; background:#2a3c4d; }
.dashboard .sidebar .logo{ background:#039be5; padding:10px 20px; margin:0; }
.dashboard .sidebar .logo a{ display:block; }
.dashboard .sidebar .logo a img{ width:100%; height:auto; }
.dashboard .sidebar .side-nav{ padding:0; margin:0; }
.dashboard .sidebar .side-nav ul li{ font-family: 'Oswald', sans-serif; font-size:18px; line-height:1.2; font-weight:400; letter-spacing:1px; text-transform:uppercase; }
.dashboard .sidebar .side-nav ul li a{ color:#fff; padding:12px 20px; display:block; transition:all 0.6s; }
.dashboard .sidebar .side-nav ul li a i{ padding-right:10px; }
.dashboard .sidebar .side-nav ul li a.active-a{ background:rgba(70, 85, 101,.9); }
.dashboard .sidebar .side-nav ul li a:hover{ background:rgba(70, 85, 101,.9); }

/*.dashboard .main-content{ width:calc(100% - 240px); padding:40px 30px; margin:0; min-height:100vh; }*/
.dashboard .main-content{ width:100%; padding:40px 30px; margin:0; min-height:100vh; }
.dashboard .main-content .tab{ display:none; }
.dashboard .main-content .tab.tab-active{ display:block; }
.dashboard .all-events{ padding:0; margin:0; }
.dashboard .all-events > h2{ font-family: 'Oswald', sans-serif; font-size:20px; line-height:1.2; font-weight:600; letter-spacing:1px; text-transform:uppercase; padding:0 0 20px; margin:0; }
.dashboard .all-events .tab-nav{ display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid rgba(0,0,0,0.1); padding:0; margin:0 0 20px; }
.dashboard .all-events .tab-nav ul li{ font-size:16px; line-height:1.2; font-weight:400; text-transform:uppercase; display:inline-block; padding:0; margin:0; }
.dashboard .all-events .tab-nav ul li a{ position:relative; font-size:13px; line-height:1.2; font-weight:400; color:#3f576e; display:inline-block; padding:14px 15px; }
.dashboard .all-events .tab-nav ul li a.active-a{ color:#007FD0; }
.dashboard .all-events .tab-nav ul li a.active-a:after{ position:absolute; content:""; width:100%; height:2px; background:#007FD0; left:0; bottom:0; }
.dashboard .all-events .tab-nav .add-btn{ padding:0; margin:0; }
.dashboard .all-events .tab-nav .add-btn a{ font-size:16px; line-height:1.2; font-weight:400; color:#fff; text-transform:uppercase; background:#039be5; border-radius:5px; display:inline-block; padding:10px 20px; margin:0; }
.dashboard .all-events .tab-cont{ padding:0; margin:0; }
.dashboard .all-events .tab-cont .ev-box{ display:none; padding:0; margin:0; }
.dashboard .all-events .tab-cont .ev-box.tab-active{ display:block; }

.dashboard .all-events .main-event{ background:#fff; border-radius:10px; padding:0; margin:0; }
.dashboard .all-events .main-event .event-box{ display:flex; flex-wrap:wrap; border-bottom:1px solid rgba(0,0,0,0.05); padding:0; margin:0; }
.dashboard .all-events .main-event .event-box .block{ width:20%; margin:0; padding:0; }
.dashboard .all-events .main-event .event-box:nth-child(1) .block h2{ display:block; }
.dashboard .all-events .main-event .event-box .block h2{ display:none; font-size:12px; line-height:1.2; font-weight:500; color:#8697a8; text-transform:uppercase; background:#eef2f4; padding:15px 10px; margin:0; }
.dashboard .all-events .main-event .event-box .block .text{ padding:15px 10px; margin:0; }
.dashboard .all-events .main-event .event-box .block .text p{ font-size:12px; line-height:1.2; font-weight:500; color:#333;padding:0; margin:0; }
.dashboard .all-events .main-event .event-box .block .text a{ font-size:14px; line-height:1.2; font-weight:500; color:#333;padding:0; margin:0; }
.dashboard .all-events .main-event .event-box .block .text a span{ display:block; }
.dashboard .all-events .main-event .event-box .block .text ul li{ font-size:12px; line-height:1.2; font-weight:500; display:inline-block; padding:0; margin:0; }
.dashboard .all-events .main-event .event-box .block .text ul li a{ color:#fff; display:inline-block; border-radius:5px; padding:8px 10px; margin:0; }
.dashboard .all-events .main-event .event-box .block .text ul li.edit a{ background:#26ae97; color: #fff;}
.dashboard .all-events .main-event .event-box .block .text ul li.delete a{ background:#ff9b8a; color: #fff;}

.add_race{ padding:0 0 20px; margin:0; }
.add_race h2{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; font-weight:800; color:#031519; text-transform:uppercase; margin:0 0 20px; padding:0; }
.add_race .block{ margin-bottom:15px; }
.add_race .block > label{ font-family: 'Oswald', sans-serif; font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.add_race .block .form-control{ font-size:14px; height:45px; background:#eaebed; border:0; }
.add_race .block .chosen-choices{ height:45px !important; background:#eaebed !important; border-radius:3px; }
.add_race .block textarea.form-control{ height:120px; resize:none; }
.add_race .joiin-btn{ width:100%; height:45px; font-size:16px; line-height:1.2; color:#fff; background:#039be5; border:0; border-radius:5px; padding:0; margin:32px 0 0; transition:all 0.6s; }
.add_race .joiin-btn:hover{ background:#0486c5; }
.add_race #add_more_reg_link{ width:100%; height:45px; font-size:16px; line-height:1.2; color:#fff; background:#039be5; border:0; border-radius:5px; padding:0; margin:32px 0 0; transition:all 0.6s; }
.add_race .remove_more_reg_link{ margin:32px 0 0; width:100%; height:45px; font-size:16px; line-height:1.2; color:#fff; }
.add_race #add_more_reg_link:hover{ background:#0486c5; }
.add_race .block .gall-sec{ background:#fff; border-radius:5px; border:1px solid #eaebed; padding:15px; margin:0; }
.add_race .block .gall-sec h2{ font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.add_race .block .gall-sec .ga-inn{ background:#F5F5F5; padding:45px 15px; border:3px dotted #dedede; text-align:center; }
.add_race .block .gall-sec .ga-inn h5{ font-size:20px; line-height:1.2; color:#b3b3b3; font-weight:400;
    padding:0 0 20px; margin:0; cursor:pointer; }
.add_race .block .gall-sec .ga-inn h5 span{ display:block; font-size:25px; }
.add_race .block .gall-sec .ga-inn a{ font-size:14px; line-height:1.2; font-weight:500; color:#008BFF; border-radius:5px; border:1px solid #008BFF; background:#fff; display:inline-block; padding:8px 14px; }


.add_team{ padding:0 0 20px; margin:0; }
.add_team h2{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; font-weight:800; color:#031519; text-transform:uppercase; margin:0 0 20px; padding:0; }
.add_team .block{ margin-bottom:15px; }
.add_team .block > label{ font-family: 'Oswald', sans-serif; font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.add_team .block .form-control{ font-size:14px; height:45px; background:#eaebed; border:0; }
.add_team .block .form-select{ font-size:14px; height:45px; background-color:#eaebed; border:0; background-repeat: no-repeat;}

.add_team .block .chosen-choices{ height:45px !important; background:#eaebed !important; border-radius:3px; }
.add_team .block textarea.form-control{ height:120px; resize:none; }
.add_team .joiin-btn{ width:100%; height:45px; font-size:16px; line-height:1.2; color:#fff; background:#039be5; border:0; border-radius:5px; padding:0; margin:32px 0 0; transition:all 0.6s; }
.add_team .joiin-btn:hover{ background:#0486c5; }
.add_team #add_more_reg_link{ width:100%; height:45px; font-size:16px; line-height:1.2; color:#fff; background:#039be5; border:0; border-radius:5px; padding:0; margin:32px 0 0; transition:all 0.6s; }
.add_team .remove_more_reg_link{ margin:32px 0 0; width:100%; height:45px; font-size:16px; line-height:1.2; color:#fff; }
.add_team #add_more_reg_link:hover{ background:#0486c5; }
.add_team .block .gall-sec{ background:#fff; border-radius:5px; border:1px solid #eaebed; padding:15px; margin:0; }
.add_team .block .gall-sec h2{ font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.add_team .block .gall-sec .ga-inn{ background:#F5F5F5; padding:45px 15px; border:3px dotted #dedede; text-align:center; }
.add_team .block .gall-sec .ga-inn h5{ font-size:20px; line-height:1.2; color:#b3b3b3; font-weight:400;
  padding:0 0 20px; margin:0; cursor:pointer; }
.add_team .block .gall-sec .ga-inn h5 span{ display:block; font-size:25px; }
.add_team .block .gall-sec .ga-inn a{ font-size:14px; line-height:1.2; font-weight:500; color:#008BFF; border-radius:5px; border:1px solid #008BFF; background:#fff; display:inline-block; padding:8px 14px; }


.gallery_image_holder{ text-align:left; margin-top:10px; }
.gallery_image_holder li{ display:inline-block; margin:0 3px 5px; position:relative; }
.gallery_image_holder li img.gallery-image{ height:300px; max-width:100%; max-height:100%; border-radius:3px; }
.remove-gallery-image{ cursor:pointer; position:absolute; top:0; left:0; background:#000; color:#fff; font-size:13px; padding:5px 6px; line-height:9px; }
.gallery_image_holder li img.featured-image{ width:300px; max-width:100%; max-height:100%; border-radius:3px; }
.remove-gallery-image{ cursor:pointer; position:absolute; top:0; left:0; background:#000; color:#fff; font-size:13px; padding:5px 6px; line-height:9px; }


.wickedpicker__controls__control-up::before { content: '\f106'; font-family: fontawesome; }
.wickedpicker__controls__control-down::before{ content: '\f107'; font-family:fontawesome; }
.wickedpicker__controls{ padding:0 !important; }
.wickedpicker__controls__control-down::after{ display:none; }

.parent_gallery_div{ margin-bottom:30px; }
.parent_gallery_div li img{ max-width:100%; object-fit:cover; object-position:top; }




/*====== Boost Popup ======*/
.event_popup_html{ width:70%; margin:0 auto; background:#fff; position:relative; padding:15px; border-radius:10px; }
.event_popup_html h3{ font-size:18px; line-height:1.2; color:#000; font-weight:500; text-align:center; padding:15px 0 0; margin:0; }
.event_popup_html .text_holder{ padding: 15px 0 0 15px; }
.event_popup_html .text_holder h3{ font-size:22px; line-height:1.2; color:#000; font-weight:600; text-align:left; padding: 0 0 20px; margin:0; }
.event_popup_html .text_holder p{ font-size:16px; line-height:24px; color:#6f6e6e; font-weight:400; padding: 0 0 20px; margin:0; }
.event_popup_html .text_holder ul li{ font-size:16px; line-height:24px; color:#6f6e6e; font-weight:400; list-style-type: disc; padding: 0 0 10px; margin:0 0 0 15px; }
.event_popup_html img.img_block{ width:100%; height:auto; }
.event_popup_html h6{ font-size:15px; line-height:1.2; color:#000; font-weight:500; border-top: 1px solid rgba(0,0,0,0.1); padding:20px 0 10px; margin:20px 0 0; }
.event_popup_html .web_code{ border-top: 1px solid rgba(0,0,0,0.1); padding:20px 0 0; margin:20px 0 0; }
.event_popup_html .web_code h5{ font-size:15px; line-height:1.2; color:#000; font-weight:500; padding:0 0 20px; margin:0; }
.event_popup_html .web_code img{ max-width:100%; height:auto; }
.event_popup_html .web_code .codes_bg{ background:#e3e2e2; padding:15px 10px; margin-bottom:10px; }

.navbar-default.remove_zindex{ z-index:0 !important; }

/* loader */
.find-race .spinner_holder{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.4); z-index:99999; opacity:0; pointer-events:none; display:flex; align-items:center; justify-content:center; }
.find-race span.spinner-border { display:none; }
.find-race .spinner_holder.active{ opacity:1; }
/* loader */

/* ============ Like and Dislike start ============= */
.like_count{ max-width:220px; display:flex; justify-content:space-around; background:#f8f9fa; border:2px solid #eceef1; text-align:center; padding:4px 4px; }
.like_count li{ display:inline-block; text-align:center; margin:0; }
.like_count li button{ font-size:18px; line-height:1.2; border: 0; background: none; /*background:#fff; border-radius:10px; border:1px solid rgba(0,0,0,0.15);*/ padding:0px; }
.like_count li span{ font-size:17px; font-weight:400; margin:0 0 0 5px; }
.like_count .green{ color:green; }
.like_count .red{ color:red; }
/* ============ Like and Dislike end ============= */

/* ============ Followers Start ============= */
.followers_section{ text-align:center; margin:30px 0 0; padding:0; }
.followers_section button{ font-size:15px; font-weight:600; color:#000; background:none; border:none !important; box-shadow:none; }
.followers_section button:hover{ background:none; color:#039be5; }
.followers_section button:focus{ box-shadow:none; background:none; color:#039be5; }


#follows_followers{ position:relative; width:30%; background:#fff; border-radius:10px; padding:40px 30px; margin:0 auto; }
#follows_followers .box_scroll{ height:400px; overflow-y:scroll; }
#follows_followers .box{ margin-bottom:10px; }
#follows_followers .box a{ display:flex; align-items:center; padding:0; margin:0; }
#follows_followers .box .img{ width:55px; height:55px; border:1px solid #039be5; border-radius:50%; overflow:hidden; background:#fff; padding:0; margin:0; }
#follows_followers .box .img img{ object-fit:cover; object-position:top; width:100%; height:100%; }
#follows_followers .box .text{ width:calc(100% - 55px); padding:0 10px 0 15px; margin:0; }
#follows_followers .box .text h4{ font-size:15px; line-height:1.2; font-weight:500; color:#5d5d5d; padding:0; margin:0; }

#follows_followers .box_scroll::-webkit-scrollbar{ width:3px; }
#follows_followers .box_scroll::-webkit-scrollbar-track { background-color:#039be5; border-radius:10px; }
#follows_followers .box_scroll::-webkit-scrollbar-thumb { box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); }

.own_friend:after{
	position:absolute;
	content:"";
	bottom:0 !important;
	right:0 !important;
	border:5px solid green !important;
	border-left:5px solid transparent !important;
	border-top:5px solid transparent !important;
}

#event_calender_info{ width:85%; display:flex; align-items:center; justify-content:space-around; margin:0 auto 30px; padding:0; }
#event_calender_info p{ font-size:17px; line-height:1.1; font-weight:400; color:#000; padding:0; margin:0; }
#event_calender_info p span{ width:40px; height:10px; background:red; display:inline-block; border-radius:10px; margin-right:10px; vertical-align:middle; }
#event_calender_info p:nth-child(1) span{ background:green; }
/* ============ Followers end ============= */











/*====== RESPONSIVE START ======*/
@media screen and (max-width:1200px){ 
.login-sec {
  width: 45%;
  margin: 100px auto 20px;
  padding: 35px 30px;
}
.navbar-default .logo {
  width: 200px;
}
.navbar-default .nav-bar ul li{
  font-size: 13px;
}
.navbar-default .nav-bar ul li a {
  margin-right: 15px;
}
.home_main .inn-wrap .recent h2 {
  font-size: 15px;
}
.home_main .inn-wrap .recent .recent-box .text p {
  font-size: 12px;
}
.home_main .upcoming-race h2 {
  font-size: 15px;
}
.home_main .inn-wrap .new-race {
  padding: 70px 0 0 20px;
}
.home_main .inn-wrap .new-race h2 {
  font-size: 14px;
}
.main-near-clum .near_content {
  padding: 15px;
}
.profile::before {
  display: none;
}
.profile .pro-img {
  width: 280px;
  height: 280px;
}
.add_race #add_more_reg_link{ font-size:13px; }
.add_race .remove_more_reg_link{ font-size:13px; }
.race_detail .text-block h2 {
  width: 100%;
}
.race_detail .text-block .join_race {
  width:100%;
  margin-bottom:20px;
}




}

@media screen and (max-width:991px){ 
.navbar-default .nav-bar {
  display:none;
  width:100%;
  background: #fff;
  padding-top:20px;
}
.navbar-default .nav-bar ul li {
  font-size: 13px;
  display:block;
}
.navbar-default .nav-bar ul li a {
  margin: 0 0 13px;
  display: block;
  padding: 0;
}
.navbar-default .nav-bar ul li a i {
  font-size: 16px;
  color: #fff;
  transition: all 0.6s;
  width: 30px;
  padding: 7px 0;
  background: #039be5;
  text-align: center;
  margin-right: 7px;
}
.navbar-default .nav-bar ul li a:hover i{
  color: #fff;
}
.mobile_menu {
  display:inline-block;
  border: 1px solid rgba(0,0,0,0.15);
  padding: 7px 15px 5px;
  border-radius: 5px;
}
.mobile_menu i {
  font-size: 21px;
  line-height: 1.1;
  color: rgba(0,0,0,0.4);
}
.custom-header .logo {
  width:200px;
  margin: 0 auto;
}
.login-sec {
  width: 70%;
  margin:10px auto 20px;
}
.home_main .inn-wrap .recent {
  width: 35%;
  padding:40px 0 0;
}
.home_main .upcoming-race {
  width: 65%;
  padding: 40px 20px 40px 20px;
}
.mid-box .upcomm_img {
  width: 100%;
}
.mid-box .desc {
  width: 100%;
  border-right:none;
  padding: 15px 10px 20px;
}
.mid-box .desc a.coast {
  margin: 0 0 10px;
}
.mid-box .athlon {
  width: 100%;
  text-align:left;
}
.mid-box .athlon {
  width: 100%;
  text-align: left;
  padding-bottom: 10px;
}
.mid-box .athlon br {
  display: none;
}
.mid-box .athlon img {
  max-width: 100%;
  height: 26px;
}

.mid-box .athlon .in_ath{ width:100%; display:flex; flex-wrap:wrap; margin-bottom:10px; }
.mid-box .athlon h5 {
  width:calc(100% - 30px);
  font-size: 12px;
  padding:5px 0 0 10px; margin:0;
}
.home_main .inn-wrap .new-race {
  padding: 40px 0 0 0;
  width: 100%;
}
#near_races {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap:15px;
}
.profile .pro-img {
  width: 200px;
  height: 200px;
}
.profile .pass-btn {
  margin: 10px 0 0;
}
.profile .pro-img .prof_btn {
  right: 10px;
  bottom: -20px;
  width: 70px;
  height: 70px;
}
.search-race::after {
  display: none;
}
.find_friends .inner {
  width:90%;
}
.find_friends .inner .find-box {
  margin: 0 0 22px;
}
.add-race {
  padding: 50px 0 0;
}
.add_race {
  padding: 30px 0 20px;
}
.race_detail {
  padding: 50px 0 50px;
}
.race_detail .lv-comments {
  margin: 30px 0 0;
}

.find-race .search_input_box {
	grid-template-columns: repeat(3, 1fr);
}
#follows_followers {
	width:50%;
	padding: 40px 20px;
}












}

@media screen and (max-width:767px) {
  .custom-header {
    position: inherit;
  }

  .login-sec {
    width: 90%;
    padding: 35px 20px;
  }

  .login-sec h2 {
    font-size: 30px;
  }

  .login-sec label {
    font-size: 12px;
  }

  .footer-copyright p {
    font-size: 13px;
  }

  .home_main .inn-wrap .recent {
    width: 100%;
  }

  .home_main .upcoming-race {
    width: 100%;
    padding: 20px 0 0;
    background: none;
  }

  .home_main .inn-wrap .new-race {
    padding: 20px 0 0 0;
  }

  #near_races {
    grid-template-columns: repeat(1, 1fr);
  }

  .main-near-clum .near_content h4 {
    font-size: 13px;
  }

  .main-near-clum .near_content .intersted span {
    font-size: 13px;
  }

  .profile {
    padding: 40px 0;
  }

  .profile .pro-img {
    margin: 0 auto;
  }

  .profile .pro-img .prof_btn {
    right: 10px;
    bottom: -10px;
    width: 60px;
    height: 60px;
  }

  .profile h2 {
    font-size: 30px;
  }

  .profile .text-block {
    margin-top: 50px;
  }

  .top-block {
    grid-template-columns: repeat(1, 1fr);
  }

  #event_calender {
    width: 100%;
    margin: 50px auto;
  }

  .all_events {
    width: 100%;
  }

  .find-race {
    padding: 50px 0 0;
  }

  .find-race h2 {
    font-size: 30px;
  }

  .find-race .block .sea_btn {
    margin: 0px 0 0;
  }

  .search-race {
    padding: 30px 0 0;
  }

  .find_friends {
    padding: 50px 0;
  }

  .find_friends .inner {
    width: 100%;
  }

  .find_friends .inner .find-box {
    padding: 40px 20px;
  }

  .find_friends .inner .find-box h2 {
    font-size: 30px;
  }

  .find_friends .inner .find-box .search-bar form {
    flex-wrap: wrap;
  }

  .find_friends .inner .find-box .search-bar .form-control {
    border-radius: 5px;
  }

  .find_friends .inner .find-box .search-bar .sea_btn {
    width: 100%;
    border-radius: 5px;
    margin: 20px 0 0;
  }

  .find_friends .inner .all-friend {
    padding: 40px 20px;
  }

  .find_friends .inner .all-friend .box .text {
    padding: 0 10px 0 10px;
  }

  .find_friends .inner .all-friend .box .text h4 {
    font-size: 14px;
  }

  .dashboard .all-events .tab-nav {
    flex-direction: column-reverse;
  }

  .dashboard .all-events .tab-nav ul {
    width: 100%;
  }

  .dashboard .all-events .main-event {
    background: none;
  }

  .dashboard .main-content {
    padding: 40px 12px;
  }

  .dashboard .all-events .main-event .event-box {
    background: #fff;
    margin-bottom: 25px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
  }

  .dashboard .all-events .main-event .event-box .block {
    width: 50%;
  }

  .dashboard .all-events .main-event .event-box .block:nth-child(1) {
    width: 100%;
  }

  .dashboard .all-events .main-event .event-box .block h2 {
    padding: 10px 10px;
  }

  .dashboard .all-events .main-event .event-box .block .text a {
    font-size: 11px;
  }

  .dashboard .all-events .main-event .event-box .block .text p {
    font-size: 11px;
  }

  .dashboard .all-events .main-event .event-box .block h2 {
    display: block;
  }

  .add_race h2 {
    font-size: 30px;
  }

  .add_race .remove_more_reg_link {
    margin: 0;
  }

  .add_race #add_more_reg_link {
    margin: 0;
  }

  .add_race .joiin-btn {
    margin: 10px 0 0;
  }

  .race_detail .text-block h2 {
    font-size: 30px;
  }

  .race_detail .text-block .inn-txt {
    padding: 30px 20px;
  }

  .race_detail .text-block .inn-txt ul.race-76 li span {
    width: auto;
    margin-right: 5px;
  }

  .race_detail .text-block .inn-txt .multiple-clint-imge h5 {
    width: 100%;
    font-size: 13px;
  }

  .race_detail .text-block .inn-txt h4 a {
    display: block;
    width: 100%;
    margin-top: 12px;
  }

  .event_popup_html {
    width: 95%;
    padding: 10px;

  }

  .find-race span.spinner-border {
    top: 14px;
  }

  .like_count {
    margin-top: 25px;
  }

  .find-race .search_input_box {
    grid-template-columns: repeat(1, 1fr);
  }

  #follows_followers {
    width: 100%;
    padding: 40px 20px;
  }

  #event_calender_info {
    width: 100%;
    flex-wrap: wrap;
  }

  #event_calender_info p {
    margin: 0 0 10px;
    width: 100%;
  }

}


/* used to list the race participants horizontally */
.horizontal_list ul {
  list-style: none;
  font-size: 14px;
}
.horizontal_list li {
  font-size:14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  display: inline-block;
  margin-right: 5px; /* add spacing between items */
  background-color: #d3d3d3;
  border-radius: 5px;
  padding: 1px 5px;
}
.horizontal_list highlight li {
  background-color: #0000cc;
}



.btn-irace {
  color: #ffffff;
  background-color: #039be5;
  border-color: #039be5;
}
.btn-irace-secondary {
  font-size: 14px;
  background: #dcdcdc;
  border: 1px solid #dcdcdc;
  color: #031519;
}

.btn-irace-secondary:hover {
    font-size: 14px;
    background: #c0c0c0;
    border: 1px solid #dcdcdc;
    color: #031519;
}



.join_team .join_team_btn{ font-size: 15px; background: #039be5; border: 1px solid #039be5; }
.join_team .join_team_btn:hover{ background: #0977ac; border: 1px solid #0977ac; }

.join_team .remove_team_btn{ font-size: 15px; background: #dcdcdc; border: 1px solid #dcdcdc; color: #031519; }
.join_team .remove_team_btn:hover{ background: #dcdcdc; border: 1px solid #dcdcdc; }


/*==== General Webpage Start ====*/
.general{ position:relative; z-index:1; background:#f6f6f8; padding:40px 0; margin:0; }
.general:before{ position:absolute; content:""; width:451px; height:711px; left:0; top:30px; pointer-events:none; z-index:-1; }
.general .pro-img{ position:relative; width:350px; height:350px; border:6px solid #808080; box-shadow:5px 0 10px 0 rgba(0,0,0,0.2); border-radius:50%; padding:0; margin:20px auto 0; }
.general .pro-img img{ width:100%; height:100%; border-radius:50%; object-fit:cover; object-position:top; }
.general .pro-img .prof_btn{ position:absolute; right:30px; bottom:-10px; width:90px; height:90px; background:#50b5ff; border:0; border-radius:50%; color:#fff; font-size:30px; }

.general .publicurl{font-size: 14px;background: #D3D3D3;border: 0;padding: 20px 20px 20px 20px;border-radius: 5px;}

.general h2{ font-family: 'Oswald', sans-serif; font-size:40px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }
.top-block{ display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:20px; }

.general .block{ margin-bottom:15px; position:relative; }
.general .block label{ font-family: 'Oswald', sans-serif; font-size:18px; line-height:1.2; color:#031519; font-weight:500; text-transform: uppercase; display:block; padding:0; margin:0 0 8px; }
.general .block span.gender{ border:1px solid #ddd7d7; padding:4px 8px; display:inline-block; }
.general .block span.gender input{ margin-right:5px; }
.general .block .form-control{ font-size:14px; height:48px; background:#eaebed; border:0; }
.general .block textarea.form-control{ height:138px; resize:none; }
.general .setting-btn .save-set{ font-size:18px; line-height:1.2; color:#fff; font-weight:600; text-transform:uppercase; background:#039be5; border:0; border-radius:5px; padding:12px 110px; margin:0; transition:all 0.6s; }
.general .setting-btn .save-set:hover{ background:#0486c5; }
.general .pass-btn{ padding:0; margin:27px 0 0; }

.general .change-password{ border-top:1px dashed #808080; padding:30px 0 0; margin:40px 0 0; }
.general .change-password h3{ font-family: 'Oswald', sans-serif; font-size:30px; line-height:1.2; color:#031519; font-weight:800; text-transform: uppercase; padding:0; margin:0 0 20px; }
.general .pass-btn .chng-btn{ width:100%; height:48px; font-size:16px; line-height:1.2; color:#fff; font-weight:600; text-transform:uppercase; background:#039be5; border:0; border-radius:5px; padding:0; margin:0; transition:all 0.6s; }
.general .pass-btn .chng-btn:hover{ background:#0486c5; }
/*==== General Webpage End ====*/


/*==== Team Profile Start ====*/
.general .block{ display:flex; align-items:center; padding:0; margin:0 0 15px; }
.general .block .mid-box{ display:flex; flex-wrap:wrap; background:#fff; border-radius:12px; padding:10px; margin:0 0 18px; width: 100%; }
.general .block .mid-box .lt-side{ width:78%; padding:0; margin:0; }
.general .block .mid-box .lt-side a{ display:flex; align-items:center; }
.general .block .mid-box .lt-side .img{ width:55px; height:55px; border: 1px solid #fff; border-radius:50%; overflow:hidden; padding:0; margin:0; }
.general .block .mid-box .lt-side .img img{ object-fit:cover; object-position:top; width: 100%;}
.general .block .mid-box .lt-side .text{ width:calc(100% - 55px); padding:0 15px 0 15px; margin:0; }
.general h2 {font-size:20px; line-height:1.2; font-weight:500; color:#5d5d5d; display:block; }
.general .block .mid-box .lt-side .text h4{ font-size:16px; line-height:1.2; font-weight:500; color:#5d5d5d; display:block; }
.general .block .mid-box .rt-side{ width:5%; text-align:center; padding:0; margin:0; }
.general .block .mid-box .rt-side a.close{ font-size:15px; line-height:1.2; font-weight:500; color:#5d5d5d; display:block; }

.general a .close .flw_btn { background: #039be5; }

/*==== Team Profile End ====*/

/* For TEXTAREA counter */
#count_message {
  background-color: #c0c0c0;
  color: #FFFFFF;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 5px;
  margin-top: -30px;
  margin-right: 5px;
  z-index: 9999;
}