/*========================================
    Test Borders
========================================*/

.testBorderRed {
    border: 1px solid red;
}

.testBorderBlack {
    border: 1px solid black;
}

.testBorderGreen {
    border: 1px solid green;
}

.testBorderYellow {
    border: 1px solid yellow;
}

.testBorderGray {
    border: 1px solid gray;
}

.testBorderBlue {
    border: 1px solid blue;
}

.testBorderBrown {
    border: 1px solid brown;
}

/*========================================
    Fonts
========================================*/








@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}








/*========================================
    Body & Html
========================================*/


html,
body {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family: 'Montserrat';
    font-weight: 500;
    background-color: #E5FBFE;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


/* white bold upper */
h1 {
    
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: bold;
    margin: 0;
    padding: 0;
}


/* black bold upper */
h2 {
    
    font-size: 26px;
    font-family: 'Montserrat';
    font-weight: bold;
    margin: 0;
    padding: 0;
}


/* white bold lower */
h3 {
    font-size: 22px;
    font-family: 'Montserrat';
    font-weight: bold;
    margin: 0;
    padding: 0;
}


/* black bold upper */
h4 {
    
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: bold;
    margin: 0;
    padding: 0;
}

/* black bold lower */
h5 {
    
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h6 {
    
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: bold;
    margin: 0;
    padding: 0;
}



p {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    margin: 0;
    padding: 0;
}


.margin-big-top-down {
    margin-top: 50px;
    margin-bottom: 50px;
}

.padding-big-top-down {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-big-down {
    
    padding-bottom: 50px;
}

.padding-big-top {
    
    padding-top: 50px;
}

.margin-small-top-down {
    margin-top: 30px;
    margin-bottom: 30px;
}

.padding-small-top-down {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-small-top {
    padding-top: 30px;
}

.topMenu-out{
    background-color: #C2D174;
}

.topMenu-out li {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
}

.topMenu-out ul {
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 5px;
    padding-top: 3px;
}


.topMenu-out ul a img {
    height: 15px;
}

.rightSocialIcons-out img{
    height: 22px;
}

.rightSocialIcons-in{
    display: inline-block;
}

.rightSocialIcons-out{
    text-align: right;
    padding-top: 3px;
    padding-right: 0;
}

.leftSocialIcons-in{
    padding-left: 0;
}


.topMenu-out-scroll{
    display: none;
}


#menu ul li{

}




















































.start-description-inner p,.panel-content-inner p{font-size: 18px;}

.content-box-top-down {
    margin-top: 70px;
    margin-bottom: 70px;
}

.content-box-top-down-padding {
    padding-top: 70px;
    margin-bottom: 70px;
}

.content-box-top {
    margin-top: 70px;
}

.content-box-down {
    margin-bottom: 70px;
}

.content-box-down-sm {
    margin-bottom: 40px;
}

.content-box-top-sm {
    margin-top: 30px;
    
}

.content-box-down-xs {
    margin-bottom: 20px;
}

.content-box-top-xs {
    margin-top: 15px;
    
}



/*========================================
    Buttons
========================================*/




.btn-arrowGreen {
    font-family: 'Montserrat';
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    margin: 0 0px;
    padding: 6px 15px 6px 15px;
    transition: all .5s;
    background-color: #C2D174;
}

.btn-arrowGreen:hover {
        color: #2c2a29;
        border: 1px solid #2c2a29;
        background-color: #fff;
    }





    .btn-arrowWhite {
        font-family: 'Montserrat';
        font-weight: 500;
        color: #2C2C2C;
        border-radius: 6px;
        font-size: 12px;
        margin: 0 0px;
        padding: 6px 15px 6px 15px;
        transition: all .5s;
        background-color: #fff;
    }
    
    .btn-arrowWhite:hover {
            color: #fff;
            border: 1px solid #fff;
            background-color: transparent;
        }







    .btn-arrowBlue {
        font-family: 'Montserrat';
        font-weight: 500;
        color: #fff;
        border-radius: 10px;
        font-size: 12px;
        margin: 0 0px;
        padding: 6px 15px 6px 15px;
        transition: all .5s;
        background-color: #4BA9C7;
        width: 100%;
    }
    
    .btn-arrowBlue:hover {
            color: #fff;
            
            background-color: #C2D174;
        }



        .btn-arrowBlue2 {
            font-family: 'Montserrat';
            font-weight: 500;
            color: #fff;
            border-radius: 6px;
            font-size: 12px;
            margin: 0 0px;
            padding: 6px 15px 6px 15px;
            transition: all .5s;
            background-color: #4BA9C7;
        }
        
        .btn-arrowBlue2:hover {
            color: #fff;
            
            background-color: #C2D174;
            }






.btn-Cw-Bt-to-Cb-Bw {
    font-family: 'Montserrat';
    font-weight: 500;
    color: white;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0px;
    padding: 12px 26px 12px 26px;
    transition: all .5s;
    background-color: #555555a1;
}

    .btn-Cw-Bt-to-Cb-Bw:hover {
        color: #2c2a29;
        border: 1px solid #2c2a29;
        background-color: #fff;
    }


    .MoreGames{
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }





.btn-Cb-Bt-to-Cw-Bb {
    font-family: "HelveticaNeue";
    font-weight: normal;
    color: #2c2a29;
    border: 1px solid #2c2a29;
    border-radius: 0px;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0px;
    padding: 12px 26px 12px 26px;
    transition: all .5s;
}

    .btn-Cb-Bt-to-Cw-Bb:hover {
        color: white;
        border: 1px solid white;
        background-color: #2c2a29;
    }



.btn-share {
    font-family: "Helvetica";
    font-weight: bold;
    color: #009cbd;
    border: 1px solid lightgray;
    border-radius: 0px;
    font-size: 12px;
    margin: 0 0px;
    padding: 8px 20px 8px 20px;
    transition: all .5s;
}

    .btn-share:hover {
        color: white;
        border: 1px solid #009cbd;
        background-color: #009cbd;
    }






.btn-Cw-Bu-to-Cb-Bw {
    font-family: "HelveticaNeue";
    font-weight: normal;
    color: white;
    border: 1px solid #009cbd;
    border-radius: 0px;
    background-color: #009cbd;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0px;
    padding: 12px 26px 12px 26px;
    transition: all .5s;
}

    .btn-Cw-Bu-to-Cb-Bw:hover {
        color: #2c2a29;
        border: 1px solid #2c2a29;
        background-color: white;
    }





.find-more-general p {
    color: white;
    font-size: 12px;
    float: left;
    padding-top: 3px;
    padding-right: 4px;
}

.find-more-general i {
    float: left;
    font-size: 18px;
    color: #d71920;
    transition: all 300ms linear;
}



.btn-newsletter-home {
    font-family: "HelveticaNeue";
    font-weight: normal;
    color: white;
    border-radius: 0px;
    background-color: #009cbd;
    font-size: 14px;
    margin: 0 0px;
    padding: 9px 22px 9px 22px;
    transition: all .5s;
}

    .btn-newsletter-home:hover {
        color: #2c2a29;
        background-color: white;
    }


.star-newsletter .required:after {
    display: none;
    content: "";
}




.btn-request {
    font-family: "Helvetica";
    font-weight: bold;
    color: #2c2a29;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 50px;
    font-size: 12px;
    margin: 0 0px;
    padding: 10px 30px 10px 30px;
    transition: all .5s;
}

    .btn-request:hover {
        color: white;
        border: 1px solid #fff;
        background-color: #2c2a29;
    }


/*========================================
    Logo Header
========================================*/



.navbar {
    margin-bottom: 0;
    background: #E5FBFE;
}

.main-header {
    margin: 0;
    padding: 0;
    transition: all 300ms linear;
}

.site-nav-wrapper {
    margin: 0;
    padding: 0;
    position: relative;
}

.main-header-inner {
}

.header-options {
    padding-top: 30px;
    padding-bottom: 30px;
    transition: all 300ms linear;
}

.header-options-scroll {
    padding-top: 15px;
    padding-bottom: 15px;
}


.scroll-nav-top .line-separator {
    
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(173, 173, 173, 0.4), rgba(0,0,0,0));
    
}

.line-separator-out{
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 15px;
    width: 100%;
}

/*white navigation*/


.search-box-inner {
    height: 40px;
    width: 270px;
    /* border: 1px solid #abaaa9; */
    margin-left: 15px;
    position: relative;
    font-family: "HelveticaNeue";
    font-weight: normal;
}

.search-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.search-box-input {
    border: 1px solid #abaaa9;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

    .search-box-input:focus {
        outline: none !important;
        border: 1px solid #999;
        box-shadow: 0 0 3px #999;
    }

.search-icon {
    background-image: url("../img/search-icon.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}







.notImpMenu{
    text-align: right;
    padding-top: 17px;
    padding-bottom: 17px;
}


.notImpMenu-inner a{
    margin-left: 10px;
    color: #2c2a29;
}







.right-buttons {
    text-align: right;
/* 
    padding-top: 17px;
    padding-bottom: 17px;
     */
}

.right-buttons-inner ul {
    list-style: none;
}

    .right-buttons-inner ul li {
        display: inline-block;
    }




.li1 {
    margin-right: 10px;
    font-family: "HelveticaNeue";
    font-weight: normal;
}

.li2 {
    margin-left: 10px;
    margin-right: 10px;
    font-family: "HelveticaNeue";
    font-weight: normal;
}



.right-buttons-inner ul li img {
    padding: 0;
    margin: 0;
}





select#soflow {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(../img/arrow-down.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    color: #3d3d3d;
    font-size: inherit;
    Border: none;
    outline: none;
    overflow: hidden;
    padding: 0 0px 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 42px;
}

    select#soflow::-ms-expand {
        display: none;
    }


/*========================================
    Menu
========================================*/



.navbar-menu-inner {
    
    height: 100%;
    display: inline-block;
    
}

.navbar-menu {
    overflow: hidden;
    
    text-align: right;
    
    
}

.homeBut-menu {
    float: left;
    font-size: 15px;
    color: #2c2a29;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Helvetica";
    font-weight: bold;
    padding: 25px 28px;
    transition: all 300ms linear;
    height: 100%;
}

.menu-dropdown {
    float: left;
    overflow: hidden;
    
}



.dropbtn-menu {
    border: none;
    outline: none;
    color: #2c2a29;
    
    padding: 20px 0px 20px 20px;
    background-color: inherit;
    font: inherit;
    margin: 0;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    transition: all 300ms linear;
    
}

.homeBut-menu div {
}

.home-active div {
    color: #d71920;
}

.home-active {
    position: relative;
}

    .home-active div:before {
        content: "";
        position: absolute;
        width: 20%;
        height: 1px;
        bottom: 15px;
        left: 40%;
        border-bottom: 2px solid #d71920;
    }


.dropbtn-menu a {
    text-decoration: none;
    color: #4BA9C7;
    
    transition: all 0.5s ease 0s;
}

.dropbtn-menu .menu-active {
    color: #C2D174;
}

.dropbtn-menu {
    position: relative;
}
/* 
    .dropbtn-menu .menu-active:before {
        content: "";
        position: absolute;
        width: 30%;
        height: 1px;
        bottom: 15px;
        left: 35%;
        border-bottom: 2px solid #d71920;
    } */

.dropbtn-scroll {
    /* padding: 18px 28px; */
}

.homeBut-menu-scroll {
    padding: 18px 28px;
}


.navbar-menu .homeBut-menu:hover {
    
    color: #C2D174;
    
}


.menu-dropdown:hover .dropbtn-menu a {
    color: #C2D174;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #efeff0;
    margin: 0;
    padding: 0;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  */
    z-index: 1;
}

.megaMenu-drop {
    left: 50%;
    transform: translateX(-50%);
}

.dropdown-content .row {
    padding: 0;
    margin: 0;
}

.menu-dropdown:hover .dropdown-content {
    display: block !important;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    padding: 20px;
    background-color: #efeff0;
}

    .column .inner-inner-link {
        font-family: "HelveticaNeue";
        font-weight: normal;
        font-size: 14px;
        float: none;
        color: #2c2a29;
        padding: 5px 0;
        text-decoration: none;
        display: block;
        text-align: left;
    }


    .column .inner-link {
        font-family: "Helvetica";
        font-weight: bold;
        color: #2c2a29;
        font-size: 15px;
        padding: 0;
        margin: 0;
        padding-bottom: 10px;
    }

    .column .inner-inner-link:hover {
        color: #d71920;
    }

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}





/*========================================
    Mobile Menu
========================================*/

#menu {
    
    display: none;
}


    #menu ul {
        margin: 0;
        padding: 0;
    }

    #menu .main-menu {
        display: none;
    }

