/*--------------------------------------------
Filename:     benefit.css 
Description:  benefit CSS Extension
Version:      1.0.0 (22-5-2015) DD-MM-YYYY
Website:      www.leassystemnetwork.com
Author:       Mohammed Abd-Ella (www.mabdella.me)
--------------------------------------------*/
/*--------------------------------------------
Filename:     variales.css 
Description:  SCSS variales
Version:      1.0.0 (15-4-2015) DD-MM-YYYY
Website:      www.leadcapturepagesystem.com
Author:       Mohammed Abd-Ella (www.mabdella.me)
--------------------------------------------*/
/*Colors ----------------------------------------------*/
/*Colors ----------------------------------------------*/
/*Fonts ----------------------------------------------*/
/*Fonts ----------------------------------------------*/
/*Genral ----------------------------------------------*/
html {
  background-color: #444;
}
html.background {
  background-image: url("../img/wizard-bg.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-container {
  background-image: url("../img/wizard-bg.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  padding: 0;
  margin-bottom: 120px;
  background: transparent;
}

.container {
  max-width: 960px;
}

.lead {
  margin: 20px 0 0;
}

.description h1 {
  font-size: 3em;
  margin-bottom: 0;
}
.description .lead {
  font-size: 2em;
  font-family: "open_sansitalic", sans-serif;
  padding: 0 30px 20px;
}

.section {
  color: #fff;
}
.section.video {
  background: rgba(0, 0, 0, 0.5);
}
.section.video .lead {
  font-size: 1.2em;
}

.pagination {
  margin-top: 30px;
}
.pagination li a {
  margin: 10px;
  border-radius: 500px !important;
  padding: 16px 24.3px;
  font-size: 20px;
  border: 2px solid #fff;
  background-color: transparent !important;
  color: #fff;
  font-family: "open_sanssemibold", sans-serif;
}
.pagination li.active a {
  padding: 25px 33.5px;
  margin-top: 1px;
  font-family: "open_sanssemibold_italic", sans-serif;
}

.nav .list-inline li a {
  margin: 10px 20px;
  padding: 10px 30px;
  font-size: 20px;
  font-family: "open_sanslight", sans-serif;
  text-transform: uppercase;
  border-radius: 500px;
}

@media (max-width: 530px) {
  .description .lead {
    font-size: 1.5em;
  }

  .nav .list-inline li a {
    margin: 10px;
  }

  .pagination {
    margin-top: 30px;
  }
  .pagination li a {
    margin: 5px;
    padding: 6px 14.3px;
    font-size: 20px;
  }
  .pagination li.active a {
    padding: 15px 23.5px;
    margin-top: -4px;
  }
}
.footer {
  background: #111;
}
.footer .list-inline {
  margin: 0;
}