/*
    Theme Name: Squadfree
    Theme URL: https://bootstrapmade.com/squadfree-free-bootstrap-template-creative/
    Author: BootstrapMade
    Author URL: https://boo.man-oftstrapmade.com
*/


/* ==== Google font ==== */
/*
@font-face {
    font-family: 'Gotham Book';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Book'), url('../gothem-fonts/Gotham-Black.eot') format('eot'), url('../gothem-fonts/Gotham-Black.ttf') format('ttf'), url('../gothem-fonts/Gotham-Black.woff') format('woff'), url('../gothem-fonts/Gotham-Black.svg') format('svg'), url('../gothem-fonts/Gotham Book.otf') format('otf'), url('../gothem-fonts/GothamBook.ttf') format('ttf');
} */


@font-face {
font-family: 'Gotham Black';
src: url('../gothem-fonts/Gotham-Black.eot');
src: local('‚ò?'),
url('../gothem-fonts/Gotham-Black.eot') format('eot'),
url('../gothem-fonts/Gotham-Black.woff') format('woff'),
url('../gothem-fonts/Gotham-Black.ttf') format('ttf'),
url('../gothem-fonts/Gotham-Black.svg') format('svg');
font-style: normal;
font-weight: normal;
}



@font-face {
  font-family: "GothamBook";
  src: url('../gothem-fonts/GothhamBook/GothamBook.eot') format('eot'),
       url('../gothem-fonts/GothhamBook/Gotham-Book.woff') format('woff'),
       url('../gothem-fonts/GothhamBook/Gotham-Book.woff2') format('woff2'),
       url('../gothem-fonts/GothhamBook/Gotham-Book.ttf') format('truetype');
  font-weight: normal;
}
 


@font-face {
	font-family: 'Gotham-Medium';
    font-weight: normal;
    font-style: normal;
	src: url('../gothem-fonts/Gotham-Medium/Gotham-Medium.eot');
	src: local('Gotham-Medium'),url('../gothem-fonts/Gotham-Medium/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../gothem-fonts/Gotham-Medium/Gotham-Medium.woff') format('woff'), url('../gothem-fonts/Gotham-Medium/Gotham-Medium.woff2') format('woff2'), url('../gothem-fonts/Gotham-Medium/Gotham-Medium.ttf') format('truetype'), url('../gothem-fonts/Gotham-Medium/Gotham-Medium.otf') format('truetype');
}


.logo-1 {
    width: 116px;
    margin-top: -10px;
}

body {
    width: 100%;
    height: 100%;
    font-family: 'GothamBook' !important;
    font-weight: 300;
    color: #666;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6em;
}

p.lead {
    font-weight: 600;
}

a {
    color: #28c3ab;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #176e61;
}

.light {
    font-weight: 400;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.navbar-brand {
    font-weight: 700;
}

.navbar-brand {
    height: 40px;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 1em;
}

.navbar-brand h1 {
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    text-transform: capitalize;
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0, 0, 0, 0);
}

.navbar-custom ul.nav li a {
    font-family: 'Gotham-Medium';
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #ffc300 !important;
    border-radius: 50px;
}

.navbar-custom.top-nav-collapse ul.nav li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
}

.navbar-custom ul.nav ul.dropdown-menu {
    border-radius: 0;
}

.navbar-custom ul.nav ul.dropdown-menu li {
    border-bottom: 1px solid #f5f5f5;
}

.navbar-custom ul.nav ul.dropdown-menu li:last-child {
    border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
    padding: 10px 20px;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
    background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
    color: #666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
}

.bg {
    background-color: #ffc300;
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

.bg .login {
    background-color: #000;
    padding: 7px 22px;
    text-transform: lowercase !important;
    border-radius: 50px;
}

.bg .fa-facebook {
    color: #000 !important;
    font-size: 15px;
}

.bg .fa-twitter {
    color: #000 !important;
    font-size: 15px;
}

.bg .fa-instagram {
    color: #000 !important;
    font-size: 15px;
}

.center h3 {
    margin: 10px 0px !important;
    padding: 0 !important;
    font-size: 17px !important;
    color: #000;
    letter-spacing: 2px;
}


/* loader */

#preloader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

#loaderInner {
    background: #ffffff url(../img/spinner.gif) center center no-repeat;
    height: 60px;
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 60px;
}

@keyframes boxSpin {
    0% {
        transform: translate(-10px, 0px);
    }
    25% {
        transform: translate(10px, 10px);
    }
    50% {
        transform: translate(10px, -10px);
    }
    75% {
        transform: translate(-10px, -10px);
    }
    100% {
        transform: translate(-10px, 10px);
    }
}


/*@keyframes shadowSpin {*/


/*0% {*/


/*box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;*/


/*}*/


/*25% {*/


/*box-shadow: 10px 10px #39CCCC, -10px -10px #FFDC00;*/


/*}*/


/*50% {*/


/*box-shadow: -10px 10px #39CCCC, 10px -10px #FFDC00;*/


/*}*/


/*75% {*/


/*box-shadow: -10px -10px #39CCCC, 10px 10px #FFDC00;*/


/*}*/


/*100% {*/


/*box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;*/


/*}*/


/*}*/

#load {
    z-index: 9999;
    background-color: #FF4136;
    opacity: 0.75;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin: -5px auto 0 auto;
    left: 0;
    right: 0;
    border-radius: 0px;
    border: 5px solid #FF4136;
    box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
    animation: shadowSpin 1s ease-in-out infinite;
}


/* misc */

hr {
    margin-top: 0px;
    border-top: 3px solid #ffc300;
}


/* margins */

.marginbot-0 {
    margin-bottom: 0 !important;
}

.marginbot-10 {
    margin-bottom: 10px !important;
}

.marginbot-20 {
    margin-bottom: 20px !important;
}

.marginbot-30 {
    margin-bottom: 30px !important;
}

.marginbot-40 {
    margin-bottom: 40px !important;
}

.marginbot-50 {
    margin-bottom: 10px !important;
    margin-top: 10px;
    border-bottom: 3px solid #ffc300;
}


/* ===========================
--- General sections
============================ */

.home-section {
    padding-top: 30px;
    display: block;
    position: relative;
    z-index: 120;
    padding-bottom: 0px;
    background-size: cover;
}

.match-title-section {
    background-color: rgba(168, 167, 169, 0.28);
}

.section-heading h2 {
    font-size: 39px;
    margin-bottom: 40px;
    color: black;
    letter-spacing: 0;
    text-align: center;
    line-height: 48px;
}

.btn.btn-assign-me {
    background-color: #ffc300;
    padding: 5px 15px;
    color: #333333;
    width: 73%;
    font-size: 20px;
    font-weight: 100;
    border: 1px solid #ffc300;
    padding: 5px;
    padding-top: 7px;
    margin-top: 5px;
    border-radius: 6px;
    font-weight: bold;
}

.btn.btn-make-captain {
    float: right;
    background-color: #ffc300;
    color: #333333;
    width: 20%;
    font-size: 20px;
    font-weight: 100;
    border: 1px solid gray;
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 31px;
    margin-right: 30px;
    font-weight: bold;
}

div.team_label {
    margin-top: 15px;
    color: white;
}

