.cf:after {
  content: "";
  display: table;
  clear: both;}

.page{width: 100%;}
.slim-page{
  width: 730px;
  margin: 0 auto;}
.wide-page{
  width: 960px;
  margin: 0 auto;}
h1{
  margin-bottom: 0.25em;}
h1.small-title{
  font-size: 33px;
  line-height: 1.3;}
h2{
  margin-top: 1em;
  margin-bottom: 0.25em;}
h3{color: #005ea1}
.slim-page > img{
  margin-bottom: 25px;
  border-radius: 8px;}
.slim-page > img.right{
  margin-left: 15px;}
.slim-page > img.left{
  margin-right: 15px;}
p.small{
  font-size: 0.66em;
  line-height: 1.4;}
ol{color: #008d86;}
ol li span{color: #666f73;}
iframe{
  margin-bottom: 1em;}
.col-50{
  float:left;
  width: 48%;}
.col-50+.col-50{
  margin-left: 3%;}
.col-25{
  width: 23%;}
.col-25 + .col-25{
  margin-left: 2.5%;}
.col-30{
  width: 31%;}
.col-30+.col-30{
  margin-left: 3%;}
.col-40{
  width: 38%;}
.col-60{
  width: 58%;}
.col-40 + .col-60{
  margin-left: 4%;}
.center{
  text-align: center;}

.main .btn.red{
  display: block;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  width: 33.33%;
  padding: 6px 0;
  margin: 0.25em auto;
  border-radius: 5px;
  text-decoration: none;
  box-shadow: 0 2px 0 0 #921a1a;
  background: #ec3b3b; /* Old browsers */
  background: -moz-linear-gradient(top,  #ec3b3b 0%, #b22d2d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3b3b), color-stop(100%,#b22d2d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ec3b3b 0%,#b22d2d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ec3b3b 0%,#b22d2d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ec3b3b 0%,#b22d2d 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ec3b3b 0%,#b22d2d 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3b3b', endColorstr='#b22d2d',GradientType=0 ); /* IE6-9 */}
.main .btn.red:hover,
.main .btn.red:active{
  background: #ff4040; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff4040 0%, #cc3333 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4040), color-stop(100%,#cc3333)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff4040 0%,#cc3333 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff4040 0%,#cc3333 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff4040 0%,#cc3333 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff4040 0%,#cc3333 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4040', endColorstr='#cc3333',GradientType=0 ); /* IE6-9 */}

/************************************
  Full Width Section
*************************************/
.full-width{
  background-color: #f7fbfb;
  padding: 1.5em 0;
  margin: 3em 0;
  border-top: 1px solid #a5def5;
  border-bottom: 1px solid #a5def5;
  background-color: #f7fbfc;}

/************************************
  Special Offer Block
*************************************/
.special-offer-block{
  display: table;
  width: 50%;
  margin: 0 auto;}
.special-offer-block > div{
  display: table-cell;
  text-align: center;
  width: 50%;
  vertical-align: middle;}
.special-offer-block > div h4{
  color: #ec3b3b;
  font-weight: bold;
  font-size: 1.75em;}
.main .special-offer-block > div a.btn{
  width: 80%;}

/************************************
  About Ultralieve
*************************************/
.about-feature{
  margin-top: 2em;
  margin-bottom: 2em;}
.about-feature h2{
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 0.33em;
  line-height: 1;}
.about-feature img{
  max-width: 100%;
  height: auto;
  border-radius: 8px;}

/************************************
  Features
*************************************/
.features{
  text-align: center;}
.features p{
  margin-top: 0.5em;
  text-align: left;}

/************************************
  How It Works
*************************************/
.main .main-img{
  display: block;
  margin: 1em auto 2em;}
.cell-steps,
.use-steps,
.use-video{
  margin: 2em auto;}
.cell-steps h2,
.use-steps h2{
  margin-top: 0;
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 0.1em;}
.cell-steps h3,
.use-video h3{
  font-size: 1.2em;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
  color: #666f73;}
.use-steps p{
  margin-top: 0.33em;
  font-size: 0.9em;
  line-height: 1.5;}
.use-video{
  text-align: center;
}

/************************************
  Special Offer page
*************************************/
.special-offer{
  border-radius: 8px;
  background-color: #f5f7f7;
  padding: 1.5% 2%;
  width: 44%;
  text-align: center;}
.special-offer h2{
  line-height: 1.4;
  margin-top: 0;
  font-size: 1.5em;}
.special-offer h2 a,
.special-offer h3{
  color: #ec3b3b;}
.special-offer h3{
  font-weight: bold;
  font-size: 1.8em;} 
.special-offer h4{
  font-size: 1.33em;}
.special-offer h4 span{
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;}
.special-offer h4 span:nth-child(2){
  color: #19a5dd;}
.special-offer img{
  width: 100%;
  height: auto;
  margin-bottom: 1em;}
.special-offer p{
  margin-bottom: 0.5em;}
.special-offer ul{
  margin-bottom: 0.5em;}
.special-offer p,
.special-offer ul{
  text-align: left;}
.special-offer ul li{
  padding-left: 0px;
  font-size: 18px;
  line-height: 28px;}
.special-offer ul + p{
  text-align: center;
  margin: 1em auto;}