@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

body {
    font-family: 'Roboto', sans-serif;
    background: #000;
}

.clearfix {
    clear: both;
    content: '';
    display: block;
}

.container-fluid {
    padding: 0;
}

.margin-half {
    margin: 0 3.1222%;
}

textarea {
    resize: none;
}

select {
    border-color: #ccc;
    border-radius: 3px;
}

a:focus {
    border: 0;
    outline: 0;
}

/*
 *
 * =================
 * Navigation Component
 * =================
 *
 */


.site-logo {
    float: left;
}

.navbar-default {
    background: #fff;
    border-color: transparent;
    border-radius: 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: #000;
}

.nav-bar-wrapper {
    background: #fff;
    padding: 15px 15px 10px;
    position: relative;
}

.nav-bar-wrapper.stuck {
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    z-index: 99;
    margin-top: 0 !important;
}

.navbar-toggle {
    border-color: #ccc;
}

.icon-menu {
    font-size: 22px;
    top: 2px;
    position: relative;
}

.navbar {
    margin-bottom: 0;
}

.signin-wrapper > li a {
    font-weight: bold;
}

.navbar-nav > li.get-started {
    font-weight: bold;
}

.navbar-nav > li.selected {
    font-weight: bold;
}

.navbar-nav >li.selected a {
    color: #0f4b7f;
}

.navbar-brand {
    height: auto;
    padding: 0;
    margin-right: 20px;
}
.navbar-brand img {
    height: 50px;
}

.nan-bar-wrapper ul {
    line-height: 50px;
}
.nav>li>a {
    color: #848484;
    font-size: 13px;
}
.nav>li>a:hover, .nav>li>a:focus {
    background: none;
    color: #b6131c;
}

.signin-wrapper {
    position: relative;
    z-index: 0;
}

.signin-wrapper>li+li>a {
    padding-left: 10px;
}

.signin-wrapper>li:first-child>a {
    padding-right: 5px;
}


.signin-wrapper>li+li:before {
    content: "/\00a0";
    color: #b6131c;
    float: left;
    line-height: 50px;
}


.signin-wrapper li a {
    color: #b6131c;
}

.signin-wrapper li:hover a {
    color: #333;
}

.nav-icon-wrapper {
    line-height: 45px;
    margin: 0 20px;
}

.nav-icon-wrapper i {
    padding: 6px 5px 3px;
    margin: 5px;
    display: block;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    font-size: 25px;
    border: 1px solid #d37177;
    color: #d37177;
}

.nav-icon-wrapper .nav-ath.selected i, .nav-icon-wrapper .nav-rd.selected i {
    background: #b6131c;
    border-color: #b6131c;
    color: #fff;
}

.nav-icon-wrapper .nav-ath.selected, .nav-icon-wrapper .nav-rd.selected {
    background: url(../images/nav-line.png) 40px center no-repeat;
    background-size: 43%;
    padding-right: 30px;
}

.nav-ath img, .nav-rd img {
    height: 35px;
    margin: 5px;
    vertical-align: middle;
    opacity: 0.5;
}

.nav-ath.selected img, .nav-rd.selected img {
    opacity: 1;
}

.navbar-nav > li.nav-search-wrapper a {
    padding: 10px;
}

.navbar-nav > li.nav-search-wrapper .search {
    position: relative;
    top: 4px;
    left: 10px;
}

.navbar-nav > li.nav-search-wrapper.active .search {
    box-shadow: 6px 0 6px -6px rgba(51,51,51,0.2),-6px 0 6px -6px rgba(51,51,51,0.2),inset 0 13px 13px -13px rgba(51,51,51,0.1);
}

.navbar-nav > li.nav-search-wrapper .search i {
    font-size: 20px;
    border: none;
    position: relative;
    z-index: 2;
}

.search-input-wrapper {
    left: -80%;
    position: absolute;
    border: none;
    background-color: #FFF;
    z-index: 100;
}

.nav-search-wrapper.active .search-input-wrapper {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    padding: 5px;
}

.search-input-wrapper {
    width: 210px;
}
.search-input-wrapper input[type='text'] {
    width: 200px;
    display: none;
    height: 30px;
}

.nav-search-wrapper.active .search-input-wrapper input[type='text'] {
    display: block;
}
/*.search>input[type='text']{
    position: absolute;
    top: 7px;
    z-index: 1;
    left: 23px;
    border: none;
    width: 26px;
    padding: 5px 0px 5px 26px;
    -o-transition:width .2s linear;
    -webkit-transition:width .2s linear;
    -moz-transition:width .2s linear;
    transition:width .2s linear;
}
*/
.search input[type='text']:focus {
    color: #000;
    border: 1px solid #ccc;
}

.nav-search-wrapper-sm {
    position: relative;
}

.nav-search-wrapper-sm i {
    z-index: 2;
}

.nav-search-wrapper-sm .search input[type='text'] {
    right: 35px;
    left: auto;
    line-height: 30px;
}


@media (max-width: 991px) and (min-width: 768px) {
    
    .nav-icon-wrapper {
        float: none !important;
    }
    
    .nav-search-wrapper i {
        border: none;
        color: #848484;
    }
    .nav-search-wrapper i:hover {
        color: #b6131c;
    }
    
    .nav-search-wrapper {
        float: right;
    }
    
    .search-input-wrapper {
        right: 65px;
        left: auto;
        top: 4px;
    }
}


@media (max-width: 1024px) {
    .nav-bar-wrapper {
        padding: 10px 15px 10px;
    }
    
    .navbar-nav > li > a {
        line-height: 10px;
    }
    
    .signin-wrapper>li+li:before {
        line-height: 40px;
    }
    
    .nav-icon-wrapper {
    
    }
    
    .navbar-brand {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    
    .navbar-nav {
        border-top: 1px dotted #ccc;
    }
    
    .navbar-nav > li > a {
        line-height: 5px;
    }
    
    .search-input-wrapper {
        right: 35px;
        left: auto;
        top: 4px;
    }
    
    .nav-search-wrapper i {
        border: none;
        color: #848484;
        font-size: 24px;
        position: relative;
        top: 12px;
    }
    
    .nav-search-wrapper i:hover {
        color: #b6131c;
    }
    
    .signin-wrapper>li+li:before {
        content: "";
    }
    
    .nav-search-wrapper {
        float: right;
        right: 10px;
        position: relative;
    }
    
    .nav-icon-wrapper {
        width: 100%;
        position: relative;
        right: 15px;
    }
    
    .navbar-toggle {
        padding: 2px 7px;
    }
    
    .nav-bar-wrapper {
        padding: 0px 15px 0;
    }
    
    .navbar-brand {
        margin-right: 0;
        margin-left: 10px;
        top: 5px;
        position: relative;
    }
    
    .navbar-brand img {
        height: 40px;
    }
    
    .signin-wrapper>li+li>a {
        padding-left: 15px;
    }
    
    .signin-wrapper>li:first-child>a {
        padding-right: 15px;
    }
}

/***
    Home Page Component
 **********************************/

.home-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    color: #fff;
    background: url(../images/road-white.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}

.race-director-wrapper {
    background: rgba(239, 13, 26, 0.7);
    height: 700px;
    padding: 0px;
    position: relative;
    -ms-transition: width 0.4s ease 0.1s;
    -webkit-transition: width 0.4s ease 0.1s;
    -moz-transition: width 0.4s ease 0.1s;
    -o-transition: width 0.4s ease 0.1s;
    transition: width 0.4s ease 0.1s;
}

.race-director-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-height: 360px;
}

.athletes-wrapper {
    background: rgba(17, 95, 159, 0.7);
    height: 700px;
    padding: 0px;
    position: relative;
    -ms-transition: width 0.4s ease 0.1s;
    -webkit-transition: width 0.4s ease 0.1s;
    -moz-transition: width 0.4s ease 0.1s;
    -o-transition: width 0.4s ease 0.1s;
    transition: width 0.4s ease 0.1s;
}

.athletes-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-height: 360px;
}

.home-wrapper-overlay {
    background: url(../images/road-white.png) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.home-logo-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 105px;
    -webkit-border-radius: 105px;
    -moz-border-radius: 105px;
    -o-border-radius: 105px;
    -ms-border-radius: 105px;
    background: #fff;
    z-index: 2;
}

.logo-icon {
    background: url(../images/logo-icon.png) no-repeat;
    background-size: 100%;
    height: 62px;
    width: 54px;
    margin: 45px auto 0;
}

.logo-text {
    background: url(../images/logo-text.png) no-repeat;
    background-size: 100%;
    height: 27px;
    width: 150px;
    margin: 15px auto 0;
}

.home-wrapper .title {
    font-size: 34px;
}

.home-wrapper img {
    width: 56px;
    height: auto;
}

.home-wrapper .icon-wrapper {
    margin: 30px auto;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -o-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    background: #fff;
    width: 50px;
    height: 50px;
    font-size: 25px;
    padding: 15px 0;
}

.home-wrapper .icon-wrapper.icon-directors {
    color: #b7141d;
}

.home-wrapper .icon-wrapper.icon-athlete {
    color: #125184;
}

.home-wrapper .sub-title {
    font-size: 22px;
    min-height: 63px;
}

.home-wrapper .desc {
    font-size: 18px;
}

.home-wrapper .read-more {
    margin: 30px;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 30px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    
    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    
    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    
    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }
    
    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    
    100% {
        transform: rotate(359deg);
    }
}


.spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    display: none;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

