*, *::before, *::after {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
}



img{ max-width:100%;}


.logo {
    /*position: absolute;*/
    top: 21px;
    left: 50px;
    z-index: 99;
	-webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	
}
.menu {
    position: absolute;
    top: 42px;
    right: 32px;
    z-index: 99;
	-webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	
}
.menu > ul > li{ display:inline-block; list-style:none; position:relative;}
.menu > ul > li:hover ul{ display:block;}

.menu > ul > li ul {
    position: absolute;
    list-style: none;
    /* border: 1px solid red; */
    padding: 0 13px;
    background-color: rgba(0, 0, 0, 0.3);
	display:none;
}
.menu > ul > li ul.width{ width:180px;}
.menu > ul > li ul li a{ color:#ffffff; line-height:30px;     text-shadow: 1px 1px 1px #000000;}
.menu > ul > li ul li a:hover{ color:#CA373C;}
.menu > ul > li > a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    padding: 0 6px;
   height: 28px;
    line-height: 28px;
	text-shadow: 1px 1px 1px #000000;
	    font-size: 16px;
	
	font-family: 'Conv_futura bk bt';
}
.menu > ul > li > a:hover{ background-color:#CA373C;}
.menu > ul > li > a.active{ background-color:#CA373C;}

/*.menu > ul > li:last-child > a {
    background-color: #ffffff !important;
    text-transform: uppercase;
    color: #CA373C;
    font-weight: bold;
    text-shadow: 0 0 0;
    letter-spacing: 1px;
}*/

.menu > ul > li:last-child > a {
    background-color: transparent;
    /* text-transform: uppercase; */
    color: #ffffff;
    /* font-weight: bold; */
    /* text-shadow: 0 0 0; */
    letter-spacing: 1px;
    border-bottom: 1px solid #ffffff;
}

a {
    display: block;
    text-decoration: none;
}
h1 {
    color: #ca373c;
    padding: 6% 0 2%;
}
h3 {
    color: #ca373c;
    letter-spacing: 0.5px;
    padding: 1% 0;
}
p {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 27px;
}
img {
    border: medium none;
    max-width: 100%;
}
input {
    border: medium none;
}
html {
    text-rendering: optimizelegibility !important;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
}
.max-wid {
    max-width: 850px !important;
}
.border-bottom{ position:relative;}
.border-bottom:before{ border-bottom: 2px solid #cccccc; width:80%; height:2px; background-color:#cccccc; content:""; position:absolute; bottom:0;  width:100%; margin:0 auto; left:0; right:0;    max-width: 600px;}
.banner {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
.banner > img {
    width: 100%;
}
.banner > .bread_crumb {
    bottom: 5px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.banner > .bread_crumb > h1 {
    color: #ffffff;
    text-transform: uppercase;
}
.banner > .bread_crumb > ul li {
    color: #ffffff;
    display: inline-block;
}
.banner > .bread_crumb > ul li a {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    padding: 16px 8px;
}
.join-now {
    background-color: #ca373c;
    display: inline-block;
    height: auto;
    padding-bottom: 2%;
    text-align: center;
    width: 100%;
}
.join-now > span:nth-child(1) p {
    color: #ffffff;
    font-size: 24px;
    margin: 2% auto;
    max-width: 878px;
    text-align: center;
}
.join-now > span:nth-child(2) {
    color: #ffffff;
    display: inline-block;
    margin: 0 10px;
}
.join-now > span:nth-child(3) {
    background-color: #ca373c;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
}
.join-now > span:nth-child(3) > a {
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 25px;
    margin: 0 10px;
    padding: 0 12px;
}
.zoombox > img {
    width: 100%;
}
.about {
    background-color: #f4f4f4;
    text-align: center;
}
.about > .row {
    display: inline-block;
    max-width: 860px;
    padding: 0 10px;
}
.about > .row > h3 {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 0;
    padding: 4px;
}
.about > .row p {
    margin-top: 25px;
}
.about > .row > a {
    background-color: #ca373c;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    margin: 2% auto 5%;
    padding: 1% 2%;
}
.thumbnill {
    background-color: #f4f4f4;
    display: block;
    padding: 2% 0;
    text-align: center;
    width: 100%;
}
.thumbnill > .row {
    display: block;
    margin: 0 auto;
    max-width: 1020px;
}
.thumbnill > .row > a {
    display: inline-block;
    margin: 25px;
    position: relative;
}
.thumbnill > .row > a > div.footer-text {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
.thumbnill > .row > a > div.footer-text::after {
    border-bottom: 75px solid #333333;
    border-left: 240px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    z-index: -1;
}
.thumbnill > .row > a:hover::before {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
}
.thumbnill > .row > a:hover::after {
    background-color: rgba(0, 0, 0, 0.4);
    border: 2px solid #ffffff;
    bottom: 0;
    color: #ffffff;
    content: "View More";
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    left: 0;
    line-height: 26px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 43%;
    width: 87px;
    z-index: 5;
}
.thumbnill > .row > a:hover > div.footer-text::after {
    border-bottom: 75px solid #ca373c;
}
.thumbnill > .row > a > div.footer-text > p {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    left: -11px;
    position: relative;
    top: -6px;
}
.thumbnill > .row > a:hover > div.footer-text > p {
    color: #ffffff;
}
.contact {
    background-color: #f4f4f4;
    display: inline-block;
    padding-bottom: 4%;
    text-align: center;
    width: 100%;
}
.contact > .row {
    
    text-align: center;
}
.contact > .row > form {
    display: inline-block;
    width: 40%;
}
.contact > .row > form input:focus, .contact > .row > form textarea:focus {
    border-color: #ca373d;
    box-shadow: 0 0 5px #ca373d;
    outline: medium none;
}
.contact > .row > form > span:nth-of-type(1) {
    display: inline-block;
    width: 100%;
}
.contact > .row > form > span:nth-of-type(2) {
    display: inline-block;
    margin-top: 7px;
    padding: 0 0px;
    vertical-align: top;
    width: 100%;
}
.contact > .row > form > span:nth-of-type(1) > input[type="text"] {
    border: 1px solid #cccccc;
    height: 30px;
    margin: 2px 0;
    padding-left: 7px;
    width: 100%;
}
.error-message {
    display: inline-block;
    font-family: vedana !important;
    font-size: 10px !important;
    height: 12px;
}
.contact > .row > form > span:nth-of-type(2) > textarea {
    border: 1px solid #cccccc;
    height: 71px;
    margin-top: 6px;
    padding-left: 7px;
    padding-top: 5px;
    width: 100%;
}
.contact > .row > form > span:nth-of-type(2) > button {
    background-color: #ca373d;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    height: 29px;
    margin-top: 5%;
    width: 100%;
}
.contact > .row > .address {
    display: inline-block;
    padding-left: 1%;
    vertical-align: top;
    width: 46%;
}
.contact > .row > .address > span {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 3px 0;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
.contact > .row > .address > span > img {
    margin-right: 10px;
    vertical-align: middle;
}
.footer {
    background-color: rgba(0,0,0,0.9);
    color: #ffffff;
    display: inline-block;
    padding: 1% 0;
    width: 100%;
}
.footer > .row {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 960px;
}
.footer > .row  {
    
	width: auto;
    text-align: center;
}
.footer > .row > p:nth-child(2) {
    float: right;
	/*display:none;*/
}
.footer > .row > p {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
}
.footer > .row > p:nth-child(2) > a img {
    margin-left: 23px;
    vertical-align: middle;
}
.footer > .row > p:nth-child(2) > a {
    display: inline-block;
}
.footer img{
    width: 110px;
}
.slider-wrapper {
    background-image: url("../images/slider-wrapper.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.slider-wrapper > .row {
    display: block;
    margin: 0 auto;
    max-width: 1073px;
    padding: 2% 0 4%;
}
.slider-wrapper > .row > .col-lft {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 49%;
}
.slider-wrapper > .row > .col-lft::after {
    background-color: #b3b3b3;
    border-radius: 10px;
    bottom: 0;
    content: "";
    height: 90%;
    position: absolute;
    right: 0;
    width: 2px;
}
.slider-wrapper > .row > .col-lft > h3 {
    color: #ffffff;
    padding-bottom: 8% !important;
    padding-top: 27px;
    position: relative;
}
.slider-wrapper > .row > .col-lft > .container {
    display: inline-block;
}
.slider-wrapper > .row > .col-rgt {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 50%;
}
.slider-wrapper > .row > .col-rgt > h3 {
    color: #ffffff;
    padding-bottom: 8% !important;
    padding-top: 27px;
    position: relative;
}
.slider-wrapper > .row > .col-rgt > .container {
    display: inline-block;
}
.achievement {
    background-image: url("../images/achievement.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.slider-wrapper .basic-slider-item .h3 > span {
    height: 245px;
}
.achievement .basic-slider-item .h3 > span {
    height: auto !important;
}
.achievement > .row > .col-rgt {
    display: inline-block;
    padding: 0 20px;
    width: 100%;
}
.achievement .basic-slider li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.achievement .basic-slider-item .h3 > span {
    display: inline-block;
    margin: 0 25px;
}
.accordion {
    background-color: #ededed;
    float: left;
    margin: 0;
    padding: 12px;
    width: 100%;
}
.accordion h3 {
    background: #ffffff url("../images/mobile/plus.png") no-repeat scroll 93% 50%;
    color: #000000;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    height: 27px;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin: 0 0 1px;
    padding: 4px 10px;
}
.accordion h3.current {
    background: #fff url("../images/mobile/minus.png") no-repeat scroll 93% 50%;
    border-radius: 4px;
    box-shadow: 0 0 6px #a8a8a8 inset;
    color: #8fb242;
    cursor: default;
}
.accordion div {
    display: none;
}
.accordion div.pane {
    padding: 0;
}
.accordion div.pane > div.pane {
    background-color: #ffffff;
    font-size: 12px;
    padding: 5px 10px;
}
.accordion div.pane > h3 {
    background-color: #dedede;
}
.accordion div.pane > div.pane > p > a {
    color: #000000;
    text-decoration: none;
}
.welcome_wrapper {
    background-color: #ca373c;
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.welcome_wrapper h1 {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto;
    max-width: 505px;
    padding-top: 20px;
}
.accordion_tab {
    border-bottom: 2px solid #ca373c;
    clear: both;
    display: block;
    float: none;
    height: 148px;
    margin: 0 auto 20px;
    max-width: 1100px;
    position: relative;
    text-align: center;
}
.height {
    height: 173px !important;
    top: -30px;
}
.accordion_tab > .col-lft {
    display: inline-block;
    height: 210px;
    position: relative;
    top: -64px;
    width: 49%;
}
.accordion_tab > .col-lft > img, .accordion_tab > .col-rgt > img, .accordion_tab > .col-lft > h1, .accordion_tab > .col-rgt > h1 {
    cursor: pointer;
    font-size: 23px;
}
.accordion_tab > .col-lft > h1, .accordion_tab > .col-rgt > h1 {
    padding: 15px 0 29px;
}
.add_news_red::before {
    background-image: url("../images/news-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.news_img {
    height: 176px;
    width: 266px;
}
.add_event_white::before {
    background-image: url("../images/events-white.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 128px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
}
.add_tennis_red::before {
    background-image: url("../images/tennis-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.add_billiards_red::before {
    background-image: url("../images/billards-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.add_gym_red::before {
    background-image: url("../images/gym-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.add_kid_red::before {
    background-image: url("../images/housie-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.add_bar_red::before {
    background-image: url("../images/bar-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.add_restaurant_red::before {
    background-image: url("../images/restaurant-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.add_sky_red::before {
    background-image: url("../images/sky-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.add_cards_red::before {
    background-image: url("../images/cards-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.add_member_red::before {
    background-image: url("../images/member-red.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    cursor: pointer;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 130px;
}
.news_bdr::after {
    border-color: transparent transparent #ca373c;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    height: 0;
    left: 7px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
.event_bdr::after {
    border-color: transparent transparent #ca373c;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    height: 0;
    left: 7px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
.event_bdr::after {
    border-color: transparent transparent #ca373c;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    height: 0;
    left: 7px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
.accordion_tab > .col-rgt {
    display: inline-block;
    height: 210px;
    position: relative;
    top: -64px;
    width: 50%;
}
.accordion_tab > .col-rgt > h1 {
    color: #000000;
}
.event_wrapper {
    clear: both;
    display: block;
    float: none;
    height: auto;
    margin: 0 auto;
    max-width: 1100px;
    padding: 0;
    text-align: center;
}
.event_wrapper > .row {
    display: inline-block;
    max-width: 1100px;
    overflow: hidden;
    padding: 3% 0;
    width: 100%;
}
.event_wrapper > .row > .col-lft {
    display: inline-block;
    padding-right: 2%;
    vertical-align: top;
    width: 49%;
}
.table_tennis > .row > .col-lft, .billiards > .row > .col-lft, .cards > .row > .col-lft, .kids_play_area > .row > .col-lft {
    display: inline-block;
    max-width: 779px;
    padding-right: 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.table_tennis > .row > .col-lft #wowslider-container2, .billiards > .row > .col-lft #wowslider-container3, .cards > .row > .col-lft #wowslider-container4, .kids_play_area > .row > .col-lft #wowslider-container5 {
}
.table_tennis > .row > .col-lft #wowslider-container2 .ws_images > div > img, .billiards > .row > .col-lft #wowslider-container3 .ws_images > div > img, .cards > .row > .col-lft #wowslider-container4 .ws_images > div > img, .kids_play_area > .row > .col-lft #wowslider-container5 .ws_images > div > img {
}
.table_tennis > .row > .col-lft #wowslider-container2 .ws_images, .billiards > .row > .col-lft #wowslider-container3 .ws_images, .cards > .row > .col-lft #wowslider-container4 .ws_images, .kids_play_area > .row > .col-lft #wowslider-container5 .ws_images {
}
.table_tennis > .row > .col-rgt, .billiards > .row > .col-rgt, .cards > .row > .col-rgt, .kids_play_area > .row > .col-rgt {
    margin-top: 6%;
    padding-left: 0 !important;
    text-align: center !important;
    width: 90% !important;
}
.table_tennis .membership_wrapper, .billiards .membership_wrapper, .cards .membership_wrapper, .kids_play_area .membership_wrapper {
    max-width: 500px;
}
.event_wrapper > .row > .col-rgt {
    display: inline-block;
    padding-left: 1%;
    text-align: justify;
    width: 50%;
}
.event_wrapper > .row > .col-rgt > h1 {
    font-size: 21px;
    padding: 0;
}
.event_wrapper > .row > .col-rgt > h1:first-child {
    font-size: 25px;
}
.event_wrapper > .row > .col-rgt > b {
    display: block;
    padding: 10px 0;
}
.news_wrapper {
    clear: both;
    display: none;
    float: none;
    height: auto;
    margin: 0 auto;
    max-width: 1100px;
    text-align: center;
}
.news_wrapper > .row {
    padding: 3% 0;
}
.news_wrapper > .row {
    border-bottom: 1px solid #ca373c;
}
.news_wrapper > .news {
    background-color: #f4f4f4;
    border: medium none;
    display: inline-block;
    margin: 2% 0;
    max-width: 1000px;
    padding: 0;
    width: 97%;
}
.news_wrapper > .row > .col-lft {
    display: inline-block;
    padding-right: 2%;
    vertical-align: top;
    width: 49%;
}
.news_wrapper > .row > .col-rgt {
    display: inline-block;
    padding-left: 1%;
    text-align: justify;
    width: 50%;
}
.news_wrapper > .row > .col-rgt > h1 {
    font-size: 19px;
    padding: 0;
}
.news_wrapper > .row > .col-rgt > b {
    display: block;
    padding: 10px 0;
}
.news_wrapper > .row > .col-lft26 {
    display: inline-block;
    float: left;
    padding-right: 2%;
    text-align: left;
    vertical-align: top;
    width: 26%;
}
.news_wrapper > .row > .col-rgt73 {
    display: inline-block;
    padding-left: 0;
    padding-right: 2%;
    text-align: justify;
    width: 73%;
}
.news_wrapper > .row > .col-rgt73 p {
    margin-top: 15px;
}
.news_wrapper > .row > .col-rgt73 > h1 {
    font-size: 19px;
    margin: 10px 0;
    padding: 0;
}
.accordion_tab > .tab {
    display: inline-block;
    height: 210px;
    position: relative;
    top: -64px;
    width: 24% !important;
}
.event_wrapper > .row > .col-gallery-left {
    display: inline-block;
    float: left;
    padding-right: 3%;
    vertical-align: top;
    width: 33%;
}
.services-wrap {
    background: #f4f4f4 none repeat scroll 0 0;
    height: 400px;
    margin: 0 0 40px;
    padding-bottom: 3%;
}
.services-wrap h3 {
    font-size: 30px;
    height: 80px;
    text-align: center;
}
.services-wrap .pull-left {
    margin-right: 20px;
}
.gallery-media-heading {
    font-size: 18px !important;
    margin-bottom: 20px;
}
.gallery {
    border-radius: 0;
    clear: both;
    overflow: hidden;
    padding: 20px;
}
.gallery a.button {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #707070;
    border-radius: 5px;
    color: #000000;
    width: 150px;
}
.img-responsive.four_nager.gallery {
    border: medium none;
    border-radius: 0;
    height: 200px;
    padding: 0;
}
.pager {
    border-bottom: 2px solid #b34246;
    border-top: 2px solid #b34246;
    font-size: 20px;
    list-style: outside none none;
    margin: 0 0 50px;
    padding: 20px;
    text-align: center;
}
.pager::before, .pager::after {
    content: " ";
    display: table;
}
.pager::after {
    clear: both;
}
.pager::before, .pager::after {
    content: " ";
    display: table;
}
.pager::after {
    clear: both;
}
.pager li {
    display: inline;
}
.pager li > a, .pager li > span {
    border-radius: 15px;
    display: inline-block;
    margin-right: 5px;
    padding: 5px 14px;
}
.pager li > a:hover, .pager li > a:focus {
    background-color: #b34246;
    color: #ffffff;
    text-decoration: none;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    background-color: #fff;
    color: #999;
    cursor: not-allowed;
}
.pager li > span.active {
    background-color: #b34246;
    border-color: #ffffff;
    color: #fff;
    cursor: default;
    z-index: 3;
}
.pager li > a, .pager li > span {
    border: medium none;
    color: #494949;
}
.pika-stage {
    height: 400px;
    width: 800px;
}
.pika-thumbs li {
    height: 55px;
    width: 100px;
}
.pikachoose-whiteout {
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 820px;
}
.pika-stage {
    padding: 10px;
}
.pika-stage .pika-aniwrap {
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 9;
}
.pika-stage, .pika-thumbs li, .pika-stage .caption {
    position: relative;
}
.pika-thumbs li {
}
.pika-stage .caption {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 18px;
    font-family: Rokkitt;
    height: 31px;
    padding: 7px;
    position: absolute;
    right: 18px;
    width: 250px;
}
.pika-stage .caption a {
    color: black;
}
.pika-imgnav {
    display: none;
}
.pika-imgnav a {
    background: rgba(0, 0, 0, 0) url("../images/controls.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 65px;
    position: absolute;
    right: 28px;
    text-indent: -5000px;
    top: 10px;
    width: 55px;
    z-index: 11;
}
.pika-imgnav .next, .pika-imgnav .previous {
    background-position: 0 -160px;
    top: 160px;
}
.pika-imgnav .previous {
    background-position: 0 -80px;
    left: 13px;
}
.pika-imgnav .play {
    background-position: 0 -240px;
}
.pika-thumbs li {
    float: left;
    list-style: outside none none;
    margin: 3px 10px;
    overflow: hidden;
    padding: 4px;
}
.pika-thumbs li .clip {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.pika-textnav {
    display: none;
}
.pika-counter {
    display: none;
}
.jcarousel-clip-horizontal {
    left: 55px;
    overflow: hidden;
    width: 700px;
}
.jcarousel-container {
    height: 100px;
    left: 0;
    overflow: hidden;
    padding-top: 8px;
    position: relative;
    top: 10px;
    width: 800px;
    z-index: 10;
}
.jcarousel-prev, .jcarousel-next {
    background: rgba(0, 0, 0, 0) url("../images/controls.png") no-repeat scroll left top;
    cursor: pointer;
    display: block;
    height: 44px;
    opacity: 0.6;
    position: absolute;
    right: 5px;
    top: 24px;
    width: 35px;
}
.jcarousel-prev:hover, .jcarousel-next:hover {
    opacity: 1;
}
.jcarousel-prev-disabled:hover, .jcarousel-next-disabled:hover, .jcarousel-next-disabled, .jcarousel-prev-disabled {
    opacity: 0.3;
}
.jcarousel-next {
    background-position: -30px -310px;
}
.jcarousel-prev {
    background-position: 0 -310px;
    left: 15px;
}
.col-sm-8 {
    margin-bottom: 15px;
    margin-left: 90px;
}
.form-group {
    clear: both;
    margin-bottom: 0;
    overflow: hidden;
    padding: 12px 10px;
}
.form-group .form-control {
    border-color: #ccc;
    box-shadow: none;
    padding: 7px 12px;
    width: 250px;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
textarea#message {
    padding: 10px;
    resize: none;
}
#contact-page .contact-wrap {
    margin-top: 20px;
}
.button a{
    background-color: #ca373c;
	font-size: 30px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff;
	padding: 20px;
	margin: 0 auto;
    cursor: pointer;

   
}
#main-contact-form {
    margin: 0 auto;
    padding-top: 15px;
    width: 450px;
}
#contact-page {
    padding-top: 0;
}
#contact-page .contact-form .form-group label {
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 300;
}
.gallery_h2 {
    color: #000000;
    font-size: 20px;
    margin-bottom: 15px;
}
.sports .tab {
    vertical-align: top !important;
}
.Top1 {
    top: -37px !important;
}
.accordion_tab > .membership {
    width: 30% !important;
}
.accordion_tab > .tab > img, .accordion_tab > .tab > img, .accordion_tab > .tab > h1, .accordion_tab > .tab > h1 {
    cursor: pointer;
    font-size: 23px;
}
.table_tennis {
    display: block;
    max-width: 100%;
}
.billiards, .cards, .kids_play_area {
    display: none;
}
.tab_indicator::after {
    border-color: transparent transparent #ca373c;
    border-style: solid;
    border-width: 0 12px 12px;
    bottom: 0;
    content: "";
    height: 0;
    left: 7px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
.content_wrapper > .row > .section1 > .name_field {
    display: inline-block;
    vertical-align: top;
    width: 73px;
}
.content_wrapper > .row > .section1 > .name {
    display: inline-block;
    padding: 0 2%;
    text-align: left;
    vertical-align: middle;
}
.content_wrapper > .row > .section2 > .name {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.content_wrapper > .row > .join-now2::before {
    border-bottom: 16px solid #f4f4f4 !important;
    border-left: 9px solid #f4f4f4 !important;
    border-right: 9px solid #444444;
    border-top: 16px solid #f4f4f4 !important;
    content: "";
    left: -18px;
    position: absolute;
    top: 31px;
    transition: all 0s ease-out 0s;
}
.content_wrapper > .row:hover > .join-now2::before {
    border-bottom: 16px solid #f4f4f4 !important;
    border-left: 9px solid #f4f4f4 !important;
    border-right: 9px solid #ca373c;
    border-top: 16px solid #f4f4f4 !important;
    content: "";
    left: -18px;
    position: absolute;
    top: 31px;
    transition: all 0.3s ease-out 0s;
}
.content_wrapper {
    clear: both;
    display: inline-block;
    height: auto;
    margin: 3% 0 0;
    text-align: center;
    width: 100%;
}
.content_wrapper > .row {
    clear: both;
    display: block;
    float: none;
    height: 93px;
    margin: 0 auto;
    max-width: 1100px;
    text-align: center;
}
.content_wrapper > .row > div {
    display: inline-block;
    float: left;
}
.content_wrapper > .row > .blank {
    background-color: #444444;
    height: 100%;
    width: 3%;
}
.content_wrapper > .row > .category {
    background-color: #777777;
    color: #ffffff;
    height: 100%;
    line-height: 93px;
    position: relative;
    width: 18%;
}
.content_wrapper > .row:hover > .category {
    background-color: #000000;
    transition: all 0.3s ease-out 0s;
}
.content_wrapper > .row > .section1 {
    background-color: #f4f4f4;
    height: 100%;
    line-height: 93px;
    padding-left: 3%;
    text-align: left;
    width: 32%;
}
.content_wrapper > .row > .section2 {
    background-color: #f4f4f4;
    display: table;
    height: 100%;
    line-height: 93px;
    padding-left: 3%;
    text-align: left;
    width: 32%;
}
.content_wrapper > .row > .join-now2 {
    background-color: #444444;
    height: 100%;
    line-height: 93px;
    position: relative;
    width: 15%;
}
.content_wrapper > .row > .join-now2 > a {
    color: #ffffff;
}
.content_wrapper > .row:hover > .join-now2, .content_wrapper > .row:hover > .blank {
    background-color: #ca373c;
    transition: all 0.3s ease-out 0s;
}
h1.header {
    clear: both;
    display: inline-block;
    font-size: 25px;
    margin: 3% auto 5%;
    padding: 0;
    text-align: center;
    width: 100%;
}
.membership_wrapper {
    clear: both;
    display: block;
    height: 93px;
    margin: 0 auto 3%;
    max-width: 1100px;
}
.membership_wrapper .header {
    background-color: #444444;
    color: #ffffff;
    float: left;
    height: 100%;
    position: relative;
    width: 30%;
}
.membership_wrapper .header p {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.red1::before {
    border-color: transparent transparent transparent #ca373c;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    content: "";
    height: 0;
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    z-index: 1;
}
.black1::before {
    border-color: transparent transparent transparent #444444;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    content: "";
    height: 0;
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    z-index: 1;
}
.membership_wrapper .wrapper {
    background-color: #f4f4f4;
    color: #ffffff;
    float: left;
    height: 100%;
    position: relative;
    width: 67%;
}
.membership_wrapper .wrapper .middle {
    color: #000000;
    left: 0;
    line-height: 30px;
    padding: 0 0 0 8%;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.membership_wrapper .wrapper .middle b {
    color: #ca373c;
    font-size: 18px;
}
.membership_wrapper .right-border {
    background-color: #444444;
    color: #ffffff;
    float: left;
    height: 100%;
    position: relative;
    width: 3%;
}
.video-wrapper {
    border: 1px solid red;
    clear: both;
    display: block;
    height: 348px;
    margin: 0 auto;
    text-align: center;
    width: 640px;
}
.contact > .row h3.inquiry {
    border-bottom: 2px solid #ca373c;
    color: #000000;
    margin: 40px 0 30px;
    padding: 0 0 10px;
    position: relative;
    text-align: left;
    width: 97%;
}
.contact > .row h3.inquiry::before {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #ca373c;
    bottom: -17px;
    content: "";
    height: 0;
    left: 60px;
    position: absolute;
    width: 0;
}
.contact > .row > .address h3.contact_info {
    border-bottom: 2px solid #ca373c;
    color: #000000;
    margin: 40px 0 30px;
    padding: 0 0 10px;
    position: relative;
    text-align: left;
    width: 97%;
}
.contact > .row > .address h3.contact_info::before {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #ca373c;
    bottom: -17px;
    content: "";
    height: 0;
    left: 60px;
    position: absolute;
    width: 0;
}
.about-page {
    background-color: #f4f4f4;
    margin-bottom: 0;
    max-width: 100%;
}
.about-page > .row > .col-lft {
    display: inline-block;
    padding-right: 2%;
    vertical-align: top;
    width: 49%;
}
.about-page > .row > .col-rgt {
    display: inline-block;
    padding-left: 3%;
    text-align: justify;
    width: 43%;
}
.about-page .row {
    border: 0 none;
    margin: 0 auto;
    max-width: 1100px;
    padding: 4% 0;
}
.about-page > .row > .col-rgt > b {
    color: #ca373c;
    display: block;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 3%;
    padding: 10px 0;
}
.history-gymkhana {
    background-image: url("../images/about_page.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.history-gymkhana .row {
    clear: both;
    display: inline-block;
    float: none;
    margin: 0 auto 6%;
    max-width: 1000px;
    position: relative;
}
.history-gymkhana .row .col-lft {
    float: left;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    width: 44%;
}
.history-gymkhana .row .col-rgt .year1 {
    float: left;
    position: relative;
    width: 100%;
}
.history-gymkhana .row .col-rgt .year1 .col-lft {
    left: 30px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    width: 77px;
}
.history-gymkhana .row .col-rgt .year1 .col-rgt {
    border-left: 3px solid #ca373c;
    margin-left: 7%;
    padding-left: 70px;
    text-align: left;
    width: 93%;
}
.history-gymkhana .row .col-rgt {
    float: right;
    width: 100%;
}
.history-gymkhana .row .col-rgt .year1 .col-rgt p {
    font-size: 22px;
    margin: 3% 0;
}
.red-div {
    background-color: #ca373c;
    clear: both;
    float: left;
    height: 30px;
    width: 100%;
}
.committee-wrapper {
    background-color: #f4f4f4;
    clear: both;
    display: inline-block;
    float: none;
    padding-top: 2%;
    text-align: center;
    width: 100%;
}
.committee-wrapper .row {
    display: block;
    margin: 0 auto;
    max-width: 1067px;
}
.committee-wrapper .row div {
    background-color: #ffffff;
    display: inline-block;
    margin: 23px 11px;
    padding: 5px 5px 15px;
    vertical-align: top;
}
.committee-wrapper .row div p {
    font-family: "Conv_futura bk bt";
    font-size: 13px;
    font-weight: bold;
    margin: 14px 0 4px;
}
.committee-wrapper .row div i {
    font-family: "Conv_futura bk bt";
    font-size: 13px;
    letter-spacing: 1px;
}
.largImg {
    max-width: 400px;
}
.midImg1 {
    max-width: 257px;
}
.midImg2 {
    max-width: 257px;
}
.smallImg {
    font-size: 12px;
    max-width: 230px;
}
.smallImg2 {
    font-size: 12px;
    max-width: 178px;
}
.smallImg i {
    font-size: 11px !important;
}
.find-more {
    color: #ffffff;
    display: inline-block;
    margin-bottom: 5%;
    max-width: 1200px;
    position: relative;
    width: 100%;
}
.find-more p {
    font-size: 17px;
}
.find-more > b {
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    margin: 3% 0 5%;
    padding: 0 6% 11px;
    position: relative;
}
.find-more > b::before {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #ffffff;
    bottom: -17px;
    content: "";
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
.find-more > .col-lft {
    border-right: 1px solid #ffffff;
    float: left;
    padding-right: 3%;
    text-align: left;
    width: 50%;
}
.find-more > .col-rgt {
    float: left;
    padding-left: 3%;
    text-align: left;
    width: 50%;
}
.find-more > .col-lft b {
    display: block;
    font-size: 17px;
    margin-bottom: 11px;
}
.find-more > .col-rgt b {
    display: block;
    font-size: 17px;
    margin-bottom: 11px;
}
h3.header-Text {
    border-bottom: 2px solid #ca373c;
    margin: 40px 0 0;
    max-width: 1200px;
    padding: 0 0 10px;
    position: relative;
    text-align: center;
    width: 100%;
}
h3.header-Text::before {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #ca373c;
    bottom: -17px;
    content: "";
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
.accordion-wrapper {
    float: none;
    width: 100%;
}
.accordion-wrapper > .accordion {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.accordion-wrapper > .accordion h3 {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #000000;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    letter-spacing: 0.2px;
    line-height: 21px;
    margin: 0 0 -1px;
    padding: 4px 10px;
    position: relative;
}
.accordion-wrapper > .accordion div.pane {
    background-color: #f4f4f4;
    border-radius: 5px;
    display: none;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 13px 13px;
}
.accordion-wrapper > .accordion div.pane ul li {
    list-style: outside none none;
}
.accordion div {
    display: none;
}
.accordion-wrapper > .accordion h3::before {
    content: "+";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.accordion-wrapper > .accordion h3.current {
    border-radius: 0;
    box-shadow: 0 0 0 #a8a8a8 inset;
    letter-spacing: 1px;
    padding-bottom: 3px;
}
.accordion-wrapper > .accordion h3 {
    border-radius: 0;
    box-shadow: 0 0 0 #a8a8a8 inset;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 14px 33px 14px 13px;
}
.accordion-wrapper > .accordion h3.current::before {
    content: "-";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.client-list {
    display: inline-block;
    margin-bottom: 3%;
    max-width: 1100px;
    padding-left: 30px;
    padding-right: 15px;
    text-align: left;
    width: 100%;
}
.client-list .col-lft {
    float: left;
    padding-left: 1%;
    padding-right: 3%;
    width: 50%;
}
.client-list .col-rgt {
    float: left;
    padding-left: 5%;
    padding-right: 0;
    width: 50%;
}
.client-list .col-lft > h3, .client-list .col-rgt > h3 {
    clear: both;
    display: inline-block;
    margin-top: 21px;
    position: relative;
}
.client-list .col-lft > h3::before, .client-list .col-rgt > h3::before {
    border-bottom: 11px solid transparent;
    border-left: 11px solid #ca373c;
    border-top: 11px solid transparent;
    content: "";
    height: 0;
    left: -27px;
    position: absolute;
    top: 9px;
    width: 0;
}
.thumbnill2 {
    display: block;
    padding: 2% 0;
    text-align: center;
    width: 100%;
}
.thumbnill2 .row {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
}
.thumbnill2 .row > ul li {
    display: inline-block;
    list-style: outside none none;
    vertical-align: top;
}
.thumbnill2 .row a {
    cursor: default;
    display: block;
    margin: 10px 10px 26px;
    max-width: 380px;
    position: relative;
}
.thumbnill2 .row a > div.footer-text {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
.thumbnill2 .row a > div.footer-text::after {
    border-bottom: 75px solid #ca373c;
    border-left: 297px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    z-index: -1;
}
.thumbnill2 .row a > div.footer-text > p {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    left: -11px;
    position: relative;
    top: -6px;
}
.menu-sticky {
    height: 130px;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.menu-sticky-bar {
    height: 70px;
    position: fixed;
    transition: all 0.25s ease-out 0s;
    width: 100%;
    z-index: 99;
}
.menu-sticky-bar::before {
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.tiny-logo {
    left: 50px;
    position: absolute;
    top: 6px;
    transition: all 0.25s ease-out 0s;
    width: 174px;
    z-index: 99;
}
.menu-center {
    position: absolute;
    right: 32px;
    top: 20px;
    transition: all 0.25s ease-out 0s;
    z-index: 99;
}
.future-plan {
    background-color: #f4f4f4;
    padding: 3% 10px;
    text-align: center;
}
.future-plan > .row {
    display: inline-block;
    max-width: 1000px;
}
.future-plan > .row > h3 {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 6px;
}
.future-plan > .row p {
    margin-bottom: 15px;
}
.logo > span {
    display: none;
}
.basic-slider-container {
    position: relative;
}
.basic-slider-previous, .basic-slider-next {
    border-radius: 0 3px 3px 0;
    color: rgba(255, 255, 255, 0.4);
    font-size: 26px;
    height: 38px;
    left: -64px;
    line-height: 42px;
    margin-top: -19px;
    position: absolute;
    text-align: right;
    top: 50%;
    width: 34px;
    z-index: 5;
}
.basic-slider-next {
    border-radius: 3px 0 0 3px;
    left: auto;
    right: -64px;
    text-align: left;
}
.basic-slider-container:hover .basic-slider-previous, .basic-slider-container:hover .basic-slider-next {
    display: block;
}
.basic-slider-previous:hover, .basic-slider-next:hover {
}
.basic-slider-previous.gabs-active, .basic-slider-next.gabs-active {
    color: rgba(255, 255, 255, 0.8);
}
.basic-slider li {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    text-align: center;
}
.basic-slider li:nth-child(2) {
}
.basic-slider li:nth-child(3) {
}
.basic-slider-item {
    display: table;
    width: 100%;
}
.basic-slider-item .h3 {
    display: inline-block;
    height: 245px;
    text-align: center;
    vertical-align: middle;
    width: 251px;
}
.basic-slider-item .h3 > span {
    background-color: #37393c;
    display: inline-block;
    margin: 0;
    position: relative;
}
.basic-slider-item .h3 > span > b {
    display: block;
    font-size: 14px;
    margin: 21px 0 11px;
}
.basic-slider-item .h3 > span > p {
    font-size: 14px;
    padding: 0 18px;
    text-align: center;
}
.basic-slider-indicators {
    text-align: center;
}
.basic-slider-indicators .gabs-indicator {
    color: #a7a7a7;
    display: inline-block;
    font-size: 40px;
    height: 24px;
    line-height: 24px;
    margin: 0 1px;
    text-align: center;
    width: 24px;
}
.basic-slider-indicators .gabs-indicator:hover {
    color: #7d7d7d;
}
.basic-slider-indicators .gabs-active {
    color: orange;
}
.basic-slider2-container {
    position: relative;
}
.basic-slider2-previous, .basic-slider2-next {
    border-radius: 0 3px 3px 0;
    color: rgba(255, 255, 255, 0.4);
    font-size: 26px;
    height: 38px;
    left: -64px;
    line-height: 42px;
    margin-top: -19px;
    position: absolute;
    text-align: right;
    top: 50%;
    width: 34px;
    z-index: 5;
}
.basic-slider2-next {
    border-radius: 3px 0 0 3px;
    left: auto;
    right: -64px;
    text-align: left;
}
.basic-slider2-container:hover .basic-slider2-previous, .basic-slider2-container:hover .basic-slider2-next {
    display: block;
}
.basic-slider2-previous:hover, .basic-slider2-next:hover {
}
.basic-slider2-previous.gabs-active, .basic-slider2-next.gabs-active {
    color: rgba(255, 255, 255, 0.8);
}
.basic-slider2 li {
    border-radius: 3px;
    text-align: center;
}
.basic-slider2 li:nth-child(2) {
}
.basic-slider2 li:nth-child(3) {
}
.basic-slider2-item {
    display: table;
    width: 100%;
}
.basic-slider2-item .h3 {
    display: inline-block;
    height: 245px;
    text-align: center;
    vertical-align: middle;
    width: 267px;
}
.basic-slider2-item .h3 > span {
    background-color: #37393c;
    display: inline-block;
    height: 245px;
    margin: 0 3%;
    position: relative;
}
.basic-slider2-item .h3 > span > .overlayer, .basic-slider-item .h3 > span > .overlayer {
    background-color: #ca373c;
    color: #ffffff;
    display: none;
    height: 100%;
    left: 0;
    padding: 24px 16px 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.basic-slider2-item .h3 > span:hover > .overlayer, .basic-slider-item .h3 > span:hover > .overlayer {
    display: block;
}
.basic-slider2-item .h3 > span:hover > .overlayer > b, .basic-slider-item .h3 > span:hover > .overlayer > b {
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
}
.basic-slider2-item .h3 > span > .overlayer > p, .basic-slider-item .h3 > span > .overlayer > p {
    font-size: 14px;
    margin-top: 23px;
    text-align: justify;
}
.basic-slider2-item .h3 > span > .overlayer > a, .basic-slider-item .h3 > span > .overlayer > a {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 12px;
    margin-top: 20px;
    padding: 3px 9px;
}
.basic-slider2-item .h3 > span > b, .basic-slider-item .h3 > span > b {
    color: #ffffff;
    display: block;
    font-size: 14px;
    margin: 21px 0 11px;
    text-align: center;
}
.basic-slider2-item .h3 > span > p, .basic-slider-item .h3 > span > p {
    color: #ffffff;
    font-size: 14px;
    padding: 0 18px;
    text-align: center;
}
.basic-slider2-indicators {
    text-align: center;
}
.basic-slider2-indicators .gabs-indicator {
    color: #a7a7a7;
    display: inline-block;
    font-size: 40px;
    height: 24px;
    line-height: 24px;
    margin: 0 1px;
    text-align: center;
    width: 24px;
}
.basic-slider2-indicators .gabs-indicator:hover {
    color: #7d7d7d;
}
.basic-slider2-indicators .gabs-active {
    color: orange;
}
@media (max-width: 1250px) {
.menu > ul > li > a {
    font-size: 14px;
}
.logo {
    left: 12px;
}
.logo a img {
    max-width: 183px;
}
}
@media (max-width: 1023px) {
p, b, h1, h2, h3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.border-bottom:before{  max-width: 340px;}
.achievement .basic-slider-item .h3 {
    display: inline-block;
    height: 178px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}
.welcome_wrapper h1 {
}
.accordion_tab > .tab {
    display: inline-block;
    height: 114px;
    position: relative;
    top: -33px;
    vertical-align: top;
    width: 100px !important;
}
.accordion_tab {
    border-bottom: 2px solid #ca373c;
    clear: both;
    display: block;
    float: none;
    height: 81px;
    margin: 0 auto 20px;
    max-width: 1100px;
    position: relative;
    text-align: center;
}
.add_tennis_red::before, .add_billiards_red::before, .add_gym_red::before, .add_kid_red::before {
    height: 66px;
    left: 0;
    top: -1px;
    width: 66px;
}
.add_restaurant_red::before, .add_bar_red::before, .add_sky_red::before, .add_cards_red::before {
    height: 66px;
    left: 0;
    top: -1px;
    width: 66px;
}
.accordion_tab > .col-lft > img, .accordion_tab > .col-rgt > img {
    width: 66px;
}
.add_news_red::before, .add_event_white::before {
    height: 66px;
    top: 0;
    width: 66px;
}
.height {
    height: 82px !important;
    top: -3px;
}
.Top1 {
    top: -33px !important;
}
.col-lft > h1, .accordion_tab > .col-rgt > h1 {
    font-size: 14px !important;
}
.accordion_tab > .col-lft, .accordion_tab > .col-rgt {
    height: auto;
    top: -34px;
    width: 110px;
}
.accordion_tab > .col-lft > h1, .accordion_tab > .col-rgt > h1 {
    padding: 11px 0;
}
.accordion_tab {
    height: 82px;
}
.accordion_tab > .tab > img, .accordion_tab > .tab > img {
    cursor: pointer;
    font-size: 14px !important;
    width: 66px;
}
.accordion_tab > .tab > h1, .accordion_tab > .tab > h1 {
    font-size: 12px !important;
}
#wowslider-container2 .ws_shadow {
    display: none;
}
.about-page > .row > .col-lft {
    margin-bottom: 6%;
    padding-right: 0;
    width: 100%;
}
.about-page > .row > .col-rgt {
    border-left: 0 none !important;
    display: inline-block;
    padding: 0 15px;
    text-align: justify;
    width: 100%;
}
.history-gymkhana .row .col-rgt .year1 .col-rgt {
    border-left: 0 solid #ca373c;
    margin-left: 7%;
    padding-left: 70px;
    padding-right: 3%;
    text-align: left;
    width: 100%;
}
.history-gymkhana .row .col-rgt .year1 .col-lft {
    left: 14px;
    position: absolute;
    top: 50%;
    width: 35px;
}
#wowslider-container1 {
    height: auto;
}
.menu > ul > li > a.active {
    width: 100%;
}
.menu > ul > li > a:hover {
    width: 100%;
}
h1 {
    font-size: 22px !important;
}
h2 {
    font-size: 19px !important;
}
h3 {
    font-size: 17px !important;
}
p {
    font-size: 16px !important;
}
b {
    font-size: 16px !important;
}
body {
    font-size: 16px !important;
    padding-top: 69px;
}
.menu-center, .menu {
    background-color: rgba(0, 0, 0, 0.9);
    display: none;
    position: absolute;
    right: 0;
    top: 70px;
    width: 100%;
    z-index: 99;
}
.tiny-logo, .logo {
    border-bottom: 2px solid red;
    float: left;
    height: 70px;
    left: 0;
    position: inherit;
    top: 0;
    width: 100%;
    z-index: 99;
}
.logo > a > img {
    float: left;
    margin-left: 9px;
    margin-top: 7px;
    max-width: 151px;
}
.logo > span {
    cursor: pointer;
    display: block;
    float: right;
    margin-right: 27px;
    margin-top: 15px;
    width: 46px;
}
.menu > ul > li {
    border-bottom: 1px solid #cdcdcd;
    display: inline-block;
    float: left;
    list-style: outside none none;
    position: relative;
    text-align: center;
    width: 100%;
}
.menu-sticky {
    background-color: rgba(0, 0, 0, 0.8);
    height: 70px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.menu-sticky-bar::before {
    background-color: rgba(0, 0, 0, 0.8);
}
.contact > .row > form {
    display: inline-block;
    padding: 0 15px;
    width: 100%;
}
.contact > .row > .address {
    display: inline-block;
    margin-top: 3%;
    max-width: 411px;
    padding: 1% 15px;
    vertical-align: top;
    width: 100%;
}
.contact > .row > form > span:nth-of-type(2) > input[type="submit"] {
    margin-top: 15px;
}
.join-now > span:nth-child(3) > a {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    margin: 0 1px;
    padding: 0 11px;
}
.join-now {
    padding: 2%;
}
.footer > .row > p:nth-child(1) {
    float: left;
    font-size: 12px !important;
    padding-left: 15px;
}
.footer > .row > p:nth-child(2) > a img {
    margin-left: 23px;
    padding-right: 16px;
    vertical-align: middle;
}
}
@media (max-width: 767px) {
#wowslider-container2 .ws_shadow, #wowslider-container3 .ws_shadow, #wowslider-container4 .ws_shadow, #wowslider-container5 .ws_shadow {
    display: none;
}
.billiards > .row > .col-lft #wowslider-container3 .ws_images > div > img {
}
.smallImg2 {
    max-width: 230px;
}
.news_wrapper > .row > .col-lft26 {
    padding-right: 0;
    text-align: center;
    width: 100%;
}
.news_wrapper > .news {
    padding: 3% 2%;
    width: 97%;
}
.news_wrapper > .row > .col-rgt73 {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    text-align: justify;
    width: 90%;
}
.event_wrapper > .row > .col-lft {
    padding-right: 0;
    width: 100%;
}
.event_wrapper > .row > .col-gallery-left {
    padding-right: 0;
    width: 100%;
}
.event_wrapper > .row > .col-rgt {
    margin-top: 3%;
    padding-left: 0;
    width: 100%;
}
.client-list .col-lft {
    float: left;
    padding-left: 7px;
    padding-right: 20px;
    width: 100%;
}
.membership_wrapper {
    height: 123px;
}
.client-list .col-rgt {
    float: left;
    padding-left: 7px;
    padding-right: 20px;
    width: 100%;
}
.achievement .basic-slider-item .h3 {
    display: inline-block;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    width: 134px;
}
.slider-wrapper > .row > .col-lft::after {
    background-color: #b3b3b3;
    opacity: 0;
}
.slider-wrapper > .row > .col-lft, .slider-wrapper > .row > .col-rgt {
    width: 100%;
}
.slider-wrapper > .row > .col-rgt > h3 {
    margin-top: 24px;
}
.contact > .row > .address > span {
    font-size: 13px;
}
.join-now > span:nth-child(3) {
    height: 40px;
    line-height: 40px;
    margin-bottom: 3%;
}
.footer > .row > p:nth-child(1) {
    float: left;
    font-size: 12px !important;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
.footer > .row > p:nth-child(2) {
    float: right;
    font-size: 12px !important;
    text-align: center;
    width: 100%;
}
.thumbnill > .row > a {
    margin: 10px;
}
.thumbnill > .row > a > div.footer-text::after {
    bottom: -1px;
}
}
@media (max-width: 600px) {
p {
    font-size: 13px !important;
}
.committee-wrapper .row {
    max-width: 500px;
}
.contact > .row > form > span:nth-of-type(1) {
    display: inline-block;
    width: 100%;
}
.contact > .row > form > span:nth-of-type(2) {
    display: inline-block;
    margin-top: 7px;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
.contact > .row > form > span:nth-of-type(2) > input[type="submit"] {
    width: 70px;
}
.col-sm-8 {
    margin-left: 20px;
}
}
@media (max-width: 459px) {
.membership_wrapper {
    height: 167px;
}
.accordion_tab > .tab > h1, .accordion_tab > .tab > h1 {
    font-size: 10px !important;
}
.accordion_tab > .tab {
    width: 76px !important;
}
.billiards > .row > .col-lft #wowslider-container3 .ws_images > div > img {
}
.col-sm-8 {
    margin-left: 20px;
}
}
@media (max-width: 430px) {
.basic-slider-previous, .basic-slider2-previous {
    left: 0;
}
.basic-slider-next, .basic-slider2-next {
    left: auto;
    right: 0;
}

}


@media (max-width: 389px) {
.border-bottom:before{  max-width: 210px;}

}
@media (max-width: 345px) {

.accordion_tab > .tab > h1, .accordion_tab > .tab > h1 {
    font-size: 10px !important;
    margin-left: -8px;
    width: 76px;
}
.accordion_tab > .tab > img, .accordion_tab > .tab > img {
    cursor: pointer;
    font-size: 14px !important;
    width: 66px;
}
.accordion_tab > .tab {
    width: 63px !important;
}
.col-sm-8 {
    margin-left: 20px;
}
}
@media (max-width: 335px) {
.contact > .row > .address > span > img {
    margin-right: 10px;
    vertical-align: middle;
    width: 24px;
}
}
.sponsor_banner {
    height: 150px;
    margin-bottom: 40px;
}
.col-md-6 {
    float: left;
}
.col-md-6.right {
    float: right;
}
.sponsor_banner.col-md-6 > a > img {
    float: left;
    width: 100%;
}
.nsl_pdf {
    background-color: #ca373c;
    color: #ffffff;
    display: inline-block;
    font-family: "Conv_futura bk bt";
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    padding: 0 6px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
}
#main-contact-form {
    margin: 0 auto;
    padding-top: 15px;
    width: 450px;
}
#contact-page {
    padding-top: 0;
}
#contact-page .contact-form .form-group label {
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 300;
}