:root {
    --contrl_radius: 0.42rem;
    --dark_blue: #1b2a46;
}

/*@import url('profile.css');*/
@import url('loading.css');
@import url('loading-btn.css');
@import url('jquery-confirm.css');


.errorspan {
    color: red;
}

.btnbabluebrand {
    background: #1b2a46 !important;
    color: white;
    padding: 10px 40px;
    height: inherit;
    border: none;
}

.hotelimage {
    display: none;
}

.map-list {
    margin-top: 60px;
}

.iccmatchlist {
    overflow-y: scroll;
    max-height: 500px;
}

.sticky .header-center {
    display: none;
}



p {
    color: #1b2a46;
    text-align: justify;
}

.country_selector-top .dropdown-menu {
    z-index: 1111111;
}

.ourvalues-desktop .ourvalues-col {
    padding: 0px;
}

.crossworld {
}

.crossworld_content {
}

.crossworld_across {
}

    .crossworld_across h2 {
    }

@media only screen and (min-width: 768px) {
    .visible-desktop {
        display: block;
    }

    .visible-mobile {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .visible-desktop {
        display: none;
    }

    .visible-mobile {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .ourvalues-desktop {
        display: block;
    }

    .ourvalues-mobile {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .ourvalues-desktop {
        display: none;
    }

    .ourvalues-mobile {
        display: block;
    }
}

.ourvalues-mobile .owl-item .item {
    padding: 20px;
}

    .ourvalues-mobile .owl-item .item p {
        text-align: center;
        color: #54636f;
        font-family: 'HelveticaNeueLTStd-BdCn';
        padding-top: 10px;
    }

@media only screen and (max-width: 768px) {

    .linkdelete {
        top: 5px;
    }

    .country_selector-top img {
        width: 70%;
    }

    .membership-text-banner h1 {
        margin-bottom: 0px;
    }

    .membership-text-banner h2 {
        display: inherit;
        padding: 5px 10px;
    }

    .membership-text-banner h3 {
        display: inherit;
        padding: 0px 10px 10px 0px;
        font-size: 14px;
    }

    /*.country_selector-top {
        margin: 0px 6px 0px 0px !important;
    }*/

    /*.country_selector-top button {
            padding: 0px 5px !important;
        }*/

    .country_selector-top {
        position: relative;
        top: 4px;
    }

        /*.country_selector-top button {
            font-size: 14px;
        }*/

        .country_selector-top .dropdown-menu {
            top: 30px;
        }

    #hrefphone {
        display: block;
        padding-left: 7px !important;
    }
}

@media only screen and (max-width: 589px) {
    /*.country_selector-top {
        margin: 0 6px 0 0 !important;
        display: inline-block;
    }*/
}


/* SFA Page */

.galleryheader {
    padding: 20px 0px;
    text-align: center;
}

    .galleryheader .solidbutton {
        background-color: #1e194c;
        color: white;
        padding: 10px 20px;
        border: none;
    }

    .galleryheader .normalbutton {
        border: 2px solid #1e194c !important;
        color: #1e194c;
        padding: 10px 20px;
        border: none;
        background-color: transparent;
    }

/*.gallerybody {
    padding: 20px;
}*/

.gallerybox {
    position: relative;
}

    .gallerybox .over-layer {
        background: rgba(0,0,0,.43);
        top: 0;
        height: 100%;
        width: 100%;
        color: #fff;
    }

.sf-absulate {
    position: absolute;
}

.over-layer h4 {
    font-weight: 700;
}

.gallerybox .banner-set {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: 'HelveticaNeueLTStd-Cn';
    cursor: pointer;
    text-align: center;
}

.mb15 {
    margin-bottom: 20px;
}

.hideli {
    display: none;
}

.photoicon {
    display: block;
    text-align: center;
    margin: 0px auto;
    padding-bottom: 15px;
    width: 100px;
}

@media only screen and (max-width: 768px) {

    .gallerybox .banner-set {
        font-size: 12px !important;
    }

    .photoicon {
        width: 35px !important;
        padding-bottom: 7px !important;
    }
}


/* End */

/* Ticketing */

.staticheader h2 {
    font-family: 'HelveticaNeueLTStd-BdCn';
    color: #1e194c;
    padding: 36px 0px;
    font-size: 38px;
    text-align: center;
}

.stadiumbg {
    /*background-image: url('../images/stadium.png');*/
    background-position: center;
    height: 700px;
    background-color: #ececec !important;
}

    .stadiumbg .container {
        margin: 0px auto;
        padding: 0px;
        background-color: rgba(255,255,255,0.5);
    }

.card {
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.matchcard {
    height: 700px;
    background-color: white;
    padding: 0px;
}

.nopadding {
    padding: 0px;
}

.searchlabel {
    font-weight: normal !important;
    font-size: 13px;
    text-decoration: underline;
}

.matchespanelleft {
    margin-left: 15px;
}

.matchespanelleft {
    height: 300px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,0.7);
}

    .matchespanelleft label {
        /*color: #1e194c;
        font-weight: 600;*/
        font-family: 'HelveticaNeueLTStd-Cn';
    }

.searchbutton {
    background-color: #b01f28;
    border: none;
    font-size: 15px;
    color: white;
    padding: 8px 20px;
}

.matchespanelleft label {
    color: #1e194c;
}

.searchlabel {
    font-weight: normal !important;
    font-size: 13px;
    text-decoration: underline;
}

.filtercontent .col-md-12 {
    padding-top: 20px;
    padding-bottom: 15px;
}

.downloadBrochure a {
    background-color: #1e194c;
    padding: 10px 20px;
    font-size: 18px;
    display: block;
    margin-left: 15px;
    margin-top: 30px;
    color: white;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
    text-align: center;
}

.norightpadding {
    padding-right: 0px;
}

.matchespanelright {
    overflow-y: scroll;
    height: 500px;
}

.matchlist {
    width: 100%;
    padding: 0px 30px 0px 0px;
}

    .matchlist .card {
        background-color: rgba(255,255,255,0.8);
        margin-bottom: 10px;
    }

    .matchlist li {
        padding: 20px;
        position: relative;
    }

.clikable {
    cursor: pointer;
}

.match_header {
    padding: 0px 10px;
}

.match_type {
    display: inline-block;
    color: white;
    background-color: #b01f28;
    font-size: 12px;
    padding: 2px 10px 2px 10px;
    font-family: 'HelveticaNeueLTStd-Cn';
}

.match_date {
    display: inline-block;
    padding: 0px 10px;
    color: #51626f;
    font-family: 'HelveticaNeueLTStd-Cn';
    font-size: 14px;
}

.match_team {
    font-size: 23px;
    color: #1e194c;
    display: inline-block;
    padding: 0px 10px;
    font-family: 'HelveticaNeueLTStd-BdCn';
}

    .match_team div {
        display: inline-block;
    }

.imgflag img {
    width: 30px;
    border: 1px solid lightgray;
}

.match_team_v {
    display: inline-block;
}

.clikable {
    cursor: pointer;
}


.match_info {
    padding: 3px 10px 0px 10px;
    font-family: 'HelveticaNeueLTStd-Cn';
    font-size: 13px;
    color: #1e194c;
}

.clikable {
    cursor: pointer;
}

.expandclick {
    position: absolute;
    right: 20px;
    top: 40px;
    font-size: 30px;
    color: #b1b1b1;
}

.expandablediv {
    display: none;
}

.matchtickettable table {
    width: 100%;
}

    .matchtickettable table thead th {
        width: 25%;
        color: #d6113c;
        font-weight: 600;
        text-align: center;
        border-bottom: 1px solid #d6113c;
        padding: 10px;
    }

    .matchtickettable table tbody td {
        width: 25%;
        color: #6b6b6b;
        font-weight: normal;
        font-size: 15px;
        padding: 10px;
        border-bottom: 1px solid lightgray;
        text-align: center;
    }

.matchexprrience {
    text-align: left !important;
    width: 35% !important;
}



    .matchexprrience img {
        width: 20px;
        display: inline-block;
        margin-right: 5px;
    }

.tablenotes {
    text-align: right;
    padding: 10px 0px;
}


    .tablenotes label {
        font-weight: normal;
        font-size: 11px;
        color: red;
    }

@media only screen and (max-width: 768px) {
    .stadiumbg {
        height: auto !important;
    }
}

@media only screen and (max-width: 768px) {

    .gallerybox .banner-set {
        font-size: 12px !important;
    }

    .photoicon {
        width: 35px !important;
        padding-bottom: 7px !important;
    }

    .above_last_world-cup-title h3 {
        padding-bottom: 10px !important;
        padding-top: 40px !important;
    }

    .emailrow a {
        font-size: 16px;
    }

    .clstickettype {
        color: #d6113c !important;
        font-weight: 600 !important;
    }

    .searchlabel {
        display: block !important;
        padding-top: 10px;
    }

    .stadiumbg {
        height: auto !important;
    }

    .norightpadding {
        padding-right: 15px !important;
    }

    .matchlist {
        padding: 0px !important;
    }

    .matchespanelleft {
        margin-left: 0px !important;
        margin-bottom: 20px;
    }

    .match_team {
        font-size: 20px !important;
    }

    .differentforboth .matchtickettable {
        display: none !important;
    }

    .matchtickettablemobile {
        display: block !important;
    }

    .Icctable {
        display: none;
    }

    #YourBKSCart .Icctable {
        display: block;
    }

    .matchtickettablemobile table tbody td {
        width: 25%;
        color: #6b6b6b;
        font-weight: normal;
        font-size: 15px;
        padding: 10px;
        border: 1px solid lightgray;
    }

    .downloadBrochure a {
        margin-left: 0px !important;
        margin-bottom: 25px !important;
    }
}

.daydiv {
    border: 1px solid #eee;
}

.dayheader {
    background-color: #f5821f;
    text-align: center;
    padding: 5px 10px;
    color: white;
}

.daydescription span {
    display: block;
    font-size: 12px;
    color: #868686;
}

.daydescription {
    font-size: 20px;
    text-align: center;
    padding: 10px 0px;
    font-weight: 600;
}

.daybooknow {
    background-color: #0d7d4f;
    color: white;
    text-align: center;
    padding: 3px 10px 3px 10px;
}

    .daybooknow a {
        color: white !important;
    }

.booknow {
    position: absolute;
    top: 50px;
    right: 30px;
}


    .booknow a {
        background-color: #1e194c;
        color: white;
        padding: 10px 20px;
    }

.mobilebooknow {
    display: none;
}

@media only screen and (max-width: 768px) {
    .booknow {
        display: none !important;
    }

    .inquirynow {
        display: block !important;
        top: 0px;
        right: 0px;
        position: relative;
        width: 105px;
        margin-top: 10px;
    }

    .mobilebooknow {
        display: block !important;
    }

    .mobilebooknow {
        /*background-color: #0d7d4f;*/
        color: white;
        /*text-align: center;*/
        margin-top: 10px;
        padding: 6px 10px 3px 10px;
    }


        .mobilebooknow a {
            background-color: #1e194c;
            color: white;
            padding: 5px 20px;
        }
}

.matchcard .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #dadada 1px !important;
}

.matchcard .select2-container .select2-selection--single, .matchcard .select2-container .select2-selection--multiple {
    border: solid #dadada 1px !important;
    height: 35px;
}

.matchcard .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.matchcard .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

.matchcard .select2-container--default .select2-selection--multiple {
    border-radius: 0px !important;
}

.stadiumbg .container {
    margin: 50px auto;
}


@media only screen and (max-width: 768px) {

    .stadiumbg .container {
        margin: 0px auto;
    }

    .staticheader h2 {
        font-size: 30px;
        padding: 35px;
    }

    .mobilebooknow {
        display: block !important;
    }

    .mobilebooknow {
        /* background-color: #0d7d4f; */
        color: white;
        /* text-align: center; */
        margin-top: 10px;
        padding: 6px 10px 3px 10px;
    }

        .mobilebooknow a {
            background-color: #1e194c;
            color: white;
            padding: 5px 20px;
        }
}


.ourvalues-col p {
    text-align: center;
}

ul.Developed li p {
    text-align: right;
}

#sliderno1supportergroup {
    padding: 20px;
}

    #sliderno1supportergroup .owl-item img {
        width: 30%;
        margin: 0px auto;
        padding-bottom: 20px;
    }

    #sliderno1supportergroup .owl-item h3 {
        font-family: 'HelveticaNeueLTStd-BdCn';
        text-align: center;
        padding-bottom: 10px;
    }

.textcenter {
    text-align: center;
}

.sticky .header-social ul#uldropdownmenu li a {
    padding: 5px 5px 5px 0px;
}

.sticky .country_selector-top button {
    padding: 8px 10px 8px 0px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .sticky .header-bottom .navbar-collapse .navbar-nav {
        padding: 0px;
        float: right;
    }



    .sticky .navbar-nav {
        display: inline-block;
        float: right;
    }

        .sticky .navbar-nav li:last-child {
            margin-right: 0px;
        }

        .sticky .navbar-nav li a:last-child {
            /*padding-right: 0px;*/
        }

    .sticky .stickyimagedesktop {
        display: inline-block !important;
        width: 50px;
        margin-left: 10px;
    }

    .sticky .header-bottom {
        box-shadow: 0px 0px 10px 0px #9e9e9e;
    }


.headerlist ul li.signup a {
    background: rgb(240, 81, 35);
    padding: 10px 20px 10px 50px !important;
    border-radius: var(--contrl_radius);
}

.max-w-32, .max-w-35 {
    max-width: 35px !important;
    width: 35px !important;
}


@media only screen and (max-width: 768px) {
    .sticky .header-bottom {
        position: relative;
        top: 100%;
        z-index: 999;
        /*box-shadow: 0px 0px 10px 0px #9e9e9e;*/
    }

    .sticky .stickyimage {
        display: inline !important;
        width: 45px;
        margin-left: 20px;
        margin-top: 2px;
        float: left;
    }

    .sticky .stickyimagedesktop {
        display: none !important;
    }

    .sticky .mob-social {
        display: none;
    }
}

@media only screen and (max-width: 767px) {

    .headerlist ul li.signup a {
        background: rgb(240, 81, 35);
        padding: 5px 10px 5px 50px !important;
        border-radius: 5px;
        font-size: 14px;
    }

    .header-social {
        text-align: left;
        padding: 5px 0px;
        margin: 10px 0px;
    }

    .sticky .header-bottom {
        position: relative;
        top: 100%;
        z-index: 999;
        /*box-shadow: 0px 0px 10px 0px #9e9e9e;*/
    }

    .sticky .stickyimage {
        display: inline !important;
        width: 45px;
        margin-left: 15px;
        margin-top: 2px;
        float: left;
    }

    .sticky .batimg {
        width: 130px;
        margin-top: 10px;
    }

    .sticky .stickyimagedesktop {
        display: none !important;
    }

    .sticky .mob-social {
        display: none;
    }
}



@media only screen and (max-width: 767px) {
    .Menu-title {
        right: 15%;
        top: 30%;
    }

    .sticky .header-social ul li a {
        padding: 0px;
    }
}

.internship-block {
    margin: 0px 0px 50px 0px;
}

.thankyoudownload .downloadBrochure {
    width: 270px;
    margin: 0px auto;
}

@media only screen and (max-width: 767px) {
    .thankyoudownload .downloadBrochure {
        width: 220px;
        margin: 0px auto;
    }

        .thankyoudownload .downloadBrochure a {
            font-size: 15px;
        }
}

.mobileno {
    padding-left: 100px;
}

@media only screen and (max-width: 768px) {
    ul.Developed li p {
        text-align: center;
    }
}

ul.Intern-content-list li {
    color: #1b2a46;
}

/*.Developed img {
    width: 30px;
}*/

.sfamodal .modalheaderdiv {
    /*height: 250px;*/
}

.sfabanner img {
    width: 250px;
    padding: 10px 0px 20px 0px;
}

.gallery {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .sfabanner img {
        width: 150px;
        padding: 22px 0px 4px 0px;
    }

    /*.Developed img {
        width: 20px;
    }*/
}


.signupmodal .error {
    margin-left: 0px;
    color: red !important;
}


.awards-banner {
    clear: both;
    display: block;
}

.awards-section {
    clear: both;
    display: block;
    margin-top: 20px;
}

.award-winner-box {
    display: block;
    margin: 15px 0px;
    text-align: center;
}

    .award-winner-box p {
        text-align: center;
        margin: 15px 0px 0px;
        color: #002d5d;
        font-weight: 600;
        text-transform: uppercase;
    }



@media only screen and (max-width: 767px) {
    .awards-banner {
        margin-top: 50px;
    }
}

.contactus h4 {
    color: #f15a29;
    text-align: center;
    padding: 30px 0px;
    font-family: thesansplain;
    font-weight: normal;
    font-size: 23px;
}

.countrylist span {
    padding-left: 60px;
}

.contactus .fa-envelope {
    padding-right: 5px;
}

.referenceno {
    padding: 10px;
    font-weight: 600;
}

.emailrow {
    font-family: 'thesansplain';
}

#divslideback {
    position: absolute;
    color: white;
    width: 35px;
    height: 35px;
    top: 8px;
    right: 25px;
    display: none;
    cursor: pointer;
}

    #divslideback .fa {
        font-size: 30px;
    }