#partner .section-heading h2 {
    font-size: 39px;
    margin-bottom: 40px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.section-heading i {
    margin-bottom: 20px;
}


/* --- section bg var --- */

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #f8f8f8;
}

.bg-dark {
    background: #575757;
}


/* --- section color var --- */

.text-light {
    color: #fff;
}

.search1 {
    padding: 10px;
}

.search1 {
    padding: 9px 13px !important;
}


/* ===========================
--- Intro
============================ */

.intro {
    width: 100%;
    position: relative;
    /*	background: url(../img/slide1.jpg) no-repeat top center;*/
    background-size: cover;
    height: auto !important;
}


/* #intro.intro {
    padding:20% 0 0 0;
} */

.intro .slogan {
    text-align: left;
    margin-top: 46%;
}

.intro .page-scroll {
    text-align: center;
}

.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}

.intro .slogan h2 {
    color: #ffc300;
    text-shadow: none;
    font-size: 40px;
    line-height: 20px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.intro .slogan p {
    color: #fff;
    text-shadow: -1px 1px 1px #000;
    font-size: 18px;
    text-transform: lowercase;
    font-weight: 100;
}

@media (max-width: 768px) {
    .intro .slogan h2 {
        font-size: 48px;
    }
}

@media (max-width: 600px) {
    .intro .slogan h2 {
        font-size: 36px;
    }
}

.bg1 {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0px;
}

.banner-select {
    height: 40px;
    background-color: transparent !important;
    color: #fff !important;
    opacity: 1;
    z-index: 9999;
    border-radius: 0px;
    border: 1px solid #ffc300;
}

.btn-search {
    background-color: #ffc300;
    padding: 5px 15px;
    width: 100%;
    font-size: 20px;
    font-weight: 100;
    border: 1px solid #ffc300;
}

.btn-update {
    background-color: #ffc300;
    padding: 5px 15px;
    width: 100%;
    font-size: 20px;
    font-weight: 100;
    border: 1px solid #ffc300;
}

.banner-overlay {
    position: relative;
    bottom: 0px;
}


/* ===========================
--- About
============================ */

#about .section-heading h2 {
    margin-bottom: 13px;
}

.boxed-grey {
    padding: 20px;
}

.team h5 {
    margin-bottom: 10px;
}

.team p.subtitle {
    margin-bottom: 10px;
}

.avatar {
    margin-bottom: 20px;
}

.team-social {
    margin-left: 0;
    padding-left: 0;
}

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

.team-social li {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
}

.team-social a {
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.team-social a i {
    text-align: center;
    margin: 0;
    padding: 0;
}

.team-social .social-facebook a {
    background: #3873ae;
}

.team-social .social-twitter a {
    background: #62c6f8;
}

.team-social .social-dribble a {
    background: #d74980;
}

.team-social .social-deviantart a {
    background: #8da356;
}

.team-social .social-google a {
    background: #000;
}

.team-social .social-vimeo a {
    background: #51a6d3;
}

.team-social .social-facebook a:hover {
    background: #4893ce;
}

.team-social .social-twitter a:hover {
    background: #82e6ff;
}

.team-social .social-dribble a:hover {
    background: #f769a0;
}

.team-social .social-deviantart a:hover {
    background: #adc376;
}

.team-social .social-google a:hover {
    background: #333;
}

.team-social .social-vimeo a:hover {
    background: #71c6f3;
}

.static {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0px 10px 0px;
    height: auto;
}

div.searchhide h2 {
    color: darkgreen;
    color: #000;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 10px;
}

div.searchhide h2 span {
    display: inline-block;
}

.not_found h2 {
    color: darkgreen;
    font-size: 39px;
    text-transform: none;
}

span.dash {
    color: black;
}

.static .table-bordered {
    border: 1px solid #ddd;
}

.table-bordered {
    border: 1px solid #ffc300;
}


/* ===========================
--- partner
============================ */

#partner {
    background-image: url(../img/partner.png);
    background-size: cover;
    height: auto;
    padding: 20px 0px;
}

#charities {
    background-image: url(../img/partner.png);
    background-size: cover;
    height: auto;
    padding: 20px 0px;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 1.428571429;
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
    border-radius: 40px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.carousel-new {
    padding: 40px 0px !important;
}


/* ===========================
--- Services
============================ */

.service-icon {
    margin-bottom: 20px;
}

#service {
    background-image: url(../img/Quarter_Pro_92.jpg);
    background-size: cover;
    background-position: center;
    height: auto;
    padding: 25px 0px 18px 0px;
}

#service h3 {
    color: #fff;
    font-weight: 300;
}

#service h3 {
    color: #fff;
}

#service .section-heading h2 {
    color: #fff;
}

footer .section-heading h2 {
    color: #fff;
}

.Statist .success1 {
    background-color: rgba(0, 0, 0, 0.5) !important;
}


/*.Statist .first {*/


/*background-color: rgba(0, 0, 0, 0.5) !important;*/


/*}*/

.Statist {
    color: #fff;
}

.Statist tr {
    border: 0 !important;
}

.Statist th {
    border: 0 !important;
    font-family: 'Gotham-medium' !important;
}

.Statist td {
    border: 1px solid #6c6767 !important;
}

.head1 {
    background-color: #ffc300;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    padding: 15px 0px !important;
    font-size: 18px;
    text-align: center;
}

table.Statist thead {
    border: 1px solid #6c6767;
}

.match {
    text-align: center;
}

.match h3 {
    text-align: center;
    color: #000;
    letter-spacing: 0 !important;
    padding: 10px 0px;
}

.match img {
    text-align: center;
    margin: 20px auto;
}

.static td:first-child {
    color: black;
    text-align: center;
    font-weight: 600;
    width: 100px;
    font-size: 16px;
}

.static_1 tr:nth-child(odd) {
    background-color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    width: 100px;
}

.static_1 td:nth-child(odd) {
    color: #FFFFFF;
}

.static_1 td:nth-child(3) {
    font-weight: 300;
}

.static_1 td:nth-child(even) {
    color: #ffc300;
}

.static_1 tr:nth-child(even) {
    background-color: dimgray !important;
    text-align: center;
    font-weight: 600;
    width: 100px;
}

.static_1 .first {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.static td:nth-child(2) {
    font-size: 16px;
    color: black;
    text-align: center;
    font-weight: 600;
    width: 100px !important;
    background-color: #4e4d4d;
}

.static td:last-child {
    color: black;
    text-align: center;
    font-weight: 600;
    width: 100px;
    font-size: 16px;
}

.danger1 td.white-row {
    background-color: #ffffff;
}

#service th:first-child {
    text-align: center;
}

#service td:first-child {
    color: #ffc300;
    font-weight: 600;
}

#service td:nth-child(2) {
    color: #fff;
}

#service td:last-child {
    color: #ffc300;
    font-weight: 600;
}


/*.new-1 td:first-child {*/


/*color: black !important;*/


/*font-weight: 600;*/


/*}*/

.new-1 td:nth-child(2) {
    color: black;
    font-weight: 600;
    width: 100%;
    padding: 8px 4px;
}

.new-1 td:nth-child(3) {
    color: black;
    font-weight: 600;
}

tr.danger1:first-child {
    background-color: #ffffff!important;
}

