body {
    background-color: #ddd;
    font-weight: 300;
}

.wow {
    visibility: hidden;
}
/*--------------- font wight ---------------*/

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'PT Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
}

.light {
    font-weight: 300;
}

.normal {
    font-weight: 400;
}

.medium {
    font-weight: 500;
}

.bold {
    font-weight: 600;
}

.ubold {
    font-weight: 700;
}

.gray {
    color: #aaa;
}
/*
.container-fluid [class*="col-xs"], .container-fluid [class*="col-sm"], .container-fluid [class*="col-md"], .container-fluid [class*="col-lg"] {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0;
}*/

.fb_iframe_widget {
    height: 20px;
    width: 84px;
    height: 20px;
    display: inline!important;
    margin: 0 24px 0 0;
}

.fb_iframe_widget span {
    vertical-align: top!important;
}

.social-share {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 0;
}

.snooker {
    padding: 20px 0;
    background: #fff;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

/* Underline From Center */
.snooker-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.snooker-hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #fff;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.snooker-hover:hover:before, .snooker-hover:focus:before, .snooker-hover:active:before {
  left: 0;
  right: 0;
}

@media (max-width:767px) {
    .snooker {
        padding: 20px 0;
    }
}
/*--------------- top nav ---------------*/

.top-nav {
    position: absolute;
    width: 100%;
    height: 80px;
    z-index: 999;
    background: transparent;
}

.top-nav a {
    color: #fff;
}

/*---------------- navbar-social ----------------*/

.navbar-social {
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-left: 90px;
}

.navbar-social a {
    padding: 0 15px;
}

@media (max-width:990px) {
    .navbar-social {
        display: none;
    }
}
/*--------------- fp-boxes -----------------*/

.fp-boxes h4,
.fp-boxes h5{
    background: #fff;
    padding: 20px;
    margin: 0;
    text-align: center;
}

.fp-boxes a {
    overflow: hidden;
}

.fp-boxes .image {
    min-height: 280px;
    overflow: hidden;
    position: relative;
}

.fp-boxes .image img {
    width: 100%;
}

.fp-boxes .image.full {
    min-height: 400px;
}

@media (max-width:480px) {
    .fp-boxes .image {
        min-height: 160px;
    }
}

/*--------------- sticky menu ---------------*/


.stick {
    position: fixed;
    width: 100%;
    height: 90px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}

.stick .navbar-default .navbar-brand {
    background: transparent;
    padding: 5px;
}

.stick .navbar-default .navbar-brand:hover, .stick .navbar-default .navbar-brand:focus {
    background: transparent;
}

.top-nav.stick a {
    color: #fff;
}

@media (max-width:990px) {
    .stick {
        height: 60px;
        background-color: transparent;
    }
}
/*--------------- place-slider-wrap ---------------*/

.place-slider-wrap {
    width: 100%;
    height: 640px;
    background: #666;
}

.place-slider {
    width: 100%;
    height: 100%;
}

@media (max-width:480px) {
    .place-slider-wrap {
        height: 300px;
    }
}
/*--------------- infoBlock ---------------*/

