@import url('https://fonts.googleapis.com/css?family=Cairo');

body {
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    min-width: 370px;
    transition-timing-function: linear;
    transition-duration: 300ms;
}

body, ul, li, a, div, span, p, i, tr {
    transition: all .3s ease-in-out;
}

li i, a i, span i {
    transition: all 0s ease-in-out;
}

body div.site-loading {
    width: 100%;
    height: 100%;
    background: #d80808;
    z-index: 99999999999;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.site-loading .after {
    display: block;
    height: 5px;
    background-color: #ffffff;
    margin-top: 15px;
    content: '';
    width: 50px;
    -webkit-animation: animation 1500ms linear infinite both;
    animation: animation 1500ms linear infinite both;
}

.fancybox-container, .fancybox-container div, .fancybox-container div img {
    transition: all 0s ease-in-out;
}

.fix-nav {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
}

.middle {
    margin: 0px auto;
    float: none;
}

.header {
    width: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    z-index: 9992;
}

#h-menu {
    padding: 0;
    background: #eee;
}

.dropdown-menu {
    background: rgba(255, 255, 255, 0.9);
}

#h-menu .navbar {
    padding: 0;
    margin: 0;
    border: 0;
    min-height: auto;
    display: flex;
    justify-content: center;
}

#h-menu .navbar li {
    position: relative;
    list-style: none;
}

#h-menu .navbar li.full-menu {
    position: static;
}

#h-menu .navbar ul.championships {
    padding: 10px 15px;
}

#h-menu .navbar ul.championships li {
    margin-bottom: 20px;
    color: #d80808;
    padding: 1px 15px;
    font-size: 17px;
}

#h-menu .navbar ul.championships li a:first-child {
    margin-top: 10px;
}

#h-menu .navbar ul.championships li a {
    line-height: 30px;
}

#h-menu .dropdown-menu {
    left: auto;
    right: 0;
    top: 40px;
    margin: 0;
    background-color: rgba(238, 238, 238, 0.95);
}

#h-menu .dropdown-menu li {
    width: 100%;
    padding: 0
}

#h-menu .navbar li a {
    display: block;
    width: 100%;
    font-size: 0.94vw;
    font-weight: 400;
    padding: 0 10px 0 10px;
    line-height: 40px;
    position: relative;
    z-index: 994;
    color: #d80808;
    transition: all 0s;
}
#h-menu .navbar>li>a{
    font-weight: 600;
}
#h-menu .navbar ul.dropdown-menu:not(.championships) li a:before {
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: 1px;
    bottom: 0;
    right: 10px;
    background: rgba(189, 189, 189, 0.5803921568627451);
}

#h-menu .navbar li:not(.full-menu) ul.dropdown-menu li:last-child a:before {
    height: 0px;
}

#h-menu .navbar li a span {
    position: relative;
    z-index: 1;
}

#h-menu li .dropdown-menu li .dropdown-menu {
    position: relative !important;
    top: 0;
    left: 0;
    box-shadow: none;
    border: 2px solid #cccccc;
    border-right: none;
    border-left: none;
    padding: 0;
    margin: 0;
    background-color: #e0e0e0;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    min-width: 240px;
}

#h-menu li .dropdown-menu li .dropdown-menu li {
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0;
    width: 50%;
}

#h-menu li .dropdown-menu li .dropdown-menu li a {
    padding: 0 10px;
    line-height: 32px;
}

#h-menu .navbar > li:hover > a {
    color: #FFFFFF;
}

#h-menu .navbar > li > a::after {
    position: absolute;
    background-color: #d80808;
    width: 1px;
    height: 20px;
    left: 0px;
    top: 10px;
    display: block;
    z-index: 5;
}

#h-menu .navbar > li > a::before {
    content: " ";
    position: absolute;
    background-color: #adadad;
    width: 0px;
    height: 32px;
    right: 50%;
    top: 4px;
    display: block;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#h-menu .navbar li:last-child a::after {
    width: 0;
}

#h-menu .navbar > li:hover > a::before {
    width: calc(100% - 1.2px);
    right: 0;
}

.navbar-heade {
    display: none;
}
#h-menu .navbar > li:last-child .dropdown-menu{
    left:0 !important;
    right: auto !important;
}
#h-menu .dropdown-menu li a:hover {
    color: white;
    background: #adadad;
}

#h-logo {
    text-align: center;
    height: 130px;
    padding: 0;
}

#h-logo > div {
    display: inline-block;
}

#h-logo > div#logo-2 {
    float: left;
    position: relative;
    z-index:999;
    background: #ffffff;
    width:20%;
}

#h-logo > div#logo-4 {
    float: left;
}

#h-logo img {
    max-height: 130px;
    width: auto;
    margin: 0 auto;
    max-width: 100%;
}

.open > .dropdown-menu {
    display: none;
}

#h-social-menu {
    padding: 0;
}

.social-navbar {
    margin: 0;
    padding: 0 50px;
    height: 40px;
    background: #005844;
    text-align: left;
    border-bottom: 2px solid #eeeeee;
}

.social-navbar li {
    padding: 7px 0px;
    float: none;
    list-style: none;
    height: 100%;
    position: relative;
    display: inline-block;
}

.social-navbar li a:hover {
    color: #d80808;
}

.social-navbar li a {
    width: 100%;
    display: block;
    font-size: 13px;
    color: white;
    padding: 3px 10px;
    height: 100%;
    border-left: 1px solid #808080;
}

.social-navbar li:last-child a {
    border: 0;
}

.social-navbar li a i {
    font-size: 15px;
    vertical-align: middle;
}

li.login a {
    display: inline-block !important;
    width: auto;
    height: auto;
    padding-left: 3px;
    padding-right: 3px;
    border: 0;
    color: #d80808;
}

li.login a:hover {
    color: #000;
}

li.login div a {
    font-size: 13px;
}

li.login {
    display: inline-flex;
    flex-direction: row;
    float: right;
    padding: 7px;
    background: #eeeeee;
}

li.login div {
    display: inline-block;
}

li.login .logout {
    color: #b6151a !important;
}

.login::after {

    width: 2px;
    position: absolute;
    left: 0;
    height: 50%;
    top: 25%;
    display: block;
    background-color: #008B44;
}

.dropdown-menu.login-drop {
    padding: 5px 5px;
    right: 0;
    max-width: 200px;
    border-radius: 0;
}

.dropdown-menu.login-drop li {
    width: 100%;
    padding: 0
}

.dropdown-menu.login-drop li.name span {
    border-bottom: 2px solid #008b44;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
}

.dropdown-menu.login-drop li {
    display: flex;
    flex-direction: row;
}

.dropdown-menu.login-drop li a {
    display: block !important;
    width: 50%;
    font-size: 14px !important;
    font-weight: 400;
    padding: 0 5px;
    line-height: 40px;
    text-align: center;
    color: #008b44;
}

.dropdown-menu.login-drop li a:hover {
    color: #333333;
}

/**********Cart********/
.cart-icon .fab {
    color: #FFFFFF;
}

.social-navbar li.cart-icon {
    padding: 0 20px;
    background-color: #d43f3a;
    color: #FFFFFF;
    display: none;
}

.simpleCart_quantity {
    position: absolute;
    font-size: 8px;
    color: #FFFFFF;
    height: 9px;
    width: 100%;
    text-align: center;
    top: 73%;
    right: 0;
    line-height: 8px;
}

.dropdown-backdrop {
    display: none !important;
}

.cart {
    line-height: normal;
    position: absolute;
    width: 400px;
    display: none;
    top: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    right: 0;
    font-size: 13px;
    padding: 15px;
    color: #ffffff;
    z-index: 7;
}

.open > .cart {
    display: block;
}

.cart .simpleCart_grandTotal {
    font-size: 20px;
}

.cart .item-quantity {
    text-align: center;
}

.cart table {
    width: 100%;
    padding: 10px;
}

.cart th {
    border-bottom: 1px solid #008b44;
    padding: 2px;
}

.cart a {
    color: #fff !important;
}

.cart a:hover {
    color: #008b44 !important;
}

.cart .btn {
    width: 33%;
    color: #ffffff !important;
}

.cart .btn:hover {
    color: #ffffff !important;
}

.cart .btn-danger {
    float: left;
}

.simpleCart_increment, .simpleCart_decrement, .simpleCart_remove .fa {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    padding: 2px;
    text-align: center;
    font-size: 16px;
}

