/*
* 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: 'Open Sans', 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;
  /* Old browsers */
  /* 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%);
  /* Chrome10+,Safari5.1+ */
  /* Opera11.10+ */
  /* 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;
  /* Old browsers */
  /* 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%);
  /* Chrome10+,Safari5.1+ */
  /* Opera11.10+ */
  /* 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;
  /* Old browsers */
  /* 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%);
  /* Chrome10+,Safari5.1+ */
  /* Opera11.10+ */
  /* 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;
  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: 959px) {
  .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: 959px) {
  .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 {
    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;
    /* Safari/Chrome, other WebKit */
    /* 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;
}
.page-type-homepage header {
  height: 460px;
  background: #ae1709 url(../images/homepage_hero.jpg) center no-repeat;
  background-size: 2000px 460px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage header {
    height: 370px;
    background-size: 1609px 370px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage header {
    background: #ae1709;
    height: auto;
  }
}
.page-type-homepage header .panel {
  float: right;
  text-align: right;
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage header .panel {
    margin-top: 40px;
  }
}
.page-type-homepage header .panel ul li {
  font-family: 'Roboto Slab', serif;
  font-size: 35px;
  line-height: 40px;
  font-weight: 300;
  color: #ffffff;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage header .panel ul li {
    font-size: 28px;
    line-height: 31px;
  }
}
.page-type-homepage header .panel .quotation-button {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage header .panel .quotation-button {
    margin-top: 20px;
  }
}
.page-type-homepage .content-wrapper {
  position: relative;
  min-height: 520px;
  padding-top: 0px;
  padding-bottom: 30px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .content-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
    min-height: 470px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper {
    margin-top: 120px;
  }
}
.page-type-homepage .content-wrapper .hero {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper .hero {
    padding: 20px 0;
    margin-bottom: 20px;
    display: block;
    background: #ae1709;
  }
  .page-type-homepage .content-wrapper .hero ul li {
    background: url(../images/home_hero_bullet_point.png) no-repeat;
    background-size: 28px 24px;
    background-position: 0 0;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 300;
    color: #ffffff;
    margin: 10px 0;
  }
}
.page-type-homepage .content-wrapper .call-to-action-panels {
  width: 648px;
  position: absolute;
  right: 10px;
  top: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .content-wrapper .call-to-action-panels {
    width: 531px;
    top: -55px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper .call-to-action-panels {
    position: static;
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.page-type-homepage .content-wrapper .call-to-action-panels .panel {
  width: 214px;
  height: 214px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .content-wrapper .call-to-action-panels .panel {
    width: 175px;
    height: 175px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper .call-to-action-panels .panel {
    width: 100%;
    height: 214px;
  }
}
.page-type-homepage .content-wrapper .call-to-action-panels .panel:nth-child(4) {
  margin-left: 217px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .content-wrapper .call-to-action-panels .panel:nth-child(4) {
    margin-left: 178px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper .call-to-action-panels .panel:nth-child(4) {
    margin-left: 0px;
  }
}
.page-type-homepage .content-wrapper .call-to-action-panels .panel:nth-child(5) {
  float: right;
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper .call-to-action-panels .panel:nth-child(5) {
    float: none;
  }
}
.page-type-homepage .content-wrapper .call-to-action-panels .panel h3 {
  font-size: 26px;
  line-height: 30px;
  padding-right: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .content-wrapper .call-to-action-panels .panel h3 {
    font-size: 22px;
    line-height: 24px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .page-type-homepage .content-wrapper .call-to-action-panels .panel h3 {
    padding-right: 140px;
  }
}
.page-type-homepage .content-wrapper .call-to-action-panels .panel a {
  width: 40px;
  height: 40px;
  background-size: 8px 40px;
  background-position: 16px 14px;
}
.page-type-homepage .content-wrapper .content {
  padding-top: 20px;
  width: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .content-wrapper .content {
    width: 380px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper .content {
    width: 100%;
  }
}
.page-type-homepage .content-wrapper .content h1 {
  width: 260px;
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper .content h1 {
    width: 100%;
  }
}
.page-type-homepage .content-wrapper .content h1 em {
  font-weight: 300;
  font-style: normal;
}
.page-type-homepage .content-wrapper .quotation-button.red {
  position: absolute;
  bottom: 35px;
  right: 10px;
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .content-wrapper .quotation-button.red {
    position: static;
  }
}
.page-type-homepage .commitment {
  background: #f5f5f5;
  padding: 48px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .commitment .ccm-layout-wrapper .ccm-layout-cell.ccm-layout-col {
    width: 100% !important;
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .commitment .ccm-layout-wrapper .ccm-layout-col-spacing {
    margin: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .commitment {
    padding: 38px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .commitment {
    padding: 0 0 20px 0;
  }
}
.page-type-homepage .commitment ul li {
  background: url(../images/bullet_point.png) no-repeat;
  background-size: 28px 24px;
  background-position: 0 0;
  padding-left: 46px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 12px;
  color: #666666;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .commitment ul li {
    background-size: 20px 17px;
    background-position: 0 2px;
    padding-left: 30px;
    font-size: 13px;
    line-height: 22px;
  }
}
.page-type-homepage .commitment img {
  position: relative;
  top: 0;
  left: 0;
}
.page-type-homepage .commitment img:first-child {
  border: 5px solid #f5f5f5;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  width: 255px;
  height: 155px;
  background-size: 255px 155px;
  border-bottom-left-radius: 15px;
  top: 8px;
  left: -5px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .commitment img:first-child {
    width: 200px;
    height: 125px;
    background-size: 200px 125px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .commitment img:first-child {
    width: 80%;
    height: auto;
    background-size: cover;
    top: 38px;
  }
}
.page-type-homepage .commitment img:last-child {
  width: 300px;
  height: 190px;
  background-size: 300px 190px;
  top: -80px;
  left: 60px;
  border-bottom-right-radius: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-homepage .commitment img:last-child {
    width: 240px;
    height: 152px;
    background-size: 240px 152px;
    top: -60px;
    left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-homepage .commitment img:last-child {
    width: 80%;
    height: auto;
    background-size: cover;
    top: -42px;
  }
}
.page-type-default .content-wrapper,
.page-type-services .content-wrapper {
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-default .content-wrapper,
  .page-type-services .content-wrapper {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-default .content-wrapper,
  .page-type-services .content-wrapper {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-default .content-wrapper .call-to-action-panels,
  .page-type-services .content-wrapper .call-to-action-panels {
    display: none;
  }
}
.page-type-default .content-wrapper h1,
.page-type-services .content-wrapper h1 {
  margin-top: -40px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-default .content-wrapper h1,
  .page-type-services .content-wrapper h1 {
    margin-top: -30px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-default .content-wrapper h1,
  .page-type-services .content-wrapper h1 {
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.page-type-default .content-wrapper h2,
.page-type-services .content-wrapper h2 {
  font-size: 25px;
  line-height: 40px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-default .content-wrapper h2,
  .page-type-services .content-wrapper h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-default .content-wrapper h2,
  .page-type-services .content-wrapper h2 {
    margin-top: 30px;
  }
}
.page-type-default .content-wrapper h3,
.page-type-services .content-wrapper h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  line-height: 23px;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-default .content-wrapper h3,
  .page-type-services .content-wrapper h3 {
    font-size: 14px;
    line-height: 18px;
  }
}
.page-type-default .content-wrapper .image-block-outer .image-block img,
.page-type-services .content-wrapper .image-block-outer .image-block img {
  max-width: 100%;
  height: auto;
  background-size: cover;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page-type-default .content-wrapper .personal-information,
  .page-type-services .content-wrapper .personal-information {
    margin-bottom: 30px;
  }
}
.page-type-default .content-wrapper .personal-information img,
.page-type-services .content-wrapper .personal-information img {
  width: 140px;
  height: auto;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-default .content-wrapper .personal-information img,
  .page-type-services .content-wrapper .personal-information img {
    width: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-default .content-wrapper .personal-information img,
  .page-type-services .content-wrapper .personal-information img {
    width: auto;
    max-width: 100%;
  }
}
.page-type-default .content-wrapper .personal-information p,
.page-type-services .content-wrapper .personal-information p {
  margin: 10px 0;
}
.page-type-default .content-wrapper .personal-information p.ccm-note,
.page-type-services .content-wrapper .personal-information p.ccm-note {
  font-size: 13px;
  line-height: 20px;
  width: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-default .content-wrapper .personal-information p.ccm-note,
  .page-type-services .content-wrapper .personal-information p.ccm-note {
    width: 112px;
    font-size: 11px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-default .content-wrapper .personal-information p.ccm-note,
  .page-type-services .content-wrapper .personal-information p.ccm-note {
    width: 100%;
  }
}
.page-type-default .single-testimonial,
.page-type-services .single-testimonial {
  padding: 25px 0 75px 0;
  background: url(../images/divider.png) center bottom no-repeat;
  background-size: 580px 56px;
}
.page-type-default .single-testimonial:last-child,
.page-type-services .single-testimonial:last-child {
  background: none;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-default .single-testimonial,
  .page-type-services .single-testimonial {
    padding: 20px 0 45px 0;
    background-size: 414px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-default .single-testimonial,
  .page-type-services .single-testimonial {
    background-size: 414px 40px;
  }
}
.page-type-default .single-testimonial p,
.page-type-services .single-testimonial p {
  font-style: italic;
  margin-bottom: 0;
}
.page-type-default .single-testimonial p.testor,
.page-type-services .single-testimonial p.testor {
  margin-top: 10px;
  font-style: normal;
  font-weight: 600;
}
.testimonials-wrapper {
  background: #f5f5f5;
  padding: 35px 0;
}
@media only screen and (max-width: 767px) {
  .testimonials-wrapper {
    display: none;
    padding: 30px 0 20px 0;
  }
}
.testimonials-wrapper h4.testimonial-title {
  font-family: 'Roboto Slab', serif;
  font-size: 35px;
  line-height: 40px;
  font-weight: 300;
  color: #ae1709;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .testimonials-wrapper h4.testimonial-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonials-wrapper h4.testimonial-title {
    font-size: 25px;
    line-height: 26px;
  }
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials {
  margin: 0;
  background: none;
  border: none;
  position: relative;
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  text-align: center;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 767px) {
  .testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials ul.slides {
  margin-bottom: 0;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials ul.slides li {
  margin-bottom: 0;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials ul.slides li p {
  margin-bottom: 0;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials ul.slides li p.testor {
  font-weight: 600;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-direction-nav {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 0;
  margin-bottom: 0;
  display: block;
  width: 100%;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-direction-nav ul {
  height: 1px;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-direction-nav li {
  margin-bottom: 0;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-direction-nav li a {
  text-indent: -99999px;
  width: 12px;
  height: 28px;
  background-size: 12px 28px;
  display: block;
  -webkit-transition: none;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 1;
  margin: 0;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-direction-nav li a.flex-prev {
  background: url(../images/left_arrow.png) no-repeat;
  margin-left: 0px;
  background-size: 12px 28px;
}
@media only screen and (max-width: 767px) {
  .testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-direction-nav li a.flex-prev {
    background-size: 7px 16px;
  }
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-direction-nav li a.flex-next {
  background: url(../images/right_arrow.png) no-repeat;
  background-size: 12px 28px;
  left: 100%;
  margin-left: -12px;
  top: -28px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-direction-nav li a.flex-next {
    background-size: 7px 16px;
  }
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-control-nav.flex-control-paging {
  padding: 0;
  margin: 0;
  margin-top: 35px;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-control-nav.flex-control-paging li {
  display: inline-block;
  margin-bottom: 0;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-control-nav.flex-control-paging li a {
  cursor: pointer;
  margin: 0 5px;
  text-indent: -99999px;
  border-radius: 50%;
  display: block;
  width: 11px;
  height: 11px;
  background: #666666;
  position: relative;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-control-nav.flex-control-paging li a:after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  background: #ffffff;
  content: '';
  border-radius: 50%;
}
.testimonials-wrapper .testimonials-panel .flexslider.footer-testimonials .flex-control-nav.flex-control-paging li a.flex-active:after {
  display: none;
}
.page-type-services .content-wrapper .sidebar-nav {
  background: #f5f5f5;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding: 12px;
  width: 200px;
  margin-top: -40px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-bottom-right-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-services .content-wrapper .sidebar-nav {
    margin-top: -30px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-type-services .content-wrapper .sidebar-nav {
    width: 100%;
    margin-top: 30px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
  }
}
.page-type-services .content-wrapper .sidebar-nav h2 {
  font-weight: 700;
  margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
  .page-type-services .content-wrapper .sidebar-nav h2 {
    margin-top: 0;
  }
}
.page-type-services .content-wrapper .sidebar-nav ul li {
  background: none;
  padding-left: 0;
  line-height: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-services .content-wrapper .sidebar-nav ul li {
    line-height: 16px;
  }
}
.page-type-services .content-wrapper .sidebar-nav ul li a {
  font-family: 'Roboto Slab', serif;
  font-size: 14px;
  font-weight: 400;
}
.page-type-services .content-wrapper .sidebar-nav ul li a.current,
.page-type-services .content-wrapper .sidebar-nav ul li a:hover {
  color: #ae1709;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-type-services .content-wrapper .sidebar-nav ul li a {
    font-size: 12px;
  }
}
.page-contact-us .content-wrapper .contact-form {
  background: #f6f6f6;
  padding: 25px 30px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  border-top-left-radius: 16px;
}
.page-contact-us .content-wrapper .contact-form .message {
  color: #ae1709;
  margin: 10px 0;
}
.page-contact-us .content-wrapper .contact-form h3.title {
  font-size: 25px;
  line-height: 29px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-contact-us .content-wrapper .contact-form h3.title {
    font-size: 20px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact-us .content-wrapper .contact-form {
    display: none;
  }
}
.page-contact-us .content-wrapper .enquiry-form {
  margin-bottom: 0;
}
.page-contact-us .content-wrapper .enquiry-form input,
.page-contact-us .content-wrapper .enquiry-form textarea,
.page-contact-us .content-wrapper .enquiry-form select {
  font-family: 'Open Sans', sans-serif;
  padding: 5px 10px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  font-size: 16px;
  height: 40px;
  color: #666666;
  margin-bottom: 10px;
  border-radius: 0px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-contact-us .content-wrapper .enquiry-form input,
  .page-contact-us .content-wrapper .enquiry-form textarea,
  .page-contact-us .content-wrapper .enquiry-form select {
    height: 32px;
    font-size: 13px;
  }
}
.page-contact-us .content-wrapper .enquiry-form select {
  background: #ffffff url(../images/dropdown_arrow_down.png) no-repeat;
  background-size: 16px 8px;
  background-position: 98% 15px;
}
.page-contact-us .content-wrapper .enquiry-form select::-ms-expand {
  display: none;
}
.page-contact-us .content-wrapper .enquiry-form select * {
  color: #666666;
}
.page-contact-us .content-wrapper .enquiry-form textarea {
  height: 100px;
}
.page-contact-us .content-wrapper .enquiry-form button {
  width: 100%;
  background: #ae1709;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  border-radius: 0px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-family: 'Roboto Slab', serif;
  height: 40px;
  font-size: 18px;
  margin-top: 15px;
  padding: 0;
  border: none;
  padding-bottom: 2px;
  margin: 0;
  border-bottom-right-radius: 15px;
}
.page-contact-us .content-wrapper .enquiry-form .invalid {
  border: 1px solid #ae1709;
}
.page-contact-us .content-wrapper.mobile {
  display: none;
  background: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .page-contact-us .content-wrapper.mobile {
    display: block;
  }
}
.page-contact-us .content-wrapper.mobile .contact-form {
  margin-top: 30px;
  margin-bottom: 15px;
}
.page-contact-us .content-wrapper.mobile .contact-form .enquiry-form {
  padding: 0;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.page-contact-us .content-wrapper.mobile .contact-form .enquiry-form input,
.page-contact-us .content-wrapper.mobile .contact-form .enquiry-form textarea,
.page-contact-us .content-wrapper.mobile .contact-form .enquiry-form select {
  width: 100%;
  height: 40px;
  font-size: 16px;
}
.page-contact-us .content-wrapper.mobile .contact-form .enquiry-form textarea {
  height: 100px;
  resize: vertical;
}
.page-contact-us .content-wrapper.desktop {
  display: none;
  background: #f5f5f5 url(../images/dropform_bg.png?v=2) center repeat-y;
  padding: 45px 0 30px 0;
}
@media only screen and (max-width: 767px) {
  .page-contact-us .content-wrapper.desktop {
    display: none;
  }
}
.page-contact-us .content-wrapper.desktop .close-btn {
  background: #e0e1e1 url(../images/close_btn.png) center no-repeat;
  width: 50px;
  height: 40px;
  display: inline-block;
  text-indent: -99999px;
  position: absolute;
  top: -45px;
  right: 0;
  border-bottom-right-radius: 15px;
}
.page-contact-us .content-wrapper.desktop .form {
  position: relative;
}
.page-contact-us .content-wrapper.desktop .contact-form {
  padding-bottom: 0;
}
.page-contact-us .content-wrapper.desktop .contact-form h3.title {
  margin-bottom: 25px;
}
.page-contact-us .content-wrapper.desktop .contact-form .enquiry-form input,
.page-contact-us .content-wrapper.desktop .contact-form .enquiry-form textarea,
.page-contact-us .content-wrapper.desktop .contact-form .enquiry-form select {
  width: 100%;
  height: 40px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-contact-us .content-wrapper.desktop .contact-form .enquiry-form input,
  .page-contact-us .content-wrapper.desktop .contact-form .enquiry-form textarea,
  .page-contact-us .content-wrapper.desktop .contact-form .enquiry-form select {
    height: 32px;
    font-size: 13px;
  }
}
.page-contact-us .content-wrapper.desktop .contact-form .enquiry-form textarea {
  height: 100px;
  resize: none;
}
.page-contact-us .content-wrapper.desktop .contact-form .enquiry-form button {
  height: 40px;
  font-size: 18px;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-contact-us .content-wrapper.desktop .contact-form .enquiry-form button {
    margin-top: 10px;
    height: 32px;
    font-size: 15px;
  }
}
.page-contact-us .content-wrapper .googleMapCanvas {
  height: 310px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-contact-us .content-wrapper .googleMapCanvas {
    height: 200px;
    margin-bottom: 10px;
  }
}
.simpleblog-archive--title {
  margin-bottom: 40px !important;
}
.simpleblog-archive--item {
  margin-bottom: 60px;
}
.simpleblog-archive--item-title h2,
.simpleblog-archive--item-title h2 a {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #ae1709;
}
@media only screen and (max-width: 767px) {
  .simpleblog-archive--item-thumb {
    margin-bottom: 20px !important;
  }
}
.simpleblog-archive--item-thumb img {
  width: 100%;
  max-width: 100%;
  height: auto !important;
}
.simpleblog-archive--item-details {
  overflow: hidden;
  margin-bottom: 10px;
}
.simpleblog-archive--item-date {
  float: left;
}
.simpleblog-archive--item-date > div {
  display: inline;
}
.simpleblog-archive--item-comment-count {
  float: left;
  margin-left: 10px;
  border-left: 1px solid #ddd;
  padding-left: 10px;
}
.simpleblog-archive--item-date > div,
.simpleblog-archive--item-comment-count {
  color: #888 !important;
}
.simpleblog-archive .ccm-pagination .numbers {
  display: none;
}
.simpleblog-archive .ccm-pagination .ccm-page-left,
.simpleblog-archive .ccm-pagination .ccm-page-right {
  float: left;
  margin-right: 10px;
  position: relative;
}
.simpleblog-archive .ccm-pagination a {
  color: #ae1709;
}
.simpleblog-archive .readmore {
  color: #ae1709;
}
.simpleblog-post--details {
  margin-bottom: 30px;
}
.simpleblog-post--title {
  margin-bottom: 10px !important;
}
.simpleblog-post--thumbnail {
  margin-bottom: 30px;
}
.simpleblog-post--thumbnail img {
  max-width: 100%;
  width: 100%;
  height: auto !important;
}
.simpleblog-recent {
  margin-bottom: 30px;
}
.simpleblog-recent--title {
  margin-bottom: 15px;
}
.simpleblog-recent--list {
  margin-bottom: 0;
}
.simpleblog-recent--item-time {
  font-size: 11px !important;
  color: #888 !important;
}
.simpleblog-recent--all-link {
  color: #ae1709;
}
/*
*   Default
*/
.font {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .font {
    font-size: 13px;
    line-height: 22px;
  }
}
ul {
  margin-bottom: 0;
}
ul li {
  margin-bottom: 0;
}
.list ul li {
  background: url(../images/bullet_point.png) no-repeat;
  background-size: 28px 24px;
  background-position: 0 0;
  padding-left: 46px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 12px;
  color: #666666;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .list ul li {
    background-size: 20px 17px;
    background-position: 0 2px;
    padding-left: 30px;
    font-size: 13px;
    line-height: 22px;
  }
}
body,
html {
  height: 100%;
}
body {
  background: #ebecec;
  -webkit-font-smoothing: antialiased;
}
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;
    */
  color: #666666;
}
a:hover,
a:visited:hover {
  color: #666666;
}
img {
  display: block;
}
.site-wrapper {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .site-wrapper {
    font-size: 13px;
    line-height: 22px;
  }
}
.site-wrapper p,
.site-wrapper div {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .site-wrapper p,
  .site-wrapper div {
    font-size: 13px;
    line-height: 22px;
  }
}
.site-wrapper p strong,
.site-wrapper div strong {
  font-weight: 700;
  color: #666666;
}
.site-wrapper p {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .site-wrapper p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .site-wrapper p {
    margin-bottom: 20px;
  }
}
.site-wrapper h1 {
  font-family: 'Roboto Slab', serif;
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: #ae1709;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .site-wrapper h1 {
    font-size: 28px;
    line-height: 31px;
  }
}
.site-wrapper h2 {
  font-family: 'Roboto Slab', serif;
  font-size: 35px;
  line-height: 40px;
  font-weight: 300;
  color: #ae1709;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .site-wrapper h2 {
    font-size: 28px;
    line-height: 31px;
  }
}
.site-wrapper h3 {
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  color: #ae1709;
  margin-bottom: 12px;
}
.desktop {
  display: block;
}
@media only screen and (max-width: 767px) {
  .desktop {
    display: none;
  }
}
.mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .mobile {
    display: block;
  }
}
header {
  height: 315px;
  background: #ae1709 url(../images/homepage_hero.jpg) center no-repeat;
  background-size: 1609px 370px;
}
@media only screen and (max-width: 767px) {
  header {
    background: #ae1709;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
  }
}
header .enquiry-link,
header .phone-number {
  float: right;
}
header .enquiry-link {
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: 10;
  top: 0px;
  right: 10px;
  width: 160px;
  height: 42px;
  background: #ffffff;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 42px;
  color: #ae1709;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding-left: 15px;
  border-bottom-right-radius: 16px;
  -webkit-border-bottom-right-radius: 16px;
  -moz-border-bottom-right-radius: 16px;
  border: 1px solid #ae1709;
}
header .enquiry-link:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  right: 10px;
  z-index: 1;
  background: url(../images/enquiry_arrow.png) no-repeat;
  background-size: 24px 24px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
}
header .enquiry-link:hover,
header .enquiry-link.spin {
  color: #ae1709;
}
header .enquiry-link:hover:before,
header .enquiry-link.spin:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
header .phone-number {
  margin: 6px 180px 0 0;
}
header .phone-number p,
header .phone-number a {
  margin-bottom: 0;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}
