/*********
 * Paddings *
 ********/
.pt20 {padding-top: 20px;}
.pt10 {padding-top: 10px;}

 /*********
 * Positions *
 ********/
 .relative {position: relative;}

/*********
 * Resets *
 ********/
html {
  -ms-overflow-style: scrollbar;
  height: 100%;
  margin: 0;
}
html * {
  outline: none;
}
body {
  background-color: #9ec6cc;
	height: 100%;
	overflow-x: hidden;
	margin: 0;
	color: #FFF;
}
ul,ol {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
html.open {
  overflow: hidden;
}
.clear {
  clear: both;
}
.no-wrap {
  white-space: nowrap;
}
.full-width {
  width: 100%!important;
}
/**Print**/
.printable {
  display: none;
}

.bold21Title {font-weight: 700;font-size: 1.2em;}
.blackBG {background-color: #000;}
.whiteBg {background-color: #FFF;}

/*********
 * Headings *
 ********/
 h1 {margin: 0;text-transform: uppercase;font-size: 1.7em;font-weight: 700;}

/**Sticky footer**/
.frame {
  display: table;
  height: 100%;
  table-layout: fixed;
  width: 100%;
}
.frame .row-elt {
  display: table-row;
  height: 1px;
}
.frame .row-elt.expand {
  height: auto;
}

/**Generic button styling**/
.btn {
  padding: 20px 70px;
  border: 1px solid #5dbfcd;
  background-color: #FFF;
  border-radius: 30px;
  font-size: 1em;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  color: #9ec6cc;
  -webkit-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
  transition: 0.3s;
}

.btn:hover {
  background-color: #7fddd9;
  color: #FFF;
}
/**  toggle btn  **/
.toggleLanguage {
	text-align: center;
    display: flex;
    height: 67px;
}
.toggleLanguage .toggle.btn {
	padding: 20px 50px!important;
	height: 40% !important;
}
  .toggleLanguage .toggle-off.btn {
	  padding-left: 70px;
	  padding-right: 24px;
  }
  .toggleLanguage .toggle-on.btn {
	  padding-left: 24px;
	  padding-right: 70px;
	  
  }
  .toggleLanguage .toggle-group .btn {
	  padding-top: 10px;
  }
  .toggleLanguage .btn-primary:focus, .toggleLanguage .btn-primary.active, .toggleLanguage .btn-primary:active, .toggleLanguage .open>.dropdown-toggle.btn-primary {
	  background-color: #7fddd9;
  }
  .toggleLanguage .btn-default.active {
	  background-color: #FFF;
	  color: #9ec6cc;
  }
  .toggleLanguage .btn-default:hover {
	background-color: #7fddd9;
    color: #FFF;
  }
  .toggleLanguage .btn-default.active:focus, .toggleLanguage .btn-default:active:focus, .toggleLanguage .btn-default.active:hover, .toggleLanguage .btn-default:active:hover  {
	  border-color: #7fddd9;
  }
  .toggleLanguage .btn-primary:hover {
	  border: 0px;
  }
  .toggleLanguage .toggle-handle {padding: 0 50px;}
/**  header  **/
.main-header {border-top: 24px solid #af8355;}

/** Download from Apple App Store or Google Play **/
.download-section p {line-height: 30px;margin-bottom: 50px;}

/** Carousel **/
.carousel-caption {
  text-align: left;
  position: relative;
  right: auto;
  left: auto;
  padding-left: 0;
  margin-left: -15px;
  text-shadow: none;
}
.carousel-caption h2 {text-transform: uppercase;font-size: 1.3em;padding-left: 50px;cursor: pointer}
.carousel-caption p {padding-left: 50px;line-height: 30px;}
.carousel-control {background: none!important;height: 600px;}
.carousel-control img {position: absolute;top: 50%;z-index: 5;display: block;}
.carousel-control.right img {right: 15px;}
.carousel-control.left img {left: 15px;}

/**  Section 2 **/
.contentNbigImage {background-color: #000;}
.contentNbigImage .contentNbigImage-content {background-color: #000;}
.contentNbigImage h2 {color: #7FDDD9;font-size: 1.2em;font-weight: 700;margin-bottom: 60px;}
.contentNbigImage p {line-height: 40px;}
.contentNbigImage .bluetooth {position: absolute;z-index: 1;}

/** Section 3 **/
.section3 {padding: 120px 0 0;}
.section3 p {line-height: 30px;margin-bottom: 80px;}
.section3 h2 {text-align: center;text-transform: uppercase;font-size: 1.3em;padding: 25px 0;}

.grey h2 {background-color: #707d96;}
.green h2 {background-color: #7ac1ab;}
.red h2 {background-color: #e46168;}
.amber h2 {background-color: #f9aa5c;}

/** Section 4 **/
.embed-responsive {
  -webkit-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.3);
}

/** FAQ **/
.faq h2 {color: #7fddd9;}
.faq ul { list-style-position: inside; list-style-type: disc;}
.faq li {margin-bottom: 50px;}
.faq li a:link,.faq li a:visited {color: #FFF;font-weight: 500;text-decoration: none;}
.faq li a:hover,.faq li a:active,.faq li a.active {color: #7fddd9;text-decoration: none;}
.faqAnswer {position: relative;}
.faqAnswer h2 {color: #7fddd9;margin-bottom: 35px;}
.faqAnswer p {line-height: 30px;}
.close {
  position: absolute;
  color: #FFF;
  top: 60px;
  opacity: 0.5;
  transition: 0.3s;
}
.close:hover {opacity: 1;}

/**Footer**/
.footer {color: #000;}
.footer h3 {font-weight: 700;}