::-moz-selection { background: #00172a;color: #25bbfc; }
::selection { background: #00172a;color: #25bbfc; }
:root {
    font-size: 62.5%;
}
body {
    color: #4b4d4f;
    font: 400 1.8rem/2.4rem 'Titillium Web', sans-serif;
    letter-spacing: 0.15rem;
}
a{
    color: #25bbfc;
    text-decoration: none;
}
a:hover{
    color: #00172a;
    text-decoration: none;
}
a, a:before, a:after, input, select, textarea, button, .transition{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
strong{
    font-weight: bold;
}
img{
    max-width:100%;
    width:auto;
    height:auto;
}
img.rank-me-image{
    max-width: 45px;
}
h1, h2, h3, h4, h5, h6{
    margin-bottom: 2rem;
}
p{
    margin-bottom: 1.5rem;
}
h1, h2 {
    color: #25bbfc;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 2rem;
}
h3 {
    color: #25bbfc;
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 700;
}
h4 {
    font-size: 2.4rem;
    line-height: 1.2086;
    font-weight: 700;
}
h5 {
    font-size: 2.2rem;
    line-height: 1.2;
    font-weight: bold;
}
h6 {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: bold;
}
.title{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.15rem;
    position: relative;
    text-transform: uppercase;
}
.title .title-icon{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 5rem;
    width: auto;
    height: 4.5rem;
    max-width: 100%;
}
.title .title-text{
    -ms-flex:  0 0 100%;
    flex:  0 0 100%;
    width: 100%;
    max-width: 100%;
}
.title .title-icon + .title-text{
    max-width: calc(100% - 5rem);
}
.main-container .form-group > label:not(.error){
    color: #ffffff;
}
.main-container .form-group > label.error{
    color: #ff0018;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    margin-top: .5rem;
    margin-bottom: 0;
}
.form-control{
     font: 400 1.8rem/2.4rem 'Titillium Web', sans-serif;
    letter-spacing: 0.15rem;
}
.main-container .form-control{
    background: #ffffff;
    border: none;
    border-radius: 0;
    color: #4b4d4f;   
    height: 4.5rem;
    padding: .8rem 1.5rem;
}
.main-container textarea.form-control{
    resize: none;
    height: 15rem;
}
.main-container .form-control:focus{
    border-color: #040e52;
    box-shadow: none;
}
.main-container  .form-control::-webkit-input-placeholder {
    color: #4b4d4f;
}
.main-container  .form-control:-ms-input-placeholder {
    color: #4b4d4f;
}
.main-container  .form-control::placeholder {
    color: #4b4d4f;
}
.select{
    position: relative;
}
.select:after{
    content: '';
    background: url("../images/arrow-down-blue.svg") 0 0 / contain no-repeat;
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    width: 1.6rem;
    height: .9rem;
    margin: auto 0;
    pointer-events: none;
    z-index: 1;
}
.select select{
    padding-right: 3.6rem !important;
}
.select select::-ms-expand{
    display: none;
}
.select select{
    -webkit-appearance: none;
    appearance: none;
}
.checkbox{
    color: #ffffff;
    display: inline-block;
    position: relative;
    margin-bottom: 1rem;
}
.checkbox input{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.checkbox span{
    padding-left: 3rem;
}
.checkbox span:before,
.checkbox span:after{
    content: '';
    height: 2rem;
    width: 2rem;
    position: absolute;
    left: 0;
    top: .15rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1;
}
.checkbox span:before{
    background-color: #ffffff;
}
.checkbox span:after{
    background: url("../images/icon-tick-mark.svg") center .3rem / 1.3rem no-repeat;
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    z-index: 2;
}
.checkbox input:checked + span:before{
    background-color: #00172a;
}
.checkbox input:checked + span:after{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.main-container .btn{
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: 700 1.8rem/1.4 'Titillium Web', sans-serif;
    letter-spacing: initial;
    padding: 1rem 1.5rem;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
}
.main-container .btn.focus, .main-container .btn:focus, .main-container .btn.active, .main-container .btn:active{
    box-shadow: none !important;
}
.main-container .btn-primary{
    background-color: transparent;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #25bbfc;
    padding: 0;
}
.main-container .btn-primary:not(.btn-next):before,.main-container 
.btn-primary:not(.btn-previous):after{
    content: '';
    width: 24px;
    height: 45px;
    display: inline-block;
    position: relative;
    top: 0;
    z-index: 1;
}
.main-container .btn-primary:before{
    background: url("../images/icon-arrow-left.svg") 0 0 / cover no-repeat;
    left: 0;
}
.main-container .btn-primary:after{
    background: url("../images/icon-arrow-right.svg") 0 0 / cover no-repeat;
    right: 0;
}
.main-container .btn-primary .btn-inner{
    background-color: #00172a;
    display: block;
    padding: 1rem 1.5rem;
    position: relative;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
.main-container .btn-primary:not(.btn-next) .btn-inner:before,.main-container 
.btn-primary:not(.btn-previous) .btn-inner:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 0;
    z-index: 1;
}
.main-container .btn-primary .btn-inner:before{
    border-width: 2.25rem 1.3rem 2.25rem 0;
    border-color: transparent #00172a transparent transparent;
    left: -1.3rem;
    -webkit-transition: border-right-color .3s ease-in-out;
    -moz-transition: border-right-color .3s ease-in-out;
    transition: border-right-color .3s ease-in-out;
}
.main-container .btn-primary .btn-inner:after{
    border-width: 2.25rem 0 2.25rem 1.3rem;
    border-color: transparent transparent transparent #00172a;
    right: -1.3rem;
    -webkit-transition: border-left-color .3s ease-in-out;
    -moz-transition: border-left-color .3s ease-in-out;
    transition: border-left-color .3s ease-in-out;
}
.main-container .btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,.main-container 
.btn-primary:not(:disabled):not(.disabled):active,.main-container 
.show>.btn-primary.dropdown-toggle{
    background-color: transparent;
    color: #25bbfc;
}
.main-container .btn-primary:hover .btn-inner{
    background-color: #00335d;
}
.main-container .btn-primary:hover .btn-inner:before{
    border-color: transparent #00335d transparent transparent;
}
.main-container .btn-primary:hover .btn-inner:after{
    border-color: transparent transparent transparent #00335d;
}
.main-container .btn-primary .paypal{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.container{
    max-width: 137rem;
}
.bg-gradient-blue{
    background: #00587d;
    background: -moz-linear-gradient(top,  #00587d 0%, #009fe3 100%);
    background: -webkit-linear-gradient(top,  #00587d 0%,#009fe3 100%);
    background: linear-gradient(to bottom,  #00587d 0%,#009fe3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00587d', endColorstr='#009fe3',GradientType=0 );
}
.bg-gradient-dark-gray{
    background: #232323;
    background: -moz-linear-gradient(top,  #232323 0%, #343434 100%);
    background: -webkit-linear-gradient(top,  #232323 0%,#343434 100%);
    background: linear-gradient(to bottom,  #232323 0%,#343434 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#343434',GradientType=0 );
}
.bg-gradient-gray{
    background: #d2d2d2;
    background: -moz-linear-gradient(top,  #d2d2d2 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #d2d2d2 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#ffffff',GradientType=0 );
}
@media only screen and (max-width: 991px) {
    h1, h2 {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
    }
    h3 {
        font-size: 3.1rem;
    }
    h4 {
        font-size: 2rem;
    }
    h5 {
        font-size: 1.8rem;
    }
    h6 {
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 767px) {
    h1, h2 {
        font-size: 2.2rem;
    }
    h3 {
        font-size: 2.6rem;
    }
}
/******** Start Sticky Footer *******/
html, body {
    height: 100%;
}
#wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
#header, #footer {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
#main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    overflow: hidden;
}
/******** End Sticky Footer *******/

/******** Start Header *******/
#header{
    background: #000310;
    background: -moz-linear-gradient(top,  #000310 0%, #003b56 100%);
    background: -webkit-linear-gradient(top,  #000310 0%,#003b56 100%);
    background: linear-gradient(to bottom,  #000310 0%,#003b56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000310', endColorstr='#003b56',GradientType=0 );
    border-top: .1rem solid #25bbfc;
    border-bottom: .1rem solid #25bbfc;
    padding: 1.3rem 0 .7rem;
    text-transform: uppercase;
}
#header .discord-link{
    color: #25bbfc;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
}
#header .discord-link:after{
    content: '';
    background: url("../images/icon-discord.svg") 0 0 no-repeat;
    display: inline-block;
    width: 2.2rem;
    height: 2.5rem;
    vertical-align: middle;
    margin-left: .9rem;
}
#header .logo{
    display: inline-block;
}
#header #nav{
    margin-top: 1.4rem;
}
#header #nav ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin: 0 -1rem;
}
#header #nav ul li{
    padding: 0 1rem;
}
#header #nav ul li a{
    display: block;
}
#header #nav ul li a:hover,
#header #nav ul li.active a{
    color: #ff941b;
}
#header .nav-overlay{
    background-color: rgba(0, 23, 42, .8);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
#header .hamburger{
    background-color: transparent;
    display: block;
    overflow: visible;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    outline: none;
    z-index: 2;
    position: relative;
    margin-left: auto;
    margin-top: 1.5rem;
}
#header .hamburger .hamburger-box{
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 2.4rem;
}
#header .hamburger .hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -.2rem;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}
#header .hamburger .hamburger-inner:after,
#header .hamburger .hamburger-inner:before {
    display: block;
    content: "";
}
#header .hamburger .hamburger-inner,
#header .hamburger .hamburger-inner:after,
#header .hamburger .hamburger-inner:before {
    position: absolute;
    width: 4rem;
    height: .4rem;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: .4rem;
    background-color: #25bbfc;
}
#header .hamburger .hamburger-inner:before {
    top: -1rem;
    transition: top 75ms ease .12s,opacity 75ms ease;
}
#header .hamburger .hamburger-inner:after {
    bottom: -1rem;
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.menu-opened #header .hamburger .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
}
.menu-opened #header .hamburger .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
}
.menu-opened #header .hamburger .hamburger-inner,
.menu-opened #header .hamburger .hamburger-inner:after,
.menu-opened #header .hamburger .hamburger-inner:before {
    background-color: #25bbfc;
}
.menu-opened #header .hamburger .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) {
    #header #nav ul li.login-btn a{
        border: .1rem solid #25bbfc;
        border-radius: .3rem;
        padding: .4rem 1.3rem;
    }
    #header #nav ul li.login-btn a:hover{
        border-color: #ff941b;
    }
}
@media only screen and (max-width: 991px) {
    #header .logo{
        max-height: 6rem;
    }
    #header #nav{
        font-size: 1.5rem;
        margin-top: .5rem;
    }
    #header #nav ul{
        margin: 0 -.5rem;
    }
    #header #nav ul li{
        padding: 0 .5rem;
    }
}
@media only screen and (max-width: 767px) {
    #header .logo{
        max-width: 20rem;
    }
    #header #nav{
        background-color: #00172a;
        position: fixed;
        top: 0;
        left: -100%;
        width: 80vw;
        height: 100%;
        font-size: 1.8rem;
        padding: 1.5rem;
        margin-top: 0;
        overflow-y: auto;
        z-index: 2;
        -webkit-transition: left .3s linear;
        -moz-transition: left .3s linear;
        transition: left .3s linear;
    }
    #header #nav ul{
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0;
    }
    #header #nav ul li{
        padding: 0;
        margin-bottom: 1rem;
        width: 100%;
    }
    #header #nav ul li a{
        border-bottom: .1rem solid #25bbfc;
        padding: 1rem 0;
    }
    #header #nav ul li a:hover,
    #header #nav ul li.active a{
        border-bottom-color: #ff941b;
    }
    .menu-opened{
        overflow: hidden;
    }
    .menu-opened #header #nav{
        left: 0;
    }
    .menu-opened #header .nav-overlay{
        opacity: 1;
        visibility: visible;
    }
}
/******** End Header *******/