#tm:checked + .main-menu {
    display: block;
}

#menu input[type="checkbox"],
#menu ul span.drop-icon {
    display: none;
}

#toggle-menu {
    margin-bottom: 0;
}

#menu li,
#toggle-menu,
#menu .sub-menu {
    border-style: solid;
    border-color: rgba(0, 0, 0, .05);
}

#menu li,
#toggle-menu {
    border-width: 0 0 1px;
}

#menu .sub-menu {
    /* background-color: #E5FBFE; */
    border-width: 1px 1px 0;
    margin: 0 1em;
    
}

    #menu .sub-menu li:last-child {
        border-width: 0;
    }

#menu li,
#toggle-menu,
#menu a {
    position: relative;
    display: block;
    color: #C2D174;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
    
}

#menu,
#toggle-menu {
    background-color: #fff;
}

    #toggle-menu,
    #menu a {
        padding: 1em 1.5em;
    }

    #menu a {
        transition: all .125s ease-in-out;
        -webkit-transition: all .125s ease-in-out;
    }

        #menu a:hover {
            background-color: #efeff0;
            color: #2c2a29;
        }

    #menu .sub-menu {
        display: none;
    }

    #menu input[type="checkbox"]:checked + .sub-menu {
        display: block;
    }

    #menu .sub-menu a{
        /* color: #4BA9C7; */
    }

    #menu .sub-menu a:hover {
        color: #444;
    }


    #menu li label.drop-icon {
        position: absolute;
        right: 1.5em;
        top: 1.25em;
    }



    /* 
#menu label.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: #2c2a29;
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}
 */
    #menu .drop-icon {
        line-height: 0.9;
    }