.cart .item-total {
    padding-right: 10px;
}

.cart .item-offer_id {
    display: none;
}

.cart .item-id {
    display: none;
}

.cart .item-price {
    display: none;
}

/**********end Cart********/

/************/
#h-product-menu {
    margin-top: 10px;
    position: static;
    height: 80px;
    /*font-family: "Dubai Medium" !important;*/
    background: #486b55;
    padding: 0;
}

.product-navbar {
    padding: 0;
    margin: 0;
    height: 50%;
    width: 100%;
    visibility: visible;
}

.product-navbar-1 {
    background: #77a588;
}

.product-navbar > li {
    list-style: none;
    float: right;
    height: 40px;
    line-height: 40px;
    position: static;
}

.product-navbar > li:after {
    content: " ";
    position: static;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.9);
    display: block;
    float: left;
    margin-top: -30px;
}

.product-navbar li a {
    padding: 0 7px;
    font-size: 13px;
    height: 40px;
    display: block;
    line-height: 40px;
    color: #FFFFFF;
}

.product-navbar li:hover > a {
    border-bottom: 4px solid #FFC400;
    height: 40px;
    color: #486b55;
    background: rgba(255, 255, 255, 0.9);
}

.product-navbar li a:hover {
    color: #486b55;
}

.product-navbar li:hover > .dropdown-menu {
    display: flex;
}

.product-navbar li > .dropdown-menu {
    width: 100%;
    min-height: 240px;
    border-radius: 0;
    top: 100%;
    padding: 0;
    border: none;
    border-top: 1px solid #FFC400;
    margin: 0;
    background: #486b55;
}

.product-navbar li > .dropdown-menu.menu-level-0 {
    min-height: 160px;
}

.product-navbar-1 {
    position: relative;
}

.product-navbar-1 li > .dropdown-menu {
    top: 100%;

}

.product-navbar .dropdown-menu .sub-categoties {
    width: 75%;
    display: flex;
    padding: 10px;
}

.social-navbar.left {
    position: fixed;
    top: 0;
    left: 16%;
    z-index: 992;
}

.product-navbar .dropdown-menu .category-img {
    width: 25% !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.product-navbar .sub-categoties ul {
    height: 100%;
    margin: 0;
    padding: 0;
    padding-right: 15px;
}

.product-navbar .sub-categoties ul li {
    width: 100%;
    line-height: 30px;
    height: 30px;
    float: none;
    list-style: none;
}

.product-navbar .sub-categoties ul li.title a {
    font-size: 14px;
    padding-bottom: 5px;
    font-weight: 600;
    color: #FFC400;
    text-align: right;
}

.product-navbar .sub-categoties ul li.title a:hover {
    color: #FFC400;
    background: transparent;
}

.product-navbar .sub-categoties ul li a {
    line-height: 30px;
    height: 30px;
    padding: 0px 3px;
    font-size: 13px;
    color: #FFFFFF;
    text-align: right;
    font-weight: 500;
}

.product-navbar .sub-categoties ul li a:hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: #486b55;
    border: none !important;
}

/************/
section.content {
    min-height: 70vh;
}

.slider {
    padding: 0;
    position: relative;
}

.slider .search {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, .8);
    width: 80%;
    text-align: center;
    height: 140px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.no-border {
    border: none !important;
}

.slider .item-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #0000009c;*/
}

.home-slider {
    direction: ltr;
}

[dir='rtl'] .home-slider .slick-prev{
    top:50%;
    right:15px;
    z-index: 9999;
    color: rgba(255, 255, 255, 0.52);
}
[dir='rtl'] .home-slider .slick-next{
    top:50%;
    left:15px;
    z-index: 9999;
    color: rgba(255, 255, 255, 0.52);
}
.home-slider .slick-arrow i{
    color: rgba(255, 255, 255, 0.52) !important;
}
#carouselFade2{
    position: absolute;
    height: 100% !important;
    width: 80%;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
}
#carouselFade2 .carousel-cover{
    position:absolute;
    height:100% !important ;
    width:100% !important;
    top:0;
    left:0;
    background: rgba(255, 255 , 255 ,0.7);
    z-index: 998;
}

.logo-slider .item-image {
}
.logo-slider .item-image img{
    min-height:130px;
    min-width:100%;
}
.slider img {
    width: 100%;
    max-height: 450px;
}

.slider .search-label {
    display: inline-block;
    width: 20%;
    color: black;
    font-size: 20px;
    padding: 10px 0;
}

.slider .search-label img {
    max-height: 120px;
    width: auto;
}

.slider .search-label span {
    font-size: 30px;
    font-weight: bold;
}

.slider .search-form {
    display: inline-flex;
    width: 69%;
    vertical-align: -webkit-baseline-middle;
}

.slider .search-form form {
    display: inline-flex;
    width: 100%;
}

.slider .item .item-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.slider .item-image a.btn.btn-defult {
    color: white;
    border-bottom: 2px solid white;
    border-radius: 0;
    padding: 6px 12px 6px 35px;
}

}
.slider .item {
    width: 100%;
    height: 570px;

}

#Slider .item-image {
    position: relative;
    direction: rtl;
}

.slider-data {
    position: absolute;
    top: 58%;
    right: 10%;
    transform: translate(0, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
    min-width: 40%;
}

.slider-data .title {
    font-size: 40px;
    font-weight: bold;
}

.slider-data .date {
    font-size: 15px;
    font-weight: 600;
}

.slider-data .more {
    display: inline-block;
    color: #fce806;
    font-size: 18px;
    margin: 10px 0px 50px 0;
}

/*  search form styles  */
.description {
    padding-top: 25px;
    padding-bottom: 25px;
}

.search-keywords {
    border: 2px solid #008744;
    border-left: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    height: 55px;
    padding: 0 15px 0 0;
    font-size: 17px;
    margin: 0 0 0 -2px;
    flex-basis: 80%;
    padding: 10px;
}

.search-btn {
    border: 2px solid #008744;
    border-right: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #008744;
    background: white;
    font-size: 23px;
    padding: 10px 5px 9px 10px;
    margin: 0;
    cursor: pointer;
    position: relative;
    flex-basis: 60px;
}

.search-btn:before {
    content: '';
    position: absolute;
    background: #008744;
    width: 2px;
    height: 40px;
    right: 0;
    bottom: 5px;
}

/* home blocks styles */
.new-coming {
    margin-bottom: 40px;
}

.new-coming .title {
    text-align: center;
    color: black;
    font-size: 35px;
    padding: 30px 0;
}

.new-coming .items {
    display: inline-block;
    width: 100%;
}

.new-coming .items .newitem {
    text-align: center;
    padding: 0;
    height: 280px;
}

.new-coming .items .newitem .image {

}

.new-coming .items .newitem .image img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: inline-block;
}

.new-coming .items .newitem .details {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: white;
}

.new-coming .items .newitem .caption {
}

.new-coming .items .newitem .rating {
}

.new-coming .items .newitem .price {
}

/**  sections **/

.sections {

    background: white;
    padding: 20px 15px;
}

.rank .title, .agenda .title, .league.home .title, .news .title, .sections .title, .media .title {
    display: block;
    float: right;
    width: 100%;
    position: relative;
    margin: 20px 0;
    padding: 0 15px;
    color: black;
    text-align: right;
}

.rank .title:before, .agenda .title:before, .league.home .title:before, .news .title:before, .sections .title:before, .media .title:before {
    content: '';
    width: 4px;
    height: 45px;
    background: #049840;
    position: absolute;
    bottom: 5px;
    right: 0;
    margin-right: 0;
}

.league.home .home-league .slick-prev {
    right: 31%;
}

.league.home .home-league .slick-next {
    left: 29%;
}

.league.home .home-league {
    margin-bottom: 50px;
    padding-bottom: 10px;
}

.league.home .home-league .panel-view {
    text-align: center;
}