.new-1 td:first-child {
    color: #ffffff !important;
    font-weight: 600;
    background-color: #4e4d4d;
}

table.team-rank td:first-child {
    color: black !important;
}

table.Statist tr .new-1 th {
    text-align: left;
}

.new-1 td {
    border: 1px solid #ffc300 !important;
}


/* ===========================
--- Contact
============================ */

#media {
    background-image: url(../img/social-media.jpg);
    background-position: center;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
}

#contact .form-control {
    height: 42px;
    border: 1px solid #000;
    /*margin-top: 22px;*/
    color: #000;
}

#contact textarea {
    height: 170px !important;
}

form#contact-form .form-group label {
    /*text-align: left !important;*/
    display: block;
    letter-spacing: 1px;
    font-size: 15px;
}

form#contact-form .img-thumbnail {
    margin-bottom: 5px;
}

form#contact-form .update-profile {
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

form#contact-form .update-profile:hover {
    text-decoration: none;
}

form#contact-form input,
form#contact-form select,
form#contact-form textarea {
    border-radius: 0;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form#contact-form input:focus,
form#contact-form select:focus,
form#contact-form textarea:focus {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#game_date {
    border: 1px solid #ffc300;
}

.input-group-addon {
    background-color: #fefefe;
    border: 1px solid #eee;
    border-radius: 0;
}

.widget-contact {
    text-align: left;
}

.validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#sendmessage {
    color: green;
    border: 1px solid green;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#sendmessage.show,
#errormessage.show,
.show {
    display: block;
}

.company-social {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
}

.company-social {
    text-align: left;
}

.company-social li {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
}

.company-social a {
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.company-social a i {
    text-align: center;
    margin: 0;
    padding: 0;
}

.company-social .social-facebook a {
    background: #3873ae;
}

.company-social .social-twitter a {
    background: #62c6f8;
}

.company-social .social-dribble a {
    background: #d74980;
}

.company-social .social-deviantart a {
    background: #8da356;
}

.company-social .social-google a {
    background: #000;
}

.company-social .social-vimeo a {
    background: #51a6d3;
}

.company-social .social-facebook a:hover {
    background: #4893ce;
}

.company-social .social-twitter a:hover {
    background: #82e6ff;
}

.company-social .social-dribble a:hover {
    background: #f769a0;
}

.company-social .social-deviantart a:hover {
    background: #adc376;
}

.company-social .social-google a:hover {
    background: #333;
}

.company-social .social-vimeo a:hover {
    background: #71c6f3;
}


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

footer {
    text-align: center;
    background-image: url(../img/footer.jpg);
    background-position: center;
    height: auto;
    float: left;
    width: 100%;
    background-size: 100%;
}

footer p {
    color: #f8f8f8;
}

.credits,
.credits a {
    color: #fff;
}

.footer-overlay {
    background-image: url(../img/footer-overlay.png);
    height: 100%;
    padding: 50px 0px 0px 0px;
    background-color: rgba(0, 0, 0, 0.7);
}

.icon1 {
    background-color: #ffc300;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    padding: 14px;    
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

li.icon1:hover {
    transform: rotate(360deg);
}

.icon1 .fa-facebook {
    padding-left: 5px;
}

.icon1 i {
    font-size: 20px;
    color: #000;
}

.gmail i {
    font-size: 30px;
    color: #ffc300;
}

.gmail .quarter {
    font-size: 18px;
    color: #fff;
}

.credits {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 23px 0px;
    float: left;
    width: 100%;
}

.footer-main {
    padding: 10% 0px;
}

footer .footer-bottom .fa-heart {
    /*animation: 2.5s ease 0s normal none infinite running animateHeart;*/
    font-size: 16px;
}

.text-red {
    color: #F00;
}


/* ==========================
Parallax
============================= */

#parallax1 {
    /*background-image: url("../img/parallax/1.jpg");*/
}

#parallax1:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.7;
    z-index: -1;
}

#parallax2 {
    /*background-image: url(../img/parallax/2.jpg);*/
}

#parallax2:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.7;
    z-index: -1;
}


/* ===========================
--- Elements
============================ */

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle.btn-dark {
    border: 2px solid #666;
    color: #666;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255, 255, 255, .1);
}

.btn-circle.btn-dark :hover,
.btn-circle.btn-dark :focus {
    outline: 0;
    color: #999;
    background: #fff;
}

.btn-circle.btn-dark :hover i,
.btn-circle.btn-dark :focus i {
    color: #999;
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

#text {
    color: #fff;
    background: #ffcc00;
}

#map {
    height: 500px;
}

.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
    color: #fff;
    background-color: #666;
    border-color: #666;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}

.panel-heading {
    background-color: #ffcc00 !important;
    float: left;
    width: 100%;
}

.panel-heading h3 {
    color: #000 !important;
    font-weight: 600 !important;
}

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

.panel-default {
    background-color: #ffcc00 !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0px !important;
}

li.bg:last-child {
    margin-right: -15px;
}

select.form-control.banner-select option {
    background-color: #ffc300;
    color: #000;
}

select.form-control.banner-select:focus {
    border: 1px solid #ffc300;
}


/* Media queries */

@media (min-width: 320px) and (max-width: 767px) {
    .Statist {
        FONT-SIZE: 10PX;
    }
    .bg1 {
        position: relative;
        bottom: 0;
    }
    .logo-1 {
        width: 120px !important;
    }
    .slide-new .carousel-inner {
        height: auto !important;
    }
    .head1 {
        font-size: 14px;
    }
    .navbar-brand h1 {
        font-size: 25px;
    }
    .intro .slogan h2 {
        font-size: 28px;
    }
    .intro .slogan p {
        font-size: 12px;
    }
    .banner-select {
        margin-bottom: 20px;
    }
    #media {
        background-image: url(../img/social-media.jpg);
        background-position: center;
        height: auto;
        background-repeat: repeat;
    }
    .navbar-custom ul.nav li a {
        text-align: center;
    }
    .media-feed {
        text-align: center;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 1250px) {
    .nav>li>a {
        padding: 14px 4px;
    }
    .slide-new .carousel-inner {
        height: 500px !important;
    }
    .logo-1 {
        width: 181px !important;
    }
    .navbar-brand h1 {
        font-size: 17px;
    }
    .navbar-custom ul.nav li a {
        font-size: 15px;
        letter-spacing: 0px;
        color: #fff;
    }
    .intro .slogan h2 {
        font-size: 38px;
    }
    .intro .slogan p {
        font-size: 12px;
    }
    #media {
        background-size: cover;
        height: auto;
        background-repeat: no-repeat;
    }
    .media-feed {
        text-align: center;
        margin: 0 auto;
    }
}

@media (min-width: 767px) {
    .navbar {
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }
    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }
    .intro {
        height: 0%;
        padding: 0;
    }
    .brand-heading {
        font-size: 100px;
    }
    .intro-text {
        font-size: 25px;
    }
}