#toggle-menu {
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 500;
    text-transform: uppercase;
   
}

#menu ul li {
    font-size: 14px;
    font-family: "Helvetica";
    font-weight: bold;
    text-transform: uppercase;
}

#menu .sub-menu li {
    font-size: 14px;
    font-family: "HelveticaNeue";
    font-weight: normal;
    text-transform: none;
}


#toggle-menu .drop-icon {
    position: absolute;
    right: 15px;
    top: 10px;
}

#toggle-menu span.drop-icon {
    font-size: 24px;
    width: 1em;
    height: 1em;
    text-align: center;
    color: #C2D174;
}








/*========================================
    Slider Home
========================================*/

#header-slider {
    margin-top: 163px;

    
    
    
    
}

.item-image img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.header-slider-inner .container-fluid {
    padding: 0;
    margin: 0;
}


#slider-items {
    position: relative;
    width: 100%;
    height: auto;
}

    #slider-items .owl-dots {
        margin-top: 0px !important;
        position: absolute;
        bottom: 80px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

        #slider-items .owl-dots .owl-dot span {
            background: none;
            background-color: white;
            background-repeat: no-repeat;
            border-radius: 0;
            width: 20px;
            height: 5px;
            z-index: 103;
            margin: 3px;
        }

.slider-item {
    /* display: flex;
    align-items: center; */
    position: relative;
    height: 700px;
    width: 100%;
}

    .slider-item .item-image {
        /* display: flex;
    align-items: center; */
        height: 100%;
        width: 100%;
    }