.league.home .home-league .league-games {
    display: inline-flex;
    width: 100%;
    max-width: 1100px;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.league.home .home-league .league-games .league-game {
    width: 350px;
    height: 230px;
    display: inline-flex;
    flex-flow: row wrap;
}

.league.home .home-league .league-games .league-game > div:first-child {
    width: 100%;
    display: inline-block;
    height: 180px;
    background: url('../../SD08/msf/league-vs.png') center no-repeat;
    background-size: contain;
    border: 2px solid #dbdbdb;
    margin: 0 8px;
}

.league.home .home-league .league-games .league-game > div:last-child small {
    font-size: 12px;
}
.league.home .home-league .league-games .league-game > div:last-child {
    height: 50px;
    background: #262626;
    color: white;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    margin: 0 8px;
}

.league.home .home-league .league-games .league-game > div:first-child > span {
    display: inline-flex;
    width: 120px;
    flex-flow: row wrap;
    height: 100%;
    align-items: center;
    align-content: center;
}

.league.home .home-league .league-games .league-game > div:first-child > span:first-child {
    float: right;
    margin-right: 10px;
}

.league.home .home-league .league-games .league-game > div:first-child > span:last-child {
    float: left;
    margin-left: 10px;
}

.league.home .home-league .league-games .league-game > div:first-child > span span {
    width: 100%;
}

.league.home .home-league .league-games .league-game > div:first-child > span img {
    display: inline-block;
    width: 120px;
}

.sections .home-sections {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.sections .home-section {
    display: inline-block;
    margin: 0px 10px;
    padding: 0px;
    border-radius: 10px;
}

.sections .image {
    height: 150px;
}

.sections .image.client {
    height: 130px;
    border: 1px solid #dbdbdb;
}

.sections .image img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    padding: 2px;
}

.news-sda .row {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

.news-sda .row img {
    max-height: 273px;
    margin: 10px auto;
}

.news-sda h3 {
    text-align: center;
}

.news-sda .row i.fab {
    font-size: 40px;
    margin: 20px;
    transition: all .3s ease-in-out;
}

.news-sda .row i.fab:hover {
    transform: translateY(-8px);
}

.news-sda .row i.fa-youtube {
    color: #e31e27;
}

.news-sda .row i.fa-instagram {
    color: #b8329d;
}

.news-sda .row i.fa-twitter {
    color: #419ce3;
}

.news-sda .row i.fa-facebook {
    color: #095795;
}

.media .video {
    padding: 0;
    height: 270px;
}

.media .gallery .gallery-img {
    position: relative;
    cursor: pointer;
    height: 270px;
    overflow: hidden;
}

.media .gallery .gallery-img img {
    width: 100%;
    min-height: 270px;
}

.media .gallery-title {
    color: white;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    font-size: 23px;
    padding: 10px 0px;
}

.media .gallery-title i {
    font-size: 26px;
    padding: 3px 15px;
    border-left: 2px solid white;
    margin-left: 10px;
}

.offers {
    background: #f3f3f3;
    padding: 20px 0 20px 0;
}

.row .offers {
    background: transparent;
}

.offers .title {
    text-align: center;
    color: black;
    font-size: 35px;
    padding: 30px 0;
}

.panel-view.offers .title {
    text-align: initial;
}

.offers div.offer:hover {
    transform: translateY(-10px);
}

.offers .category-div {
    display: inline-block;
    width: 100%;
}

.offers .category-div .home-category .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000078;
    transform: translate(-1px, 0px);
}

.offers .category-div .home-category .overlay span {
    position: absolute;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    width: 100%;
}

.offers.similar h2 {
    text-align: center;
}

.offers .home-offers {
    display: inline-block;
    margin-top: 20px;
}

.offers:not(.categories) .home-offers {
    width: 100%;
}

.offers .category-div .home-offers {
    margin-top: 0px;
}

.offers .home-offers .offer div {
    display: inline-block;
    width: 100%;

}

.offers .home-offers .offer div.panel {
    background: #e2e2e252;
    padding: 5px;
    border-radius: 10px;
}

.offers .category-div .home-offers .offer div.panel {
    margin-bottom: 0;
    direction: rtl;
}

.offers .home-offers .offer div.is_offer {
    position: absolute;
    right: 15PX;
    TOP: 0;
    BACKGROUND: #008b44;
    WIDTH: AUTO;
    COLOR: WHITE;
    PADDING: 5px 15PX 7PX;
    border-top-right-radius: 10px;
}

.offers .home-offers .offer div.date {
    text-align: center;
    margin: 5px 0;
    height: 50px;
}

.offers .home-offers .offer div.date > span:first-child {
    padding: 7px 0;
}

.offers .home-offers .offer div.date span.countdown {
    padding: 7px 0;
    background: #c3c3c3;
    color: #486b55;
    margin-left: 0;
    width: 100%;
    font-size: 13px;
}

.offers .category-div .home-offers .offer div.date {
    font-size: 13px;
}

.offers .home-offers .offer div.price {
    padding: 10px 15px 0;
    min-height: 38px;
}

.panel-view .details span.price p.offer, .offers .home-offers .offer div.price p.offer {
    margin: 0;
    font-size: 20px;
    color: #b6151a;
    margin-left: 15px;
    display: inline-block;
}

.panel-view .details span.price div.origin,
.panel-view .details span.price p.old,
.offers .home-offers .offer div.price span.origin,
.offers .home-offers .offer div.price p.old {
    margin: 0;
    font-size: 17px;
    text-decoration-color: #b6151a;
    display: inline-block;
}

.panel-view .details span.price p.old,
.offers .home-offers .offer div.price p.old {
    text-decoration: line-through;
}

.offers .category-div .home-category {
    padding: 0;
    overflow: hidden;
    text-align: center;
    height: 420px;
    padding: 10px 0;
}

.offers .category-div .home-category div.panel.cateogry-main {
    margin: 0;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.offers .category-div .home-category img {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    font-size: 20px;
    height: 100%;
    transition: transform 0.3s ease-in-out;
}

.offers .category-div .home-category div.panel.cateogry-main:hover img {
    transform: translate(-50%, -50%) scale(1.2);
}

.offers .category-div .home-offers div.offer {
    padding: 0;
    border: 5px solid white;
    border-width: 0 5px;
}

.offers .home-offers .offer .image {
    overflow: hidden;
    height: 170px;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    display: inline-block;
    position: relative;
}

.items.offers .home-offers .offer .image {
    height: 140px;
}

.offers .home-offers .offer .image img {
    height: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.offers .home-offers .offer .caption {
    color: black;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 10px;
    height: 76px;
    overflow: hidden;
}

.offers .category-div .home-offers .offer .caption {
    font-size: 16px;
}

.offers .home-offers .offer span {
    display: inline-block;
    width: 100%;
}

.offers .home-offers .offer div.date span {
    width: auto;
    margin-left: 5px;
}

.offers .home-offers .offer span p {
    margin: 0;
}

.offers .home-offers .offer div.date span {
    width: auto;
    margin-right: 5px;
}

.offers .home-offers .offer span.spacialoffer {
    position: absolute;
    background: #008b44;
    color: white;
    width: auto;
    padding: 3px 4px 6px;
    border-top-right-radius: 10px;
    z-index: 1;
}

.fa-star {
    margin-left: 3px;
}

.fa-star.good {
    color: #fce806;
}

.fa-star.grey {
    color: #bfbebe;
}

.offers .home-offers .offer .rating {
    padding: 0 10px;
}

.offers .home-offers .offer .more {
    padding: 5px 10px 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.offers .home-offers .offer .more .btn {
    width: auto;
    color: #000;
    border: 1px solid #000;
    font-size: 15px;
    font-weight: normal;
    float: left;
    padding: 2px 12px 4px;
}

.offers .home-offers .offer .more .btn:hover {
    color: white;
    background: #008b44;
    border: 1px solid #008b44;
}

.contact {
    background: #f7f7f7;
}

.contact .row {
    height: 350px;
}

.page-view.contact {
    background: #fff;
}

.contact .details {
    padding: 41px 27px;
}

.contact .details div {
    margin-bottom: 15px;
}

.contact .details div span {
    margin-right: 20px;
}

.contact i {
    font-size: 23px;
    border: 2px solid black;
    padding: 17px;
    border-radius: 50%;
}

.contact i.fa-map-marker {
    padding: 17px 20px;
}

.contact i.fa-mobile {
    padding: 17px 21.32px 17px 21.32px;
}

/* inner pages */
.page-wrapper {
    min-height: 100%;
}

.page-view.docs, .page-view.customers {
    margin: 0px auto;
    float: none;
    width: 85%;
    background: white;
}

.page-title {
    display: block;
    float: right;
    width: 100%;
    position: relative;
    margin: 30px 0 50px 0;
    padding: 0 15px;
    color: black
}

.social-share {
    display: inline-block;
    margin-top: 20px;
}

.item .your-choice-was.full-rating {
    font-weight: bold;
}

.item span.date p {
    display: inline-block;
    font-weight: bold;
}

.thumps-up {
    padding: 0 0 10px 0;
    cursor: pointer;
}

.thumps-up i {
    font-size: 30px;
    color: #bfbebe;
}

.thumps-up i.licked, .thumps-up i:hover {
    color: #008b44;
}

.order-data {
    padding: 0;
    margin: 20px 0;
}

.order-data .success, .comments .success {
    display: inline-block;
    background: green;
    color: white;
    padding: 10px 30px;
    border-radius: 5px;
}

.comments .result {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

#order-btn, #comment-btn {
    width: auto;
    color: #000;
    border: 1px solid #000;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    padding: 4px 15px 7px;
    border-radius: 5px;
    cursor: pointer;
}

#order-btn:hover, #comment-btn:hover {
    color: white;
    background: #008b44;
    border: 1px solid #008b44;
}

.news .images, .news .pdfs, .item .images, .item .videos {
    direction: ltr;
    margin-bottom: 15px;
}

.item .videos div {
    padding: 0;
    text-align: center;
    position: relative;
}

.item .videos div.over-video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.item .videos div iframe {
    max-width: 100%;
    max-height: 130px;
    padding: 0 8px;
}

.item .images .image, .news .images .image {
    text-align: center;
    display: inline-block;
    height: 140px;
    position: relative;
    cursor: pointer;
}

.item .images .image .preview, .news .images .image .preview {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: #00000075;
    overflow: hidden;
}

.item .images .image:hover .preview, .news .images .image:hover .preview {
    height: 100%;
}

.item .images .image img, .news .images .image img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
}

.item .images .image .preview i, .news .images .image .preview i {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 21px;
    opacity: 0;
}

.item .images .image:hover .preview i, .news .images .image:hover .preview i {
    opacity: .9;
}

.items-comments {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.items-comments .title-comment {
    text-align: center;
    color: black;
    font-size: 25px;
    margin: 20px 0;
}

.items-comments .comment-section {
    margin-bottom: 20px;
}

.items-comments .comment-section-data {
    padding: 0 15px;
}

.items-comments .comment-data {
    padding: 15px 0;
}

.items-comments .comment-user {
    font-size: 16px;
    padding-bottom: 8px;
    color: #008b44;
    font-weight: bold;
    margin: 0 -15px 0 -15px;
}

.items-comments .comment-text {
    padding: 10px;
    display: inline-block;
    background: #e2e2e27d;
    border-radius: 10px;
}

.news.home, .rank.home, .agenda.home, .home.agenda {

    background: #f5f5f5;
    padding-bottom: 15px;
}

.news {
    padding-bottom: 40px;
}

.news .news-sector {
    display: inline-block;
    width: 100%;
}

.news .news-sector .news-box .panel {
    border: #e2e2e2 1px solid;
    padding: 2px;
    direction: rtl;
}

.news .news-sector .thumbnail {
    overflow: hidden;
    height: 200px;
    position: relative;
    margin: 0;
    padding: 0;
}

.news .news-sector .partner .thumbnail {
    height: 150px;
}

.news .news-sector .thumbnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    padding: 5px;
}

.news .news-sector .caption {
    padding: 0 20px;
}

.news .news-sector .caption h5 {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.4em;
    height: 42px;
}

.news .news-sector .caption p {
    height: 60px;
    overflow: hidden;
}

.news .news-sector .panel-body.panel div {
    color: black;
    border: 0;
}

.news .news-sector .panel-body.panel div.date {
    position: absolute;
    padding: 5px 9px;
    height: 30px;
    width: 100%;
    bottom: 0;
    color: white;
    background: #00000099;
}

.news .news-sector .panel-body.panel div.more {
    padding: 10px 20px 20px
}

.news .news-sector .panel-body.panel div.more a.btn {
    color: #c9292e;
    font-weight: bold;
    border: 1px solid #c9292e;
    padding: 3px 12px 4px;
}

.news .news-sector .panel-body.panel div.more span {
    padding: 1.5px 0;
    display: inline-block;
    float: left;
}

.news .news-sector .panel-body.panel div.more span i.fas {
    background: #e6e6e6;
    padding: 6px 6.9px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    float: left;
}

.news .news-sector .panel-body.panel div.more span i.fas:hover {
    transform: scale(1.15)
}

.news .news-sector .panel-body.panel div.more span span.social {
    display: inline-block;
    margin: 0;
    padding: 2px 5px;
    overflow: hidden
}

.news .news-sector .panel-body.panel div.more span span p {
    margin: 0;
    -webkit-transform: translateX(-132px);
    transform: translateX(-132px);
}

.news .news-sector .panel-body.panel div.more span span p.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.news .news-sector .panel-body.panel div.more span i.fab {
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    cursor: pointer
}

.news .news-sector .panel-body.panel div.more span i.fab:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.news .news-sector .panel-body.panel div.more span i.fa-facebook-f {
    color: #2559c9;
    padding: 3px 6.4px;
}

.news .news-sector .panel-body.panel div.more span i.fa-twitter {
    color: #13bff1;
    padding: 3px;
}

.news .news-sector .panel-body.panel div.more span i.fa-whatsapp {
    color: #4fd059;
    padding: 3px 3.9px
}

.news .news-sector .panel-body.panel div.more span i.fa-instagram {
    color: #a641ab;
    padding: 3px 3.9px;
}

.news .news-sector .panel-body.panel div.more span i.fa-google-plus-g {
    color: #dd2f16;
    padding: 3px 1.25px;
}

.news .news-sector .panel-body.panel div.more span i.fa-linkedin-in {
    color: #007bb6;
    padding: 3px 3.887px;
}

.news .news-sector .news-box:hover {
    transform: translateY(-8px);
}

div.agenda div.agenda-data {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 0 10%;
}

div.agenda div.agenda-data > a {
    display: inline-block;
    width: 100%;
    position: relative;
}

div.agenda div.agenda-data > a > div {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 15px;
}

div.agenda div.agenda-data > a > div > div:first-child {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #636363;
    font-size: 15px;
    font-weight: bold;
    position: relative;
}

div.agenda div.agenda-data > a > div > div:first-child:before {
    content: '';
    background: #636363;
    height: calc(100% + 15px);
    position: absolute;
    width: 3px;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translatex(-50%);
}

div.agenda div.agenda-data > a > div > div:first-child:after {
    background-image: url(../../SD08/msf/s.png);
    content: '';
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

div.agenda div.agenda-data > a > div > div:first-child img {
    width: 20px;
    z-index: 1;
}

div.agenda div.agenda-data > a:first-child > div > div:first-child:before {
    top: 50%;
}

div.agenda div.agenda-data > a:last-child > div > div:first-child:before {
    bottom: 50%;
}

div.agenda div.agenda-data > a > div > div:nth-child(2) {
    width: 5%;
    background: #e31e27;
    color: white;
    padding: 20px 0;
    text-align: center;
    font-size: 21px;
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}

div.agenda div.agenda-data > a > div > div:nth-child(2):before {
    content: '';
    position: absolute;
    right: -18px;
    border: 9px solid transparent;
    border-left: 9px solid #e31e27;
    top: calc(50% - 8px);
}

div.agenda div.agenda-data > a > div > div:last-child {
    width: 85%;
    background: white;
    padding: 20px;
    font-size: 16px;
    position: relative;
    border-radius: 5px;
    margin-right: -5px;
    border: 1px solid #dcdcdc;
}

div.agenda div.agenda-data > a > div > div:last-child:before {
    content: '';
    position: absolute;
    right: -18px;
    border: 9px solid transparent;
    border-left: 9px solid #ffffff;
    top: calc(50% - 8px);
}

div.agenda div.agenda-data {
}

div.rank-table {
    overflow-y: scroll;
    overflow: auto;
    padding-bottom: 20px;
}

div.rank-table div {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
}

div.rank-table div.champ {
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
}
div.rank-table div.champ .title:before{
    top: -10px!important;
}
div.rank-table div.champ div.image {
}

div.rank-table div.champ div.image img {
    height: 120px;
}

div.rank-table div.champ div.details {
    max-width: 150px;
    text-align: right;
}

div.rank-table div.champ div.details span {
    display: inline-block;
    width: 100%;
}

div.rank-table div.champ div.details span.title {
    color: green;
    font-size: 15px;
    font-weight: bold;
}

table.rank-table {
    width: 100%;
    text-align: center;
    min-width: 900px;
}

table.rank-table tbody {

}

table.rank-table thead {
    background: #005844;
    color: white
}

table.rank-table thead td {
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}

table.rank-table tr td {
    padding: 5px 0;
}

table.rank-table tr td:first-child {
    padding: 5px 7px;
}

table.rank-table thead tr td.win {
    background: green;
    color: white;
}

table.rank-table thead tr td.draw {
    background: gray;
    color: white;
}

table.rank-table thead tr td.lost {
    background: red;
    color: white;
}

table.rank-table thead tr td.remain {
    background: blue;
    color: white;
}

table.rank-table tbody tr td.win {
    color: green;
}

table.rank-table tbody tr td.draw {
    color: gray;
}

table.rank-table tbody tr td.lost {
    color: red;
}

table.rank-table tbody tr td.remain {
    color: blue;
}

table.rank-table tbody tr td {
    padding: 10px 0;
}

table.rank-table tbody tr td p {
    margin: 0 !important;
}

table.rank-table tbody tr:nth-child(even) {
    background: #e2e2e2;
}

table.rank-table tbody tr td a {
    display: inline-block;
    width: 10px;
    height: 15px;
    position: relative;
}

[data-hint]:after {
    content: attr(data-hint);
    position: absolute;
    left: 0;
    width: auto;
    background: #c81f24;
    color: white;
    padding: 5px 7px 7px;
    bottom: 100%;
    -webkit-transform: translate(-20px, -12px);
    transform: translate(-20px, -12px);
    margin-bottom: -8px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
}

[data-hint]:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 100%;
    border: 6px solid transparent;
    border-top: 6px solid #c81f24;
    margin-bottom: -8px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    text-align: center;
}

[data-hint]:hover:after, [data-hint]:hover:before {
    visibility: visible;
    opacity: 1;
    margin-bottom: -5px;
}

table.rank-table tbody tr td a.win {
    background: green;
}

table.rank-table tbody tr td a.lost {
    background: red;
}

table.rank-table tbody tr td a.draw {
    background: gray
}

/*******************************data table*******************************/
table.data-table {
    width: 100%;
}

table.data-table thead {
    background: #005844;
    color: white;
}

table.data-table tbody {
}

table.data-table thead tr {
}

table.data-table thead tr th {
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    text-align: center;
    padding: 13px 0;
}

table.data-table tbody tr {
}

table.data-table tbody tr td {
    padding: 8px 0;
    text-align: center;
}

table.data-table tbody tr:nth-child(even) {
    background: #e2e2e2;
}

table.data-table tbody tr:nth-child(odd) {
    background: #f5f5f5;
}

table.data-table tbody tr:hover {
    background: #015643a6;
    color: white;
}

/*******************************end of data table*******************************/
/*******************************games*******************************/
div.games {
    padding-bottom: 20px;
    width: 100%;
}

div.games div {
    display: inline-block;
}

div.games div.games-date {
    width: 100%;
    text-align: center;
    background: #c81f24;
    padding: 8px 0;
    color: white;
}

div.games div.game {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #c81f24;
    justify-content: center;
}

div.games div.game span {

}

div.games div.game > span {
    padding: 10px 15px;
}

div.games div.game > span:nth-child(even) {
    background: #e2e2e2;
}

div.games div.game span span {
    width: 100%;
    display: inline-block;
    padding-bottom: 5px;
}

div.games div.game span span p {
    display: inline-block;
}

div.games div.game span span p.red-card {
    display: inline-block;
    width: 14px;
    height: 20px;
    margin: 0;
    background: red;
    margin-bottom: -3px;
}

div.games div.game span span p.yellow-card {
    display: inline-block;
    width: 14px;
    height: 20px;
    margin: 0;
    background: yellow;
    margin-bottom: -3px;
}

div.games div.game span.game-time {
    flex-grow: 1;
    width: 17%;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

div.games div.game span.team {
    flex-grow: 1;
    width: 20%;
    position: relative;
}

div.games div.game span.team:not(.winner) img.winner {
    display: none;
}

div.games div.game span.team.winner img.winner {
    position: absolute;
    width: 35px;
    left: 6px;
}

div.games div.game span.name {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 15%;
}

div.games div.game span.result {
    flex-grow: 1;
    width: 9%;
    text-align: center;
    display: inline-flex;
    align-items: center;
}

div.games div.game span.result.Draw p {
    color: blue;
}

div.games div.game span.result.Draw span.draw-image {
    width: 100%;
    display: inline-block;
    text-align: center;
}

div.games div.game span.result.Draw span.draw-image img {
    width: 35px;
    display: inline-block;
}

div.games div.game span.result:not(.Draw) span.draw-image {
    display: none
}

div.games div.game span.result p.win {
    color: #04c704;
}

div.games div.game span.week {
    flex-grow: 1;
    width: 25%;
}

div.games div.game span.week span img {
    width: 22px;
}

div.games div.game span.details {
    flex-grow: 1;
    min-width: 8%;
    position: relative;
}

div.games div.game span.team, div.games div.game span.week {
    font-size: 12px;
}

div.games div.game span.details a {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

div.games div.game span.details a:hover {
    -webkit-transform: translate(-80%, -50%);
    transform: translate(-80%, -50%);
}

div.games div.game span.details a i {
    font-size: 20px;
}

select#League {
    border-radius: 5px;
    width: 250px;
    padding: 4px 10px 5px;
    background: #ff5151;
    color: white;
    border: 1px solid #d80808;
    margin-bottom: 30px;
}

/**********************************custom tabs********************************/

div.custom-tabs {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 0;
}

div.custom-tabs div {
    padding: 15px;
    flex-grow: 1;
    text-align: center;
    color: white;
    z-index: 1;
    position: relative;
    cursor: pointer;
}

div.custom-tabs div::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    content: '';
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%;
}

div.custom-tabs div.tab-current::after {
    background-color: #fff;
    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
}

div.custom-tabs-data {
    padding-top: 20px;
    overflow-y: scroll;
}

div.custom-tabs-data > div {
    display: none;
}

div.custom-tabs-data > div.active {
    display: flex;
    justify-content: space-evenly;
    flex-flow: row wrap;
}

div.arbitrators div.Banner, div.trainers div.Banner, div.nationalteam div.Banner {
    text-align: center;
}

div.arbitrators div.Banner img, div.trainers div.Banner img {
    max-height: 200px;
}

.arbitrator .arbitrators-banner{
    overflow:hidden;
    position: relative;
    height: 225px;
}
.arbitrator h3 {
    color: #005844;
    padding-bottom: 10px;
    margin: 0;
}
.arbitrator img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-height:100%;
    width: auto;
    transform: translate(-50%, -50%);
}

div.row-details {
    font-size: 15px;
    width: 50%;
}

div.row-details > div {
    padding: 7px 15px;
    background: #f5f5f5;
}

div.row-details > div:nth-child(odd) {
    background: #e2e2e2;
}

div.custom-tabs-data div.banner {
    width: 50%;
    height: 209.3px;
    text-align: center;
    position: relative;
}

div.custom-tabs-data div.banner img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.committees div.committees-cards {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

div.committees div.committees-cards div.committee-card {
    width:100%;
    min-height: 160px;
    margin-bottom: 15px;
    display: flex;
    border: 1px solid #e2e2e2;
    box-shadow: 2px 3px 3px #e2e2e2;
}

div.committees div.committees-cards div.committee-card:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

div.committees div.committees-cards div.committee-card div.committees-banner {
    width: 170px;
    height: 100%;
    position: relative;
    flex-shrink: 0;
}

div.committees div.committees-cards div.committee-card div.committees-banner img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.committees div.committees-cards div.committee-card div.committees-data {
    height: 100%;
    padding: 10px;
}

div.committees div.committees-cards div.committee-card div.committees-data > span {
    display: inline-block;
    padding-bottom: 7px;
    width: 100%;
}

div.committees div.committees-cards div.committee-card div.committees-data > span span.position {
    color: #d80808;
    width: 100px;
    display: inline-block;
}

div.committees div.committees-cards div.committee-card div.committees-data > span span.name {
}

div.arbitrators div.arbitrators-cards, div.nationalteam div.players {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
}

div.players-cards {
    display: flex;
    justify-content: space-evenly;
    flex-flow: row wrap;
    width: 100%;
}

div.squad-card a, div.player-card a {
    z-index: 993;
}

div.squad-card, div.player-card {
    padding: 10px;
    height: 270px;
    position: relative;
    overflow: hidden;
}

div.player-card {
    width: 220px;
    margin-bottom: 10px;
}

div.squad-card {
    width: 320px;
}

div.squad-card div.squad-banner, div.player-card div.player-banner {
    height: 250px;
    overflow: hidden;
}

div.squad-card div.squad-banner {
    text-align: center;
    border: 1px solid #c81f24;
}

div.squad-card div.squad-banner img, div.player-card div.player-banner img {
    max-width: 100%;
    max-height: 100%;
    transition: all .3s ease-in-out;
}

div.player-card div.arbitrator-data, div.player-card div.player-data {
    position: absolute;
    width: 200px;
    left: 10px;
    bottom: 10px;
    background: #000000d1;
    color: white;
    padding: 0 10px 10px;
}

div.player-card div.arbitrator-data {
    bottom: -45px;
}

div.squad-card div.squad-title {
    width: 300px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: #000000d1;
    color: white;
    padding-top: 35%;
    height: 250px;
    text-align: center;
    opacity: 0;
}

div.squad-card div.squad-title > span {
    padding: 3px 6px 5px;
    display: inline-block;
    text-align: right;
}

div.squad-card div.squad-title > span span:first-child {
    display: inline-block;
    width: 100%;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
}

div.squad-card div.squad-title > span span:last-child {
    display: inline-block;
    width: 100%;
    -webkit-transform: translateX(-160px);
    transform: translateX(-160px);
}

div.squad-card:hover div.squad-title {
    opacity: 1;
}

div.squad-card:hover div.squad-title > span {
    border-right: 4px solid #d80808;
}

div.squad-card:hover div.squad-title > span span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

div.player-card:hover div.player-data {
    bottom: -60px;
}

div.player-card:hover div.arbitrator-data {
    bottom: 0px;
}

div.player-card:hover div.player-banner img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

div.player-card div.player-data span, div.player-card div.arbitrator-data span {
    width: 100%;
    display: inline-block;
    padding-top: 5px;
    font-size: 11px;
}

div.custom-tabs-data div.gallery-images {
    display: flex;
    flex-flow: row wrap;
}

div.custom-tabs-data div.gallery-images a {
    flex-grow: 1;
}

div.custom-tabs-data div.gallery-images .image {
    text-align: center;
    display: flex;
    height: 140px;
    width: 100%;
    position: relative;
    cursor: pointer;
}

div.custom-tabs-data div.gallery-images .image .preview {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: #00000075;
    overflow: hidden;
}

div.custom-tabs-data div.gallery-images .image:hover .preview {
    height: 100%;
}

div.custom-tabs-data div.gallery-images .image img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    flex-grow: 1;

}

div.custom-tabs-data div.gallery-images .image .preview i {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 21px;
    opacity: 0;
}

div.custom-tabs-data div.gallery-images .image:hover .preview i {
    opacity: .9;
}

div.custom-tabs div::before {
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-color: #a6a6a6;
    opacity: 0;
}

div.custom-tabs div.tab-current::before {
    opacity: 1;
}

/*****************************colored custom tabs***************************/

div.custom-tabs.colored div:first-child {
    background-color: #c81f24;
}

div.custom-tabs.colored div.tab-current:first-child {
    color: #c81f24;
}

div.custom-tabs.colored div:first-child::before {
    background-color: #c81f24;
}

div.custom-tabs.colored div:nth-child(2) {
    background: #008b38;
}

div.custom-tabs.colored div.tab-current:nth-child(2) {
    color: #008b38;
}

div.custom-tabs.colored div:nth-child(2)::before {
    background-color: #008b38;
}

div.custom-tabs.colored div:nth-child(3) {
    background: #f36523;
}

div.custom-tabs.colored div.tab-current:nth-child(3) {
    color: #f36523;
}

div.custom-tabs.colored div:nth-child(3)::before {
    background-color: #f36523;
}

div.custom-tabs.colored div:nth-child(4) {
    background: #662e91;
}

div.custom-tabs.colored div.tab-current:nth-child(4) {
    color: #662e91;
}

div.custom-tabs.colored div:nth-child(4)::before {
    background-color: #662e91;
}

/*******************************grey custom tabs**************************/

div.custom-tabs.grey {
    background: #a6a6a6;
}

div.custom-tabs.grey div.tab-current {
    color: #000;
}

div.custom-tabs.grey div::before {
    background-color: #a6a6a6;
}

/****************************end of custom tabs****************************/
/****************************custom radio buttons****************************/
.players-view {
    display: inline-block;
    width: 100%;
}

.players-view input[type=radio] {
    position: absolute;
    visibility: hidden;
    display: none;
}

.players-view label {
    background: #ffffff;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 20px;
    margin-bottom: 0;
    color: #d80808;
}

.players-view input[type=radio]:checked + label {
    color: rgb(255, 255, 255);
    background: #d80808;
}

.players-view label:nth-child(odd) {
    border-left: solid 2px #d80808;
}

.players-view .radio-group {
    border: solid 2px #d80808;
    display: inline-block;
    margin: 20px 0;
    border-radius: 10px;
    overflow: hidden;
}

@import url('https://fonts.googleapis.com/css?family=Roboto');

/****************************end of custom radio buttons****************************/
.rfq .description .sub-title span {
    font-size: 18px;
}

.rfq .page-title {
    margin: 30px 0 0px 0;
}

.rfq input, .rfq select, .rfq textarea {
    height: 40px;
    border-radius: 0;
    border: 1px solid #dae2ed;
}

.rfq select {
    border-right: 0;
}

.rfq textarea {
    height: 300px;
}

.rfq input:focus, .rfq select:focus, .rfq textarea:focus {
    border: 1px solid #00a651;
    box-shadow: none;
}

.rfq .col-xs-12.row {
    padding-top: 20px;
}

.rfq .col-xs-12.row div {
    padding-bottom: 15px;
}

.rfq .col-xs-12.row div i {
    vertical-align: middle;
    margin-right: 5px;
}

.custom-input {
    border: 1px solid #ccc;
    height: 34px;
    padding: 4px 10px;
    background: #efefef;
}

.rfq select#fob {
    width: 100%;
    border-right: 1px solid #dae2ed;
}

