/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #181818;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif, "Times New Roman", serif;
  font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 14px;
}
h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
}
h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 8px;
}
h4 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 4px;
}
h5 {
  font-size: 17px;
  line-height: 24px;
}
h6 {
  font-size: 14px;
  line-height: 21px;
}
.subheader {
  color: #777;
}
p {
  margin: 0 0 20px 0;
}
p img {
  margin: 0;
}
p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
  color: #333;
}
small {
  font-size: 80%;
}
/*  Blockquotes  */
blockquote,
blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic;
}
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}
blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}
/* #Links
================================================== */
a,
a:visited {
  color: #333;
  text-decoration: underline;
  outline: 0;
}
a:hover,
a:focus {
  color: #000;
}
p a,
p a:visited {
  line-height: inherit;
}
/* #Lists
================================================== */
ul,
ol {
  margin-bottom: 20px;
}
ul {
  list-style: none outside;
}
ol {
  list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}
ul.square {
  list-style: square outside;
}
ul.circle {
  list-style: circle outside;
}
ul.disc {
  list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}
li {
  line-height: 18px;
  margin-bottom: 12px;
}
ul.large li {
  line-height: 21px;
}
li p {
  line-height: 21px;
}
/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #eee;
  /* FF3.6+ */
  background: #eeeeee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: #eeeeee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: #eeeeee linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 10px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #222;
  background: #ddd;
  /* FF3.6+ */
  background: #dddddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  /* Chrome,Safari4+ */
  background: #dddddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE10+ */
  background: #dddddd linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  border: 1px solid #666;
  background: #ccc;
  /* FF3.6+ */
  background: #cccccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
  /* Chrome,Safari4+ */
  background: #cccccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* IE10+ */
  background: #cccccc linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* W3C */
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* #Forms
================================================== */
form {
  margin-bottom: 20px;
}
fieldset {
  margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  border-radius: 2px;
  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}
