body {

    font-family: 'Metropolis Regular';

	/* letter-spacing: 1px; */

}





/*****common css*****/



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Metropolis Medium';

    color: var(--darkGray);

}





.fixed-header {

    position: fixed !important;

    top: 0;

    left: 0;

    width: 100%;

    background: #2a3344 !important;

    height: 85px;

}









.esSlideOne .btn,

.esCreateAccount a,

.esFooterPara p,

.esFooterLinks ul li a,

.esReceiBtn a,

.jumbotron p {

    font-size: var(--16);

}



.navbar-nav li a,

.esLogIn a,

.esSlideTwo a,

.esReceiPara p,

.esSportzPayPara p,

.esSportzPara p {

    font-size: var(--18);

}



.jumbotron p,

.esReceiPara p,

.esSportzPayPara p,

.esSportzPara p {

    color: var(--lightGray);

}



.esReceiveHeading h2,

.jumbotron h2,

.esSlideHeading h2 {

    font-size: var(--45);

}



.esReceiHead h4,

.esSportzPayHead h4,

.esSportzHead h4,

.esSildePara p {

    font-size: var(--20);

}





/*****common css*****/





/**header**/





/* #Navigation

================================================== */



header.navigation-wrap {

    z-index: 99;

    position: absolute;
    
    background-color: #000;

}



.start-header {

    opacity: 1;

    transform: translateY(0);

    padding: 10px 0;

    /* box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15); */

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    background-color: transparent;

}