.infoBlock {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.infoBlock .block {
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    bottom: 10%;
    padding: 20px;
}

.infoBlock h2 {
    font-size: 50px;
    line-height: 0.9;
    margin: 0 auto;
    padding-bottom: 3px;
}

.infoBlock h4 {
    font-size: 25px;
}

.infoBlock h2, .infoBlock h4 {
    color: #fff;
    margin: 0 auto;
}

.infoBlock p {
    font-size: 24px;
    text-transform: uppercase;
}

.infoBlock a {
    color: #FFF;
    text-decoration: underline;
}

@media (min-width:991px) {
    .infoBlock .block {
        min-width: 990px;
    }
}

@media (max-width:990px) {
    .infoBlock h2 {
        font-size: 45px;
    }

    .infoBlock h4 {
        font-size: 22px;
    }
}

@media (max-width:480px) {
    .infoBlock .block {
        min-width: 300px;
    }

    .infoBlock h2 {
        font-size: 25px;
    }

    .infoBlock h4 {
        font-size: 18px;
    }
}
/*--------------- infoBlock ---------------*/

video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.intro .image {
    width: 100px;
    margin: 0 auto;
}

.intro .image img {
    width: 100%;
}

.intro p {
}

/*--------------- banner ---------------*/
.front-banner {
    margin: 30px 0;
}

.banner {
    color: #fff;
    padding: 150px 0;
    background-position: center;
    background-size: cover;
}

.banner h1 {
    color: #fff;
}

.banner .btn-default {
    background: #fff;
    color: #000;
    margin: 20px 0 0 0;
}

.banner h2 {
    margin: 0;
}

.banner a {
    color: #fff;
}

.banner a:hover {
    color: #55acee;
}

.banner .btn {
    border-color: transparent;
}

.banner .btn:hover {
    border-color: #fff;
}

.banner .btn-default:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.cpad {
    padding: 40px 0;
}

@media(max-width: 767px) {
    .cpad {
        padding: 20px 0;
    }
}

.im {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.im-animate {
    -webkit-transition: all .5s ease!important;
    -moz-transition: all .5s ease!important;
    -o-transition: all .5s ease!important;
    -ms-transition: all .5s ease!important;
    transition: all .5s ease!important;
}

.blog article:hover .im-animate, .team article:hover .im-animate, .im-animate:hover {
    -webkit-transform: scale(1.2, 1.2) rotate(4deg);
    -moz-transform: scale(1.2, 1.2) rotate(4deg);
    -ms-transform: scale(1.2, 1.2) rotate(4deg);
    -o-transform: scale(1.2, 1.2) rotate(4deg);
    transform: scale(1.2, 1.2) rotate(4deg);
}

.read-more {
    display: block;
    margin-top: 10px;
}

/*--------- blog ----------*/

.blog {
    /*background-image: url(img/bg-news.jpg);
    background-size: cover;*/
}

.blog.cat {
    background-image: none;
}

.blog .main-title h2, .blog .main-title h4 {
    color: #fff;
    text-shadow: 0 0 1px #ddd;
}

.blog article, .team article {
    background: #fff;
}

.blog article .image {
    height: 230px;
}

.blog article .image, .team article .image, .product article .image {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.blog article .acontent {
    padding: 10px;
    display: table;
}

.blog article .acontent .date {
    display: table-cell;
    width: 20%;
    text-align: center;
    line-height: 22px;
}

.blog article .acontent .h4 {
    display: table-cell;
    width: 78%;
    margin-left: 2%;
    vertical-align: middle;
}

.blog article .acontent .date .day {
    font-size: 35px;
}

.blog article .acontent .date .month, .blog article .acontent .date .year {
    font-size: 12px;
    clear: both;
    display: block;
}

@media (max-width:480px) {
    .blog article .image {
        height: 160px;
    }
}

/*--------- team ----------*/

.team article .acontent {
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.team article .acontent .h4 {
    font-size: 38px;
    /*color: #253915;*/
}

.team article .acontent .h5 {
    font-size: 13px;
    color: #fff;
}

.blog article .bcontent {
    padding: 30px 60px;
}

/*--------- blog-list ----------*/

.blog-list {
    visibility: visible;
}

.blog-list .list-group .list-group-item .title {
    display: table-cell;
    width: 70%;
    font-weight: 400;
    padding-left: 5%;
}

.blog-list .list-group .list-group-item .date {
    display: table-cell;
    width: 15%;
    text-align: center;
    line-height: 1.1;
}

.blog-list .list-group .list-group-item .date .day {
    font-size: 20px;
    font-weight: 700;
}

.blog-list .list-group .list-group-item .date .month {
    color: #DA5050;
}

.blog-list .links a {
    color: #fff;
}

.face {
    background-color: #3a5795;
    color: #fff;
}

.twitter {
    background-color: #55acee;
    color: #fff;
}

.google {
    background-color: #DC4B3F;
    color: #fff;
}

.web {
    background-color: #444;
    color: #fff;
}
/*------- team ---------*/

.team {
    background-color: #000;
    background-image: url(img/bg-team.jpg);
    background-size: cover;
}

.team article {
    position: relative;
}

.team article .image {
    height: 300px;
    display: table;
}

.team article .image {
    height: 300px;
    display: block;
}

.team .image .teaminfo {
    position: absolute;
    width: 100%;
    background: #753b66;
    z-index: 999;
    text-align: center;
    padding: 10px 0;
    display: none;
    bottom: 0;
}

.team .image .teaminfo div {
    display: table-cell;
    width: 100%;
    min-height: 140px;
}

.team .image .teaminfo a.btn {
    color: #fff;
    padding: 3px 10px;
    ;
}

.team .image .teaminfo a.btn:hover {
    border: 1px solid #fff;
}

.linepup-social a {
    display: block;
    clear: both;
    margin: 0 0 10px 0;
}

/*------- product ---------*/

article {
    position: relative;
}

.product {
    background: #FFFFFF;
}

.product article {
    border: 1px solid #ddd;
}

.product article .image {
    height: 300px;
    display: table;
}

.product article .image {
    height: 300px;
    display: table;
}

.product article .acontent {
    text-align: center;
    /*position: absolute;
    bottom: 0;
    width: 100%;*/
}

.product .image .product-info {
    position: absolute;
    width: 100%;
    background: rgba(117, 59, 102, 0.8);
    z-index: 999;
    text-align: center;
    padding: 10px 0;
    display: none;
    bottom: 0;
    top: 0;
}

.product .image .product-info a {
    color: #fff;
}

.product .image .product-info div {
    display: table-cell;
    width: 100%;
    min-height: 140px;
}

.product .image .product-info a.btn {
    color: #fff;
    padding: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.product .image .product-info a.btn:hover {
    border: 1px solid #fff;
}

.main-title {
    margin: 0 0 40px 0;
}

.blog-banner {
    position: relative;
    overflow: hidden;
}

.blog-banner, .blog-banner .title {
    height: 230px;
}

.blog-banner h1 {
    margin: 0;
    color: #fff;
}

.blog-banner .title {
    display: table;
    width: 100%;
    text-align: center;
    padding-top: 88px;
}

.blog-banner .title .title-wrap {
    display: table-cell;
    vertical-align: middle;
}

.blog-banner .title .title-wrap .h4, .blog-banner .title .title-wrap h4 {
    color: #fff;
}

.blog-article {
    padding: 50px 0;
}

.blog-article .image {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.blog-article .h2:after, .blog-article h2:after {
    left: 0%;
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
    bottom: -15px;
}

.blog-article h1 {margin:0;}
.blog-article h2, .blog-article h3, .blog-article h4, .blog-article h5, .blog-article h6 {
    margin: 0 0 20px 0;
}

.blog-article .box {
    background-color: white;
    padding: 20px;
}

.blog-article h2 {
    margin: 0;
}

.blog-article h5 {
    text-transform: none;
    font-size: 12px;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

@media (max-width:479px) {
    .blog-article {
        padding: 20px 0;
    }

    .blog-banner, .blog-banner .title {
        height: 130px;
    }

    .blog-banner .title {
        padding: 0;
    }
}
/*----------------- footer --------------*/

footer {
    padding: 100px 0 60px 0;
    background-color: #595959;
    color: #fff;
    background-image: url('img/footer.jpg');
    background-size: cover;
    background-position: center;
    line-height: 22px;
}

footer .logo {
    width: 100%;
}

footer address {
    padding: 0 20%;
}

footer a {
    color: #fff;
}

footer h3 {
    margin: 0;
}

footer a:hover {
    color: #55acee;
}

footer .btn-foot {
    display: block;
    padding: 0 0 0 20px;
    border-left: 1px solid rgba(238, 238, 238, 0.23);
}

.ezsearch-result {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.search-wrap {
    min-width: 500px;
}

.search .search-wrap {
    padding: 40px 0;
}

@media (max-width:766px) {
    footer {
        padding: 20px 0;
    }

    footer .logo {
        width: 120px;
    }

    footer .btn-foot {
        display: inline-block;
        border: 0;
    }
}
/*-------------- sly -----------*/

.scrollbar {
    width: 100%;
    height: 10px;
    position: absolute;
    border-bottom: 30px;
    overflow: hidden;
    z-index: 999999;
    position: absolute;
    bottom: -30px;
}

.scrollbar .handle {
    width: 80px; /* overriden if dynamicHandle: 1 */
    height: 3px;
    background: #138C3C;
    margin: 1px 2px;
    cursor: pointer;
}

/* Frame */
.frame {
    height: 440px;
}

.frame ul {
    margin: 0;
    padding: 0;
    height: 440px;
    list-style-type: none;
}

.frame ul li {
    float: left;
    height: 440px;
    width: 640px;
    margin: 0;
    padding: 0;
}

.frame ul li img {
    width: auto;
    height: 100%;
    vertical-align: baseline;
}


/*-------------- sly -----------*/
.sponsors {
    padding: 20px 0 0 0;
}

.sponsors img {
    margin: 0 10px;
    height: 100px!important;
    width: auto!important;
}

.sponsors p {
    margin: 0;
}

/*-------------- video -----------*/

.video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56%;
    padding-top: 1px;
    height: 0;
    margin: 0 0 20px 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*-search-*/

.search-box {
    display: none;
    margin: 10px -15px;
}

.search-box input {
    padding: 10px;
    height: 82px;
}

.search-box .input-group-btn > .btn {
    padding: 30px;
}

.search-box .ezsearch-summary, .search-box .ezsearch-result-count, .search-box .ezsearch-results {
    display: none;
}

.reservation-info {
    position: absolute;
    top: 90px;
    width: 50%;
    left: 50%;
    transform: translate(-50%);
}

.reservation-info .alert {
    margin: 0;
}

.terms-info {
    color: #fff;
}


/*-------- timeline ----------*/

.history {
    padding: 30px 0;
}

.history .timeline {
    background: url(img/tml.png) top center repeat-y;
    width: 100%;
    padding: 50px 0;
    margin: 0 auto 50px auto;
    list-style: none;
    position: relative;
    overflow: hidden;
}

.history .timeline:before, /* The dot */
.history .timeline:after { /* The arrow */
    content: "";
    width: 10px;
    height: 10px;
    display: table;
    background: #CFCFCF;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.history .timeline li {
    position: relative;
    display: inline-block;
    clear: both;
    float: left;
    width: 80%;
    padding: 0 30px 15px 0;
    margin: 0 0 10px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; /* IE 9 */ /* Chrome, Safari, Opera */
}

.history .timeline li .h2, .history .timeline li .h3, .history .timeline li .h4 {
    margin: 15px 0;
}

.history .timeline li:after {
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 30px;
    right: 2px;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-width: 15px;
}

.history .timeline li .box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    display: inline-block;
}

.history .timeline li img {
    width: 100% !important;
    height: auto !important;
}

.history .timeline li .box .time-date {
    position: absolute;
    right: -200px;
    top: 30px;
    font-size: 18px;
    width: 190px;
}

.history .timeline li:nth-of-type(even) {
    float: right;
    text-align: left;
    padding: 0px 0 15px 30px;
}

.history .timeline li:nth-of-type(even) .time-date {
    right: auto;
    left: -200px;
    text-align: right;
}

.history .timeline li:nth-of-type(even):after {
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 30px;
    left: 2px;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-width: 15px;
}

@media (max-width:768px) {
    .history .timeline {
        padding: 15px;
    }

    .history .timeline li {
        width: 100%;
        padding: 0;
    }

    .history .timeline li:nth-of-type(even) {
        padding: 0;
    }

    .history .timeline li:after, .history .timeline li:nth-of-type(even):after {
        display: none;
    }
}

/*-------- league ----------*/

.league {
    padding: 30px 15px 0 15px;
}

.league article {
    background-color: #fff;
}

.league article .title {
    padding: 30px;
    margin: 0;
    position: absolute;
    top: 0%;
    color: #FFF;
    background: rgba(11, 33, 13, 0.84);
    width: 100%;
    text-align: center;
}

.league article .image {
    min-height: 380px;
    overflow: hidden;
    position: relative;
}

.league article img {
    width: 100%;
}

@media (max-width:497px) {
    .league {
        padding: 20px 0;
    }

    .league article .image {
        min-height: 220px;
    }
}
/*---------------- league ----------------*/

.league-banner {
    height: 400px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.league-banner, .league-banner .title {
    height: 400px;
}

.league-banner.division, .league-banner.division .title {
    height: 250px;
}

.league-banner.division .title .title-wrap {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.league-banner .text {
    margin: 20px 0 0 0;
    color: #fff;
}

.league-banner h1 {
    margin: 0;
    color: #fff;
}

.league-banner .title {
    display: table;
    width: 100%;
    text-align: center;
    padding-top: 88px;
}

.league-banner .title .title-wrap {
    display: table-cell;
    vertical-align: bottom;
}

.league-banner .title .title-wrap .h4, .league-banner .title .title-wrap h4 {
    color: #fff;
}

/*-------- players ----------*/

.players .slider-thumbs {
    height: 350px;
}

.players .top-wrap {
    background-color: #fff;
    padding: 20px 0;
    position: relative;
    margin-bottom: 30px;
}
.players.club {
	position:relative;
}
.players.club .top-wrap {
    margin-bottom: 0;
}
.players.club:before {
    content: '';
    position: absolute;
    border-width: 0 40px 40px 40px;
    border-style: solid solid solid solid;
    border-color: #fff transparent #fff;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.players h1:first-child, .players .h1:first-child {
    margin-top: 0;
}

.players .box {
    background-color: #fff;
    padding: 30px 20px;
    margin-bottom: 30px;
}

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

.players .player .image {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    overflow: hidden;
}

.players .player .image img {
    width: 100%;
}

.players .gallery-grid .item {
    width: 25%;
    display: block;
    float: left;
    overflow: hidden;
}

.players .gallery-grid .item img {
    border: 1px solid #fff;
    width: 100%;
}

@media (max-width:479px) {
    .slider-thumbs {
        height: 250px;
    }

    .league-banner p {
        font-size: 10px;
    }
}

/*---------------- clubs----------------*/

.clubs {
    padding: 30px 15px 0 15px;
}

.clubs .image {
    min-height: 200px;
    overflow: hidden;
    position: relative;
}

.clubs .image img {
    width: 100%;
}

.clubs .title {
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
	height: 50px;
}

.clubs .info {
    background-color: #fff;
    padding: 10px 15px;
}

.clubs .info .fa {
    min-width: 20px;
}
/*---------------- clubs----------------*/

.clubs-banner {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.clubs-banner, .clubs-banner .title {
    height: 230px;
}
.clubs-banner .title {
    display: table;
    width: 100%;
    text-align: center;
    padding-top: 88px;
}
.clubs-banner .title .title-wrap {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.clubs-banner .text {
    margin: 20px 0 0 0;
    color: #fff;
}

.clubs-banner h1 {
    margin: 0;
    color: #fff;
}

.clubs-banner .title .title-wrap .h4, 
.clubs-banner .title .title-wrap h4 {
    color: #fff;
}

/*---------------- club ----------------*/

.club .gallery-club {
}

.club .gallery-club .image {
    width: 33%;
    float: left;
    overflow: hidden;
    border: 3px solid #ddd;
}

.club .gallery-club .image img {
    width: 100%;
}

.club-banner {
    color: #fff;
    background-position: center;
    background-size: cover;
    padding: 150px 0 100px 0;
    position: relative;
}

.club-banner .share {
    height: 20px;
    line-height: 13px;
    margin: 20px 0 0 0;
}

.club-banner .title {
    margin-bottom: 20px;
}

.club-banner .title h1 {
    padding-bottom: 30px;
}

.club-banner .title .desc {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.club-banner .title, .club-banner .title h1 small {
    color: #fff;
    text-align: center;
}

.club-banner .info {
    text-align: center;
}

.club-banner .info a {
    color: #fff;
}

.club-banner .h3 {
    margin: 0;
}

/*---------------- club ----------------*/

.club-map {
    min-height: 350px;
    position: relative;
}

.club-map #map {
    min-height: 350px;
    width: 70%;
}

.club-map .info-wrap {
    background: white;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    width: 30%;
}

.club-map .info-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 240px;
    background-image: url(/css/img/map-bg.png);
    background-position: left bottom;
    left: -240px;
}

.club-map .info-wrap .info {
    z-index: 9999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.club-map .info-wrap .info p {
    margin-bottom: 5px;
    border-bottom: 1x solid #eee;
}

.club-map .info-wrap .info .h3 {
    margin-bottom: 10px;
}

.club-map .info-wrap .info .social {
    margin-top: 20px;
    font-size: 15px;
}

.club-map a.btn:hover {
    background-color: #138C3C;
    color: #fff;
}
/*---------------- table reset ----------------*/

table {
    padding: 10px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

th {
    text-align: left;
    background-color: #138C3C;
    color: #fff;
}

table > tbody > tr:nth-of-type(even) {
    background-color: #ebebeb;
}

table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */