body{font-family: 'Open Sans', sans-serif; font-size:14px; margin:0px; padding:0px; line-height:20px; overflow-x:hidden; font-family: 'Open Sans', sans-serif; }

header{height:100px;}

.top_bar1{padding:10px 0; background:#000;}

ul{list-style: none; padding:0px; margin:0px;}

ul>li{list-style: none; padding:0px; margin:0px;}

.top_bar{text-align: right; float:right}

.top_bar a>li{float: left; border-right:0px solid #535353; padding: 10px 15px 10px; transition:all 0.3s ease-in-out 0s}

.top_bar a>li>i{font-size:17px; color:#fff; text-align: center; }

.top_bar a>li:hover{transition:all 0.3s ease-in-out 0s;  padding: 10px 20px 10px;}

.top_bar a:nth-child(1) li{  background: #3b5998;}

.top_bar a:nth-child(2) li{  background: #00aced;}

.top_bar a:nth-child(3) li{  background: #bb0000;}

.top_bar a:nth-child(4) li{  background: #dd4b39;}

.top_bar a:nth-child(5) li{  background: #cb2027;}

.top_bar a:nth-child(6) li{  background: #007bb6;}

.top_bar a:nth-child(7) li{  background: #7B0099;}

.logo a:focus{outline:0}

.logo a:hover{color:#000; text-decoration: none}

.logo a{color:#000}

.logo a>span{color:#000}

.nbs-flexisel-item a:hover{text-decoration:none}

.logo{ position:relative; height:100px; font-size: 32px; padding: 2px 0 0 15px; text-transform: uppercase;}

.ws_images h1{font-size:43px; color:#b4ee0c; font-weight: bold; margin:0px; padding-bottom:20px; text-transform: uppercase; text-shadow: 0px 1px #fff;}
.ws_images h3{font-size:28px; color:#fff; margin:0px; padding-bottom:20px; text-transform: uppercase}

.ws_images p{font-size:18px; color:#b4ee0c; margin:0px; padding-bottom:0px; text-transform: capitalize; line-height:30px;}

.button1{color:#fff; font-size:20px; text-transform: uppercase; border:1px solid #b4ee0c !important; padding:10px 30px; text-align: center; border-radius:3px; background:#b4ee0c; float: left; margin:30px 0 0 0; }

.button1:hover{color:#000; border:1px solid #fff !important}

.hvr-bounce-to-right { 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; -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;}

[class^="hvr-"] { display: inline-block;   vertical-align: middle;    text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

.hvr-bounce-to-right::before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0; right: 0;  bottom: 0; background: #fff;  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 0 50%;  transform-origin: 0 50%;  -webkit-transition-property: transform; transition-property: transform;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

.hvr-bounce-to-right:hover::before, .hvr-bounce-to-right:focus::before, .hvr-bounce-to-right:active::before {
 -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)}
 
.top_secion{z-index:999; width:100%; position:absolute; width:100%}

.white_bg{background:#fff}
 
.section_1{padding:50px 0 60px;}


header{ position: static; width: 100%; text-align: center; transition:all 0.3s ease-in-out 0s;}

header.sticky { text-align: left; position:fixed; top:0px; transition:all 0.3s ease-in-out 0s;}

.sticky{background:#fff}

.sticky .logo:before{display: none }

.sticky .logo:after{display: none }

.sticky .inner_logo::before { display: none}

.sticky .inner_logo::after { display: none}

.sticky .inner_logo_img::after {display: none;}

.sticky .inner_logo { height:auto; background:#fff; top:0px;}

.sticky .inner_logo_img img { padding: 0px 0;}

.sticky #cssmenu > ul > li > a { padding:41px 25px;}

.sticky:before {  background: url(../images/shadow.png) left 100%;  background-repeat: no-repeat;  background-size: 100% 100%; width: 100%;  height: 10px; position: absolute; left: 0;  bottom: -11px; z-index: -1;content:""; display: block;}

.title_sec h2{text-transform: capitalize; font-size:40px; text-align: center; margin:0px; padding:0 0 10px; font-weight:500; color:#000; font-family: 'Roboto', sans-serif;}

.divider{border-bottom:1px solid #000; margin:0 auto 20px; width:15%; position:relative; border-radius:5px;}

.divider:before{width:60%; height:5px; background:#b4ee0c; position:relative; margin:0 auto; content:""; display: block; top:3px;}

.icon{width:120px; height:120px; background:#000; margin:0 auto 40px; transform: rotate(25deg);}

.icon_inner{width:120px; height:120px; background:#b4ee0c; margin:0 auto; transform: rotate(20deg); text-align: center;}

.icon_inner i{transform:rotate(-45deg); line-height:120px; font-size:60px; color:#fff;}

.our_ser h2{text-transform: capitalize; font-size:25px; text-align: center; margin:0px; padding:0 0 10px; font-weight:500; color:#000;}

.divider1{border-bottom:2px solid #b4ee0c; margin:0 auto 20px; width:25%; border-radius:5px;}

.our_ser p{text-align: center; line-height:20px;}

.readmore{ border:1px solid #b4ee0c; border-radius:3px; padding:10px 30px; text-align: center; color:#000; font-size:18px; text-transform: capitalize;  margin:10px 0; display:inline-block; position:relative; padding-right: 2.2em; }

.readmore:hover{color:#000; text-decoration: none;}

.readmore::before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px;  font-family: FontAwesome;  -webkit-transform: translateZ(0);  transform: translateZ(0);font-size:15px;}

.readmore:hover::before, .readmore:focus::before, .readmore:active::before { -webkit-animation-name: hvr-icon-wobble-horizontal;  animation-name: hvr-icon-wobble-horizontal;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1;}

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.our_ser{margin:40px 0 0 }

.our_ser:hover .icon_inner{background:#000; transition:all 0.3s ease-in-out 0s;}

.our_ser:hover .icon{background:#b4ee0c; transition:all 0.3s ease-in-out 0s;}

.section_2{background:url(../images/tennis_sec.jpg) no-repeat scroll center top;  padding:70px 0}

.box_1{width:50%; padding:40px 30px; float: left; background:RGBA(0, 0, 0, 0.93); outline:8px solid rgba(255, 255, 255, 0.74); outline-offset:5px;}

.box_2{width:50%; padding:0; float: left}

.box_1 h2{text-transform: capitalize; font-size:30px; text-align: left; margin:0px; padding:0 0 10px; font-weight:500; color:#fff;}

.divider2{border-bottom:2px solid #b4ee0c; margin:0 0 20px; width:20%}

.box_1 p{color:#ddd; }

.box_1 p:last-child{margin-bottom:0px;}

.section_3{padding:70px 0 ;}

.news_sec p{font-size:22px; line-height:20px; margin-bottom:0px; padding:15px 0; color:#000;}

.news_sec p>i{padding-left:10px;}

.news_sec{ margin:20px auto 0;  }

.border_half_left{width:60px; height:60px; border-width:2px 0px 0px 2px; border-color:#b4ee0c; border-style:solid; position: absolute; transition:all 0.3s ease-in-out 0s; top:0px; left:10px;}

.border_half_right{width:60px; height:60px; border-width:0px 2px 2px 0px; border-color:#b4ee0c; border-style:solid; position: absolute; bottom:0px; right:0px; transition:all 0.3s ease-in-out 0s; right:10px}

.recent_news:hover .border_half_left { width:90px; height:90px; border-color:#000; transition:all 0.3s ease-in-out 0s}

.recent_news:hover .border_half_right { width:90px; height:90px; border-color:#000; transition:all 0.3s ease-in-out 0s}

.recent_news{padding:20px; margin:0 10px;}

.recent_news:hover{box-shadow:0 0 5px 0 #ccc;}

.section_3 h2{text-transform: capitalize; font-size:30px; text-align: left; margin:0px; padding:0 0 15px; font-weight:500; color:#000; border-bottom:1px solid #000; margin:0 0 10px;}

.section_4{background:#b4ee0c; padding:60px 0;}

footer{background:#fff; padding:0px 0; position:relative; max-width: 1349px; margin: 0 auto;}

.section_4 h2{text-transform: capitalize; font-size:30px; text-align: left; margin:0px; padding:0 0 0px; font-weight:500; color:#fff; margin:0 0 0px; line-height:40px; padding-left:40px;}

.right{float: left; border:1px solid #fff !important; margin:20px 0 0 40px; padding:15px 40px !important; background:#000; color:#fff}

.right:last-child{margin-left:20px;}

.right:hover{color:#fff}

.footer_img{position:absolute; width: 36%; margin-top: -100px; left:-75px; }

.footer{background:#fff; padding:60px 0 30px}

.footer  h2{text-transform: capitalize; font-size:25px; text-align: left; margin:0px; padding: 15px; font-weight:500; color:#000;  margin:0 0 20px; background:#f5f5f5; border-left:5px solid #b4ee0c}

.conatct_link li>i{float: left; font-size:18px; color:#b4ee0c; padding-right:15px;}

.conatct_link li>p{overflow:hidden;}

.conatct_link li>p>a{color:#000;}

.conatct_link li>p>a:hover{color:#b4ee0c;}

.social_link a>li{float: left; border-right:0px solid #535353; padding: 15px 15px 15px; transition:all 0.3s ease-in-out 0s; margin-right:10px; opacity:0.9}

.social_link a>li>i{font-size:17px; color:#fff; text-align: center; }

.social_link a>li:hover{transition:all 0.3s ease-in-out 0s;  opacity:1;}

.social_link a:nth-child(1) li{  background: #3b5998;}

.social_link a:nth-child(2) li{  background: #00aced;}

.social_link a:nth-child(3) li{  background: #bb0000;}

.social_link a:nth-child(4) li{  background: #dd4b39;}

.social_link a:nth-child(5) li{  background: #cb2027;}

.social_link a:nth-child(6) li{  background: #007bb6;}

.social_link a:nth-child(7) li{  background: #7B0099;}

.next_page a{color:#000; font-size:16px; text-decoration:underline}

.ab p{line-height:23px;}

.copy_right{border-top:1px solid #000; margin-top:30px; padding-top:30px; }

.copy_right p{text-align: center; font-size:15px; margin:0px;}

.copy_right p>a{color:#000}

.page_header{background:url(../images/page_header.jpg) no-repeat scroll center top; padding: 130px 0 30px;}

.quick_con{float: left; width:100%; padding:9px 0}

.quick_con li{float:left; margin-right:20px; border-right:1px solid #ddd; padding-right:20px;}

.quick_con li:last-child{ margin-right:0px; border-right:0px solid #ddd; padding-right:0px;}

.quick_con li>i{float: left; padding-right:10px; font-size:17px; color:#fff; line-height:20px;}

.quick_con li>p{overflow:hidden; color:#fff; margin:0px; float: left; font-size:15px;}

.quick_con li>p>a{color:#b4ee0c}

.quick_con li>p>a:focus{color:#b4ee0c; outline:0}

.page_header h3{text-transform: capitalize; font-size:33px; color:#fff; margin:0px; padding-bottom:0px;  text-align: center}

.page_header p{text-transform: capitalize; font-size:16px; color:#fff; margin:0px;  text-align: center}

.page_header p>a{color:#b4ee0c;}

.section_5{background:#fff; padding:60px 0 ;}

.section_5 h2{text-transform: capitalize; font-size:30px; text-align: left; margin:0px 0 20px; padding:0 0 10px; font-weight:500; color:#000;line-height:33px; border-bottom:1px solid #b4ee0c; display:inline-block }

.about_border {border:1px solid #ddd; padding:40px 30px;}

.section_5 img{float: right; margin-left:10px; margin-bottom:10px; border:5px solid #fff; box-shadow:0 0 5px #ccc}

.my_form{padding:40px 30px; box-shadow:0 0 5px #ccc; background:#fff}

.my_form form{width:100%}

.my_form .intro_feilds  input{width:100%; padding:8px 10px; border:1px solid #000; color:#000; text-transform: capitalize; margin-bottom:10px;}

.my_form .intro_feilds label{font-weight:500; color:#000}

.checkbox-custom, .radio-custom { opacity: 0; position: absolute;   }

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; cursor: pointer;font-weight:500}

.checkbox-custom-label, .radio-custom-label { position: relative;}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before { content: '';  background: #fff;  border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px;  margin-right: 10px;  text-align: center;}

.checkbox-custom:checked + .checkbox-custom-label:before {  background: rebeccapurple; box-shadow: inset 0px 0px 0px 4px #fff;}

.radio-custom + .radio-custom-label:before {   border-radius: 50%;}

.radio-custom:checked + .radio-custom-label:before { background: #b4ee0c; box-shadow: inset 0px 0px 0px 4px #fff;}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {outline: 0px solid #ddd; }

.check{float: left; margin-right:20px; margin-bottom:10px;}

.midd_feilds p{margin-bottom:5px;}

.midd_feilds select{width:100%; padding:8px 10px; margin-bottom:10px; }

.midd_feilds textarea{width:100%; padding:8px 10px; height:100px; margin-bottom:10px; border:1px solid #000;}

.section_6{background:url(../images/tennis_lessons.jpg) no-repeat scroll center top; padding:80px 0; position:relative; background-size:cover; max-width: 1349px; margin: 0 auto;}

.section_6 h2{text-transform: capitalize; font-size:30px; text-align: left; margin:0px 0 20px; padding:0 0 10px; font-weight:500; color:#000;line-height:33px; border-bottom:1px solid #b4ee0c; display:inline-block }

.section_6 img{position:absolute; top:0px; width:50%}

.section_7{padding:60px 0; }

.summer-camps{padding:30px; box-shadow:0 0 5px #ccc}

.title_bar{background:#000; padding:30px 15px;}

.title_bar h2{font-size:50px; text-align: center; color:#fff; margin:0px; padding-bottom:5px; text-transform: capitalize; }

.title_bar h4{font-size:30px; text-align: center; color:#b4ee0c; margin:0px; padding-bottom:15px; text-transform: capitalize; }

.title_bar p{font-size:22px; text-align: center; color:#fff; margin:0px; padding-bottom:0px; text-transform: capitalize; }

.four_session{background:#f5f5f5; padding:20px;}

.extra_session{border:1px solid; padding:0px;}

.extra_session h2{font-size:20px; text-align: center; color:#000; margin:10px 0 0px; padding-bottom:10px; text-transform: capitalize; border-bottom: 1px solid #000; }

.my_table{width:100%}

.my_table >thead>tr>th{border-left:1px solid #ddd; padding:10px; text-align: center; background:#000; color:#fff; font-size:16px;}

.my_table >thead>tr>th:first-child{border-left:0px;}

.my_table >tbody>tr>td{border-left:1px solid #ddd; padding:10px; text-align: center;  font-size:16px;}

.my_table >tbody>tr>td:first-child{border-left:0px;}

.my_table >tbody>tr:nth-child(even){background:#b4ee0c; color:#fff;}

.my_table >tbody>tr:nth-child(odd){background:#fff;}

.note_sec{border:1px solid #ddd; padding:20px; border-radius:5px; margin:30px 0}

.note_sec h2{font-size:20px; text-align: left; color:#000; margin:0px 0 0px; padding-bottom:0px; text-transform: capitalize;  }

.contact_details h1{font-size:23px; text-align: center; color:#000; margin:0px 0 10px; padding-bottom:10px; text-transform: capitalize; line-height:33px; border-bottom:1px solid #ddd}

.contact_details p{font-size:18px; text-align: center; color:#000; margin:0px 0 0px; padding-bottom:0px; text-transform: capitalize; line-height:26px; }

.contact_details {padding: 72px 0px;}

.tables h2{font-size:24px; text-align: left; color:#000; margin:0px 0 20px; padding-bottom:0px; text-transform: capitalize;  }

.tables h1{font-size:16px; text-align: left; color:#000; margin:15px 0 0px; padding-bottom:0px; text-transform: capitalize;  font-weight: bold}

.my_table1{width:100%}

.my_table1 >thead>tr>th{border-width:1px 0 1px 0; border-style:solid; border-color:#ddd; padding:10px; text-align: center; background:#b4ee0c; color:#fff; font-size:16px;}

.my_table1 >tbody>tr>td{border-width:1px 0 1px 0; border-style:solid; border-color:#ddd; padding:10px; text-align: center;  font-size:16px;}

.my_table1 >tbody>tr:nth-child(even){background:#f5f5f5; }

.my_table1 >tbody>tr:nth-child(odd){background:#fff;}

.seperator{border-bottom:1px solid #ddd; padding:40px 0 0 0; margin:0px 0 30px 0}

#wowslider-container1{max-width:1349px !important; margin:0 auto;}

.my_button{ border:1px solid; padding:10px 50px; font-size:20px; background:#b4ee0c; color:#fff; text-align: center; margin:10px 0 0}
.mark_sec{
	    background-color: whitesmoke;
    padding: 0px 15px 20px;
    margin-top: 20px;
    border: 1px solid #000;
}
.mark_sec h2{
	background: #000;
    padding: 10px 15px;
    color: #fff;
}
.mark_sec ul li {
	margin-left:30px;
	line-height:35px;
}
.abt{
	border: 1px solid #000;
    padding: 20px;
    background-color: whitesmoke;
}
.abt h2{
	margin-bottom: 15px;
    margin-top: 0;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 5px;
}
.abt p{
	text-align:justify;
	font-size:14px;
}
.contact_details h1 a {
	    text-transform: lowercase;
}
.my_table1 >tbody>tr>td{
	width:1px;
}
.mark_sec1{
	    background-color: whitesmoke;
    padding: 0px 15px 20px;
    margin-top: 20px;
    border: 1px solid #000;
margin-bottom: 20px;}
.mark_sec1 h2{
	    background: #000;
    padding: 10px 15px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
}
.mark_sec1 ul li {
	margin-left:30px;
}
.testmon {
	    margin: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0;
}
.testmon p {
	font-size:32px;
}
.testmon p span{
	font-size: 24px;
    font-style: italic;
    line-height: 30px;
    transform-style: flat;
}
.abtm {
	 background-color: whitesmoke;
    padding: 0px 15px 20px;
    margin-top: 20px;
    border: 1px solid #000;
margin-bottom: 20px;
}
.abtm h2{
	background-color: #000;
    color: #fff;
    padding: 5px 10px;
    margin-top: 15px;
}
.abtm p a {/*color:#b4ee0c;*/color:#333;}
.abtm p a:hover{ 
color:#000;}
.bg_color{
	background-color: whitesmoke;
	    border: 1px solid #000;
    padding: 20px;
    margin-top: 20px;
}
.bg_color h2{
	    color: #fff;
    background: #000;
    padding: 10px;
}
.bg_color p{
	    font-size: 16px;
    line-height: 24px;
}
.cl_img{
	padding-top:45px;
}
.Camp-section{

background: #b4ee0c;
margin: 0 auto;
padding: 15px;
}
.mark_sec1 ul li {
    
    line-height: 35px;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
    width: 14% !important; 
}
button, input, select, textarea {
   
    padding: 10px;
    margin-bottom: 15px;
}
.sub-button{
border: 1px solid #fff !important;

padding: 15px 40px !important;
background: #000;
color: #fff;
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
border-radius: 5px;

}
.tables{
 margin-bottom: 30px;
}

.check label.radio-inline{font-weight: normal;margin-top: 5px;}
.check label.radio-inline input[type="radio"]{vertical-align: top; margin-top: 0px;margin-right: 5px;}
.check label.radio-inline span.wpcf7-list-item{margin-left: 0;}
.Camp-section a{color: #333;}