/*=============================================================================

  ***************************************************************************
 

  Table of contents

  1. Global
  2. Typography
  3. Header
  4. Navbar
  5. How it works
  6. Benefits
  7. Meet The Team
  8. FAQ 
  9. Footer 
  10. Background Images


  ***************************************************************************

=============================================================================*/



/*=============================================================================

  ***************************************************************************

  Global

  ***************************************************************************

=============================================================================*/



/*========== Buttons ==========*/

.button { display: inline-block; margin-top: 40px; padding: 15px 30px; border-radius: 10px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.btn-flat-special { border: 0px solid #fff; color: #fff;}
.btn-flat-special:hover { border: 0px solid #ff005a; color: #ff005a;}
.btn-flat-white { border: 0px solid #fff; color: #fff; background: rgba(255,0,90, 1);}
.btn-flat-white:hover { color: #fff;}
.btn-flat-inverse { border: 0px solid #ed145b; color: #ed145b; background: #fff;}
.btn-flat-inverse:hover { color: #fff; font-color: #fff; background: #ff005a;}
.btn-flat-colour { border: 2px solid #666; color: #666;}
.btn-flat-colour:hover { color: #666;}
.btn-flat-navbar { border: 0px solid #fff; border-radius: 5px; color: #fff; background: rgba(255,0,90, 1); font-weight: 700; text-transform: uppercase;}
.btn-flat-navbar:hover { border: 0px solid #fff; color: #ff005a; background: #fff}




/*========== Sections ==========*/

.page-wrap { overflow: hidden;}
.section { padding: 100px 0; }
.section.no-pad { padding: 0;}
.overlay { padding: 100px 0;}
#header .overlay { padding: 0;}
.section-header { margin-bottom: 40px;}
.background-image { color: #fff;}



/*=============================================================================

  ***************************************************************************

  Typography

  ***************************************************************************

=============================================================================*/



html,body,input { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; color: #666;}
html,body { overflow-x: hidden; padding-top: 40px;}
h1,h2,h3,h4,h5,h6 { font-weight: 300;}
a { outline: none; color: #fff;}
a:hover, 
a:active, 
a:focus { text-decoration: none; outline: none;}
input,
textarea { font-size: 16px;}
.text-centre { text-align: center;}
.bold { font-weight: 900;}



/*=============================================================================

  ***************************************************************************

  Header

  ***************************************************************************

=============================================================================*/



.intro { display: table; width: 100%;}
.intro-inner { height: 100%; display: table-cell; vertical-align: middle;}
.logo img { max-width: 100%; width: 400px; display: block; margin: 0 auto 75px auto;}
.text-logo { font-family: 'Pacifico', cursive; font-size: 50px; text-shadow: 2px 2px 0 rgba(0,0,0,.10); margin: 0 auto 75px auto; display: none;}
.header-icon { width: 180px; height: 180px; margin: 0 auto 0px auto; padding: 5px; }
.header-icon span { width: 100%; height: 100%; color: #fff; font-size: 50px; line-height: 30px;}
.header-icon span:hover { color: #ff005a;}


/*=============================================================================

  ***************************************************************************

  Navbar

  ***************************************************************************

=============================================================================*/



.navbar-inverse {

height: 80px;
font-weight: bold; 
font-size: 15px;
padding-top: 18px;
padding-bottom: 35px;
background: rgba(10,10,10, 0.95);  
}



.brand {

padding-top: auto;
padding-bottom: auto;
padding-right: 14px;

 }



/*=============================================================================

  ***************************************************************************

  How it works

  ***************************************************************************

=============================================================================*/



.howitworks-module { margin-bottom: 40px;}
.ie9 .mask { width: 126px; height: 126px; margin: 0 auto 20px auto; overflow: hidden; border-radius: 100%;}
.howitworks-icon { width: 126px; height: 126px; margin: 0 auto 20px auto; padding: 5px; border-radius: 100%;}
.howitworks-icon span { width: 100%; height: 100%; border: 2px solid #fff; color: #fff; border-radius: 100%; font-size: 40px; line-height: 112px;}



/*=============================================================================

  ***************************************************************************

  Benefits

  ***************************************************************************

=============================================================================*/













/*=============================================================================

  ***************************************************************************

  Meet the Team

  ***************************************************************************

=============================================================================*/



.team-module { width: 250px; margin: 0 auto 40px auto;}
.team-module img { width: 38%; border-radius: 100%; margin: 0 0 0px 0;}
.team-module a { color: #666; display: inline-block; padding: 10px; font-size: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}



/*=============================================================================

  ***************************************************************************

  FAQ

  ***************************************************************************

=============================================================================*/













/*=============================================================================

  ***************************************************************************

  Footer

  ***************************************************************************

=============================================================================*/



.social-nav { text-align: center;}
.social-nav a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #666; margin: 0 5px; color: #666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.social-nav a:hover { color: #666;}
.social-nav span { line-height: 36px; font-size: 18px;}
.footer-nav { margin-top: 75px;}
.footer-nav a { color: #666; width: 50%; display: inline-block; margin-bottom: 5px; padding: 5px;}





/*====================================================================================================================

  ******************************************************************************************************************

  MEDIA QUERIES

  ******************************************************************************************************************

====================================================================================================================*/





/*=============================================================================

  ***************************************************************************

  768px Media Query

  ***************************************************************************

=============================================================================*/



@media (min-width: 768px) {

h1 { font-size: 375%}






/*=============================================================================

  ***************************************************************************

  Footer

  ***************************************************************************

=============================================================================*/


.footer-nav a { width: auto; margin: 0 10px;}






} /*========== 768px MEDIA QUERY END ==========*/



/*=============================================================================

  ***************************************************************************

  992px Media Query

  ***************************************************************************

=============================================================================*/


@media (min-width: 992px) {

 

/*=============================================================================

  ***************************************************************************

  How it works

  ***************************************************************************

=============================================================================*/


.howitworks-module { margin-bottom: 0;}


/*=============================================================================

  ***************************************************************************

  Meet the Team

  ***************************************************************************

=============================================================================*/


.team-module { width: 100%; margin: 0;}





} /*========== 992px MEDIA QUERY END ==========*/




/*=============================================================================

  ***************************************************************************

  Background Images

  ***************************************************************************

=============================================================================*/



#header.background-image { background: url('../images/background-placeholder.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}
#benefits.background-image { background: url('../images/background-placeholder.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}
#FAQ.background-image { background: url('../images/background-placeholder.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}
.overlay { background: rgba(0,0,0,0.6); width: 100%; height: 100%;}



/*=============================================================================

  ***************************************************************************

  COLOUR SCHEME

  ***************************************************************************

=============================================================================*/



.background-colour,
.howitworks-icon { background: #00e6d3;}
.background-colour { color: #fff;}
.btn-flat-colour { border: 2px solid #ed145b; color: #ed145b;}
.btn-flat-colour:hover { color: #ed145b;}




@media (min-width: 992px) {

.btn-flat-white:hover { color: #ed145b; background: #fff;}
.btn-flat-colour:hover { color: #fff; background: #ed145b;}

.team-module a:hover { color: #ed145b;}
.social-nav a:hover { color: #ed145b; border: 2px solid #ed145b;}
.footer-nav a:hover { color: #ed145b;}




} /*========== 992px MEDIA QUERY END ==========*/





@media(max-width:780px) {

.navbar-collapse {

background:rgba(10,10,10, 0.95);

}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

color:gray !important;

}

.row {

padding:0 15px;

}

}

/*

@media(max-width:768px) and (min-width: 400px)

{


.navbar-collapse 

{

display:none !important;

}

.navbar-collapse1

{

display:block !important;

}

}

*/

@media(max-width:1024px) and (min-width: 768px)

{

/*

.navbar-collapse 

{

display:block !important;

float: left;width: 800px;

}

#btn1

{

float:none !important;position: absolute;right:10px;

}

.container

{

  width:100% !important;

}

*/

.navbar-collapse {

background: rgba(10,10,10, 0.95);

}

.navbar-toggle,.collapse.in {

display:block !important;

}

.navbar-nav > li,.navbar-header {

float:none !important;

}

.collapse {

display: none !important;

}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {

clear: both;
margin-top:17px;
}

.navbar-right {

float:none !important;
clear:both;
}

#btn1 {

margin-left:15px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

color:gray !important;
}
  
  
}

#language-menu {
  clear: both;
}

#language-menu ul.menu {
  display: inline;
  padding: 0;
  margin: 0;
  z-index: 100; float:left;
}

#language-menu ul.menu li {
  display: inline-block;
  float: right;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

#language-menu ul.menu li.first:hover {
  background: rgba (10,10,10,0.95);
}

#language-menu ul.menu li.leaf {
  background: rgba (10,10,10,0.95);
}

#language-menu ul.menu li a {
  outline: none;
  text-decoration: none;
  width: 39px;
  margin: 0 5px 0 0;
  padding: 10px 5px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  font-family: OpenSans-Regular, Myriad Pro, "Lucida Grande", "Lucida Sans Unicode", Segoe UI, Helvetica, Arial, sans-serif;
  display: block;
}

#language-menu ul.menu li.first a {
  padding-left: 0;
}

#language-menu ul.menu li.last a {
  padding-right: 0;
}

#language-menu ul.menu li a:hover, #language-menu ul.menu li a.active {
  color: #ffffff;
}

#language-menu ul.menu li a:after {
  content: none;
}

#language-menu ul.menu li.expanded {
  position: relative;
}

#language-menu ul.menu li.expanded a {
  width: 28px;
  height: 30px;
  background: transparent url(menu-expanded.png) no-repeat 39px 6px;
  padding:2px 31px 15px 19px; 
}

#language-menu ul.menu li.expanded a:hover {
  width: 25px;
  /*background: #045364 url(menu-expanded.png) no-repeat 39px 6px;*/
  padding: 2px 31px 15px 19px; 
}

#language-menu ul.menu li.expanded ul.menu {
  width: 100%;
  z-index: 100;
  padding: 0;
  display: none;
  position: absolute;
  right: 0px;
}

#language-menu ul.menu li.expanded:hover, #language-menu ul.menu li.expanded:hover > ul.menu {
  display: block;
}

#language-menu ul.menu li.expanded ul.menu li a {
  padding:0 10px 10px 19px;
  margin: 0;
  display: block;
  width: 55px;
  text-align: left;
  line-height: 130%;
  background: none;
  font-size: 12px;
}

#language-menu ul.menu li.expanded ul.menu li.expanded {
  background: transparent url(menu-collapsed.png) no-repeat center right;
}

#language-menu ul.menu li ul.menu li a:hover {
  background: transparent;
  color: #01b5cc;
}

#language-menu ul.menu li.expanded ul.menu li.expanded a:hover {
  background: transparent url(menu-collapsed.png) no-repeat center right;
}

#language-menu ul.menu li.expanded ul.menu li.leaf a:hover {
  background: transparent;
}

#language-menu ul.menu li.expanded ul ul {
  display: none;
  left: 40px;
  top: 0;
  padding: 0;
}
 



@media(min-width:1025px) {

#ln { 
  display:block;
}
   
#ln1 { 
  display:none;
}

}


@media(max-width:640px) and (orientation: portrait) {

#ln { 
  display:none;
}
   
#ln1 { 
  display:block;
  float:right;
  margin-top:-40px;
}

}

@media(max-width:1024px) and (orientation: portrait) {
#ln { 
  display:none;
}

#ln1 { 
  display:block;
  float:right;
    /*margin-top:-40px;*/
}
}


@media(max-width:1024px) and (orientation: landscape) {
#ln { 
  display:none;
}
   
#ln1 { 
  display:block;
  float:right;
    /*margin-top:-40px;*/
}
}