.polloptions {
    display: none;
}

.polloptionsresult {
    display: none;
}

.pollsubmit {
    text-align: center;
}

    .pollsubmit .btnpollsubmit {
        background-color: #002d5d;
        border: none;
        color: white;
        padding: 10px 20px;
        margin-left: 15px;
        margin-top: 20px;
    }


ul.components-1 li .active:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #ffffff;
    content: '\f00c';
    right: 10px;
    position: absolute;
    top: 10px;
}

.travelordernotes {
    margin-left: 15px;
    margin-top: 15px;
}

    .travelordernotes b {
        display: block;
    }

@media only screen and (max-width: 768px) {
    .travelordernotes {
        margin-left: 0px !important;
        margin-bottom: 25px !important;
    }

    .lblErrorCountryCode {
        margin-left: 0px;
    }
}

.poll-whatspulse label {
    color: #002d5d;
    font-family: 'HelveticaNeueLTStd-BdCn';
    font-size: 15px;
}

#divwhatpulse {
    display: none;
}

.poul-form {
    display: none;
}

.inquirysend .fa {
    padding-right: 10px;
}

.foot-sub {
    margin-top: 30px;
}

.progress.nocricketball:after {
    content: none;
}

@media only screen and (max-width: 330px) {
    ul.Developed li {
        font-size: 8px;
        padding: 0px 2px;
    }
}

#frmJoinSignUp .cc-picker-code-select-enabled {
    height: 50px;
    line-height: 50px;
    /*top: 29px;*/
}

    #frmJoinSignUp .cc-picker-code-select-enabled::after {
        top: 23px;
    }

.get-started-free .log-btn-sign {
    background-color: #01b1ea !important;
}

/*.cc-picker-code-filter {
    display:none;
}*/


#sidebar {
    z-index: 1111112;
}


.removecartitem {
    color: gray;
    cursor: pointer;
}

.Visit-tag p {
    text-align: center;
}

/*.header-bottom .navbar {
    z-index: 1111113;
}*/

.dropdown-menu {
    display: none;
}

.Cart-mob {
    font-size: 25px;
    padding: 0px;
    line-height: 0px;
    padding-right: 2px;
}

@media only screen and (max-width: 767px) {
    .Menu-title {
        right: 15%;
        top: 26%;
    }

    /*#collapseOne {
        margin-top: -1px;
    }

    #IccTab-listContent.tab-content {
        background-color: transparent;
        border: 1px solid #8d95aa;
        border-top: 1px solid #8d95aa;
    }*/
}


.icc .panel-default, .icc .panel {
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
}

@media only screen and (max-width: 768px) {
    .matchexprrience img {
        width: 30px !important;
    }
}


.icc .panel-default > .panel-heading + .panel-collapse > .panel-body {
    margin-top: -1px;
}

#IccTab-list.nav-tabs > li > a span {
    font-size: 30px;
    vertical-align: middle;
    padding-right: 10px;
}

#IccTab-list.nav-tabs > li > a {
    padding: 10px 20px;
}

.Tab-card-list .Tab-card-title {
    position: relative;
}

ul.tabicons {
    position: absolute;
    top: 5px;
    height: 100%;
    display: block;
    right: 0px;
}

.tabicons li {
    background-color: transparent !important;
    color: #1b2a46 !important;
    font-size: 10px;
    text-align: center;
    padding: 0px 5px;
}

.tabicons span {
    display: block;
    text-align: center;
    font-size: 32px;
}

@media only screen and (max-width: 767px) {

    ul.tabicons {
        position: relative;
        top: 5px;
    }

    #IccTab-list.nav-tabs > li > a span {
        padding-right: 0px;
    }

    #IccTab-list.nav-tabs > li > a {
        font-size: 10px;
        padding: 4px;
        display: inline-block;
        margin: 0px;
    }
}

.icc .panel-default, .icc .panel {
    padding-bottom: 0px;
}

.filter-xs-btn {
    padding-top: 5px;
    text-align: right;
    padding-bottom: 10px;
}

/*.btn.btn-startbanners {
    background: #f5f5f5;
}*/

.panel-collapse {
    margin-bottom: 15px;
}

#nocartitem {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}

    #nocartitem img {
        width: 100px;
    }


@media only screen and (max-width: 767px) {
    .tab-btn-block {
        padding: 0px;
        padding-top: 20px;
    }
}

.web-cart {
    position: relative;
}

label#cartitemcount {
    position: absolute;
    top: 10px;
    right: 28px;
    background-color: #f05123;
    padding: 0px 5px;
    color: white;
    font-size: 13px;
    display: none;
}

.statidummap {
    width: 100%;
}

.popupdetails ul {
    padding-left: 20px;
}

    .popupdetails ul li {
        list-style-type: disc;
    }

.noborder {
    border: none !important;
}

.Mob-packages-location {
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    .Mob-packages-title {
        padding-bottom: 0px;
    }

    .travelpage .header-center {
        display: none;
    }
}

.matchstadiummap .fa-map-marker {
    padding: 0px 3px;
}


.tabicons li.ticketfound span:after {
    background-image: url(../images/right.png);
    content: '';
    position: absolute;
    top: 0px;
    right: 1px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
}

#IccTab-list li.ticketfound span:after {
    background-image: url(../images/right.png);
    content: '';
    position: absolute;
    top: 0px;
    right: 1px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
}

.borderbottom {
    border-bottom: 1px solid #d8d8d8;
}

.packagedetails .popupdetails p {
    font-family: 'thesansplain' !important;
    color: #1b2a46 !important;
}


/*.packageprice {
    position: relative;
    display: inline-block;
    border: 1px solid #1e194c;
    min-width: 150px;
}





    .cartbox a {
        color:white;
    }*/

.packageprice .price-cou {
    font-weight: bold;
    color: #d64027;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: 'HelveticaNeueLTStd-Cn';
    padding: 5px 0px;
    display: inline-block;
}


#modal_hospitality {
    z-index: 8999990;
}

    #modal_hospitality footer {
        width: 100%;
        bottom: 0px;
        left: 0px;
        bottom: 0px;
        padding: 5px;
    }


.pricebox {
    display: inline-block;
    padding-left: 15px;
}

.cartbox {
    display: inline-block;
    /* float: right; */
    /* margin-right: 5px; */
    /* margin-top: 5px; */
    margin-left: 20px;
}

#modal_hospitality .cartbuttononly {
    padding: 6px 10px;
    border: none;
    background-color: #1e194c;
}

.popupdetails li, .popupdetails li span {
    font-family: 'thesansplain' !important;
}


.transferviewmore {
    color: #337ab7 !important;
    font-size: 12px;
    padding: 0px;
    margin-top: -3px;
    display: block;
    cursor: pointer;
}


@media only screen and (max-width: 768px) {

    .sticky .navbar-nav {
        display: block;
    }

    .sticky .header-bottom .navbar-collapse ul {
        padding: 0px;
        float: none;
    }
}


.CartPopup {
    z-index: 9999999999;
}

@media only screen and (max-width: 768px) {
    .darkblack {
        color: #323131;
    }
}


.login-form .skyblue {
    background-color: #01b1ea;
}

.divphonewithcode .cc-picker {
    top: 0px;
}

.header-social ul .web-cart {
    margin-top: 10px;
}

    .header-social ul .web-cart a {
        background-color: white;
        color: #f05123;
        padding: 5px 10px;
    }


.web-cart .badge {
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 2px;
    font-size: 10px;
    padding: 3px 5px;
    background-color: #1b2a46;
}

.sticky .header-social ul .web-cart {
    margin-top: 7px;
}

    .sticky .header-social ul .web-cart a {
        padding: 3px 15px;
    }


.cc-picker-code-list {
    z-index: 999999999999999 !important;
}


.benefits__membershp li a {
    color: white;
    padding: 0px 5px;
}

#form_started {
    background-image: none;
}

.membersjoin .overlay-mf {
    background: #f7f7f7;
}

.membersjoin .get-started-free-title h3 {
    color: #1b2a46;
}

.membersjoin .get-started-free-title p {
    color: #1b2a46;
}

.membersjoin .get-started-free .login-form label {
    color: #1b2a46 !important;
}

.membersjoin .benefits__membershp .m-text-b {
    color: #1b2a46;
}

.membersjoin .benefits__membershp li a {
    color: #1b2a46;
}

.membersjoin .benefits__membershp .extra__add_line {
    color: #1b2a46;
}

.membersjoin .get-started-free .log-btn-sign {
    background: #1b2a46 !important;
}

a.poll-btn .mobilepollicon {
    margin-left: 5px;
    margin-top: -10px;
    color: #1b2a46;
    font-size: 20px;
}

.inquiryform .form-group .secondcolumn {
    width: 60% !important;
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .inquiryform .form-group .secondcolumn {
        width: 100% !important;
    }
}

.dynamicpageshtml {
    padding-top: 30px;
}

    .dynamicpageshtml h2, .dynamicpageshtml h3 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 20px;
        color: #1b2a46;
        padding: 20px 0px;
        font-family: 'thesansplain';
    }

    .dynamicpageshtml ul {
        padding: 10px 0px 10px 30px;
    }

        .dynamicpageshtml ul li {
            list-style-type: disc;
        }

.divcardnumber {
    position: relative;
}

    .divcardnumber img {
        position: absolute;
        right: 10px;
        top: 0px;
        width: 50px;
    }


.img-responsive-all {
    width: 100%;
    height: auto;
}


.dottext {
    text-overflow: ellipsis;
    max-width: 300px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.hotelbannerimage {
    min-height: 216px;
}


/* Custom Radio Button */

.customradio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .customradio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 0px;
}

/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.nopadding {
    padding: 0px;
}


videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper object,
.videoWrapper embed, .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media only screen and (max-width: 767px) {
    .resp-container {
        margin-top: 45px;
    }
}