/******** Start Footer *******/
#footer{
    background-color: #000000;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 300;
    padding: 3rem 0 2.8rem;
    text-align: center;
}
#footer a{
    color: #ffffff;
}
#footer a:hover{
    color: #25bbfc;
}
#footer ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    list-style: none;
}
#footer .logo{
    display: inline-block;
    margin-bottom: 2.4rem;
}
#footer .social-media{
    margin: 0 -.8rem 2rem;
}
#footer .social-media li{
    padding: 0 .8rem;
}
#footer .social-media li a{
    display: block;
}
#footer .social-media li a svg{
    fill: #25bbfc;
    -webkit-transition: fill .3s ease-in-out;
    -moz-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}
#footer .social-media li a:hover svg{
    fill: #ffffff;
}
#footer .contact-info-links{
    font-size: 2.4rem;
    margin: 0 -1.5rem;
}
#footer .contact-info-links li{
    padding: 0 3rem;
    margin-bottom: 1.5rem;
}
#footer .contact-info-links li .icon{
    margin-right: 1.5rem;
}
#footer .contact-info-links li .icon svg{
    fill: currentColor;
}
#footer .nav-links{
    margin: 0 -1.3rem;
}
#footer .nav-links li{
    padding: 0 1.3rem;
}
#footer .copyright p{
    line-height: 1.2;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    #footer .contact-info-links{
        font-size: 2rem;
    }
    #footer .contact-info-links li{
        padding: 0 1.5rem;
    }
    #footer .contact-info-links li .icon{
        margin-right: 1rem;
    }
}
/******** End Footer *******/

