/*

GLOBAL

*/

div.content {

  padding: 140px 0px 0px 0px;
  
}

html, body, h1, h2, h3, h4, h5, h6, p, span, a, .headline, p.subtitle, a.action_button, .nav ul.menu li a, .nav ul.menu li, footer a, ul.footer_menu a {

  font-family : "futura-pt";
  
  font-style : normal;
  
  font-weight : 300;
  
}

ul.footer_menu a {

  font-weight : 400;

}

h1 {

  border-bottom : 1px solid #666;
  
  text-transform : uppercase;
  
  font-size : 42px;
  
  padding : 15px;
  
  color : #666;

}

p {

  font-size : 18px;

}

.product_section .description li{
  margin-bottom: 0;
}

video{
      max-width: 640px;
    margin: 0 auto;
}

/* buttons */

a.action_button {

  font-weight : 500;

}

button span {

  font-weight : 400;

}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.action_button,
a.action_button,
input.action_button[type="submit"],
input.action_button[type="button"] {
  
  -webkit-border-radius : 5px;
  
  border : 1px solid #666;
  
  background : transparent;
  
  -moz-border-radius : 5px;
  
  font-family : "futura-pt";
  
  border-radius : 5px;
  
  font-weight : 500;
  
  color : #666;

}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.action_button:hover,
a.action_button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover {

  background : #333;
  
  color : #fff;

}

/* header */

div.header_bar {

  background : rgba( 0 , 0 , 0 , 0.75 );
    
}

.menu.align_right {

  position : absolute;

  right : 30px;
  
  bottom : 0;
  
  top : 0;
  
}

/* navigation */

.logo img {
  max-width : 80px;  
}

.nav ul.menu {

  padding : 5px 0;

}

.nav a.active, 
.header_bar a.active, 
.feature_image .header .nav a:focus,
.feature_image .header .nav a:active,
.nav ul.menu li a:active,
.nav ul.menu li:active,
.feature_image .header .nav a:hover,
.nav ul.menu li a:hover,
.nav ul.menu li:hover {
  
  color : #f7f7f7 !important;

}


/*

HEADER

*/

.nav ul.menu li a,
.nav ul.menu li {

  letter-spacing : 1px;
  
  line-height : 23px;
  
  font-weight : 400;
  
  font-size : 14px;
  
  display : block;
  
  padding : 0;

}

/* mobile menu */

.mm-ismenu.mm-black,
.mm-ismenu {

  background : rgba( 0 , 0 , 0 , .75 );
  
  color : #ffffff;

}


/*

FOOTER

*/

.footer {

  background: rgba( 0 , 0 , 0 , 0.75 );
  
  margin-top: 50px;
  
  text-align : left;
  
  max-width : 100%;
  
  font-size : 0;
  
  width : 100%;
  
  padding : 0;

}

.footer .footer_menu a,
.footer a:visited,
.footer a:active,
.footer h4,
.footer p,
.footer a {
  
  color : #ffffff !important;
  
  font-weight : 400;

  font-size : 14px;

}

.footer h4 {

  font-size : 18px;

}

.footer .credits a,
.footer .credits {

  font-size : 12px;
  
  font-weight: 200;
  
  color : #ffffff;

}

/* left */

.footer-promo,
.social-column,
.footer-links {

  -moz-box-sizing : border-box;
  
  box-sizing : border-box;
  
  display : inline-block;
  
  vertical-align : top;
  
  padding : 30px;
  
  width : 33.3%;

}

/* center */

.social-column {

  text-align : center;

}

/* right */

.footer_menu {

  text-align: right;

}

.footer_menu li {
  
  padding-right : 0;

  font-size : 14px;
  
  display : block;
  
}

ul.footer_menu a {

  text-transform : none;
  
  color : #ffffff;

}


/*

INDEX

*/

.how-it-works-video h2,
.index .headline,
.index h1,
.index h3 {
  
  text-transform : none;

  font-size : 42px;
  
  padding : 0;

}

.index .headline {

  font-size : 48px;

}

.index h1 {

  border-bottom : none;

}

.index p {
  
  margin : 15px auto;

  max-width : 680px;
  
}

.index {

  text-align : center;
  
  margin : auto;

}

.index .subtitle {
  
  font-size : 32px;
  
  max-width : none;

}

