@charset "utf-8";
/* CSS Document */

.col-md-3.historys {
    margin-top: 15px;
}
.fbicon {
    float: left;
    margin-left: 53%;
    margin-top: 4px;
}
.icons {
    float: left;
    margin-right: 10px;
}
*{
  padding:0;
  margin:0;}
  
  
.row{
    padding:0 !important;
    margin:0 !important;}


.silder img {
    width: 100%;
}
.welcomeimg img {
    width: 100%;
}


.top-bar{background-color:#a5c756;
//height: 34px;}


.fa-icon {
    color: #fff;
    font-size: 17px !important;
    vertical-align: middle;
    margin-right: 10px;
}

i.fa.fa-facebook-official {
    margin-right: 8px;
    color: #a5c756;
}


.tab1 p {
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin: 3px;
    text-align: center;
            
   
}

.tab2 p {
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin: 3px;
    text-align: center;
           
   
}

.tab1 {
    padding: 8px 0 6px 0;
    text-transform: uppercase;
    padding-left: 6px;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    font-size: 12px;
    
    text-align: center;
}

.tab2 {
    padding: 8px 0 6px 0;
    text-transform: uppercase;
    padding-left: 6px;
    border-right: 1px solid #eeeeee;
    font-size: 12px;
   text-align: center;
}
.tab2 a{ color: #fff;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
    font-weight: 500; }


.nav {
    padding: 10px 0 7px;
    background: #fff;
    width: 100%;
}
.menu {
    margin-top: 8px;
}

.menu ul li {
    float: left;
}

.menu ul {
    list-style-type: none;
    margin-top: 14px;

}


.menu ul li a {
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
       padding: 8px 8px 18px 20px;
       font-weight: 700;
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
       font-size: 13px;
    color: #000 !important;

}
.menu ul li a:hover {
    border-bottom: 3px solid #a5c756;
    color: #000;
}


.events h1 {
    color: #fff;
    font-size: 24px;
    padding: 23px 10px;
    margin-top: 0px;
    border-radius: 0px !important;
    background-color: #323232;
    border: none !important;
    padding: 30px 20px;
    color: #fff;
    margin-right: 0;
        font-family: 'Open Sans', sans-serif;
        
    z-index: 000;
    width: 100%;
    margin-top: -85px;
        text-align: center;
}

.col-md-4.event {

    padding-right: 0px !important;
    padding-left: 0px !important;

}
.col-md-4.new {

    padding-right: 0px !important;
    padding-left: 0px !important;

}
.col-md-4.gallery {

    padding-right: 0px !important;
    padding-left: 0px !important;

}



.event>h1:hover, .event>h1:focus {
    text-decoration: none;
    background-color: #a5c756 !important;
    cursor: pointer;
}
.new >h1:hover, .new>h1:focus {
    text-decoration: none;
    background-color: #a5c756 !important;
    cursor: pointer;
}
.gallery>h1:hover, .gallery>h1:focus {
    text-decoration: none;
    background-color: #a5c756 !important;
    cursor: pointer;
}
 


 .carousel-inner li {
    line-height: 22px;
    padding-top: 14px;
    font-size: 13px;
    border-bottom: 1px dotted #000;
    color: #808080;
      font-family: 'Open Sans', sans-serif;
      margin-left: 50px;
          text-align: justify;
}
.event ul {
    margin-bottom: 8px !important;
}
ul, li {
    list-style: none;
   }
.event {
    background-color: #ededed;
      border-left: 1px dotted #000;
        border-bottom: 1px dotted #000;
}

.new{
    background-color: #ededed;
  
  

        border-bottom: 1px dotted #000;
}



.gallery {
    background-color: #ededed;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;

        height: 212px;

}

 .galleryimg{border-left: 1px dotted #000;
 padding-left: 10px;
    height: 184px;} 



.carouselslide ul {
    border-right: 1px dotted #000;
    padding-right: 20px;
}

div#carousel-news-gym {
    height: 200px;
}

div#carousel-testimonials-gym{
    height: 190px;

}

.welcome h1 {
    font-size: 34px;
    color: #000;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 12px;
}

.welcome{ background: #eaeaea;
   } 


.text p {
    font-size: 14px;
    line-height: 27px;
    text-align: justify;
    color: black;
    font-family: 'Work Sans', sans-serif;
}
.text{ margin-top: 45px !important;}

    .events{ background: #eaeaea;
  } 



  .carousel-controls {
    position: absolute;
    right: 36px;
    top: 10px;
}