#slider-items .owl-dots .owl-dot.active span,
#slider-items .owl-dots .owl-dot:hover span {
    background: none;
    /*background-image: url("../img/owl-dot-active.png");*/
    background-repeat: no-repeat;
    width: 20px;
    height: 5px;
    background-color: #C2D174;
    border-radius: 0;
}

.slider-effect {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 70%;
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    z-index: 101;
}

.slider-content-out {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}


.slider-content {
    position: absolute;
    z-index: 102;
    left: 30%;
    transform: translateX(-50%);
}

.sliderTitleSpan {
    font-size: 40px;
}

.slider-subTitle {
    color: white;
    width: 400px;
}





/*==========================
          News Home
==========================*/

#news-list-items {
    padding-left: 15px;
    padding-right: 15px;
}


#sports-list-items {
    padding-left: 15px;
    padding-right: 15px;
}

.news-one-item-inner {
    
    padding: 0;
    font-size: 15px !important;
    border-radius: 10px 10px 0px 0px;
}

.news-one-item{
    border: 1px solid #707070;
    border-radius: 10px;
}

    .news-one-item-inner p {
        padding: 0;
        margin: 0;
        margin-top: 5px;
    }

.news-one-item .find-more p {
    color: #2c2a29;
    padding: 0;
    margin: 0;
    font-size: 12px;
    padding-top: 3px;
    padding-right: 4px;
}

.news-one-item-inner .find-more-outer {
    width: 100%;
    position: relative;
    text-align: right;
}

.news-one-item-inner .find-more {
    display: inline-block;
    margin-top: 5px;
}


#news-list-items .owl-dots {
    margin-top: 30px;
}



    #news-list-items .owl-dots .owl-dot span {
        background: none;
        background-color: #2c2a29;
        background-repeat: no-repeat;
        border-radius: 0;
        width: 20px;
        height: 5px;
        z-index: 103;
        margin: 3px;
    }




    #sports-list-items .owl-dots {
        margin-top: 30px;
    }
    
    
    
        #sports-list-items .owl-dots .owl-dot span {
            background: none;
            background-color: #2c2a29;
            background-repeat: no-repeat;
            border-radius: 0;
            width: 20px;
            height: 5px;
            z-index: 103;
            margin: 3px;
        }


    #news-list-items .owl-dots .owl-dot.active span,
    #slider-items .owl-dots .owl-dot:hover span {
        background: none;
        /* background-image: url("../img/owl-dot-active.png");
  background-repeat: no-repeat; */
        width: 20px;
        height: 5px;
        background-color: #C2D174;
        border-radius: 0;
    }


    #sports-list-items .owl-dots .owl-dot.active span {
        background: none;
        /* background-image: url("../img/owl-dot-active.png");
  background-repeat: no-repeat; */
        width: 20px;
        height: 5px;
        background-color: #C2D174;
        border-radius: 0;
    }




/*========================================
    Bottom navigation Home
========================================*/


#bottom-navigation-home {
    background-color: #383838;
}

