a { text-decoration:none; color:#ffffff; font-weight:100;  }

/* FIXED SCROLL */
#containerfixedscroll { display:block; margin: 0 auto; padding: 0 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:7.2%; background-color:#ffffff;  }

#fadetext {
  margin-top: 1px;
/*font-family:Arial;*/
font-family:Calibri;
  font-weight:lighter;
  line-height: 45px;
  font-size: 48px;
  color:#ffffff;
  text-align:center;

  -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 7s; /* Firefox < 16 */
      -ms-animation: fadein 7s; /* Internet Explorer */
       -o-animation: fadein 7s; /* Opera < 12.1 */
          animation: fadein 7s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* SIMPLE BUTTON */
.btn_simple{
  background-color: #6B97C6;
  border: none;
  color: #FFFFFF;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:800;
  font-size: 17px;
  margin: 4px 2px;
  border-radius: 8px;

}

.btn_simple:hover  {
opacity: 0.8; font-weight:bold; 
/*background-color:#6B97C6;*/
background-color:#000000;
color: #FFFFFF;
padding: 15px;
text-align: center;
font-family: 'Corbel', Arial, sans-serif;
text-decoration: none;
display: inline-block;
font-weight:800;
font-size: 17px;
margin: 4px 2px;
border-radius: 8px;
}

.membersimage { width:650px;  height:auto; }

.href_pink { font-family:'Arial Narrow Bold', sans-serif; color:#EF3971;  }
.href_pink:visited { font-family:'Arial Narrow Bold', sans-serif; color:#d42f60; font-weight:500;}
.href_pink:hover{ font-family:'Arial Narrow Bold', sans-serif; color:#EF3971; text-decoration:underline; font-weight:520;}
.href_pink a { font-family:'Arial Narrow Bold', sans-serif; color:#ffffff; font-weight:500;} 

.href_white { font-family:'Arial Narrow Bold', sans-serif;  color:#ffffff;  font-weight:200;}
.href_white:visited { font-family:'Arial Narrow Bold', sans-serif;  color:#ffffff; text-decoration: underline;  font-weight:200;}
.href_white:hover{ font-family:'Arial Narrow Bold', sans-serif;  color:lightgray; text-decoration: underline; font-weight:200;}
.href_white a { font-family:'Arial Narrow Bold', sans-serif;  color:#ffffff;  font-weight:200;} 

.href_grey { font-family:'Arial Narrow Bold', sans-serif;  color:lightgray; }
.href_grey:visited { font-family:'Arial Narrow Bold', sans-serif;  color:lightgray; text-decoration: underline; }
.href_grey:hover{ font-family:'Arial Narrow Bold', sans-serif;  color:#EF3971; text-decoration: underline; }
.href_grey a { font-family:'Arial Narrow Bold', sans-serif;  color:lightgray;  } 




.href_footergrey { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:500; font-size:1.1em; }
.href_footergrey:visited { font-family:Calibri Light, Helvetica; color:#000000; font-weight:500; font-size:1.1em; }
.href_footergrey:hover{ font-family:Calibri Light, Helvetica; color:#2C2D2D; text-decoration: underline; font-weight:500; font-size:1.1em; }
.href_footergrey a { font-family:Calibri Light, Helvetica; color:#2C2D2D; font-weight:500; font-size:1.1em; } 

.imgresize_research { width:75%; height:auto; }
.imgresize_research_individual { width:70%; height:auto; }

.imgresize_home { width:90%; height:auto;  border-radius: 10px; }
.imgresize_home_running { width:92%; height:auto; border-radius: 10px; }
.imgresize_home_facebook { width:90%; height:501px; border-radius: 10px; }
.imgresize_logo { width:74%; height:auto; }
.imgresize_icons { width:15%; height:auto; }
.icon_socials { width:auto; height:auto; }

h1 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.9em; font-weight:600; color:#000000; padding:5% 0 0 0; }
h2 {  font-family:'Arial Narrow Bold', sans-serif; font-size:2.3em; font-weight:530; color:#ffffff; padding:5% 0 0 0; }
h3 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.8em; font-weight:530; color:#ffffff; line-height:1.8;  }
h4 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.35em; font-weight:200; color:#ffffff; line-height:1.65; padding:0 0 0 0; }
h5 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.0em; font-weight:530; color:#ffffff; padding:0.1% 0 0 0; }



.findmemberouter { display:none; }
#findmember { display:none; }
.logoresize { display:none; }


.container_menubar { display:block; text-align:right; width: 100%; height:160px;  margin: 0 auto; padding: 0; /* background-color:rgba(250, 245, 245, 0.918);*/ background-color:#000000;  }

#menubar_all {  display:block; width:100%; height:99% !important; margin: 0 auto; text-align:center !important;  padding: 0;  padding:0.1% 0 0 0; /*background-color:#ffffff;*/ background-color:#000000;   }

#menubar_left { float:left; width:60%; height:auto; text-align:left; vertical-align:center; height:auto;  margin:0 0 0 5%; opacity:1.0;   }
#menubar_right { float:right; width:auto; text-align:right;  margin:0 0 0 0; height:auto; opacity:1.0; z-index:200; color:#000000; font-size:2em; font-weight:bold;   }


.txtinputsearchbox { height:45px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:70%; }



/* HOME PAGE  */
.near_bottom_page{
    position: absolute;
    bottom: 32%;
    width: 100%;
    text-align:center;

  }

  .view_more{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight:900;
    font-size:1.1em;
    position: absolute;
    bottom: 1%;
    width: 92%;

  }


  .heading_left { float:left; width:100%; height:auto; margin:-45% 0 2% 0; text-align:center; vertical-align:bottom; vertical-align:text-bottom;  }
  .heading_right { float:right; width:48%; height:auto; margin:2.4% 1% 2% 0; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }


/* Home Page */
#container_project { display:block; text-align:center; width: 100%; height:110%;  margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000; }
.inner_project { display:block; width:100%; height:auto !important; margin: 0 auto; text-align:center !important;  padding: 0;     }

.project_left { float:left; width:40%; height:auto; text-align:left; height:100%; background-color:#000000;  opacity:1.0; padding:3% 1% 0 5%;   }
.project_right { float:right; width:60%; height:auto; text-align:center; height:100%; /*background-color:#93948F;*/ background-color:#000000; opacity:1.0; z-index:200; padding:3% 0 0 0;   }


#container_running { display:block; text-align:center; width: 100%; height:100%;  margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000; }
.inner_running { display:block; width:100%; height:auto !important; margin: 0 auto; text-align:center !important;  padding: 0;     }

.running_left { float:left; width:50%; height:auto; text-align:center; height:auto; background-color:#000000;  opacity:1.0; padding:2% 0 2% 5%;   }
.running_right { float:right; width:50%; height:auto; text-align:center; height:auto;  background-color:#000000; opacity:1.0; z-index:200; padding:2% 5% 2% 0;    }

#container_goods { display:block; text-align:center; width: 100%; height:auto;  margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000; }
.inner_goods { display:block; width:90%; height:auto !important; margin: 0 auto; text-align:center !important;  padding: 0;     }


/*  News Page */
#container_news { display:block; text-align:center; width: 100%;  height:1300px;   margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000;  }
.inner_news { display:block; width:100%; height:auto !important; margin: 0 auto; text-align:center !important;  padding: 0;     }

.news_left { float:left; width:50%; height:auto; text-align:left; height:100%; background-color:#000000;  opacity:1.0; padding:3% 1% 0 5%;  }
.news_right { float:right; width:50%; height:auto; text-align:center; height:100%; /*background-color:#93948F;*/ background-color:#000000; opacity:1.0; z-index:200; padding:3% 0 0 0;   }


/* One Section - We would like your feedback */
#container_feedback { display:block;  text-align:center; width: 100%; height:395px; margin: 0 auto; padding: 0; background-color:#ffffff;   }
.feedback_inner {  display:block; width:100%; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; }

#container_displaymap { display:block; z-index:-1; background:url('../images/google-map.png') no-repeat left;  height:395px; width:100%; max-width:100%;  }



/* Footer */
#container_footer_top { display:block; text-align:center; width: 100% !important; height:250px; margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000; }

.footer_top_inner {  display:block; width:100%; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto; background-color:#000000;  }

.footertop_left { float:left; width:50%; height:auto; text-align:left; padding:0 0 0 5%; background-color:#000000; }
.footertop_middle { float:left; width:50%; height:auto; text-align:left; padding:0 10% 0 0; background-color:#000000; }

/* Footer New */
#container_footer { display:block; float:left; text-align:center; width: 100% !important; height:150px; margin: 0 auto; padding: 0; background-color:#EF3971;  }
.footer_footer_inner {  display:block; width:100%; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto;  }

.footer_left { float:left; width:33%; height:auto; text-align:center;   }
.footer_middle { float:left; width:32%; height:auto; text-align:center;  }
.footer_right { float:left; width:33%; height:auto; text-align:center;   }

  /* Contact page - MAPS */
  #container_contact { display:block; text-align:center; width: 100%;  height:1750px;  margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000;  }
  .inner_contact { display:block; width:80%; height:auto !important; margin: 0 auto; text-align:center !important;  padding: 0;    }
  
  .contact_left { float:left; width:50%; height:auto; text-align:left; height:100%; background-color:#000000;  opacity:1.0; padding:30% 0 0 0;  }
  .contact_right { float:right; width:49%; height:auto; text-align:left; height:100%; /*background-color:#93948F;*/ background-color:#000000; opacity:1.0; z-index:200; padding:30% 0 0 0;   }


  #container_maps { display:block; text-align:center; background-color:#FFFFFF; width: auto; height:500px !important; margin: 0 auto; padding: 0;  }
  .maps_inner { width:99%; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle;  padding: 0; color:#000000; margin:2% 0 2% 0;  }


  .txtinputcontact { height:40px; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
  .txtselectcontact { height:33px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:92%; }
  .txtrowscontact { height:115px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}


          /* ----------- iPhone 5 and 5S ----------- */

        /* Portrait and Landscape */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 2) {

        }

        /* Iphone Portrait */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 1)
        /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: portrait) 
        {

                   /* Home Page */
                   .container_menubar { display:block; text-align:right; width: 100%; height:160px;  margin: 0 auto; padding: 0; background-color:#ffffff !important;  }

                   #containerfixedscroll { display:block; margin: 0 auto; padding: 0 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:5%; background-color:#000000 !important;  }

                   h1 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.9em; font-weight:600; color:#000000; padding:5% 0 0 0; }
                   h2 {  font-family:'Arial Narrow Bold', sans-serif; font-size:5em; font-weight:530; color:#ffffff; padding:7% 0 0 0; }
                   h3 { font-family:'Arial Narrow Bold', sans-serif; font-size:3.1em; font-weight:530; color:#ffffff; line-height:1.8;  }
                   h4 { font-family:'Arial Narrow Bold', sans-serif; font-size:3em; font-weight:400; color:#ffffff; line-height:1.7;padding:0 0 0 0; }
                   h5 { font-family:'Arial Narrow Bold', sans-serif; font-size:2.0em; font-weight:530; color:#000000; padding:0.1% 0 0 0; }


                   #menubar_right { display:none; }
                  #home  {  height: 55%!important; background-position: bottom; }
                  #news  {  height: 55%!important; background-position: bottom; }

                  .nodisplayiphone { display:none !important;  }
                  .near_bottom_page {display:none !important; height:0 !important;   }


                  .logoresize { display:block !important; width:60% !important; max-width:60% !important; height:auto !important; z-index:1000; }

                  .findmemberouter { display:block; text-align:center; width: 100%; height:80px;  margin: 0 auto; padding: 0;  }
                  #findmember { display:block; background-color:#000000; color:#ffffff; padding:5% 0 5% 0; height:auto; text-align:center;  font-family:'Arial Narrow Bold', sans-serif; font-size:2.9em; margin:5% 0 0 0;  }
                  .example { display:none !important; }

                   .imgresize_home { width:95% !important; height:auto; border-radius: 20px !important;  }
                   .imgresize_home_running { width:85% !important;  height:auto; border-radius: 20px !important;  }
                   .imgresize_home_facebook { width:99% !important; max-width:100% !important; height:100% !important; text-align:center !important; border:solid 1px yellow; }
                   .imgresize_logo { width:100% !important; height:auto; }
                   .imgresize_icons { width:25% !important; height:auto; }
                   .imgresize_contact { width:95% !important;  height:auto; border-radius: 20px !important;  }
                   .icon_socials { width:15% !important; height:auto; }

                   #menubar_all { width:100% !important; }

                   .btn_simple { font-size:38px !important; }


                   #container_project {  height:auto !important;  }
                   .inner_project { width:100% !important; height:100% !important;  }

                   .project_left { display:block !important; width:90% !important; margin:0 5% 0 5% !important; text-align:left !important; height:115% !important; padding:0 !important;  }
                   .project_right { display:block !important; width:100% !important; margin:0 !important; height:auto!important;  padding:0 !important; text-align:center !important;  }

                   #container_news {  height:auto !important;  }
                   .inner_news { width:100% !important; height:100% !important;  }

                   .news_left { display:block !important; width:100% !important; padding:0 !important; text-align:left !important; height:120% !important; margin:0 !important;  }
                   .news_right { display:block !important; width:100% !important; margin:0 !important; height:auto !important;  padding:0 !important; text-align:center !important;  }

                   .facebook_resize { width:100% !important; max-width:100% !important; }


                   .running_left { float:left; width:100%; height:auto; text-align:center; height:auto; background-color:#000000;  opacity:1.0; padding:4% 0 4% 0 !important;   }
                   .running_right { float:right; width:100%; height:auto; text-align:center; height:auto;  background-color:#000000; opacity:1.0; z-index:200; padding:4% 0 4% 0 !important;     }

                    
                    /* Contact page - MAPS */
                    #container_contact { display:block; text-align:center; width: 100%;  height:4200px !important;  margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000;  }
                    .inner_contact { display:block; width:90% !important; height:auto !important; margin: 0 auto; text-align:center !important;  padding: 0;    }
                    
                    .contact_left { float:left; width:100% !important; height:auto; text-align:left; height:100%; background-color:#000000;  opacity:1.0; padding:0% 0 0 0 !important;  }
                    .contact_right { float:left !important; width:100% !important;   text-align:left; height:100%; /*background-color:#93948F;*/ background-color:#000000; opacity:1.0; z-index:200; padding:0% 0 0 0 !important;  }

                    .txtinputcontact { height:80px !important; font-size:40px !important; line-height:1.0 !important; vertical-align:top !important; font-family:'Arial Narrow Bold', sans-serif; width:90%; }
                    .txtrowscontact { height:200px !important; font-size:40px !important; line-height:2.0; font-family:'Arial Narrow Bold', sans-serif; width:90%;}

                    /* Footer */
                    #container_footer_top { display:block; float:left; text-align:center; width:100% !important; height:490px !important; margin: 0 auto; padding: 0; border:solid 1px black;  }
                    .footer_top_inner { display:block !important; width:100% !important; }


                    .footertop_left { display:block !important; float:left !important; width:97% !important; height:200px !important; text-align:left; padding:0 !important; margin:0 0 0 5% !important;   }
                    .footertop_middle { display:block !important; float:left !important; width:94%; height:90px !important; text-align:left; padding:0 !important; margin:1% 3% 0 5% !important;  }

                    /* Footer New */
                    #container_footer { display:block; text-align:center; width: 100% !important; height:880px !important; margin: 0 auto; padding: 0; background-color:#EF3971;  }
                    .footer_footer_inner {  display:block; width:100%; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto;  }

                    .footer_left { float:left; width:100%; height:auto; text-align:center;   }
                    .footer_middle { float:left; width:100%; height:auto; text-align:center;  }
                    .footer_right { float:left; width:100%; height:auto; text-align:center;   }


                    /*.footertop_left { float:left; width:50%; height:auto; text-align:left; padding:0 0 0 5%; background-color:#000000; }
                    .footertop_middle { float:left; width:50%; height:auto; text-align:left; padding:0 10% 0 0; background-color:#000000; }
                    */

                    .icon_foriphone { display:none !important; }


        }

                /* Iphone 5 / 5s Landscape */
                @media only screen 
                and (min-device-width: 320px) 
                and (max-device-width: 568px)
                and (-webkit-min-device-pixel-ratio: 1)
                /* and (-webkit-text-size-adjust:auto) 414 width */
                and (orientation: landscape) 
                {
                  .imgresize_home { width:90% !important; height:auto; border-radius: 20px !important;  }

                  #container_project {  height:1000px !important;  }
                  .inner_project { width:100% !important; height:100% !important;  }

                  .project_left { display:block !important; width:90% !important; margin:0 5% 0 5% !important; text-align:left !important; height:115% !important; padding:0 !important;  }
                  .project_right { display:block !important; width:100% !important; margin:0 !important; height:auto!important;  padding:0 !important; text-align:center !important;  }

                }


                /* Portrait Android Device - Nokia 3, Galaxy S5, Moto G4 */

                @media only screen 
                  and (min-device-width: 360px) 
                  and (max-device-width: 640px)
                  and (-webkit-min-device-pixel-ratio: 1)
                  and (orientation: portrait) 
                  {
                    
 
                  }

                /* Landscape Android Device - Nokia 3, Galaxy S5, Moto G4 */

                @media only screen 
                  and (min-device-width: 360px) 
                  and (max-device-width: 640px)
                  and (-webkit-min-device-pixel-ratio: 1)
                  and (orientation: landscape) 
                  {

                  }


                /* Landscape Android Device - Motorola Phone*/

                @media only screen 
                  and (min-device-width: 412px) 
                  and (max-device-width: 640px)
                  and (-webkit-min-device-pixel-ratio: 1)
                  and (orientation: landscape) 
                  {
                    
     
                  }


                /* IPad 2 - Portrait View*/

                @media only screen 
                and (min-device-width : 768px) 
                and (max-device-width : 1024px)
                and (-webkit-min-device-pixel-ratio: 1)  
                and (orientation: portrait) {


                  #container_contact { display:block; text-align:center; width: 100%;  height:2800px !important;  margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000;  }
                  .inner_contact { display:block; width:90% !important; height:auto !important; margin: 0 auto; text-align:center !important;  padding: 0;    }

                  .contact_left { float:left; width:100% !important; height:auto; text-align:left; height:100%; background-color:#000000;  opacity:1.0; padding:20% 0 0 0 !important;  }
                  .contact_right { float:left !important; width:100% !important;  height:auto; text-align:left; height:100%; /*background-color:#93948F;*/ background-color:#000000; opacity:1.0; z-index:200; padding:0% 0 0 0 !important;  }


                  /*
                  #menubar_left { float:left; width:55%; height:auto; text-align:left; vertical-align:center; height:auto;  margin:0.75% 0 0 5%; opacity:1.0;   }
                  #menubar_right { float:right; width:25%; text-align:right;  margin:0 0 0 0; height:auto; opacity:1.0; z-index:200; color:#000000; font-size:2em; font-weight:bold;   }
                  */

                }


                  /* IPad 2 - Landscape View*/

                  @media only screen 
                  and (min-device-width : 768px) 
                  and (max-device-width : 1024px)
                  and (-webkit-min-device-pixel-ratio: 1)  
                  and (orientation: landscape) {

                    #container_contact { display:block; text-align:center; width: 100%;  height:2500px !important;  margin: 0 auto; padding: 0; background-color:#000000; border:solid 1px #000000;  }
                    .inner_contact { display:block; width:90% !important; height:auto !important; margin: 0 auto; text-align:center !important;  padding: 0;    }
  
                    .contact_left { float:left; width:100% !important; height:auto; text-align:left; height:100%; background-color:#000000;  opacity:1.0; padding:20% 0 0 0 !important;  }
                    .contact_right { float:left !important; width:100% !important;  height:auto; text-align:left; height:100%; /*background-color:#93948F;*/ background-color:#000000; opacity:1.0; z-index:200; padding:0% 0 0 0 !important;  }


                   /* #menubar_left { float:left; width:55%; height:auto; text-align:left; vertical-align:center; height:auto;  margin:0.75% 0 0 5%; opacity:1.0;   }
                    #menubar_right { float:right; width:25%; text-align:right;  margin:0 0 0 0; height:auto; opacity:1.0; z-index:200; color:#000000; font-size:2em; font-weight:bold;   } */

                  }