select {
  padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
  min-height: 60px;
}
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}
select {
  width: 220px;
}
input[type="checkbox"] {
  display: inline;
}
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
@media only screen and (max-width: 767px) {
  .unless-phone,
  .hide-on-phone {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .unless-tablet,
  .hide-on-tablet {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  .unless-lt-960,
  .hide-on-desktop {
    display: none;
  }
}
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}
/* #Base 960 Grid
================================================== */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}
.row {
  margin-bottom: 20px;
}
.container.no-columns {
  padding: 0 10px;
  margin-bottom: 20px;
}
/* Nested Column Classes */
.column.alpha,
.columns.alpha {
  margin-left: 0;
}
.column.omega,
.columns.omega {
  margin-right: 0;
}
.container .one-third.column {
  width: 300px;
}
.container .two-thirds.column {
  width: 620px;
}
.row.remove-bottom {
  margin-bottom: 0 !important;
}
.row.half-bottom {
  margin-bottom: 10px !important;
}
.row.add-bottom {
  margin-bottom: 20px !important;
}
/* Base Grid */
.container,
.container.sixteen {
  /* Offsets */
}
.container .one.column,
.container.sixteen .one.column,
.container .one.columns,
.container.sixteen .one.columns {
  width: 40px;
}
.container .two.columns,
.container.sixteen .two.columns {
  width: 100px;
}
.container .three.columns,
.container.sixteen .three.columns {
  width: 160px;
}
.container .four.columns,
.container.sixteen .four.columns {
  width: 220px;
}
.container .five.columns,
.container.sixteen .five.columns {
  width: 280px;
}
.container .six.columns,
.container.sixteen .six.columns {
  width: 340px;
}
.container .seven.columns,
.container.sixteen .seven.columns {
  width: 400px;
}
.container .eight.columns,
.container.sixteen .eight.columns {
  width: 460px;
}
.container .nine.columns,
.container.sixteen .nine.columns {
  width: 520px;
}
.container .ten.columns,
.container.sixteen .ten.columns {
  width: 580px;
}
.container .eleven.columns,
.container.sixteen .eleven.columns {
  width: 640px;
}
.container .twelve.columns,
.container.sixteen .twelve.columns {
  width: 700px;
}
.container .thirteen.columns,
.container.sixteen .thirteen.columns {
  width: 760px;
}
.container .fourteen.columns,
.container.sixteen .fourteen.columns {
  width: 820px;
}
.container .fifteen.columns,
.container.sixteen .fifteen.columns {
  width: 880px;
}
.container .sixteen.columns,
.container.sixteen .sixteen.columns {
  width: 940px;
}
.container .offset-by-one,
.container.sixteen .offset-by-one {
  padding-left: 60px;
}
.container .offset-by-two,
.container.sixteen .offset-by-two {
  padding-left: 120px;
}
.container .offset-by-three,
.container.sixteen .offset-by-three {
  padding-left: 180px;
}
.container .offset-by-four,
.container.sixteen .offset-by-four {
  padding-left: 240px;
}
.container .offset-by-five,
.container.sixteen .offset-by-five {
  padding-left: 300px;
}
.container .offset-by-six,
.container.sixteen .offset-by-six {
  padding-left: 360px;
}
.container .offset-by-seven,
.container.sixteen .offset-by-seven {
  padding-left: 420px;
}
.container .offset-by-eight,
.container.sixteen .offset-by-eight {
  padding-left: 480px;
}
.container .offset-by-nine,
.container.sixteen .offset-by-nine {
  padding-left: 540px;
}
.container .offset-by-ten,
.container.sixteen .offset-by-ten {
  padding-left: 600px;
}
.container .offset-by-eleven,
.container.sixteen .offset-by-eleven {
  padding-left: 660px;
}
.container .offset-by-twelve,
.container.sixteen .offset-by-twelve {
  padding-left: 720px;
}
.container .offset-by-thirteen,
.container.sixteen .offset-by-thirteen {
  padding-left: 780px;
}
.container .offset-by-fourteen,
.container.sixteen .offset-by-fourteen {
  padding-left: 840px;
}
.container .offset-by-fifteen,
.container.sixteen .offset-by-fifteen {
  padding-left: 900px;
}
/* #12 Column Alternative */
.container.twelve {
  /* Offsets */
}
.container.twelve .one.column,
.container.twelve .one.columns {
  width: 60px;
}
.container.twelve .two.columns {
  width: 140px;
}
.container.twelve .three.columns {
  width: 220px;
}
.container.twelve .four.columns {
  width: 300px;
}
.container.twelve .five.columns {
  width: 380px;
}
.container.twelve .six.columns {
  width: 460px;
}
.container.twelve .seven.columns {
  width: 540px;
}
.container.twelve .eight.columns {
  width: 620px;
}
.container.twelve .nine.columns {
  width: 700px;
}
.container.twelve .ten.columns {
  width: 780px;
}
.container.twelve .eleven.columns {
  width: 860px;
}
.container.twelve .twelve.columns {
  width: 940px;
}
.container.twelve .offset-by-one {
  padding-left: 80px;
}
.container.twelve .offset-by-two {
  padding-left: 160px;
}
.container.twelve .offset-by-three {
  padding-left: 240px;
}
.container.twelve .offset-by-four {
  padding-left: 320px;
}
.container.twelve .offset-by-five {
  padding-left: 400px;
}
.container.twelve .offset-by-six {
  padding-left: 480px;
}
.container.twelve .offset-by-seven {
  padding-left: 560px;
}
.container.twelve .offset-by-eight {
  padding-left: 640px;
}
.container.twelve .offset-by-nine {
  padding-left: 720px;
}
.container.twelve .offset-by-ten {
  padding-left: 800px;
}
.container.twelve .offset-by-eleven {
  padding-left: 880px;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .container {
    width: 768px;
  }
  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }
  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }
  .container .one-third.column {
    width: 236px;
  }
  .container .two-thirds.column {
    width: 492px;
  }
  .container,
  .container.sixteen {
    /* Offsets */
  }
  .container .one.column,
  .container.sixteen .one.column,
  .container .one.columns,
  .container.sixteen .one.columns {
    width: 28px;
  }
  .container .two.columns,
  .container.sixteen .two.columns {
    width: 76px;
  }
  .container .three.columns,
  .container.sixteen .three.columns {
    width: 124px;
  }
  .container .four.columns,
  .container.sixteen .four.columns {
    width: 172px;
  }
  .container .five.columns,
  .container.sixteen .five.columns {
    width: 220px;
  }
  .container .six.columns,
  .container.sixteen .six.columns {
    width: 268px;
  }
  .container .seven.columns,
  .container.sixteen .seven.columns {
    width: 316px;
  }
  .container .eight.columns,
  .container.sixteen .eight.columns {
    width: 364px;
  }
  .container .nine.columns,
  .container.sixteen .nine.columns {
    width: 412px;
  }
  .container .ten.columns,
  .container.sixteen .ten.columns {
    width: 460px;
  }
  .container .eleven.columns,
  .container.sixteen .eleven.columns {
    width: 508px;
  }
  .container .twelve.columns,
  .container.sixteen .twelve.columns {
    width: 556px;
  }
  .container .thirteen.columns,
  .container.sixteen .thirteen.columns {
    width: 604px;
  }
  .container .fourteen.columns,
  .container.sixteen .fourteen.columns {
    width: 652px;
  }
  .container .fifteen.columns,
  .container.sixteen .fifteen.columns {
    width: 700px;
  }
  .container .sixteen.columns,
  .container.sixteen .sixteen.columns {
    width: 748px;
  }
  .container .offset-by-one,
  .container.sixteen .offset-by-one {
    padding-left: 48px;
  }
  .container .offset-by-two,
  .container.sixteen .offset-by-two {
    padding-left: 96px;
  }
  .container .offset-by-three,
  .container.sixteen .offset-by-three {
    padding-left: 144px;
  }
  .container .offset-by-four,
  .container.sixteen .offset-by-four {
    padding-left: 192px;
  }
  .container .offset-by-five,
  .container.sixteen .offset-by-five {
    padding-left: 240px;
  }
  .container .offset-by-six,
  .container.sixteen .offset-by-six {
    padding-left: 288px;
  }
  .container .offset-by-seven,
  .container.sixteen .offset-by-seven {
    padding-left: 336px;
  }
  .container .offset-by-eight,
  .container.sixteen .offset-by-eight {
    padding-left: 384px;
  }
  .container .offset-by-nine,
  .container.sixteen .offset-by-nine {
    padding-left: 432px;
  }
  .container .offset-by-ten,
  .container.sixteen .offset-by-ten {
    padding-left: 480px;
  }
  .container .offset-by-eleven,
  .container.sixteen .offset-by-eleven {
    padding-left: 528px;
  }
  .container .offset-by-twelve,
  .container.sixteen .offset-by-twelve {
    padding-left: 576px;
  }
  .container .offset-by-thirteen,
  .container.sixteen .offset-by-thirteen {
    padding-left: 624px;
  }
  .container .offset-by-fourteen,
  .container.sixteen .offset-by-fourteen {
    padding-left: 672px;
  }
  .container .offset-by-fifteen,
  .container.sixteen .offset-by-fifteen {
    padding-left: 720px;
  }
  /*****************************
            12 Column
            ((768/12) - 20) * 1 = 44
        *****************************/
  .container.twelve {
    /* Offsets */
  }
  .container.twelve .one.column,
  .container.twelve .one.columns {
    width: 44px;
  }
  .container.twelve .two.columns {
    width: 108px;
  }
  .container.twelve .three.columns {
    width: 172px;
  }
  .container.twelve .four.columns {
    width: 236px;
  }
  .container.twelve .five.columns {
    width: 300px;
  }
  .container.twelve .six.columns {
    width: 364px;
  }
  .container.twelve .seven.columns {
    width: 428px;
  }
  .container.twelve .eight.columns {
    width: 492px;
  }
  .container.twelve .nine.columns {
    width: 556px;
  }
  .container.twelve .ten.columns {
    width: 620px;
  }
  .container.twelve .eleven.columns {
    width: 684px;
  }
  .container.twelve .twelve.columns {
    width: 748px;
  }
  .container.twelve .offset-by-one {
    padding-left: 64px;
  }
  .container.twelve .offset-by-two {
    padding-left: 128px;
  }
  .container.twelve .offset-by-three {
    padding-left: 192px;
  }
  .container.twelve .offset-by-four {
    padding-left: 256px;
  }
  .container.twelve .offset-by-five {
    padding-left: 320px;
  }
  .container.twelve .offset-by-six {
    padding-left: 384px;
  }
  .container.twelve .offset-by-seven {
    padding-left: 448px;
  }
  .container.twelve .offset-by-eight {
    padding-left: 512px;
  }
  .container.twelve .offset-by-nine {
    padding-left: 576px;
  }
  .container.twelve .offset-by-ten {
    padding-left: 640px;
  }
  .container.twelve .offset-by-eleven {
    padding-left: 704px;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
  }
  .container .columns,
  .container .column {
    margin: 0;
  }
  .container,
  .container.sixteen,
  .container.twelve {
    /* Offsets */
  }
  .container .one.column,
  .container.sixteen .one.column,
  .container.twelve .one.column,
  .container .one.columns,
  .container.sixteen .one.columns,
  .container.twelve .one.columns,
  .container .two.columns,
  .container.sixteen .two.columns,
  .container.twelve .two.columns,
  .container .three.columns,
  .container.sixteen .three.columns,
  .container.twelve .three.columns,
  .container .four.columns,
  .container.sixteen .four.columns,
  .container.twelve .four.columns,
  .container .five.columns,
  .container.sixteen .five.columns,
  .container.twelve .five.columns,
  .container .six.columns,
  .container.sixteen .six.columns,
  .container.twelve .six.columns,
  .container .seven.columns,
  .container.sixteen .seven.columns,
  .container.twelve .seven.columns,
  .container .eight.columns,
  .container.sixteen .eight.columns,
  .container.twelve .eight.columns,
  .container .nine.columns,
  .container.sixteen .nine.columns,
  .container.twelve .nine.columns,
  .container .ten.columns,
  .container.sixteen .ten.columns,
  .container.twelve .ten.columns,
  .container .eleven.columns,
  .container.sixteen .eleven.columns,
  .container.twelve .eleven.columns,
  .container .twelve.columns,
  .container.sixteen .twelve.columns,
  .container.twelve .twelve.columns,
  .container .thirteen.columns,
  .container.sixteen .thirteen.columns,
  .container.twelve .thirteen.columns,
  .container .fourteen.columns,
  .container.sixteen .fourteen.columns,
  .container.twelve .fourteen.columns,
  .container .fifteen.columns,
  .container.sixteen .fifteen.columns,
  .container.twelve .fifteen.columns,
  .container .sixteen.columns,
  .container.sixteen .sixteen.columns,
  .container.twelve .sixteen.columns,
  .container .one-third.column,
  .container.sixteen .one-third.column,
  .container.twelve .one-third.column,
  .container .two-thirds.column,
  .container.sixteen .two-thirds.column,
  .container.twelve .two-thirds.column {
    width: 100%;
  }
  .container .offset-by-one,
  .container.sixteen .offset-by-one,
  .container.twelve .offset-by-one,
  .container .offset-by-two,
  .container.sixteen .offset-by-two,
  .container.twelve .offset-by-two,
  .container .offset-by-three,
  .container.sixteen .offset-by-three,
  .container.twelve .offset-by-three,
  .container .offset-by-four,
  .container.sixteen .offset-by-four,
  .container.twelve .offset-by-four,
  .container .offset-by-five,
  .container.sixteen .offset-by-five,
  .container.twelve .offset-by-five,
  .container .offset-by-six,
  .container.sixteen .offset-by-six,
  .container.twelve .offset-by-six,
  .container .offset-by-seven,
  .container.sixteen .offset-by-seven,
  .container.twelve .offset-by-seven,
  .container .offset-by-eight,
  .container.sixteen .offset-by-eight,
  .container.twelve .offset-by-eight,
  .container .offset-by-nine,
  .container.sixteen .offset-by-nine,
  .container.twelve .offset-by-nine,
  .container .offset-by-ten,
  .container.sixteen .offset-by-ten,
  .container.twelve .offset-by-ten,
  .container .offset-by-eleven,
  .container.sixteen .offset-by-eleven,
  .container.twelve .offset-by-eleven,
  .container .offset-by-twelve,
  .container.sixteen .offset-by-twelve,
  .container.twelve .offset-by-twelve,
  .container .offset-by-thirteen,
  .container.sixteen .offset-by-thirteen,
  .container.twelve .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container.sixteen .offset-by-fourteen,
  .container.twelve .offset-by-fourteen,
  .container .offset-by-fifteen,
  .container.sixteen .offset-by-fifteen,
  .container.twelve .offset-by-fifteen {
    padding-left: 0;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px
    * Reduce column width from 420px to 400px;
    * Add padding to left and right of columns
    * By Minh
    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
  }
  .container .columns,
  .container .column {
    margin: 0;
  }
  .container .one.column,
  .container.sixteen .one.column,
  .container.twelve .one.column,
  .container .one.columns,
  .container.sixteen .one.columns,
  .container.twelve .one.columns,
  .container .two.columns,
  .container.sixteen .two.columns,
  .container.twelve .two.columns,
  .container .three.columns,
  .container.sixteen .three.columns,
  .container.twelve .three.columns,
  .container .four.columns,
  .container.sixteen .four.columns,
  .container.twelve .four.columns,
  .container .five.columns,
  .container.sixteen .five.columns,
  .container.twelve .five.columns,
  .container .six.columns,
  .container.sixteen .six.columns,
  .container.twelve .six.columns,
  .container .seven.columns,
  .container.sixteen .seven.columns,
  .container.twelve .seven.columns,
  .container .eight.columns,
  .container.sixteen .eight.columns,
  .container.twelve .eight.columns,
  .container .nine.columns,
  .container.sixteen .nine.columns,
  .container.twelve .nine.columns,
  .container .ten.columns,
  .container.sixteen .ten.columns,
  .container.twelve .ten.columns,
  .container .eleven.columns,
  .container.sixteen .eleven.columns,
  .container.twelve .eleven.columns,
  .container .twelve.columns,
  .container.sixteen .twelve.columns,
  .container.twelve .twelve.columns,
  .container .thirteen.columns,
  .container.sixteen .thirteen.columns,
  .container.twelve .thirteen.columns,
  .container .fourteen.columns,
  .container.sixteen .fourteen.columns,
  .container.twelve .fourteen.columns,
  .container .fifteen.columns,
  .container.sixteen .fifteen.columns,
  .container.twelve .fifteen.columns,
  .container .sixteen.columns,
  .container.sixteen .sixteen.columns,
  .container.twelve .sixteen.columns,
  .container .one-third.column,
  .container.sixteen .one-third.column,
  .container.twelve .one-third.column,
  .container .two-thirds.column,
  .container.sixteen .two-thirds.column,
  .container.twelve .two-thirds.column {
    width: 100%;
  }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after,