.bharatkesaathpage .header-main {
    background: linear-gradient(to bottom, #3d2f90 0%, #b30474 94%);
}


    .bharatkesaathpage .header-main .header-center {
        background-color: transparent;
    }


    .bharatkesaathpage .header-main .header-bottom .navbar {
        background: transparent;
    }



.bharatkesaathpage .header-bottom .navbar-collapse ul li a {
    color: white;
    font-weight: normal;
}


.bharatkesaathpage .header-top {
    background: linear-gradient(to bottom, #4b1569 0%, #491568 100%);
}

.bharatkesaathpage .bharatarmylogo {
    display: none;
}

.bharatkesaathpage .bharakkesaathlogo {
    display: inline-block !important;
    width: 200px;
}


.sticky .bharatkesaathsticky {
    display: none;
}


.bharatkesaathpage .sticky .stickyimagedesktop {
    display: none !important;
}


.bharatkesaathpage .sticky .bharatkesaathsticky {
    display: inline-block !important;
    width: 80px;
    margin-left: 5px;
    margin-top: 10px;
}

.bharatkesaathpage .sticky .header-bottom {
    box-shadow: none;
}


.bharatkesaathpage .nav .open > a, .bharatkesaathpage .nav .open > a:hover, .bharatkesaathpage .nav .open > a:focus {
    background: linear-gradient(to bottom, #4b1569 0%, #491568 100%);
}


.bharatkesaathpage .header-bottom .navbar-collapse ul li ul.dropdown-menu {
    background: linear-gradient(to bottom, #4b1569 0%, #491568 100%);
}

    .bharatkesaathpage .header-bottom .navbar-collapse ul li ul.dropdown-menu li a {
        color: white;
    }

.bharatkesaathpage .header-bottom .navbar-collapse ul li a:hover {
    background: linear-gradient(to bottom, #4b1569 0%, #491568 100%);
}


.dropdown-menu .icon {
    padding-right: 10px;
}


@media only screen and (max-width: 767px) {

    .bharatkesaathpage .stickyimage {
        display: none !important;
    }

    .bharatkesaathpage .bharatkesaathmob {
        display: inline-block !important;
        width: 65px;
        margin-top: 7px;
    }

    .bharatkesaathpage .sticky .bharatkesaathmob {
        display: inline-block !important;
        width: 60px;
        margin-top: 10px;
    }

    .bharatkesaathpage .sticky .bharatkesaathsticky {
        display: none !important;
    }

    .bharatkesaathpage .navbar-collapse {
        border-top: none;
        box-shadow: none;
    }

    .bharatkesaathpage ul.mob-social li a {
        color: white;
    }

    .bharatkesaathpage .navbar-toggle .icon-bar {
        background: white;
    }

    .bharatkesaathpage .Cart-mob {
        color: white;
    }

    .bharatkesaathpage .header-bottom {
        position: relative;
    }

    .bharatkesaathpage .header-center {
        margin-bottom: 15px;
    }

    .bharatkesaathpage .bharakkesaathlogo {
        padding: 10px;
        display: inline-block;
        text-align: center;
        width: 100%;
    }

        .bharatkesaathpage .bharakkesaathlogo img {
            width: 120px;
        }
}

.left15 {
    padding-left: 15px;
}

.bottom15 {
    padding-bottom: 15px;
}

.ulbharatkesaath li {
    color: #1b2a46;
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    list-style-type: none;
    text-align: left;
    padding: 10px 0px 10px 30px;
}


    .ulbharatkesaath li:after {
        font-family: 'BA-icon' !important;
        content: "\e903";
        font-size: 30px;
        position: absolute;
        left: 0px;
        margin-top: -5px;
    }


.bharatkesaathpage .navbar-nav .active {
    background: linear-gradient(to bottom, #4b1569 0%, #491568 100%);
}


.navybluebutton {
    background-color: #1b2a46;
    border: none;
    font-size: 15px;
    color: white;
    padding: 8px 20px;
}

.clearall {
    clear: both;
}

.mtop10 {
    margin-top: 15px;
}


ul.provide-list {
    clear: both;
    display: block;
    margin: 0px;
    list-style: none;
    padding: 0px;
    text-align: center;
}

    ul.provide-list li {
        display: inline-block;
        max-width: 199px;
        margin: 0px 10px;
    }

.provide-box {
    display: block;
    clear: both;
}

ul.provide-list li a {
    background-color: #ffffff;
    border: 1px solid #ededed;
    display: block;
    padding: 20px 18px;
    position: relative;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.provide-content {
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #ffffff;
    transition: all 0.5s ease;
    padding: 5px;
    border-radius: 50%;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

    .provide-content h3 {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 28px;
    }

    .provide-content p {
        color: #ffffff;
        font-size: 15px;
    }

ul.provide-list li a:hover .provide-content {
    background: #3d2f90;
    background: -moz-linear-gradient(top, #3d2f90 0%, #b30474 94%);
    background: -webkit-linear-gradient(top, #3d2f90 0%, #b30474 94%);
    background: linear-gradient(to bottom, #3d2f90 0%, #b30474 94%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d2f90', endColorstr='#b30474', GradientType=0 );
    border-radius: 0%;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding-top: 50px;
}


@media only screen and (max-width: 767px) {
    ul.provide-list li {
        margin: 0px 5px;
        margin-bottom: 15px;
        max-width: 29%;
    }
}

@media only screen and (max-width: 1024px) {
    .provide-content h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 812px) {
    .provide-content h3, .provide-content p {
        font-size: 12px;
    }
}


@media only screen and (max-width: 812px) {
    .provide-content h3 {
        font-size: 14px;
    }
}


@media only screen and (max-width: 767px) {
    .bharatkesaathpage .resp-container {
        margin-top: 0px;
    }
}

.tablesmall {
    display: block;
    font-size: 15px;
    color: black;
    line-height: 3px;
    padding-bottom: 15px;
}

.tablecartbutton {
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    .tablesmall {
        font-size: 9px;
    }
}


@media only screen and (max-width : 330px) {
    .Price-count-list ul li .price {
        font-size: 13px;
    }
}


/*.videocontainer video {
    width: 100%;
    height: auto;
}*/


.videocontainer {
    position: relative;
    height: 650px;
    min-height: 500px;
    width: 100%;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    text-align: center;
    overflow: hidden;
}

    .videocontainer video, .videocontainer iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -100;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .videocontainer:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .videocontainer .banner {
        display: inline-block;
        vertical-align: center;
        margin: 0 auto;
        width: 85%;
        padding-bottom: 30px;
        text-align: center;
        font: 24px 'opensans-bold', sans-serif;
        font-weight: bold;
    }

    .videocontainer .banner-text {
        color: #f5f5f5;
        width: 100%;
    }


a#btnVideoMuteButton {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0px 10px;
    font-size: 20px;
    cursor: pointer;
    display: block;
}

.volumnvideo .fa-volume-off {
    display: none;
}

.volumnvideo .fa-volume-up {
    display: block !important;
}

.mute .fa-volume-off {
    display: block;
}

.mute .fa-volume-up {
    display: none !important;
}

.mute .fa-volume-up {
}


@media only screen and (max-width: 767px) {
    .videocontainer {
        position: relative;
        height: 100%;
        width: 100%;
        min-height: 100%;
        margin-top: 50px;
    }

        .videocontainer video, .videocontainer iframe {
            position: relative;
            top: 0px;
            left: 0px;
            z-index: 0;
            width: 100%;
            height: 100%;
            transform: none;
        }

        .videocontainer:before {
            content: '';
            display: none;
        }
}

@media only screen and (max-width : 1024px) {
    /*.header-bottom .navbar-collapse ul {
        text-align: left;
    }*/
}





.header-social ul .poll-button a {
    padding: 5px 10px;
    margin-top: 10px;
    background-color: white;
    color: #1b2a46;
    cursor: pointer;
}

    .header-social ul .poll-button a:hover {
        color: #1b2a46;
    }

.sticky .header-social ul .poll-button {
    margin-top: 7px;
}

    .sticky .header-social ul .poll-button a {
        padding: 3px 15px;
        margin-top: 0px;
        cursor: pointer;
    }



.Rules-Tilte p {
    text-align: center;
}


.termsrow {
    position: relative;
    margin-left: 15px;
}

.chkterms {
    position: absolute;
    top: 0px;
    left: 15px;
}

.termsrow p {
    padding-left: 5px;
    margin-bottom: 15px;
    text-align: left;
    /*font-size: 12px;*/
}

.termsmaindiv h6 {
    font-size: 15px;
}

.termsrow a {
    /*font-weight: 600;*/
    color: #1b2a46;
    /*padding: 0px 5px;*/
    font-size: 15px;
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {

    #frmJoinSignUp .cc-picker-code-select-enabled {
        height: 50px;
        line-height: 50px;
        top: 29px;
    }

    .termsrow p {
        font-size: 12px;
    }

    .termsrow a {
        font-size: 12px;
    }
}

.showerror {
    display: block;
}


.BAAnimatedloader {
    position: absolute;
    text-align: center;
    height: 100%;
    top: 0px;
    background-color: rgba(255,255,255,0.5);
    width: 100%;
    left: 0px;
    z-index: 11111111111;
}

    .BAAnimatedloader img {
        text-align: center;
        width: 70px;
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 0.7;
    }

.hidebaloader {
    display: none;
}

.displaybaloader {
    display: block !important;
}

#Our-Fan .owl-nav.disabled {
    display: none;
}

@media only screen and (max-width: 767px) {

    .bharatkesaathpage .landing-banner {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .bharatkesaathpage .navbar-toggle .icon-bar {
        background-color: white;
    }
}

@media only screen and (max-width: 812px) {
    .bharatkesaathpage .Cart-mob {
        color: white;
    }

    .bharatkesaathpage .ul.mob-social li a {
        color: white;
    }
}

.videobanner {
    position: relative;
}

    .videobanner video {
        width: 100%;
        height: 100%;
    }


a#btnVideoMuteButton {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0px 10px;
    font-size: 20px;
    cursor: pointer;
    display: block;
}

.volumnvideo .fa-volume-off {
    display: none;
}

.volumnvideo .fa-volume-up {
    display: block !important;
}

.mute .fa-volume-off {
    display: block;
}

.mute .fa-volume-up {
    display: none !important;
}

.mute .fa-volume-up {
}


@media only screen and (max-width: 767px) {

    .stickyimage {
        display: inline !important;
        width: 45px;
        margin-left: 15px;
        margin-top: 5px;
        float: left;
        margin-bottom: 5px;
    }

    .videobanner {
        margin-top: 50px;
    }

    .batimg {
        width: 130px;
        margin-top: 10px;
    }
}


.divider-title-header {
    position: relative;
    width: 100%;
    background-color: #e6e6e4;
    height: 2px;
    top: 50px;
}


.centermatchplace {
    text-align: center;
    color: #1e194c;
    font-family: 'HelveticaNeueLTStd-Cn';
    font-size: 13px;
}

    .centermatchplace a {
        text-align: center;
        color: #1e194c;
        font-family: 'HelveticaNeueLTStd-Cn';
        font-size: 13px;
    }


.chkterms {
    height: inherit !important;
}


.ulcriketlegends {
    text-align: center;
    color: #1e194c;
    /* font-family: 'HelveticaNeueLTStd-Cn'; */
    font-size: 20px;
    margin-top: 50px;
    font-weight: bold;
}

.latestform #form_started {
    height: auto;
    padding-bottom: 50px;
}

.latestform .benefits__membershp .extra__add_line {
    padding-top: 80px;
}

.mobilewithcountrycode {
    position: relative;
}

.divider-title-relatedmatches {
    position: relative;
    width: 100%;
    background-color: #e6e6e4;
    height: 2px;
    top: 30px;
}

.flip-clock-wrapper ul {
    display: inline-block;
    float: none;
}

.flip-clock-divider {
    float: none;
    height: inherit;
}

.flip-clock-dot.bottom {
    bottom: 20px;
}

.flip-clock-dot.top {
    bottom: 35px;
    top: inherit;
}

.flip-clock-divider .flip-clock-label {
    position: relative;
    top: 11px;
    left: 50px;
    color: #f05123;
    text-shadow: none;
    font-weight: bold;
}

.flip-clock-divider.hours .flip-clock-label {
    left: 65px;
}

.flip-clock-divider.minutes .flip-clock-label {
    left: 65px;
}

.flip-clock-divider.seconds .flip-clock-label {
    left: 60px;
}

.flip-clock-wrapper {
    padding-bottom: 70px;
}

    .flip-clock-wrapper .flip {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
    }

.countdownheader {
    font-family: 'HelveticaNeueLTStd-BdCn';
    font-size: 20px;
    text-align: center;
    color: #1b2a46;
}

.flip-clock-wrapper ul {
    background: #1b2a46;
}

.flip-clock-dot {
    background: #1b5732;
}

@media only screen and (max-width: 767px) {

    .divider-title-header {
        top: 30px;
    }

    .divider-title-relatedmatches {
        top: 20px;
    }

    .black-color img {
        width: 20px;
        margin-top: -5px;
    }

    .mobilewithcountrycode .cc-picker-code-select-enabled {
        top: 0px !important;
    }

    .latestform #form_started {
        padding-bottom: 30px;
    }

    .ulcriketlegends {
        font-size: 13px;
        text-align: justify;
    }

        .ulcriketlegends li {
            padding-bottom: 10px;
        }
}

.statemoreclose {
    right: 10px;
    position: absolute;
    top: 12px;
    color: #a2a2a2;
    cursor: pointer;
}


#anchorstatenotfound {
    color: #1b2a46;
}

#anchorcitynotfound {
    color: #1b2a46;
}

.imageanimation {
    position: relative;
    height: 60px;
    margin-top: 15px;
}

    .imageanimation img {
        position: absolute;
        z-index: 1;
        height: 70px;
        width: 130px !important;
        background-color: #f5f5f5;
    }

        .imageanimation img.active {
            z-index: 3;
        }


/* New Curve Modal */

.curvemodal .modal-content {
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    position: relative;
}

    .curvemodal .modal-content .closepopup {
        top: 15px;
        right: 15px;
        position: absolute;
        z-index: 1;
    }

    .curvemodal .modal-content .modal-body {
        padding: 0px;
    }


        .curvemodal .modal-content .modal-body .BA-Match {
            border-radius: 0px 20px 0px 0px
        }

        .curvemodal .modal-content .modal-body .BA-CardContent {
            padding: 15px;
        }

.matchcontent {
    padding: 15px;
    position: relative;
}

    .matchcontent h3 {
        font-family: 'HelveticaNeueLTStd-BdCn';
        color: #1e194c;
    }

.divpriceinpopup {
    position: absolute;
    top: 15px;
    right: 15px;
}

    .divpriceinpopup .ticketcart {
        position: relative;
        right: 0px;
        margin-top: 15px;
    }


.sectioncontent ul {
    padding-left: 15px;
}

    .sectioncontent ul li {
        list-style-type: disc;
        font-family: 'HelveticaNeueLTStd-Cn';
    }

.sections {
    padding-top: 15px;
}

    .sections h6 {
        font-size: 18px;
        margin-bottom: 10px;
        font-family: 'HelveticaNeueLTStd-BdCn';
    }



@media only screen and (max-width: 768px) {
    .imageanimation {
        position: relative;
        height: 75px;
        margin-top: 15px;
    }

    .matchheader {
        margin: 20px 0px;
    }

    .curvemodal .modal-content .matchheader {
        margin: 0px;
    }
}

@media only screen and (max-width: 767px) {

    .Guides-Box:hover, .Guides-Box.cheked {
        border: 1px solid #e9e9e9
    }

    .Guides-Box .visible-mobile [type="checkbox"]:checked + label:after,
    .Guides-Box .visible-mobile [type="checkbox"]:not(:checked) + label:after,
    .Guides-Box .visible-mobile [type="checkbox"]:checked + label:before,
    .Guides-Box .visible-mobile [type="checkbox"]:not(:checked) + label:before {
        width: 15px;
        height: 15px;
        bottom: -17px;
        top: 20px;
        left: -15px;
    }

    .sectioncontent ul li {
        font-size: 14px;
    }

    .sections h6 {
        font-size: 13px;
        margin-bottom: 10px;
        font-family: 'HelveticaNeueLTStd-BdCn';
    }

    .header-center {
        display: none;
    }

    .flip-clock-wrapper .flip {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
    }

    .flip-clock-wrapper {
        text-align: center;
        position: relative;
        width: 100%;
        margin: 0px auto;
        padding: 0px 0px 20px 0px;
    }

        .flip-clock-wrapper ul {
            display: inline-block;
            float: none;
            width: 7%;
            height: 30px;
        }

            .flip-clock-wrapper ul li {
                line-height: 30px;
            }

                .flip-clock-wrapper ul li a div div.inn {
                    font-size: 18px;
                }

    .flip-clock-divider {
        float: none;
        width: 10px;
        height: inherit;
    }

    .flip-clock-wrapper ul li a div.down {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .flip-clock-dot {
        width: 4px;
        height: 4px;
    }

        .flip-clock-dot.bottom {
            top: inherit;
            bottom: 15px;
        }

        .flip-clock-dot.top {
            top: inherit;
            bottom: 25px;
        }

    .flip-clock-divider .flip-clock-label {
        position: relative;
        right: 0px;
        padding-left: 25px;
        top: 10px;
        left: 0px;
    }

    .flip-clock-divider.minutes .flip-clock-label {
        right: 0px;
        left: inherit;
    }

    .flip-clock-divider.seconds .flip-clock-label {
        right: 3px;
        left: inherit;
    }

    .flip-clock-divider.hours .flip-clock-label {
        left: inherit;
    }

    .countdownheader {
        font-size: 16px;
    }
}


.greysection {
    background-color: #f7f7f7;
}


.BannerImageSection img {
    width: 100%;
}

.partners .owl-carousel .owl-item img {
    max-width: 250px;
    width: inherit;
}

.stickyimagebat {
    width: 150px !important;
    margin-top: 15px;
    margin-left: 5px;
}

.sticky .stickyimagebat {
    margin-left: 5px;
}

.batmainlogo {
    padding-top: 20px;
    padding-left: 5px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .sticky .header-bottom .navbar-collapse ul li a {
        font-size: 12px;
        padding: 15px 10px;
        margin-bottom: 5px;
        margin-top: 10px;
    }
}


.Balcony-seat p {
    text-align: center;
}

.Service-Area p {
    text-align: center;
    color: white;
}

.scratchSection {
    margin-bottom: 65px;
}



@media only screen and (max-width: 767px) {

    #LandingBanners {
        margin-top: 55px;
    }

    .scratchSection {
        margin-bottom: 30px;
    }
}

/* Material */

.materialinputs .group {
    position: relative;
    margin-bottom: 45px;
}

.materialinputs input {
    font-size: 25px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #19315c;
    font-family: 'HelveticaNeueLTStd-Cn';
}

    .materialinputs input:focus {
        outline: none;
    }

/* LABEL ======================================= */
.materialinputs label {
    color: #5264AE;
    /*color: #999;*/
    font-size: 14px;
    /*font-size: 18px;*/
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    /*top: 10px;*/
    top: -25px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/* active state */
.materialinputs input:focus ~ label, .materialinputs input:valid ~ label {
    top: -25px;
    font-size: 14px;
    color: #5264AE;
}

/* BOTTOM BARS ================================= */
.materialinputs .bar {
    position: relative;
    display: block;
    width: 100%;
}

    .materialinputs .bar:before, .materialinputs .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #5264AE;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .materialinputs .bar:before {
        left: 50%;
    }

    .materialinputs .bar:after {
        right: 50%;
    }

/* active state */
.materialinputs input:focus ~ .bar:before, .materialinputs input:focus ~ .bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.materialinputs .highlight {
    position: absolute;
    height: 60%;
    width: 100%;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.materialinputs input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}


.aboutredfm .Section-Title {
    margin: 50px 0px 50px;
}

@media only screen and (max-width: 767px) {
    .aboutredfm .Section-Title {
        margin: 15px 0px;
    }

    .wizard-enter .form-control {
        height: 50px;
    }
}

@media only screen and (max-width: 812px) {
    .Section-Title img {
        width: 100%;
        max-width: 100%;
        padding: 0px 30px;
    }
}

.RedGo-DownBtn a {
    cursor: pointer;
}

.imageresponsive {
    width: 100%;
}

.numberingul {
    margin-left: 20px;
}

    .numberingul li {
        list-style: inherit;
        padding-left: 5px;
        text-align: justify;
        padding-bottom: 15px;
    }

.innernumericlist {
    margin: 15px 0px 0px 15px;
}

    .innernumericlist li {
        list-style-type: disc;
    }



/*.Balcony-seat ul li span.no-border {
    display: block;
    min-width: 130px;
    min-height: 100px;
}*/

@media only screen and (max-width: 1024px) {
    .Balcony-seat ul li span.no-border {
        min-width: 100px;
        min-height: 100px;
    }
}


@media only screen and (max-width: 767px) {
    .Balcony-seat ul li span.no-border {
        min-width: 40px;
        min-height: 30px;
    }
}

@media only screen and (max-width: 330px) {
    .Balcony-seat ul li span.no-border {
        min-width: 35px;
    }
}

.Guru-Box p {
    text-align: center;
}


.bkstablebooking {
    margin: 50px 0px 20px 0px;
}

@media only screen and (max-width: 767px) {
    #BKS-Banner {
        margin-top: 0px;
    }
}

.fa-gbp {
    padding-right: 5px;
}

.fa-shopping-cart {
    padding-right: 5px;
}


.caredit-card-details form input {
    color: #757c8c;
    height: 50px;
}


.divrelativeposition {
    position: relative;
}


#BKSViewCart .modal-body {
    padding: 0px;
}

.fa-cart-plus, .fa-credit-card {
    padding-right: 5px;
}

@media only screen and (max-width: 767px) {
    #Book-Banner {
        margin-top: 0px;
    }

    #BKSViewCart .modal-body .close {
        right: 15px;
        top: 15px;
    }
}

.customdropdown .select2-container .select2-selection--single {
    height: 50px;
}

.paxleft {
    font-size: 11px;
    color: #1B5732;
    font-weight: 600;
}


.soldout {
    font-size: 11px;
    color: #f05123;
    font-weight: 600;
}


/*.Icctable {
    display: block;
}*/

.seater {
    width: 100px;
}

@media only screen and (max-width: 767px) {
    .seater {
        width: 25px !important;
    }
}

.baanchor {
    color: #1b2a46;
    cursor: pointer;
}


.tableanchorlayout {
    width: 130px;
    border: none !important;
    position: relative;
}

    .tableanchorlayout img {
        width: 100%;
    }

.lblcapacity {
    position: absolute;
    top: 55px;
    font-size: 25px;
    left: 50px;
    color: #1b2a46;
}

.lblcapacitytext {
    position: absolute;
    top: 84px;
    left: 45px;
    font-size: 13px;
    color: #1b2a46;
    text-transform: uppercase;
}

.lblSoldOut {
    position: absolute;
    top: 70px;
    left: 33px;
    color: #f05123;
    text-transform: uppercase;
}

.lblleftnumber, .lblleftcapacitytext {
    color: #00b1ea;
    text-transform: uppercase;
}

.lblleftcapacitytext {
    left: 50px;
}

.cartitemremove {
    position: relative;
    width: 5%;
}

    .cartitemremove a {
        position: absolute;
        vertical-align: middle;
        height: 100%;
        top: 40px;
        right: 0px;
        color: #19315c;
        cursor: pointer;
    }


@media only screen and (max-width: 1024px) {
    .tableanchorlayout {
        width: 100px;
    }

    .lblSoldOut {
        position: absolute;
        top: 61px;
        left: 28px;
        color: #f05123;
        text-transform: uppercase;
        font-size: 12px;
    }

    .lblcapacity {
        position: absolute;
        top: 50px;
        font-size: 20px;
        left: 41px;
    }

    .lblcapacitytext {
        position: absolute;
        top: 74px;
        left: 37px;
        font-size: 10px;
        color: #1b2a46;
        text-transform: uppercase;
    }

    .lblleftcapacitytext {
        left: 41px;
    }
}


#frmPayOnline .cc-picker-code-select-enabled {
    height: 50px;
    line-height: 50px;
    /*top: 29px;*/
}

    #frmPayOnline .cc-picker-code-select-enabled::after {
        top: 23px;
    }