/******** Start Tooltip/Popover *******/
.tooltip-primary,
.tooltip-secondary{
    font-size: 1.4rem;
}
.tooltip-primary .tooltip-inner,
.tooltip-secondary .tooltip-inner{
    padding: .25rem 1rem .5rem;
}
.tooltip-secondary .tooltip-inner{
    background-color: #25bbfc;
    color: #ffffff;
}
.tooltip-secondary.bs-tooltip-top .arrow:before{border-top-color: #25bbfc;}
.tooltip-secondary.bs-tooltip-bottom .arrow:before{border-bottom-color: #25bbfc;}
.tooltip-secondary.bs-tooltip-left .arrow:before{border-left-color: #25bbfc;}
.tooltip-secondary.bs-tooltip-right .arrow:before{border-right-color: #25bbfc;}
/******** End Tooltip/Popover *******/

/******** Start Banner Section *******/
.banner-section{
    background: url("../images/banner.jpg") center center / cover no-repeat;
   /* padding: 5.5rem 4rem;*/
    position: relative;
    z-index: 1;
}
.widget-container{
        position: absolute;
    top: 4vh;
    right: 3vh;
    width: 70vh;
    z-index: 999;
}
.banner-section .youtube-background{
    z-index: -1 !important;
}
@media only screen and (max-width: 767px) {
    .banner-section{
        padding: 3rem 0;
    }
    .widget-container{
        width: 48vh;
        top: 7vh;
    }
}
/******** End Banner Section *******/

/******** Start Tournaments Section *******/
.tournaments-section{
    padding: 2.8rem 0 11.7rem;
}
.tournaments-section .title{
    margin: 0 0 2.3rem 1.5rem;
}
.tournament-box{
    position: relative;
    margin-bottom: 4.5rem;
}
.tournament-box .tournament-box-inner{
    background-color: #25bbfc;
    padding-bottom: 3.5rem;
}
.tournament-box .tournament-box-inner a{
    display: block;
    height: 100%;
}
.tournament-box .tournament-box-info{
    background-color: #00172a;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    height: 4.5rem;
    letter-spacing: initial;
    margin-left: auto;
    position: relative;
    padding: 0 1.8rem;
    width: 71.3%;
    z-index: 1;
}
.tournament-box .tournament-box-info:after{
    content: "";
    display: block;
    position: absolute;
    border: 2.25rem solid #00172a;
    border-right-width: 0;
    border-left-color: transparent;
    left: -2.25rem;
    bottom: 0;
    z-index: -1;
}
.tournament-box .tournament-box-info .date{
    color: #25bbfc;
}
.tournament-box .tournament-box-info .price{
    color: #ff941b;
    font-weight: inherit;
}
.tournament-box .tournament-box-info .date .icon{
    margin-right: .7rem;
}
.tournament-box .tournament-box-info .price .icon{
    margin-right: 1rem;
}
.tournament-box .tournament-box-info .date + .price{
    margin-left: 1.5rem;
}
.tournament-box .tournament-box-inner figure{
    -webkit-box-shadow: 0 0 .4rem 0 rgba(18,10,19,0.3);
    -moz-box-shadow: 0 0 .4rem 0 rgba(18,10,19,0.3);
    box-shadow: 0 0 .4rem 0 rgba(18,10,19,0.3);
    height: 28.5rem;
    padding: 1rem;
    margin-bottom: 0;
    overflow: hidden;
}
.tournament-box .tournament-box-inner figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.tournament-box .tournament-box-inner h3{
    background-color: #25bbfc;
    color: #00172a;
    font-size: 3rem;
    font-weight: 600;
    padding: 0 1rem;
    position: relative;
    min-height: 3.5rem;
    margin-bottom: 0;
    text-align: center;
    z-index: 1;
}
.tournament-box .btn{
    margin: -2.4rem 0 0 1rem;
}
@media only screen and (max-width: 991px) {
    .tournaments-section{
        padding-bottom: 10rem;
    }
    .tournament-box {
        margin-bottom: 3rem;
    }
    .tournament-box .tournament-box-info{
        font-size: 2rem;
        width: calc(100% - 2.25rem);
        padding: 0 1rem;
    }
    .tournament-box .tournament-box-inner h3{
        font-size: 2.5rem;
    }
    .tournament-box .tournament-box-info .date + .price{
        margin-left: 1rem;
    }
    .tournament-box .tournament-box-info .date .icon,
    .tournament-box .tournament-box-info .price .icon{
        margin-right: .5rem;
    }
    .tournament-box .tournament-box-info .date .icon img{
        margin-right: .5rem;
        max-width: 2.5rem;
    }
    .tournament-box .tournament-box-info .price .icon img{
        max-height: 2.5rem;
    }
}
@media only screen and (max-width: 767px) {
    .tournaments-section{
        padding-bottom: 7rem;
    }
    .tournament-box {
        margin-bottom: 2rem;
    }
}
/******** End Tournaments Section *******/


/********** Start Teams Listing Section *************/
.teams-section{
    color: #25bbfc;
    padding: 4rem 0 1.5rem;
}
.teams-section .title{
    margin-bottom: 2.3rem;
}
.teams-section .team-title{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: .5rem;
}
.team-list{
    counter-reset: counter;
    list-style: none;
    margin-bottom: 2rem;
    padding-left: 0;
    text-transform: uppercase;
}
.team-list li{
    border-bottom: .1rem solid #898989;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
    counter-increment: counter;
    padding: .5rem .5rem .5rem 0;
}
.team-list li:before {
    content: counter(counter);
    color: #ffffff;
    font-weight: 900;
    font-size: 3rem;
    margin-bottom: .5rem;
}
.team-list li .team-name{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
}
/********** End Teams Listing Section *************/


/******* Start Timeline Section ******/
.timeline-section{
    padding: 4.5rem 0 3rem;
    text-transform: uppercase;
}
.timeline-section .title{
    color:#006f9f;
    margin-bottom: 2.3rem;
}
.timeline-section .timeline{
    list-style: none;
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: .5rem;
}
.timeline-section .timeline li{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 32rem;
    position: relative;
}
.timeline-section .timeline li:not(:last-child){
    padding-right: 6rem;
}
.timeline-section .timeline li:before{
    content: '';
    background: url("../images/icon-tick.svg") 0 0 / cover no-repeat;
    border-radius: 50%;
    position: absolute;
    height: 1.7rem;
    width: 1.7rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}
.timeline-section .timeline li:not(:last-child):after{
    content: '';
    background-color: #4b4d4f;
    height: .1rem;
    width: calc(100% + 4.3rem);
    display: block;
    order: 2;
    margin: 4.5rem 0 4.5rem 1.7rem;
}
.timeline-section .timeline .timeline-title{
    order: 1;
    position: relative;
}
.timeline-section .timeline .time{
    order: 3;
    position: relative;
}
.timeline-section .timeline li:nth-child(even){
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.timeline-section .timeline li:nth-child(odd) .timeline-title,
.timeline-section .timeline li:nth-child(even) .time{
    display: -ms-flexbox;
    display: flex;
}
.timeline-section .timeline li:nth-child(odd) .timeline-title strong,
.timeline-section .timeline li:nth-child(even) .time time{
    margin-top: auto;
}
@media only screen and (min-width: 768px) {
    .timeline-section .timeline{
        overflow-x: auto;
    }
    /* Width */
    .timeline-section .timeline::-webkit-scrollbar {
        height: .7rem;
    }
    /* Track */
    .timeline-section .timeline::-webkit-scrollbar-track {
        box-shadow: inset 0 0 .5rem rgba(0,0,0,.3);
        border-radius: .7rem;
    }
    /* Handle */
    .timeline-section .timeline::-webkit-scrollbar-thumb {
        background: #25bbfc;
        border-radius: .7rem;
    }
    /* Handle on hover */
    .timeline-section .timeline::-webkit-scrollbar-thumb:hover {
        background: #00587d;
    }
    .timeline-section .timeline li{
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media only screen and (max-width: 767px) {
    .timeline-section .timeline{
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .timeline-section .timeline{
        max-height: 52rem;
        padding-right: 1rem;
        overflow-y: auto;
    }
    /* Width */
    .timeline-section .timeline::-webkit-scrollbar {
        width: .7rem;
    }
    /* Track */
    .timeline-section .timeline::-webkit-scrollbar-track {
        box-shadow: inset 0 0 .5rem rgba(0,0,0,.3);
        border-radius: .7rem;
    }
    /* Handle */
    .timeline-section .timeline::-webkit-scrollbar-thumb {
        background: #25bbfc;
        border-radius: .7rem;
    }
    /* Handle on hover */
    .timeline-section .timeline::-webkit-scrollbar-thumb:hover {
        background: #00587d;
    }
    .timeline-section .timeline li{
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .timeline-section .timeline li:not(:last-child){
        padding-bottom: 4rem;
        padding-right: 0;
    }
    .timeline-section .timeline li:nth-child(even) {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .timeline-section .timeline li:before {
        right: 0;
        margin: 0 auto;
    }
    .timeline-section .timeline li:not(:last-child):after {
        width: .1rem;
        height: calc(100% - 1.7rem);
        margin: 0 auto;
        position: absolute;
        top: 1.7rem;
        left: 0;
        right: 0;
    }
    .timeline-section .timeline .timeline-title,
    .timeline-section .timeline .time{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - .1rem);
    }
    .timeline-section .timeline li:nth-child(odd) .timeline-title,
    .timeline-section .timeline li:nth-child(even) .time{
        padding-right: 2.5rem;
    }
    .timeline-section .timeline li:nth-child(odd) .timeline-title strong,
    .timeline-section .timeline li:nth-child(even) .time time{
        margin-top: 0;
        text-align: right;
        margin-left: auto;
    }
    .timeline-section .timeline li:nth-child(even) .timeline-title,
    .timeline-section .timeline li:nth-child(odd) .time{
        padding-left: 2.5rem;
    }
}
/******* End Timeline Section ******/

/******** Start Sponsors Section *******/
.sponsors-section{
    height: 100%;
    padding: 2.3rem 0 11.5rem;
}
.sponsors-section .title{
    margin-bottom: 11rem;
}
.sponsors-section .sponsor{
    color: #ffffff;
    font-weight: 300;
    line-height: 2.8rem;
    margin-bottom: 8rem;
}
.sponsors-section .sponsor figure{
    display: block;
    max-width: 88%;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
.sponsors-section .sponsor figure:after{
    content: '';
    background-color: #ff941b;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 3rem;
    left: 3rem;
    z-index: -1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.sponsors-section .sponsor figure:hover:after{
    top: 1.5rem;
    left: 1.5rem;
}
.sponsors-section .sponsor figure img{
    border: 1rem solid #25bbfc;
    width: 100%;
}
.sponsors-section .sponsor .sponsor-info{
    margin-top: 3rem;
    margin-left: -3rem;
    max-width: 88%;
}
.sponsors-section .sponsor .sponsor-info h3{
    color: #00172a;
    margin-bottom: 3.8rem;
    position: relative;
}
.sponsors-section .sponsor .sponsor-info h3:after{
    content: '';
    background-color: #25bbfc;
    height: .1rem;
    position: absolute;
    bottom: -2.3rem;
    left: calc(-12% - 1rem);
    width: calc(15rem + 12%);
}
.sponsors-section .sponsor .sponsor-info .sponsor-info-inner{
    padding-left: 3.5rem;
}
.sponsors-section .sponsor .social-links{
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 3rem -1rem 0;
    padding-left: 0;
}
.sponsors-section .sponsor .social-links li{
    padding: 0 1rem;
}
.sponsors-section .sponsor .social-links li svg{
    fill: #00172a;
    -webkit-transition: fill .3s ease-in-out;
    -moz-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}
.sponsors-section .sponsor .social-links li a:hover svg{
    fill: #ffffff;
}
@media only screen and (min-width: 768px) {
    .sponsors-section .sponsor:nth-child(odd) .row{
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .sponsors-section .sponsor:nth-child(odd) figure{
        margin-left: auto;
    }
    .sponsors-section .sponsor:nth-child(odd) figure:after{
        left: -3rem;
    }
    .sponsors-section .sponsor:nth-child(odd) figure:hover:after{
        left: -1.5rem;
    }
    .sponsors-section .sponsor:nth-child(odd) .sponsor-info{
        margin-left: auto;
        margin-right: -3rem;
        text-align: right;
    }
    .sponsors-section .sponsor:nth-child(odd) .sponsor-info h3:after{
        left: auto;
        right: calc(-12% - 1rem);
    }
    .sponsors-section .sponsor:nth-child(odd) .sponsor-info .sponsor-info-inner{
        padding-left: 0;
        padding-right: 3.5rem;
    }
}
@media only screen and (max-width: 991px) {
    .sponsors-section{
        padding-bottom: 7rem;
    }
    .sponsors-section .title{
        margin-bottom: 7rem;
    }
    .sponsors-section .sponsor{
        margin-bottom: 6rem;
    }
    .sponsors-section .sponsor figure{
        max-width: 70%;
    }
    .sponsors-section .sponsor .sponsor-info{
        margin-top: 5rem;
        margin-left: 3rem;
        max-width: 100%;
    }
    .sponsors-section .sponsor .sponsor-info h3:after{
        left: 0;
        width: 14rem;
    }
    .sponsors-section .sponsor .social-links{
        margin-top: 1.5rem;
    }
    .sponsors-section .sponsor:nth-child(odd) .sponsor-info{
        margin-left: auto;
        margin-right: 3rem;
    }
    .sponsors-section .sponsor:nth-child(odd) .sponsor-info h3:after{
        right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .sponsors-section{
        padding-bottom: 5rem;
    }
    .sponsors-section .title{
        margin-bottom: 4rem;
    }
    .sponsors-section .sponsor{
        margin-bottom: 4rem;
    }
    .sponsors-section .sponsor figure{
        max-width: calc(100% - 1rem);
    }
    .sponsors-section .sponsor figure:after,
    .sponsors-section .sponsor figure:hover:after{
        top: 1rem;
        left: 1rem;
    }
    .sponsors-section .sponsor figure img{
        border-width: .5rem;
    }
    .sponsors-section .sponsor .sponsor-info{
        margin-top: 3rem;
        margin-left: 1.5rem;
    }
    .sponsors-section .sponsor .sponsor-info .sponsor-info-inner{
        padding-left: 2rem;
    }
    .sponsors-section .sponsor .social-links{
        margin-top: 0;
    }

}
/******** End Sponsors Section *******/

/******** Start About Us Section *******/
.about-section{
    padding: 2rem 0 5rem;
    overflow: hidden;
}
.about-section .title{
    margin-bottom: 2.5rem;
}
.about-section .content{
    color: #ffffff;
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 1.61111;
    margin-bottom: 7.5rem;
    padding: 0 5rem;
    text-align: center;
}
.about-section .team-member{
    max-width: 115rem;
    margin: 0 auto 10rem;
}
.about-section .team-member .team-member-photo{
    display: block;
    min-width: 33.9rem;
    margin-bottom: 1.5rem;
}
.about-section .team-member .hexagon{
    stroke: #25bbfc;
    stroke-linejoin: round;
    stroke-width: 1rem;
    fill-rule: evenodd;
}
.about-section .team-member .team-member-details{
    padding-left: 1rem;
}
.about-section .team-member .team-member-details .name{
    color: #00172a;
    font-weight: 300;
    margin-bottom: 0;
}
.about-section .team-member .team-member-details .job-designation{
    margin-bottom: 2rem;
}
.about-section .team-member .team-member-details .inner{
    padding-left: 3rem;
}
.about-section .team-member .team-member-details .bio{
    color: #ffffff;
    line-height: 2.8rem;
}
.about-section .team-member .team-member-details .bio:before,
.about-section .team-member .team-member-details .bio:after{
    content: '';
    background-color: #25bbfc;
    width: 22rem;
    height: .1rem;
    display: block;
    margin-left: 5rem;
}
.about-section .team-member .team-member-details .bio:before{
    margin-bottom: 1.6rem;
}
.about-section .team-member .team-member-details .bio:after{
    margin-top: 1.6rem;
}
.about-section .team-member .team-member-details .bio p:last-child{
    margin-bottom: 0;
}
.about-section .team-member .team-member-details .social-links{
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 2rem -1rem 0;
    padding-left: 0;
}
.about-section .team-member .team-member-details .social-links li{
    padding: 0 1rem;
}
.about-section .team-member .team-member-details .social-links li svg{
    fill: #00172a;
    -webkit-transition: fill .3s ease-in-out;
    -moz-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}
.about-section .team-member .team-member-details .social-links li a:hover svg{
    fill: #ffffff;
}
.about-section .team-member:nth-child(even) .row{
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.about-section .team-member:nth-child(even) .team-member-photo{
    margin-left: auto;
}
.about-section .team-member:nth-child(even) .team-member-details{
    padding-left: 0;
    padding-right: 1rem;
    text-align: right;
}
.about-section .team-member:nth-child(even) .team-member-details .inner{
    padding-right: 3rem;
    padding-left: 0;
}
.about-section .team-member:nth-child(even) .team-member-details .bio:before,
.about-section .team-member:nth-child(even) .team-member-details .bio:after{
    margin-left: auto;
    margin-right: 5rem;
}
@media only screen and (max-width: 1199px) {
    .about-section .content{
        font-size: 3rem;
    }
}
@media only screen and (max-width: 991px) {
    .about-section .content{
        font-size: 2.4rem;
        margin-bottom: 5rem;
    }
    .about-section .team-member{
        margin-bottom: 7.5rem;
    }
}
@media only screen and (max-width: 767px) {
    .about-section .content{
        font-size: 1.8rem;
        padding: 0;
        margin-bottom: 3.5rem;
    }
    .about-section .team-member{
        margin-bottom: 5rem;
    }
    .about-section .team-member .team-member-photo{
        min-width: inherit;
        max-width: 33.9rem;
        width: 100%;
    }
    .about-section .team-member .team-member-details .bio:before,
    .about-section .team-member .team-member-details .bio:after{
        width: 17rem;
        margin-left: 3rem;
    }
    .about-section .team-member:nth-child(even) .team-member-details .bio:before,
    .about-section .team-member:nth-child(even) .team-member-details .bio:after{
        margin-right: 3rem;
    }
}
/******** End About Us Section *******/

/******** Start Auth Section *******/
.auth-section{
    padding: 2rem 0 5rem;
    height: 100%;
    overflow: hidden;
}
.auth-section.title{
    margin-bottom: 2.5rem;
}
.auth-section .checkbox{
    font-weight: bold;
}
.auth-section .auth-page-links-wrapper{
    margin-top: 3rem;
}
.auth-section .auth-page-links-wrapper .auth-page-link{
    color: #00172a;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 1rem;
}
.auth-section .auth-page-links-wrapper .auth-page-link:hover{
    color: #ffffff;
}
/******** End Auth Section *******/

/******** Start Modals *******/
.modal-backdrop.show {
    opacity: .7;
}
.modal-tournament-details .modal-dialog{
    max-width: 134rem;
}
.modal-tournament-details .modal-content{
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #ffffff;
}
.modal-tournament-details .modal-body{
    padding: 0;
}
.modal-tournament-details .close{
    background-color: #25bbfc;
    color: #00172a;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 400;
    height: 5.4rem;
    opacity: 1;
    float: none;
    position: relative;
    max-width: 12.2rem;
    width: 100%;
    text-shadow: none;
    text-transform: uppercase;
}
.modal-tournament-details .close:after{
    content: "";
    display: block;
    position: absolute;
    border: 2.7rem solid #25bbfc;
    border-right-width: 1.5rem;
    border-right-color: transparent;
    border-left-width: 0;
    right: -1.5rem;
    bottom: 0;
    z-index: -1;
}
.modal-tournament-details .close strong{
    font-size: 3.6rem;
    margin-right: 1.5rem;
}
.modal-tournament-details .close:hover{
    opacity: 1;
}
.modal-tournament-details .modal-inner{
    background-color: #00172a;
    margin-bottom: .8rem;
}
.modal-tournament-details .table{
    color: #ff941b;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.21;
}
.modal-tournament-details .table td,
.modal-tournament-details .table th{
    border-top-color: #25bbfc;
    padding: 1.2rem 1rem;
}
.modal-tournament-details .table tr:first-child td,
.modal-tournament-details .table th:first-child{
    border-top: none;
}
.modal-tournament-details .table tr td:first-child{
    padding-left: 8.5rem;
    width: 30%;
}
.modal-tournament-details .table tr:first-child td{
    vertical-align: middle;
}
.modal-tournament-details .table .tournament-img{
    border-right: 1rem solid #25bbfc;
    width: 24rem;
    overflow: hidden;
}
.modal-tournament-details .table .tournament-img .parallelogram {
    border: 1rem solid #25bbfc;
    width: 23.5rem;
    height: 10.8rem;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: -2.5rem;
}
.modal-tournament-details .table .tournament-img .parallelogram .image{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -2rem;
    left: -2rem;
    right: -2rem;
    bottom: -2rem;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
}
.modal-tournament-details .table .name{
    color: #25bbfc;
    display: block;
    font-size: 3rem;
    font-weight: bold;
    position: relative;
}
.modal-tournament-details .table .name .icon{
    position: absolute;
    line-height: 1;
    margin-left: -5.5rem;
}
.modal-tournament-details .table .name .icon img{
    max-height: 2.8rem;
}
.modal-tournament-details .table a{
    color: #ff941b;
}
.modal-tournament-details .table a:hover{
    color: #25bbfc;
}
.modal-tournament-details .table .details{
    max-width: 78rem;
}
.modal-tournament-details .btn-primary{
    margin-bottom: 1rem;
}
.modal-tournament-details .btn-primary .btn-inner{
    min-width: 16.8rem;
}
@media only screen and (min-width: 768px) {
    .modal-tournament-details .table .tournament-img{
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    .modal-tournament-details .table tr:first-child td:last-child{
        position: relative;
        height: 10.8rem;
        padding-right: 25rem;
    }
}
@media only screen and (max-width: 991px) {
    .modal-tournament-details .table{
        font-size: 2rem;
    }
    .modal-tournament-details .table .name{
        font-size: 2.5rem;
    }
    .modal-tournament-details .table tr td:first-child{
        padding-left: 5rem;
    }
    .modal-tournament-details .table .name .icon{
        margin-left: -3.5rem;
    }
}
@media only screen and (max-width: 767px) {
    .modal-tournament-details .table{
        font-size: 1.8rem;
    }
    .modal-tournament-details .table .name{
        font-size: 2rem;
    }
    .modal-tournament-details .table .tournament-img{
        margin-top: 1rem;
    }
    .modal-tournament-details .btn-wrapper{
        text-align: center;
    }
    .modal-tournament-details .btn-primary:before,
    .modal-tournament-details .btn-primary:after,
    .modal-tournament-details .btn-primary .btn-inner:before,
    .modal-tournament-details .btn-primary .btn-inner:after{
        display: none;
    }
}
/******** End Modals *******/

/******** Blog Section **********/
.blog-section{
    padding: 45px 0 100px 0;
    background-color: #555555;
}
.blog-section .post-date{
    margin: 15px 0 15px 0;
    font-size: 14px;
    color: #ff941b;
}
.blog-section .post-title{
    color: #25bbfc;
    font-size: 17px;
}
.blog-section .post-excerpt{
    color: #25bbfc;
    font-size: 17px;
}
.blog-section .card{
    background-color:transparent !important;
}
.blog-section .card-img-top{
    border-radius: 5px;
    border: 2px solid #25bbfc;
}
/***********Who We Are**********/
.panel-body{
    padding: 30px 0 30px 0;
}
.panel-body p{
    text-align: justify;
}
    .panel-body .timeline-heading{
    padding: 15px 0 15px 0;
}
.media{
    padding: 15px 0 15px 0;
}
.media .media-body{
    margin-left: 30px;
}
.media .media-body p{
    text-align: justify;
}


.tournament-thumb-img {
    max-width: 100px;
}
.invalid-feedback{
    display: block !important;
}