body{font-family: 'Nunito', sans-serif; background: #f3f3f3}

h1,h2,h3,h4,h5,h6{font-family: 'Fira Sans', sans-serif;}

.container-fluid.ctm-wrap {
    padding: 0;
}

.container-fluid.ctm-wrap .main {
    min-height: 100vh;
}

.ctm-breadcrumbs {
    background: #fff;
    padding: 2px;
}

.evt-desc h3 {
    font-size: 20px;
}

.evt-desc {
    margin: 15px 0 0; position:relative;
     width:100%;
    
}

.evtmap {
    border-radius: 5px; width:100%;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12);
    padding: 10px; background:#fff;
}

.evt-desc p {
    white-space: normal;     margin-bottom: 0;
    word-break: break-word;
    background: transparent;
    font-size: 13px;
}

.evt-desc p span {
    background: transparent !important;
}


.ctm-breadcrumbs p {
    margin: 0;font-size: 13px;
    padding: 4px 0;
}
.ctm-breadcrumbs {
    background: #fff;
    padding: 2px;
    border-bottom: 1px solid #ddd;
}

.ctm-breadcrumbs .container {
    display: flex;
    justify-content: space-between;
}

.ctm-breadcrumbs p .fa.fa-angle-right {
    margin: 0 20px;
}