@media only screen and (max-width: 767px) {

    #frmPayOnline .cc-picker-code-select-enabled {
        height: 50px;
        line-height: 50px;
        top: 29px;
    }
}

.bharatkesaathpage a.poll-btn .mobilepollicon {
    color: white;
}


.Preferred-Section .form-control, .Methods .form-control {
    height: 50px;
}


@media only screen and (max-width: 767px) {
    .Delivery-Caption h1 {
        font-size: 11px;
        padding-top: 5px;
    }
}

.termsrow .chkterms {
    left: 1px;
    right: auto !important;
}


.termsrow .absolute15 {
    left: 15px;
}

.landing-banner img {
    width: 100%;
}


@media only screen and (max-width: 768px) {
    .select2-container .select2-selection--single {
        height: 50px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 50px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 50px;
    }
}

.ulcricketball li:before {
    content: "\e909";
    font-family: 'BKS-Icon' !important;
    margin-right: 5px;
    /*margin-right: 5px;
    display: inline-block;
    margin-left: 28px;*/
}


.ulwinebottle li:before {
    content: "\e906";
    font-family: 'BKS-Icon' !important;
}


@media only screen and (max-width: 767px) {
    .Eventdetailslist ul li {
        margin: 0px;
    }
}


.article-intro img {
    width: 100%;
}


.INDPK p {
    text-align: center;
}

.BKS-box {
    margin-right: 5px;
}

@media (min-width: 768px) {
    #pdfBASignupModal .verticalmodal {
        width: 400px;
        margin: 30px auto;
    }

        #pdfBASignupModal .verticalmodal .modal-header {
            padding: 10px;
        }

            #pdfBASignupModal .verticalmodal .modal-header h4 {
                font-size: 15px;
            }
}

.verticalmodal .Pdf-form {
    padding: 20px;
}

.mobilewithcountrycode .cc-picker-code-select-enabled {
    height: 50px;
    line-height: 50px;
}

    .mobilewithcountrycode .cc-picker-code-select-enabled::after {
        top: 23px;
    }

#pdfBASignupModal .verticalmodal .modal-header {
    padding-left: 15px;
}


#pdfBASignupModal .verticalmodal .modal-body {
    padding: 0px;
    max-width: 100%;
}


#pdfBASignupModal .verticalmodal .Popup-book img {
    margin: 0px;
    width: 100%;
    margin-top: -1px;
}

#ddlstadiumname.form-control {
    padding: 5px 5px 5px 5px;
    background-image: url(../images/downlist.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.Pdf-form .form-control {
    height: 50px;
}


.mega-dropdown.open .dropdown-content {
    z-index: 999;
}

.Hotstar-Content p {
    color: white;
}

.tableno {
    font-size: 7px;
    position: absolute;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    text-align: center;
    left: 0px;
    top: 0px;
    margin: 8px auto;
    font-family: 'HelveticaNeueLTStd-BdCn';
}

.tablenodesktop {
    position: absolute;
    top: -5px;
    width: 100%;
    left: 0px;
    text-align: center;
    font-size: 12px;
}

.OrderTitle p {
    text-align: center;
}

.GrandTotal p {
    text-align: right;
}

.text-center p {
    text-align: center;
}

/*.AllThis-section , .Victoria-Section {
    background-image: url('../images/hublot_bg.jpg');
    background-size: contain;
    background-attachment: fixed;
}

@media only screen and (max-width: 767px) {
    .AllThis-section , .Victoria-Section {
    background-image: url('../images/hublot_mobile_bg.jpg');
    background-size: contain;
    background-attachment: fixed;
}
}*/


.PFrame {
    margin-bottom: 40px;
}

.Member-Name h2 {
    margin-bottom: 0px;
}

.Member-Name label {
    padding: 0px;
}

@media only screen and (max-width: 767px) {

    .PFrame {
        margin-bottom: 0px;
    }

    .Member-Name {
        float: none;
    }
}


#pdfOPTVerifiedModal .my-width {
    width: 100%;
    padding: 0px;
    max-width: 100%;
}

#pdfOPTVerifiedModal .normaltext {
    color: #1b2a46;
    text-align: center;
    padding: 20px;
    /*font-weight: bold;*/
    font-size: 19px;
}


#pdfOPTVerifiedModal .enter-code {
    margin: 10px 0px 10px 5px;
    text-align: center;
    font-weight: bold;
}

#pdfOPTVerifiedModal .Pdf-form .btn-primary {
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #1b2a46;
    border-color: #1b2a46 !important;
}

@media only screen and (max-width: 767px) {
    #pdfOPTVerifiedModal #SSNArea, #SSNGroup, #SSNSerial, #SSNSeriag {
        max-width: 40px;
        min-width: 40px;
        width: 40px;
    }
}

.closeotp {
    position: absolute;
    right: 0px;
    top: 0px;
    color: white;
}

.closeotp {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #1bbaed;
    font-size: 20px;
    z-index: 1111111;
    opacity: 1;
    box-shadow: none;
    text-shadow: none;
    border: navajowhite;
}


@media (min-width: 768px) {
    #pdfOPTVerifiedModal .modal-dialog {
        width: 400px;
        /*margin: 30px auto;*/
    }
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}


.menuimage {
    width: 15px;
    margin-right: 3px;
    margin-top: -3px;
    margin-bottom: 0px;
}

.sticky .header-bottom .navbar-collapse ul li {
    margin: 0px 0px;
}

.Radio-card {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 20px;
}

.matchfilter {
    background-color: #1b2a46 !important;
    border: 2px solid #f05123;
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    /*padding: 10px 10px 3px 10px !important;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

    .matchfilter i {
        font-size: 20px;
        color: white;
        line-height: 40px;
    }

    .matchfilter label {
        font-size: 10px;
        color: white;
    }


.findoutmorebtn {
    background-color: #f05123;
    color: white;
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block;
}

    .findoutmorebtn:hover {
        color: white;
    }



.customdots .owl-dot {
    width: 15px;
    height: 15px;
    background-color: transparent;
    background-image: url(../images/slide-ball.png);
    background-size: cover;
}

.customdots .owl-dot {
    background-color: transparent;
    background-image: url(../images/slide-ball-active.png);
}

.customdots .owl-dots {
    margin-top: -30px;
    z-index: 5;
    position: relative;
}

@media only screen and (max-width : 812px) {
    .customdots .owl-dot {
        width: 10px;
        height: 10px;
    }
}


.joinbharatarmypopupheader {
    /*margin-top: 20px;*/
    margin-bottom: 5px;
    color: white;
    font-family: inherit;
    text-transform: uppercase;
    font-size: 25px;
}

.PopService .benefits-of-membershp {
    padding-left: 0px;
}

.PopService .benefits__membershp .m-text-b {
    padding: 0px 10px;
}

.PopService .benefits__membershp ul {
    margin-top: 30px;
}

#frmInquiryInformation label, #frmbankInquiryInformation label {
    color: white;
    font-weight: normal;
}

#frmInquiryInformation .termsmaindiv h6, #frmbankInquiryInformation .termsmaindiv h6 {
    color: white;
}

#frmInquiryInformation .termsrow p, #frmbankInquiryInformation .termsrow p {
    color: white;
    padding-right: 10px;
}

#frmInquiryInformation .termsrow a, #frmbankInquiryInformation .termsrow a {
    color: white;
    font-weight: 600;
}

#frmInquiryInformation .log-btn-sign, #frmbankInquiryInformation .log-btn-sign {
    float: none;
}

@media (max-width: 767px) {

    .Radio-card {
        height: inherit;
        /*overflow-y: scroll;
    overflow-x: hidden;*/
        margin-bottom: 20px;
    }

    .sectionjoinnowpopup {
        display: block;
    }


    .PopService .benefits__membershp li {
        padding: 0px;
        font-size: 15px;
        display: inline-block;
        position: relative;
    }

    .PopService .benefits__membershp .bullets {
        position: absolute;
        top: -3px;
        left: 0px;
        padding-left: 0px !important;
    }

    .PopService .benefits__membershp li span.m-text-b {
        background-image: url(../images/color-bal-mobile.png);
        width: 15px;
        height: 15px;
    }

    .PopService .benefits__membershp .m-text-b {
        color: white;
        font-size: 13px;
        padding-left: 20px;
    }

    .joinbharatarmypopupheader {
        /*margin-top: 20px;
    color: white;*/
        font-size: 20px;
    }

    #JoinNow .modal-body .close {
        z-index: 1111111111111111;
    }
}


.horizonalgredient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f05123+0,1b5732+100 */
    background: #f05123; /* Old browsers */
    background: -moz-linear-gradient(left, #f05123 0%, #1b5732 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f05123 0%,#1b5732 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f05123 0%,#1b5732 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05123', endColorstr='#1b5732',GradientType=1 ); /* IE6-9 */
    height: 5px;
    width: 100%;
}


.inquirynow {
    top: 0px;
    right: 0px;
}


    .inquirynow a {
        display: block;
        padding: 5px 20px;
    }


.joinbharatarmypopup .termsmaindiv {
    margin-top: 35px;
    margin-bottom: 0px;
}

.joinbharatarmypopup .login-btn-last {
    margin-bottom: 5px;
}

.inquirypopup .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #1b2a46;
    color: white;
}

.inquirypopup h3 {
    font-size: 18px;
    display: block;
    font-family: 'HelveticaNeueLTStd-BdCn';
    color: white;
    margin-bottom: 5px;
}

.inquirypopup .modal-title img {
    width: 15px;
}

.inquirypopup .Tab-card-title {
    padding: 0px;
}

    .inquirypopup .Tab-card-title a {
        color: white;
    }

.inquirypopup .close {
    color: white;
    position: absolute;
    right: 15px;
}


.packagedropdown {
    position: absolute;
    top: 0px;
    height: 100%;
    right: 0px;
    border: 1px solid #CCC;
    padding: 0px 20px;
    color: #a5a5a5;
    font-family: 'HelveticaNeueLTStd-Cn';
    background-color: white;
}

/* Tournaments */

.matchfixture {
    padding: 30px 0px;
}

.ulticketcategory li {
    display: inline-block;
    padding: 10px 5px;
    width: 24%;
    vertical-align: top;
    position: relative;
}

.ulhospitality li {
    width: 49%;
}

.descriptionpanel {
    padding-left: 12%;
    margin-top: 15px;
}

.ticketbox {
    display: flex;
    padding: 0px;
    margin-bottom: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: white;
    border: 1px solid #e9e9e9;
}

.ticketimage {
    width: 40%;
    background-size: cover;
    border-bottom-left-radius: 20px;
}

.ulhospitality .ticketimage {
    width: 30%;
}

.ticketdescription {
    width: 60%;
    /*padding: 10px;*/
    padding: 0px;
    position: relative;
}

.ulhospitality .ticketdescription {
    width: 70%;
}

.ticketfulldescription {
    width: 100%;
    /*padding: 10px;*/
    padding: 0px;
    position: relative;
}

    .ticketdescription h3, .ticketfulldescription h3 {
        text-align: left;
        height: 33px;
        padding: 10px 10px 0px 10px;
    }

.ticketdescription h3 {
    text-align: left;
    height: 33px;
    padding: 10px 10px 0px 10px;
}

.ulhospitality h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 10px;
    height: inherit;
    font-size: 16px;
}

    .ulhospitality h3 a {
        color: #19315c;
    }



.lblchk {
    position: absolute;
    right: 25px;
    top: -5px;
}