.start-header.scroll-on {

    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);

    padding: 10px 0;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.start-header.scroll-on .navbar-brand img {

    height: 24px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.login_admin a{

	display:inline;

}

/* .navigation-wrap {

    position: sticky;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1000;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

} */



.navbar {

    padding: 0;

}



.navbar-brand img {

    height: 28px;

    width: auto;

    display: block;

    filter: brightness(10%);

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.navbar-toggler {

    float: right;

    border: none;

    padding-right: 0;

}



.navbar-toggler:active,

.navbar-toggler:focus {

    outline: none;

}



.navbar-light .navbar-toggler-icon {

    width: 24px;

    height: 17px;

    background-image: none;

    position: relative;

    border-bottom: 1px solid #fff;

    transition: all 300ms linear;

}



.navbar-light .navbar-toggler-icon:after,

.navbar-light .navbar-toggler-icon:before {

    width: 24px;

    position: absolute;

    height: 1px;

    background-color: #fff;

    top: 0;

    left: 0;

    content: "";

    z-index: 2;

    transition: all 300ms linear;

}



.navbar-light .navbar-toggler-icon:after {

    top: 8px;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {

    transform: rotate(45deg);

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {

    transform: translateY(8px) rotate(-45deg);

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {

    border-color: transparent;

}



.nav-link {

    color: #fff !important;

    font-weight: 500;

    transition: all 200ms linear;

}



.nav-item:hover .nav-link {

    color: var(--lightGreen) !important;

}



.nav-item.active .nav-link {

    color: var(--lightGreen) !important;


}



.nav-item {

    position: relative;

    transition: all 200ms linear;

}





/* #Primary style

  ================================================== */



.nav-item .dropdown-menu {

    transform: translate3d(0, 10px, 0);

    visibility: hidden;

    opacity: 0;

    max-height: 0;

    display: block;

    padding: 0;

    margin: 0;

    transition: all 200ms linear;

}



.nav-item.show .dropdown-menu {

    opacity: 1;

    visibility: visible;

    max-height: 999px;

    transform: translate3d(0, 0px, 0);

}



.dropdown-menu {

    padding: 10px !important;

    margin: 0;

    font-size: 13px;

    letter-spacing: 1px;

    color: #212121;

    background-color: #fcfaff;

    border: none;

    border-radius: 3px;

    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);

    transition: all 200ms linear;

}



.dropdown-toggle::after {

    display: none;

}



.dropdown-item {

    padding: 3px 15px;

    color: #212121;

    border-radius: 2px;

    transition: all 200ms linear;

}



.dropdown-item:hover,

.dropdown-item:focus {

    color: #fff;

    background-color: rgba(129, 103, 169, 0.6);

}





/* #Link to page

  ================================================== */



.logo {

    position: absolute;

    bottom: 30px;

    right: 30px;

    display: block;

    z-index: 100;

    transition: all 250ms linear;

}



.logo img {

    height: 26px;

    width: auto;

    display: block;

    filter: brightness(10%);

    transition: all 250ms linear;

}



body.dark .logo img {

    filter: brightness(100%);

}



.esLogIn a,

.esLogIn a:hover {

    color: var(--lightGreen);

}



.esCreateAccount .btn-success {

    background-color: var(--lightGreen);
    border-color: var(--lightGreen);


}



.esCreateAccount .btn-success:hover {

    background-color: var(--darkGreen);

    border-color: var(--darkGreen);

}



.navbar-nav li a,

.esCreateAccount,

.esLogIn {

    margin: 0 10px;

}



.esNavBar {

    margin-top: 14px;

}



.esTopBannerSec {

    background-image: url("../images/image/banner1.jpg");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}







/* #Navigation

================================================== */





/**header**/





/**Slider**/



.esSlider .carousel-indicators li {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    border: 3px solid #fff;

    background-color: transparent;

}



.esSlider .carousel-indicators li.active {

    background-color: var(--lightGreen);

    width: 10px;

    height: 10px;

}



.esSlider .carousel-indicators .active,

.esSlider .carousel-indicators li {

    opacity: unset;

}



.esSlider .carousel-indicators {

    align-items: center;

}



.esSlider .esSildeContant {

    padding: 80px 0;

}



.esSlider .carousel-item {

    padding: 100px 0px;

}

.esSlider .carousel-indicators {

    bottom: 20px;

}

.esSlideHeading h2{

	font-weight:600;

	letter-spacing:3px;

}

/**Slider**/





/**footer**/



.esFooterBottom {

    background-color: var(--darkGray);

}



.esFooterLinks ul li a {

    padding-left: 0;

}



.esHorzLine {

    border-top: 1px solid var(--lightGreen);

}



.esFooterCopyRight a {

    color: var(--lightGreen);

}



.esFooterLinks ul li a i {

    width: 30px;

    text-align: center;

}



.esFooterLinks ul li a {

    display: flex;

    align-items: center;

}



.esSocialMediaIcons ul li a {

    padding: 0 20px 0 0;

}



.esFooterHeading h4 {

    font-size: 25px;

}



.esFooterCopyRight p {

    font-size: 14px;

}





/**footer**/





/**Section Second**/



.jumbotron {

    background-color: transparent;

}



.esHeight100 {

    position: relative!important;

    height: 100%;

    padding: 15px 10px 65px;

}



.esReceiBtn {

    bottom: 15px;

    width: 100%;

}





/**Section Second**/





/**Section Third**/



.esSportzPayIcons span {

    border: 1px solid var(--lightGreen);

    width: 50px;

    height: 50px;

    border-radius: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 25px;

    color: var(--lightGreen);

}



.esHeightThird100 {

    background-color: #fff;

    box-shadow: 0px 0px 6px 2px #ccc;

    padding: 20px;

    border-radius: 4px;

    height: 100%;

    transition: all 0.6s ease;

}



.esHeightThird100:hover {

    background-color: var(--lightGreen);

}



.esHeightThird100:hover h4,

.esHeightThird100:hover p,

.esHeightThird100:hover .esSportzPayIcons span {

    color: #fff;

}



.esHeightThird100:hover .esSportzPayIcons span {

    border: 1px solid #fff;

}



.esOneThirdSection:hover,

.esTwoThirdSection:hover,

.esThreeThirdSection:hover {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.esOneThirdSection:hover {

    background-image: url(../images/image/img1.png);

}



.esTwoThirdSection:hover {

    background-image: url(../images/image/img2.png);

}



.esThreeThirdSection:hover {

    background-image: url(../images/image/img3.png);

}



a.esAnchor {

    color: initial;

    text-decoration: none;

}

.esReceivesellers{

	background:#fafafa;

}



/**Section Third**/





/**Section Forth**/



.esTopHeightForth {

    background: #fff;

    border-bottom: 1px solid var(--lightGreen);

    box-shadow: 0 0 8px 0px #e3e1e1;

}



.esHeightForth100 {

    padding: 40px 25px;

}

.esSportzHead h4 {

	color:var(--lightGreen);

	padding-bottom: 6px;

}

.esTopHeightForth {

    margin-bottom: 30px !important;

}

.esJumbotronAccount a {

    text-transform: capitalize;

}

/**Section Forth**/





/**Section Fifth**/



.esSignUpAccount {

    background-image: url(../images/image/banner2.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}





/**Section Fifth**/





.notify-popup {

    width: 100%;

    z-index: 5000;

    position: fixed;

    left: 0;

    bottom: 0px;

    border-radius: 4px;

    box-shadow: 1px 1px 2px 1px #bbb;

}