@media (max-width: 768px) {
    .team.boxed-grey {
        margin-bottom: 30px;
    }
    .boxed-grey {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .navbar-custom .nav.navbar-nav {
        background-color: rgba(255, 255, 255, .4);
    }
    .navbar.navbar-custom.navbar-fixed-top {
        margin-bottom: 30px;
    }
    .tp-banner-container {
        padding-top: 40px;
    }
    .page-scroll a.btn-circle {
        width: 40px;
        height: 40px;
        margin-top: 10px;
        padding: 7px 0;
        border: 2px solid #fff;
        border-radius: 50%;
        font-size: 20px;
    }
}

@media (min-width: 320px) and (max-width:992px) {
    .videoWrapper {
        padding: 0 15px;
    }
    .videoWrapper iframe {
        width: 100%;
        height: 217px;
    }
    #statics {
        margin-left: 0px !important;
    }
    .videoUnavailable {
        width: 100%;
        height: 217px !important;
        margin: 5px 0px !important;
        border: 12px solid white;
    }
    .videoUnavailable h2 {
        padding-top: 85px !important;
        font-size: 25px;
    }
}

div .videoUnavailable {
    background-color: black;
    height: 530px;
    margin: 20px 160px;
}

div .videoUnavailable h2 {
    text-align: center;
    padding-top: 240px;
}

div .fullscreen_note {
    margin: 0 auto;
    text-align: right;
    font-size: 18px;
    color: #DF3D82;
    margin-bottom: 2px;
    font-weight: 400;
    position: absolute;
    top: 0px;
    right: 0;
}

.videoWrapper-container {
    width: 1040px;
    margin: 0 auto;
    position: relative;
}


/*$*/


/*color-button: #fff*/


/*;*/


/*$*/


/*color-button-hover: #f00*/


/*;*/


/*.videoWrapper {*/


/*position: relative;*/


/*width: 100%;*/


/*height: 0;*/


/*background-color: #000;*/


/*&*/


/*43*/


/*{*/


/*padding-top: 75%*/


/*;*/


/*}*/


/*&*/


/*169*/


/*{*/


/*padding-top: 56%*/


/*;*/


/*}*/


/*}*/

.videoIframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-size: cover;
    text-indent: -999em;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    /*&*/
    /*:before {*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*width: 80px;*/
    /*height: 80px;*/
    /*margin: -40px 0 0 -40px;*/
    /*border: 5px solid $ color-button;*/
    /*border-radius: 100%;*/
    /*-webkit-transition: border-color 300ms;*/
    /*-moz-transition: border-color 300ms;*/
    /*transition: border-color 300ms;*/
    /*}*/
    /*&*/
    /*:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*width: 0;*/
    /*height: 0;*/
    /*margin: -20px 0 0 -10px;*/
    /*border-left: 40px solid $ color-button;*/
    /*border-top: 25px solid transparent;*/
    /*border-bottom: 25px solid transparent;*/
    /*-webkit-transition: border-color 300ms;*/
    /*-moz-transition: border-color 300ms;*/
    /*transition: border-color 300ms;*/
    /*}*/
    /*&*/
    /*:hover,*/
    /*&*/
    /*:focus {*/
    /*&*/
    /*:before {*/
    /*border-color: $ color-button-hover;*/
    /*}*/
    /*&*/
    /*:after {*/
    /*border-left-color: $ color-button-hover;*/
    /*}*/
    /*}*/
    /*.videoWrapperActive*/
    /*&*/
    /*{*/
    /*opacity: 0*/
    /*;*/
    /*height: 0*/
    /*;*/
    /*-webkit-transition-delay: 0s, 800ms*/
    /*;*/
    /*-moz-transition-delay: 0s, 800ms*/
    /*;*/
    /*transition-delay: 0s, 800ms*/
    /*;*/
    /*}*/
}


/************league*************/

.table-img {
    width: 29px;
    margin-right: 10px;
    display: inline-block;
}

.top-head {
    background-color: #373737;
    border: 0px !important;
    color: #fff;
}

.top-middle {
    background-color: #212121;
    border: 0px !important;
    color: #fff;
}

.dropdown-section {
    padding: 30px 0px 30px 0px;
    background-image: url(../img/league.jpg);
    background-size: cover;
    height: auto;
    margin-top: -1px;
}

.dropdown-section .btn-drop {
    margin-top: 9px;
}

.dropdown-section .section-heading h2 {
    color: #fff;
}

.dropdown-section .banner-select {
    margin-top: 10px;
}

.dropdown-section .banner-select1 {
    margin-top: 10px;
}

.dropdown-section .form-group {
    margin-bottom: 0px !important;
}

.dropdown-section .form-group .fa-calendar {
    color: #fff;
}

.date-select {
    background-color: transparent;
    height: 40px;
    color: #fff;
    border: 1px solid #ffc300;
}

.input-group-addon {
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 0;
    padding: 10px 19px;
}

.date-select::placeholder {
    color: #fff !important;
    opacity: 1;
}

.date-select:-ms-input-placeholder {
    color: #fff !important;
}

.date-select:-ms-input-placeholder {
    color: #fff !important;
}

.live {
    font-weight: 500;
}


/*********match****************/

#statics {
    margin-bottom: 40px !important;
    margin-left: 56px;
}


/*label.label {*/


/*color: black;*/


/*height: 30px;*/


/*float: right;*/


/*margin-top: 24px;*/


/*font-size: 21px;*/


/*margin-right: 18px;*/


/*}*/


/*--- upcoming match ---*/

.upcoming-match-item-wrapper {
    text-align: center;
    position: relative;
    /*background: url('images/upcoming-event-background.jpg') center;*/
}

.upcoming-match-item-wrapper .gdlr-upcoming-match-item-title {
    font-size: 16px;
    margin-bottom: 13px;
    text-transform: none;
}

.upcoming-match-item-wrapper .gdlr-upcoming-match-team-wrapper {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: lighter;
    padding: 19px 20px;
    position: relative;
    z-index: 1;
}

.upcoming-match-item-wrapper .gdlr-upcoming-match-versus {
    font-weight: bold;
    margin: 0px 35px;
}

.upcoming-match-item-wrapper .match-result-info-wrapper {
    display: block;
    padding: 12px 20px;
    position: relative;
}

.upcoming-match-item-wrapper .match-result-info {
    margin-right: 22px;
    position: relative;
    z-index: 1;
}

.upcoming-match-item-wrapper .match-result-info i {
    margin-right: 14px;
}

.upcoming-match-item-wrapper .match-result-info:last-child {
    margin-right: 0px;
}

.upcoming-match-item-wrapper .upcoming-match-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.upcoming-match-item-wrapper .upcoming-match-info-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.44;
    filter: alpha(opacity=44);
}

#content-section-3 {
    padding: 30px 0px;
    background-color: #e5e5e5;
}

.register {
    padding: 100px 0px 100px 0px;
    background-color: #F0F0F0;
}

.reg {
    text-align: center;
}

.register button.btn.btn-default {
    background-color: #ffc300;
    padding: 10px 12px;
    width: 30%;
    font-size: 17px;
    font-weight: 100;
    border: 1px solid #ffc300;
}

.reg-1 {
    border: 2px solid #000;
    padding: 80px 0px;
}

li.bg:last-child {
    margin-right: 0px;
}


/*******card***********/