.bottom-navigation-home-inner li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.bottom-navigation-home-inner .left-side {
    padding: 0;
    margin: 0;
    padding-right: 15px;
    padding-left: 15px;
}

    .bottom-navigation-home-inner .left-side .upper-part {
        padding: 0;
        margin: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .bottom-navigation-home-inner .left-side .upper-part ul {
            padding: 0;
            margin: 0;
        }

            .bottom-navigation-home-inner .left-side .upper-part ul a {
                display: inline-block;
                padding: 0;
                margin: 0;
                padding-right: 10px;
                font-family: "Helvetica";
                font-weight: bold;
                color: white;
            }






    .bottom-navigation-home-inner .left-side .lower-part {
        padding: 0;
        margin: 0;
        padding-bottom: 40px;
    }

        .bottom-navigation-home-inner .left-side .lower-part ul {
            padding: 0;
            margin: 0;
        }


            .bottom-navigation-home-inner .left-side .lower-part ul a {
                display: inline-block;
                padding: 0;
                margin: 0;
                padding-right: 10px;
                font-family: "HelveticaNeue";
                font-weight: normal;
                color: white;
            }




.input-email-home {
    
    
}

    .input-email-home input {
        height: 35px !important;
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 10px;
        color: #fff;
    }

    .input-email-home input ::-webkit-input-placeholder {
        color: #fff;
    }

    .input-email-home input ::-moz-placeholder {
        color: #fff;
    }

    .input-email-home input :-ms-input-placeholder {
        color: #fff;
    }

    .input-email-home input ::-ms-input-placeholder {
        color: #fff;
    }

    .input-email-home input ::placeholder {
        color: #fff;
    }

    .input-email-home input::-ms-input-placeholder {
        color: #fff;
    }

#submit-btn-newsletter-home {
    display: inline-block;
    
}

.bottom-navigation-home-inner .right-side .newsletter-home {
    position: relative;
}

.input-email-home input:focus {
    outline: none !important;
    border: 1px solid #009cbd;
    box-shadow: 0 0 10px #009cbd;
}

.bottom-navigation-home-inner-row {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.bottom-navigation-home-inner .right-side {
    text-align: right;
    position: relative;
}





.input-email-home-out {
    margin-top: 15px;
}

.newsletter-home {
    display: inline-block;
    text-align: left;
}

.newsletter-home-inner {
    display: inline-block;
    right: 0;
}

    .newsletter-home-inner form .error-message {
        /* color: #2C2C2C; */
        color: red;
        font-size: 12px;
        margin-top: 5px;
    }


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


#footer-home {
    background-color: #4BA9C7;
    padding-top: 50px;
    padding-bottom: 15px;
    
}

.footer-home-inner-row {
    
   text-align: center;
   padding: 10px;
   background-color: #C2D174;
   color: #fff;

   font-family: 'Montserrat';
   font-weight: 300;
}



.footer-home-inner .footer-home-inner-text {
    text-align: center;
}

    .footer-home-inner .footer-home-inner-text p {
        color: #fff;
        font-size: 10px;
        margin-bottom: 0;
    }

.footer-home-inner-social {
    text-align: right;
}

    .footer-home-inner-social li {
        display: inline-block;
    }

    .footer-home-inner-social ul {
        margin-bottom: 0;
    }


.newsletter-home-inner form {
}

.newsletter-home-inner .thankyou-message {
    color: #ffffff;/*#009cbd;*/
    font-size: 18px;
    display: none;
}





/*========================================
    breadcrumbs
========================================*/

#nav-top-breadcrumbs {
    padding-top: 15px;
}

