@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

@charset "utf-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

* {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

body {
 line-height: 1.2;
}

body {
 font-size: 12px;
 font-family: 'Source Sans Pro', Verdana,Arial,Helvetica,sans-serif;
 color: #000;
 background-color: #FFF;
}

/* required for sticky footer */

html, body {
 height: 100%;
}

.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

img {
 max-width: 100%;
}

img.center {
    display: block;
    margin: 0 auto;
}

.right {
 float:right;
}

.rspace {
 margin: 0 0 5px 15px;
}

.left {
 float:left;
}

.lspace {
 margin: 0 15px 5px 0;
}

.center {
 text-align:center;
}

.logo {
 max-width:200px;height:auto;
}
.loader {
 visibility:hidden;
}

.clear { 
 width: 100%; 
 height: 1px; 
 margin: 0 0 -1px; 
 clear: both; 
} 

.row {
 margin-left: 0px;
 margin-right: 0px;
}

.center {
 text-align:center;
}

.spacer {
 width:100%;
}

.spacer30 {
 height:30px;
}
.spacer80 {
 height:80px;
}



.line {
    margin: 20px 100px 20px 100px;
    background: linear-gradient(#dfdfdf 5%, #7ABD31 100%);
    height: 2px;
}



.hidden {
 display:none;
}

.aside-box {
 border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 box-shadow:0px 0px 7px #676767;
 -webkit-box-shadow: 0px 0px 7px #676767;
 -moz-box-shadow: 0px 0px 15px #676767;
}

.redltr {
 color:red;
 font-weight:bold;
}

.submit {
 background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
 border: 1px solid #e5a900;
 color: #4E4D4B;
 font-weight: bold;
 cursor: pointer;
 border-radius: 5px;
 padding: 5px 10px;
 outline: none;
}

.submit:hover {
 background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}







#fitness {
 margin:0px;
 background-image: url('/img/ai-bg.webp');
 background-repeat: no-repeat;
 width: 100%;
 background-size: cover;
 background-position: center top;
 color:#FFFFFF;

}

#fitness h1 {
 font-family:Georgia;    
 font-size:60px; 
 margin:20px 10px;
 line-height:68px;
}

#fitness p {
 font-size:20px; 
 margin:20px 80px;
 line-height:28px;
 padding-bottom:100px;
}



#fitness a, #fitness .btn, #bottom .btn {
 font-size:20px;
}

.btnholder {
 text-align:center;
    
}


.fitness {
// width:50%;
  padding:40px 20px 20px 20px;
}


#fitness .content-opacity {
   // max-width: 650px;
   // border: 0 !important;
    //margin: 20px auto;
    background: rgba(0, 0, 0, 0.5);
   // padding: 40px;
}
.well-large {
    padding: 28px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}





@media only screen and (max-width : 1200px) {

#fitness {
// height:700px;
}



}





@media only screen and (max-width : 1000px) {

#fitness {
// height:800px;
}


}





@media only screen and (max-width : 800px) {

#fitness {
// height:800px;
}



}


@media only screen and (max-width : 700px) {

#fitness {
// height:800px;
}



}



@media only screen and (max-width : 420px) {

#fitness {
// height:700px;
}

#fitness h1 {
 font-size:40px; 
 line-height:48px;
}


}


@media only screen and (max-width : 320px) {

#fitness {
// height:700px;
}


}


#white h2 {
 font-size:26px;    
 font-weight:bold;
 color:blue;  
 text-align:center;    
 margin:30px 0 20px 0;    
}


#white p {
 font-size:14pt;
 line-height:24px;
 margin:30px 0;
}

#white h6 {
 font-size:16pt;
 line-height:26px;
 margin:30px 0;
}

#white h3 {
  font-size:18pt;  
  font-weight:bold;
  text-align:center;
}

#white h3 span {
 color:blue;    
}


#white .btn {
 width:90%;  
 font-size:16pt;
}

#white .btnholder {
    
 margin:100px 0;    
    
}


#white h1 {
 font-size:36pt;
 color:blue;
 font-weight:bold;
 text-align:center;
}


#white ul {
 list-style:disc;
 margin:0 30px;
 font-size:14pt;
}


#white h5 {
 text-align:center;
 font-family:Georgia;
 font-size:18pt;
}


#imgholder {
 margin:40px 40px;    
}




#white img {
  margin:30px auto;    
}




#mrdroid p {
 font-size:14pt;    
    
}


#mrdroid dl {
 list-style:disc;
 margin:0 30px;
 font-size:14pt;
}













#bottom {
  background-color:#011627;    
}


#bottom img {
  padding:40px 0;    
}


#bottom p {
  color:#FFF;
  text-align:center;
  font-size:14pt;
  padding-bottom:30px;
}






#bottom h5 {
  color:#FFF;
  text-align:center;
  font-size:14pt;
  padding-bottom:80px;
}

#bottom h5 a {
  color:#FFF;
}





input {
// background-color: #FFFFFF !important; 
 border: none !important; 
 padding-top: 11px; 
 padding-bottom: 11px; 
 color: #4B4B5A; 
 text-align: left;
 z-index:1;
 background-color:#FFFFFF;
 width:400px;
 
 width: 100%;  
 padding: 12px 40px;  
 margin: 8px 0;  
 display: inline-block;  
 border: 1px solid #ccc;  
 box-sizing: border-box;  
 
 
 
}





        input[type=text],  
        input[type=email] {  
            width: 100%;  
            padding: 12px 40px;  
            margin: 8px 0;  
            display: inline-block;  
            border: 1px solid #ccc;  
            box-sizing: border-box;  
        }  

        .fontuser { 
            position: relative; 
        } 
          
        .fontuser i{ 
          position: absolute; 
           left: 10px; 
           top: 15px; 
            color: gray; 
            font-size:20px;
        } 
          
        .fontemail { 
            position: relative; 
        } 
          
        .fontemail i{ 
            position: absolute; 
            left: 10px; 
            top: 15px; 
            color: gray; 
            font-size:20px;
        } 



input[type=submit] {

  width: 100%;
  background-color: #28843BFF;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 25px;
  padding-right: 25px;
  border-style: solid;
  border-color: #00000000;
  border-radius: 500px 500px 500px 500px;
  border-width: 1px;
  font-weight: 600;
  font-family: 'Poppins',sans-serif;
  font-size: 20px;
  color: #FFFFFF;
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:10;
}

        /* Set a hover effect for the button*/  
        input[type=submit]:hover {  
            opacity: 0.8;  
        }  







/* end required for sticky footer */

.footer {
 padding:5px;
}

.footer { 
 height:100px;
 background:#FFF;
 color:#000;
 position:relative;
}

.footer p {
    margin-top:60px;
}

.footer p a, #footerlinks a {text-decoration:none; color:#010101;}

.footer p a:hover, #footerlinks a:hover {color:#336699; text-decoration:underline;}
#footerlinks a:active {outline:none;}

.footer p, #footerlinks { text-align: center; }
#footerlinks li { display: inline; padding: 0px 1px;  }

#footerlinks { margin:8px 0 8px 0;  }