.Guides-Box [type="checkbox"]:checked + label:before, .Guides-Box [type="checkbox"]:not(:checked) + label:before {
    width: 15px;
    height: 15px;
}

.Guides-Box [type="checkbox"]:checked + label:after, .Guides-Box [type="checkbox"]:not(:checked) + label:after {
    width: 15px;
    height: 15px;
}

.Guides-Box [type="checkbox"]:checked + label, .Guides-Box [type="checkbox"]:not(:checked) + label {
    position: absolute;
}

.pricesection {
    /*width: fit-content;*/
    padding: 0px 10px 0px 10px;
    text-align: left;
}

.divfooter {
    padding: 0px 10px 10px 10px;
    background: #fbfbfb;
    border-top: 1px solid #e9e9e9;
    border-bottom-left-radius: 20px;
}

p.priceunit {
    text-align: right;
    font-size: 9px;
    /*margin-top: -3px;*/
    color: #f05123;
    font-weight: 600;
    display: inline-block;
}

p.ticketprice {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}

.ticketcart {
    /*margin: 0px auto;
    display: inline-block;
    background-color: #00b1ea;
    border: none;
    color: white;
    padding: 2px 4px 2px 6px;
    font-size: 15px;
    margin-top: 10px;
    float: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-top-left-radius: 10px;
    cursor: pointer;*/
    margin: 0px auto;
    display: inline-block;
    background-color: #00b1ea;
    border: none;
    color: white;
    padding: 3px 7px;
    font-size: 13px;
    margin-top: 10px;
    float: right;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.anchorviewmore {
    width: 100%;
    display: block;
    text-align: left;
    font-size: 12px;
    padding: 1px 0px;
    font-family: 'HelveticaNeueLTStd-Cn';
}

.itemheader {
    font-size: 10px;
    width: 100%;
    text-align: left;
    /*font-weight: normal;*/
    margin-bottom: 0px;
}

.package-inclusion {
    text-align: left;
}

    .package-inclusion img {
        width: 20px;
    }

    .package-inclusion .tags-zt {
        font-size: 12px;
        padding-left: 3px;
    }

.ulhospitality .package-inclusion li {
    padding: 1px;
    /*width: inherit;*/
    margin-right: 5px;
}

.lblTypedescription {
    /*text-align: left;
    font-weight: normal;
    font-size: 14px;*/
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    padding-left: 10px;
    /*line-height: 0px;*/
}

.removecart {
    /*background-color: #f05123;
    color: white;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 12px;
    padding: 0px 5px 2px 5px;
    border-top-left-radius: 7px;
    cursor: pointer;*/
    background-color: #f05123;
    color: white;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 13px;
    padding: 3px 7px;
    border-radius: 5px;
    cursor: pointer;
}

    .removecart:hover {
        color: white;
    }

.Guides-Box.active {
    border: 1px solid #f05123;
}

.cartpagebox {
    display: flex;
    width: 100%;
    /*background-color: #f7f7f7;*/
    background-color: #e9ebee;
    margin: 30px 0px;
}

.cartitem {
    width: 70%;
    flex-wrap: wrap;
    flex-direction: column;
}

.litotal {
    display: flex;
}

    .litotal .grandtotalheader {
        width: 60%;
        text-align: right;
    }

    .litotal .grandtotalvalue {
        width: 40%;
        text-align: right;
    }

.cartinquiry {
    background-color: #19315c;
    flex-wrap: wrap;
    flex-direction: column;
    width: 30%;
    padding: 20px;
    /*border-top-right-radius: 30px;*/
}

.liitemrow {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
    display: flex;
}

.itemrow .lastrow {
    border-bottom: none;
    /*padding-bottom: 0px;*/
}

ul.itemrow, ul.itemanimatedrow {
    padding: 20px;
}

.liitemrow .BA-CardListCaption label {
    font-size: 14px;
}

.liitemtournament label {
    display: inline-block;
    color: #19315c;
    font-family: 'HelveticaNeueLTStd-BdCn';
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-bottom: 0px;
    font-size: 23px;
}

.cartinquiry header label {
    display: inline-block;
    color: white;
    font-family: 'HelveticaNeueLTStd-BdCn';
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-bottom: 0px;
    font-size: 23px;
}


.tournamentspliter {
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, #f05123, #1b5732);
    display: inline-block;
}

.blackwhitegredient {
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, #f7f7f7, #909090);
    display: inline-block;
}

.liitemrow .BA-CardContent {
    width: 50%;
}

.liitemrow .CartQuantity {
    display: flex;
    flex-direction: column;
    width: 20%;
    flex-wrap: wrap;
    max-height: 70px;
    padding-top: 35px;
    vertical-align: middle;
}

    .liitemrow .CartQuantity .txtQty {
        height: 100%;
        position: relative;
    }

        .liitemrow .CartQuantity .txtQty .form-control {
            height: 100%;
            text-align: center;
        }

.btncartitemplus {
    position: absolute;
    height: 100%;
    border: none;
    background-color: #19315c;
    color: white;
    padding: 0px 15px;
    right: 0px;
    top: 0px;
    width: 30%;
}

.btncartitemminus {
    position: absolute;
    height: 100%;
    border: none;
    background-color: #19315c;
    color: white;
    padding: 0px 15px;
    left: 0px;
    top: 0px;
    width: 30%;
}

.CartitemPrice {
    width: 25%;
    text-align: right;
    vertical-align: middle;
    display: block;
    padding-top: 40px;
    color: #19315c;
}

    .CartitemPrice h3 {
        font-family: 'HelveticaNeueLTStd-BdCn';
    }

li.liitemtournamentanimation {
    width: 30%;
    margin-bottom: 20px;
}

.liitemrowanimation {
    margin-bottom: 10px;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.Section-Title-New {
    margin: 50px 0px 50px;
}

.BA-UpCaption .ftp-views-list ul li a {
    display: block;
    color: #00b1ea;
    font-family: 'HelveticaNeueLTStd-Cn';
}

#frmInquiryInformation {
    padding: 10px 0px;
}

.cartpagebox {
    margin: 50px 0px;
}

.seatingcategory h3 {
    height: inherit;
    /*max-height: 33px;*/
}

.packagemodalnewdesign .modal-content .modal-body header {
    padding: 0px;
}

    .packagemodalnewdesign .modal-content .modal-body header .BA-UpCaption {
        border-radius: 0px;
    }

.packagemodalnewdesign .packagedetails p {
    padding: 0px 0px 0px 0px;
}

.packagemodalnewdesign .inquirycondition p {
    font-size: inherit;
}

.brandedgredient {
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #f05123, #1b5732);
}

.packagemodalnewdesign .primarybutton {
    background-color: #19315c;
}

.divmobileprice {
    display: none;
}

@media only screen and (max-width: 767px) {

    .divmobileprice {
        display: block;
    }

    .verticalgredient {
        position: static;
        width: 100%;
        background: linear-gradient(to right, #f05123, #1b5732);
        height: 5px;
        display: block;
    }

    .cartitemremove {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .Section-Title-New {
        margin: 20px 0px 20px;
    }

    .liitemrow .BA-CardContent {
        width: 100%;
        padding: 15px 0px 10px 0px;
    }

    .liitemtournament label {
        font-size: 18px;
    }


    .cartpagebox {
        display: block;
    }

    .cartitem {
        width: 100%;
    }

    .liitemrow {
        display: block;
        position: relative;
    }

        .liitemrow .BA-CardContent {
            width: 100%;
        }

    .descriptionpanel {
        padding-left: 0px;
    }

    .ulticketcategory li {
        width: 100%;
        padding: 15px 15px 0px 15px;
    }

    .ticketdescription h3, .ticketfulldescription h3 {
        height: inherit;
        min-height: inherit;
    }

        .ticketdescription h3 a {
            margin-top: 5px;
            display: block;
        }

    p.ticketprice {
        font-size: 16px;
    }

    .hospitalitypanel .pricesection {
        position: absolute;
        top: -25px;
        right: 15px;
        padding: 5px 10px 2px 10px;
        background: #f05123;
        color: white;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .hospitalitypanel .pricesection p.ticketprice {
            color: white;
        }

        .hospitalitypanel .pricesection p.priceunit {
            color: white;
        }

    .divmobileprice p.ticketprice {
        /*font-size: 20px;
        line-height: 20px;*/
        font-size: 20px;
        /* line-height: 20px; */
        position: absolute;
        top: -25px;
        right: 10px;
        background: #f05123;
        color: white;
        padding: 5px 10px 2px 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .ticketimage {
        width: 20%;
    }

    .ulhospitality .ticketimage {
        width: 100%;
    }

        .ulhospitality .ticketimage img {
            width: 100%;
            display: block;
            border-top-right-radius: 20px;
        }

    .hotelpanel .ulhospitality .ticketbox, .hospitalitypanel .ulhospitality .ticketbox {
        display: block;
    }

    .ulhospitality .ticketdescription {
        width: 100%;
        /*padding: 10px;*/
    }

    .ticketcart {
        bottom: 10px;
        right: 10px;
    }

    .pricesection {
        margin-bottom: 5px;
    }

    .lblchk {
        position: absolute;
        /*right: 38px;*/
        top: 5px;
    }

    .tabba li {
        padding: 0px 5px 5px 0px;
    }

    .lblTypedescription {
        font-size: 12px;
    }

    .itemheader {
        font-weight: 600;
    }

    .matchtypes {
        background-color: #f7f7f7;
        /*border-radius: 0px 0px 0px 30px;*/
        padding-bottom: 5px;
    }

    .liitemrow .CartQuantity {
        display: flex;
        flex-direction: column;
        width: 40%;
        flex-wrap: wrap;
        max-height: 70px;
        vertical-align: middle;
        padding-top: 0px;
    }

    .CartitemPrice {
        width: 50%;
        text-align: right;
        vertical-align: middle;
        position: absolute;
        color: #19315c;
        bottom: 20px;
        right: 0px;
    }

    .cartinquiry {
        width: 100%;
    }
}


.timeline-item {
    background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 12px;
    margin: 0 auto;
    max-width: 472px;
    min-height: 200px;
}



@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    /*height: 96px;*/
    position: relative;
    width: 100%;
}

.background-masker {
    background: #fff;
    position: absolute;
}

.height10 {
    height: 10px;
}

.ulhospitality .animatedul li {
    width: 40%;
    display: inline-block;
}

.strstocktype {
    color: #f05123;
    font-size: 9px;
    text-align: left;
    position: absolute;
    left: 10px;
    bottom: -3px;
    top: 3px;
    text-transform: uppercase;
    height: fit-content;
}

.stockconfirm {
    color: #1b5732;
}

.OnRequest {
    color: #f05123;
}

.liitemrow .CartQuantity {
    position: relative;
}

.BA-ItemStockStatus {
    position: absolute;
    bottom: -20px;
    width: 100%;
    text-align: right;
    font-size: 10px;
    text-transform: uppercase;
}

.clsbankinformation p {
    color: white;
}

.clsbankinformation b {
    display: block;
    margin: 10px 0px 0px 0px;
    font-weight: normal;
    /*font-size: 12px;*/
    color: #00b1ea;
}

.cartnotes {
    padding: 20px;
}

    .cartnotes ol {
        padding: 20px 15px;
    }

    .cartnotes li {
        list-style: inherit;
        text-align: justify;
    }


.textstrickout {
    text-decoration: line-through;
}

.seatingcategory h3 a {
    color: #19315c;
    text-decoration: underline;
}


.booknowpopupbutton {
    display: block;
    text-align: center;
    margin: 10px 0px;
}


    .booknowpopupbutton a {
        background-color: #337ab7;
        color: white;
        border-top-right-radius: 10px;
        padding: 5px 20px;
        border-bottom-left-radius: 10px;
    }


.CountrySelector {
    display: block;
    margin: 20px 0px;
}

    .CountrySelector .btn-primary {
        text-align: left;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

.selectedimage {
    margin-right: 5px;
    width: 30px;
}

.spancountrytext {
    font-size: 15px;
    margin-right: 10px;
}

.CountrySelector .dropdown {
    margin-top: 7px;
}


.CountrySelector .dropdown-menu {
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
}

    .CountrySelector .dropdown-menu img {
        width: 30px;
        margin-right: 5px;
    }

    .CountrySelector .dropdown-menu > li > a {
        padding: 0px;
        padding: 3px 15px;
        margin-bottom: 5px;
    }


.ticketselection {
    text-align: left;
    width: 100%;
    padding-right: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
}

    .ticketselection select {
        max-width: 100%;
        padding: 1px 40px 1px 5px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        font-size: 15px;
        width: 100%;
        border-color: #e9e9e9;
        font-family: 'HelveticaNeueLTStd-BdCn';
        color: #19315c;
    }

.starrating {
    text-align: left;
    font-size: 10px;
    padding: 0px 10px;
}


    .starrating .fa {
        color: #1c2845;
    }

.Guides-Box .pshortdescripion {
    font-size: 10px;
    color: #00b1ea;
    text-transform: inherit;
}

.package-inclusion-text {
    text-align: left;
    margin-top: 5px;
}

    .package-inclusion-text li {
        font-size: 9px;
        padding: 1px 3px 1px 3px;
        background: #e9e9e9;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        border-radius: 3px;
        display: inline;
    }


@media only screen and (max-width: 767px) {
    .ticketselection select {
        padding: 3px 7px 1px 5px;
    }
}


.iteminclution {
    /*margin-bottom: 5px;*/
    text-align: left;
}

    .iteminclution label.itemheader {
        /*font-size: 10px;*/
        font-size: 10px;
        color: #848484;
        font-family: 'thesansplain';
        font-weight: normal;
    }

.list-inclusion li {
    /*display: inline-block;
    width: inherit;
    padding: 0px 5px 0px 5px;
    background: #e9e9e9;
    border-radius: 3px;
    color: #19315c;
    line-height: 17px;*/
    display: inline-block;
    padding: 1px;
    background: linear-gradient(to right, #f05123, #1b5732);
    border-radius: 50%;
    color: #19315c;
    line-height: 17px;
    width: 25px;
    height: 25px;
    position: relative;
    margin-right: 5px;
}

    .list-inclusion li span {
        /* font-size: 11px; */
        background: #fbfbfb;
        /* width: 50px; */
        display: block;
        height: 100%;
        /* padding: 5px; */
        border-radius: 50%;
    }

    .list-inclusion li img {
        width: 15px;
        position: absolute;
        left: 5px;
        top: 5px;
    }



.sections .list-inclusion {
    padding-left: 0px;
}

.itmimage img {
    width: 100%;
}

.curvemodal .modal-content .modal-body.waitpadding {
    padding: 15px;
}

.BA-doubleheeader {
    position: relative;
}

.doubleheadermatch {
    position: absolute;
    z-index: 11;
    /*width: 100%;*/
    text-align: right;
    top: 0px;
    right: 0px;
    display: block;
}

.doubleheadermatchdiv {
    background: #f05123;
    display: inline-block;
    color: white;
    padding: 10px 30px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 20px;
    font-size: 13px;
}

.linediv {
    width: 1px;
    background-color: #e4e4e4;
    margin: 20px;
}

ul.tabdoubleheader {
    margin: 4.5% auto 0%;
}

/*.BA-doubleheeader .BA-CardContent {
    margin-left:200px;
}*/

@media only screen and (max-width: 767px) {

    .doubleheadermatch {
        display: none;
    }

    .doubleheadermatchdiv {
        background: #f05123;
        display: inline-block;
        color: white;
        padding: 5px 20px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 15px;
        font-size: 10px;
    }

    /*.linediv {
        width: 100%;
        margin: 0px 10px;
        height: 1px;
    }*/

    ul.tabdoubleheader {
        margin: 0px auto;
    }

    .mobiledoubleheader {
        position: relative;
        width: 100%;
    }

        .mobiledoubleheader .doubleheadermatch {
            position: relative;
            text-align: center;
            display: block;
        }

        .mobiledoubleheader .doubleheadermatchdiv {
            border-top-right-radius: 15px;
        }

        .mobiledoubleheader .linediv {
            position: absolute;
            margin: 0px 10px;
            top: 14px;
            width: calc(100% - 20px);
            height: 1px;
        }
}

.divminfooter {
    min-height: 45px;
}

.mobilewithcountrycode .lblErrorCountryCode {
    margin-left: 0px;
}

.answer-list ul {
    margin: 30px 0px;
}

.answer-list li {
    display: inline-block;
    padding: 10px 20px 5px 20px;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: 0px 30px 30px 0px;
    border: 1px solid #e9e9e9;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
}


    .answer-list li:hover {
        z-index: 11111;
        filter: blur(1px);
    }

    .answer-list li.active {
        /*background: rgba(0,0,0,0.2);*/
    }

.answer-list img {
    width: 40px;
}

.answer-list li label {
    display: block;
    margin-top: 5px;
    font-size: 14px;
}

.sectionquestion section {
    display: none;
}

    .sectionquestion section.active {
        display: block;
    }


.answer-list .Guides-Box {
    margin-bottom: 0px;
    border: none;
    background-color: transparent;
}


.navigationbutton {
    text-align: right;
    width: 100%;
    margin: 0px auto;
}

label.numericlbl {
    font-size: 40px !important;
    height: 65px !important;
}

.crossworld {
    margin: 30px 0px;
}

.tblcrossworld_grid {
    width: 100%;
    margin: 20px 0px;
}

    .tblcrossworld_grid tr td {
        height: 50px;
        position: relative;
        cursor: pointer;
    }

        .tblcrossworld_grid tr td label {
            text-align: center;
            text-transform: uppercase;
            display: block;
        }

        .tblcrossworld_grid tr td.border {
            border: 1px solid black;
        }

        .tblcrossworld_grid tr td.hoverborder {
            /*background: #f05123;*/
            border: 2px solid #f05123;
        }

.cellquestionnumber {
    position: absolute;
    top: 0px;
    left: 5px;
}

.crossworld_content {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .crossworld_content h2 {
        color: #f05123;
        margin: 20px 0px;
    }

@media only screen and (max-width: 767px) {

    .tblcrossworld_grid tr td {
        height: 30px;
        position: relative;
    }

    .cellquestionnumber {
        font-size: 8px;
        position: absolute;
        top: 0px;
        left: 2px;
    }

    .tblcrossworld_grid tr td label {
        text-align: center;
        text-transform: uppercase;
        display: block;
        font-size: 10px;
    }

    /*.answer-list li.active {
        filter:blur(2px);
    }*/

    .answer-list ul {
        text-align: center;
    }

    .answer-list img {
        width: 30px;
    }

    .answer-list li {
        padding: 15px 20px 0px 20px;
        margin: 0px 10px 10px 0px;
    }

        .answer-list li label {
            height: 25px;
            overflow: hidden;
            margin-top: 5px;
            font-size: 10px;
        }

            .answer-list li label.lblchk {
                height: initial;
                overflow: inherit;
                margin-top: 0px;
                font-size: inherit;
            }

    .membersjoin .get-started-free .navigationbutton .log-btn-sign {
        background: #1b2a46 !important;
        margin-bottom: 40px;
        padding: 10px 20px;
        font-size: 13px;
    }
}

.bapagesignup .select2-container--default .select2-selection--single {
    background-color: #fbfbfb;
}

.errorlabel, .membersjoin .get-started-free .login-form label.errorlabel {
    color: red !important;
}

.brandbluecolor {
    color: #1b2a46;
}

.mbottom10 {
    margin-bottom: 10px;
}

.btnskip {
    padding: 0px 40px;
    color: #1b2a46 !important;
    border: 1px solid #1b2a46 !important;
    height: 50px;
    line-height: 48px;
    display: inline-block;
    cursor: pointer;
}

p.existingmember {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Radio BA  */
input[type=radio].bacheckbox {
    display: none;
}

    input[type=radio].bacheckbox + label {
        background: #e9e9e9;
        height: 20px;
        width: 20px;
        display: inline-block;
        padding: 0 0 0 0px;
        border-radius: 20px;
        cursor: pointer;
    }

    input[type=radio].bacheckbox:checked + label {
        content: '';
        width: 20px;
        height: 20px;
        background-image: url(../images/right.png);
        background-size: cover;
        /*position: absolute;*/
        /*bottom: -27px;
        left: 0px;
        right: 0px;
        margin: 0px auto;*/
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        /*transition: all 0.2s ease;
        border-radius: 20px;
        background: #0080FF;
        height: 16px;
        width: 16px;
        display: inline-block;
        padding: 0 0 0 0px;*/
    }


.bacheckboxlabel {
    display: inline;
    vertical-align: top;
    line-height: 25px;
    padding-left: 5px;
    font-weight: 600;
    cursor: pointer;
}



/* Checkbox BA */
input[type=checkbox].bacheckbox {
    display: none;
}

    input[type=checkbox].bacheckbox + label {
        background: #e9e9e9;
        height: 20px;
        width: 20px;
        display: inline-block;
        padding: 0 0 0 0px;
        /*border-radius: 20px;*/
        cursor: pointer;
    }

input[type=checkbox].baradiocheckbox + label {
    background: #e9e9e9;
    height: 20px;
    width: 20px;
    display: inline-block;
    padding: 0 0 0 0px;
    border-radius: 20px;
    cursor: pointer;
}

input[type=checkbox].bacheckbox:checked + label {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/checkbox.png);
    background-size: cover;
    -webkit-transition: all 0.2s ease;
}


input[type=checkbox].baradiocheckbox:checked + label {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/right.png);
    background-size: cover;
    -webkit-transition: all 0.2s ease;
    border-radius: 20px;
}


.bacheckboxlabel {
    display: inline;
    vertical-align: top;
    line-height: 25px;
    padding-left: 5px;
    font-weight: 600;
    cursor: pointer;
    padding-right: 15px;
}



.baerror, label.baerror {
    color: red !important;
    font-style: italic;
}

.iplnews {
    margin: 50px 0px;
}

    .iplnews p {
        display: block;
        margin-bottom: 10px;
    }

p.redfont {
    color: red;
}

.iplnews p b {
    font-size: 18px;
    text-transform: uppercase;
}


.teamlist li {
    display: inline-block;
    border: 1px solid #e9e9e9;
    margin: 0px 15px;
    padding: 15px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    cursor: pointer;
    position: relative;
}

.teamsection {
    text-align: center;
}

    .teamsection img {
        width: 100px;
        display: block;
        margin: 0px auto;
    }

.selectteam {
    position: absolute;
    right: 10px;
    top: 10px;
}

.bacontrol {
    padding: 8px 10px;
    height: inherit;
}

.babutton {
    border: none;
    color: white;
    padding: 8px 25px;
    display: inline-block;
}

.btnbadarkblue {
    border: none;
    background: #1b2a46;
    color: white;
    padding: 8px 25px;
    border-radius: var(--contrl_radius);
}

    .btnbadarkblue:hover {
        color: white;
        font-weight: bold;
    }


.quizanswer {
    padding: 0px;
    width: 100%;
    margin: 20px 0px;
}

    .quizanswer li {
        position: relative;
        border-radius: 5px;
        display: block;
        background: white;
        margin: 5px 0px;
        padding: 10px 10px 10px 45px;
        cursor: pointer;
    }

.surveyquestionsdiv .quizanswer li {
    background: #f2f2f2;
}

    .surveyquestionsdiv .quizanswer li label {
        font-weight: normal;
        font-size: 18px;
        display: block;
    }


.surveyul li {
    padding-left: 10px;
}

    .surveyul li .fa-bars {
        margin: 0px 5px;
    }

.suveybuttonholder {
    text-align: right;
    /*padding-right: 15px;*/
}

.quizanswer li:hover {
    background: #1b2a46;
    color: white;
}

.quizanswer li.nohover:hover {
    background: white;
    color: initial;
}



.draggeditem {
    background: #1b2a46;
    color: #5d3838;
    font-weight: bold;
}

.radiocontainer {
    position: absolute;
    top: 14px;
    left: 14px;
}

.questiontext {
    font-size: 20px;
}

.answersummary li {
    background: white;
    padding: 10px 15px;
    margin: 10px 0px;
    position: relative;
    border-radius: 5px;
}

.answersummary label {
    display: block;
}

.color-green {
    color: green;
}

.color-wronge {
    color: red;
}

.resulttrue {
    text-align: center;
    color: white;
    background-color: #03732b;
    padding: 100px 15px;
}

.resultincorrect {
    background-color: #f05123;
}

.resulttrue h2 {
    margin: 0px 0px 30px 0px;
}

.resulttrue .questiontext {
    color: white;
    text-align: center;
}

.resulttrue p.youranswer, .resulttrue p.answerexplaination {
    margin: 20px 0px;
    color: white;
    text-align: center;
}

.resulttrue .sectionnext {
    margin-top: 50px;
}

.whitebtn {
    background-color: white;
    color: #1b2a46
}

.sharesection {
    text-align: center;
}

.bapages {
    padding: 60px 0px;
}

    .bapages h3 {
        font-size: 36px;
        color: #1b2a46;
        margin-bottom: 20px;
    }

    .bapages p {
        color: #1b2a46;
        font-size: 16px;
        text-align: justify;
    }

p.sharesectionheader {
    text-align: center;
    font-size: 20px;
    margin: 15px 0px;
    color: #f05123;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}

.sharesection ul {
    display: block;
}

    .sharesection ul li {
        display: inline-block;
        padding: 10px 15px;
        margin: 0px;
        margin-left: -4px;
    }

        .sharesection ul li a {
            color: white;
        }

.lifacebook {
    background-color: #3b5998;
    color: white;
}


    .lifacebook a {
        color: white;
    }


.litwitter {
    background-color: #00acee;
}


.liwhatsup {
    background-color: #128C7E;
}

.quizsummary {
    background: #1b2a46;
    color: white;
    padding: 20px 10px 10px 10px;
    text-align: center;
    border-radius: 5px;
}

    .quizsummary label {
        margin-bottom: 0px;
    }

    .quizsummary h2 {
        margin: 20px 0px;
        /*color: #f05123;*/
        color: white;
    }

.greysection {
    background-color: #f7f7f7;
}




.baquizitem {
    position: relative;
    border-radius: 5px;
    margin: 20px 0px;
}

    .baquizitem img {
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.quiztitle {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 10px;
}

    .quiztitle a {
        color: white;
        font-weight: bold;
    }


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

.pagebanners .item {
    position: relative;
}


.iteminfo {
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    padding: 10px;
    /*font-size: 30px;*/
    color: white;
    /*font-family: 'the_sans_black-regular';*/
    padding-left: 5%;
}

    .iteminfo p {
        color: white;
    }




/* Timer with Progressbar */

.timersection {
    margin: 20px 0px;
}


#quiztimerprogressBar {
    width: 100%;
    /*margin: 10px auto;*/
    height: 30px;
    background-color: #69b7e1;
    border-radius: 5px;
}

    #quiztimerprogressBar div {
        height: 100%;
        text-align: right;
        padding: 0 10px;
        line-height: 25px;
        /*width: 0;*/
        background-color: #1e1b4d;
        box-sizing: border-box;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        color: white;
        font-weight: 600;
    }


.timerdescrption {
    display: inline-block;
    margin: 20px 0px;
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    padding: 3px 10px 3px 31px;
    position: relative;
}

    .timerdescrption img {
        width: 17px;
        position: absolute;
        left: 8px;
        top: 6px;
    }

    .timerdescrption label {
        color: white;
        margin-bottom: 0px;
        font-family: 'HelveticaNeueLTStd-BdCn';
    }




.timerinformation {
    background: transparent;
    margin: 0px;
    position: absolute;
}

.sectionrow {
    margin: 50px 0px 0px 0px;
}

    .sectionrow h1 {
        margin-bottom: 5px;
        color: #1b2a46;
    }

    .sectionrow h2 {
        margin-bottom: 15px;
    }

.responsive-image {
    width: 100%;
}


/* Meterial Inputs */


.form-wrapper-outer .form-logo {
    margin: 0px auto 15px;
    width: 100px;
}

    .form-wrapper-outer .form-logo img {
        width: 100%;
    }

.form-greeting {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
}

.form-button {
    text-align: right;
}

.field-wrapper {
    position: relative;
    margin-bottom: 15px;
}

    .field-wrapper input {
        border: 1px solid #DADCE0;
        padding: 15px;
        border-radius: var(--contrl_radius);
        width: 100%;
        /*height:50px;*/
    }

    .field-wrapper .field-placeholder {
        font-size: 16px;
        position: absolute;
        /* background: #fff; */
        bottom: 17px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #80868b;
        left: 8px;
        padding: 0 8px;
        /*-webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);*/
        z-index: 1;
        text-align: left;
        width: 100%;
        -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out;
        transition: top .2s ease-in-out, font-size .2s ease-in-out;
    }

        .field-wrapper .field-placeholder span {
            background: #ffffff;
            padding: 0px 8px;
        }

    .field-wrapper input:not([disabled]):focus ~ .field-placeholder {
        color: #1A73E8;
    }

    .field-wrapper input:not([disabled]):focus ~ .field-placeholder,
    .field-wrapper.hasValue input:not([disabled]) ~ .field-placeholder {
        top: -10px;
        /*-webkit-transform: scale(.75) translateY(-39px);
        transform: scale(.75) translateY(-39px);*/
    }

label.bidcurrency {
    right: 0px;
    top: 0px;
    position: absolute;
    /* height: 50px; */
    margin: 0px;
    /* line-height: 50px; */
    background: #dadce0;
    padding: 16px;
    color: #8d8d8e;
}

.nomarginbottom {
    margin-bottom: 0px;
}


.spanhelp {
    color: #8d8d8e;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 5px;
}


#btnplacebid {
    margin-top: 20px;
}

.flipdown {
    width: fit-content;
    background: #1b2a46;
    padding: 20px;
}

.phoneclass .field-placeholder {
    left: 65px;
}




.field-placeholder.focusin {
    top: -10px;
    height: auto;
    bottom: auto;
    padding: 0px;
}

.errordisplaydiv {
    background-color: #f05123;
    margin-bottom: 30px;
    display: block;
}

    .errordisplaydiv p.existingmember {
        color: white !important;
        font-weight: normal;
        padding: 15px;
    }


input[type=text].baphonecontrol {
    padding-left: 85px !important;
}

.phoneprefix {
    position: absolute;
    left: 58px;
    z-index: 11;
    color: #80868b;
    font-size: 16px;
    font-weight: normal;
    height: 100%;
    display: block;
    top: 13px;
}

/* Membership Page*/
.planGrid__featureTable {
    width: 100%;
    border-collapse: collapse;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}

.planGrid__featureTableRow {
    border-bottom: 1px solid #ccc;
    min-height: 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.planGrid__featureCell {
    color: #333;
    fill: #333;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
    font-weight: 600;
}

.planGrid__cell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #a6a6a6;
    fill: #a6a6a6;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    display: block;
}

.planGrid__cell {
    padding: 12px 16px;
}

.planGrid--has4Plans .planGrid__cell {
    /*width: -webkit-calc(65% / 4);
    width: -moz-calc(65% / 4);*/
    width: calc(65% / 3);
}

    .planGrid--has4Plans .planGrid__cell.planGrid_blankcell {
        width: 2%;
    }

.planGrid__featureCell {
    color: #1b2a46 !important;
    fill: #333;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
}

.planGrid__booleanCell {
    position: relative;
}

.planGrid__booleanLabel {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 18px;
    height: 18px;
    overflow: hidden;
    opacity: 0;
    line-height: 1em;
    font-size: 72px;
}

.planGrid__booleanIcon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.planGrid--has4Plans .planGrid__featureCell {
    width: 35%;
}

.plancontent ul {
    width: 65%;
    float: right;
}

    .plancontent ul li {
        width: calc(100% / 4);
        display: inline-block;
    }

        .plancontent ul li img {
            width: 100%;
        }


.planheader .plancontent {
    /* text-align: right; */
    width: 65%;
    display: flex;
    order: 2;
    /* float: right; */
    margin-left: auto;
}

.contentitem {
    width: 32%;
    order: 2;
    position: relative;
    cursor: pointer;
}

.plancontent > .contentitem:first-child {
    width: 4%;
}


.contentitem img {
    width: 100%;
}

.headercontent {
    padding: 15px 0px 15px 15px;
}

.planGrid__cell .fa {
    font-size: 30px;
}

.planGrid__cell .fa-info-circle {
    font-size: 20px;
    color: #a6a6a6;
}

.planheader {
    background-color: white;
}

.headercontent {
    position: relative;
}

.contentitem.active .headercontent::after {
    content: '';
    width: 25px;
    height: 25px;
    background-image: url(../images/right.png);
    background-size: cover;
    position: absolute;
    bottom: -27px;
    /*left: 0px;*/
    top: 0px;
    right: -10px;
    margin: 0px auto;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*content: '';
    position: absolute;
    top: calc(100% - 15px);
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 15px #7fc0df;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;*/
    /*content: '';
        border-top-color: #7fc0df;
        top: calc(100% - 15px);
        left: 50%;
        position: absolute;
        border: 0 solid transparent;
        display: block;
        transform: translateX(-50%);
        z-index: 99999999999999999;
        border-width: 15px;
        border-top: 50px;*/
}

.contentitem.active .divarrow {
    content: '';
    position: absolute;
    top: calc(100% - 15px);
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 15px #7fc0df;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    /*content: '';
        border-top-color: #7fc0df;
        top: calc(100% - 15px);
        left: 50%;
        position: absolute;
        border: 0 solid transparent;
        display: block;
        transform: translateX(-50%);
        z-index: 99999999999999999;
        border-width: 15px;
        border-top: 50px;*/
}

.selected__cell {
    font-weight: 600;
}

.contenttext {
    display: none;
}

.pricecell {
    font-weight: 600;
    font-size: 22px;
}

.planGrid__cell button {
    padding: 7px 30px;
    border-radius: var(--contrl_radius);
    border: none;
    color: white;
    background-color: #a6a6a6;
}

.selected__cell button {
    background: #f05123;
    color: white;
}

.planGrid__cell small {
    display: block;
    font-weight: normal !important;
    font-size: 14px;
}

.preregistermodal .modal-dialog {
    width: 50% !important;
}

.preregistermodal .signupform {
    padding: 20px;
    margin: 0px;
}

@media only screen and (max-width: 767px) {

    .preregistermodal .modal-dialog {
        width: 100% !important;
    }

    .joinnowsubmit {
        padding: 10px 20px;
        background: #1b2a46;
        position: fixed;
        bottom: 0px;
        width: 100%;
        text-align: center;
        z-index: 11;
    }

        .joinnowsubmit button {
            color: white;
            background: #f05123;
            border: none;
            border-radius: var(--contrl_radius);
            padding: 10px 20px;
            z-index: 9999999999999999999;
        }

    #plansection {
        padding: 50px 0px;
    }

    .block-title h1 {
        font-size: 25px;
        font-weight: normal;
        color: #1b2a46;
    }

    .planGrid__cell small {
        font-size: 12px;
    }

    .planGrid__cell .fa {
        font-size: 20px;
    }

    .contenttext {
        display: block;
        margin: 0px;
        position: absolute;
        top: 50%;
        text-align: center;
        width: calc(100% - 10px);
        transform: translateY(-50%);
        font-weight: 600;
        color: #1b2a46;
    }

    .plancontent > .contentitem:first-child {
        display: none;
    }

    .planheader .plancontent {
        width: 100%;
    }

    .planGrid__featureTableRow {
        flex-wrap: wrap;
    }

    .planGrid--has4Plans .planGrid__featureCell {
        width: 100%;
    }

    .planGrid--has4Plans .planGrid__cell.planGrid_blankcell {
        display: none;
    }

    .sectionrow h1 {
        font-size: 25px;
        font-weight: normal;
    }

    .sectionrow h2 {
        font-size: 22px;
        font-weight: normal;
    }
}
/*.baslider {
    height: 30px;
    -webkit-appearance:none;
}*/
.sliderdiv {
    margin: 50px 0px;
    position: relative;
}

/*.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
    top: -32px;
    bottom: initial;
}*/


.currencysection {
    margin-bottom: 20px;
}

.currencydropdown {
    position: relative;
}

    .currencydropdown .country-img-tra {
        width: 50px;
        margin-right: 10px;
    }

    .currencydropdown #spancountrytext {
        font-size: 18px;
        display: inline-block;
        line-height: 20px;
        vertical-align: middle;
    }


#slider-range {
    padding: 0px 15px;
}


.currencydropdown .dropdown-menu > li > a {
    padding: 5px 15px;
}

.areaoption {
    margin: 15px 0px;
}

div#sliderminvalue, div.sliderminvalue {
    position: absolute;
    left: 0px;
    bottom: -30px;
}

div#slidermaxvalue, div.slidermaxvalue {
    position: absolute;
    right: 0px;
    bottom: -30px;
}