.nav-top-breadcrumbs-inner ul {
    font-family: "HelveticaNeue";
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .nav-top-breadcrumbs-inner ul li {
        float: left;
        /* border-left: 1px solid #2c2a29; */
    }

        .nav-top-breadcrumbs-inner ul li a {
            padding-left: 15px;
            padding-right: 15px;
            color: #2c2a29;
            text-decoration: none;
        }

.breadcrumbs-home a {
    padding-left: 0 !important;
    /* border-left: none !important; */
    text-decoration: underline !important;
}

.nav-top-breadcrumbs-inner ul li a {
    text-decoration: underline;
}

.nav-top-breadcrumbs-inner ul .breadcrumbs-lastOne a {
    text-decoration: none;
}


.logo-home{
    height: 100%;
}

.logo-home-inner{
    height: 100%;
}


.bg-up{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.sliderh1{
    color: #fff;
}

.effect1{
    text-shadow: 2px 2px 5px #0000007d;
  }


#slider-btn{
    margin-top: 5px;
  }


.sectionTitle{
    color: #4BA9C7;
    text-align: center;
}

.sectionSubTitle{
    color: #C2D174;
    text-align: center;
}

.bg-up{
    bottom: -1px;
}

.shape1{
    position: absolute;
    width: 180px;
    
}

.shape3{
    position: absolute;
    width: 180px;
    right: 50px;
    bottom: 50px;
}

.shape2{
    position: absolute;
    width: 105%;
    height: 100%;
    left: -15px;
}

.rightImg-in img{
    border-radius: 10px;
}

.leftImg-in img{
    border-radius: 10px;
}

.leftImg-in2 img{
    border-radius: 10px;
}

.leftTextRightImg-in{
    display: flex;
    align-items: center;
}

.leftImgRightText-in{
    display: flex;
    align-items: center;
}

.leftText{
    height: 100%;
    position: relative;
    
}

.rightText{
    height: 100%;
    position: relative;
    
}

.rightImg-in{
    float: right;
}

.sportDetails-in h3{
    color: #fff;
    text-align: center;
}

.sportDetails-in p{
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.sprtDetails-out{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.sportDetails-in{
    position: absolute;
    top: 20%;
    width: 100%;
    z-index: 2;
    transition: all 0.5s ease 0s;
}

.sprtDetails-out img{
    border-radius: 10px;
    width: 100%;
}

.effectGreen{
    position: absolute;
    width: 100%;
    height: 0%;
    background-color: #c2d174c0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.sportItem-action:hover .sportItem-in .sprtDetails-out .sportDetails-in{
    top: 40%;
}

.sportItem-action:hover .sportItem-in .sprtDetails-out .effectGreen{
    height: 100%;
}

.sportItem-out{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

.homeContact-out{
    position: relative;
}

.homeNews-out{
    position: relative;
}

.homeAbout-out{
    position: relative;
}

.homePlaygroung-out{
    position: relative;
}

.threeItemLeft img{
    width: 100%;
}

.threeItemRight h4{
    color: #4BA9C7;
}

.threeItemRight p{
    color: #4BA9C7;
    padding-top: 10px;
}

.itemOfThree-in{
    background-color: #fff;
    padding: 50px 15px;
    border: 3px solid #4BA9C7;
    border-radius: 15px;
    margin-left: 0px;
    margin-right: 0px;
}

.threeItemLeft{
    padding-right: 10px;
}

.threeItemRight{
    padding-left: 10px;
}

.itemOfThree-out{
    margin-bottom: 30px;
}

form {
    display: block;
    margin-top: 0em;
}

.form-fields {
    display: inline-block;
    text-align: right;
}



.form-group {
    margin-bottom: 0px;
}

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

.form-fields {
    display: inline-block;
    text-align: right;
}

.form-FavGane,.form-FavGane2,.form-Age,.form-Gender,.form-country,.form-Governorate,.form-district,.form-time,.form-price,.form-space,.form-gender, .form-project {
    width: 100%;
    border: none;
    border: 1px solid #4BA9C7;
    padding: 8px 10px;
    background-color: #ffffffab;
    margin-top: 15px;
    position: relative;
    border-radius: 8px;
}


select.soflow3, select#soflow3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(../img/arrow-down.png);
    background-color: transparent;
    background-position: 99% center;
    background-repeat: no-repeat;
    /* border: 1px solid #AAA; */
    border: none;
    outline: none;
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #4BA9C7 !important;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
}

.form-group input {
    margin-top: 15px;
    border-radius: 8px;
    
}

.form-group input {
    position: relative;
}

.form-group input {
    width: 100%;
    border: none;
    border: 1px solid #4BA9C7;
    padding: 8px 10px;
    background-color: #ffffffab;
    color: #4BA9C7;
}

.form-group textarea {
    margin-top: 15px;
    padding: 10px;
    border-radius: 8px;
}

.message-textarea textarea {
    border: 1px solid #4BA9C7;
    resize: none;
    background-color: #ffffffab;
    color: #4BA9C7;
}

.message-textarea * {
    vertical-align: top;
}

.form-message {
    height: 140px;
    width: 100%;
}

.btn:focus, button:focus, input:focus, input:focus, textarea, textarea:focus {
    outline: 0;
}


::-webkit-input-placeholder {
    color: #4BA9C7;
  }


::-moz-placeholder {
    color: #4BA9C7;
  }


:-ms-input-placeholder {
    color: #4BA9C7;
  }


::-ms-input-placeholder {
    color: #4BA9C7;
  }


::placeholder {
    color: #4BA9C7;
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4BA9C7;
  }

  .send-button{
    margin-top: 15px;
  }

  .send-button2{
    margin-top: 15px;
    text-align: center;
  }

  .send-button3{
    padding-top: 20px;
    text-align: center;
    width: 100%;
  }

  .homePlaygroungSec{
    background-color: #4BA9C7;
  }

  .secTitle2 .sectionTitle{
    color: #fff;
  }

  .downTop-right p{
    margin-top: 0;
  }

  .downTop-left h1{
    font-size: 53px;
    padding: 0;
    margin: 0;
  }

  .downTop-left{
    float: left;
  }

  .downTop-right{
    float: left;
    padding-top: 5px;
    padding-left: 10px;
  }

  .clearfix {
    overflow: auto;
  }

  .news-one-item{
    background-color: #fff;
    color: #c2d174c0;
  }

  .downTop-out{
    padding: 15px 20px;
  }

.news-list-items-out{
    padding-left: 80px;
    padding-right: 80px;
  }


  .sports-list-items-out{
    padding-left: 80px;
    padding-right: 80px;
  }

  .owl-theme .owl-nav [class*=owl-]{
    background-color: transparent;
    font-size: 40px;
  }

  .homePlaygroung-in {
    padding-bottom: 80px;
  }

  .owl-theme .owl-nav [class*=owl-]:hover{
    background-color: #c2d174c0;
  }


  .leftFooter h3{
    color: #fff;
  }

  .newsletter-home-inner h6{
    color: #fff;
    padding-top: 20px;
  }

  .input-email-home-out .btn-arrowWhite{
    margin-top: 15px;
  }

  .middleFooter h3{
    color: #fff;
  }

  #upper-part-menu ul{
    margin-top: 15px;
    padding-left: 0px;
    list-style: none;
  }

  #upper-part-menu ul li::before {
    content: "• ";
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    
  }


  .input-email-home input::-webkit-input-placeholder {
    color: #fff;
  }


  .input-email-home input::-moz-placeholder {
    color: #fff;
  }


  .input-email-home input:-ms-input-placeholder {
    color: #fff;
  }


  .input-email-home input::-ms-input-placeholder {
    color: #fff;
  }


  .input-email-home input::placeholder {
    color: #fff;
  }
  
  .input-email-home input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #fff;
  }

  #upper-part-menu ul li a{
    color: #fff;
  }

  .middleFooter-in{
    display: inline-block;
    text-align: left;
  }

  .middleFooter{
    text-align: center;
  }

  .social-inner h6{
    color: #fff;
    padding-top: 15px;
  }

  .social-inner ul{
    list-style: none;
    padding-left: 0;
    padding-top: 20px;
  }

  .social-inner ul li{
    float: left;
    padding-right: 10px;
  }

  .staticNews-out{
    overflow: hidden;
  }

  .news-one-item{
    overflow: hidden;
  }

  .news-one-item-inner{
    overflow: hidden;
  }

  .staticNews-out h6{
    color: #2C2C2C;
  }

  .staticNews-out p{
    color: #2C2C2C;
    padding-top: 5px;
  }

  .staticNews-out .news-one-item{
    border: 0;
    background-color: #E5FBFE;
  }

  .homwNewsSec{
    background-color: #fff;
    position: relative;
  }


  .shape11{
    position: absolute;
    width: 100%;
    height: 100%;
    
}