.index a.action_button {

  padding : 10px 40px !important;
  
  -webkit-border-radius : 5px;
  
  font-family : "futura-pt";
  
  background : transparent;
  
  -moz-border-radius : 5px;
  
  border : 1px solid #fff;
  
  border-radius : 5px;
  
  font-weight : 500;
  
  color : #fff;

}

.index a.action_button:hover {
  
      border: 1px solid #fff !important;
    text-decoration: none;
    background: #666;
    color: #ffffff !important;

}

.index a.action_button.dark {

  border : 1px solid #666;
  
  text-decoration : none;
  
  margin : 30px auto;
  
  color : #666;

}

.index a.action_button.dark:hover {
  
  border : 1px solid #fff;
  
  text-decoration : none;
  
  margin : 30px auto;
  
  background : #666;
  
  color : #fff;

}

.index .homepage_content a {
  
  color : #08c;

}

.index .homepage_content a:hover {

  text-decoration : underline;
  
}

/* parallax images */

#slide-1 a.action_button {
  border : 1px solid #333;
  color : #333;
  position: absolute;
    right: 55px;
    top: 285px;

}

.hsContainer .right {

  padding-right : 20px;

}

/* video feature */

.how-it-works-video {

  position : relative;

}

.how-it-works-video .banner {

  background : #ffffff;
  
  position : absolute;
  
  padding : 15px 0;
  
  right : 0;
  
  top : 50%;
  
  left : 0;

}

.videoWrapper {
	position: relative;
	padding-top: 25px;
	height: 600px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#slide-1 .hsContent .subtitle{
    line-height: 35px;
}


/*

FEATURES PAGE

*/

.features-links,
.features-page {

  text-align : center;

  margin : auto;

}

/* fonts */

.features-page h1 {

  font-size : 32px;
  
}

.features-page h3 {

  text-transform : none;
  
  font-size : 42px;

}

.features-page h4 {

  text-transform : none;
  
  font-size : 32px;
  
  padding : 15px 0;

  color : #666;
  
}

.features-page h3,
{
  max-width : 680px;

  margin : 0 auto 15px;
}


.features-page h4,
.features-page p {

  max-width : 680px;

  margin : 15px auto;
      color: #666;

}

/* icon intro */

.features-links {
  
  border-bottom : 1px solid #666;
  
  padding : 0 0 0px 0;
  
  font-size : 0;

}

.features-page-content h3 {

  padding : 45px 0;

}

.features-links a {

  -moz-box-sizing : border-box;
  
  box-sizing : border-box;
  
  display : inline-block;
  
  font-size : 14px;
  
  margin : 0 15px;
  
  color : #666;

  width : 90px;

}

.features-links a img {

  border : 1px solid #666;

}

.icon {

  margin : auto;

  width : 120px;

}

/* feature sections */

.feature-section {

  border-bottom : 1px solid #666;
  
  padding: 0;
  position: relative;

}

.feature-section#travel{
  padding-bottom: 70px;
}

.feature-section:last-of-type {

  border-bottom : none;

}

.feature-section img{
  padding: 70px 0;
}

.feature-section .back-to-top{
  position: absolute;
  width: 100%;
  text-align: center;
  top: -24px;
}

.feature-section .back-to-top img{
  padding: 0;
  height: 53px;
  background-color: white;
}

.feature-section .back-to-top img:hover{
  cursor: pointer;
}


/*

FAQ PAGE

*/

.faqpage h3 {

  text-transform : none;

  font-size : 24px;
  
  padding : 15px 0;

  color : #666;
  
}

.faqpage h3:hover {

  font-weight : 500;
  
  cursor : pointer;
  
}

.faqpage h3.accordion-open {

  color : #000000;
  
}

.accordion {

  text-decoration : none;

  position : relative;
    
  padding : 10px;
  
  margin : 0;

}

.accordion-open {

  color : #000;

}


.faqpage div.container {

  padding : 0;

  margin : 0;

}

.faqpage div.container {

  max-width : 100%;

  padding : 5px 0;

}

.faqpage div.content {

  line-height:1.5em;

  padding : 10px;
  
  margin : 0;  

}

.faqpage div.content ul {
  
  padding : 3px;

  padding : 0;
  
  margin : 0;

}

.faqpage div.content p {

  margin : 10px 20px;
  
  font-size : 18px;

  padding : 3px;
  
  padding : 0;

}

.faqpage div.content ul li {

  list-style-position : inside;

  line-height : 1.5;
  
}

.faqpage a {

  border-bottom : 1px solid transparent;
  
  color : #08c;

}