#surveyquestions {
    /*padding: 50px 0px;*/
}

.surveyquestionsdiv {
    margin: 50px 0px;
}



    .surveyquestionsdiv h4 {
        color: #1b2a46;
        font-family: 'thesansplain';
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 20px;
        line-height: normal;
    }

    .surveyquestionsdiv.overlaydiv {
        opacity: 0.3;
    }

.surveyprogress {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    left: 0px;
    background-color: #1b2a46;
    padding: 20px 0px 10px 0px;
    z-index: 111111111;
    color: white;
}

.phoneclass input[type=text].bacontrol {
    padding-left: 80px;
}

/*

    Unsubsciber Page

*/

.generalpreferences h1 {
    text-align: center;
    padding: 50px 0px;
}

.generalpreferences .emailheader p {
    text-align: center;
    color: #999;
    margin: 0px;
    padding: 0px;
}

.generalpreferences .emailheader {
    text-align: center;
}

.preferencessection ul {
    /*margin-top: 70px;*/
    margin-bottom: 30px;
}

.preferencessection li {
    border-bottom: 1px solid #eaecf1;
    padding: 30px 0px;
    position: relative;
}

    .preferencessection li .iteminner {
        padding-right: 100px;
    }

        .preferencessection li .iteminner .iteminnercontent {
            color: #999;
        }

            .preferencessection li .iteminner .iteminnercontent p {
                color: #999;
            }

    .preferencessection li .itemchecker {
        position: absolute;
        right: 0px;
        vertical-align: middle;
        height: 100%;
        top: 0px;
        display: block;
        margin-top: 50px;
    }