.shape12{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: -1px;
}

.text-inner{
    display: inline-block;

    font-family: 'Montserrat';
    font-weight: normal;
}

.text-inner p{
   
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 12px;
}

.rightImg-in img{
    width: 100%;
}

.leftImg-in img{
    width: 100%;
}

.leftImg-in2 img{
    width: 100%;
}


#menu a{
    font-family: 'Montserrat';
    font-weight: 500;
}

#slider-items .owl-nav{
    position: absolute;
    width: 100%;
    top: 40%;
    transform: translateY(-50%);
}

#slider-items{
    position: relative;
}


#slider-items .owl-nav .owl-prev{
    position: absolute;
    left: 0;
}

#slider-items .owl-nav .owl-next{
    position: absolute;
    right: 0;
}

.another-dir .rightImg-in {
    float: left;
}

.servicesSec .downTop-out{
    background-color: #4BA9C7;
    color: #fff;
}

.servicesSec .staticNews-out h6 {
    color: #fff;
    font-size: 14px;
}

.servicesSec .staticNews-out p {
    color: #fff;
}

.bg-up-in img {
    display: block;
    width: 100%;
}


#sports-list-items {
    position: relative;
}

#sports-list-items .owl-nav{
    position: absolute;
    width: 100%;
    top: 40%;
    transform: translateY(-50%);
}

#sports-list-items .owl-nav .owl-prev{
    position: absolute;
    left: -50px;
}

#sports-list-items .owl-nav .owl-next{
    position: absolute;
    right: -20px;
}


#sports-list-items .owl-nav [class*=owl-]{
    color: #4BA9C7;

}

.loginMember{
    color: #4BA9C7;
    padding-top: 10px;
    text-align: center;
}

.removeColor{
    color: #4BA9C7;
}

.profilePic{
    width: 100%;
    text-align: center;
    
}

.profilePic img{
    
    -webkit-clip-path: circle(50%);
    
            clip-path: circle(50%);
    border: 1px solid #4BA9C7;
}

.profileItem h5{
    color: #4BA9C7;
    float: left;
    padding-top: 2px;
}

.profileItem p{
    color: #4BA9C7;
    float: left;
    padding-left: 5px;
}

.profileItem-out{
    padding-top: 10px;
    padding-bottom: 10px;
   text-align: center;
}

.profileItem-out:first-child{
    padding-top: 30px;
    
}

.profileItem-out:last-child{
    padding-bottom: 30px;
    
}

.profileItem{
    display: inline-block;
}

.playgroundName-in h4{
    padding-left: 15px;
    padding-bottom: 15px;
    color: #4BA9C7;
}

.onItem-name-number .onItem-name{
    float: left;
}

.onItem-name-number .onItem-number{
    float: right;
}

.progressBar-bg{
    height: 20px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #4BA9C7;
    border-radius: 10px;
}

.progressBar-line{
    
    height: 20px;
    background-color: #4BA9C7;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.progressBar-out{
    position: relative;
    
}

.onItem-out{
    padding-top: 15px;
    padding-bottom: 15px;
}

.playgroundComment-in p{
    padding-top: 15px;
    padding-bottom: 15px;
}

.playgroundComment p{
    color: #fff;
}

.playgroundComment{
    padding: 5px 20px;
    background-color: #4BA9C7;
    border-radius: 10px;
}