.rfq .quantity div {
    padding: 0;
}

.rfq .quantity div select, .rfq .quantity div input {
    width: 100%;
}

.rfq .requirement:not(.active) {
    padding: 0 !important;
}

.rfq .requirement {
    margin-top: 20px;
    height: 0px;
    overflow: hidden;
    transition: height 0.4s ease-in-out;
}

.rfq .requirement.active {
    height: 185px;
}

.rfq .requirement, .rfq .requirement .destanation, .rfq .requirement .methode, .rfq .submitrfq, .rfq .conditions {
    padding: 0;
}

.rfq .requirement .fob {
    padding-right: 0;
    margin-top: 5px;
}

.rfq .requirement .pprice {
    padding-left: 0;
    margin-top: 5px
}

.rfq .methode select.payment {
    border-right: 1px solid #dae2ed;
}

.rfq input#Agreed {
    height: auto;
}

.rfq .submitrfq button {
    width: 100%;
    padding: 9px 0;
    background: #008b44;
    border: none;
    box-shadow: none;
    color: white;
    transition: all 0.3s ease-in-out;
}

.rfq .submitrfq button:hover {
    background: #017138;
}

form label.error {
    color: red;
}

.rfq.page-view .success {
    color: #008b44;
    text-align: center;
    font-size: 30px;
    display: inline-block;
    width: 100%;
    margin-top: 15vh;
}