.submitpreferences {
    text-align: center;
    margin-bottom: 80px;
    margin-top: 100px;
}

    .submitpreferences button {
        padding: 10px 30px;
        background: #1b2a46;
        color: white;
        border: none;
        border-radius: 3px;
    }

@media only screen and (max-width: 767px) {

    .surveyul {
        padding: 0px 20px;
    }

    .margintopheader {
        margin-top: 50px;
    }

    #surveyquestions {
        padding: 0px;
    }

    .surveyquestionsdiv {
        /*min-height: 100vh;*/
        margin: 30px 0px 170px 0px;
    }

    .giveusinfo hr {
        display: none;
    }

    .giveusinfo label {
        position: initial;
        /*top: 30px;
        font-weight: normal;
        font-size: 14px;
        background-color: #ffffff;
        left: 0px;*/
        padding: 0px 20px 10px 0px;
    }


    .generalpreferences h1 {
        font-size: 30px;
    }

    .generalpreferences .emailheader p {
        text-align: center;
        font-size: 14px;
    }

    .preferencessection ul {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .preferencessection li .iteminner .iteminnercontent p {
        color: #999;
        font-size: 14px;
        text-align: left;
    }

    .preferencessection li .iteminner {
        padding-right: 50px;
    }

    .switchery {
        height: 20px !important;
    }

        .switchery > small {
            height: 20px !important;
            width: 20px !important;
        }

    .submitpreferences {
        text-align: center;
        margin-bottom: 50px;
        margin-top: 50px;
    }
}


.headerlist ul {
    text-align: right;
}

    .headerlist ul li {
        /* padding: 10px 20px; */
        display: inline-block;
        color: white;
        margin: 10px 0px;
        border-right: 1px solid #969696;
        position: relative;
    }


        .headerlist ul li.avatar-menu {
            border-right: none;
        }

        .headerlist ul li a {
            color: white;
            padding: 10px 20px;
            display: block;
            padding-top: -1px;
        }


        .headerlist ul li.avatar-menu a {
            padding: 0px 20px;
        }

        .headerlist ul li span.listtext {
            position: absolute;
            /* top: 0px; */
            left: 0px;
            width: 100%;
            text-align: center;
            bottom: 0px;
            font-size: 9px;
            font-weight: 600;
        }

li.signup {
    /* background: black; */
    border-right: none !important;
}



.web-login {
    border-right: none !important;
}



/* Alert Messages */
.warningsection {
    background-color: rgb(240, 81, 35);
    opacity: 0.8;
    color: white;
    padding: 15px;
    border-radius: var(--contrl_radius);
}

.errorfont {
    /*font-style: italic;*/
    color: red;
    font-weight: 600;
}


.errorsection {
    background-color: red;
    opacity: 0.6;
    color: white;
    padding: 15px;
    border-radius: var(--contrl_radius);
}


.successsection {
    background-color: green;
    opacity: 0.6;
    color: white;
    padding: 15px;
    border-radius: var(--contrl_radius);
}


.signup img {
    width: 30px;
    position: absolute;
    left: 10px;
    top: 5px;
}


.dropdown-menu li {
    display: block;
    width: 100%;
    text-align: left;
    border-right: none !important;
    color: black;
}

ul.dropdown-menu li a {
    color: black;
}


@media only screen and (max-width: 767px) {
    .signup img {
        width: 28px;
        position: absolute;
        left: 10px;
        top: 0px;
    }

    .max-w-32, .max-w-35 {
        max-width: 32px !important;
    }

    .name {
        font-size: 15px;
    }

    .headerlist ul li.avatar-menu a {
        padding: 0px 0px 0px 20px;
    }

    .dropdown-menu {
        min-width: unset;
    }
}

#imagecropperdiv {
    text-align: center;
    margin: 0px auto;
    padding: 15px;
}

.cropperfooter {
    text-align: center;
}

.croppie-container .cr-boundary {
    border-radius: var(--contrl_radius) !important;
}

.arrowsection .fa-angle-down {
    display: block;
}

.arrowsection .fa-angle-up {
    display: none;
}

.arrowsection {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 30px;
    margin-top: 35px;
    color: #1e1971;
    font-weight: 600;
}

.expandbox .arrowsection .fa-angle-down {
    display: none;
}

.expandbox .arrowsection .fa-angle-up {
    display: block;
}


label.matchprice {
    font-size: 20px;
}



/* Form BA Style */

.form-group-default {
    background-color: #fff;
    /*font-family: -apple-system,BlinkMacSystemFont,inter ui,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif;*/
    position: relative;
    border: 1px solid rgba(18,18,18,.14);
    border-top-color: rgba(0,0,0,.14);
    border-radius: 2px;
    padding-top: 5px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 4px;
    /*overflow: hidden;*/
    width: 100%;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    cursor: text
}

    .form-group-default.form-check-group {
        cursor: default
    }

        .form-group-default.form-check-group label {
            cursor: pointer
        }

    .form-group-default.required:after {
        color: #d13030;
        content: "*";
        font-family: -apple-system,BlinkMacSystemFont,inter ui,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif;
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 2px
    }

    .form-group-default.disabled {
        background: #f9f9f9;
        color: rgba(63,63,63,.23);
        cursor: not-allowed
    }

        .form-group-default.disabled.focused {
            border: 1px solid #00a46c
        }

            .form-group-default.disabled.focused label {
                opacity: 1
            }

        .form-group-default.disabled label {
            opacity: .57;
            cursor: not-allowed
        }

    .form-group-default.focused {
        border: 1px solid #1b2a46 !important
    }

        .form-group-default.focused label {
            opacity: .67;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            font-size: 12px;
            letter-spacing: normal
        }

    .form-group-default.has-error label {
        color: #b21e28;
        animation-name: shake;
        animation-duration: .4s;
        animation-iteration-count: 1
    }

    .form-group-default.has-success .form-control-feedback, .form-group-default.has-error .form-control-feedback {
        display: none !important
    }

    .form-group-default.has-success .form-control, .form-group-default.has-success .form-control:focus, .form-group-default.has-error .form-control, .form-group-default.has-error .form-control:focus {
        border: none;
        box-shadow: none
    }

    .form-group-default + .error {
        margin-top: -10px;
        padding: 3px 7px 2px 4px;
        display: flex;
        letter-spacing: normal;
        animation-name: show-msg;
        animation-duration: 450ms;
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        position: relative
    }

        .form-group-default + .error:after {
            content: "";
            width: 0%;
            position: absolute;
            height: 1px;
            background-color: #d13030;
            top: -1px;
            right: 0;
            animation-name: show-line;
            animation-delay: 300ms;
            animation-duration: 350ms;
            animation-timing-function: cubic-bezier(.4,0,.2,1);
            animation-fill-mode: forwards
        }

@keyframes show-msg {
    0% {
        height: 0;
        opacity: 0
    }

    100% {
        height: 25px;
        opacity: 1
    }
}