.new a.pull-left img, .panel-body a.pull-left img {
    border-radius: 100%;
}

.new h4 {
    color: #323232;
    text-transform: none;
    font-size: 15px;
    font-weight: 700;
}

.new h4+p {
    font-style: 'Open Sans',sans-serif;
}

img.media-object {
    border-radius: 100%;
}
.carouselslide2 {
    position: relative;
    margin-left: 12px;
}

section#main-slider {
    position: sticky;
}

.new h3 {
  
    color: #323232;
    font-size: 20px;
    margin-bottom: 35px;
    font-style: 'Open Sans',sans-serif;

}

.new h4 {
    color: #323232;
    text-transform: none;
    font-size: 15px;
    font-weight: 700;
}
a img {
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}


.media-body p {  font-size: 13px;
color: #808080; }


.copy{ background-color: #333333; }


.copy p {
    color: #fff;
    font-weight: 400;
    padding-top: 10px;
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
}


.copy p a {
    color: #a5c756;
}

.Facilities2 {
    margin-bottom: -5px !important;

}

.carousel-controls i {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}


.web p {
    
    float: right;
}
.w3-validator {
    width: 82px;
    height: 15px;
    float: right;
    background: url(../images/xhtml10.jpg) no-repeat;
    margin: 11px 0% 0px 0;
}

/* -------iner pages start -----------*/

.banner img {
    width: 100%;
}
.text2 p {
    font-size: 14px;
    line-height: 27px;
    text-align: justify;
    color: black;
    font-family: 'Work Sans', sans-serif;
}
.text2 h1 {
    color: #a5c756;
     font-family: 'Open Sans',sans-serif;
}
.aboutimg img {
    width: 100%;
    margin-top: 75px;
}

.facilities-iner h3 {
    font: 700 22px 'Open Sans',sans-serif;
        font-size: 22px;
    text-align: center;
    font-size: 30px;
  
    color: #9fc64f;
    height: 60px;
    padding-top: 7px;
    background: rgba(0, 0, 0, 0); 
    background: url("../images/bg11.png") repeat-x left center;
}

.facilities-iner h3 span{background:#FFF;
padding-right: 25px;
padding-left: 25px;}



.textarea h1 {
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 12px;
    border-bottom: 1px solid #9fc64f;
    margin-top: 20px;
margin-bottom: 7px;

}


.fa.fa-circle {
    margin-right: 7px;
    font-size: 7px;
    color: #9fc64f;
}

.more {
    background-color: #9fc64f;
    border: none;
    padding: 8px 25px 9px 25px;
    color: #fff;
    border-radius: 3px;
    font: 700 11px 'Open Sans',sans-serif;
    margin-top: 10px;
    margin-left: 2px;
    margin-bottom: 30px;
}

.textarea ul li {
    font-weight: 500 !important;
     font-family: 'Work Sans', sans-serif;

}

.row.copy {
    border-top: 4px solid #9fc64f;
}
.row.copy-2{
        border-top: none;
        height: 40px;
}


.copy-2{ background-color: #333333; }


.copy-2 p {
    color: #fff;
    font-weight: 400;
    padding-top: 10px;
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
}



.historyimg img {
    border-radius: 5px;
}



.historys p {
    background-color: #a5c756;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
      box-shadow: 0px 4px 5px #888888;
}

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

.text3 h1 {
    color: #a5c756;
     font-family: 'Open Sans',sans-serif;
}
.text3 h2 {
    font-size: 17px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
}


.text3  p {
    font-size: 14px;
    color: black;
    font-family: 'Work Sans', sans-serif;
    margin-left: 27px;
}

.text3 ul li {
    margin-left: 27px;
}

.text3 h2 .fa-home {
    margin-right: 8px;
    color: #a5c756;
}

.text3 h2 .fa-phone
{
    margin-right: 8px;
    color: #a5c756;
}

.text3 h2 .fa-fax{
    margin-right: 8px;
    color: #a5c756;
}
.text3 h2 .fa-envelope-o{
    margin-right: 8px;
    color: #a5c756;
}

.text3 img {
    width: 100%;
    margin-top: 34px;
}

.text4 h1 {
    color: #a5c756;
     font-family: 'Open Sans',sans-serif;
}

.text4 h3 {
    color: #5C7B30;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
padding-bottom: 2px;
margin-top: 20px;
margin-bottom: 0px;
}


.text4 ul li {
   list-style: inside;
}

.text4 span {
    color: #ff083c;
    font-family: 'Open Sans', sans-serif;
}

.text5 {
    margin-top: 31px;
    margin-bottom: 31px;
}

.button-area2 {
    margin-top: 30px;
}

.button-area3 {
    margin-top: 30px;
}

.button-area4 {
    margin-top: 110px;
}

.textarea3 p {
    margin: 0 0 10px;
        margin-left: 0px;
    margin-left: 14px;
}

.textarea3 .fa.fa-circle {
    margin-right: 0px;
    font-size: 7px;
    color: #9fc64f;
    float: left;
    margin-top: 7px;
}

.textarea3 h1 {
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 12px;
    border-bottom: 1px solid #9fc64f;
    margin-top: 20px;
    margin-bottom: 7px;
}

.textarea3 .button-area2 {
    margin-top: 50px;
}
.textarea3 .button-area3 {
    margin-top: 32px;
}

.textarea3 .button-area4 {
    margin-top: 37px;
}

.textarea3 .button-area5 {
    margin-top: 58px;
}

.textarea3 .button-area6 {
    margin-top: 16px;
}





.textarea4 p {
    margin: 0 0 10px;
        margin-left: 0px;
    margin-left: 14px;
}

.textarea4 .fa.fa-circle {
    margin-right: 0px;
    font-size: 7px;
    color: #9fc64f;
    float: left;
    margin-top: 7px;
}

.textarea4 h1 {
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 12px;
    border-bottom: 1px solid #9fc64f;
    margin-top: 20px;
    margin-bottom: 7px;
}
.textarea4 .button-area2 {
    margin-top: 30px;
}

.textarea4 .button-area3 {
    margin-top: 11px;
}


.textarea5 p {
    margin: 0 0 10px;
        margin-left: 0px;
    margin-left: 14px;
}

.textarea5 .fa.fa-circle {
    margin-right: 0px;
    font-size: 7px;
    color: #9fc64f;
    float: left;
    margin-top: 7px;
}

.textarea5 h1 {
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 12px;
    border-bottom: 1px solid #9fc64f;
    margin-top: 20px;
    margin-bottom: 7px;
}

.textarea5 .button-area4 {
    margin-top: 70px;
}

.textarea5 .button-area2 {
    margin-top: 60px;
}



.textarea6 p {
    margin: 0 0 10px;
        margin-left: 0px;
    margin-left: 14px;
}

.textarea6 .fa.fa-circle {
    margin-right: 8px;
    font-size: 7px;
    color: #9fc64f;
    float: left;
    margin-top: 7px;
}

.textarea6 h1 {
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 12px;
    border-bottom: 1px solid #9fc64f;
    margin-top: 20px;
    margin-bottom: 7px;
}


.textarea6 .button-area1 {
    margin-top: 60px;
}
.inerimg img {
    width: 100%;
    margin-top: 75px;
    border-radius: 5px;
    margin-bottom: 28px;
}

.textarea7 .right1 {
    float: left;
    margin-bottom: 40px;
    margin-right: 9px;
    margin-top: 3px;
    color: #5C7B30;
}


.textarea7 h1 {
    color: #a5c756;
    font-family: 'Open Sans',sans-serif;
}


.textarea7 p{
    font-size: 14px;
    line-height: 27px;
    text-align: justify;
    color: black;
    font-family: 'Work Sans', sans-serif;
}
.textarea7 .right2 {
    float: left;
    margin-bottom: 0px;
    margin-right: 9px;
    margin-top: 3px;
    color: #5C7B30;
}








/* -------iner pages start -----------*/





/* -------responsive start -----------*/

@media (max-width:1600px){

.row.nav1 {
    display: none;
}

.row.nav2 {
    display: none;
}

.navbar.navbar-default.mobile-menu {
    display: none;
}



}

@media (max-width:1280px){

    .row.nav1 {
    display: none;
}
.row.nav2 {
    display: none;
}


nav.navbar.navbar-default.mobile-menu {
    display: none;
}
}

@media (max-width:1024px){


    .row.distop-area {
    display: none;
}


    .row.nav1 {
    display: inherit;
}
 .row.nav2 {
    display: inherit;
}

.logo { text-align: center; }


.menu ul li a {
  padding: 0px 24px 19px 15px;

    font-size: 11px;
    
}

.text {
    margin-top: 0px !important;
}

.galleryimg img {
    width: 100%;
}



element {

}
.tab2 p {

    font-size: 11px;
   

}
}


@media (max-width:980px){

.menu ul li a {
    padding: 0px 8px 19px 5px;
}

.col-md-4.tab1 {
    display: none;
}
.tab-new {
    display: none;
}

.tab2 {
   
    border-right:none;}
   

.col-md-4.new {
  
    margin-top: 87px;
}

.col-md-4.gallery {
    margin-top: 87px;
}

.galleryimg img {
    width: 60%;

}

.event {
    border-left: none;
    border-bottom:  none;
}

.carouselslide ul {
    border-right: none;
}

.galleryimg {
    border-left:  none;
    text-align: center;
 
}

.gallery {
    background-color: #ededed;
    border-right: 1px dotted #000;
     border-left: 1px dotted #000;
    border-bottom: 1px dotted #000;
    height: 212px;
}

.col-md-4.new {border-right: 1px dotted #000;
     border-left: 1px dotted #000;
    border-bottom: 1px dotted #000;

}


.event {border-right: 1px dotted #000;
     border-left: 1px dotted #000;
    border-bottom: 1px dotted #000;

}

}





@media (max-width:768px){

    .nav > li {
    position: relative;
    display: block;
    text-transform: uppercase;
}
.demo-3 figure {

    margin-left: -8px;
}
.Facilities2 ul {
    margin-left: 57px;
}
nav.navbar.navbar-default.mobile-menu {
    display: inherit;
}

 .row.nav2 {
    display: none;
}

.navbar {
   
    margin-bottom: 0px !important;
    
}
.nav {

    width: 104%;
}

.col-md-4.new {
    margin-top: 299px;
}

.event {
    width: 704px;
}

.carousel-controls {
    position: absolute;
    right: 36px;
    top: 87px;
}

.col-md-4.gallery {
    height: 317px;
}

.tab2 p {
    font-size: 12px;
  
}
.galleryimg img {
    width: 68%;
}
}


@media (max-width:600px){

.tab2 {
    float: left;
}
.event {
    width: 569px;
}

.col-md-4.event {

    margin-top: 72px;
}

.col-md-4.new {
    margin-top: 68%;
}

.galleryimg img {
    width: 83%;
}

.carousel {
    margin-bottom: -73px !important;
}
#main-slider .carousel-content > p {
   
    font-size: 14px;}

#main-slider .carousel h1 {
   
    font-size: 20px;
    padding: 5px 0 0px;
 
}

}

@media (max-width:480px){
.demo-3 figure {
   
    margin-left: -8px;
}
    .Facilities2 ul {margin-left: 96px;} 
.event {
    width: 447px;
}

.col-md-4.event {
    margin-top: 158px;
}
.col-md-4.new {
    margin-top: 103%;
}

.galleryimg img {
    width: 98%;
}

.welcome h1 {
    font-size: 30px;


}


.event {
    width: 383px;
}

.col-md-4.new {
    margin-top: 120%;
}

.welcome h1 {
    font-size: 25px;
}


}

@media (max-width:414px){
.event {
    width: 352px;
}


@media (max-width:384px){
.col-md-4.new {
    margin-top: 135%;
}
.col-md-4.gallery {
    margin-top: 106px;
}

.welcome h1 {
    font-size: 21px;
}

}

@media (max-width:375px){

    .historys p {
   
    width: 82%;
}
.facilities-iner h3 {
    font-size: 19px;
    color: #9fc64f;
    
    background: none;
}
  
.tab2 {
    padding: 3px 0 0px 0;
    
}
.col-md-4.gallery {
    margin-top: 86px;
}
.nav {

    width: 109%;
}
.Facilities2 ul {
    margin-left: 57px;
}

.event {
    width: 337px;
}

#main-slider .carousel .carousel-content {
    margin: 60px 0px 60px 0px;
}
#main-slider .carousel h1 {
    font-size: 17px;
    padding: 8px 0 0px;
}
#main-slider .carousel-content > p {
    font-size: 9px;
}
.tab2 p {
    font-size: 9px;
    margin-bottom: 0px;
}

.fa-icon {
  
    font-size: 11px !important;
    vertical-align: baseline;
    margin-right: 3px;
}

.logo {
    margin-top: 10px;
    margin-bottom: 10px;
}
.demo-3 figure {
    margin-left: -8px;
    margin-bottom: 10px;
}
}

@media (max-width:360px){
.event {
    width: 330px;
}


}

@media (max-width:320px){
.event {
    width: 291px;
}

.events h1 {
 
    font-size: 23px;
    
}

.carousel-inner li {
   
    font-size: 12px;
   
}

.col-md-4.new {
    margin-top: 159%;
}

.new h4 {
 
    font-size: 12px;
 
}

.media-body p {
    font-size: 10px;

}
.Facilities2 ul {
    margin-left: 34px;
}
}