.norec-img img.image-responsive {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.container-fluid.ctm-wrap .container-fluid {
    background: #fff;
}

.processingOverlay img {
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%; z-index:9898989;
    transform: translate(-50%, -50%);
}

.btn.btn-primary:focus, .btn.btn-danger:focus, .btn.btn-success:focus {
    box-shadow: none;
}

/* width */ ::-webkit-scrollbar {   width: 10px; } /* Track */ ::-webkit-scrollbar-track {   background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb {   background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover {   background: #555; } 

/* The container */
.container01 {
  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 checkbox */
.container01 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;background-color: #dad3d3;
    box-shadow: inset 1px 4px 9px #b1aeae;
}

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

/* When the checkbox is checked, add a blue background */
.container01 input:checked ~ .checkmark {
  background-color: #2196F3; box-shadow: none;
}

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

/* Show the checkmark when checked */
.container01 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container01 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #bfbfbf;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ddd;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #bfbfbf;
}

.bg-dark {
    background-color: #081224!important;
}

/*---nav----*/

.navbar-inverse.te-nav .container {
    padding: 0;
}

.navbar-inverse.te-nav li.nav-item ul.dropdown-menu .dropdown-submenu a {
    color: #333;
    font-size: 13px;
    padding: 5px; display: block;
    text-decoration: none;
}

.navbar-inverse.te-nav li.nav-item ul.dropdown-menu .dropdown-submenu a:hover {
    background: #fc6a20;
    color: #fff;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}

.navbar-inverse.te-nav li.nav-item ul.dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.navbar-inverse.te-nav li.nav-item ul.dropdown-menu li .dropdown-item {
    font-size: 13px;
}

.navbar-inverse.te-nav li.nav-item ul.dropdown-menu .dropdown-item:hover {
    background: #fc6a20;
    color: #fff;
}

.navbar-inverse.te-nav li.nav-item ul.dropdown-menu a.dropdown-item.dropdown-toggle {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd; display: flex;
justify-content: space-between;
}

.navbar-inverse.te-nav li.nav-item ul.dropdown-menu a.dropdown-item.dropdown-toggle::after {
    float: right;
    margin-top: 10px;
}

.navbar-inverse.te-nav li.nav-item ul.dropdown-menu a.dropdown-item.dropdown-toggle:hover {
    background: #fc6a20;
    color: #fdfdfd;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg); margin-top: 2px !important;
right: -8px;
position: relative;
} 




.navbar-inverse.te-nav {
    background-color: #222;
    border: none;
    margin-bottom: 0;
    border-radius: 0; padding: 0;
}

.te-nav ul.navbar-nav li.nav-item.active {
    background: #fc6a20;
}

.navbar-inverse.te-nav .navbar-nav>li>a {
    color: #fdfdfd;
    font-weight: 600;
}

/*---nav----*/

.top-header {background: #081224;}

.top-header p {margin-bottom: 0; padding: 5px 0; font-size: 12px; color:#fff;}

.top-header .fa {color: #fc6a20; margin-right: 4px;}

span.v-line {padding: 0 20px;opacity: 0.4;}

.bottom-header .email p{text-align: right;}

.col-md-4.pull-right.social-icons p {text-align: right;}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75);
    background: #fc6a20;
}

nav.navbar.navbar-expand-lg a.nav-link {
    font-size: 12px;     transition: 0.5s;
    color: #f0f0f0;
    font-weight: 600;
    text-align: center;
    padding: 13px 13px;
}

.bg-dark{padding: 0}

a.nav-link.active {
    background: #fc6a20;
}

.social-icons p .fa {
    color: #a7a9ac;
    width: 20px; transition:0.5s;
    height: 16px; cursor: pointer;
}

.social-icons p .fa:hover {
    color: #f93c02;
}



.row.ev-details-sec img.image-responsive {
height: 55px; border-radius: 2px;
}

.row.ev-details-sec {
     padding:5px; display: flex; justify-content: space-between; align-items: center;
}

.navbar-inverse.te-nav li.nav-item {
    transition: 0.5s; cursor:pointer;
}

.navbar-inverse.te-nav li.nav-item:hover {
    background: #fc6a20;
}

.ev-logo {
    display: flex;
align-items: center;
}

.ev-name{float:right;}

.carousel-item img {
    width: 100%;
    object-fit: cover;
}

.row.ev-details-sec h3 {
    display: inline-block;
padding-left: 10px; margin-bottom:0;
text-transform: capitalize; color: #283c60; font-size: 22px;
}

.row.ev-details-sec .ev-name h3 {
margin: 15px 15px;
color: #fff;
padding: 6px 14px;
border-radius: 1px;
border: none;
font-size: 18px;
background: #fc6a20;
letter-spacing: 1px;
box-shadow: inset 2px 3px 4px 0px #737d8c57;
background: linear-gradient(90deg, rgb(246, 94, 18) 0%, rgb(227, 98, 33) 35%, rgb(246, 89, 10) 100%);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-image: none;
    opacity: 1;
}

.carousel-control-next-icon .fa, .carousel-control-prev-icon .fa {
    width: 50px;
    height: 50px;
    background: #061e40;
    line-height: 50px;
    font-size: 20px;
    opacity: 1;
}



/*-----Footer----*/

div#footer {
    background: #081224;
    padding: 80px 0 40px;     color: #908989; border-top: 3px solid #f76b24;
}

.footer-one.details p .fa {
    width: 27px;
    height: 27px;
    background: #262f3e;
    color: #747f94; 
    margin-right: 10px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
}

.footer-one h4 {
    padding-bottom: 10px;
    border-bottom: 1px dashed #706d71;
    margin-bottom: 15px;
}

.footer-one {
    margin: 0 20px 0 0;
}

.footer-one p {
    font-size: 13px; font-weight: 600;
}

.footer-one li {
    font-size: 14px;
    margin-bottom: 4px;
    list-style-type: none;
    font-weight: 600;
}

.footer-one ul {
    padding: 0;
    width: 50%;
    float: left;
}

.footer-one li a {
    color: #908989;
}

.footer-one ul {
    padding: 0;
}

.row.ctm-footer {
    padding-top: 20px;
    border-top: 1px dashed;
    width: 96%;
    margin: 20px auto 0;
    font-size: 14px;
}

.row.ctm-footer .social-icons {
    text-align: right;
}

.row.ctm-footer p {
    margin-bottom: 0;
}






.footer-bgimg {
height: 100px;
    background-image: url(https://media.gettyimages.com/photos/blue-globe-technology-background-picture-id951122258?s=2048x2048);
    position: relative;
    background-size: cover;
    bottom: -50px;
    border-radius: 10px;
    background-position: top;
}


.footer-bgimg img {
    width: 100%;
    height: 100px;
    filter: brightness(0.5);
    border-radius: 10px;
}

/*.top-details {
    padding: 15px;
    display: flex;
    justify-content: space-around;
    color: #908989;
    width: 72%;
    align-items: center;
    height: 100px; text-align: center;
}

*/

.top-details {
    padding: 25px 15px 15px;
    display: block;
    justify-content: space-around;
    color: #908989;
    width: 85%;
    align-items: center;
    height: 100px;
    text-align: center;
    top: 0;
    position: absolute;
}


.top-details .sec3 .btn.btn-primary {
    background: #f76b24;
    border: #fc6a20;
    border-radius: 0px;
    box-shadow: hsl(227, 41%, 18%) 0 5px 16px;
    letter-spacing: 0px;
}

.top-details h5 span.cnt {
    font-size: 25px;
    color: #fc6a20;
}

.top-details .sec1 {
width: 150px;
    border-right: 1px dashed #9da1af;
    display: inline-block;
    float: left;
 
}

.top-details .sec4 h6 {
    margin: 0;
}

.top-details .sec4 h6 a {
    color: #9aa2b1;
    text-decoration: underline;     text-transform: capitalize;
    line-height: 20px; cursor: pointer;
}

.top-details .sec4 {
    display: inline-block;
    float: left;
    margin: 15px 30px;
}

.top-details .sec3 {
    width: 210px;
    border-right: 1px dashed #9da1af;
    height: 54px;
    padding-top: 10px;
    display: inline-block;
    float: left;
}

.top-details h5 {
    margin-bottom: 0;
}

.top-details .sec4 h6 {
    margin: 0;
}




.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 38%;
    left: 14%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    width: 600px;
    text-align: left;
    background: #0409278c;
    padding: 30px;
    border-radius: 5px;
    border-left: 5px solid #fc6a20;
}

.carousel-caption h5, .carousel-caption h6 {
    font-family: 'Nunito', sans-serif;
    letter-spacing: 1px;
}

.carousel-caption h6{font-size: 13px;}

.carousel-caption h2 {
    font-size: 36px;
    color: #f56116;
}

.carousel-caption h5{font-size: 16px;}

.carousel-caption button.btn.btn-danger {
    background: #fc6a20;
    border: #fc6a20;
    margin: 10px 0 0;
    padding: 8px 18px;
    letter-spacing: 1px;
}

.page-container.hotel-info-page {
    padding: 50px 0;
}

.text-center.textabouvetext.top-bar.ng-scope {
    background: #e36c1e;
}

.text-center.textabouvetext.top-bar h3 b {
    font-weight: 500;
    font-size: 17px;
}

.ctm-bracket1 .modal-footer .btn.btn-danger {
    margin: 0;
    font-size: 13px;
}

.page-container.twitter-page {
    padding: 60px 0;
    margin: 0 auto;
}

.page-container.page-div.about-us-page {
    padding: 60px 0;     display: inline-block;
}

.proceed-reset.text-right a.btn.btn-danger.btn-cncl {
    color: #fdfdfd;
}

.ap360pcls.regi-vol span.text-red {
    color: #e30e0e;
}

.ap360pcls.regi-vol label.control-label {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 14px;
}

.appmob-footer.pull-left .mobile_appdlink {
    cursor: pointer;
}

.custom-page {
    padding: 40px 0;
}

.alert.alert-danger.bracket-alrt {
    width: 74%; text-align:center;
top: 80%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
    
}

.page-container.page-div.about-us-page .content-aboutdiv .info-list {
    word-break: break-word;
    white-space: normal;
}

.page-container.page-div.about-us-page .content-aboutdiv .info-list span, .page-container.page-div.about-us-page .content-aboutdiv .info-list span div, .page-container.page-div.about-us-page .content-aboutdiv .info-list span h2, .page-container.page-div.about-us-page .content-aboutdiv .info-list span h3, .page-container.page-div.about-us-page .content-aboutdiv .info-list span h1, .page-container.page-div.about-us-page .content-aboutdiv .info-list span p {
    background: transparent !important;
}

.page-container.page-div.about-us-page .content-aboutdiv .info-list img {
    width: auto;
    height: 150px;
    object-fit: cover;
    margin: 10px;
    border: 2px solid #555;
}



@media only screen and (max-width : 1024px) {
    nav.navbar.navbar-expand-lg a.nav-link{    font-size: 12px; padding: 11px 11px;}
    .Sponsor-logo .s-logo{    width: 130px;}
    .footer-one {margin: 0;}
    .footer-one h4{font-size: 20px;}
    .live-score-sec .upcoming-games-details {padding: 10px 5px 40px;}
    .live-score-sec .live-streaming{right: 40%;}
    .team-details {width: 140px;}
}

@media only screen and (max-width : 768px) {
    .ev-logo { display: inline-block; float: left; width: 80%;}
    .row.ev-details-sec img.image-responsive {width: 85px;}
    .row.ev-details-sec h3 {display: inline-block; font-size: 20px;}
    .row.ev-details-sec .ev-name h3 {margin: 10px;}
    .title-head {padding: 30px 0 10px;}
    .today-score{display: block;}
    .today-final-score {float: none; width: 100%; top: 0;}
    .r-arrow {right: -35px;}
    .l-arrow {left: -35px;}
    .aroows{    top: -175px;}
    .team-details {width: 220px; margin: 10px;}
    .team-logo {width: 220px;}
    #our-team-sec .aroows {position: relative; top: 0; width: auto; margin: 0 auto; text-align: center;}

    #our-team-sec .aroows .l-arrow {left: 0;position: relative; display: inline-block; margin: 0 10px;}
    #our-team-sec .aroows .r-arrow {right: 0;position: relative; display: inline-block; margin: 0 10px;}
    .twt-scr-title {margin-top: 40px;}
        .top-details{width:100%;}
    .top-details .sec1 {width: 110px;}
    .top-details .sec3 {width: 190px;}
    .footer-one h4 {font-size: 16px;}
    .bothstore-link .appmob-footer {float: none;}
    .top-details .sec4 h6 a{    font-size: 14px;}
    .top-details .sec4{padding:15px;}

}

@media only screen and (max-width : 480px) {
    .navbar-inverse.te-nav .navbar-toggler .fa.fa-bars {background: #f55c0f;color: #fff;padding: 5px 8px;}
    .carousel-caption {display: none;}
    .event-alert-sec {margin-top: 30px;}
    .upcoming-games-details {display: block; justify-content: normal;}
    .live-score-sec .upcoming-games-details {padding: 10px 5px 50px;}
    .live-score-sec .ctmdiv1 {width: 100%; position: relative; top: 0; margin-bottom: 15px;}
    .live-score-sec .live-streaming {bottom: 4%; right: 35%;}
    .live-score-sec .ctmdiv2{width: 100%;}
    .live-score-sec .ctmdiv3{width: 100%; top: 0;}
    .live-score-sec .team-container_web-01.away-team{width: 100%;}
    .twt-scr-title {margin-top: 30px;}
/*    .game-det {display: block;}
    .game-det .team1, .game-det .vs, .game-det .date, .game-det .loc {width: 100%;}*/
    /*.game-det .team1 {margin: 10px 0;}*/
    .all-games{overflow: auto;}
    .game-det{width: 210%;}
    .game-res{margin: 10px 0;}
    .team-logo {width: 185px;}
    .today-score{display: inline-flex;}
    .team-details {width: auto; margin: 10px;}
    .Sponsor-logo .s-logo{width: 180px; margin: 10px;}
    .top-details{width: 100%;     padding: 10px;}
    .top-details .sec1{border: none;}
    .aroows {position: relative; top: 0; margin: 0 auto; text-align: center;}
    .l-arrow {left: 0; position: relative; display: inline-block; margin: 0 5px;}  
    .r-arrow {right: 0; position: relative; display: inline-block; margin: 0 5px; }
    .col-md-6.pull-right.social-icons p {text-align: left;}
    .row.ev-details-sec {padding: 15px; display: block;}
    .ev-logo {display: flex; text-align: left; align-items: center;}
    .ev-name {float: none; text-align: left;}
    .row.ev-details-sec .ev-name h3 {margin: 0px auto 0;}
    .row.ev-details-sec img.image-responsive { width: 80px; height: 80px;object-fit: contain;}
    .row.ev-details-sec h3 {display: inline-block; font-size: 17px;}
    
    .latest-news .latest-news-outer{width: 100%;}
    #our-team-sec .aroows {position: relative; top: 0;}
    #our-team-sec .aroows .l-arrow {left: 0; position: relative;}
    #our-team-sec .aroows .r-arrow {right: 0; position: relative;}
    .col-md-4.pull-right.social-icons p {text-align: center;}
    .ev-logo{width:100%;}
    .carousel-item img {height: 200px;}
    .top-details .sec1 {width: 50%;float: left;border: none !important; height:auto;}
    .top-details .sec3 {width: 50%; height:auto; float: left; border:none;}
    .top-details{display:block;}
    .footer-bgimg img{height: 120px;}
    .top-details .sec1{padding-bottom: 10px;}
    .top-details .sec3{padding:0;}
    .top-details .sec4 h6 a{line-height: 15px; font-size: 13px;}
    .bothstore-link .appmob-footer {float: left;margin-right: 10px;}
    .row.ctm-footer{width: 100%;}
    .row.ctm-footer .col-md-6 {padding: 0;}
    .row.ev-details-sec {padding: 15px 0;}
    .row.ev-details-sec h3{margin-left:10px;}
    .ev-name{margin-top:10px; display:inline-block;}
    .navbar-inverse.te-nav{width: 100%;}
    .navbar-inverse.te-nav .navbar-collapse{flex-basis: auto; width: 100%;}
    .top-details .sec4 {
    display: inline-block;
    float: left;
    margin: 0px 20px;
    font-size: 12px;
    word-break: break-word;
    width: 136px;
    padding: 1px;
}
    .top-header p{font-size:14px;}
    .carousel-control-next-icon .fa, .carousel-control-prev-icon .fa {width: 30px;height: 30px;background: #061e40;line-height: 28px;font-size: 15px;opacity: 1;}
    .carousel-control-next {right: 7px;}
    .alert.alert-danger.bracket-alrt {width: 90%; position:relative; top:10%; transform: none; left:0;}
    .navbar-inverse.te-nav li.nav-item ul.dropdown-menu li .dropdown-item{font-size: 15px;}
    nav.navbar.navbar-expand-lg a.nav-link {font-size: 15px; padding: 11px 11px;}
    .page-container.page-div.about-us-page .content-aboutdiv .info-list span, .page-container.page-div.about-us-page .content-aboutdiv .info-list span div, .page-container.page-div.about-us-page .content-aboutdiv .info-list span h2, .page-container.page-div.about-us-page .content-aboutdiv .info-list span h3, .page-container.page-div.about-us-page .content-aboutdiv .info-list span h1, .page-container.page-div.about-us-page .content-aboutdiv .info-list span p {
    background: transparent !important; width: auto !important; margin: 0; padding: 0;}
    .page-container.page-div.about-us-page .content-aboutdiv .info-list {
    word-break: break-word;
    white-space: normal;
    display: inline-block;
    width: 100%;
}

}

@media only screen and (max-width : 400px) {
    .top-details .sec4{    margin: 0px 15px;}
}

@media only screen and (max-width : 375px) {
    .team-logo {width: 165px;}
    .top-details .sec4 {display: inline-block;float: left;margin: 0px 10px;font-size: 12px;word-break: break-word;width: 130px;padding: 0;}
    .Sponsor-logo .s-logo{width: 160px; margin: 10px;}
    .top-details h5 {margin-bottom: 0; font-size: 16px;}
    .top-details h5 span.cnt {font-size: 20px;}
    span.v-line {padding: 0 10px;}
    .top-details .sec3 .btn.btn-primary{background: #f76b24;
    border: #fc6a20;
    border-radius: 0px;
    box-shadow: hsl(227, 41%, 18%) 0 5px 16px;
    letter-spacing: 0px;
    padding: 4px 8px;
    font-size: 14px;
    margin: 4px 0 0;}
}

@media only screen and (max-width : 360px) {
    .team-logo {width: 160px;}
    .top-details button.btn.btn-primary{font-size: 12px; padding: 4px;}
    .top-header p {margin-bottom: 0;padding: 5px 4px;font-size: 13px;color: #fff;}
}


@media only screen and (max-width : 320px) {
    .team-logo {width: 140px;}
    .all-teams .team-details img.image-responsive {width: auto; height: 90px;}
    .Sponsor-logo .s-logo{width: 140px; margin: 10px;}
    .footer-one {margin: 0 10px;}
    .bothstore-link .appmob-footer .mobile_appdlink img {width: 130px;}
}