@keyframes show-line {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.form-group-default.input-group {
    padding: 0
}

    .form-group-default.input-group > label {
        margin-top: 6px;
        padding-left: 12px
    }

        .form-group-default.input-group > label.inline {
            margin-top: 6px;
            float: left
        }

    .form-group-default.input-group > .form-control {
        margin-top: -2px;
        margin-bottom: 3px;
        padding-left: 12px
    }

    .form-group-default.input-group label {
        margin-top: 6px;
        padding-left: 12px
    }

    .form-group-default.input-group .form-input-group {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

    .form-group-default.input-group .form-control {
        margin-top: -2px;
        margin-bottom: 3px;
        padding-left: 12px;
        width: 100%
    }

    .form-group-default.input-group .input-group-text {
        border: 0;
        border-radius: 0;
        min-width: 50px
    }

        .form-group-default.input-group .input-group-text i {
            width: 100%
        }

    .form-group-default.input-group .btn {
        border-top: 0;
        border-bottom: 0
    }

.form-group-default .form-control {
    border: none;
    height: 30px;
    min-height: 30px;
    padding: 0;
    margin-top: -4px;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .form-group-default .form-control.error {
        color: #121212
    }

    .form-group-default .form-control:focus {
        background: 0 0
    }

        .form-group-default .form-control:focus::-moz-placeholder {
            color: inherit;
            opacity: .77;
            font-weight: 400;
            font-family: -apple-system,BlinkMacSystemFont,inter ui,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif
        }

        .form-group-default .form-control:focus:-ms-input-placeholder {
            color: inherit;
            opacity: .77;
            font-weight: 400;
            font-family: -apple-system,BlinkMacSystemFont,inter ui,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif
        }

        .form-group-default .form-control:focus::-webkit-input-placeholder {
            color: inherit;
            opacity: .77;
            font-weight: 400;
            font-family: -apple-system,BlinkMacSystemFont,inter ui,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif
        }

        .form-group-default .form-control:focus::placeholder {
            color: inherit;
            opacity: .77;
            font-weight: 400;
            font-family: -apple-system,BlinkMacSystemFont,inter ui,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif
        }

    .form-group-default .form-control:-webkit-autofill, .form-group-default .form-control.error:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #fff inset !important
    }

        .form-group-default .form-control:-webkit-autofill:focus, .form-group-default .form-control.error:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px #fff inset !important
        }

.form-group-default textarea.form-control {
    padding-top: 5px
}

.form-group-default label {
    margin: 0;
    display: block;
    opacity: 1;
    cursor: text;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

    .form-group-default label.label-lg {
        font-size: 13px;
        left: 13px;
        top: 9px
    }

    .form-group-default label.label-sm {
        font-size: 11px;
        left: 11px;
        top: 6px
    }

    .form-group-default label.highlight {
        opacity: 1
    }

    .form-group-default label.fade {
        opacity: .5;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        font-size: 12px;
        letter-spacing: normal
    }

.form-group-default > .input-lg {
    height: 29px;
    min-height: 29px;
    padding-left: 1px
}

.form-group-default > .input-sm {
    min-height: 18px;
    height: 18px
}

.form-group-default.form-group-default-select {
    overflow: visible
}

    .form-group-default.form-group-default-select .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match {
        padding-top: 6px;
        height: 23px
    }

    .form-group-default.form-group-default-select .ui-select-container .select2-choices {
        border: 0
    }

.form-group-default.form-group-default-select2 {
    padding: 0
}

    .form-group-default.form-group-default-select2 > label {
        position: absolute;
        z-index: 10;
        padding: 5px 12px 0 9px;
        color: #6c6c6c
    }

        .form-group-default.form-group-default-select2 > label.label-lg {
            left: 0;
            top: 0
        }

        .form-group-default.form-group-default-select2 > label.label-sm {
            left: 0;
            top: 0
        }

    .form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
        padding-top: 20px;
        height: 52px
    }

        .form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-arrow b:before {
            top: 20px
        }

        .form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-chosen {
            padding-left: 3px;
            padding-top: 1px
        }

    .form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple {
        padding-top: 19px;
        padding-bottom: 0;
        min-height: 52px;
        border: 0 !important
    }

        .form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
            margin-top: 5px
        }

    .form-group-default.form-group-default-select2.input-lg {
        height: auto;
        padding: 0
    }

        .form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single {
            padding-top: 26px;
            height: 58px
        }

            .form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single .select2-selection__rendered {
                font-size: 18px
            }

    .form-group-default.form-group-default-select2.input-sm {
        height: auto;
        padding: 0
    }

        .form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single {
            padding-top: 21px;
            height: 49px
        }

            .form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single .select2-selection__rendered {
                font-size: 13px
            }

.form-group-default.form-group-default-selectFx {
    padding: 0
}

    .form-group-default.form-group-default-selectFx > label {
        position: absolute;
        z-index: 10;
        padding: 7px 12px 0
    }

        .form-group-default.form-group-default-selectFx > label.label-lg {
            left: 0;
            top: 0
        }

        .form-group-default.form-group-default-selectFx > label.label-sm {
            left: 0;
            top: 0
        }

    .form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder {
        padding-top: 28px;
        height: 52px;
        padding-left: 12px
    }

    .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select {
        height: auto
    }

        .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select > span:after, .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after {
            top: 39px
        }

        .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder {
            height: 60px
        }

        .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder {
            height: 50px
        }

.style1-group {
    display: flex;
    flex-direction: column;
    border-radius: 0.42rem;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-text .baphonecontrol {
    display: none;
}

.input-group-prepend, .input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-append {
    margin-left: 4px;
    margin-right: 4px;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*padding: 0.65rem 1rem;*/
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    text-align: center;
    white-space: nowrap;
    /*background-color: #F3F6F9;*/
    border: 1px solid #E4E6EF;
    border-radius: 0.42rem;
}

.showpassword {
    position: absolute;
    right: 10px;
    top: 28px;
    color: #b1b1b1;
    cursor: pointer;
}

    .showpassword .fa-eye {
        display: block;
    }

    .showpassword.hidepassword .fa-eye {
        display: none;
    }

    .showpassword .fa-eye-slash {
        display: none;
    }

    .showpassword.hidepassword .fa-eye-slash {
        display: block;
    }

.style1-group input.form-control, .style1-group select.form-control, .style1-group .select2-container, .stripelement {
    order: 2;
}

.stripelement {
    margin: 5px 0px;
}

.style1-group .select2-container .select2-selection--single {
    border: none;
    line-height: 30px;
    height: 30px;
}

.style1-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}

.style1-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}

.style1-group input.form-control:placeholder-shown + label {
    font-weight: bold
}

.style1-group input.form-control:not(:placeholder-shown) {
    font-weight: bold;
}

    .style1-group input.form-control:not(:placeholder-shown) + label {
        opacity: .5;
        font-size: 12px;
    }

.style1-group input.form-control:focus {
    font-weight: normal;
}

    .style1-group input.form-control:focus:not(:placeholder-shown) {
        font-weight: bold;
    }

    .style1-group input.form-control:focus + label {
        opacity: .5;
        font-size: 12px;
    }

/*.style1-group input.form-control:invalid + label {
            color:red;
        }*/



@media only screen and (max-width: 767px) {
    .profilecontainer {
        margin-top: 55px;
    }

    .card.card-custom > .card-body {
        padding: 15px;
    }

    .mobileprofilemenu {
        width: 100%;
        position: fixed;
        bottom: 0px;
        background: #1b2a46;
        z-index: 111111111;
        left: 0px;
        height: 60px;
        padding: 5px 0px;
    }

        .mobileprofilemenu ul {
            display: block;
            height: 100%;
        }

            .mobileprofilemenu ul li {
                display: inline-block;
                width: 19%;
                position: relative;
                height: 100%;
                padding: 5px 10px 10px 10px;
                text-align: center;
                border-right: 1px solid #ffffff;
            }

                .mobileprofilemenu ul li a {
                    padding: 0px !important;
                }

    .menucontent {
        font-size: 12px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        text-align: center;
        width: 100%;
        color: white;
    }
}

.membersection {
    padding: 15px;
    background: #f2f2f2;
    margin-bottom: 15px;
}


.sectioncarddetails {
    background: #d0d0d0;
    padding: 15px;
    border-radius: 5px;
}

.chkshippingsameasbilling {
    position: absolute;
    right: 0px;
    top: 25px;
}

    .chkshippingsameasbilling .radiocontainer {
        position: absolute;
        top: 0px;
        left: -30px;
    }

    .chkshippingsameasbilling label {
        font-weight: normal;
        position: relative;
    }


.sizecontainer ul li {
    display: inline-block;
    border: 1px solid #c6c6c6;
    padding: 5px 15px;
    margin-right: 10px;
    /*margin-top: 10px;*/
    margin-bottom: 15px;
    border-radius: var(--contrl_radius);
    text-align: center;
    cursor: pointer;
}


    .sizecontainer ul li.active {
        background-color: #f05123;
        color: white;
        border: 1px solid #f05123;
    }

.batermscondition {
    margin: 10px 0px 20px 0px;
}

    .batermscondition input[type="checkbox"] {
        position: initial;
    }

#summaryheadersection.sticky {
    margin-top: 40px;
}


@media only screen and (max-width: 767px) {
    .sticky .header-bottom .navbar-collapse .navbar-nav {
        float: none;
    }

    .chkshippingsameasbilling {
        padding-left: 30px;
        margin-top: 10px;
        position: relative;
        top: 0px;
    }


        .chkshippingsameasbilling .radiocontainer {
            position: absolute;
            top: 0px;
            left: 0px;
        }
}


.upgrademembership {
    padding: 20px;
    margin-top: 20px;
}

.itemsoldout {
    color: red;
    font-size: 12px;
    text-align: right;
    padding-right: 100px;
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

@media only screen and (max-width: 767px) {
    .itemsoldout {
        text-align: left;
    }
}


.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 5px solid #2980b9;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: #3498db;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff;
        font: 700 18px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
    }

/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -10px;
}

    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span {
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
    }

/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}

    .ribbon-bottom-left::before,
    .ribbon-bottom-left::after {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-bottom-left::before {
        bottom: 0;
        right: 0;
    }

    .ribbon-bottom-left::after {
        top: 0;
        left: 0;
    }

    .ribbon-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }

/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }


.pregistersection {
    position: absolute;
    height: 100%;
    right: 0px;
    writing-mode: vertical-lr;
    background: #f05123;
    color: white;
    font-size: 14px;
    padding: 5px 10px;
    /* margin-top: 15px; */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .pregistersection span {
        padding-top: 50px;
    }



.buynowsection {
    position: absolute;
    height: 100%;
    right: 0px;
    writing-mode: vertical-lr;
    background: green;
    color: white;
    font-size: 14px;
    padding: 5px 10px;
    /* margin-top: 15px; */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .buynowsection span {
        padding-top: 25px;
    }

.checkouttheme1footer {
    display: flex;
    flex-direction: row;
}

    .checkouttheme1footer .cartsection {
        flex: 1;
    }

    .checkouttheme1footer .checkoutsection {
        flex: 2;
        text-align: right;
    }

        .checkouttheme1footer .checkoutsection .login-btn-last {
            display: inline-block;
        }




.registerinquirymodal .dialogheader {
    position: relative;
    top: 0px;
    width: 100%;
    background: var(--dark_blue);
    left: 0px;
    padding: 20px 20px;
    color: white;
}

.registerinquirymodal label {
    font-weight: normal;
}


.registerinquirymodal .input-group-text {
    font-size: 22px;
}

.registerinquirymodal .modal-body {
    background: #fafafa;
    padding: 0px;
}

.registerinquirymodal .matchcontent {
    padding: 15px;
    position: relative;
}

.registerinquirymodal .dialogfooter {
    position: relative;
    bottom: 0px;
    padding: 20px 15px;
    background: var(--dark_blue);
    width: 100%;
    left: 0px;
}

    .registerinquirymodal .dialogfooter .btn_sec {
        display: flex;
        vertical-align: middle;
        align-items: center;
    }

    .registerinquirymodal .dialogfooter .ba_modal_btn {
        width: auto;
        padding: 13px 16px 10px 16px;
        border-radius: 6px;
        background-color: #f05123;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1.25px;
        line-height: 1;
        color: white;
        position: absolute;
        right: 15px;
    }

    .registerinquirymodal .dialogfooter .ba_skip_btn {
        width: auto;
        color: white;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding-left: 0px;
        font-size: 14px;
    }


.secureformcontrol {
    background: white;
    padding: 10px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    position: relative;
}

.imgsheild {
    position: absolute;
}

.secureformcontrol h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0px;
    padding-top: 0px;
    color: var(--dark_blue);
    padding-left: 40px;
}

.secureformcontrol p {
    margin-top: 5px;
    font-size: 14px;
    color: var(--dark_blue);
    padding-left: 40px;
    line-height: normal;
}


.preferredcommunication_step1 {
    margin: 15px 0px;
}

div#registerinquirymodal {
    z-index: 1111111;
}

.option_call .option {
    margin: 10px 0px;
}

.option_later_content p {
    margin-bottom: 15px;
}

.option_email {
    margin-top: 15px;
}



.style1-group .select2 {
    width: 100% !important;
}

.style1-group .select2-selection {
    border: none;
}

.select2-search__field {
    width: 100% !important;
}

.style1-group .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
}

.style1-group .select2-search {
    width: 100% !important;
}

.style1-group .select2-search__field {
    width: 100% !important;
}

.select2-container {
    z-index: 99999999999999;
}


.daterangepicker {
    z-index: 9999999999999999;
}


.form-check-inline {
    display: inline-flex;
    padding-right: 10px;
}

.stepprocessbar {
    position: absolute;
    top: 10px;
    right: 10px;
}

.pie_progress__content {
    font-size: 14px;
}

.preferredcommunicationcontent .sizecontainer ul {
    margin-top: 5px;
}

    .preferredcommunicationcontent .sizecontainer ul li {
        display: inline-block;
        border: 1px solid #c6c6c6;
        padding: 3px 10px;
        margin-right: 5px;
        /* margin-top: 10px; */
        margin-bottom: 15px;
        border-radius: var(--contrl_radius);
        text-align: center;
        cursor: pointer;
        font-size: 14px;
    }


@media only screen and (max-width: 767px) {
    .pie_progress__content {
        font-size: 12px;
    }
}


.registerinquirymodal {
    overflow-y: auto !important;
}


.result_theme2 {
    width: 80%;
    margin: 0px auto;
}

.quiz_summary {
    text-align: center;
    background: white;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}

    .quiz_summary img {
        border-radius: 10px;
        margin-bottom: 15px;
        width: 100%;
    }

    .quiz_summary p {
        text-align: center;
    }

.quiz_result_detail {
    background: white;
    padding: 15px;
    border-radius: 10px;
}

    .quiz_result_detail img {
        margin-bottom: 15px;
        width: 100%;
    }

    .quiz_result_detail li {
        margin-bottom: 10px;
    }

        .quiz_result_detail li span {
            line-height: 30px;
            border-bottom: 2px solid #e8b3ab;
            padding-bottom: 3px;
        }


.article-intro table {
    width: 100%;
    background: #f2f2f2;
    margin: 10px 0px;
}

    .article-intro table td {
        padding: 15px;
        border-bottom: 1px solid #e6e6e6;
    }

.article-intro ul {
    padding-left: 25px;
}


    .article-intro ul li {
        list-style: disc;
        color: #1b2a46;
        padding-bottom: 5px;
    }


.flexiblesection {
    position: relative;
}

    .flexiblesection .form-control {
        height: 32px;
        padding-left: 50px;
    }

    .flexiblesection button.leftbutton {
        background: var(--dark_blue);
        color: white;
        border: 0px;
        line-height: 31px;
        position: absolute;
        top: 27px;
        padding: 0px 8px;
    }

    .flexiblesection button.rightbutton {
        background: var(--dark_blue);
        color: white;
        border: 0px;
        line-height: 31px;
        position: absolute;
        top: 27px;
        padding: 0px 8px;
        right: 0px;
    }

@media only screen and (max-width: 767px) {
    .result_theme2 {
        width: 100%;
        margin: 0px auto;
    }
}


.marginbottom15 {
    margin-bottom: 15px;
}

#tourlongdescription .ulcricketball {
    text-align: left;
}

.baquiz table {
    background: #f2f2f2;
    width: 100%;
    border: 1px solid #f6f6f6;
    margin-top: 15px;
}

    .baquiz table td {
        padding: 10px 5px;
        border-bottom: 1px solid #c2c2c2;
    }


.yourshotcontent ol {
    padding-left: 20px;
}

    .yourshotcontent ol li {
        list-style: auto;
    }

.yourshotcontent input[type="checkbox"] {
    position: relative !important;
    right: auto !important;
}

.moretermsinfo {
    display: block;
    margin: 10px 0px 10px 0px;
    font-size: 14px;
    color: #999999;
    font-style: italic;
}

@media only screen and (max-width: 767px) {
    .yourshotcontent .btnbaorange {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 50%;
        text-align: center;
        line-height: 50px;
        padding: 0px 10px;
        z-index: 9999;
        border-radius: 0px;
    }

    .yourshotcontent .btnbadarkblue {
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 50%;
        text-align: center;
        line-height: 50px;
        padding: 0px 10px;
        z-index: 9999;
        border-radius: 0px;
    }
}


.btn-membership {
    padding: 5px 10px;
}


.subscriptionbuynow {
    background-color:var(--dark_blue) !important;
}

.w-100{
	width:100% !important;
}