.rfq .notlogged {
    text-align: center;
    margin-top: 20vh;
    font-size: 25px;
}

.contact .home, .rfq.page-view .home {
    text-align: center;
    margin-top: 5vh;

}

.contact .home .btn, .rfq.page-view .home .btn {
    background: #008b44;
    color: white;
}

.contact #send-ajax .text-info {
    text-align: center;
}

button#submit_rfq:disabled,
button#submit_rfq[disabled] {
    opacity: .3;
    cursor: no-drop;
}

.page-view .page-title {
    display: block;
    float: right;
    width: 100%;
    position: relative;
    margin: 30px 0 50px 0;
    padding: 0 15px;
    color: black
}

.panel-view .title {
    margin: 30px 0 20px 0;
}

.news .panel-view .title h2 {
    display: inline-block;
}

.news .panel-view .title a.allnews {
    font-size: 15px;
    background: #049840;
    color: white;
    padding: 5px 20px 7px;
    border-radius: 2px;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
    float: left;
}

.news .panel-view .title a.allnews:hover {
    transform: scale(1.1);
}

.panel-view div.isoffer {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.panel-view div.isoffer span {
    background: #008b44;
    color: white;
    padding: 8px 9px 11px 9px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 16px;
    display: inline-block;
}

div.path {
    display: inline-block;
    font-size: 25px;
    margin-bottom: 20px;
    width: 100%;
}

div.path span, div.path a:hover {
    color: #008b44;
}

div.path a {
    color: #000;
}

.news .panel-view .panel-image {
    display: inline-block;
    width: 100%;
}

.panel-view .panel-image {
    text-align: center;
    height: 354px;
}

.item .panel-view .panel-image {
    height: 250px;
    text-align: center;
    position: relative;
}

.news .panel-view .panel-image img {
    max-width: 100%;
    max-height: 100%;
}

.item .panel-view .panel-image img {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.item .panel-view .details {
    height: 250px;

}

.panel-view .details span {
    display: block;
    padding: 12px 0px;
    position: relative;
}

.panel-view .details span:before {
    content: "";
    position: absolute;
    background: #dddddd;
    height: 1px;
    width: 100%;
    bottom: 0;
    right: 0;
}

.panel-view .details span.address {
    letter-spacing: .004em;
}

.panel-view .details span.city {
    letter-spacing: .002em;
}

.panel-view .details span.worktype {
    letter-spacing: .003em;
}

.panel-view .details span.rating, .panel-view .details span.company {
    letter-spacing: .006em;
}

.panel-view .details span.contact {
    padding: 0;
    text-align: center;
    background: white;
}

.panel-view .details span.contact span {
    display: inline-block;
    color: #474747;
    font-size: 16px;
    padding: 12px;
}

.panel-view .details span.contact span i {
    color: #fce806;
}

.page-view .page-title:before {
    content: '';
    width: 4px;
    height: 45px;
    background: #049840;
    position: absolute;
    bottom: 5px;
    right: 0;
    margin-right: 0;
}

.page-view {
    width: 85%;
    margin: 0 auto;
    min-height: 570px;
}

.docs .page-image {
    text-align: center;
    margin-bottom: 30px;
}

.docs .page-image img {
    max-height: 350px;
}

.products-sector {
    display: inline-block;
    margin-bottom: 30px;
}

div.item-icon {
    transition: all .3s ease-in-out;
    height: 17px;
    width: 17px;
    display: inline-block;
    vertical-align: inherit;
    background: url(../../SD08/msf/items.png) center no-repeat;
    background-size: contain;
}

div.offer-icon {
    transition: all .3s ease-in-out;
    height: 17px;
    width: 17px;
    display: inline-block;
    vertical-align: inherit;
    background: url(../../SD08/msf/offers.png) center no-repeat;
    background-size: contain;
}

div.offer-icon-item {
    transition: all .3s ease-in-out;
    height: 17px;
    width: 17px;
    display: inline-block;
    vertical-align: inherit;
    background: url(../../SD08/msf/offers.png) center no-repeat;
    background-size: cover;
    vertical-align: bottom;
    margin-left: 6px;
}

.tab-current div.offer-icon {
    background: url(../../SD08/msf/offers-h.png) center no-repeat;
    background-size: contain;
}

.tab-current div.item-icon {
    background: url(../../SD08/msf/items-h.png) center no-repeat;
    background-size: contain;
}

footer {
    background: #005844;
    padding: 10px 0;
}

footer .reserved {
    text-align: center;
    color: white;
    border-top: 1px solid;
    padding: 15px 0;
    margin-top: 10px;
}

footer .fab {
    color: white;
    border-radius: 50%;
}

footer .fa-instagram {
    padding: 8px 9px;
}

footer .fa-instagram:hover {
    color: #e64854;
}

footer .fa-twitter {
    padding: 8px 8px;
}

footer .fa-twitter:hover {
    color: #1DA1F2;
}

footer .fa-facebook-f {
    padding: 8px 13px;
}

footer .fa-facebook-f:hover {
    color: #4267b2;
}

footer .rights {
    font-size: 16px;
    padding: 7px 0;
    display: flex;
    flex-flow: row wrap;
}

footer .footer-main {
    padding: 15px 20px 15px 0;
    border-right: 2px solid #024435;
    width: 25%;
    display: inline-flex;
    flex-flow: row wrap;
    align-content: flex-start;
    /*align-self: flex-start;*/
}

footer .footer-main .footer-link {
    width: 100%;
}

footer .footer-main .footer-link a, footer .footer-main .footer-link.father {
    color: white;
    padding: 2px 0;
    display: inline-block;
}

footer .footer-main .footer-link.father {
    font-weight: bold;
}

footer .footer-main .footer-link.son a {
    color: white;
    padding: 3px 0;
    display: inline-block;
    font-size: 14px;
}

footer .footer-main .footer-link a:hover {
    color: #e51e25;
}

/* sections drop temp styls */
.dropdown-menu.sections-drop {
    width: 85%;
    padding: 10px;
    right: 0;
}

.dropdown-menu.sections-drop li {
    width: 25%
}

.dropdown-menu.sections-drop li span {
    width: 40px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

.dropdown-menu.sections-drop li span img {
    max-width: 100%;
    max-height: 100%;
}

.dropdown-toggle.login {
    float: left;
    padding: 22px 10px;
}

.dropdown-menu.login-drop {
    left: 0;
    max-width: 200px;
}

.register div.form-group input.form-control, .register div.form-group select.form-control,
.contact div.form-group input.form-control, .contact div.form-group select.form-control,
.contact div.form-group textarea.form-control {
    width: calc(100% - 10px);
    display: inline-block;
    float: right;
}

.contact div.form-group input.form-control, .contact div.form-group select.form-control,
.contact div.form-group textarea.form-control {
    float: none;
}

.register div.form-group label.required,
.contact div.form-group label.required {
    color: red;
    margin: 0;
    vertical-align: text-top;
    height: 12px;
    float: left;
    margin-top: 9px;
}

.page-view div.load-more, .panel-view div.load-more {
    text-align: center;
    margin-bottom: 30px;
}

.galleries .gallery-box div.thumbnail {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.galleries .gallery-box div.thumbnail img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.new-items-slider, .item-slider, .league-slider {
    direction: ltr;
}

.slick-track {
    min-width: 100% !important;
}

.category-div .slick-list {
    padding: 10px 0;
}

.rfq-home {
    text-align: center;
    background: #f6f6f6;
}

.rfq-home img {
    max-width: 100%;
}

/**************************advanced search****************************/
div.adv-search-container {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: 20px;
}

div.adv-search-container .title {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

div.adv-search-container .title h2 {
    margin: 0;
}

div.adv-search-container form {
    width: 80%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 5px;
    justify-content: center;
}

div.adv-search-container form input {
    height: 36px;
    background: #FFF;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #ccc !important;
    width: 31%;
    margin: 5px 0.5%;
}

div.adv-search-container form input#itemname1 {
    width: 63%;
}

div.adv-search-container form select {
    height: 36px;
    background: #FFF;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #ccc !important;
    width: 31%;
    margin: 5px 0.5%;
}

div.adv-search-container form div {
    width: 31%;
    margin: 5px 0.5%;
    justify-content: center;
    display: flex;
}

div.adv-search-container form button {
    margin-top: 5px;
    background: #d80808;
    color: white;
    border: 0;
    padding: 5px 20px 8px;
    box-shadow: none;
    border-radius: 3px;

}

div.adv-search-container form input:focus, div.adv-search-container form select:focus {
    outline: #008744 auto 5px;
    background: #0cde762b;
}

div.adv-search-container form select#subcategory_id1 {
    width: 47%;
}

div.adv-search-container form select#subcategory_id {
    width: 47%;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #d80808;
    border-color: #c70204;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #FFFFFF;
    background-color: #c70204 !important;
    border-color: #d80808 !important;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #008B44 !important;
    border-color: #76bc98 !important;
}

.btn-primary .badge {
    color: #008B44;
    background-color: #333333;
}

.btn-link {
    color: #333333;
}

a {
    color: #333333;
    text-decoration: none !important;
}

a:active, a:hover, a:focus {
    text-decoration: none !important;
    color: #008b44;
}

a:visited {
    color: #333333;
}

/******************************media queries************************/

@media (min-width: 1325px) {
    .offers .category-div .home-category img {
        /*height: auto;
        width:100%;*/
    }
}

@media (max-width: 1250px) and (min-width: 993px) {

    div.offers:not(.categories) div.offer {
        width: 33.33333333%;
    }
}

@media all and (min-width: 992px) {
    #h-menu .navbar > li > a::after {
        content: '';
    }

    #h-menu .navbar ul.championships li:before {
        content: '';
        position: absolute;
        width: 1px;
        height: calc(100% - 35px);
        bottom: 0;
        right: 0;
        background: rgba(189, 189, 189, 0.5803921568627451);
    }

    #h-menu .navbar ul.championships li:after {
        content: '';
        position: absolute;
        width: calc(100% - 40px);
        height: 1px;
        bottom: -10px;
        right: 20px;
        background: rgba(189, 189, 189, 0.5803921568627451);
    }

    #h-menu li.dropdown-toggle:hover ul.dropdown-menu {
        display: block;
    }

    .dropdown-toggle:hover .dropdown-menu {
        display: block;
    }

    #h-menu li.full-menu.dropdown-toggle ul.dropdown-menu:not(.championships) li a {
        width: 70% !important;
    }

    #h-menu li.full-menu.dropdown-toggle:hover ul.dropdown-menu {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        padding: 15px;
    }

    #h-product-menu {
        height: 80px !important;
        display: block !important;
        visibility: visible;
    }

    #h-menu .navbar {
        visibility: visible;
        height: 40px !important;
    }

    #h-menu li.full-menu .dropdown-menu li {
        width: 20%;
    }
}