.player {
    background: linear-gradient(141deg, #414241 0%, #000 51%, #000 75%);
    height: 100%;
    border: 4px solid #cfb663;
    padding: 20px 0px;
    border-top-right-radius: 80px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 80px;
    margin: 0px 12px;
    border-bottom-right-radius: 10px;
    min-height: 485px;
}

.player img {
    margin: 0 auto;
    text-align: center;
}

.player-img {
    height: 130px;
    width: 130px;
    box-shadow: 0px 0px 5px 0px;
    text-align: center;
    border-radius: 50%;
}

.player-name {
    background: linear-gradient(to right, #373737, #6b6b6b, #fff, #fff, #fff, #6b6b6b, #373737);
    margin: 20px 0px 0px 0px;
}

.player-name h2 {
    color: #000;
    padding: 10px 0px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: transparent;
    border: none;
    font-size: 25px;
    margin-top: -5px;
}

.nav-tabs>li a:hover {
    text-decoration: none;
    background-color: transparent !important;
    border: none;
}

.nav-tabs>li a:focus {
    text-decoration: none;
    background-color: transparent !important;
    border: none;
}

.nav-tabs {
    border-bottom: none;
    margin-top: -25px;
}

.match-title h2 {
    text-transform: none !important;
}

.nav-tabs>li>a {
    border: none;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
}

.week {
    background: linear-gradient(to right, #ac5819 0%, #714421 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.season {
    background: linear-gradient(to right, #aaaaaa 0%, #585858 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.time {
    background: linear-gradient(to right, #ffed81 0%, #be9f3d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.custom-table tr>td {
    border: none !important;
    background: linear-gradient(to right, #ffed81 0%, #be9f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 20px;
}

.man-of {
    font-size: 20px;
}

.man-of {
    border: none;
    background: linear-gradient(to right, #ffed81 0%, #be9f3d 100%);
    -webkit-background-clip: text;
    font-weight: 800;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
}

#leftPanel {
    color: #fff;
    text-align: center;
    margin-top: 40px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.fake-styled-btn {
    background: #ffc300;
    padding: 15px 0px;
    color: #fff;
}

#main-input {
    width: 250px;
}

.input-place {
    position: absolute;
    top: 35px;
    left: 20px;
    font-size: 23px;
    color: gray;
}

.margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}

#main-input {
    width: 250px;
}

.form-input {
    height: 50px;
    border-radius: 0px;
    margin-top: 20px;
}

.form-style-base {
    position: absolute;
    top: 0px;
    z-index: 999;
    opacity: 0;
}

.padd-new {
    padding: 60px 0px;
}

.player-page {
    /*background-image: url(../img/playercard-back%20img.jpg);*/
    background-size: cover;
}

#team {
    background: #eee !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #ffc300;
    border-color: #ffc300;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #ffc300;
    border-color: #ffc300;
}

section .section-title {
    text-align: center;
    color: #ffc300;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
    PADDING: 14PX 6PX;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #ffc300 !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #ffc300 !important;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.custom-table tr td:nth-child {
    font-weight: 600 !important;
}

.custom-table tr td:last-child {
    font-weight: 100 !important;
}

.third1 {
    font-weight: 600;
}

.goal {
    text-align: left !important;
    font-size: 16px !important;
    padding-left: 20px !important;
}

.scored {
    text-align: left !important;
    font-size: 16px !important;
}

.number2 {
    text-align: left !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.carousel-caption {
    left: 14% !important;
    right: auto !important;
    padding-bottom: 30px;
    width: 50% !important;
    top: 25% !important;
    z-index: 0;
}

ol.carousel-indicators {
    display: none;
}

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

.custom-table tr td em {
    font-weight: 100 !important;
    font-style: normal;
}

.inner-page-banner {
    background-image: url(../img/banner-inner.jpg);
    background-size: cover;
}

.login-header {
    padding: 25% 0px 10% 0;
    color: #fff;
    text-align: center;
}

#slideshow .carousel-inner {
    height: 637px;
}

.custom-table {
    margin-bottom: 10px !important;
}

.nav-tabs>li>a {
    padding: 10px 10px;
}

@media (min-width: 320px) and (max-width: 570px) {
    .new-one {
        width: 100%;
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        background-color: transparent;
        border: none;
        font-size: 18px;
        margin-top: -5px;
    }
    .nav-tabs>li>a {
        border: none;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 800;
    }
}

i.fa.fa-arrow-circle-left {
    top: 40%;
    font-size: 60px;
    color: #ffc300;
    position: absolute;
    left: 0;
}

i.fa.fa-arrow-circle-right {
    top: 40%;
    right: 0;
    color: #ffc300;
    font-size: 60px;
    position: absolute;
}

.videoWrapper {
    background-color: transparent !important;
}

.des {
    font-size: 20px;
}

.slide-new .carousel-inner {
    height: 637px;
}

.carousel-caption h3 {
    color: #ffc300;
    text-align: left;
    font-size: 40px;
}

.carousel-caption p {
    text-align: left;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 15%;
    font-size: 60px;
    top: 45%;
    background-color: #ffc300;
    height: 50px;
    width: 50px;
    cursor: pointer;
    border-radius: 50px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 15%;
    font-size: 60px;
    top: 45%;
    cursor: pointer;
    background-color: #ffc300;
    height: 50px;
    width: 50px;
    border-radius: 50px;
}

.carousel-control .icon-prev:before {
    position: absolute;
    bottom: -14px;
    left: 26%;
}

.carousel-control .icon-next:before {
    content: '\203a';
    position: absolute;
    bottom: -14px;
    right: 26%;
}

.logo-1 {
    width: 175px !important;
    margin-top: -27px;
}

.star {
    background-image: url(../img/star.PNG);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 175px;
}

.carousel-inner.carousel-new1 {
    width: 86% !important;
    margin: 0 auto !important;
}


/* ===========================
--- About
============================ */

#about .section-heading h2 {
    margin-bottom: 13px;
}

.boxed-grey {
    padding: 20px;
}

.team h5 {
    margin-bottom: 10px;
}

.team p.subtitle {
    margin-bottom: 10px;
}

.avatar {
    margin-bottom: 20px;
}

.team-social {
    margin-left: 0;
    padding-left: 0;
}

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

.team-social li {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
}

.team-social a {
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.team-social a i {
    text-align: center;
    margin: 0;
    padding: 0;
}

.team-social .social-facebook a {
    background: #3873ae;
}

.team-social .social-twitter a {
    background: #62c6f8;
}

.team-social .social-dribble a {
    background: #d74980;
}

.team-social .social-deviantart a {
    background: #8da356;
}

.team-social .social-google a {
    background: #000;
}

.team-social .social-vimeo a {
    background: #51a6d3;
}

.team-social .social-facebook a:hover {
    background: #4893ce;
}

.team-social .social-twitter a:hover {
    background: #82e6ff;
}

.team-social .social-dribble a:hover {
    background: #f769a0;
}

.team-social .social-deviantart a:hover {
    background: #adc376;
}

.team-social .social-google a:hover {
    background: #333;
}

.team-social .social-vimeo a:hover {
    background: #71c6f3;
}

.static {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0px 10px 0px;
    height: auto;
}

.static .table-bordered {
    border: 1px solid #ddd;
}

.table-bordered {
    border: 1px solid #ffc300;
}


/************teampages**************/


/*	--------------------------------------------------
	:: Table Filter
	-------------------------------------------------- */

.panel {
    border: 1px solid #ddd;
    background-color: #fcfcfc;
}

.panel .btn-group {
    margin: 15px 0 30px;
}

.panel .btn-group .btn {
    transition: background-color .3s ease;
}

.table-filter {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.table-filter tbody tr:hover {
    cursor: pointer;
    background-color: #eee;
}

.table-filter tbody tr td {
    padding: 10px;
    vertical-align: middle;
    border-top-color: #eee;
}

.table-filter tbody tr.selected td {
    background-color: #eee;
}

.table-filter tr td:first-child {
    width: 38px;
}

.table-filter tr td:nth-child(2) {
    width: 35px;
}

.ckbox {
    position: relative;
}

.ckbox input[type="checkbox"] {
    opacity: 0;
}

.ckbox label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ckbox label:before {
    content: '';
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #bbb;
    background-color: #fff;
}

.ckbox input[type="checkbox"]:checked+label:before {
    border-color: #2BBCDE;
    background-color: #2BBCDE;
}

.ckbox input[type="checkbox"]:checked+label:after {
    top: 3px;
    left: 3.5px;
    content: '\e013';
    color: #fff;
    font-size: 11px;
    font-family: 'Glyphicons Halflings';
    position: absolute;
}

.table-filter .star {
    color: #ccc;
    text-align: center;
    display: block;
}

.table-filter .star.star-checked {
    color: #F0AD4E;
}

.table-filter .star:hover {
    color: #ccc;
}

.table-filter .star.star-checked:hover {
    color: #F0AD4E;
}

.table-filter .media-photo {
    width: 35px;
}

.table-filter .media-body {
    display: block;
    /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}

.table-filter .media-meta {
    font-size: 11px;
    color: #999;
}

.table-filter .media .title {
    color: #2BBCDE;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}

.table-filter .media .title span {
    font-size: .8em;
    margin-right: 20px;
}

.table-filter .media .title span.pagado {
    color: #5cb85c;
}

.table-filter .media .title span.pendiente {
    color: #f0ad4e;
}

.table-filter .media .title span.cancelado {
    color: #d9534f;
}

.table-filter .media .summary {
    font-size: 14px;
}


/****table************/

#about .table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    font-size: 14px;
    text-align: left;
}

.player .custom-table td {
    font-size: 20px;
}


/*
#about .table>thead>tr>th.top-head{
    background-color: #ffc300;
}
*/

#about .table-striped {
    margin-top: 30px;
}


/*****map****/

#contact-map {
    height: 505px;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.contact-map-section {
    position: relative;
}

.contact-pageheader {
    /*background: url(../img/contact_pageheader.jpg) no-repeat;*/
    background-position: top center;
    background-size: cover;
    padding-top: 180px;
    padding-bottom: 180px;
    position: relative;
}

.contact-wrapper {
    border: 1px solid #ededed;
    border-radius: 8px;
    position: relative;
    bottom: 120px;
}

.contact-block {
    padding: 35px;
    border: 1px solid #ffc300;
    background-color: #fff;
    margin-bottom: -1px;
    margin-left: -1px;
}

.contact-section {
    position: relative;
    padding: 70px 0px;
}

.contact-content {}

.contact-icon {
    font-size: 40px;
    color: #ffc300;
    margin-bottom: 20px;
}

.contact-small-text {
    margin-bottom: 0px;
    font-size: 14px;
}

.contact-btn {
    padding-top: 53px;
    padding-bottom: 54px;
}

.contact-form {
    background-color: transparent;
    border: 1px solid #ffc300;
    padding: 40px;
    margin-bottom: 20px;
}

.nopr {
    padding-right: 0px;
}

.nopl {
    padding-left: 0px;
}

.card {
    border-radius: 0px;
}

.mt20 {
    margin-top: 20px;
}

.mb0 {
    margin-bottom: 0px;
}

h6.card-title {
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
}

input.form-control.post-code {
    background-color: transparent;
    height: 42px;
    color: #fff;
    border: 1px solid #ffc300;
    border-radius: 0;
}

#about ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
}

#about :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff !important;
}

#about :-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff !important;
}