.clearfix:after {
  clear: both;
}
.row,
.clearfix {
  zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/*
* Main CSS styling
*/
/*
    Light:  font-weight:  200;  @ProximaNovaLt;
    Regular: font-weight:  400;
    SemiBold: font-weight:  700; @ProximaNovaLt;
    Bold:   font-weight:  700;
    ExtraBold: font-weight:  700;
*/
body,
html {
  height: 100%;
}
body {
  background: #bcbcbc;
}
a,
a:visited {
  text-decoration: none;
  /*
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    */
}
img {
  display: block;
}
.container980 {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .container980 {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .container980 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
  }
}
.social-media-widgets {
  position: fixed;
  top: 100%;
  margin-top: -110px;
  left: 10px;
  z-index: 90;
  display: block;
}
@media only screen and (max-width: 767px) {
  .social-media-widgets {
    margin-top: -100px;
  }
}
.site-wrapper.contact .main-content .section.contact-section h2 {
  padding-top: 150px;
}
header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  background: rgba(47, 47, 47, 0.95);
  padding: 25px 0 15px 0;
  -webkit-transition: padding 0.4s ease;
  transition: padding 0.4s ease;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
@media only screen and (max-width: 767px) {
  header {
    padding: 15px 0 !important;
    height: 60px;
  }
}
header h1 {
  font-size: 30px;
  line-height: 30px;
  margin: 0;
  display: inline-block;
}
header a.logo {
  text-indent: -99999px;
  display: block;
  float: left;
  background: url(../images/easyweb.png) no-repeat;
  margin-top: 0px;
  margin-left: 10px;
  width: 169px;
  height: 40px;
  -webkit-background-size: 169px 40px;
  background-size: 169px 40px;
}
@media only screen and (max-width: 767px) {
  header a.logo {
    width: 127px;
    height: 30px;
    -webkit-background-size: 127px 30px;
    background-size: 127px 30px;
    margin-top: 0;
    margin-left: 0;
  }
}
header nav {
  float: right;
  margin-top: 0px;
}
header nav .zero {
  display: none;
}
@media only screen and (max-width: 767px) {
  header nav .zero {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  header nav {
    float: left;
    margin-top: 0px;
    width: 100%;
  }
}
header nav .menu-btn {
  display: none;
}
@media only screen and (max-width: 767px) {
  header nav .menu-btn {
    display: inline-block;
    background: url(../images/menu_btn.png);
    width: 25px;
    height: 20px;
    -webkit-background-size: 25px 20px;
    background-size: 25px 20px;
    position: absolute;
    top: 4px;
    right: 10px;
    text-indent: -9999px;
  }
}
header nav ul {
  background: url(../images/menu_line.png) no-repeat bottom;
  -webkit-background-size: 518px 2px;
  background-size: 518px 2px;
  background-position: 18px 28px;
  height: 30px;
  width: auto;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  header nav ul {
    -webkit-background-size: 445px 2px;
    background-size: 445px 2px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  header nav ul {
    display: none;
    width: 100%;
    background: #1f1f1f;
    position: absolute;
    top: 45px;
    left: 0;
    height: auto;
  }
}
header nav ul li {
  float: left;
  position: relative;
}
@media only screen and (max-width: 767px) {
  header nav ul li {
    float: none;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }
}
header nav ul li a {
  display: inline-block;
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 18px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 30px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  header nav ul li a {
    font-size: 13px;
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  header nav ul li a {
    margin: 0px !important;
    padding: 10px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  header nav ul li a:hover {
    background: #000000;
  }
}
header nav ul li a:hover,
header nav ul li a:visited {
  color: #ffffff !important;
}
header nav ul li a:after {
  background: url(../images/menu_point.png) no-repeat left bottom;
  width: 10px;
  height: 10px;
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 15px;
  color: #2f2f2f;
}
@media only screen and (max-width: 767px) {
  header nav ul li a:after {
    display: none;
  }
}
header nav li.three a:after {
  left: 12px;
}
header nav li.four a:after {
  left: 28px;
}
header nav li.five a:after {
  left: 32px;
}
header nav li.six a:after {
  left: 42px;
}
header nav li.seven a {
  margin: 0;
}
header nav li.seven a:after {
  left: 45px;
}
header nav li.active a {
  color: #ffffff;
}
header nav li.active:after {
  background: url(../images/menu_active.png) no-repeat left bottom;
  width: 10px;
  height: 7px;
  -webkit-background-size: 10px 7px;
  background-size: 10px 7px;
  content: "";
  display: block;
  position: absolute;
  top: 38px;
  left: 15px;
  color: #2f2f2f;
}
@media only screen and (max-width: 767px) {
  header nav li.active:after {
    display: none;
  }
}
header nav li.three.active:after {
  left: 12px;
}
header nav li.four.active:after {
  left: 28px;
}
header nav li.five.active:after {
  left: 32px;
}
header nav li.six.active:after {
  left: 42px;
}
header nav li.seven.active:after {
  left: 45px;
}
.mobile-banner {
  display: none !important;
  background: #ff9212;
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .mobile-banner {
    display: block !important;
    width: 100%;
  }
}
.mobile-banner img {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
  height: auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.carousel {
  padding-top: 90px;
  height: 560px;
  margin: 0px auto;
  width: 100%;
  background: #ff9212;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .carousel {
    display: none;
  }
}
.carousel .flexslider {
  position: relative;
  border: none;
  margin: 0 auto;
  background: none;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  width: 100%;
  height: 560px;
  overflow: hidden;
}
.carousel .flexslider .frame {
  width: 980px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  left: 50%;
  margin-left: -490px;
  height: 420px;
}
.carousel .flexslider ul li {
  margin-bottom: 0;
  margin-right: 0;
  width: 100%;
  height: 460px;
}
.carousel .flexslider ul li a {
  display: inline-block;
}
.carousel .flexslider ul li img {
  display: block;
  width: 980px;
  height: 460px;
  -webkit-background-size: 980px 460px;
  background-size: 980px 460px;
}
.carousel .flexslider .flex-active-slide .frame {
  z-index: 3;
}
.carousel .flexslider .flex-control-nav {
  bottom: 0;
  text-align: center;
  margin: 0 auto;
}
.carousel .flexslider .flex-control-nav.flex-control-paging li {
  display: inline;
  margin: 0;
}
.carousel .flexslider .flex-control-nav.flex-control-paging li a {
  width: 241px;
  height: 100px;
  padding-left: 17px;
  padding-top: 30px;
  padding-bottom: 00px;
  cursor: pointer;
  display: inline-block;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  color: #2f2f2f;
  background: #ff9d2a;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  text-indent: 0;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -o-border-radius: 0px;
  border-radius: 0px;
  border: 0;
  border-left: 1px solid #ffffff;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .carousel .flexslider .flex-control-nav.flex-control-paging li a {
    width: 188px;
    font-size: 15px;
    line-height: 22px;
  }
}
.carousel .flexslider .flex-control-nav.flex-control-paging li a.flex-active {
  background: url(../images/polygon.png) #ffb155 left no-repeat;
  -webkit-background-size: 11px 24px;
  background-size: 11px 24px;
}
.carousel .flexslider .flex-control-nav.flex-control-paging li:last-child a {
  border-right: 1px solid #ffffff;
}
.carousel .control-nav-bg {
  height: 100px;
  background: #ff9d2a;
  width: 100%;
  margin-top: -100px;
}
.main-content p {
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  color: #454545;
  margin-bottom: 10px;
}
.main-content .section {
  position: relative;
}
.main-content .section h2 {
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 200;
  font-size: 40px;
  line-height: 48px;
  color: #69bab5;
  letter-spacing: -1px;
  margin: 0px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .main-content .section h2 {
    text-align: center;
  }
}
.main-content .section .get-started.content,
.main-content .section .go-to-packages {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 234px;
  height: 56px;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 56px;
  color: #ffffff;
  text-transform: uppercase;
  background: #454545;
  border-radius: 6px;
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -117px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .main-content .section .get-started.content,
  .main-content .section .go-to-packages {
    bottom: -28px;
  }
}
.main-content .section .go-to-packages {
  width: auto;
  display: inline-block;
  padding: 16px 30px;
  line-height: 24px;
  height: auto;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
}
.main-content .section.who-section {
  background: url(../images/who_section.jpg) #ffffff no-repeat bottom center;
  width: 100%;
  height: 650px;
  -webkit-background-size: 1200px 465px;
  background-size: 1200px 465px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.who-section {
    background: #ffffff;
    height: auto;
    padding-bottom: 70px;
  }
}
.main-content .section.who-section .who {
  padding-top: 90px;
  width: 580px;
  float: right;
  margin-right: 25px;
}
.main-content .section.who-section .who p.highlight {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.who-section .who {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.who-section .who {
    padding-top: 50px;
    width: 100%;
    float: none;
    margin-right: 0px;
  }
}
.main-content .section.who-section .who .go-to-packages {
  position: static;
  margin-top: 55px;
  margin-left: 0;
}
.main-content .section.what-section {
  background: #ffffff;
  padding-bottom: 70px;
}
.main-content .section.what-section h2 {
  padding-top: 90px;
  text-align: center;
  color: #494949;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.what-section h2 {
    padding-top: 60px;
  }
}
.main-content .section.what-section p.description {
  font-size: 17px;
  text-align: center;
  margin-bottom: 60px;
}
.main-content .section.what-section .flexslider {
  position: relative;
  border: 0;
  border-radius: 0;
  margin: 0 0 60px;
  background: none;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.main-content .section.what-section .flexslider li img {
  width: 700px;
  height: 481px;
  -webkit-background-size: 700px 481px;
  background-size: 700px 481px;
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.what-section .flexslider li img {
    width: 500px;
    height: 344px;
    -webkit-background-size: 500px 344px;
    background-size: 500px 344px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.what-section .flexslider li img {
    width: 100%;
    height: auto;
    -webkit-background-size: cover;
    background-size: cover;
    float: none;
  }
}
.main-content .section.what-section .flexslider li p {
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 28px;
  color: #494949;
  text-align: center;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.what-section .flexslider li p {
    margin-bottom: 30px;
  }
  .main-content .section.what-section .flexslider li p br {
    display: none;
  }
}
.main-content .section.what-section .flexslider .flex-control-nav.flex-control-paging {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .main-content .section.what-section .flexslider .flex-control-nav.flex-control-paging {
    display: none;
  }
}
.main-content .section.what-section .flexslider .flex-control-nav.flex-control-paging li {
  display: block;
  text-align: left;
  margin-bottom: 5px;
}
.main-content .section.what-section .flexslider .flex-control-nav.flex-control-paging li a {
  display: inline-block;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 44px;
  color: #aaaaaa;
  font-weight: 400;
  text-align: left;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0px;
  text-indent: 0;
  border: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  padding-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.what-section .flexslider .flex-control-nav.flex-control-paging li a {
    font-size: 16px;
    line-height: 32px;
  }
}
.main-content .section.what-section .flexslider .flex-control-nav.flex-control-paging li a.flex-active {
  color: #494949;
  background: url(../images/active.png) no-repeat;
  width: 278px;
  height: 44px;
  -webkit-background-size: 278px 44px;
  background-size: 278px 44px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.what-section .flexslider .flex-control-nav.flex-control-paging li a.flex-active {
    width: 200px;
    height: 32px;
    -webkit-background-size: 200px 32px;
    background-size: 200px 32px;
  }
}
.main-content .section.what-section .what {
  margin-bottom: 0;
}
.main-content .section.why-section {
  background: url(../images/why_easyweb.png) #f0f0d2 no-repeat bottom center;
  width: 100%;
  height: 675px;
  -webkit-background-size: 980px 520px;
  background-size: 980px 520px;
  padding-top: 90px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.why-section {
    height: 900px;
    -webkit-background-size: 772px 414px;
    background-size: 772px 414px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.why-section {
    background: #f0f0d2;
    height: auto;
    padding-bottom: 70px;
    padding-top: 60px;
  }
}
.main-content .section.why-section h2 {
  font-size: 40px;
  color: #69bab5;
  margin-bottom: 25px;
}
.main-content .section.why-section h2 br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .main-content .section.why-section h2 br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.why-section h2 {
    text-align: center;
  }
}
.main-content .section.why-section ul {
  max-width: 640px;
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.why-section ul {
    width: 100%;
  }
}
.main-content .section.why-section ul li {
  background: url(../images/bullet_point_1.png) transparent no-repeat;
  -webkit-background-size: 25px 23px;
  background-size: 25px 23px;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 28px;
  padding-left: 38px;
  color: #494949;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.why-section .benefits {
    max-width: 350px;
  }
}
.main-content .section.example-section {
  background: #ffffff;
  padding-bottom: 50px;
}
.main-content .section.example-section .flexslider.examples {
  height: auto;
  position: relative;
  border: 0;
  border-radius: 0;
  margin: 20px 0 0 0;
  background: none;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.main-content .section.example-section .flexslider.examples li a {
  display: inline-block;
}
.main-content .section.example-section .flexslider.examples li img {
  width: 100%;
  height: auto;
  -webkit-background-size: cover;
  background-size: cover;
}
.main-content .section.example-section .flex-direction-nav a:before {
  display: none;
}
.main-content .section.example-section .flex-direction-nav a {
  text-indent: -99999px;
}
.main-content .section.example-section .flex-direction-nav a.flex-next {
  background: url(../images/arrow_right.png) transparent no-repeat top;
  width: 16px;
  height: 24px;
  -webkit-background-size: 16px 24px;
  background-size: 16px 24px;
  text-indent: 99999px;
}
.main-content .section.example-section .flex-direction-nav a.flex-prev {
  background: url(../images/arrow_left.png) transparent no-repeat top;
  width: 16px;
  height: 24px;
  -webkit-background-size: 16px 24px;
  background-size: 16px 24px;
}
.main-content .section.example-section .flex-control-nav.flex-control-paging {
  bottom: -5px;
}
.main-content .section.example-section .description {
  text-align: center;
}
.main-content .section.example-section .description h2 {
  padding-top: 110px;
  margin-bottom: 25px;
  color: #2f2f2f;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.example-section .description h2 {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.example-section .description h2 {
    padding-top: 50px;
  }
}
.main-content .section.example-section .description p {
  font-size: 17px;
  line-height: 28px;
  color: #494949;
  margin-bottom: 25px;
}
.main-content .section.feedback-section {
  background: #ededed;
  padding-bottom: 50px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .main-content .section.feedback-section {
    padding-bottom: 60px;
  }
}
.main-content .section.feedback-section h2 {
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 200;
  font-size: 40px;
  padding-top: 100px;
  margin-bottom: 45px;
  text-align: center;
  color: #2f2f2f;
}
@media only screen and (max-width: 767px) {
  .main-content .section.feedback-section h2 {
    padding-top: 60px;
  }
}
.main-content .section.feedback-section .panel {
  width: 320px;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding: 0 14px;
  margin-bottom: 50px;
}
.main-content .section.feedback-section .panel p {
  font-size: 17px;
  line-height: 28px;
  color: #2f2f2f;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.feedback-section .panel {
    width: 256px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.feedback-section .panel {
    width: 100%;
    padding: 0;
  }
}
.main-content .section.feedback-section .panel small {
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #2f2f2f;
  display: inline-block;
}
.main-content .section.feedback-section .panel.left {
  padding-left: 0;
  padding-right: 28px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.feedback-section .panel.left {
    padding-right: 0;
  }
}
.main-content .section.feedback-section .panel.right {
  padding-left: 28px;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .main-content .section.feedback-section .panel.right {
    padding-left: 0;
  }
}
.main-content .section.feedback-section a.feedback {
  display: inline-block;
}
.main-content .section.feedback-section a.feedback img {
  width: 56px;
  height: 56px;
  -webkit-background-size: 56px 56px;
  background-size: 56px 56px;
}
.main-content .section.packages-section {
  background: #c3d753;
  padding-bottom: 00px;
}
.main-content .section.packages-section .row {
  margin-bottom: 0;
}
.main-content .section.packages-section .row.last {
  margin: 0 auto;
  display: table;
}
.main-content .section.packages-section h2 {
  padding-top: 90px;
  margin-bottom: 65px;
  color: #2f2f2f;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section h2 {
    padding-top: 60px;
    margin-bottom: 20px;
  }
}
.main-content .section.packages-section table.common-features {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section table.common-features {
    margin-bottom: 30px;
  }
}
.main-content .section.packages-section table.common-features td {
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 20px;
  padding: 10px 0;
  color: #000000;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e0f27d;
}
.main-content .section.packages-section table.common-features tr.first td {
  font-size: 16px;
}
.main-content .section.packages-section .package-highlight {
  margin-right: 10px;
  width: 240px;
  padding: 0 0 8px 0;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  float: left;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.7);
  box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.7);
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package-highlight {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package-highlight {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.main-content .section.packages-section .package-highlight .package {
  float: none;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package-highlight .package {
    width: 95%;
  }
}
.main-content .section.packages-section .package {
  width: 226px;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package {
    width: 180px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.main-content .section.packages-section .package table {
  background: #ffffff;
}
.main-content .section.packages-section .package.second {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package.second {
    margin-bottom: 40px;
    margin-right: 0;
  }
}
.main-content .section.packages-section .package.third table {
  background: #f1f1f1;
}
.main-content .section.packages-section .package.third table tr {
  border-bottom: 1px solid #ffffff;
}
.main-content .section.packages-section .package.last {
  margin-right: 0;
}
.main-content .section.packages-section .packages-panels {
  margin-bottom: 30px;
}
.main-content .section.packages-section .package table.starter tr.sixth td {
  height: 240px;
  vertical-align: top;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package table.starter tr.sixth td {
    height: auto;
  }
}
.main-content .section.packages-section .package table.starter tr.sixth {
  border-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package table.starter tr.sixth {
    border-bottom: 1px solid #ebebeb;
  }
}
.main-content .section.packages-section .package table.starter tr.sixth.ticked td {
  background: none;
}
.main-content .section.packages-section .package table tr {
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  height: 40px;
}
.main-content .section.packages-section .package table tr td {
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 19px;
  color: #000000;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.main-content .section.packages-section .package table tr td .order {
  text-align: center;
  display: block;
  margin: 0 auto;
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 48px;
  color: #c3d753;
  width: 190px;
  height: 48px;
  text-transform: uppercase;
  background: #262626;
  border-radius: 5px;
  margin: 10px auto;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package table tr td .order {
    width: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package table tr td {
    font-size: 15px;
  }
}
.main-content .section.packages-section .package table tr td.most-popular {
  background: #ffffff;
}
.main-content .section.packages-section .package table tr.remove-bottom-line {
  border-bottom: 0;
}
.main-content .section.packages-section .package table tr.first {
  border-bottom: none;
  height: 25px;
  background: #c3d753;
}
.main-content .section.packages-section .package table tr.first td {
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #262626;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  padding-top: 8px;
  padding-bottom: 4px;
  height: 30px;
  letter-spacing: 2px;
}
.main-content .section.packages-section .package table tr.second {
  background: #262626;
}
.main-content .section.packages-section .package table tr.second td {
  vertical-align: top;
}
.main-content .section.packages-section .package table tr.second td h3 {
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #c3d753;
  font-size: 17px;
  line-height: 22px;
  text-transform: uppercase;
  padding-top: 20px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package table tr.second td h3 {
    font-size: 14px;
  }
}
.main-content .section.packages-section .package table tr.second td .price-group p {
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 200;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  text-align: left;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package table tr.second td .price-group p {
    font-size: 14px;
    line-height: 16px;
  }
}
.main-content .section.packages-section .package table tr.second td .price-group p.label,
.main-content .section.packages-section .package table tr.second td .price-group p.gst {
  display: inline-block;
  padding-bottom: 20px;
}
.main-content .section.packages-section .package table tr.second td .price-group p.price {
  display: inline-block;
  font-size: 47px;
  line-height: 47px;
  letter-spacing: 1px;
}
.main-content .section.packages-section .package table tr.second td .price-group p.price sup {
  vertical-align: super;
  font-size: 25px;
  line-height: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package table tr.second td .price-group p.price sup {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package table tr.second td .price-group p.price {
    font-size: 34px;
    line-height: 40px;
  }
}
.main-content .section.packages-section .package table tr.second td p.normal-price {
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #989898;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
}
.main-content .section.packages-section .package table tr.second td p.discount {
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
}
.main-content .section.packages-section .package table tr.second td p.call-for-price {
  margin-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package table tr.second td p.call-for-price {
    margin-top: 30px;
  }
}
.main-content .section.packages-section .package table tr.third td {
  background: #dadada;
  height: 35px;
  font-family: "Proxima Nova Lt", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: #262626;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
}
.main-content .section.packages-section .package table tr.third td strong {
  font-weight: 700;
}
.main-content .section.packages-section .package table tr.fourth td {
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  font-weight: 400;
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package table tr.fourth td {
    padding: 10px 20px;
  }
}
.main-content .section.packages-section .package table tr.twelfth {
  border-bottom: none;
}
.main-content .section.packages-section .package table tr.twelfth td {
  font-weight: 400;
}
.main-content .section.packages-section .package table tr.ticked td {
  text-align: left;
  padding-left: 60px;
  background: url(../images/tick.png) no-repeat;
  width: 22px;
  height: 20px;
  -webkit-background-size: 22px 20px;
  background-size: 22px 20px;
  background-position: 20px 7px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.packages-section .package table tr.ticked td {
    padding-left: 38px;
    background-position: 10px 7px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package table tr.ticked td {
    padding-left: 75px;
    background-position: 35px 7px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .package table tr.mobile-remove {
    display: none;
  }
}
.main-content .section.packages-section .starter .sixth td {
  line-height: 22px;
}
.main-content .section.packages-section .terms-conditions {
  padding-bottom: 85px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .terms-conditions {
    padding-bottom: 40px;
  }
}
.main-content .section.packages-section .terms-conditions strong {
  text-align: center;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 22px;
}
.main-content .section.packages-section .terms-conditions p {
  display: block;
  text-align: center;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 8px;
}
.main-content .section.packages-section .terms-conditions p:first-child {
  font-size: 16px;
  line-height: 30px;
}
.main-content .section.packages-section .terms-conditions p.notes {
  margin: 45px 0 30px;
}
.main-content .section.packages-section .terms-conditions small {
  display: block;
  text-align: center;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #2f2f2f;
  font-weight: 400;
  padding: 0 20px;
}
.main-content .section.packages-section .terms-conditions small strong {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.packages-section .terms-conditions small {
    padding: 0;
  }
}
.main-content .section.packages-section .faq-section {
  display: none;
  padding-bottom: 10px;
}
.main-content .section.packages-section .faq-section a.faq-link {
  text-align: center;
  display: block;
  width: 60px;
  margin: 0 auto;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: underline;
}
.main-content .section.packages-section .faq-section .faq {
  display: none;
}
.main-content .section.contact-section#get_started h2 {
  font-size: 40px;
}
.main-content .section.contact-section#get_started p {
  margin-bottom: 14px;
}
.main-content .section.contact-section#get_started a.call-now {
  display: inline-block;
  margin: 0 auto;
  width: 460px;
  height: 56px;
  line-height: 56px;
  font-size: 22px;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  background: #c3d753;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  margin-bottom: 60px;
  margin-top: 40px;
}
.main-content .section.contact-section#get_started a.call-now strong {
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section#get_started a.call-now {
    font-size: 16px;
    width: 100%;
  }
}
.main-content .section.contact-section#get_started button.submit {
  margin-top: 50px !important;
}
.main-content .section.contact-section {
  text-align: center;
  background: #ffffff;
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section {
    padding-bottom: 50px;
  }
}
.main-content .section.contact-section h2 {
  padding-top: 90px;
  margin-bottom: 50px;
  color: #c3d753;
  font-size: 46px;
  line-height: 46px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section h2 {
    padding-top: 60px;
  }
}
.main-content .section.contact-section p {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 30px;
}
.main-content .section.contact-section form#quick-enquiry {
  text-align: left;
  width: 796px;
  margin: 0 auto;
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.contact-section form#quick-enquiry {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section form#quick-enquiry {
    width: 100%;
  }
  .main-content .section.contact-section form#quick-enquiry br {
    display: none;
  }
}
.main-content .section.contact-section form#quick-enquiry .left,
.main-content .section.contact-section form#quick-enquiry .right {
  width: 380px;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-content .section.contact-section form#quick-enquiry .left,
  .main-content .section.contact-section form#quick-enquiry .right {
    width: 369px;
  }
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section form#quick-enquiry .left,
  .main-content .section.contact-section form#quick-enquiry .right {
    width: 100%;
    float: none;
  }
}
.main-content .section.contact-section form#quick-enquiry .left {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section form#quick-enquiry .left {
    margin-right: 0;
  }
}
.main-content .section.contact-section form#quick-enquiry label {
  display: block;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 10px;
}
.main-content .section.contact-section form#quick-enquiry input,
.main-content .section.contact-section form#quick-enquiry textarea,
.main-content .section.contact-section form#quick-enquiry select {
  width: 100%;
  height: 55px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  margin-bottom: 20px;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.main-content .section.contact-section form#quick-enquiry textarea {
  height: 95px;
}
.main-content .section.contact-section form#quick-enquiry .select-package {
  text-align: center;
  margin-top: 40px;
}
.main-content .section.contact-section form#quick-enquiry select {
  width: 100%;
  height: 55px;
  text-align: left;
  font-size: 16px;
}
.main-content .section.contact-section form#quick-enquiry .submit {
  display: block;
  width: 133px;
  height: 56px;
  background: url(../images/submit_btn.gif) no-repeat;
  -webkit-background-size: 133px 56px;
  background-size: 133px 56px;
  border: none;
  text-indent: -99999px;
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
}
.main-content .section.contact-section form#quick-enquiry span.required {
  color: #ff0000;
  font-size: 17px;
  font-weight: 700;
  display: inline-block;
  margin-left: 2px;
}
.main-content .section.contact-section form#quick-enquiry .invalid {
  border: 1px solid #ff0000;
}
.main-content .section.contact-section form#quick-enquiry div.promotion {
  display: table;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section form#quick-enquiry div.promotion {
    width: 100%;
  }
}
.main-content .section.contact-section form#quick-enquiry div.promotion label {
  display: inline-block;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section form#quick-enquiry div.promotion label {
    display: block;
  }
}
.main-content .section.contact-section form#quick-enquiry div.promotion input {
  width: 210px;
  display: inline-block;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section form#quick-enquiry div.promotion input {
    display: block;
    width: 100%;
  }
}
.main-content .section.contact-section form#quick-enquiry div.promotion a {
  text-decoration: underline;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section form#quick-enquiry div.promotion a {
    display: block;
    margin-bottom: 30px;
  }
}
.main-content .section.contact-section p.notify {
  color: #ff0000;
  display: none;
  width: 700px;
  text-align: center;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .main-content .section.contact-section p.notify {
    width: 100%;
  }
}
footer .container {
  padding: 40px 0;
}
footer .container p {
  text-align: center;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  font-weight: 400;
}
.overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(47, 47, 47, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  display: none;
}
@media only screen and (max-width: 767px) {
  .wrapper-mailing-list-collector {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
  }
}
a.hot-offer {
  display: block;
  width: 280px;
  height: 30px;
  background: #ffffff;
  position: fixed;
  margin-left: -140px;
  bottom: 0%;
  left: 50%;
  text-align: center;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #52b2ac;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 100;
  -moz-border-top-left-radius: 6px;
  -o-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -o-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #52b2ac;
}
@media only screen and (max-width: 767px) {
  a.hot-offer {
    width: 278px;
    margin-left: -139px;
  }
}
.mailing-list-collector {
  display: none;
  background: #ffffff url(../images/man_photo_mailing_box.jpg) no-repeat right;
  -webkit-background-size: 272px 250px;
  background-size: 272px 250px;
  -moz-border-top-left-radius: 6px;
  -o-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -o-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  position: fixed;
  background-position-y: 170px;
  bottom: 0%;
  left: 50%;
  width: 700px;
  height: 416px;
  margin-left: -350px;
  z-index: 100;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector {
    background: #ffffff;
    position: relative;
    top: 60px;
    left: 0px;
    width: 280px;
    height: 500px;
    margin: 0 auto;
  }
}
.mailing-list-collector a.close {
  display: inline-block;
  float: right;
  background: url(../images/close_btn.gif) no-repeat;
  width: 18px;
  height: 18px;
  -webkit-background-size: 18px 18px;
  background-size: 18px 18px;
  text-indent: -100000px;
  margin: 9px 9px 0 0;
}
.mailing-list-collector h2 {
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: #69bab5;
  text-transform: uppercase;
  text-align: center;
  margin: 35px 0 12px 0;
  padding: 0 40px;
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector h2 {
    font-size: 17px;
    line-height: 24px;
    padding: 0 20px;
    margin: 0px 0 12px 0;
    padding-top: 30px;
  }
}
.mailing-list-collector p {
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  color: #2f2f2f;
  text-align: center;
  padding: 0 60px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector p {
    padding: 0 20px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.mailing-list-collector form {
  margin-bottom: 10px;
}
.mailing-list-collector form .invalid {
  border: 1px solid #ff0000;
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector form {
    margin-bottom: 0;
  }
}
.mailing-list-collector form input {
  width: 425px;
  height: 55px;
  border: 1px solid #ebebeb;
  background: #ebebeb;
  border-radius: 5px;
  margin-bottom: 15px;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #2f2f2f;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector form input {
    width: 240px;
    margin-left: 20px;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    font-size: 17px;
    height: 40px;
  }
}
.mailing-list-collector form input#collector_preferred_email {
  margin-bottom: 4px;
}
.mailing-list-collector form button {
  display: inline-block;
  margin-left: 50px;
  border: none;
  cursor: pointer;
  background: none;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  color: #69bab5;
  text-transform: uppercase;
  text-shadow: none;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector form button {
    margin-left: 20px;
  }
}
.mailing-list-collector form button.collector-cancel {
  margin-left: 170px;
  color: #2f2f2f;
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector form button.collector-cancel {
    margin-left: 2px;
  }
}
.mailing-list-collector small {
  display: block;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #2f2f2f;
  padding: 0 260px 0 40px;
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector small {
    padding: 0 20px;
  }
}
.mailing-list-collector .normal-form {
  display: block;
}
.mailing-list-collector .normal-form .error {
  color: #ff0000;
}
.mailing-list-collector .sucessfully-submitted {
  display: none;
}
.mailing-list-collector .sucessfully-submitted h2 {
  margin-bottom: 30px;
}
.mailing-list-collector .sucessfully-submitted .text {
  padding-right: 200px;
}
@media only screen and (max-width: 767px) {
  .mailing-list-collector .sucessfully-submitted .text {
    padding-right: 0;
    padding: 0 20px;
  }
}
.mailing-list-collector .sucessfully-submitted .text p {
  margin-bottom: 18px;
}
.mailing-list-collector .sucessfully-submitted .text p strong {
  font-size: 28px;
  line-height: 34px;
}
.mailing-list-collector .sucessfully-submitted .text a {
  display: block;
  width: 70px;
  margin: 0 auto;
  text-align: center;
  font-family: "Proxima Nova Rg", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: #2f2f2f;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .zopim {
    z-index: 90!important;
  }
}