@media (max-width: 767px) {
    
    .home-wrapper .athletes-content .read-more {
        margin: 25px 30px;
    }
    
    .home-logo-container {
        -webkit-transform: translate(0,-60%) scale(0.6);
        transform: translate(0,-60%) scale(0.6);
    }
    
    .race-director-content, .athletes-content {
        transform: translate(-17%, 15%) scale(0.7);
        -webkit-transform: translate(-17%, 15%) scale(0.7);
    }
    
    .home-wrapper .title {
        font-size: 20px;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .home-logo-container {
        -webkit-transform: translate(0,-30%) scale(0.6);
        transform: translate(0,-30%) scale(0.6);
    }
    
    .race-director-content, .athletes-content {
        transform: translate(0, 10%) scale(0.7);
        -webkit-transform: translate(0, 10%) scale(0.7);
    }
    
    .home-wrapper .athletes-content .read-more {
        margin: 30px;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    
    .home-logo-container {
        -webkit-transform: translate(0,-100%) scale(0.8);
        transform: translate(0,-100%) scale(0.8);
    }
    
    .athletes-content .desc {
        margin-bottom: auto;
    }
    
    .race-director-content, .athletes-content {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    
    .home-wrapper .athletes-content .read-more {
        margin: 30px;
    }
}
@media (min-width: 800px) and (max-width: 1280px) and (orientation:landscape) {
    .home-logo-container {
        -webkit-transform: translate(0,-60%) scale(0.9);
        transform: translate(0,-60%) scale(0.9);
    }
    
    .race-director-content, .athletes-content {
        transform: scale(0.65);
        -webkit-transform: scale(0.65);
    }
}


/*** 
    directors page
*********************/

.directors-body {
    background: #ba1f28;
    padding-top: 600px;
}

.directors-body .intro-logo-wrapper {
    width: 45%;
}

.fadeIn {
    -webkit-animation: fadein 2s;
    /* Safari and Chrome */
    -moz-animation: fadein 2s;
    /* Firefox */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera */
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

​

/* Opera */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

​

.director-wrapper-overlay, .athletes-wrapper-overlay {
    background: url(../images/road-white.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.athletes-wrapper-overlay {
    background: url(../images/road-white.png) no-repeat center 50%;
}

/** home -page **/

.intro-wrapper {
    background: url(../images/road-white.png) no-repeat #b6131c;
    background-size: cover;
    position: fixed;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}

.center-block {
    float: none;
}

.intro-container {
    padding: 80px;
}

.intro-logo-wrapper {
    background: #fafafa;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -o-border-radius: 60px;
    -ms-border-radius: 60px;
    border: 6px solid #a90e17;
    padding: 5px 0px;
}

.intro-logo-wrapper ul {
    margin-bottom: 0;
}

.intro-logo-wrapper ul li {
    float: left;
}

.intro-container ul li {
    /*list-style: none; */
    display: inline-block;
    vertical-align: top;
}

.intro-container .intro-logo img {
    height: 50px;
    width: auto;
}

.intro-container .intro-for {
}
.intro-container .intro-text {
    color: #ba1823;
    font-size: 24px;
    padding: 0px 15px;
    line-height: 50px;
}

.intro-container .intro-desc {
    color: #ffffff;
    font-size: 24px;
    margin-top: 40px;
}

.intro-container .specialities-wrapper {
    margin-top: 40px;
}

.intro-container .specialities-wrapper ul {
    padding-left: 0;
    margin-bottom: 0;
}

.intro-container ul.specialities li.border {
    border-right: 2px dotted #e17c77;
}

.intro-container ul.specialities li:last-child {
    border-right: none;
}
.intro-container ul.specialities li a {
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    visibility: hidden;
}

.intro-container ul.specialities li i {
    padding: 10px;
    margin: 10px auto;
    display: block;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    font-size: 30px;
    width: 50px;
    height: 50px;
    background: #3a170c;
}

.intro-container ul.specialities li .title {
    min-width: 150px;
    font-size: 14px;
}

.intro-container ul.specialities li:hover i {
    font-size: 32px;
}

.intro-container ul.specialities li:hover i:before {
    margin-left: -1px;
}

.intro-container ul.specialities li:hover .title {
    stext-decoration: underline;
}

.intro-container .get-started-wrapper {
    margin-top: 40px;
}

.intro-container ul.get-started {
    padding-left: 0;
}

.intro-container ul.get-started li {
    margin: 0 10px;
}
.intro-container ul.get-started li:last-child {
    margin: 0;
}

.intro-container ul.get-started li a {
    color: #000000;
    display: block;
    padding: 5px 0;
    margin: 0 10px;
    width: 240px;
    font-size: 18px;
    font-weight: bold;
    background: #ffffff;
    border-radius: 2px;
    text-decoration: none;
}
.intro-container ul.get-started li a:hover {
    color: #ba1f28;
}

.intro-container .description-wrapper {
    margin-top: 52px;
}

.intro-container .description-wrapper .black-line {
    background: url(../images/black-line.png) center center repeat-x;
    height: 20px;
}

.intro-container .description-wrapper .description {
    padding: 0 20px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.intro-container .scroll-down-wrapper {
    margin: 60px;
}

.scroll-down-wrapper .scroll-down>a {
    display: block;
    width: 22px;
    margin: 0 auto;
}


@media (max-width: 1025px) {
    .intro-wrapper {
        position: relative;
        z-index: 10 !important;
    }
    
    .athletes-intro-wrapper {
        position: relative !important;
        z-index: 10 !important;
    }
}


@media (max-width: 799px) {
    .intro-container {
        padding: 40px 0 0;
    }
    .intro-container .specialities-wrapper {
        margin-top: 0;
    }
    
    .intro-container ul.specialities li a {
        padding: 5px;
    }
}

@media (max-width: 768px) {
    .intro-container .intro-desc {
        padding: 5px;
        display: none;
    }
    
    .intro-container ul.get-started li {
        margin: 10px !important;
    }
    
    .directors-body, .athletes-body {
        padding-top: 100%;
    }
    
    /*.intro-container{
            padding: 60px 0 0;
        }*/
}

/** banner section **/

.banner-wrapper {
    background: url(../images/banner.jpg) center center no-repeat #e74c3c;
    background-size: cover;
    position: relative;

}

.banner-wrapper-rd {
    background: url(../images/banner.jpg) center center no-repeat #e74c3c;
    background-size: cover;
	position: relative;
    
}


.banner-wrapper .banner-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom right, #C4381F, #002f4b);
    opacity: 0.7;
}



.athletes-body .banner-wrapper .banner-overlay {
    background-image: linear-gradient(to bottom right, #123655, transparent);
}

.athletes-body .banner-wrapper .content .title {
    font-size: 30px;
}

.athletes-body .banner-wrapper .content .sub-title {
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
}
.athletes-body .banner-wrapper .content {
    margin: 100px 0;
}

.banner-wrapper .content {
    color: #fff;
    margin: 100px 0 80px;
}

.banner-wrapper .content .title {
    font-size: 28px;
    spadding-left: 30px;
}

.banner-wrapper .content .desc {
    margin: 30px 0;
    font-size: 24px;
    spadding-left: 30px;
}
.banner-wrapper .content .read-more a {
    spadding-left: 30px;
    font-size: 18px;
    color: #fff;
}

@media (max-width: 1024px) {
    .athletes-body .banner-wrapper .content {
        padding: 40px 0;
        margin: 10px 0;
    }

}
@media (max-width: 767px) {
    .banner-wrapper {
        background-position: -100px center;
    }

}
@media (max-width: 567px) {
    .banner-wrapper {
        background-position: -250px center;
    }
}
/** counters **/

.counters-wrapper {
    border-bottom: 1px solid #ececec;
    background: #fff;
    position: relative;
}
.counters-wrapper ul {
    padding-left: 0;
}

.counters-wrapper ul li {
    color: #b6131c;
    font-size: 36px;
    list-style: none;
    display: inline-block;
    padding: 30px;
}
.counters-wrapper ul li .events {
    font-weight: bold;
}
.counters-wrapper ul li .type {
    color: #4c5864;
    font-size: 18px;
    font-weight: bold;
}

/** regitration wrapper **/
.register-wrapper {
    color: #516479;
    padding: 20px 0;
    background: #fff;
    position: relative;
}
.register-wrapper .text-wrapper {
    padding: 40px 0 10px;
}

.register-wrapper .text-wrapper .title {
    font-size: 32px;
    font-weight: bold;
}
.register-wrapper .text-wrapper .desc {
    padding: 25px 0 40px;
    font-size: 18px;
}

.register-wrapper .thumb-block {
    margin-bottom: 80px;
}

.register-wrapper .thumb-block i {
    color: #b6131c;
    font-size: 50px;
}

.register-wrapper .thumb-block .title {
    font-size: 22px;
    font-weight: bold;
    padding: 20px;
}
.register-wrapper .thumb-block .desc {
    font-size: 16px;
    padding: 5px;
}

.register-wrapper .buttons-block {
    background: url(../images/seperator.png) center 15px no-repeat;
    margin: 15px 0 20px;
}

.register-wrapper .buttons-block .btn-holder {
}

.register-wrapper .buttons-block .btn-holder .btn {
    padding: 15px 55px;
    background: #b6131c;
}

.register-wrapper .buttons-block .btn-holder .btn:hover {
    background: #DA3C36;
}

.register-wrapper .buttons-block .btn-holder .desc {
    margin-top: 12px;
    margin-bottom: 12px;
}

/** timing-wrapper **/
.timing-wrapper {
    background: url(../images/timing-bg.jpg) repeat-x #fff;
    min-height: 673px;
    padding: 20px 0;
    color: #fff;
    position: relative;
}

.timing-wrapper .text-wrapper {
    padding: 35px 0 20px 0;
}

.timing-wrapper .text-wrapper .title {
    font-size: 32px;
    font-weight: bold;
}
.timing-wrapper .text-wrapper .desc {
    padding: 10px 0 20px 0;
    font-size: 18px;
}

.timing-wrapper .thumb-block {
    margin-bottom: 30px;
    color: #516479;
    padding: 0;
}

.timing-wrapper .thumb-block .blocks {
    padding: 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    min-height: 455px;
}


.timing-wrapper .thumb-block .blocks img {
    width: 100%;
}

.timing-wrapper .thumb-block .title {
    font-size: 22px;
    font-weight: bold;
    padding: 15px;
}
.timing-wrapper .thumb-block .desc {
    font-size: 15px;
    padding: 10px;
}

@media (min-width: 1200px) {
    .timing-wrapper .thumb-block .blocks {
        min-height: 465px;
    }
}

/** freebibs **/
.free-bibs-wrapper {
    background: url(../images/bib.jpg) center center no-repeat #000;
    background-size: cover;
    color: #fff;
    position: relative;
    /*-ms-transition: background 0.4s ease 0.1s;
        -webkit-transition: background 0.4s ease 0.1s;
        -moz-transition: background 0.4s ease 0.1s;
        -o-transition: background 0.4s ease 0.1s;   
        transition: background 0.4s ease 0.1s;*/
}

.free-bibs-overlay {
    background: url(../images/freebib-overlay.png);
    position: absolute;
    opacity: 0.7;
    width: 100%;
    height: 100%;
}

.free-bibs-wrapper .text-wrapper {
    padding: 90px 0 20px 0;
}

.free-bibs-wrapper .text-wrapper .title {
    font-size: 48px;
    font-weight: bold;
}
.free-bibs-wrapper .text-wrapper .desc {
    padding: 30px 0 60px 0;
    font-size: 18px;
}

/** events **/
.events-wrapper {
    background: url(../images/event_pattern.jpg) repeat;
    color: #fff;
    position: relative;
}
.events-wrapper .text-wrapper {
    padding: 50px 0px 100px;
}

.events-wrapper i {
    color: #b5121b;
    background: #fff;
    font-size: 40px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    padding: 10px;
}
.events-wrapper .text-wrapper .title {
    margin: 30px 0 70px;
    font-size: 34px;
    font-weight: bold;
}
.events-wrapper .text-wrapper .desc {
    padding: 30px 0 0 0;
    font-size: 18px;
    text-align: left;
}

.events-wrapper .text-wrapper .sub-desc {
    font-size: 16px;
    padding: 30px 0 60px 0;
    text-align: left;
}


.events-wrapper .event-photo-wrapper {
    position: relative;
    top: 130px;
}

.events-wrapper .event-photo {
    padding: 10px 10px 50px 10px;
    position: absolute;
    background: #fff;
}

.events-wrapper .event-photo img {
    height: 200px;
    width: auto;
}

.events-wrapper .event-photo.photo1 {
    -ms-transform: translate(70px,100px) rotate(-15deg);
    /* IE 9 */
    -webkit-transform: translate(70px,100px) rotate(-15deg);
    /* Chrome, Safari, Opera */
    transform: translate(70px,100px) rotate(-15deg);
}

.events-wrapper .event-photo.photo2 {
    -ms-transform: translate(95px,123px) rotate(3deg);
    /* IE 9 */
    -webkit-transform: translate(95px,123px) rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: translate(95px,123px) rotate(3deg);
}

.events-wrapper .event-photo.photo3 {
    -ms-transform: translate(120px,150px) rotate(15deg);
    /* IE 9 */
    -webkit-transform: translate(120px,150px) rotate(15deg);
    /* Chrome, Safari, Opera */
    transform: translate(120px,150px) rotate(15deg);
}

@media (min-width: 600px) and (max-width: 800px) {
    .events-wrapper .text-wrapper .title {
        margin: 30px 0 50px;
    }
}

@media (max-width: 767px) {
    .events-wrapper .text-wrapper .title {
        margin: 30px 0;
    }
}
/** ./events **/

/** events **/
.tshirt-wrapper {
    color: #333841;
    background: #fff;
    position: relative;
}

.tshirt-overlay {
    background: url(../images/pattern_white.png) repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
.tshirt-wrapper .text-wrapper {
    padding: 50px 0 100px;
}

.tshirt-wrapper i {
    color: #fff;
    background: #b5121b;
    font-size: 40px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    padding: 10px;
}
.tshirt-wrapper .text-wrapper .title {
    margin-top: 30px;
    font-size: 34px;
    font-weight: bold;
}
.tshirt-wrapper .text-wrapper .desc {
    padding: 30px 0 0 0;
    font-size: 18px;
    text-align: right;
}

.tshirt-wrapper .text-wrapper .sub-desc {
    font-size: 16px;
    padding: 30px 0 60px 0;
    text-align: right;
}

.tshirt-wrapper .tshirt-photo {
    position: absolute;
    bottom: 0;
}

.tshirt-wrapper .tshirt-photo img {
    height: 385px;
    width: auto;
}

.tshirt-wrapper .tshirt-photo.photo1 {
    -ms-transform: translate(210px,0px) scaleX(-1);
    /* IE 9 */
    -webkit-transform: translate(210px,0px) scaleX(-1);
    /* Chrome, Safari, Opera */
    transform: translate(210px,0px) scaleX(-1);
}

.tshirt-wrapper .tshirt-photo.photo2 {
    -ms-transform: translate(130px,0px) scaleX(-1);
    /* IE 9 */
    -webkit-transform: translate(130px,0px) scaleX(-1);
    /* Chrome, Safari, Opera */
    transform: translate(130px,0px) scaleX(-1);
}

.tshirt-wrapper .tshirt-photo.photo3 {
    -ms-transform: translate(40px,0px) scaleX(-1);
    /* IE 9 */
    -webkit-transform: translate(40px,0px) scaleX(-1);
    /* Chrome, Safari, Opera */
    transform: translate(40px,0px) scaleX(-1);
}

.t-shirt-photo-wrapper {
    margin-left: 5%;
    height: 500px;
}

@media (min-width: 600px) and (max-width: 800px) {
    .tshirt-wrapper .text-wrapper .sub-desc {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .tshirt-wrapper .text-wrapper .sub-desc {
        text-align: center;
    }
}

/** ./events **/

/** savings-wrapper **/
.savings-wrapper {
    background: url(../images/savings-bg-image.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
    padding-bottom: 75px;
    /*-ms-transition: background 0.4s ease 0.1s;
        -webkit-transition: background 0.4s ease 0.1s;
        -moz-transition: background 0.4s ease 0.1s;
        -o-transition: background 0.4s ease 0.1s;   
        transition: background 0.4s ease 0.1s;*/
}

.savings-wrapper .overlay {
    background: url(../images/savings-bg.png) repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}

.savings-wrapper .text-wrapper {
    padding: 80px 0 20px 0;
}

.savings-wrapper .text-wrapper .title {
    font-size: 32px;
    font-weight: bold;
}
.savings-wrapper .text-wrapper .desc {
    padding: 30px 0 60px 0;
    font-size: 18px;
}

.savings-wrapper .calculator-block {
    background: rgba(0,0,0,0.5);
    padding: 15px;
    font-size: 16px;
}

.savings-wrapper .graph-block {
	padding-right:30px;
	padding-top:20px;
    min-height: 315px;
}

.savings-wrapper .calculator-block .title {
    padding: 10px;
    /**border-bottom: 1px solid #4c4c4c;**/
    font-weight: bold;
    margin-bottom: 15px;
}

.savings-wrapper .btn {
    padding: 6px 45px;
    background: #b6131c;
    border-color: #b6131c;
}

.savings-wrapper .btn:hover {
    background: #DA3C36;
}

.savings-wrapper .currency, .savings-wrapper .amount {
    font-size: 30px;
    font-weight: bold;
}

.form-group-title {
    margin-bottom: 5px;
}

.tshirt-check-wrapper {
    margin-left: 40px;
}

/*check box style**/

input[type=checkbox].css-checkbox {
    display: none;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 27px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -22px;
}
label.css-label {
    background-image: url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** testimonial-wrapper **/
.testimonial-wrapper {
    background: #fff;
    color: #b6131c;
    position: relative;
    padding-bottom: 100px;
    overflow: hidden;
}
.testimonial-wrapper .text-wrapper {
    padding: 80px 0 40px 0;
}

.testimonial-wrapper .text-wrapper .title {
    font-size: 32px;
    font-weight: bold;
}

.testimonial-wrapper .content .thumb {
    padding: 5px 20px;
}

.testimonial-wrapper .content .thumb img {
    width: 140px;
    border: 5px solid #252a34;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    -o-border-radius: 75px;
    -ms-border-radius: 75px;
}
.testimonial-wrapper .quote {
    font-family: "Helvetica";
    font-size: 130px;
}

.testimonial-wrapper .desc {
    font-size: 16px;
    padding: 20px;
    color: #464646;
}

.testimonial-wrapper .name {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    color: #b6131c;
}

.testimonial-wrapper .org {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #b6131c;
}

.testimonial-wrapper .testimonial-content-container {
    position: relative;
}

.owl-carousel {
    width: auto;
}

.owl-carousel .owl-wrapper-outer {
    z-index: 1;
}
.testimonial-wrapper .next, .testimonial-wrapper .prev {
    position: absolute;
    top: 40%;
    height: 126px;
    /*width: 65px;*/
    z-index: 9;
}

.testimonial-wrapper .next.disable i, .testimonial-wrapper .prev.disable i {
    cursor: inherit;
    color: #EFEDED;
}

.testimonial-wrapper .next i, .testimonial-wrapper .prev i {
    font-size: 89px;
    color: #9c9c9c;
    cursor: pointer;
}


.testimonial-wrapper .next:hover:not(.disable) i, .testimonial-wrapper .prev:hover:not(.disable) i {
    color: #b6131c;
}

.testimonial-wrapper .next {
    right: 2%;
}

.testimonial-wrapper .prev {
    left: 2%;
}

.testimonial-wrapper .fa-quote-left {
    margin: 0 5px;
}

@media (max-width: 767px) {
    
    .savings-wrapper .graph-block {
        min-height: 100%;
    }
    
    .testimonial-wrapper .prev {
        display: none;
    }
    
    .testimonial-wrapper .next:hover i, .testimonial-wrapper .prev:hover i {
        color: #9c9c9c !important;
    }
    
    .testimonial-wrapper .next.disable:hover i, .testimonial-wrapper .prev.disable:hover i {
        color: #b6131c;
    }
    
    .testimonial-wrapper .desc {
        text-align: justify;
    }
}

@media (max-width: 768px) {
    .testimonial-wrapper .next, .testimonial-wrapper .prev {
        top: 25%;
    }

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .testimonial-wrapper .desc {
        padding: 0px 20px;
    }
    
    .testimonial-wrapper .content .thumb {
        padding: 0px 10px;
    }
}



/** footer-wrapper **/
.footer-wrapper {
    color: #fff;
    position: relative;
    text-align: left;
}

.footer-wrapper .footer-overlay {
    position: absolute;
    background: rgba(3, 4, 5,0.8);
    width: 100%;
    height: 100%;
}

.footer-wrapper .footer-top-container {
    background: url(../images/footer-map-bg.png) no-repeat #fff;
    ;
    background-size: cover;
    position: relative;
}

.footer-wrapper .footer-top-container .logo img {
    height: 50px;
}

.footer-top-wrapper {
    margin: 40px 0;
}

.social {
    padding: 35px 0;
    border-bottom: 1px solid #5f7792;
}

.social-icon {
    display: inline-block;
    font-size: 40px;
    color: #fff;
}


.athlete-icon a {
    padding: 5px 6px 0px;
    margin: 5px;
    display: block;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -o-border-radius: 35px;
    font-size: 20px;
    border: 2px solid #7c7c7c;
    color: #7c7c7c;
}

.director-icon a {
    margin-left: 10px;
    padding: 5px 6px 0px;
    margin: 5px 0;
    display: block;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -o-border-radius: 35px;
    font-size: 20px;
    border: 2px solid #7c7c7c;
    color: #7c7c7c;
}
.director-icon.selected a, .athlete-icon.selected a {
    color: #b6131c;
    background: #fff;
    border-color: #fff;
}

.athletes-body .director-icon.selected a, .athlete-icon.selected a {
    color: #0f4b7f;
}

.footer-links {
    margin-top: 20px;
}
.footer-links ul {
    list-style: none;
    padding-left: 0;
}

.footer-links ul li {
    margin: 5px 5px;
	
}
.footer-links a {
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
}

.athletes-body .form-wrapper {
    margin-top: 5px;
}

.footer-wrapper .title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0 15px;
}
.footer-wrapper .text {
    font-size: 16px;
    color: #ffffff;
}

.footer-wrapper .address, .footer-wrapper .address a {
    color: #ffffff;
    margin: 20px 0;
    text-decoration: none;
}

.footer-wrapper .address .name {
    font-weight: bold;
}

.footer-bottom-links {
    background: #121419;
    color: #ffffff;
    padding: 40px 0;
}

.form-wrapper {
    margin-top: 40px;
}

.form-wrapper .form-group {
    padding: 0;
}

.form-wrapper input, .form-wrapper textarea {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
}
.form-wrapper .btn-submit {
    background: #0f4b7f;
    color: #fff;
    padding: 6px 20px;
    border: none;
    border-top: 1px solid #5781a6;
}

.form-wrapper .btn-submit:hover {
    background: #0f304d;
}

.footer-bottom-links li {
    display: inline-block;
    list-style: none;
}

.footer-bottom-links a {
    color: #fff;
}

.footer-links li a:hover {
    color: #DA8B8B;
}

.athletes-body .footer-links li a:hover {
    color: #5B6488;
}

@media (max-width: 767px) {
    .copyright-section {
        padding-left: 0;
    }
    
    .footer-bottom-links {
        padding: 15px 0;
    }
}

/*************************************/


/***
    athletes page 
**************************************/

.athletes-intro-wrapper {
    background: url(../images/road-white.png) no-repeat #0f4b7f;
    background-size: cover;
    position: fixed;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}

.athletes-body {
    background: #135083;
}

.athletes-body.home {
    padding-top: 600px;
}

.athletes-intro-wrapper .intro-logo-wrapper {
    border-color: #0c4474;
}

.athletes-intro-wrapper .intro-logo-wrapper .intro-text {
    color: #0f4b7f;
    font-weight: bold;
}

.athletes-intro-wrapper .intro-container ul.specialities li.border {
    border-color: #688eaf;
}

.athletes-intro-wrapper .intro-container ul.specialities li i {
    background-color: #052548;
}

.athletes-body .nav-icon-wrapper i {
    border-color: #0f4b7f;
    color: #0f4b7f;
}

.athletes-body .nav-icon-wrapper .nav-ath.selected i, .athletes-body .nav-icon-wrapper .nav-rd.selected i {
    background-color: #0f4b7f;
    border-color: #0f4b7f;
}

.athletes-body .nav-icon-wrapper .nav-ath.selected, .athletes-body .nav-icon-wrapper .nav-rd.selected {
    background: url(../images/ath-nav-line.png) 40px center no-repeat;
    background-size: 43%;
}

.athletes-body .navbar-nav > li.search-wrapper a:hover, .athletes-body .navbar-nav > li > a:hover {
    color: #052548;
}

.athletes-body .signin-wrapper li a, .athletes-body .signin-wrapper>li+li:before {
    color: #0f4b7f;
}

.athletes-body .signin-wrapper li:hover a {
    color: #333;
}

.map-wrapper {
    background: #ddd;
    background-size: cover;
    position: relative;
    padding: 0 0 0px;
}

.map-wrapper #searchForm{
    position: relative;
}

.map-wrapper .events-title-holder {
    background: #ddd;
    padding: 20px 27px 30px;
}

.map-wrapper .events-title-holder hr{
    display: block; height: 1px;
    border: 0; border-top: 1px solid #333;
    margin: 1em 0; padding: 0;
}

.map-wrapper .events-title-wrapper .title {
    display: block;
    float: none;
    line-height: 30px;
}

.map-wrapper .thumb-block i.title-icon {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    float: left;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    background: #0f4b7f;
    color: #fff;
    padding: 10px;
    font-size: 30px;
    display: inline-block;
    /* margin-right: 8%; */
}

.map-wrapper .title-wrapper {
    margin: 20px 0 0;
    line-height: 50px;
}

.map-wrapper .title {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    float: left;
    padding-left: 10px;
}

.city-choser-wrapper {
    position: relative;
    margin-left: 15%;
    display: none;
}


.distance-choser-wrapper>button, .month-choser-wrapper>button {
    color: #a1a1a1;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
}

.distance-choser-wrapper {
    margin-right: 5px;
}


.search-arrow {
    padding: 0 5px;
    background: #0f4b7f;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 22px;
    border-radius: 0;
}

.search-arrow .icon-viewall {
    position: relative;
    top: 2px;
}

.search-arrow:hover .icon-viewall {
    color: #ccc;
}
.map-wrapper .featured-block {
    padding-left: 0;
    padding-right: 0;
}

.map-wrapper .featured-block.second {
}

.map-wrapper .featured-block .desc {
    border-top: 1px dotted #4B8FCA;
    padding: 10px 10px 10px;
    font-size: 14px;
    font-weight: 500;
    /*width: 48%;*/
    width: 100%;
    float: left;
}

.map-wrapper .featured-block .desc.odd {
    margin-right: 4%;
}

.map-wrapper .featured-block .time {
    color: #0f4b7f;
}

.map-wrapper .featured-block .view-all, .map-wrapper .featured-block .view-all:hover {
    color: #0f4b7f;
    cursor: pointer;
}

.map-wrapper .featured-block .view-all:hover {
    color: #FB4834;
}

.map-wrapper .view-all {
    color: #0f4b7f;
    font-size: 12px;
    font-weight: bold;
}

.map-wrapper .view-all:hover {
    color: #fb4834;
}

.map-wrapper .view-all .icon-arrow_right {
    position: relative;
    top: 1px;
}

@media (min-width: 600px) and (max-width: 800px) {
    .map-wrapper .featured-block {
        padding-left: 0;
        padding-right: 0;
    }
    
    .map-wrapper .featured-block.second {
        padding-left: 25px;
    }
    
    .events-title-holder {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .title-wrapper .city-choser-wrapper {
        margin-left: auto ;
    }
    
    .map-wrapper .title {
        padding-left: 5px;
    }
}

@media (max-width: 767px) {
    .title-wrapper .city-choser-wrapper {
        margin-left: auto;
    }
    
    .map-wrapper {
        padding: 20px 0 !important;
    }
    
    .map-wrapper .featured-block .desc {
        width: 100%;
        float: none;
    }
    
    .map-wrapper .featured-block .desc.even.no-border {
        border-top: 2px dotted #afc2d3;
    }

}

/** 
    built around wrapper 
**********************/

.built-around-wrapper {
    color: #516479;
    padding: 60px 0;
    background: #fff;
    position: relative;
}

.built-around .text-wrapper {
    padding: 40px 0 10px;
}

.built-around-wrapper .text-wrapper .title {
    font-size: 32px;
    font-weight: bold;
}
.built-around-wrapper .text-wrapper .desc {
    padding: 25px 0 40px;
    font-size: 18px;
}

.built-around-wrapper .thumb-block {
    margin-bottom: 80px;
}

.built-around-wrapper .thumb-block i {
    color: #fff;
    padding: 10px;
    margin: 10px auto;
    display: block;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    font-size: 45px;
    width: 70px;
    height: 70px;
    background: #b6131c;
}

.built-icons-wrapper {
    padding-left: 0px;
}

ul.built-icons-wrapper li {
    display: inline-block;
}

.built-around-wrapper ul.built-icons-wrapper li .title {
    min-width: 146px;
    font-size: 16px;
    color: #164070;
    font-weight: normal;
}

.built-around-wrapper .thumb-block .title {
    font-size: 22px;
    font-weight: bold;
    padding: 15px;
}
.built-around-wrapper .thumb-block .desc {
    font-size: 18px;
    padding: 5px;
    margin-top: 70px;
    text-align: left;
}

.built-around-wrapper .buttons-block {
    background: url(../images/ath-seperator.png) center 13px no-repeat;
    margin: 13px 0 20px;
}

.built-around-wrapper .buttons-block .btn-holder {
}

.built-around-wrapper .buttons-block .btn-holder .btn {
    padding: 15px 55px;
    background: #0f4b7f;
    border: none;
    min-width: 240px;
}

.built-around-wrapper .buttons-block .btn-holder .btn:hover {
    background: #035aa6;
}

.built-around-wrapper .buttons-block .btn-holder .desc {
    margin-top: 12px;
    margin-bottom: 12px;
}

.athletes-body .social {
    border: none;
}

.graph {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .built-around-wrapper .buttons-block {
        background: none;
    }
    
    .built-around-wrapper .thumb-block {
        margin-bottom: 0;
    }
    
    .built-around-wrapper .buttons-block .btn-holder .btn {
        margin-bottom: 20px;
    }

}

/*************************************************************/

/***
    athletes events page 
**************************************/

.map-wrapper .events-title-wrapper {
    padding: 20px 8px 20px;
    border-bottom: 1px dotted #4B8FCA;
    line-height: 50px;
}

.map-wrapper .thumb-block .events-title-wrapper i.title-icon {
    margin-right: 10px;
}

.map-wrapper .featured-block .desc.no-border {
    border: none;
    text-transform: uppercase;
}

.bootstrap-select button, .bootstrap-select button:hover {
    color: #1a2f48;
}

.bootstrap-select.btn-group .dropdown-menu li {
    padding: 0;
}

/**
search controls warpper
***********************************/
.search-controls-wrapper {
    background: #fff;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 1px 0 #f8f8f8;
    padding: 25px 0;
}

.search-controls-wrapper.stuck {
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    z-index: 110;
}

.search-controls-wrapper .controls {
    line-height: 45px;
}

.search-controls-wrapper .controls .btn {
    padding: 12px;
}

.search-controls-wrapper .search-form .checkbox {
    margin: 0 10px;
    line-height: 60px;
}

.search-controls-wrapper .search-form .search-icon {
    position: absolute;
    top: 15%;
    right: 2%;
    font-size: 35px;
    color: #c1c1c1;
}

.search-controls-wrapper .search-form .checkbox label {
    font-size: 18px;
    color: #152a42;
}

.search-form .custom {
    color: #152a42;
}

.search-form .custom:hover, .search-form .custom:active {
    text-decoration: none;
    color: #333;
}

.search-form .search-input {
    border-top-color: #e5e5e4;
    border-bottom-color: #e8e8e8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background: #f7f7f6;
    margin: 10px 10px 10px 0;
    height: 40px;
}

.search-form .search-input:focus {
    border: none;
}

.search-controls-wrapper #genderSelector, .search-controls-wrapper #ageGroupSelector {
    padding: 10px 5px;
    margin: 10px 0px;
}

.search-form .form-control {
    width: 100%;
}

.search-form .btn-friends {
    padding: 9px 25px !important;
}

.search-controls-wrapper .title {
    font-size: 24px;
    padding: 10px 0;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .search-controls-wrapper .title {
        padding: 10px;
        font-size: 14px;
    }
}
@media (max-width: 1024px) and (orientation: portrait) {
    .search-controls-wrapper.stuck {
        padding: 5px;
    }
    
    .search-controls-wrapper .search-form .checkbox {
        line-height: 45px;
    }
}


@media (max-width: 800px) {
    .search-controls-wrapper.stuck {
        padding: 5px;
    }
    
    .search-controls-wrapper .search-form .checkbox {
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .search-controls-wrapper .search-form .search-icon {
        top: 10px;
        font-size: 30px;
    }
    
    .search-form .search-input {
        margin: 5px 0;
        display: inline-block;
    }
    
    .search-controls-wrapper .search-form .checkbox {
        display: inline-block;
        margin: 10px 0 0;
        padding-left: 0px;
        line-height: 5px;
    }
    
    .search-controls-wrapper .search-form .checkbox label {
        font-size: 12px;
    }
    
    .search-controls-wrapper {
        padding: 10px 0 !important;
    }
    
    .search-controls-wrapper .controls {
        padding: 0;
        line-height: 5px;
    }
    
    .search-controls-wrapper .container {
        padding: 0;
    }

}

/***
events list wrapper
****************************/
.events-list-wrapper {
    padding: 20px 0 60px;
    background: #fff;
}

.events-list-wrapper .title-wrapper {
    color: #1a2f48;
    width: 100%;
    padding: 15px 20px;
}

.events-list-wrapper .title-wrapper .title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.events-list-wrapper .title-wrapper .city-choser-wrapper {
    margin-left: 5%;
}
.events-list-wrapper .title-wrapper .city-choser-wrapper a {
    font-size: 12px;
    font-weight: normal;
}

.events-list-wrapper .event-details-wrapper {
    padding: 10px 0;
}

.events-list-wrapper .event-details-wrapper i {
    padding: 5px 5px 5px 0;
    font-size: 20px;
    position: relative;
    top: 3px;
    left: -3px;
}

.events-list-wrapper .event-details-wrapper .title {
    font-size: 22px;
    font-weight: bold;
    color: #1a2f48;
    padding: 10px 0;
    line-height: 26px;
}

.events-list-wrapper .event-details-wrapper .title:hover {
    color: #2D5F99;
}

.events-list-wrapper .event-details-wrapper .location, .events-list-wrapper .event-details-wrapper .distance-wrapper {
    font-size: 16px;
    color: #6a7883;
    padding: 5px 0;
}

.events-list-wrapper .event-details-wrapper .distance-wrapper i.icon-athlete {
    display: block;
    float: left;
    position: relative;
    top: -4px;
    left: -6px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}

.events-list-wrapper .time-wrapper {
    border-top: 1px dashed #b7c9d8;
    padding: 25px 0 0;
    color: #2e4158;
}

.events-list-wrapper .time-wrapper>span {
    /** to align content vertical middle**/
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    /** to align content vertical middle**/
    margin: 20px 20px 0 0;
}

.events-list-wrapper .time-wrapper .month {
    text-transform: uppercase;
    font-size: 14px;
}

.events-list-wrapper .time-wrapper .date {
    text-transform: uppercase;
    font-size: 24px;
}

.events-list-wrapper .time-wrapper .day, .events-list-wrapper .time-wrapper .time {
    font-size: 12px;
}

.events-list-wrapper ul {
    list-style: none;
}

.events-list-wrapper ul li {
    padding: 10px 25px;
}

.events-list-wrapper.profile ul li {
    padding: 0 13px;
    color: #6a7883;
}

.events-list-wrapper ul.events-social li {
    padding: 0;
}

.events-list-wrapper ul li .join {
    color: #0f4b7f;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    border-left: 1px solid #0f4b7f;
    padding: 5px 10px;
    display: block;
}

.events-list-wrapper ul li .join:hover {
    color: #FB4834;
}

.events-list-wrapper ul li .join i {
    font-size: 25px;
    float: left;
}

.events-list-wrapper ul li .join .join-txt {
    float: right;
    line-height: 25px;
}

.btn-load-more {
    background: #8c96a3;
    color: #fff;
}

.btn-load-more i {
    position: relative;
    left: -10px;
}

.btn-load-more i.spin {
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

.load-more-wrapper {
    padding-top: 20px;
}

#eventsModal .event-title {
    padding: 15px;
}

#eventsModal .event-title>a {
    font-size: 20px;
    sfont-weight: bold;
}



@media (max-width: 767px) {
    .load-more-wrapper {
        margin: 0 auto;
        width: 150px;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .load-more-wrapper {
        margin: 0 auto;
        width: 150px;
    }
}


/***
    event result
*****************************/
.map-wrapper #map {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.search-wrapper {
    position: absolute;
    padding: 20px 0 0 0;
    width: 70%;
}

.events-list-wrapper .view-all-result, .map-wrapper .featured-block .view-all-result:hover {
    color: #626c79;
    cursor: pointer;
    position: absolute;
    top: 40%;
    padding: 0;
}

.events-list-wrapper .view-all-result:hover {
    color: #FB4834;
}

.member-details-wrapper img, .athlete-details-wrapper img {
    width: 100%;
    height: auto;
}

.member-details-wrapper .title, .athlete-details-wrapper .title {
    padding: 5px;
    border-top: 1px solid #ebebeb;
    margin: 5px 0;
    display: block;
}

.result-details {
    float: right;
}

.result-details-wrapper {
    padding-bottom: 10px;
}

.result-details-wrapper .title {
    font-size: 22px;
    font-weight: bold;
    color: #1a2f48;
    padding: 10px 0;
}

.result-details-wrapper .title:hover {
    color: #2D5F99;
}

.events-list-wrapper .result-details-wrapper .location,.events-list-wrapper .result-details-wrapper .profile, .events-list-wrapper .result-details-wrapper .time {
    font-size: 16px;
    color: #1a2f47;
    padding: 5px 0;
}

.events-list-wrapper .result-details-wrapper i {
    padding: 5px;
    position: relative;
    left: -5px;
}

.events-list-wrapper .result-link-wrapper {
    border-top: 1px dashed #b7c9d8;
    padding: 10px 0;
}

.events-list-wrapper .result-link-wrapper span {
    color: #0f4b7f;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 1px 5px 2px;
}

.events-list-wrapper .result-link-wrapper span>a {
    line-height: 10px;
}

.events-list-wrapper .result-link-wrapper span i {
    font-size: 16px;
}

.events-list-wrapper .result-link-wrapper span.link {
    border-left: 1px solid #0f4b7f;
    color: #6f93b2;
    padding-left: 2px;
}

.events-list-wrapper .result-link-wrapper span.photo a span, .events-list-wrapper .result-link-wrapper span.photo a i {
    color: #2e4158;
}

.events-list-wrapper .result-link-wrapper span.photo a span:hover, .events-list-wrapper .result-link-wrapper span.photo a:hover i {
    color: #FB4834;
}

.events-list-wrapper .result-link-wrapper span.link a span, .events-list-wrapper .result-link-wrapper span.link a i {
    color: #6f93b2;
}

.events-list-wrapper .result-link-wrapper span.link a span:hover, .events-list-wrapper .result-link-wrapper span.link a:hover i {
    color: #FB4834;
}

.events-list-wrapper .result-link-wrapper span.link a span {
    position: relative;
    top: 1px;
}

.result-link-wrapper span.link a i {
    position: relative;
    top: 3px;
}

@media (min-width: 992px) {
    .map-wrapper .events-title-holder {
        margin-right: 0;
        /*margin-left: 3.444%;
                width: 65.3%;*/
    }
}

@media (max-width: 767px) {
    .map-wrapper .featured-block .desc {
        padding: 20px 15px;
    }
    
    .map-wrapper #map {
        z-index: -1;
    }
    
    .events-list-wrapper .view-all-result, .map-wrapper .featured-block .view-all-result:hover {
        position: relative;
    }
    
    .statistical-map-container {
        display: none;
    }
    
    .result-pane2 {
        sdisplay: none;
    }
    
    .search-wrapper {
        position: relative;
        width: 100%;
    }
}

/***********************************/


/***
    athletes event single page style
**************************************/

.result-map-wrapper {
    sbackground: url(../images/event-result-map.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.result-map-wrapper .overlay {
    background: rgba(15, 75, 127, 0.9);
    position: absolute;
    height: 100%;
    width: 100%;
}
.result-map-wrapper .event-contact-wrapper {
    margin: 80px 0;
}

.result-map-wrapper .events-back-link {
    color: #c7dffa;
    font-size: 16px;
    position: relative;
    bottom: 7px;
}

.result-map-wrapper .events-back-link:hover {
    color: #fb4834;
}

.result-map-wrapper .events-back-link>i {
    top: 3px;
    position: relative;
}
.result-map-wrapper .title {
    display: block;
    color: #fff;
    font-size: 30px;
}

.result-map-wrapper .contact-wrapper {
    padding: 0;
}

.result-map-wrapper .contact-heading {
    color: #fff;
    font-size: 16px;
    padding: 15px 0px 15px;
    border-bottom: 1px dashed #fff;
    text-transform: uppercase;
}

.result-map-wrapper .contact-items {
    padding-left: 0;
}

.result-map-wrapper .contact-items li {
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}

.result-map-wrapper .contact-items i {
    position: relative;
    top: 2px;
    font-size: 18px;
}

.result-map-wrapper .btn-register {
    background: #1d61ab;
    -moz-box-shadow: 1px 2px 3px 0px #424141;
    -webkit-box-shadow: 1px 2px 3px 0px #424141;
    box-shadow: 1px 2px 3px 0px #424141;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -webkit-border-radius: 1px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 40px;
    line-height: 30px;
}
.result-map-wrapper .btn-register:hover {
    background: #336192;
}

.result-map-wrapper .btn-register>i {
    margin-left: 10px;
    font-size: 24px;
    position: relative;
    top: 5px;
}

.result-map-wrapper .event-details-wrapper {
    margin: 30px 0;
    color: #1b2c3f;
    font-size: 16px;
}

.result-map-wrapper .event-details {
    background: #dbe3ea;
    padding: 20px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}

.result-map-wrapper .event-details i.icon-location {
    height: 100px;
    display: block;
    width: 20px;
}

.result-map-wrapper .event-details-wrapper ul {
    padding-left: 0;
}

.result-map-wrapper .event-details-wrapper ul>li {
    display: inline-block;
}

.result-map-wrapper .event-details-wrapper ul>li a {
    color: #fff;
    font-size: 60px;
}

.result-map-wrapper .event-details-wrapper ul>li a:hover {
    color: #ddd;
}

.result-map-wrapper .event-details .time {
    padding: 10px 0;
}

.result-map-wrapper .event-details .address h4 {
    font-size: 16px;
    font-weight: 400;
}

.events-list-wrapper .title-wrapper.others {
    border-bottom: 1px solid #d5d5d5;
    padding: 0;
    margin: 30px auto 60px;
}
.events-list-wrapper .title-wrapper.others .title {
    display: inline-block;
    position: relative;
    top: 18px;
    background: #fff;
    padding: 0 12px;
    font-size: 30px;
    color: #1a2f48;
    text-transform: none;
    font-weight: 500;
}

.events-list-wrapper .title-wrapper.others .title .city {
    font-size: 25px;
    font-weight: 600;
}

.event-logo-wrapper {
    width: 150px;
    margin: 20px auto;
}



@media (min-width: 600px) and (max-width: 800px) {
    .result-map-wrapper .event-details-wrapper {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .result-map-wrapper .btn-register {
        padding: 10px 25px;
    }
    
    .result-map-wrapper .event-details-wrapper {
        margin-top: 0;
    }
    
    .result-map-wrapper .event-contact-wrapper {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    
    .events-list-wrapper .title-wrapper.others {
        margin-top: 40px;
    }
    
    .result-map-wrapper .title .event-title {
        font-size: 20px;
    }
    
    .event-like-wrapper {
        width: 200px;
        margin: 0 auto;
    }
}
/***************end of athletes event single page style ****************/

/***
athletes photo list page
*************************************************************************/
.events-list-wrapper .result-link-wrapper span.photo a i {
    font-size: 20px;
}

.events-list-wrapper .result-link-wrapper span.photo a span {
    position: relative;
    top: 1px;
    /* padding-left: 5px; */
}

/***************end of athletes photo list page style ****************/

/***
athletes photo page
*************************************************************************/
.photos-wrapper {
    background: #fff;
    color: #1a2f48;
    padding-bottom: 100px;
}

.photos-wrapper .title-wrapper {
    margin: 20px auto;
    padding: 0;
}

.photos-wrapper .title-wrapper .all-events-link {
    position: relative;
    top: 3px;
    margin: 0 2px;
}

.photos-wrapper .header {
    width: 84%;
    border-bottom: 1px solid #ccc;
    margin-top: -30px;
}
.photos-wrapper .title {
    font-size: 30px;
    position: relative;
    top: 20px;
    background: #fff;
    7
    display: inline-block;
    padding: 0 15px;
}

.photos-wrapper #start-line {
    border: none;
    font-size: 18px;
}

.photos-wrapper #start-line:focus {
    outline: 0px;
}

.starting-line-wrapper {
    right: 0;
    position: absolute;
}

.starting-line-wrapper a {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.photos-wrapper .photo-container {
    padding: 50px inherit !important;
    position: relative;
}

.photos-wrapper .photo-container .photo-content {
    padding-left: 0;
}

.photos-wrapper .photo-container .title-logo {
    background: #e3e3e3;
    position: absolute;
    height: 30px;
    width: 100%;
    bottom: 0;
}

.photo-modal-link {
    cursor: pointer;
}

.modal.owlmodalbox .owl-carousel .owl-item {
    min-height: 400px;
}

.photos-wrapper .photo-container .photo-item {
    display: inline-block;
    margin: 5px 0;
}

.photos-wrapper .photo-container .photo-item .in {
    padding: 5px;
    display: none;
}

.modal.owlmodalbox .in form {
    display: none;
}
.photos-wrapper .photo-container .photo-item a {
    position: relative;
    display: block;
}

.photos-wrapper .user-list {
    display: none;
}

.user-list h4 {
    padding: 5px;
    border-bottom: 1px dashed #ccc;
}

.user-list ul {
    padding-left: 0;
    max-height: 100px;
    min-height: 100px;
    overflow: auto;
    position: relative;
}

.user-list ul li {
    display: inline-block;
    padding: 0 0 10px;
    width: 32.5%;
    vertical-align: top;
}

.modal .photo-item .in {
    background: rgba(15, 75, 127, 0.7);
    color: #fff;
    position: absolute;
    z-index: 100;
    right: 10px;
    padding: 5px;
    cursor: pointer;
}

.modal .time-wrapper {
    display: none;
}

.photos-wrapper .photo-container .photo-item a>img {
    width: 100%;
    height: auto;
}

.photos-wrapper .photo-container .photo-item a:hover>img {
    opacity: 0.8;
}

.photos-wrapper .photo-container .photo-item .title-logo>img {
    height: 45px;
    width: auto;
    position: relative;
    top: -12px;
}

.photos-wrapper .photo-container .photo-item .time-wrapper {
    border-top: 1px solid #ebebeb;
    margin: 5px 0;
    padding: 10px 0;
}
.photos-wrapper .photo-container .photo-item .time-label {
    color: #626c79;
    font-size: 12px;
    font-weight: bold;
}

.photos-wrapper .photo-container .photo-item .time {
    font-size: 12px;
    color: #3e3e3e;
    font-weight: bold;
}

.timeline-wrapper .buttons {
    border: none;
    background: #0f4b7f;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    color: #fff;
    padding: 10px inherit;
    text-align: center;
    width: 75px;
    font-size: 12px;
}

.timeline-wrapper .buttons:hover {
    background: #2B6DA6;
}

.timeline-wrapper ul {
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
}

.timeline-wrapper ul:before {
    content: '';
    font-size: 25px;
    background: #d4d8de;
    left: 29%;
    width: 3px;
    top: 0;
    bottom: 0;
    position: absolute;
}

.timeline-wrapper ul li {
    list-style: none;
    padding: 10px 0;
    position: relative;
}

.timeline-wrapper ul li:first-child {
    padding-top: 20px;
}

.timeline-wrapper ul li:last-child {
    padding-bottom: 20px;
}
.timeline-wrapper .content-perspective {
    position: relative;
    left: 35%;
}

.timeline-wrapper .content-perspective:before {
    content: '';
    width: 20px;
    top: 10px;
    position: absolute;
    height: 1px;
    background: #e8ebed;
}

.timeline-wrapper .event label, .timeline-wrapper .event .tl-radio {
    position: absolute;
    z-index: 10;
    left: 25%;
}
.timeline-wrapper .event .tl-radio {
    opacity: 0;
    cursor: pointer;
}

.timeline-wrapper .event label {
    background: #a5c0dd;
    border: 3px solid #f7f7f7;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    line-height: 24px;
    z-index: 0;
    top: 15px;
    box-shadow: 0px 0px 2px #E6E2E2;
}


.timeline-wrapper .event:first-child label {
    top: 25px;
}

.timeline-wrapper .content-perspective .time {
    position: relative;
    left: 17%;
    color: #e8ebed;
}

.timeline-wrapper .content-perspective .time:before {
    content: "|";
    color: #e8ebed;
    left: -2px;
    top: 1px;
    position: relative;
    font-weight: 300;
}


.timeline-wrapper .event.selected .content-perspective {
    left: 40%;
}

.timeline-wrapper .event.selected {
    padding: 30px 0;
}

.timeline-wrapper .event.selected label {
    background: #1d61ab;
    border: 3px solid #f7f7f7;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 24px;
    top: 5px;
    left: 20px;
    margin: 20px 0;
    transition: width,height,left,top 0.2s linear;
    -o-transition: width,height,left,top 0.2s linear;
    -webkit-transition: width,height,left,top 0.2s linear;
    -moz-transition: width,height,left,top 0.2s linear;
}

.timeline-wrapper .event:not(.selected) input[type='radio']:hover+label {
    background: #1d61ab;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    line-height: 24px;
    left: 23px;
    top: 10px;
    z-index: 9;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.timeline-wrapper .event:not(.selected):first-child input[type='radio']:hover+label {
    top: 20px;
}

.timeline-wrapper .event.selected .content-perspective .time, .timeline-wrapper .event.selected .content-perspective .time:before {
    color: #000;
}

.timeline-wrapper .event.selected .content-perspective .time {
    left: 13%;
    font-size: 20px;
    top: -5px;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.timeline-wrapper .event.selected .content-perspective:before {
    background: #000;
    width: 15px;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}


@media (max-width: 1024px) {
    .photos-wrapper .header {
        width: 77%;
    }
}

@media (max-width: 767px) {
    .photo-item {
        width: 100%;
    }
    
    .photos-wrapper .header {
        width: 100%;
        
        top: 5px;
        position: relative;
        margin-bottom: 10px;
    }
    
    .photos-wrapper .photo-container {
        padding: 25px inherit !important;
    }
    
    .photos-wrapper {
        padding-bottom: 30px;
    }
}

/*@media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){
    .photos-wrapper .header{
        margin-left: 5px;
    }
}*/
/************ athletes photo page ************************************/

/***
    athletes event result page style
**************************************/
.result-title-warpper {
    background: #212738;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    padding: 30px;
}

.result-title-warpper .result-back-link {
    color: #669ad2;
    font-size: 16px;
    margin-right: 20px;
}

.result-title-warpper .result-back-link i {
    position: relative;
    top: 2px;
}

.result-title-warpper .result-back-link:hover {
    color: #fb4834;
}

.event-result-wrapper {
    padding: 60px 0 100px;
    background: #fff;
}

.event-result-wrapper.hof-result {
    background: url('../images/hero-banner.jpg') no-repeat;
    background-size: cover;
}

.event-result-wrapper .title {
    font-size: 20px;
    padding-bottom: 10px;
}

.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.datagrid {
    background: #fff;
    overflow: hidden;
}

.datagrid table thead tr {
    border-bottom: 3px solid #f7f7f6;
}

.datagrid table td,.datagrid table th {
    padding: 10px 10px;
}

.datagrid table thead th {
    background: 0;
    background-color: #616571;
    color: #FFF;
    font-size: 11px;
    font-weight: normal;
    border-left: 1px solid #71737c;
}

.datagrid table thead th:first-child {
    border: none;
}

.datagrid table tbody td {
    color: #565d65;
    background: #f3f3f2;
    font-size: 14px;
    font-weight: 400;
}

.datagrid table tbody td.time {
    font-size: 16px;
    font-weight: bold;
    width: 125px;
    text-align: center;
}

.datagrid table tbody td.time a {
    color: #b6131c;
}

.datagrid table tbody td.time a:hover {
    color: #fb4834;
}

.datagrid table tbody td.bib {
    text-align: center;
    width: 125px;
}

.datagrid table tbody td.bib>a {
    background: #0f4b7f;
    padding: 5px;
    color: #ffffff;
    min-width: 50px;
    display: inline-block;
}

.datagrid table tbody td.bib>a:hover {
    background: #14314A;
}

.datagrid table tbody .alt td {
    background: #ECEFF2;
}

.datagrid table tbody .first td {
    background: #c6cace;
    color: #fff;
}

.datagrid table tbody .first td i {
    font-size: 18px;
    position: relative;
    top: 2px;
}

.datagrid table tbody td:first-child {
    border-left: none;
    padding-left: 25px;
}

.datagrid table tbody tr:last-child td {
    border-bottom: none;
}

.event-result-wrapper .name-wrapper {
    padding: 5px;
}
-
.event-result-wrapper .name-wrapper .name {
    color: #eb5555;
    font-weight: bold;
    font-size: 18px;
}

.event-result-wrapper .name-wrapper .name.blue {
    color: #1d61ab
}

.event-result-wrapper .name-wrapper .location {
    color: #b0b0b0;
}

.event-result-wrapper .name-wrapper .number {
    padding: 10px;
    background: #b6131c;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.event-result-wrapper .name-wrapper .number.blue {
    background: #0f4b7f;
}

.event-result-wrapper .title-wrapper>div {
    color:
}

.event-result-wrapper .title-wrapper {
    padding: 5px;
    width: 76%;
}

.event-result-wrapper .back-link {
    font-size: 16px;
}

.event-result-wrapper .back-link i {
    position: relative;
    top: 2px;
}

.runner-img {
    width: 100%;
}

.event-result-wrapper .result-details-wrapper {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding: inherit 0px;
}

.event-result-wrapper .details-wrapper {
    margin: 10px;
    padding-bottom: 15px;
    color: #212738;
    font-size: 14px;
    border-bottom: 1px solid #c6cdd2;
}

.event-result-wrapper .details-wrapper .detail i {
    color: #bbbdc2;
    font-size: 24px;
    position: relative;
    top: 5px;
    padding: 10px;
}

.event-result-wrapper .details-wrapper .detail .seperator {
    font-size: 18px;
    color: #d3d4d7;
}

.event-result-wrapper .details-wrapper .clock {
    color: #eb5555;
    font-weight: bold;
}

.event-result-wrapper .details-wrapper .clock.blue {
    color: #1d61ab;
}

.event-result-wrapper .result-details-container {
    text-align: center;
    padding-left: 0;
}

.event-result-wrapper .result-details-container li {
    display: inline-block;
    background: #f4f4f4;
    padding: 0px 15px;
    margin: 5px;
}

.event-result-wrapper .result-details-container .title {
    font-size: 12px;
    color: #212738;
    padding: 5px 0;
}

.event-result-wrapper .result-details-container .value {
    color: #212738;
    font-size: 18px;
}

.event-result-wrapper .statistical-map-wrapper {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-top: 25px;
}

.event-result-wrapper .statistical-map-wrapper .title {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px;
    text-transform: uppercase;
    color: #939393;
    font-size: 14px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .result-title-warpper {
        padding:10px;
    }
    
    .result-title-warpper {
        font-size: 20px;
    }
    
    .datagrid table tbody td.bib>a {
        min-width: 40px;
    }
    
    .datagrid table tbody td:first-child {
        padding-left: 10px;
    }
}

/************ athletes event result page ****************************/


/********* athletes hall of fame page **********************************/

.hall-of-fame-title-wrapper, .hall-of-fame-filter {
    padding: 10px 20px;
    line-height: 35px;
    background: rgba(0,0,0,0.5);
}

.hall-of-fame-title-wrapper {
    margin-bottom: 10px;
}

.hall-of-fame-filter {
    padding: 20px 40px;
}

.form-hall-of-fame .checkbox label {
    color: #fff;
}

.hall-of-fame-title-wrapper .title, .hall-of-fame-filter .title {
    font-size: 30px;
    color: #fff;
}

.hall-of-fame-filter .btn-group>button {
    background: #f7f7f6;
    box-shadow: none;
}


.hall-of-fame-title-wrapper .btn-group>button:hover, .hall-of-fame-title-wrapper .btn-group>button:focus {
    text-decoration: none;
}

.hall-of-fame-title-wrapper .btn-group>button {
    color: #1e2332;
    font-size: 14px;
}

.form-hall-of-fame input[type='text'] {
    border-top-color: #e5e5e4;
    border-bottom-color: #e8e8e8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background: #f7f7f6;
    height: 40px;
    width: 100%;
}

.form-hall-of-fame .btn-group>.dropdown-toggle {
    height: 40px;
}

.form-hall-of-fame input[type='text'].from {
    width: 100px;
}
.form-hall-of-fame input[type='text'].to {
    width: 105px;
}

.form-hall-of-fame label {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
}

.form-hall-of-fame .checkbox label {
    font-size: 18px;
}
.form-hall-of-fame .gender-label {
    margin-right: 10px;
}

.form-hall-of-fame .age-label {
    margin-right: 32px;
}

.form-hall-of-fame .row {
    padding: 5px 0;
}

.form-hall-of-fame input:focus {
    outline: none;
    border: none;
}

.hall-of-fame-photos .latest-photos-heading {
    color: #fff;
}

.hall-of-fame-photos.stuck {
    /*bottom: 100px;*/
    top: 0px;
    position: fixed;
    width: 30.5%;
}

.hall-of-fame-photos ul li {
    display: inline;
}

.hall-of-fame-select {
    border: none;
}

.hall-of-fame-title-wrapper .dropdown-toggle.selectpicker {
    color: #fff;
}

@media (max-width: 1024px) {
    .event-result-wrapper {
        padding: 30px 0 50px;
    }
    
    .datagrid {
        margin-bottom: 20px;
    }
    
    .result-details-wrapper {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    
    .hall-of-fame-title-wrapper .title, .hall-of-fame-filter .title {
        font-size: 20px;
    }
    
    .form-hall-of-fame input[type='text'] {
        width: 100% !important;
    }
    
    .form-hall-of-fame input[type='text'].from {
        margin-bottom: 10px;
    }
    
    .datagrid table td, .datagrid table th {
        padding: 20px 5px;
    }
    
    .form-hall-of-fame .checkbox {
        padding: 10px 0;
    }

}

@media (max-width: 567px) and (orientation: portrait) {
    .hall-of-fame-title-wrapper .dropdown-toggle.selectpicker {
        padding-left: 0px;
    }
}

/********* end athletes hall of fame page **********************************/


/****** about page ********************/

.about-banner-wrapper {
    background: url(../images/banner.jpg) center center no-repeat #e74c3c;
    background-size: cover;
    position: relative;

}

.who-we-wrapper {
    background: #fff;
    text-align: center;
}

.who-we-wrapper .title {
    font-size: 34px;
    color: #0f4b7f;
    font-weight: bold;
    background: url(../images/ath-seperator.png) center bottom no-repeat;
    padding: 40px 0;
    margin: 30px 0;
}

.who-we-wrapper .desc {
    font-size: 18px;
    color: #516479;
    padding: 30px 0 70px;
}

.our-team-wrapper {
    background: #0F4B7F;
    text-align: center;
    position: relative;
}

.our-team-wrapper .title {
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    padding: 30px 0;
    margin: 30px 0;
}

.our-team-wrapper .overlay {
    background: url(../images/savings-bg.png) repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.6;
}

.our-team-wrapper .profile {
    display: inline-block;
    margin: 5% 2%;
}

.our-team-wrapper .profile .profile-img-wrapper {
    overflow: hidden;
    width: 150px;
    height: 150px;
}

.our-team-wrapper .profile .img-responsive {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    border: 2px solid #fff;
}

.our-team-wrapper .profile .name {
    font-size: 24px;
    color: #fff;
    padding: 10px 0 5px;
}

.our-team-wrapper .profile .designation {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

.our-team-wrapper ul {
    padding-left: 0;
    padding-bottom: 60px;
}

.vision-wrapper {
    text-align: center;
    background: #fff;
}

.vision-wrapper .title {
    font-size: 34px;
    color: #516479;
    font-weight: bold;
    padding-top: 30px;
    margin: 0px 0;
}

.vision-wrapper .desc {
    font-size: 18px;
    color: #516479;
    padding: 0 0 80px;
}



.vision-wrapper .profile {
    display: inline-block;
    margin: 5% 2%;
}

.vision-wrapper .profile .profile-img-wrapper {
    overflow: hidden;
    width: 150px;
    height: 150px;
}

.vision-wrapper .profile .img-responsive {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    border: 2px solid #516479;
}

.vision-wrapper .profile .name {
    font-size: 24px;
    color: #fff;
    padding: 10px 0 5px;
}

.vision-wrapper .profile .designation {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

.vision-wrapper ul {
    padding-left: 0;
    padding-bottom: 0px;
}



/****** end of about page *************/
@media (min-width: 768px) {
    .form-hall-of-fame .checkbox {
        display: block;
        padding: 10px 0;
    }
    
    .form-hall-of-fame .checkbox .icheckbox_minimal-blue {
        margin-right: 10px;
    }


}

@media (min-width: 992px) {
    .col-md-offset-1 {
        margin-left: 4.25%;
    }
    
    
    .tshirt-photo {
        left: -30px;
    }
    
    .tshirt-wrapper .text-wrapper {
        padding-bottom: initial;
        width: 50%;
    }
    
    .intro-logo-wrapper {
        width: 48% !important;
    }
    
    .timing-wrapper .thumb-block .blocks {
        min-height: 498px;
    }
    
    .thumb-block .col-md-4 {
        width: 27.8%;
    }
    
    .event-photo {
        margin-left: -55px;
    }
    
    .tshirt-wrapper .text-wrapper .desc, .tshirt-wrapper .text-wrapper .sub-desc {
        text-align: left;
    }

}

@media (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    .intro-logo-wrapper {
        width: 49% !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .intro-container {
        padding: 80px 0 30px;
    }
}


@media (max-width: 768px) {
    
    .who-we-wrapper .desc {
        padding: 30px 0 60px;
    }
    
    .photos-link {
        border: none !important;
    }
    
    .timing-wrapper .thumb-block .blocks {
        min-height: 525px;
    }
    
    .thumb-block .col-sm-4 {
        width: 28.8%;
    }
    
    .thumb-block .col-sm-offset-1 {
        margin-left: 3.25%;
    }
    
    .event-photo {
        margin-left: -70px;
    }
    
    .events-wrapper .text-wrapper {
        padding-bottom: 0;
    }
    
    .tshirt-photo {
        left: -45px;
    }
    
    .tshirt-wrapper .text-wrapper {
        padding-bottom: 0;
    }
    
    .testimonial-wrapper .content .thumb {
        float: none !important;
        margin: 0 auto;
        width: 180px;
    }
    
    .tshirt-wrapper .text-wrapper .desc {
        text-align: center;
    }
}


@media (min-width: 600px) and (max-width: 800px) {
    .intro-logo-wrapper {
        width: 65% !important;
    }
    
    .intro-logo-wrapper ul li {
        width: auto !important;
    }
    
    /*.intro-logo-wrapper ul{
            padding-left: 90px !important;
        }*/
}

@media (min-width: 600px) and (max-width: 800px) and(orientation:portrait) {
    .intro-logo-wrapper {
        width: 72% !important;
    }
}

@media (max-width: 767px) {
    .intro-logo-wrapper {
        display: none;
    }
    
    .intro-container .get-started-wrapper {
        margin: 40px 0;
    }
    
    
    .intro-logo-wrapper ul li {
        width: 100%;
    }
    
    .intro-logo-wrapper ul li img {
        margin: 0 auto !important;
    }
    
    .border: {
        border: none !important;
    }
    /*.photos-link{
            border-right: 2px dotted #e17c77 !important;
        }*/
    
    .margin-half {
        margin: 0;
    }
    
    .thumb-block .col-sm-4 {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .thumb-block .col-xs-16 {
        margin-bottom: 20px;
    }
    
    .thumb-block .col-sm-offset-1 {
        margin-left: 0;
    }
    
    .timing-wrapper .text-wrapper .desc {
        color: #ccc;
        font-size: 15px;
        margin-bottom: 10px;
    }
}


@media (max-width: 568px) and (orientation: landscape) {
    .intro-logo-wrapper {
        width: 85% !important;
        margin: 40px auto 0;
    }
    
    .intro-logo-wrapper ul li {
        width: auto;
    }
}

@media (max-width: 568px) and (orientation: portrait) {
    .intro-logo-wrapper ul {
        padding-left: 0;
    }
}

@media (max-width: 480px) and (orientation: landscape) {
    .intro-logo-wrapper ul {
        padding-left: 20px;
    }
    
    .intro-logo-wrapper {
        width: 94% !important;
        margin: 40px auto 0;
    }
}



/** Registration page **/

.registration-banner-wrapper {
    background: url(../images/registration-banner.jpg) center center no-repeat #e74c3c;
    background-size: cover;
    /**position: relative;**/
    padding: 70px 0 50px;
}

.registration-banner-wrapper .logo {
    width: 250px;
    /**padding: 30px;**/
	padding: 5px 20px;
	
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.8));
    /**filter: url(shadow.svg#drop-shadow);**/
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.registration-banner-wrapper .details {
    background: rgba(15, 75, 127, 0.5);
    color: #fff;
    padding: 20px 40px;
}

.registration-banner-wrapper .details h1 {
    font-size: 36px;
}

.registration-banner-wrapper .details .items {
    font-size: 24px;
}

.registration-banner-wrapper .details .items {
    padding-left: 0px;
}

.registration-banner-wrapper .details .items li {
    display: inline-block;
}

.registration-banner-wrapper .details .items li:not(:last-child):after {
    content: "|";
    padding: 10px;
}

.registration-content-wrapper {
    background: #fff;
    padding: 40px 0;
}

.panel > .panel-heading {
    font-size: 20px;
}

.panel, .panel > .panel-heading {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
}

.panel.no-border {
    border: none !important;
}

.panel-dark > .panel-heading {
    color: #ffffff;
    background-color: #072946;
    border-color: #072946;
}

.panel-light > .panel-heading {
    color: #fff;
    background-color: #0f4b7f;
    border-color: #0f4b7f;
}

.panel-med > .panel-heading {
    color: #fff;
    background-color: #6d8599;
    border-color: #6d8599;
}

.panel-body .title {
    width: 125px;
    display: inline-block;
}

.panel-body i {
    font-size: 16px;
}

.panel-body .share-icons {
    padding-top: 10px;
}

.panel-body .date, .panel-body .timing {
    margin-bottom: 10px;
}

.panel-body .location {
    margin-bottom: 20px;
}
.panel-body .timing .end {
    margin-left: 50px;
}

.registration-content-wrapper table thead {
    background: #0f4b7f;
    color: #fff;
}

.registration-content-wrapper table thead th {
    font-weight: normal;
}

.registration-content-wrapper table thead:first-child th {
    padding: 10px 15px;
}

.registration-content-wrapper table tbody:before {
    line-height: 0.5em;
    content: "-";
    color: white;
    /* to hide text */
    display: block;
}

.registration-content-wrapper table tbody tr {
    background: #e7e7e7;
    font-weight: bold;
}

.registration-content-wrapper table tbody tr td {
    border-color: #fff;
}

.registration-content-wrapper table .name {
    margin-left: 10px;
}

.registration-content-wrapper table td .closed {
    color: #c51230;
    padding-right: 10px;
}

.registration-content-wrapper .continue-wrapper {
    line-height: 55px;
}

.registration-content-wrapper .icon-continue {
    font-size: 60px;
    margin-left: -15px;
    color: #27a90d;
    display: inline-block;
    float: left;
}
.iradio_minimal-blue {
    background-position: -120px 0;
}

.registration-content-wrapper .description {
    padding-bottom: 30px;
}

.registration-content-wrapper .privacy {
    padding: 20px 15px;
    border-top: 1px solid #ccc;
}

.registration-content-wrapper .terms-wrapper {
    padding: 20px 0 10px;
}

.registration-content-wrapper .terms {
    font-weight: normal;
    padding-left: 10px;
}

.registration-content-wrapper .intitials {
    margin-left: 20px;
    width: 100px;
}

.continue-wrapper a {
    float: left;
    display: block;
}

.continue-wrapper a:first-child {
    margin-right: 30px;
}

.continue-wrapper a.checkout {
    margin-left: 15px;
}

.continue-wrapper a label {
    cursor: pointer;
}

.btn-dark, .btn-dark:active {
    background-color: #0f4b7f;
    color: #fff;
}

.btn-dark:hover {
    background-color: #226197;
    color: #fff;
}

.btn-med {
    color: #fff;
    background-color: #6d8599;
}

.btn-med:hover {
    color: #fff;
    background-color: #416B8E;
}

.panel input, .panel textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 4px rgba(150, 150, 150, 0.20);
}

.panel-login form {
    padding: 0 20px;
}

.panel-login .forgot-wrapper {
    padding-top: 20px;
}

.panel-login .create-account {
    font-size: 12px;
    color: #0f4b7f;
}

.panel-login .create-account:hover {
    color: #2B88DA;
}

.panel-login .forgot-password {
    font-size: 12px;
    color: #393939;
}

.panel-login .forgot-password:hover {
    color: #000;
}

.get-login-title {
    font-size: 20px;
}

.create-account-link {
    color: #b5121b;
}

.free {
    padding: 5px 0;
    font-size: 20px;
}

.registration-content-wrapper .form-horizontal .control-label {
    text-align: left;
}

.get-reg-wrapper {
    padding: 0 0 20px;
}

.get-reg-wrapper .title {
    font-weight: bold;
    padding: 5px 0;
    font-size: 24px;
}
.panel-register form select, .panel-donate form select {
    padding: 8px;
    width: 100%;
}

.panel-register {
    padding: 0px 0px 87px;
}

.panel-register button {
    margin: 10px;
}

.panel-donate .panel-body {
    padding: 20px;
}

.panel-donate .form-group {
    padding-top: 10px;
}

.panel-donate form select {
    margin-bottom: 20px;
}

.panel-register form .select-wrapper {
    padding: 15px 10px 0px;
}

.panel-how label {
    font-weight: normal;
    display: block;
}

.panel-how select {
    padding: 10px;
}

.panel-how label .iradio_minimal-blue {
    margin-right: 10px;
}

.panel-how input[type="text"] {
    width: 30%;
}

.panel-personal {
    min-height: 420px;
}

.red {
    color: #c51230;
}

.panel .row {
    display: table;
    padding: 5px 20px;
}

.panel .row span {
    vertical-align: middle;
}

.panel .row label, .panel .row span {
    display: table-cell !important;
    font-size: 14px;
}

.panel .info {
    font-size: 20px;
    color: #072946;
    display: block;
    border-bottom: 1px solid #072946;
    margin: 10px;
}

.panel-additional .info {
    border-color: #0f4b7f;
    color: #0f4b7f;
}
.panel-additional .title {
    width: 250px;
}

@media (max-width: 767px) {
    .registration-banner-wrapper {
        padding: 10px 0 40px;
    }
    
    .registration-banner-wrapper .logo {
        float: none !important;
        margin: 0 auto;
    }
    
    .registration-banner-wrapper .details {
        padding: 10px 20px;
    }
    
    .registration-banner-wrapper .details h1 {
        font-size: 24px;
    }
    
    .registration-banner-wrapper .details .items {
        font-size: 16px;
    }
    
    .panel .row {
        padding: 0 10px;
    }
    
    .panel .row label, .panel .row span {
        padding: 5px 0;
        display: block !important;
    }
    
    .panel-body .title {
        width: auto !important;
    }
}

@media (max-width: 991px) {
    .panel-register {
        padding: 0;
    }
}

@media (min-width: 991px) and (max-width: 1117px) {
    .panel-register {
        padding: 0 0 107px;
    }
}

/** End of Registration Page **/

/*
 *
 * Styles By Utpal Goes Here ==========================>>
 *
 */


/*
 *
 * Hero Component
 *
 */

.racewire-hero-component {
    background: url('../images/hero-banner.jpg') no-repeat;
    background-size: cover;
    padding: 30px 0;
}

.results-back-link {
    color: #c7dffa;
    font-size: 16px;
    margin-right: 20px;
}

.results-back-link > i {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.profile-heading {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}

.profile-block {
    background: rgba(0, 0, 0, 0.40);
    padding: 20px;
    margin-top: 15px;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
}

.profile-note {
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
    display: block;
}

.profile-thumbnail {
    width: 150px;
    height: 150px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.profile-thumbnail > img {
    border-radius: 100%;
    border: 5px solid #fff;
}

.profile-info {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 15px;
    margin: 0;
    list-style: none;
}

.profile-info li {
    margin-bottom: 8px;
}

.profile-info li label {
    font-weight: 200;
}

.profile-info li span {
    font-weight: 400;
}

.profile-name {
    font-size: 30px;
    color: #fff;
}

.profile-previous-info {
    font-weight: 300;
}

.profile-title-common {
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #fff;
}

.profile-subtitle-common {
    margin: 15px 0 0 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #fff;
}

.performance-info {
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
}

.performance-info li {
    width: 48%;
    display: inline-block;
}

.performance-info li:nth-child(even) {
    float: right;
}

.performance-info li label {
    font-weight: 300;
}


/*! perfect-scrollbar - v0.4.10
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyeonje Alex Jun; Licensed MIT */

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    bottom: 3px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,
    opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear
}
.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: .6;
    filter: alpha(opacity=60)
}
.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}
.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background: #eee;
    opacity: .9;
    filter: alpha(opacity=90);
}
.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.6;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,
    opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: .6;
    filter: alpha(opacity=60)
}
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: transparent;
    opacity: .9;
    filter: alpha(opacity=90)
}
.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background: transparent;
    opacity: .9;
    filter: alpha(opacity=90)
}
.ps-container .ps-scrollbar-x {
    position: absolute;
    bottom: 0;
    height: 8px;
    background: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}
.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0;
}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background: #999
}
.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 8px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}
.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0;
}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background: #CFCFCF;
}
.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}
.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

.personal-record {
    padding: 0;
    margin: 20px 0 10px;
    max-height: 212px;
    overflow: hidden;
    position: relative;
    list-style: none;
}

.hall-fame {
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    margin: 20px 0 0;
    overflow: hidden;
    position: relative;
    list-style: none;
}

.personal-record li {

}

.hall-fame li {
    margin-bottom: 10px;
}

.hall-fame li:last-child {
    margin-bottom: 0;
}

.personal-record li:first-child > h4 {
    margin-top: 0;
}

.personal-record li:before,
.personal-record li:after {
    clear: both;
    content: '';
    display: block;
}

.recordDonut {
    float: left;
    margin: 15px 20px 0 0;
}

.personal-record-info {
    font-weight: 300;
    float: left;
    margin-top: 15px;
}

.personal-record-info h5,
.personal-record-info h5 span {
    font-size: 16px;
    margin-top: 0;
    font-weight: 400;
}

.personal-record-info label,
.personal-record-info span {
    font-weight: 300;
    font-size: 14px;
}

.events-info {
    padding: 0;
    margin: 10px 0 5px;
    list-style: none;
}

.events-info li {
    display: inline-block;
    position: relative;
    padding: 0 13px;
}

.events-info li:after {
    position: absolute;
    top: 6px;
    right: -3px;
    content: url('../images/list-divider.png');
    color: #D5D3D3;
}

.events-info li:first-child {
    padding-left: 0;
}

.events-info li:last-child {
    padding-right: 0;
}

.events-info li:last-child:after {
    content: '';
}

.events-thumb {

}

.event-label {
    font-size: 12px;
}

.event-data {
    font-size: 16px;
}

.finisher-certificate {
    font-size: 12px;
    border-top: 1px dashed #b7c9d8;
    padding: 10px 0;
}

.events-left {
    width: 90%;
    float: left;
    margin-bottom: 10px;
}

.events-right {
    width: 8%;
    height: 102px;
    float: left;
    margin: 8px 0 10px 3px;
    position: relative;
}

.events-graph-height {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 99%;
}

.events-count {
    font-size: 11px;
}

.events-graph {
    background: #c54249;
    position: relative;
    width: 100%;
    height: 100%;
}

.events-title {
    color: #626c79;
    font-weight: normal;
    display: inline-block;
}

.events-viewall {
    display: inline-block;
    border-bottom: 2px solid #c0c6cd;
    padding: 0 225px 0 15px;
    margin: 0 10px;
    position: relative;
    top: -14px;
}

.events-viewall-padding {
    padding: 0 65px 0 15px;
}

.events-viewall-inner {
    position: relative;
    top: 9px;
    background: #fff;
    padding: 0 5px;
}

.events-viewall-inner > i {
    font-size: 22px;
    color: #0f4b7f;
    position: relative;
    top: 4px;
}

.events-type {
    color: #6a7883;
}

.events-viewlink {
    color: #6a7883;
    position: relative;
    top: -5px;
    text-transform: capitalize;
}

.events-viewlink > i {
    font-size: 24px;
    position: relative;
    top: 6px;
}

.events-social {
    padding: 10px 0;
    margin-bottom: 0;
    list-style: none;
}

.events-social li {
    display: inline-block;
}

.events-social li a {
    font-size: 60px;
    color: #3f6f99;
}

.events-blocks {
    padding-left: 0;
    margin-left: -15px;
}

.events-blocks > li {
    padding: 0 23px;
    width: 33.3%;
    ;
}

.events-graph-block {
    border: 1px solid #EBE9E9;
    border-radius: 5px;
    padding: 20px;
    margin-right: 20px;
}

.events-graph-block > img {
    margin: 0 auto;
}

.photo-wrapper {
    position: relative;
    display: block;
}

.photo-info {
    background: rgba(0, 0, 0, 0.58);
    width: 100%;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.latest-photos-wrap {
    margin: 30px 0;
}

.latest-photos {
    padding: 0;
    margin: 0 -10px;
}

.latest-photos .photo-item {
    margin: 10px 0;
    padding: 0 10px !important;
}

.photos-all {
    text-transform: uppercase;
    color: #9d9d9d;
    font-weight: 500;
    text-align: right;
    display: block;
    margin-right: -10px;
}

.photos-all > i {
    font-size: 40px;
    position: relative;
    top: 13px;
}

.latest-photos-heading {
    color: #5c5c5c;
    text-transform: uppercase;
}

.latest-photos-heading > i {
    background: #0f4b7f;
    color: #fff;
    font-size: 21px;
    padding: 6px 7px 8px 8px;
    border-radius: 100%;
    margin-right: 10px;
}

.location-header {
    color: #626c79;
    font-weight: normal;
}

@media (max-width: 1024px) {
    .events-viewall {
        padding: 0 150px 0 15px;
    }
    
    .events-viewall-padding {
        padding: 0 8px 0 0px;
    }
    
    .latest-photos-heading {
        font-size: 17px;
    }
    
    .events-right {
        height: 99px;
    }
}

@media (max-width: 1024px) and (orientation:landscape) {
    .events-right {
        height: 91px;
    }
}

@media (max-width: 767px) {
    .profile-heading {
        font-size: 24px;
    }
    
    .events-blocks > li {
        width: 95%;
        padding: 5px 25px !important;
        margin: 0 20px;
    }
    
    .events-social li a {
        font-size: 53px;
    }
    
    .events-viewall {
        padding: 0 45px 0 15px;
    }
    
    .events-right {
        height: 106px;
    }
    
    .performance-info li {
        width: 100%;
    }
    
    .performance-info li:nth-child(even) {
        float: none;
    }
}

@media (max-width: 767px) and (orientation:landscape) {
    .events-right {
        height: 82px;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .events-viewall {
        padding: 0 210px 0 15px;
    }
    
    .events-viewall-padding {
        padding: 0 55px 0 15px;
    }
    
    .latest-photos-heading {
        font-size: 18px;
    }

}

.copyright-section {
    margin-bottom: 0;
}

.copyright-section, .copyright-section a {
    color: #55565a;
}
.copyright-section a:hover {
    color: #fff;
}


/*
* IOS position fixed hack
*/

.fixfixed {
    position: relative !important;
}

/*
 * form control style to fix IE placeholder issue
 */

.form-control {
    color: #555;
}

.form-control:focus {
    color: #555555;
}

.goto-top {
    position: fixed;
    right: 2%;
    bottom: 5%;
    z-index: 1000;
    display: none;
    background: rgba(0,0,0, 0.7);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.goto-top a {
    display: block;
    padding: 10px;
}

#customModal .modal-title {
    color: #b5121b;
}

.customForm label {
    display: block;
}

.customForm #from, .customForm #to {
    width: 40%;
}

.customForm .separator {
    width: 20%;
    float: left;
    text-align: center;
}

.customForm .checkbox {
    padding-left: 0;
}

.customForm select {
    padding: 5px 0;
}

@media (max-width: 800px) {
    .customForm #from, .customForm #to {
        width: 100%;
    }
    
    .customForm .separator {
        visibility: hidden;
    }
}


/*
 * Payment page
 */
.icon-cart.icon-continue {
    font-size: 45px;
}

.lbl-checkout {
    font-size: 20px;
}

.lbl-billing-checkbox {
    padding: 0;
}

.payment-panel .radio-wrapper {
    padding: 0;
}

.payment-panel .radio-inline {
    padding-left: 11px;
}

@media (max-width: 768px) {
    .payment-panel .radio-inline {
        padding-left: 8px;
    }
}


/*
 * Accordion styles
 */
.accordion {

}

.accrodion-heading {
    padding: 10px 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid transparent;
    color: #fff;
    background-color: #0f4b7f;
    border-color: #0f4b7f;
    font-size: 20px;
}

.accrodion-heading a {
    color: #fff;
    font-size: 50px;
    display: block;
    top: -38px;
    position: relative;
}

.accrodion-heading a:hover {
    color: #C3C5CF;
}

.accordion-content {
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

/*
 * Login modal 
 */
.sigin-link {
    cursor: pointer;
}

#loginModal .checkbox {
    padding-left: 0;
}

.modal-title {
    color: #154f82;
    font-size: 24px;
}

.modal-close {
    cursor: pointer;
    display: block;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 10;
    background: url(../images/close_black.png) no-repeat;
    width: 42px;
    height: 42px;
}

.or-wrapper {
    position: absolute;
    width: 40px;
    right: 5px;
}
.or-wrap {
    background: #c2c2c2;
    width: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 36px;
}
.line {
    height: 78px;
    width: 1px;
    background: #e5e5e5;
    position: relative;
    left: 20px;
}

#loginModal .btn-fb {
    background: url(../images/fb.png) no-repeat;
    width: 170px;
    height: 35px;
    background-position: -5px 0px;
    display: block;
    top: 115px;
    position: relative;
}

.create-account-wrapper{
    position: relative;
    top: 10px;
}

@media (max-width: 767px) {
    
    #loginModal .btn-fb {
        top: 0;
        margin: 0 auto;
    }
    
    .or-wrapper {
        position: relative;
        margin: 10px auto 0;
    }
    
    .line {
        display: none;
    }
}

/*
 * photo Modal popup
 */
.modal.owlmodalbox {
    top: 5%;
    bottom: auto;
    margin: 0 auto;
    overflow-y: auto;
    overflow: visible;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.modal.owlmodalbox .modal-header {
    border-bottom: none;
    padding: 5px 35px;
}


.modal.owlmodalbox .modal-header h4 {
    font-size: 24px;
    color: #fff;
    margin: 0;
}

.modal.owlmodalbox .modal-body {
    padding: 0 20px;
    max-height: 600px;
}

.modal.owlmodalbox .modal-body img {
    max-width: 560px !important;
    min-height: 350px;
}

.modal.owlmodalbox .in {
    position: absolute;
    right: 5%;
    top: 5%;
    background: rgba(29, 97, 171, 0.7);
    color: #fff;
    padding: 5px;
    width: 30%;
}
.modal.owlmodalbox .in .title {
    cursor: pointer;
}

.modal.owlmodalbox .in .form-horizontal .form-group {
    margin: 10px 0;
}

.modal.owlmodalbox .in legend {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
}

.modal.owlmodalbox .in fieldset {
    margin-top: 5px;
}

.modal.owlmodalbox .photo-item {
    list-style: none;
    width: auto;
}

.modal.owlmodalbox .prev, .modal.owlmodalbox .next {
    position: absolute;
    top: 45%;
    cursor: pointer;
    z-index: 100;
}

.modal.owlmodalbox .prev i, .modal.owlmodalbox .next i {
    font-size: 24px;
    color: #333;
    background: #fff;
    padding: 10px 5px;
}

.modal.owlmodalbox .prev {
    left: -50px;
}

.modal.owlmodalbox .next {
    right: -50px;
}

.modal.owlmodalbox .continue {
    margin: 10px 0 !important;
}


.sigin-link button {
    cursor: pointer;
    font-size: 13px;
    padding: 15px;
    background: none repeat scroll 0% 0% transparent;
    color: #052548;
    font-weight: 700;
}

div.sigin-link {
    z-index: 100;
}