@media screen and (max-width: 63.9375em) {
    .navbar-nav {
        margin: 21.5px -15px;
    }
    .navbar-custom .nav.navbar-nav,
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {}
    .navbar-collapse {
        max-height: 100%;
    }
    .nav-social {
        display: inline-block;
    }
}

h2.insta-feed {
    margin-right: 0;
    background: #5593d8;
    color: white;
    padding: 10px;
    margin-bottom: 0;
    font-weight: 200;
    font-size: 16px;
    text-align: left;
}

.media.insta-feed-container {
    height: 500px;
    border: 1px solid #5492d9;
    overflow: scroll;
}

h5.dez-tilte.event-title {
    padding: 10px;
    padding-left: 5px;
    background: #e6b106;
    color: white;
    margin-bottom: 10px;
}

input[type=text],
textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

input[type=text]:focus,
textarea:focus {
    box-shadow: 0 0 5px #ffc300b8 !important;
    border: 1px solid #ffc300b8 !important;
}

input.btn.btn-info {
    background-color: #ffc301;
    color: black;
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 11px;
}

.col-img-left {
    width: 50%;
    float: left;
    position: static !important;
    padding: 8em 0;
    padding-left: 3em;
    overflow: hidden;
    display: flex;
}

.col-img-left>img,
.col-img-right>img {
    position: Absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    display: flex;
}

.col-right {
    width: 50%;
    float: left;
    padding-top: 24px;
    color: black;
}

.col-left {
    width: 50%;
    float: left;
    padding-top: 24px;
}

.about-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.feedback {
    background: white;
}

.data {
    background: #ffc301;
}

.icon-bx-wraper.bx-style-2.m-b30.p-a20.right.m-r50 {
    padding: 5px 45px;
}

#partner {
    position: relative;
}

#partner::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(23, 22, 22, 0.91);
}

#charities {
    position: relative;
}

#charities::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*background-color: rgba(23, 22, 22, 0.91);*/
}

#media p {
    color: white;
}

#media::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#service::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.star {
    position: relative;
}

a.thumbnail img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 60px;
}

.owl-carousel.owl-loaded {
    display: inline-block;
}

.owl-carousel-partners.owl-loaded {
    display: inline-block;
}

.img-wrap {
    background-size: cover;
    background-position: bottom;
    height: 650px;
    width: 100%;
    position: relative;
}

.img-wrap img {
    visibility: hidden;
}

.full-height {
    height: 100vh;
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    text-align: center;
}

.title {
    font-size: 84px;
}