.lineDown-out .lineDown{
    height: 1px;
    background-color: #4BA9C7;
    
}

.lineDown-out{
    padding-top: 80px;
    padding-bottom: 30px;
    padding-left: 20%;
    padding-right: 20%;
}

.playgroundName-out:last-child .lineDown-out .lineDown{
    height: 0px;
    background-color: #4BA9C7;
    
    
}

.playgroundName-out:last-child .lineDown-out{
    
    padding-bottom: 0;
    
}




.left-filter-in .form-FavGane, .left-filter-in .form-FavGane2, .left-filter-in .form-Age, .left-filter-in .form-Gender, .left-filter-in .form-country, .left-filter-in .form-Governorate, .left-filter-in .form-district, .left-filter-in .form-time, .left-filter-in .form-price, .left-filter-in .form-space, .left-filter-in .form-gender, .left-filter-in .form-project{
    margin-top: 10px;
}

.left-filter-in .form-group input{
    margin-top: 10px;
}

.left-filter-in .send-button{
    margin-top: 10px;
}

.left-filter-in{
    background-color: #C2D174;
    padding: 10px 15px 15px 15px;
    border-radius: 15px;
}

.search-filter-but{
    margin-top: 10px;
}

.leftside-item{
    float: left;
}

.middleside-item{
    float: left;
    margin-top: 5px;
    padding-left: 15px;
    max-width:60%;
}

.middleside-item p{
    margin-top: 5px;
}

.Playground-name, .Playground-address, .Playground-price{
    color: #fff;
    font-size: 16px;
}

.result-item{
    background-color: #4BA9C7; 
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.leftside-item img{
    border-radius: 10px;
}


.reviwsNumber{
    float: right;
    padding-right: 10px;
    padding-top: 5px;
    color: #fff;
}

.rateNumber{
    float: right;
    padding: 5px 10px;
    background-color: #C2D174;
    border-radius: 5px;
    
}

.rightside-item{
    float: right;
}

.rightside-item a{
    display: block;
    margin-top: 5px;
}


.rightLocation{
    background-color: #f7f8f9;
}


.reviwsNumber2{
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    color: #6F6F6F;
}

.rateNumber2{
    float: left;
    padding: 5px 10px 5px 10px;
    background-color: #6F6F6F;
    border-radius: 5px;
    color: #fff;
    margin-left: 15px;
    
}

.playgroundComment .reviwsName3{
    float: left;
    padding-left: 0px;
    padding-top: 5px;
    color: #fff;
}

.playgroundComment .rateNumber3{
    float: right;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 5px;
    color: #6F6F6F;
    margin-left: 15px;
    
}

.result-top-item3{
    padding-top: 15px;
}

.playgroundComment-in3 p {
    padding-top: 15px;
    padding-bottom: 15px;
}

.playgroundComment-in3 .playgroundComment{
    margin-bottom: 15px;
}

.playgroundComment-in3 .reviwsName3 {
    padding-bottom: 5px;
    
}

.owl-theme .owl-nav{
   position: absolute;
   width: 100%;
   top: 45%;
    transform: translateY(-50%);
}

.game-gal-out{
    position: relative;
    
    
}

.game-gal-out .owl-prev{
    position: absolute;
    left: 0;
}

.game-gal-out .owl-next{
    position: absolute;
    right: 0;
}

.resultsNumber{
    color: #4BA9C7;
    padding-top: 15px;
}

.game-res-in{
    text-align: center;
    padding-top: 120px;
}

.game-desc-in ul{
    margin-bottom: 0;
}

.game-desc-in{
    padding-left: 20px;
    padding-right: 20px;
    color: #4BA9C7;
}

.one-item{
    padding-bottom: 20px;
}



















.homePlaygroungSec .owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    bottom: -70px;
    top: auto;
    transform: none;
    left:0;
}


/***/




.registerRightBut {
    margin-right: 15px;
}

.checkboxDiv {
    display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #4BA9C7;
  margin-top: 10px;
}





/* Hide the browser's default checkbox */
.checkboxDiv input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkboxDiv .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  .checkboxDiv:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .checkboxDiv input:checked ~ .checkmark {
    background-color: #4BA9C7;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkboxDiv .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    
  }
  
  /* Show the checkmark when checked */
  .checkboxDiv input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .checkboxDiv .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }




  /*Ehab*/
.opacity-50{
    opacity:.5;
}
a.opacity-50, a.opacity-50:hover, a.opacity-50:active {
    pointer-events: none;
    cursor: default;
}





















.ratingDiv {
    position: relative;
}


.effectRating {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #4ba8c7d9;
    z-index: 998;
    border-radius: 10px;
}

.ratingBut {
    position: absolute;
    z-index: 999;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

    .ratingBut button {
        padding: 15px 25px 15px 25px;
        font-size: 14px;
    }

    .ratingBut p {
        color: #fff;
        font-size: 16px;
        padding-bottom: 10px;
    }