.faqpage a:hover {

  text-decoration : underline;
  
}

#slide-3{
  border-bottom: 50px solid white;
}

.footer{
  position: relative;
}

#back-to-top{
  text-align: center;
  top: 0;
  left: 48.3%;
  position: absolute;
  width: 53px;
}

#back-to-top img{
  height: 53px;
}

#back-to-top img:hover{
  cursor: pointer;
}

.product_section .description ul
{
  margin-top: -15px;
}

{
      margin-bottom: 0;
}

.highlight {
    text-decoration: underline;
}

.features-links a img:hover {
    border: 1px solid blue;
}

.features-links a sup{
  font-size: 9px;
}

.bis-reset .bis-button{
  padding: 2px 20px !important;
}

.HowToGraph
{
  width: 100%;
}

.HowToGraph img{
  width: 100%;
}

.HowToGraph-Left
{
  width: 41%;
  float: left;
}
.HowToGraph-Right{
  width: 59%;
  float: right;
}



 /*..................feature css..................*/
  
  
  #features .features-page h1 {
	border-bottom: 1px solid #666;
	text-transform: uppercase;
	font-size: 32px;
	padding: 15px;
	color: #666;
}

 
  #features .features-page h3 {
	color: #000;
}


#features .features-links a {
	font-size: 14px;
	color: #666;
  text-decoration: none;
}

#features {
	padding: 0px;
}




/*

MEDIA

*/

@media ( max-width: 767px ) and ( min-width: 480px ) {

  .container {
  
    width : 90%;
  
  }
  
  .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
  
    width : 100%;
  
  }

}

@media ( max-width: 767px ) {
  
  /* fonts */
  
  .how-it-works-video h2,
  .features-page h3,
  .index .headline,
  .index h1,
  .index h3,
  h1 {
  
    font-size : 32px;
  
  }
  
  .features-page h4,
  .features-page h1,
  .index .subtitle {
  
    font-size : 28px;
  
  }

  /* index parallax images */
  
  .bcg {
  
    background-size : cover;
  
  }
  
  /* footer */

  .footer .credits a, .footer .credits,
  .footer h4,
  .footer_menu,
  .footer_menu li {

    text-align : center;

  }
  
  .footer_menu li {
  
    display : inline-block;
    
    padding : 0 10px;
  
  }
  
  .footer a.ss-icon {
  
    margin-bottom : 0;
  
  }
  
  .footer-promo,
  .social-column,
  .footer-links {

    text-align : center;
    
    padding : 15px;

    width : 100%;

  }
  
  #slide-1 a.action_button {
    top: 148px;
}
  
  .videoWrapper {
    height: 400px;
}
  
}

@media (max-width: 649px)
  {
    .HowToGraph-Left
{
  text-align: center;
  width: 100%;
  float: none;
}
    .HowToGraph-Left img{
      width: 75%;
    }
.HowToGraph-Right{
  width: 100%;
  float: none;
}
  }

@media ( max-width: 447px ) {

  #slide-1 .hsContent {
  
    vertical-align : top;
    
    padding-top : 20px;
  
  }
  
  #slide-1 h1 {
  
    font-size : 27px;
  
  }
  
  #slide-1 h1 span{
    font-weight: 400;
  }
  
  
  #slide-1 .subtitle {
  
    margin-bottom : 30px;
    font-size : 16px;
    line-height: 23px !important;
  
  }
  
  #slide-1 a.action_button {
        top: 115px;
    right: 25px;
        padding: 0px 15px !important;
    font-size: 10px;
}
  
  #slide-1 .bcg {
    background-position: 20% 0 !important;
  }
  
  #back-to-top {
    text-align: center;
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
}
  
  div.content {
    padding: 60px 0px 0px 0px;
}
  
  .videoWrapper {
    padding-bottom: 105%;
}
  
  #header a{
    top: 2px;
  }
  
}

@media (max-width: 1029px)
  {
    #slide-1 .hsContent .fadeInUp{
    background-color: rgba(255,255,255,0.6);
  }
  }

@media ( max-width: 399px ) {
  #slide-1 h1{
    font-size: 25px;
  }

  
  
@media ( max-width: 370px ) {
  #slide-1 h1{
    font-size: 23px;
  }
  
  #slide-1 a.action_button
  {
    top: 100px;
    right: 0;
  }
}
  
  @media ( max-width: 340px ) {
  #slide-1 h1{
    font-size: 21px;
  }
}