.links>a {
    color: #636b6f;
    padding: 0 25px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.m-b-md {
    margin-bottom: 30px;
}

.slider-content {
    position: absolute;
    left: 0%;
    bottom: 20%;
    max-width: 60%;
}

.slider-content>h2,
.slider-content>p {
    background-color: #ffc301;
    display: block;
    box-decoration-break: clone;
    box-shadow: 0.25em 0 0 #ffc301, -0.25em 0 0 #ffc301;
    position: relative;
    left: 0.25em;
    padding-left: 0;
    color: #fff;
}

.slider-content>h2 {
    font-size: 55px;
    margin-bottom: 0;
}

.slider-content>p {
    font-size: 33px;
}

.slider-content>p {
    font-size: 33px;
    padding-left: 9px;
    padding-right: 9px;
}

.fa-facebook:hover,
.facebook:hover a {
    color: #3b5998 !important;
    cursor: pointer;
}

.fa-twitter:hover,
.twitter:hover a {
    color: #55acee !important;
    cursor: pointer;
}

.fa-instagram:hover,
.instagram:hover a {
    color: #9b6954 !important;
    cursor: pointer;
}

.row.search.search-toggle {
    display: none;
}

.nav-container {
    background: #ffc300;
    padding-bottom: 25px;
    padding-top: 25px;
}

li.bg.nav-social {
    background: #ffc300;
}

.player-container {
    width: 100%;
}

.palyer-container-row {
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.palyer-container-row .new-one {
    margin: 0 30px 15px;
}

.owl-carousel-custom .item .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.searchhides .new-1 .headingForRank {
    height: 68px;
    vertical-align: middle;
    background-color: #ffcc00 !important;
    color: black !important;
}

.searchhides-table {
    width: 220px;
    padding: 0 12px;
}

.searchhides-table-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.searchhides-table table {
    /*table-layout: fixed;*/
    width: 100%;
}

.searchhides-table .new-1 td.table-index {
    width: 35px;
    padding: 0;
    text-align: center;
    padding-top: 8px;
}

.searchhides-table .new-1 td.first {
    width: 45px;
    padding: 8px 5px;
    text-align: center;
    min-width: 45px;
}

@media screen and (min-width: 1400px) {
    .ranking-container {
        width: 100%;
        padding: 0 50px;
    }
}

@media screen and (min-width: 320px) and (max-width:991px) {
    .searchhides-table {
        width: 100%;
        padding: 0;
    }
    .searchhides-table .new-1 td.table-index {
        width: 80px;
    }
    .searchhides-table .new-1 td.first {
        width: 100px;
    }
    .videoWrapper-container {
        width: 100%;
    }
    div .fullscreen_note {
        position: relative;
        font-size: 14px;
        text-align: center;
    }
}

@media screen and (min-width: 320px) and (max-width:767px) {
    .home-section-inner-con {
        flex-direction: column;
    }
}


/*.iframeclass {*/


/*pointer-events: none;*/


/*}*/

.home-section-inner-con {
    display: flex;
    justify-content: center;
}

.home-section-inner-con-left,
.home-section-inner-con-right {
    margin: 0 50px
}

.searchhides .new-1 .headingForRank {
    height: 68px;
    vertical-align: middle;
    background-color: #ffcc00 !important;
    color: black !important;
}

.profile-picture {
    position: relative;
}

.profile-picture .profile-upload {
    position: absolute;
    /*top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
    opacity: 0;
    z-index: 9999;
}

.profile-picture-inner {
    width: 158px;
    height: 158px;
    margin: 0 auto 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 50%;
    padding: 4px;
    background: linear-gradient(198deg, #f9f9f9 0%, #f9f9f9 10%, #f9f9f9 25%, #a8aaad 50%, #f3f3f4 79%, #878889 100%);
    border: 1px solid #000000;
    box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.5);
}

.profile-picture-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.highlight-row td {
    color: #990606 !important;
}

.fixed_header {
    /*width: 400px;*/
    /*height: 200px;*/
    table-layout: fixed;
    border-collapse: collapse;
    position: relative;
}

.fixed_header tbody {
    display: block;
    width: 100%;
    overflow: auto;
    height: 371px;
    position: relative;
}


/*.ranking-fixed-header tbody{*/


/*height: 357px;*/


/*}*/

.ranking-fixed-header.new-1 td:nth-child(2) {
    width: 100%;
    padding: 8px 4px;
}

.fixed_header thead tr {
    display: block;
}

.fixed_header thead tr:nth-child(4) {
    display: none;
}

.fixed_header thead {
    background: black;
    color: #fff;
}

.fixed_header th,
.fixed_header td {
    padding: 5px;
    text-align: left;
    width: 200px;
}

table.Statist thead {
    border: none;
}

.player1middle1 {
    background: #ccc;
}

.star-dash {
    /* background: #fffff3; */
    position: relative;
    margin-right: 10px;
    display: inline-block;
    width: 35px;
}

.star-dash i {
    color: #ffc300;
    font-size: 23px;
    position: relative;
    top: -7px;
    left: 1px;
}

.mt-20 {
    margin-top: 20px;
}

.padding-top {
    padding-top: 100px;
}

.labelClass {
    text-align: left;
}

.labetTextClass {
    margin-top: 7px;
}

.slider-content {
    position: absolute;
    bottom: 0%;
    max-width: 60%;
    background: #000;
    width: 25%;
    padding: 107px 20px;
    height: 100%;
    opacity: 1;
    right: 0;
}

.slider-content>h2 {
    margin-top: 30%;
    background: none;
    box-shadow: none;
    z-index: 100;
}

.slider-content>p {
    background: none;
    box-shadow: none;
    z-index: 100;
}

.slider-content:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 66px;
    right: 0;
    z-index: 1;
    background: #000;
    transform-origin: bottom left;
    -ms-transform: skew(-8deg, 0deg);
    -webkit-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
}

.homesubheading .marginbot-50 {
    border-bottom: 3px solid #51991a;
}

.homesubheading h2 {
    font-size: 28px;
}

.homesubheadingsection {
    padding: 2px;
    margin-top: -3px;
}

.matchstatisticssection {
    margin-bottom: -18px;
}

.manofthematchsection {
    padding-bottom: 7px;
}

.matchvideosection {
    padding-bottom: 5px;
    margin-top: 18px;
}

.statisticstable {
    margin-left: 0px !important;
}

.star-dash i {
    top: -5px;
}

@media (max-width: 992px) {
    .statisticstablecontainer {
        margin: 0 auto;
    }
    .statisticstable {
        max-width: 380px;
        margin: 0 auto;
    }
    #statics {
        margin-left: inherit !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    div.searchhide h2 {
        font-size: 21px;
        line-height: 28px;
    }
    .star-dash {
        width: 10px;
    }
    .star-dash i {
        font-size: 14px;
        top: -4px;
    }
    .section-heading h2 {
        font-size: 32px;
        margin-bottom: 1px !important;
    }
    .home-section {
        padding-top: 18px;
    }
    .homesubheadingsection {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .homesubheading h2 {
        font-size: 23px;
    }
    .homesubheading .marginbot-50 {
        border-bottom: 3px solid #51991a;
    }
    .matchstatisticssection {
        margin-bottom: -18px;
        margin-top: -10px;
    }
    .manofthematchsection {
        padding-bottom: 13px;
        margin-top: -10px;
    }
    .matchvideosection {
        padding-bottom: 12px;
        margin-top: 18px;
    }
    .scoutboardheading {
        margin-bottom: 25px;
    }
    .ourpartneresheading {
        margin-bottom: 30px;
    }
    .charitiesheading {
        margin-bottom: 18px;
    }
    .twitterheading {
        margin-bottom: 25px;
    }
    .logo-1 {
        margin-top: -9px;
    }
    .nav-container {
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .navbar-header {
        height: 91px;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .manofthematchh2 {
        margin-left: 30px !important;
    }
}

@media (min-width: 320px) and (max-width: 766px) {
    .mobh2 {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .mobsearchtitle {
        float: left!important;
        width: 50%!important;
    }
    .mobsearchinput {
        float: left!important;
        width: 50%!important;
    }
    .matchvidhh {
        margin-bottom: 14px;
    }
    .mobsearchheading {
        margin-bottom: 15px!important;
    }
    .mobclick1 .col-sm-4 {
        position: static;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    /* 
    .mobclick1 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

   position: static;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;

}       */
}

@media only screen and (max-width: 400px) and (min-width: 320px) {
    .matchvidhh {
        margin-bottom: 1px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .mobsearchtitle1 {
        float: left!important;
        width: 50%!important;
    }
    .mobsearchinput1 {
        float: left!important;
        width: 50%!important;
    }
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
    .mobsearchtitle1 {
        float: left!important;
        width: 30%!important;
    }
    .mobsearchtitle {
        float: left!important;
        width: 30%!important;
    }
}

@media only screen and (max-width: 390px) and (min-width: 340px) {
    .ios_mob {
    
    letter-spacing: 0px !important;
    font-size: 21px !important;
}

  
}

@media only screen and (max-width: 350px) and (min-width: 320px) {
    

  .aw_mm {
    
    letter-spacing: 0px !important;
    font-size: 18px !important;
}
}
 





@media only screen and (max-width: 409px) and (min-width: 350px) {
    
 
  .aw_mm {
    
    letter-spacing: 0px !important;
    font-size: 21px !important;
}
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .srcbutton1 {
        display: none!important;
    }
    .srcbtn2 {
        display: block!important;
    }
    .plcardtitel {
        margin-top: 20px;
    }
    .temcard {
        margin-bottom: 15px;
    }
    .ex_profilehh {
        margin-top: 20px!important;
    }
}

/*-------------- esol ------------- */
/*.tooltip{left: 0 !important;}*/

/*.profile-picture:hover .btn-default {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
    cursor:pointer;
}*/
.homeBannerImageArea{
    display:block;
    overflow:hidden;
    clear:both;
    padding:160px 0 65px;
    background-blend-mode: soft-light;
    color:#000;
    text-align:center;
    text-transform:uppercase;
}

.homeBannerImageArea h3 {
    text-transform:none; color:#51991a;
    font-size:55px; line-height:1.2;
    margin-bottom:25px;
    font-family: 'Gotham Black' !important;
    letter-spacing: -2px;
}

.homeBannerImageArea .cls-bnr-caption {
    font-size:40px;
    margin-bottom:40px;
    font-weight:900;
    font-family: 'Gotham Black' !important;
    letter-spacing: -2px;
    line-height: 1.2;
}

.homeBannerImageArea h4 {
    color:#fff;
    font-size:55px;
    margin-bottom:45px;
    /*text-shadow: -2px 2px 5px #443c3c;*/
    font-family: 'Gotham Black' !important;
    letter-spacing: -2px;
}

.homeBannerImageArea ul{
    list-style-type:none;
    margin:0; padding:0;
    text-align:center;
    display:block;
}

.homeBannerImageArea ul li{
    display:inline-block;
    margin:0 10px;
}

.homeBannerImageArea ul li a{
    padding:10px 15px;
    cursor:pointer;
    background:#ffc300;
    color:#000;
    font-size:24px;
    width:220px;
    display:block;
    font-weight:bold;
    font-family: 'Gotham Black' !important;
    letter-spacing: -2px;
}

.homeBannerImageArea .modal-body{
    padding:0!important;
}

.modal-open {
    overflow: visible !important;
}

.modal-dialog{ margin:80px auto;}
.homeBannerImageArea .modal-content{
    border-radius:0;
}

.homeBannerImageArea .modal-content iframe{
    margin-bottom: -5px;
    padding: 0;
    padding-top:0;
}

.homeBannerImageArea .modal-content .close{
    position: absolute;
    right: 0px;
    top: -45px;
    color: #fff;
    opacity: 1;
    padding: 0;    
    width: 27px;
    height: 27px;
    text-align:center;
    
    
}

.homeBannerImageArea .modal-content .close:hover{
    opacity: .5;
}

.homeBannerImageArea .modal-content .close:focus{
    outline: -webkit-focus-ring-color auto 1px !important;
}

.modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0);}
.modal.show .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0);}

@media screen and (min-width: 768px)
{ 
  .esolmodal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.esol-modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

body.modal-open {
    overflow: hidden !important;
}
.modal-content{ background-color: inherit; }



.tooltip.fade.in{
    font-size: 11px;
}


.sidebar-offcanvas{  
  height: 600px;
  overflow-y: scroll;
  width:99%;
  background: #eaeaea;
}


.credits.mob_footer12{height:auto!important; min-height:95px;}


@media (max-width: 599px) {
    .homeBannerImageArea .esolrowhome{ font-size: 18px; display: flex; letter-spacing: -1px;margin-bottom: 20px;}
    .homeBannerImageArea h3 { font-size: 22px; letter-spacing: -0.02em; margin-bottom: 15px;}
    .homeBannerImageArea h4{ font-size: 22px;letter-spacing: -0.02em; margin-bottom: 20px;}    
    .homeBannerImageArea ul li a {font-size:16px; width:138px; padding: 10px 10px; letter-spacing: -1px;}
    .homeBannerImageArea{padding: 120px 0 30px;}
    #idd_ifm_vdo {height: 171px !important;}
    ul.list-inline.social {margin-top: 60px;}
    
    .sidebar-offcanvas{height: 440px; margin-bottom: 10px;}
    .event-heading-sidebar{margin-bottom: 5px !important;}
    .event-detail-p-sidebar{margin-bottom: 5px !important;}
    .btn-default.btn.getdirection{margin-bottom: 10px !important;}
}

@media (max-width: 768px) and (min-width: 600px) {
  .homeBannerImageArea .esolrowhome{ font-size: 28px; letter-spacing: -1px;margin-bottom: 25px;}
    .homeBannerImageArea h3 { font-size: 38px; letter-spacing: -1px; margin-bottom: 20px;}
    .homeBannerImageArea h4{ font-size: 38px;letter-spacing: -1px; margin-bottom: 25px;}
  .esol-modal-dialog{width: 600px;}
  #idd_ifm_vdo{height: 346px !important;}
  .homeBannerImageArea{padding: 120px 0 40px;}
  
  
  .sidebar-offcanvas{height: 400px; margin-bottom: 10px;}
  .event-heading-sidebar{margin-bottom: 5px !important;}
  .event-detail-p-sidebar{margin-bottom: 5px !important;}
  .btn-default.btn.getdirection{margin-bottom: 10px !important;}
  
}

@media (max-width: 992px) and (min-width: 768px) {
.homeBannerImageArea h3, .homeBannerImageArea h4 {font-size:44px;}
}

@media (max-width: 390px) {
  .homeBannerImageArea h3, .homeBannerImageArea h4 { font-size: 19px; }
}

@media (max-width: 343px) {
  .homeBannerImageArea h3, .homeBannerImageArea h4 { font-size: 16px; }
}