@media all and (max-width: 991px) {

    #h-menu .navbar ul.dropdown-menu li a:before {
        content: '';
        position: absolute;
        width: calc(100% - 20px);
        height: 1px;
        bottom: 0;
        right: 10px;
        background: rgba(189, 189, 189, 0.5803921568627451);
    }

    div.row-details {
        width: 100%;
    }

    footer .footer-main {
        width: 33.333333333%;
        margin-bottom: 20px;
    }

    .open > .dropdown-menu {
        display: block;
    }

    #h-menu .navbar ul.championships li {
        text-align: center;
    }

    #h-menu .dropdown-menu.full-width li {
        width: 100%;
        text-align: center;
    }

    #h-logo > #logo-2 {
        max-width: 30%;
    }

    #h-menu .navbar > li::after {
        width: 0
    }

    #h-menu .navbar li a {
        text-align: center;
        font-size: 16px;
    }
    #h-menu .navbar {
        display: none;
        z-index: 9;
        width: 100%;
        background-color: #EEEEEE;
        height: 400px;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 !important;
        border: 1px solid rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    #h-menu li.dropdown-toggle:hover ul.dropdown-menu.services-menu, #h-menu .open .dropdown-menu.services-menu{
        width: unset !important;
        left: 0 !important;
    }

    #h-logo {
        height: auto;
    }

    #h-menu .navbar li {
        width: 100%;
    }

    #h-menu .navbar li .dropdown-menu {
        width: 100%;
        position: relative;
        top: 0;
        border-radius: 0;
    }

    #h-product-menu {
        display: none;
        padding: 0 !important;
    }

    .product-navbar-1 {
        background-color: #d5f2df !important;
    }

    section.content {
    }

    #h-menu {
        display: flex;
        border: 0;
        height: 40px;
        flex-flow: row wrap;
    }

    #h-menu .navbar-header {
        height: 100%;
        background-color: #000;
        width: 100%;
        padding: 0 15px;
    }

    .navbar-toggle {
        display: block;
        background-color: #f70000;
        color: #FFFFFF;
        padding: 7px 7px;
        margin: 5px 0;
        float: right;
    }

    .navbar-toggle span.icon-bar {
        background-color: #ffffff;
    }

    .product-btn {
        float: right;
    }

    .product-btn .bar {
        display: block;
        float: right;
        background-color: transparent;
        padding-left: 5px;
    }

    .product-btn .name {
        background-color: transparent;
        float: left;
        color: #fff;
        display: inline-block;
        padding-right: 0px;
        line-height: 14px;
    }

    #h-product-menu.in {
        display: flex;

    }

    #h-product-menu {
        position: fixed !important;
        top: 0 !important;
        height: 100% !important;
        width: 100% !important;
        background-color: #f9f9f9 !important;
        z-index: 9994;
        margin: 0 !important;
    }

    #h-product-menu .product-navbar {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        margin-top: 75px;
        height: calc(100% - 75px);
    }

    #h-product-menu .product-navbar li {
        position: relative;
        width: 100%;
        height: auto;

    }

    #h-product-menu .product-navbar > li > a {
        font-size: 17px !important;
        text-align: center;
        border-bottom: none !important;
        color: #486b55;
    }

    #h-product-menu .product-navbar li .dropdown-menu {
        position: relative;
        height: 100%;
        width: 100% !important;
        right: 0 !important;
        box-shadow: none !important;
        padding-top: 10px;
    }

    #h-product-menu .product-navbar li .dropdown-menu .category-img {
        display: none;
    }

    .sub-categoties {
        width: 100% !important;
    }

    #h-menu .navbar.in {
        display: inline-block;

    }

    #h-product-menu > div.title {
        border-bottom: 10px solid #C62828;
        text-align: center;
        font-size: 16px;
        height: 70px;
        line-height: 70px;
        font-weight: bold;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0%;
    }

    #h-product-menu > div.title .close {
        position: absolute;
        top: 25px;
        left: 15px;
        opacity: 1;
        color: #C62828;
    }

    .social-navbar.left {
        left: 25% !important;
    }

    .offers .category-div .home-offers .offer-container {
        text-align: center;
    }

    .offers .category-div .home-offers .offer-container .offer {
        text-align: right;
        display: inline-block;
        float: none;
    }

    .offers .category-div .home-category img {
        height: auto;
        width: 100%;
    }

}