header .logo img {
  width: 228px;
  height: 60px;
  background-size: cover;
  display: block;
  margin: 5px 0;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  header .logo img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  header .logo img {
    width: 180px;
    height: 47px;
    margin: 12px 0;
  }
}
header .desktop-nav ul {
  margin-top: 10px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
header .desktop-nav ul > li {
  float: left;
  padding: 18px 13px;
}
header .desktop-nav ul > li:first-child {
  padding-left: 0;
}
header .desktop-nav ul > li a {
  display: block;
  color: #ffffff;
  font-size: 15px;
  line-height: 16px;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  position: relative;
}
header .desktop-nav ul > li a:visited {
  color: #ffffff;
}
header .desktop-nav ul > li a:hover:after,
header .desktop-nav ul > li a.nav-selected:after {
  content: '';
  position: absolute;
  background: #ffffff;
  height: 2px;
  width: 100%;
  bottom: -20px;
  left: 0;
}
header .desktop-nav ul.level-0 {
  border: none;
  display: none;
  background: #ffffff;
  position: absolute;
  top: 62px;
  z-index: 10;
  margin: 0;
  padding: 10px 0;
}
header .desktop-nav ul.level-0 li {
  float: none;
  width: 235px;
  margin-bottom: 0;
  padding: 0;
}
header .desktop-nav ul.level-0 li,
header .desktop-nav ul.level-0 li a {
  display: block;
}
header .desktop-nav ul.level-0 li a {
  text-align: left;
  font-size: 14px;
  line-height: 33px;
  color: #666666;
  padding: 0px 15px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  header .desktop-nav ul.level-0 li a {
    font-size: 13px;
    line-height: 30px;
  }
}
header .desktop-nav ul.level-0 li a:hover,
header .desktop-nav ul.level-0 li a.nav-selected {
  color: #ae1709;
  background: #f7f7f7;
}
header .desktop-nav ul.level-0 li a:hover:after {
  display: none;
}
header .desktop-nav li:hover .level-0 {
  display: block;
}
header .top .logo img {
  float: left;
}
header .top .menu-icon {
  position: relative;
  float: right;
  top: 32px;
  display: inline-block;
  width: 27px;
  text-indent: -99999px;
}
header .top .border-icon {
  height: 4px;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
}
header .top .border-icon:before {
  content: '';
  position: absolute;
  top: -14px;
  left: 0;
  width: 100%;
  border-top: 5px solid #ffffff;
}
header .mobile .phone-number {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: #ebecec;
}
header .mobile .phone-number p,
header .mobile .phone-number a {
  color: #ae1709;
  font-size: 25px;
  line-height: 30px;
  padding: 10px 0;
}
header .mobile-nav {
  background: #ebecec;
}
header .mobile-nav ul.mobile-menu {
  background: #ebecec;
  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 2;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
  border-bottom: 1px solid #ae1709;
}
header .mobile-nav ul.mobile-menu li {
  position: relative;
  width: 300px;
  margin: 0 auto;
}
header .mobile-nav ul.mobile-menu li a {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  font-family: 'Roboto Slab', serif;
}
header .mobile-nav ul.mobile-menu li a:hover {
  color: #ae1709;
}
header .mobile-nav ul.mobile-menu li a:hover .arrow-down {
  background-position: 0 -10px;
}
header .mobile-nav ul.mobile-menu li a .arrow-down {
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 60px;
  background: url(../images/mobile_arrow_down.png?v2) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 10px;
  background-size: 16px 20px;
  background-position: 0 0;
}
header .mobile-nav ul.mobile-menu li ul.level-0 {
  margin: 0;
  display: none;
}
header .mobile-nav ul.mobile-menu li ul.level-0 li a {
  font-size: 12px;
  line-height: 25px;
}
header .mobile-nav ul.mobile-menu li ul.level-0 li a:hover {
  color: #ae1709;
}
header .mobile-nav ul.mobile-menu li:hover > a {
  color: #ae1709;
}
header .mobile-nav ul.mobile-menu li:hover > a .arrow-down {
  background-position: 0 -10px;
}
.content-wrapper {
  background: #ffffff;
}
.content-wrapper ul li {
  background: url(../images/bullet_point.png) no-repeat;
  background-size: 28px 24px;
  background-position: 0 0;
  padding-left: 46px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 12px;
  color: #666666;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .content-wrapper ul li {
    background-size: 20px 17px;
    background-position: 0 2px;
    padding-left: 30px;
    font-size: 13px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .content-wrapper {
    margin-top: 120px;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .content-wrapper .ccm-layout-wrapper .ccm-layout-cell.ccm-layout-col {
    width: 100% !important;
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .content-wrapper .ccm-layout-wrapper .ccm-layout-col-spacing {
    margin: 0 !important;
  }
}
.content-wrapper .call-to-action-panels {
  float: right;
  width: 855px;
  position: relative;
  top: -75px;
  margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .content-wrapper .call-to-action-panels {
    width: 692px;
    top: -55px;
  }
}
@media only screen and (max-width: 767px) {
  .content-wrapper .call-to-action-panels {
    position: static;
    width: 100%;
    height: auto;
    right: 0;
    top: 0;
    margin-bottom: 40px;
  }
}
.content-wrapper .call-to-action-panels .panel {
  width: 169px;
  height: 169px;
  float: left;
  background: #ccc;
  background-size: cover;
  margin: 1px;
  padding: 18px 12px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .content-wrapper .call-to-action-panels .panel {
    width: 136px;
    height: 136px;
  }
}
@media only screen and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel {
    width: 100%;
    height: 214px;
    float: none;
    margin: 0px;
    margin-bottom: 10px;
  }
}
.content-wrapper .call-to-action-panels .panel:nth-child(1) {
  background: url(../images/buying_selling.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(1) {
    background-position: 0 -20px;
  }
}
@media only screen and (max-width: 479px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(1) {
    background-position: 0 0;
  }
}
.content-wrapper .call-to-action-panels .panel:nth-child(2) {
  background: url(../images/property_taxation.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(2) {
    background-position: 0 -175px;
  }
}
@media only screen and (max-width: 479px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(2) {
    background-position: 0 -78px;
  }
}
.content-wrapper .call-to-action-panels .panel:nth-child(3) {
  background: url(../images/property_litigation.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(3) {
    background-position: 0 -100px;
  }
}
@media only screen and (max-width: 479px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(3) {
    background-position: 0 -60px;
  }
}
.content-wrapper .call-to-action-panels .panel:nth-child(4) {
  background: url(../images/family_law.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(4) {
    background-position: 0 -50px;
  }
}
@media only screen and (max-width: 479px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(4) {
    background-position: 0 0;
  }
}
.content-wrapper .call-to-action-panels .panel:nth-child(5) {
  background: url(../images/compulsory_acquisition.jpg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(5) {
    float: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(5) {
    background-position: 0 -140px;
  }
}
@media only screen and (max-width: 479px) {
  .content-wrapper .call-to-action-panels .panel:nth-child(5) {
    background-position: 0 -60px;
  }
}
.content-wrapper .call-to-action-panels .panel h3 {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 10px 0;
  color: #ffffff;
  padding-right: 38px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .content-wrapper .call-to-action-panels .panel h3 {
    font-size: 18px;
    line-height: 22px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .content-wrapper .call-to-action-panels .panel h3 {
    font-size: 26px;
    line-height: 30px;
    padding-right: 140px;
  }
}
.content-wrapper .call-to-action-panels .panel div {
  width: 32px;
  height: 32px;
  text-indent: -99999px;
  background: #ae1709 url(../images/btn_arrow.png) no-repeat;
  background-size: 6px 30px;
  background-position: 13px 12px;
  border-top-right-radius: 50%;
  position: absolute;
  bottom: 12px;
  left: 12px;
}
@media only screen and (max-width: 767px) {
  .content-wrapper .call-to-action-panels .panel div {
    width: 40px;
    height: 40px;
    background-size: 8px 40px;
    background-position: 16px 14px;
  }
}
.contact-form-block .enquiry-form {
  margin-bottom: 0;
}
.contact-form-block .enquiry-form input,
.contact-form-block .enquiry-form textarea,
.contact-form-block .enquiry-form select {
  font-family: 'Open Sans', sans-serif;
  padding: 5px 10px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  font-size: 16px;
  height: 40px;
  color: #666666;
  margin-bottom: 10px;
  border-radius: 0px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .contact-form-block .enquiry-form input,
  .contact-form-block .enquiry-form textarea,
  .contact-form-block .enquiry-form select {
    height: 32px;
    font-size: 13px;
  }
}
.contact-form-block .enquiry-form select {
  background: #ffffff url(../images/dropdown_arrow_down.png) no-repeat;
  background-size: 16px 8px;
  background-position: 98% 15px;
}
.contact-form-block .enquiry-form select::-ms-expand {
  display: none;
}
.contact-form-block .enquiry-form select * {
  color: #666666;
}
.contact-form-block .enquiry-form textarea {
  height: 100px;
}
.contact-form-block .enquiry-form button {
  width: 100%;
  background: #ae1709;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  border-radius: 0px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-family: 'Roboto Slab', serif;
  height: 40px;
  font-size: 18px;
  margin-top: 15px;
  padding: 0;
  border: none;
  padding-bottom: 2px;
  margin: 0;
  border-bottom-right-radius: 15px;
}
.contact-form-block .enquiry-form .invalid {
  border: 1px solid #ae1709;
}
.contact-form-block.mobile {
  display: none;
  background: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .contact-form-block.mobile {
    display: block;
  }
}
.contact-form-block.mobile .contact-form {
  margin-top: 30px;
  margin-bottom: 15px;
}
.contact-form-block.mobile .contact-form .enquiry-form {
  padding: 0;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.contact-form-block.mobile .contact-form .enquiry-form input,
.contact-form-block.mobile .contact-form .enquiry-form textarea,
.contact-form-block.mobile .contact-form .enquiry-form select {
  width: 100%;
  height: 40px;
  font-size: 16px;
}
.contact-form-block.mobile .contact-form .enquiry-form textarea {
  height: 100px;
  resize: vertical;
}
.contact-form-block.desktop {
  display: none;
  background: #f5f5f5 url(../images/dropform_bg.png?v=2) center repeat-y;
  padding: 45px 0 30px 0;
}
@media only screen and (max-width: 767px) {
  .contact-form-block.desktop {
    display: none;
  }
}
.contact-form-block.desktop .close-btn {
  background: #e0e1e1 url(../images/close_btn.png) center no-repeat;
  width: 50px;
  height: 40px;
  display: inline-block;
  text-indent: -99999px;
  position: absolute;
  top: -45px;
  right: 0;
  border-bottom-right-radius: 15px;
}
.contact-form-block.desktop .form {
  position: relative;
}
.contact-form-block.desktop .contact-form {
  padding-bottom: 0;
}
.contact-form-block.desktop .contact-form h3.title {
  margin-bottom: 25px;
}
.contact-form-block.desktop .contact-form .enquiry-form input,
.contact-form-block.desktop .contact-form .enquiry-form textarea,
.contact-form-block.desktop .contact-form .enquiry-form select {
  width: 100%;
  height: 40px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .contact-form-block.desktop .contact-form .enquiry-form input,
  .contact-form-block.desktop .contact-form .enquiry-form textarea,
  .contact-form-block.desktop .contact-form .enquiry-form select {
    height: 32px;
    font-size: 13px;
  }
}
.contact-form-block.desktop .contact-form .enquiry-form textarea {
  height: 100px;
  resize: none;
}
.contact-form-block.desktop .contact-form .enquiry-form button {
  height: 40px;
  font-size: 18px;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .contact-form-block.desktop .contact-form .enquiry-form button {
    margin-top: 10px;
    height: 32px;
    font-size: 15px;
  }
}
.enquiry-form-wrapper ul li {
  background: url(../images/bullet_point.png) no-repeat;
  background-size: 28px 24px;
  background-position: 0 0;
  padding-left: 46px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 12px;
  color: #666666;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .enquiry-form-wrapper ul li {
    background-size: 20px 17px;
    background-position: 0 2px;
    padding-left: 30px;
    font-size: 13px;
    line-height: 22px;
  }
}
.enquiry-form-wrapper .contact-form {
  padding-bottom: 25px;
}
.enquiry-form-wrapper .contact-form .message {
  color: #ae1709;
  margin: 10px 0;
}
.enquiry-form-wrapper .contact-form h3.title {
  font-size: 25px;
  line-height: 29px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .enquiry-form-wrapper .contact-form h3.title {
    font-size: 20px;
    line-height: 25px;
  }
}
.enquiry-form-wrapper .enquiry-form {
  margin-bottom: 0;
}
.enquiry-form-wrapper .enquiry-form input,
.enquiry-form-wrapper .enquiry-form textarea,
.enquiry-form-wrapper .enquiry-form select {
  font-family: 'Open Sans', sans-serif;
  padding: 5px 10px;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  font-size: 16px;
  height: 40px;
  color: #666666;
  margin-bottom: 10px;
  border-radius: 0px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .enquiry-form-wrapper .enquiry-form input,
  .enquiry-form-wrapper .enquiry-form textarea,
  .enquiry-form-wrapper .enquiry-form select {
    height: 32px;
    font-size: 13px;
  }
}
.enquiry-form-wrapper .enquiry-form select {
  background: #ffffff url(../images/dropdown_arrow_down.png) no-repeat;
  background-size: 16px 8px;
  background-position: 98% 15px;
}
.enquiry-form-wrapper .enquiry-form select::-ms-expand {
  display: none;
}
.enquiry-form-wrapper .enquiry-form select * {
  color: #666666;
}
.enquiry-form-wrapper .enquiry-form textarea {
  height: 100px;
}
.enquiry-form-wrapper .enquiry-form button {
  width: 100%;
  background: #ae1709;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  border-radius: 0px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-family: 'Roboto Slab', serif;
  height: 40px;
  font-size: 18px;
  margin-top: 15px;
  padding: 0;
  border: none;
  padding-bottom: 2px;
  margin: 0;
  border-bottom-right-radius: 15px;
}
.enquiry-form-wrapper .enquiry-form .invalid {
  border: 1px solid #ae1709;
}
.enquiry-form-wrapper.mobile {
  display: none;
  background: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .enquiry-form-wrapper.mobile {
    display: block;
  }
}
.enquiry-form-wrapper.mobile .contact-form {
  margin-top: 30px;
  margin-bottom: 15px;
}
.enquiry-form-wrapper.mobile .contact-form .enquiry-form {
  padding: 0;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.enquiry-form-wrapper.mobile .contact-form .enquiry-form input,
.enquiry-form-wrapper.mobile .contact-form .enquiry-form textarea,
.enquiry-form-wrapper.mobile .contact-form .enquiry-form select {
  width: 100%;
  height: 40px;
  font-size: 16px;
}
.enquiry-form-wrapper.mobile .contact-form .enquiry-form textarea {
  height: 100px;
  resize: vertical;
}
.enquiry-form-wrapper.desktop {
  display: none;
  background: #f5f5f5 url(../images/dropform_bg.png?v=2) center repeat-y;
  padding: 45px 0 30px 0;
}
@media only screen and (max-width: 767px) {
  .enquiry-form-wrapper.desktop {
    display: none;
  }
}
.enquiry-form-wrapper.desktop .close-btn {
  background: #e0e1e1 url(../images/close_btn.png) center no-repeat;
  width: 50px;
  height: 40px;
  display: inline-block;
  text-indent: -99999px;
  position: absolute;
  top: -45px;
  right: 0;
  border-bottom-right-radius: 15px;
}
.enquiry-form-wrapper.desktop .form {
  position: relative;
}
.enquiry-form-wrapper.desktop .contact-form {
  padding-bottom: 0;
}
.enquiry-form-wrapper.desktop .contact-form h3.title {
  margin-bottom: 25px;
}
.enquiry-form-wrapper.desktop .contact-form .enquiry-form input,
.enquiry-form-wrapper.desktop .contact-form .enquiry-form textarea,
.enquiry-form-wrapper.desktop .contact-form .enquiry-form select {
  width: 100%;
  height: 40px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .enquiry-form-wrapper.desktop .contact-form .enquiry-form input,
  .enquiry-form-wrapper.desktop .contact-form .enquiry-form textarea,
  .enquiry-form-wrapper.desktop .contact-form .enquiry-form select {
    height: 32px;
    font-size: 13px;
  }
}
.enquiry-form-wrapper.desktop .contact-form .enquiry-form textarea {
  height: 100px;
  resize: none;
}
.enquiry-form-wrapper.desktop .contact-form .enquiry-form button {
  height: 40px;
  font-size: 18px;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .enquiry-form-wrapper.desktop .contact-form .enquiry-form button {
    margin-top: 10px;
    height: 32px;
    font-size: 15px;
  }
}
a.quotation-button {
  display: inline-block;
  font-family: 'Roboto Slab', serif;
  font-size: 17px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 300;
  padding: 0px 12px;
  border: 1px solid #ffffff;
}
a.quotation-button:hover {
  color: #ffffff;
}
a.quotation-button span {
  display: block;
  float: right;
  border-left: 1px solid #ffffff;
  margin-left: 10px;
  padding-left: 10px;
  text-indent: -99999px;
  background: url(../images/btn_arrow.png) no-repeat;
  background-size: 8px 40px;
  background-position: 15px 15px;
  width: 15px;
  height: 40px;
}
a.quotation-button.red {
  color: #ae1709;
  border: 1px solid #ae1709;
  margin: 20px 0;
}
a.quotation-button.red:hover {
  color: #ae1709;
}
a.quotation-button.red span {
  border-left: 1px solid #ae1709;
  background-position: 15px -13px;
}
footer {
  padding: 25px 0;
}
footer .footer-inner-wrapper p,
footer .footer-inner-wrapper ul li a {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 0;
  font-weight: 600;
}
footer .footer-inner-wrapper img {
  max-width: 100%;
  height: auto;
  background-size: cover;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  footer .footer-inner-wrapper img {
    margin-bottom: 20px;
  }
}
footer .footer-inner-wrapper ul {
  width: 170px;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  footer .footer-inner-wrapper ul {
    width: 132px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer-inner-wrapper ul {
    width: 100%;
  }
}
footer .copyright,
footer .company a {
  font-size: 11px;
  line-height: 40px;
  margin-bottom: 0;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  footer .copyright,
  footer .company a {
    font-size: 9px;
    line-height: 15px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  footer .copyright {
    margin-top: 20px !important;
  }
}
footer .company {
  text-align: right;
}
footer .company a {
  display: block;
  float: right;
}
@media only screen and (max-width: 767px) {
  footer .company a {
    float: none;
    text-align: center;
  }
}
footer .company img {
  display: block;
  width: 40px;
  height: 40px;
  background-size: cover;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  footer .company img {
    margin: 5px auto;
  }
}