@media all and (max-width: 850px) {
    div.adv-search-container form select, div.adv-search-container form input {
        width: 48%;
    }

    div.adv-search-container form div {
        width: 100%;
    }

    div.adv-search-container form input#itemname1 {
        width: 97%;
    }
}

@media all and (min-width: 768px) {
    footer div.social-footer {
        float: left;
    }
}

@media all and (max-width: 767px) {
    footer .footer-main {
        width: 50%;
    }

    #h-menu .navbar.in {
        max-height: 550px;
        overflow-y: scroll;
    }

    .sub-categoties {
        display: block !important;
    }

    .sub-categoties ul {
        width: 100%;
        height: auto !important;
    }

    .social-navbar.left {
        left: 33.33333% !important;
    }

    footer {
        text-align: center;
    }

    footer .footer-main {
        margin-bottom: 20px;
    }

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

    .offers .home-offers .offer {
        text-align: right;
        display: inline-block;
        float: none;
        max-width: 350px;
    }

    .media div.gallery {
        padding: 0;
        margin-bottom: 20px;
    }

    .item.row.panel-container {
        padding: 0 15px;
    }

    .item .panel-view .panel-image img {
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .item .panel-view .panel-image {
        height: auto;
    }
}

@media all and (max-width: 600px) {
    div.adv-search-container form {
        width: 100%;
    }

    div.agenda div.agenda-data > a > div > div:first-child:before {
        height: calc(200% + 15px);
    }

    div.agenda div.agenda-data > a > div > div:nth-child(2) {
        width: 5%;
    }

    div.agenda div.agenda-data > a > div > div:last-child {
        width: 85%;
    }

    div.agenda div.agenda-data > a > div {
        flex-flow: row wrap
    }

}

@media all and (max-width: 500px) {

    footer .footer-main {
        width: 100%;
        border: 0;
    }

    div.adv-search-container form select, div.adv-search-container form input {
        width: 100%;
    }

    div.adv-search-container form input#itemname1 {
        width: 100%;;
    }

    .social-navbar {
        padding: 0;
    }
}