button, html, input, select, textarea {
  color: #222
}
img {
  vertical-align: middle
}
#form-row-ques-5 {
    display:none;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0
}
textarea {
  resize: vertical
}
.nocallout {
  -webkit-touch-callout: none
}
.pressed {
  background-color: rgba(0, 0, 0, .7)
}
textarea[contenteditable] {
  -webkit-appearance: none
}
main {
  background: #efefef;
}
.search .get-started .enquire {
    background-color: #909090;
    margin-top: 17px;
}
.gifhidden {
  position: absolute;
  left: -100%
}
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em
}
.ir br {
  display: none
}
.hidden {
  display: none!important;
  visibility: hidden
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}
.invisible {
  visibility: hidden
}
.clearfix::after, .clearfix::before {
  content: "";
  display: table
}
.clearfix::after {
  clear: both
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}
a {
  background: 0 0
}
a:active, a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b, strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
mark {
  background: #ff0;
  color: #000
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 0
}
hr {
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
p.note {
  font-size: 10px;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button, select {
  text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled], html input[disabled] {
  cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: 700
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td, th {
  padding: 0
}
blockquote {
  margin: 0
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: 400
}
h2 {
  font-size: 22px;
  font-size: 1.375rem;
  color: #474546;
  margin-bottom: .75em;
  text-transform: capitalize;
  line-height: 1em;
}
h2 span {
  color: #0cc1fc
}
@media only screen and (min-width: 767px) {
  h2 {
    font-size: 34px;
    font-size: 2.125rem
  }
}
@media only screen and (min-width: 960px) {
  h2 {
    font-size: 44px;
    font-size: 2.75rem
  }
}
h3 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #0cc1fc;
  font-size: 15px;
  font-size: 0.9rem
}
*, ::after, ::before {
  box-sizing: border-box
}
html {
  height: 100%
}
body, button, html {
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.625em;
  font-weight: 300;
  color: #474546
}
pre {
  padding: 13px
}
::-webkit-input-placeholder {
  color: #474546;
  text-transform: capitalize;
  font-size: 14px;
  font-size: .875rem
}
:-moz-placeholder {
  color: #474546;
  text-transform: capitalize;
  font-size: 14px;
  font-size: .875rem
}
::-moz-placeholder {
  color: #474546;
  text-transform: capitalize;
  font-size: 14px;
  font-size: .875rem
}
:-ms-input-placeholder {
  color: #474546;
  text-transform: capitalize;
  font-size: 14px;
  font-size: .875rem
}
.contact-us::-webkit-input-placeholder {
  color: #9d9b9c;
  text-transform: capitalize;
  font-size: 14px;
  font-size: .875rem
}
.contact-us::-moz-placeholder {
  color: #9d9b9c;
  text-transform: capitalize;
  font-size: 14px;
  font-size: .875rem
}
.contact-us::-ms-input-placeholder {
  color: #9d9b9c;
  text-transform: capitalize;
  font-size: 14px;
  font-size: .875rem
}
.contact-us:-moz-placeholder {
  color: #9d9b9c;
  text-transform: capitalize;
  font-size: 14px;
  font-size: .875rem
}
input, textarea {
  background: #efefef;
  border: none;
  padding: 15px;
  color: #171717;
  outline: 0;
  border-radius: 0
}
ul {
  list-style: none;
  padding: 0
}
.content-area {
  padding: 0 14px;
  width: 100%;
  max-width: 980px;
  position: relative;
  overflow: hidden;
  margin: 0 auto
}
.site-picture ._siteimages img {
    object-fit: cover;
}
@media (min-width: 500px) {
  .content-area {
    padding: 0 20px
  }
}
@media only screen and (min-width: 767px) {
  .content-area {
    padding: 0 40px
  }
}
@media only screen and (min-width: 960px) {
  .content-area {
    padding: 0 20px
  }
}
.content-area img {
  width: 100%;
  height: auto
}
main {
  margin-top: 60px;
  position: relative
}
@media only screen and (min-width: 1024px) {
  main {
    margin-top: 80px
  }
}
.banner-2, .banner-3 {
  background: url(../images/banner-can.jpg) 50% 50% no-repeat;
  width: 100%;
  height: 190px;
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc);
  /*transition: all 0.1s ease;*/
}
@media only screen and (min-width: 767px) {
  .banner-2, .banner-3 {
    height: 415px
  }
}
@media only screen and (min-width: 960px) {
  .banner-2, .banner-3 {
    height: 773px
  }
}
.banner-3 {
  background: url(../images/banner-bmw.jpg) 50% 50% no-repeat;
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc)
}
@media only screen and (min-width: 767px) {
  .banner-3 {
    height: 475px
  }
}
@media only screen and (min-width: 960px) {
  .banner-3 {
    height: 1090px
  }
}
.hero-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.slider-container {
  max-width: 940px;
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.hero {
  width: 100%;
  background: #000;
  position: relative;
}
.banner-item {
  padding: 40px 0 50px;
}
@media (min-width: 500px) {
  .banner-item {
    padding: 55px 0 75px
  }
}
@media only screen and (min-width: 767px) {
  .banner-item {
    padding: 80px 0 100px
  }
}
@media only screen and (min-width: 960px) {
  .banner-item {
    padding: 115px 0 155px
  }
}
.bannergroup {
  opacity: 0;
}
.banner-item {
  height: 270px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 500px) {
  .banner-item {
    height: 424px;
  }
}
@media only screen and (min-width: 500px) {
  .banner-item {
    height: 424px;
  }
}
@media only screen and (min-width: 960px) {
  .banner-item {
    height: 480px;
  }
}
.bannergroup .banner-item {
  float: left;
}
.hero .content-area {
  position: relative;
  overflow: visible
}
.slider-controls {
  position: absolute;
  bottom: 50px;
  left: 20px;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .slider-controls {
    left: 85px;
  }
}
@media only screen and (min-width: 960px) {
  .slider-controls {
    left: 10px;
    bottom: 70px;
  }
}
@media only screen and (min-width: 1024px) {
  .slider-controls {
    left: 0;
  }
}
.slider-controls a {
  display: block;
  width: 10px;
  height: 10px;
  background: #9d9b9c;
  border-radius: 50%;
  float: left;
  margin-right: 5px
}
.slider-controls .active {
  background: #0cc1fc
}
.think-big>p {
  margin: 0;
  font-size: 36px;
  font-size: 2.25rem;
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  color: #fff;
  line-height: 1;
  float: left;
  text-align: right;
  width: 45%;
  padding-right: 15px
}
.think-big>p span {
  color: #0cc1fc;
  display: block
}
@media (min-width: 500px) {
  .think-big>p {
    font-size: 60px;
    font-size: 3.75rem
  }
}
@media only screen and (min-width: 767px) {
  .think-big>p {
    font-size: 90px;
    font-size: 5.625rem;
    padding-right: 0
  }
  .think-big>p span {
    margin-right: 20px
  }
}
@media only screen and (min-width: 960px) {
  .think-big>p {
    font-size: 135px;
    font-size: 8.4375rem;
    width: 50%;
    line-height: .9
  }
  .think-big>p span {
    margin-right: 35px
  }
}
.think-big .think-big-text {
  float: left;
  width: 55%;
  color: #fff;
  padding-right: 30px
}
@media (min-width: 500px) {
  .think-big .think-big-text {
    width: 50%;
    margin-left: 5%
  }
}
@media only screen and (min-width: 960px) {
  .think-big .think-big-text {
    width: 47%;
    padding-right: 50px;
    margin-left: 3%
  }
}
.think-big .think-big-text .logo {
  width: 80px;
  height: 18px;
  background: url(../images/logo-white.png) no-repeat;
  -ms-behavior: url(../backgroundsize.min.htc);
  display: block;
  background-size: contain;
  margin-bottom: 1em
}
@media (min-width: 500px) {
  .think-big .think-big-text .logo {
    width: 160px;
    height: 36px
  }
}
@media only screen and (min-width: 960px) {
  .think-big .think-big-text .logo {
    width: 234px;
    height: 47px;
    margin-bottom: 1.75em
  }
}
.think-big .think-big-text h2 {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5;
  text-transform: capitalize;
  color: #fff
}
.think-big .think-big-text h2 span {
  color: #0cc1fc
}
@media (min-width: 500px) {
  .think-big .think-big-text h2 {
    font-size: 18px;
    font-size: 1.125rem
  }
}
@media only screen and (min-width: 960px) {
  .think-big .think-big-text h2 {
    font-size: 24px;
    font-size: 1.5rem
  }
}
.think-big .think-big-text p {
  font-size: 10px;
  font-size: .625rem;
  margin-top: 1em;
  line-height: 1.5;
  color: #efefef
}
@media (min-width: 500px) {
  .think-big .think-big-text p {
    font-size: 14px;
    font-size: .875rem
  }
}
@media only screen and (min-width: 767px) {
  .think-big .think-big-text p {
    font-size: 12px;
    font-size: .75rem
  }
}
@media only screen and (min-width: 960px) {
  .think-big .think-big-text p {
    font-size: 15px;
    font-size: .9375rem
  }
}
.diagonal {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(../images/banner-diagonal.png) no-repeat;
  display: block;
  height: 96px;
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc)
}
.header-container {
  max-width: 1100px
}
header {
  background: #fff;
  border-top: 5px solid #9d9b9c;
  position: fixed;
  height: 60px;
  z-index: 999999;
  width: 100%;
  top: 0;
  box-shadow: 1px 3px 2px rgba(0, 0, 0, .1)
}
header .content-area {
  overflow: visible
}
@media only screen and (min-width: 767px) {
  header {
    border-top: 9px solid #9d9b9c;
    height: 65px
  }
}
@media only screen and (min-width: 1024px) {
  header {
    height: 80px
  }
}
header .logo {
  width: 155px;
  height: 35px;
  display: block;
  float: left
}
@media only screen and (min-width: 767px) {
  header .logo {
    height: 40px
  }
}
header .logo h1 {
  text-indent: -99999em;
  background: url(../images/logo.png) no-repeat;
  -ms-behavior: url(../backgroundsize.min.htc);
  width: 160px;
  background-size: contain;
  margin: 15px 0 0
}
@media only screen and (min-width: 1024px) {
  header .logo h1 {
    height: 50px;
    margin-top: 15px
  }
}
header .mobile-menu {
  display: block;
  width: 55px;
  height: 55px;
  float: right;
  position: absolute;
  right: 0;
  background: #efefef;
  z-index: 99
}
@media only screen and (min-width: 1024px) {
  header .mobile-menu {
    display: none
  }
}
header .mobile-menu i {
  background: url(../images/icons/hamburger.svg) center center no-repeat #efefef;
  padding: 10px;
  width: 26px;
  height: 26px;
  left: 50%;
  margin-left: -13px;
  top: 50%;
  margin-top: -13px;
  position: absolute
}
header nav {
  float: right;
  position: relative;
  height: 55px
}
header nav .main-nav {
  position: absolute;
  top: 55px;
  right: -270px
}
@media only screen and (min-width: 1024px) {
  header nav .main-nav {
    position: static;
    width: 80%
  }
}
@media only screen and (min-width: 1024px) {
  header nav {
    position: static;
    float: left;
    width: 81%
  }
}
header nav ul {
  text-transform: capitalize;
  font-size: 12px;
  font-size: .75rem;
  list-style: none;
  background: #efefef;
  margin: 0;
  padding: 30px 25px
}
@media only screen and (min-width: 1024px) {
  header nav ul {
    background: 0 0;
    float: left;
    padding: 0 0 0 4%;
    width: 100%;
    margin-top: 28px
  }
}
@media only screen and (min-width: 1120px) {
  header nav ul {
    padding: 0 0 0 7%;
  }
}

/**/

@media only screen and (min-width: 1024px) {
  header nav ul li {
    float: left;
    position: relative
  }
  header nav ul li:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    background: #ccc;
    top: 7px;
  }
  header nav ul li:last-child:after, header nav ul li > ul li:after {
    background: none;
  }
}
header nav ul a {
  text-decoration: none;
  color: #282828;
  width: 160px;
  display: block;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px 0
}
@media only screen and (min-width: 1024px) {
  header nav ul a {
    float: left;
    display: inline-block;
    width: auto;
    padding: 0 12px 20px;
    line-height: 2
  }
  header nav ul li ul a:hover {
    border-bottom: 1px solid #0cc1fc;
  }
}
header nav ul a i {
  float: right;
  font-weight: 600
}
@media only screen and (min-width: 1024px) {
  header nav ul a i {
    display: none
  }
}
header nav ul .active {
  color: #0cc1fc
}
header nav ul li>ul {
  text-indent: none;
  padding: 0 0 0 20px;
  margin: 0 0 15px
}
@media only screen and (min-width: 1024px) {
  header nav ul li>ul {
    display: none;
    position: absolute;
    border: none;
    /*background: url(../images/dd-pointer.png) top left no-repeat #efefef;*/
    background: #efefef;
    top: 43px;
    width: 165px;
    left: 0;
    padding: 20px 0 10px;
  }
  /*header nav ul li:hover>ul {
    display: block;
  }*/
}
@media only screen and (min-width: 1024px) {
  header nav ul li>ul li {
    float: none;
    padding: 0 15px;
  }
}
header nav ul li>ul a {
  padding: 3px 0;
  border-bottom: 1px solid #e3e3e3;
  color: #7d7d7d;
  -webkit-transition: all 0.25s;
  /* Safari */
  transition: all 0.25s;
}
@media only screen and (min-width: 1024px) {
  header nav ul li>ul a {
    display: block;
    text-align: left;
    float: none;
    white-space: nowrap;
    padding: 4px 0
  }
  .main-nav ul li .ani-underline {
    position: absolute;
    bottom: 1px;
    display: block;
    height: 3px;
    width: 0;
    background: #0cc1fc;
    transition: width 0.3s;
  }
  .main-nav ul li ul li .ani-underline {
    display: none;
  }
  header nav ul li:hover .ani-underline {
    width: 100%;
    transition: width 0.3s;
  }
}
header nav ul a:hover {
  color: #0cc1fc;
  -webkit-transition: all 0.25s;
  /* Safari */
  transition: all 0.25s;
}
header nav .notification {
  width: 28px;
  height: 28px;
  background: url(../images/icons/ico-notification.png) center center no-repeat #7d7d7d;
  display: block;
  border-radius: 5px;
  position: relative;
  float: left;
  margin-top: 15px;
  margin-right: 60px
}
@media only screen and (min-width: 1024px) {
  header nav .notification {
    margin-top: 25px;
    margin-right: 0
  }
}
header nav .notification .count {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 8px;
  font-size: .5rem;
  color: #fff;
  position: absolute;
  top: -5px;
  right: -5px;
  background: #0cc1fc;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  padding: 3px 0 0;
  width: 15px;
  height: 15px
}
header .phone-number {
  display: none
}
@media only screen and (min-width: 767px) {
  header .phone-number {
    display: inline-block;
    color: #0cc1fc;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    float: left;
    text-decoration: none
  }
}
header .phone-number span {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #efefef;
  display: block;
  margin-top: 10px;
  height: 35px;
  line-height: 38px
}
@media only screen and (min-width: 1024px) {
  header .phone-number span {
    margin-right: 8px;
    margin-top: 20px;
    padding-right: 8px
  }
}
footer {
  background: #fff;
  position: relative;
}
footer nav {
  padding: 30px 0;
  display: none;
}
@media only screen and (min-width: 767px) {
  footer nav {
    padding: 0;
    display: block;
  }
}
footer ul {
  width: 50%;
  float: left;
  padding: 0 5px;
  margin: 0;
  margin-bottom: 30px;
}
@media only screen and (min-width: 767px) {
  footer ul {
    width: 23.33%;
    padding-right: 5px;
    padding-left: 20px;
    border-right: 1px solid #efefef;
    min-height: 170px;
    padding-top: 30px !important;
  }
  footer ul:first-child, footer ul:last-child {
    width: 15%
  }
  footer ul:last-child {
    border: 0
  }
}
@media only screen and (min-width: 960px) {
  footer ul {
    padding-left: 40px;
    padding-top: 45px !important;
    padding-bottom: 45px
  }
  footer ul:first-child {
    padding-left: 0
  }
}
footer nav li:first-child {
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 5px
}
@media only screen and (min-width: 960px) {
  footer nav li:first-child {
    font-size: 13px;
    font-size: .8125rem;
    margin-bottom: .5em
  }
}
footer li {
  font-size: 9px;
  font-size: .5625rem;
  line-height: 1.5
}
footer li a {
  color: #666;
  text-decoration: none;
  text-transform: capitalize
}
@media only screen and (min-width: 767px) {
  footer li a {
    font-size: 12px;
    font-size: .75rem
  }
}
@media only screen and (min-width: 960px) {
  footer li a {
    font-size: 13px;
    font-size: .8125rem
  }
}
.footer-action {
  background: #000;
  padding: 55px 0 40px;
  position: relative;
}
@media only screen and (min-width: 960px) {
  .footer-action {
    padding: 145px 0 125px
  }
}
.footer-action a {
  font-size: 10px;
  font-size: .625rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-decoration: none;
  color: #0cc1fc
}
@media (min-width: 500px) {
  .footer-action a {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 15px;
    display: inline-block
  }
}
@media only screen and (min-width: 960px) {
  .footer-action a {
    font-size: 22px;
    font-size: 1.375rem
  }
}
.footer-action .think-big .think-big-text h2 {
  color: #efefef;
  font-size: 10px;
  font-size: .625rem;
  margin-bottom: 0
}
@media (min-width: 500px) {
  .footer-action .think-big .think-big-text h2 {
    font-size: 18px;
    font-size: 1.125rem
  }
}
@media only screen and (min-width: 960px) {
  .footer-action .think-big .think-big-text h2 {
    font-size: 24px;
    font-size: 1.5rem
  }
}
.footer-action .think-big-text {
  max-width: 385px
}
@media only screen and (min-width: 960px) {
  .footer-action .think-big-text {
    margin-top: 1em;
    margin-left: 7%
  }
}
.sliders {
  position: fixed;
  right: 0;
  top: 75px;
  z-index: 9999
}
@media only screen and (min-width: 767px) {
  .sliders {
    top: 110px
  }
}
@media only screen and (min-width: 960px) {
  .sliders {
    top: 190px
  }
}
.sliders h5 {
  color: #fff;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: .875rem;
  margin-bottom: 1em
}
.members-login {
  background: #0cc1fc;
  width: 255px;
  padding: 15px 25px;
  position: absolute;
  right: -255px
}
.members-login .messages-container {
  margin-bottom: 10px;
}
@media only screen and (min-width: 960px) {
  .members-login {
    width: 335px;
    right: -335px
  }
}
.members-login input {
  width: 100%;
  background: #fff;
  margin-bottom: 10px
}
.members-login button {
  color: #fff;
  display: block;
  padding: 15px 0;
  border: none;
  width: 100%;
  background: #474546;
  border-radius: 5px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: capitalize
}
.members-login a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-decoration: none;
  color: #fff
}
.members-login .slide-button {
  background: #0cc1fc
}
.members-login .slide-button i {
  background: url(../images/icons/ico-login.svg) center center no-repeat;
  width: 100%;
  height: 25px;
  margin-top: 7px;
  display: block
}
@media only screen and (min-width: 767px) {
  .members-login .slide-button i {
    height: 35px;
    margin-top: 13px;
    margin-left: 2px;
  }
}
.share-the-love {
  position: absolute;
  background: #efefef;
  height: 40px;
  width: 150px;
  line-height: 40px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 12px;
  font-size: .75rem;
  text-align: center;
  right: -150px;
  top: 45px
}
@media only screen and (min-width: 767px) {
  .share-the-love {
    top: 60px
  }
}
.share-the-love .slide-button {
  background: #efefef
}
.share-the-love .slide-button i {
  background: url(../images/icons/ico-like.png) center center no-repeat;
  width: 100%;
  height: 40px;
  display: block
}
@media only screen and (min-width: 767px) {
  .share-the-love .slide-button i {
    height: 55px
  }
}
.slide-button {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: -40px;
  top: 0
}
@media only screen and (min-width: 767px) {
  .slide-button {
    width: 55px;
    height: 55px;
    left: -55px
  }
}
.social-slider {
  position: absolute;
  right: -160px;
  width: 160px;
  top: 90px
}
@media only screen and (min-width: 767px) {
  .social-slider {
    top: 120px;
    right: -220px;
    width: 220px;
  }
}
.social-slider .slide-button {
  background: #efefef
}
.social-slider .slide-button i {
  background: url(../images/icons/ico-share.png) center center no-repeat;
  width: 100%;
  height: 40px;
  display: block
}
@media only screen and (min-width: 767px) {
  .social-slider .slide-button i {
    height: 55px
  }
}
.social-article a, .social-slider a {
  height: 40px;
  width: 40px;
  display: block;
  float: left
}
.social-slider .stButton {
  position: static;
}
.sliders .social-article .st_facebook_large, .sliders .social-slider .st_facebook_large, .sliders .social-article .st_twitter_large, .sliders .social-slider .st_twitter_large, .sliders .social-article .st_pinterest_large, .sliders .social-slider .st_pinterest_large, .sliders .social-article .st_linkedin_large, .sliders .social-slider .st_linkedin_large {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  float: left;
}
@media only screen and (min-width: 767px) {
  .social-article a, .social-slider a {
    width: 55px;
    height: 55px
  }
  .sliders .social-article .st_facebook_large, .sliders .social-slider .st_facebook_large, .sliders .social-article .st_twitter_large, .sliders .social-slider .st_twitter_large, .sliders .social-article .st_pinterest_large, .sliders .social-slider .st_pinterest_large, .sliders .social-article .st_linkedin_large, .sliders .social-slider .st_linkedin_large {
    width: 55px;
    height: 55px;
  }
}
.sliders .social-article .st_facebook_large, .sliders .social-slider .st_facebook_large {
  background: #3b5998;
}
.sliders .social-article .st_twitter_large, .sliders .social-slider .st_twitter_large {
  background: #0dbffb;
}
.sliders .social-article .st_pinterest_large, .sliders .social-slider .st_pinterest_large {
  background: #cb2027;
}
.sliders .social-article .st_linkedin_large, .sliders .social-slider .st_linkedin_large {
  background: #007bb6;
}
.sliders .social-article .st_facebook_large .stLarge, .sliders .social-slider .st_facebook_large .stLarge, .sliders .social-article .st_twitter_large .stLarge, .sliders .social-slider .st_twitter_large .stLarge, .sliders .social-article .st_pinterest_large .stLarge, .sliders .social-slider .st_pinterest_large .stLarge, .sliders .social-article .st_linkedin_large .stLarge, .sliders .social-slider .st_linkedin_large .stLarge {
  background-size: 70% auto !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.sliders .social-article .st_facebook_large .stLarge, .sliders .social-slider .st_facebook_large .stLarge {
  background-image: url(../images/icons/ico-fb-white.svg) !important;
}
.sliders .social-article .st_twitter_large .stLarge, .sliders .social-slider .st_twitter_large .stLarge {
  background-image: url(../images/icons/ico-tt-white.svg) !important;
}
.sliders .social-article .st_pinterest_large .stLarge, .sliders .social-slider .st_pinterest_large .stLarge {
  background-image: url(../images/icons/ico-pt-white.svg) !important;
}
.sliders .social-article .st_linkedin_large .stLarge, .sliders .social-slider .st_linkedin_large .stLarge {
  background-image: url(../images/icons/ico-in.svg) !important;
}
.sliders .social-article .st_facebook_large, .sliders .social-article .pinterest, .sliders .social-article .twitter {
  width: 40px;
  height: 40px;
  margin-right: 5px
}
.sliders .social-article .st_facebook_large .stLarge, .sliders .social-article .pinterest i, .sliders .social-article .twitter i {
  width: 20px;
  height: 20px;
  margin: 10px 0 0 10px
}
.newsletter {
  width: 255px;
  padding: 15px 25px;
  background: #efefef;
  position: absolute;
  right: -255px;
  top: 135px
}
@media only screen and (min-width: 960px) {
  .newsletter {
    width: 335px;
    right: -335px
  }
}
@media only screen and (min-width: 767px) {
  .newsletter {
    top: 180px
  }
}
.newsletter input {
  width: 100%;
  background: #fff;
  margin-bottom: 10px
}
.acym_module_form input {
  max-width: 100% !important;
}
.newsletter input[type="submit"], .newsletter input[type="button"] {
  background: #0cc1fc;
  color: #fff;
  display: block;
  padding: 15px 0;
  border: none;
  width: 100%;
  float: right;
  max-width: 100px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  border-radius: 5px
}
.newsletter h5 {
  color: #474546
}
.newsletter .slide-button {
  background: #efefef
}
.newsletter .slide-button i {
  background: url(../images/icons/ico-email.png) center center no-repeat;
  width: 100%;
  height: 40px;
  display: block
}
@media only screen and (min-width: 767px) {
  .newsletter .slide-button i {
    height: 55px
  }
}
.request-proposal_popup {
  position: absolute;
  top: 100px;
  background: #171717;
  width: 90%;
  max-width: 450px;
  padding: 20px;
  display: none
}
.request-proposal_popup .messages-container {
  margin-bottom: 10px;
}
.request-proposal_popup input, .request-proposal_popup textarea {
  color: #CCC;
}
.request-proposal_popup input.error {
  background: #4d2122;
  border-right: 3px solid red;
}
@media only screen and (min-width: 767px) {
  .request-proposal_popup {
    padding: 60px
  }
}
.request-proposal_popup h4 {
  color: #fff;
  text-transform: capitalize;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 50px
}
.request-proposal_popup button, .request-proposal_popup input, .request-proposal_popup textarea {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  background: #474546
}
.request-proposal_popup textarea {
  min-height: 135px
}
.request-proposal_popup button {
  background: #0cc1fc;
  color: #fff;
  display: block;
  padding: 15px 0;
  border: none;
  width: 100%;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  max-width: 150px;
  margin: 0 auto;
  border-radius: 5px
}
.request-proposal_popup .close {
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  cursor: pointer
}
@media only screen and (min-width: 1200px) {
  .request-proposal_popup .close {
    width: 50px;
    height: 50px
  }
}
.request-proposal_popup .close i {
  width: 35px;
  height: 35px;
  display: block;
  background: url(../images/icons/close.svg) center center no-repeat #000;
  background-size: 15px 15px
}
@media only screen and (min-width: 1200px) {
  .request-proposal_popup .close i {
    width: 50px;
    height: 50px
  }
}
.request-proposal_popup input::-webkit-input-placeholder, .request-proposal_popup textarea::-webkit-input-placeholder {
  color: #9d9b9c;
  text-transform: capitalize
}
.request-proposal_popup input:-moz-placeholder, .request-proposal_popup textarea:-moz-placeholder {
  color: #9d9b9c;
  text-transform: capitalize
}
.request-proposal_popup input::-moz-placeholder, .request-proposal_popup textarea::-moz-placeholder {
  color: #9d9b9c;
  text-transform: capitalize
}
.request-proposal_popup input:-ms-input-placeholder, .request-proposal_popup textarea:-ms-input-placeholder {
  color: #9d9b9c;
  text-transform: capitalize
}
.search {
  padding: 30px 0;
  background: white;
}
@media only screen and (min-width: 767px) {
  .search {
    padding: 60px 40px
  }
}
@media only screen and (min-width: 960px) {
  .search {
    padding: 50px 0
  }
}
.search .content-area {
  overflow: visible
}
.search .map {
  display: none
}
@media only screen and (min-width: 960px) {
  .search .map {
    display: block;
    float: left;
    width: 35%;
    position: relative
  }
}
.search .map .map-australia {
  max-width: 260px;
  height: 238px;
  position: relative
}
.search .map a {
  display: block;
  position: absolute
}
.search .map .wa {
  width: 107px;
  left: -3px;
  top: 12px
}
.search .map .nt {
  width: 60px;
  top: 6px;
  left: 106px
}
.search .map .sa {
  width: 79px;
  top: 126px;
  left: 106px
}
.search .map .vic {
  width: 86px;
  top: 190px;
  left: 187px
}
.search .map .nsw {
  width: 86px;
  top: 142px;
  left: 187px
}
.search .map .qld {
  width: 103px;
  right: -11px;
  top: 12px
}
.search .map .tas {
  width: 72px;
  bottom: -27px;
  right: 0
}
.search .break {
  display: none
}
@media only screen and (min-width: 960px) {
  .search .break {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 25px;
    height: 248px;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    background: url(../images/break-bg.png) center center no-repeat
  }
  .search .break span {
    background: #9d9b9c;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: inline-block;
    padding-top: 5px;
    margin-top: 100px
  }
}
.search .get-started p {
  color: #474546;
  font-size: 14px;
  font-size: .875rem
}
.search .get-started form {
  margin-top: 1em;
  width: 100%
}
@media only screen and (min-width: 960px) {
  .search .get-started form {
    margin-top: 2em
  }
}
.search .get-started input {
  width: 35%;
  float: left;
  margin-right: 4%;
  border-radius: 0;
  -webkit-appearance: none
}
@media (min-width: 600px) {
  .search .get-started input {
    margin-bottom: 10px;
    width: 100%;
    max-width: 150px
  }
}
@media only screen and (min-width: 767px) {
  .search .get-started input {
    float: none
  }
}
@media only screen and (min-width: 960px) {
  .search .get-started input {
    margin-bottom: 15px
  }
}
.search .get-started button {
  color: #fff;
  display: block;
  border: none;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  background: url(../images/icons/ico-arrow.svg) right 5px center no-repeat #0cc1fc;
  background-size: 30px 15px;
  padding: 13px 10px;
  border-radius: 10px;
  text-align: left;
  width: 50%;
  float: left
}
@media (min-width: 600px) {
  .search .get-started button {
    width: 100%;
    max-width: 180px
  }
}
@media only screen and (min-width: 767px) {
  .search .get-started button {
    float: none
  }
}
@media (min-width: 600px) {
  .search .get-started {
    width: 47.5%;
    float: left
  }
}
@media only screen and (min-width: 767px) {
  .search .get-started {
    width: 60%
  }
}
@media only screen and (min-width: 960px) {
  .search .get-started {
    width: 32%;
    margin-left: 3%
  }
}
.next-posting {
  margin-top: 45px
}
.next-posting a, .next-posting p {
  text-decoration: underline;
  color: #474546;
  text-transform: capitalize;
  display: none
}
@media only screen and (min-width: 980px) {
  .next-posting a, .next-posting p {
    display: inline-block;
    font-size: 14px;
    font-size: .875rem
  }
}
.next-posting p {
  text-decoration: none
}
@media (min-width: 600px) {
  .next-posting {
    width: 47.5%;
    float: left;
    margin-top: 0
  }
}
@media only screen and (min-width: 767px) {
  .next-posting {
    width: 40%
  }
}
@media only screen and (min-width: 960px) {
  .next-posting {
    width: 20%;
    margin-left: 10%
  }
}

/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

.ui-helper-hidden {
  display: none
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse
}
.ui-helper-clearfix:after {
  clear: both
}
.ui-helper-clearfix {
  min-height: 0
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}
.ui-front {
  z-index: 100
}
.ui-state-disabled {
  cursor: default!important
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.ui-datepicker {
  width: 87%;
  display: none;
  margin: 1.5em auto 0;
  position: relative
}
@media only screen and (min-width: 767px) {
  .ui-datepicker {
    width: 100%;
    margin-top: .5em
  }
}
.ui-datepicker .ui-datepicker-header {
  padding: .2em 0
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 50%;
  width: 1.8em;
  height: 1.8em;
  display: block;
  background: #474546;
  border-radius: 50%;
  cursor: pointer
}
@media only screen and (min-width: 767px) {
  .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    display: none
  }
}
.ui-datepicker .ui-datepicker-prev {
  left: -20px
}
@media only screen and (min-width: 767px) {
  .ui-datepicker .ui-datepicker-prev {
    display: none
  }
}
.ui-datepicker .ui-datepicker-next {
  right: -20px
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 50%;
  margin-top: -8px
}
.ui-datepicker .ui-datepicker-next span {
  background: url(../images/icons/ico-next.svg) center center no-repeat;
  background-size: contain;
  display: block;
  margin-left: -5px;
  margin-top: -14px;
  width: 11px
}
.ui-datepicker .ui-datepicker-prev span {
  background: url(../images/icons/ico-prev.svg) center center no-repeat;
  background-size: contain;
  display: block;
  margin-top: -14px;
  margin-right: -5px;
  width: 11px
}
.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  padding-left: 8px;
  text-align: left;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #0cc1fc
}
@media only screen and (min-width: 767px) {
  .ui-datepicker .ui-datepicker-title {
    padding-left: 0
  }
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}
.ui-datepicker th {
  text-align: center;
  font-weight: 700;
  border: 0
}
.ui-datepicker td {
  border: 0
}
.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  text-align: center;
  text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em;
  width: auto;
  overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}
.ui-datepicker.ui-datepicker-multi {
  width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}
.ui-datepicker-rtl {
  direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}
.next-section .down-arrow-1 {
  display: block;
  width: 40px;
  height: 20px;
  background: url(../images/icons/ico-section-arrow.png) no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -20px
}
.next-section .down-arrow-2 {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/icons/ico-down.svg) center center no-repeat;
  background-size: 50%;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -15px;
  border: 1px solid #fff;
  border-radius: 50%
}
.leader-img {
  position: relative
}
.billboard-formats {
  box-shadow: inset 0 5px 3px rgba(210, 206, 204, .3);
  background: #efefef;
  position: relative;
  padding: 85px 0 35px
}
.billboard-formats [data-col="4"] {
  width: 47.5%;
  margin-right: 5%;
  float: left;
  margin-bottom: 1em
}
.billboard-formats [data-col="4"]:nth-of-type(2n+2) {
  margin-right: 0
}
@media only screen and (min-width: 767px) {
  .billboard-formats [data-col="4"] {
    width: 23.5%;
    margin-right: 2%
  }
  .billboard-formats [data-col="4"]:nth-of-type(2n+2) {
    margin-right: 2%
  }
  .billboard-formats [data-col="4"]:last-child {
    margin-right: 0
  }
}
.billboard-formats .leader {
  position: relative;
  overflow: hidden;
  color: #474546;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
}
.billboard-formats a {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #555;
}
@media only screen and (min-width: 960px) {
  .billboard-formats a, .billboard-formats .leader {
    font-size: 18px;
    font-size: 1.125rem
  }
  .billboard-formats .leader span {
    display: inline-block;
    margin-top: .75em
  }
}
.billboard-formats .overlay {
  display: none
}
@media only screen and (min-width: 960px) {
  .billboard-formats .overlay {
    width: 100.5%;
    height: 162px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: table;
    background: rgba(12, 193, 252, 1);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  }
  .billboard-formats .overlay p {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    font-size: .75rem;
    color: #fff;
    padding: 0 20px;
    transform: translate(-250px, 0px);
    -webkit-transform: translate(-250px, 0px);
    -moz-transform: translate(-250px, 0px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
  }
}
.billboard-formats .leader:hover .overlay {
  opacity: 1;
}
.billboard-formats .leader:hover .overlay p {
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  -moz-transform: translate(0, 0px);
}
.what-we-do {
  padding: 35px 0;
  background: white;
}
@media only screen and (min-width: 767px) {
  .what-we-do {
    padding: 80px 0
  }
}
.what-we-do .services {
  padding: 0 35px
}
@media only screen and (min-width: 767px) {
  .what-we-do .services {
    padding: 0
  }
}
.what-we-do .services [data-col="3"] {
  width: 100%;
  height: 120px;
  display: block;
  margin-bottom: 10px
}
@media (min-width: 500px) {
  .what-we-do .services [data-col="3"] {
    height: 200px
  }
}
@media (min-width: 600px) {
  .what-we-do .services [data-col="3"] {
    max-width: 415px;
    margin: 10px auto
  }
}
@media only screen and (min-width: 767px) {
  .what-we-do .services [data-col="3"] {
    width: 31%;
    margin-right: 2%;
    float: left;
    height: 120px
  }
  .what-we-do .services [data-col="3"]:last-child {
    margin-right: 0
  }
}
@media only screen and (min-width: 960px) {
  .what-we-do .services [data-col="3"] {
    height: 168px
  }
}
.what-we-do .services img {
  width: 100%;
  height: 100%
}
.what-we-do .services i {
  width: 30px;
  height: 20px;
  display: block;
  float: left;
  margin-right: 10px
}
@media only screen and (min-width: 960px) {
  .what-we-do .services i {
    width: 42px;
    height: 30px
  }
}
.what-we-do .services .site-locator {
  position: relative;
  transition: all 0.3s;
}
.what-we-do .services .site-locator:before, .what-we-do .services .planning-tools:before, .what-we-do .services .creative-tester:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 99;
  transition: opacity 0.3s ease-in;
}
.what-we-do .services .site-locator:hover:before, .what-we-do .services .planning-tools:hover:before, .what-we-do .services .creative-tester:hover:before {
  background-color: #0cc1fc;
  text-align: center;
  padding-top: 120px;
  text-transform: capitalize;
  font-weight: bold;
  opacity: 0.6;
  transition: opacity 0.3s ease-in;
}

/*.what-we-do .services .site-locator:hover:before {
  content: 'site locator';
  background-image: url(../images/icons/ico-map.svg);
}*/


/*.what-we-do .services .planning-tools:hover:before {
  background-image: url(../images/planning.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;

}
.what-we-do .services .creative-tester:hover:before {
  background-image: url(../images/creative-tester.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}*/

.what-we-do .services .site-locator i {
  background: url(../images/icons/ico-map.svg) center center no-repeat #0cc1fc;
  background-size: 20px 15px;
  margin-top: -1px;
}
@media only screen and (min-width: 960px) {
  .what-we-do .services .site-locator i {
    background-size: 26px 19px
  }
}
.what-we-do .services .planning-tools {
  background: #efefef;
  position: relative
}
.what-we-do .services .planning-tools i {
  background: url(../images/icons/ico-billboard.svg) center center no-repeat #0cc1fc;
  background-size: 20px 15px;
  margin-top: -1px;
}
@media only screen and (min-width: 960px) {
  .what-we-do .services .planning-tools i {
    background-size: 18px 19px
  }
}
.what-we-do .services .creative-tester {
  position: relative
}
.what-we-do .services .creative-tester i {
  background: url(../images/icons/ico-camera.svg) center center no-repeat #0cc1fc;
  background-size: 20px 15px;
  margin-top: -1px;
}
@media only screen and (min-width: 960px) {
  .what-we-do .services .creative-tester i {
    background-size: 27px 16px
  }
}
.what-we-do .services .heading {
  position: absolute;
  top: 1px
}
.what-we-do .services .heading h3 {
  text-transform: uppercase;
  font-size: 12px;
  font-size: .75rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  float: left
}

/*.what-we-do .planning-tools:hover h3, .what-we-do .site-locator:hover h3, .what-we-do .creative-tester:hover h3 {
  color: white;
  position: relative;
  z-index: 999;
}*/


/*.what-we-do .planning-tools:hover i, .what-we-do .site-locator:hover i, .what-we-do .creative-tester:hover i {
  background-color: white;
  position: relative;
  z-index: 999;
  margin-top: -1px;

}*/


/*.what-we-do .planning-tools:hover i {
  background-image: url(../images/icons/ico-billboard-hover.svg);
}
.what-we-do .site-locator:hover i {
  background-image: url(../images/icons/ico-map-hover.svg);
}
.what-we-do .creative-tester:hover i {
  background-image: url(../images/icons/ico-camera-hover.svg);
}*/

@media only screen and (min-width: 960px) {
  .what-we-do .services .heading h3 {
    font-size: 14px;
    font-size: .875rem
  }
}
.what-we-do .services .heading p {
  text-align: center;
  color: #0cc1fc;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5;
  padding: 35px 15px 0
}
@media (min-width: 500px) {
  .what-we-do .services .heading p {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 75px
  }
}
@media only screen and (min-width: 767px) {
  .what-we-do .services .heading p {
    font-size: 11px;
    font-size: .6875rem;
    padding-top: 35px
  }
}
@media only screen and (min-width: 960px) {
  .what-we-do .services .heading p {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 45px
  }
}
.what-we-do .ad-blurb h3, .what-we-do .ad-blurb p {
  text-align: center
}
.what-we-do .ad-blurb h3 {
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 12px;
  font-size: .75rem;
  margin-top: 2.5em
}
@media only screen and (min-width: 767px) {
  .what-we-do .ad-blurb h3 {
    font-size: 20px;
    font-size: 1.25rem
  }
}
.what-we-do .ad-blurb p {
  font-size: 11px;
  font-size: .6875rem;
  line-height: 1.5;
  margin: 1em auto;
  max-width: 785px
}
.what-we-do .ad-blurb p:last-child {
  color: #0cc1fc
}
.what-we-do .ad-blurb p span {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600
}
@media only screen and (min-width: 767px) {
  .what-we-do .ad-blurb p {
    font-size: 16px;
    font-size: 1rem
  }
}
.showcase {
  background: #efefef;
  padding: 45px 0 55px;
  box-shadow: inset 0 5px 3px #d2cecc
}
@media only screen and (min-width: 767px) {
  .showcase {
    background: url(../images/speech-man.jpg) right -140px bottom no-repeat #efeae7
  }
}
@media only screen and (min-width: 960px) {
  .showcase {
    padding: 90px 0
  }
}
@media only screen and (min-width: 1600px) {
  .showcase {
    background: url(../images/speech-man.jpg) right bottom no-repeat #efeae7
  }
}
.showcase .weekly-site {
  opacity: 0;
}
.showcase .site-information {
  position: relative;
  min-height: 200px;
}
.showcase .site-information h4 {
  font-size: 44px;
  font-size: 2.75rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #0cc1fc;
  text-transform: capitalize;
  margin-bottom: .75em
}
.showcase .site-information h4+p {
  color: #0cc1fc;
  margin-bottom: 0
}
.showcase .site-information ._siteinfo {
  position: absolute;
  width: 100%;
  opacity: 0;
  display: none;
}
.showcase ._siteimageswrap {
  width: 100%;
  overflow: hidden;
}
.showcase ._siteimages {
  width: 20000em;
  overflow: hidden;
  margin: 0;
}
.showcase ._siteimages li {
  float: left;
}
@media only screen and (min-width: 960px) {
  .showcase .site-information h4 {
    margin-bottom: .4em
  }
}
.showcase .site-information span {
  text-transform: uppercase;
  font-size: 12px;
  font-size: .75rem
}
@media only screen and (min-width: 767px) {
  .showcase .site-information {
    width: 100%
  }
}
@media only screen and (min-width: 960px) {
  .showcase .site-information {
    width: 23%;
    margin-right: 3%;
    float: left;
  }
}
@media only screen and (min-width: 767px) {
  .showcase .site-text {
    width: 65%;
    margin-right: 10%;
    float: left
  }
}
@media only screen and (min-width: 960px) {
  .showcase .site-text {
    width: 100%;
    float: none;
    margin-right: 0;
    max-width: 230px
  }
}
.showcase .site-text>p {
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: capitalize;
  margin-bottom: .5em
}
.showcase .description h6 {
  font-size: 14px;
  font-size: .875rem;
  text-transform: capitalize;
  margin-bottom: 1em
}
@media only screen and (min-width: 960px) {
  .showcase .description h6 {
    margin-bottom: 0
  }
}
.showcase .description p {
  display: none
}
@media only screen and (min-width: 767px) {
  .showcase .description p {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    color: #9d9b9c;
    margin-bottom: 1em
  }
}
@media only screen and (min-width: 767px) {
  .showcase .request-proposal {
    width: 25%;
    float: left;
    margin-top: 100px
  }
}
@media only screen and (min-width: 960px) {
  .showcase .request-proposal {
    width: 100%;
    margin-top: 0
  }
}
.showcase .request-proposal p {
  font-size: 14px;
  font-size: .875rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: .5em
}
.showcase .request-proposal button, .showcase .request-proposal a.btn {
  color: #fff;
  display: block;
  border: none;
  width: 100%;
  width: 49%;
  float: left;
  font-size: 12px;
  margin-right: 2%;
  padding: 5px 0;
  background: #474546;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
.showcase .request-proposal button:last-child, .showcase .request-proposal a.btn:last-child {
  background: #0cc1fc;
  margin-right: 0
}
@media only screen and (min-width: 767px) {
  .showcase .request-proposal button, .showcase .request-proposal a.btn {
    width: 100%;
    float: none;
    margin-bottom: 10px
  }
}
@media only screen and (min-width: 960px) {
  .showcase .request-proposal button, .showcase .request-proposal a.btn {
    max-width: 175px
  }
}
.showcase .site-picture {
  margin-top: 2em;
  border: 10px solid #fff;
  position: relative;
  max-width: 700px;
}
@media only screen and (min-width: 767px) {
  .showcase .site-picture {
    padding-bottom: 40px;
    background: url(../images/logo.png) bottom right no-repeat #fff;
    background-size: 140px 30px;
    -ms-behavior: url(../backgroundsize.min.htc)
  }
}
@media only screen and (min-width: 960px) {
  .showcase .site-picture {
    padding-bottom: 70px;
    background-size: 170px 40px;
    background-position: bottom 5px right 5px
  }
}
@media only screen and (min-width: 960px) {
  .showcase .site-picture {
    width: 74%;
    float: left;
    height: 525px;
  }
}
.controls {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -40px;
  cursor: pointer
}
@media only screen and (min-width: 767px) {
  .controls {
    margin-top: -22px;
    top: 50%
  }
}
.controls .next, .controls .prev {
  width: 45px;
  height: 45px;
  display: block;
  background: #0cc1fc;
  border-radius: 50%
}
.controls i {
  width: 45px;
  height: 45px;
  display: block
}
.controls .next {
  float: right;
  position: absolute;
  right: -20px
}
.controls .next i {
  background: url(../images/icons/ico-next.svg) 14px 13px no-repeat;
  background-size: 20px 20px
}
.controls .prev {
  float: left;
  position: absolute;
  left: -20px
}
.controls .prev i {
  background: url(../images/icons/ico-prev.svg) 14px 13px no-repeat;
  background-size: 20px 20px
}
.media-insight {
  background: #0cc1fc;
  padding: 40px 0;
  color: #fff;
}
.main-article .media-insight {
  margin: 40px 0;
}
@media only screen and (min-width: 767px) {
  .main-article .media-insight {
    padding: 55px 0 45px
  }
}
.media-insight h2 span {
  color: #fff
}
@media only screen and (min-width: 960px) {
  .media-insight h2 {
    width: 35%;
    float: left;
    line-height: 1;
    font-size: 36px;
    font-size: 2.25rem;
    margin-top: .5em
  }
}
@media only screen and (min-width: 960px) {
  .media-insight .statistics {
    width: 65%;
    float: left
  }
}
.media-insight .stat-1 {
  width: 45%;
  float: left
}
@media (min-width: 500px) {
  .media-insight .stat-1 {
    width: 30%
  }
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-1 {
    width: 35%
  }
}
.media-insight .stat-1 img {
  width: 35px;
  float: left;
  margin-right: 10px
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-1 img {
    width: 57px
  }
}
@media only screen and (min-width: 960px) {
  .media-insight .stat-1 img {
    width: 53px;
    margin-right: 0
  }
}
.media-insight .stat-1 figcaption {
  float: left;
  width: 70px
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-1 figcaption {
    width: 115px;
    margin-left: 15px
  }
}
.media-insight .stat-1 figcaption span {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 31px;
  font-size: 1.9375rem
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-1 figcaption span {
    font-size: 50px;
    font-size: 3.125rem;
    margin-top: 10px;
    display: inline-block
  }
}
.media-insight .stat-1 figcaption p {
  font-size: 10px;
  font-size: .625rem;
  line-height: 1.5
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-1 figcaption p {
    font-size: 16px;
    font-size: 1rem
  }
}
.media-insight .stat-2 {
  width: 55%;
  float: left
}
@media (min-width: 500px) {
  .media-insight .stat-2 {
    width: 35%
  }
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-2 {
    width: 40%
  }
}
.media-insight .stat-2 img {
  width: 45px;
  float: left;
  margin-right: 10px
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-2 img {
    width: 75px
  }
}
@media only screen and (min-width: 960px) {
  .media-insight .stat-2 img {
    width: 68px;
    margin-right: 0
  }
}
.media-insight .stat-2 figcaption {
  float: left;
  width: 95px
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-2 figcaption {
    width: 150px;
    margin-left: 15px
  }
}
.media-insight .stat-2 figcaption span {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  display: block
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-2 figcaption span {
    font-size: 26px;
    font-size: 1.625rem
  }
}
@media only screen and (min-width: 960px) {
  .media-insight .stat-2 figcaption span {
    font-size: 21px;
    font-size: 1.3125rem
  }
}
.media-insight .stat-2 figcaption p {
  font-size: 10px;
  font-size: .625rem;
  line-height: 1.5
}
@media only screen and (min-width: 767px) {
  .media-insight .stat-2 figcaption p {
    font-size: 16px;
    font-size: 1rem
  }
}
.media-insight .fig-info {
  display: none
}
@media (min-width: 500px) {
  .media-insight .fig-info {
    display: block;
    float: left;
    width: 85px
  }
  .media-insight .fig-info img {
    width: 100%;
    height: 85px
  }
}
@media only screen and (min-width: 500px) and (min-width: 767px) {
  .media-insight .fig-info img {
    width: 135px;
    height: 130px
  }
}
@media only screen and (min-width: 500px) and (min-width: 960px) {
  .media-insight .fig-info img {
    float: right;
    width: 128px;
    height: 121px
  }
}
@media only screen and (min-width: 767px) {
  .media-insight .fig-info {
    width: 25%
  }
}
.clients {
  padding: 40px 0 55px;
  background: #fff
}
@media only screen and (min-width: 767px) {
  .clients {
    padding: 65px 0
  }
}
@media only screen and (min-width: 960px) {
  .clients {
    padding: 135px 0 145px
  }
}
.clients p {
  font-size: 10px;
  font-size: .625rem;
  line-height: 1.5
}
.clients .boxes {
  margin: 1em 0 .75em
}
@media only screen and (min-width: 767px) {
  .clients .boxes {
    width: 45%;
    float: left;
    margin: 0 5% 0 0;
    height: 100%
  }
}
.clients .testimonials {
  padding: 0;
  position: relative;
}
.clients .testimonial {
  background: #0cc1fc;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.clients .testimonial .client-details {
  position: absolute;
  bottom: 10px
}
.clients .testimonial ._item {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 960px) {
  .clients .testimonial p {
    font-size: 14px;
    font-size: .875rem
  }
}
.clients .the-best {
  height: 157px
}
@media only screen and (min-width: 960px) {
  .clients .the-best {
    height: 210px
  }
}
@media only screen and (max-width: 480px) {
  .clients .the-best {
    height: auto;
  }
}
.clients .our-clients {
  margin-top: 30px;
  width: 100%
}
@media only screen and (min-width: 767px) {
  .clients .our-clients {
    margin-top: 95px
  }
}
.clients .our-clients img {
  width: 75%;
  display: inline-block
}
.clients .our-clients td {
  text-align: center;
  width: 14.2%;
  padding-bottom: 20px
}
@media only screen and (min-width: 960px) {
  .clients .our-clients tr td:first-child {
    /*text-align: left*/
  }
  .clients .our-clients tr td:last-child {
    /*text-align: right*/
  }
}
.clients .our-media {
  margin-bottom: 2em
}
@media only screen and (min-width: 767px) {
  .clients .our-media h2 {
    float: left;
    width: 20%;
    margin-right: 5%
  }
}
@media only screen and (min-width: 767px) {
  .clients .our-media p {
    float: left;
    width: 75%;
    font-size: 12px;
    font-size: .75rem
  }
}
.clients .controls .prev {
  left: 10px
}
.clients .controls .next {
  right: 10px
}
.we-work-with .our-work {
  overflow: hidden;
}
.our-work.auto_height {
  height: auto !important;
}
.box {
  width: 47.5%;
  float: left;
  margin-right: 5%;
  padding: 15px 10px;
  background: #474546;
  color: #fff;
  height: 140px;
  position: relative
}
@media only screen and (min-width: 767px) {
  .box {
    height: 100%
  }
}
.box:last-child {
  margin-right: 0
}
@media only screen and (min-width: 960px) {
  .box {
    padding: 20px 15px
  }
}
.box h5 {
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  position: absolute;
  bottom: 15px
}
@media (min-width: 500px) {
  .box h5 {
    max-width: 140px
  }
}
@media only screen and (min-width: 960px) {
  .box h5 {
    font-size: 30px;
    font-size: 1.875rem;
    max-width: none
  }
}
.our-work {
  position: relative
}
@media only screen and (min-width: 767px) {
  .our-work {
    width: 50%;
    float: left;
    height: 100%
  }
}
.our-work .main-img {
  width: 66%;
  float: left;
  margin-right: 2%
}
@media only screen and (min-width: 767px) {
  .our-work .main-img {
    height: 100%
  }
}
@media only screen and (min-width: 960px) {
  .our-work .main-img {
    width: 66.5%;
    margin-right: 1%
  }
}
@media only screen and (min-width: 767px) {
  .our-work .main-img img {
    height: 100%
  }
}
.our-work .sub-images {
  width: 32%;
  float: left
}
@media only screen and (min-width: 767px) {
  .our-work .sub-images {
    height: 49%;
    margin-bottom: 2%
  }
}
@media only screen and (min-width: 960px) {
  .our-work .sub-images {
    width: 32.5%
  }
}
.our-work .sub-images img {
  margin-bottom: 5px
}
.our-work .sub-images img:last-child {
  margin-bottom: 0
}
@media only screen and (min-width: 767px) {
  .our-work .sub-images img {
    height: 100%
  }
}
.news {
  background: #fcf8f5;
  box-shadow: inset 0 5px 3px #d2cecc;
  padding: 45px 0
}
.news .content-area {
  overflow: visible;
}
@media only screen and (min-width: 767px) {
  .news {
    padding: 65px 0 100px
  }
}
@media only screen and (min-width: 767px) {
  .news [data-col="3"] {
    float: left;
    height: 375px
  }
}
.news h3 {
  color: #474546;
  border-bottom: 1px solid #9d9b9c;
  text-transform: capitalize;
  padding-bottom: 5px;
  margin-bottom: 15px
}
.news .deal {
  /*background: #0cc1fc;*/
  color: #fff;
  /*padding: 20px 20px 50px;*/
  margin-bottom: 10px;
  position: absolute;
}
.news ._deals {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 767px) {
  .news ._deals {
    height: 67%
  }
  .news .deal {
    height: 100%
  }
}
.news .deal p {
  color: #171717;
  font-size: 10px;
  font-size: .625rem;
  line-height: 1.5
}
@media only screen and (min-width: 767px) {
  .news .deal p {
    font-size: 11px;
    font-size: .6875rem
  }
}
@media only screen and (min-width: 960px) {
  .news .deal p {
    font-size: 14px;
    font-size: .875rem
  }
}
.news h5 {
  text-transform: uppercase;
  font-size: 14px;
  font-size: .875rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: .5em;
  line-height: 1.5
}
@media only screen and (min-width: 960px) {
  .news h5 {
    font-size: 21px;
    font-size: 1.3125rem
  }
}
.news .slider-controls {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: auto;
  left: 50%;
  margin-left: -22.5px;
  top: 5px
}
@media only screen and (min-width: 767px) {
  .news .slider-controls {
    top: 5px
  }
}
@media only screen and (min-width: 980px) {
  .news .slider-controls {
    bottom: -95px;
    top: auto;
  }
}
.news .slider-controls a {
  background: #fff;
  float: none;
  display: inline-block
}
.news .slider-controls .active {
  background: #171717
}
.news .news-items {
  margin-bottom: 20px;
  height: auto;
}
@media only screen and (min-width: 767px) {
  .news .news-items {
    width: 35%;
    margin-right: 2.5%
  }
}
@media only screen and (min-width: 960px) {
  .news .news-items {
    width: 30%;
    margin-right: 5%
  }
}
.news .news-item {
  min-height: 100px;
  overflow: hidden;
  background: #efefef;
  margin-bottom: 10px
}
@media only screen and (min-width: 767px) {
  .news .news-item {
    margin-bottom: 10px
  }
  .news .news-item:last-child {
    margin-bottom: 0
  }
}
@media only screen and (min-width: 960px) {
  .news .news-item {
    margin-bottom: 10px
  }
}
.sh_dck {
  width: 125px;
  float: left;
  overflow: hidden;
}
.news .news-item:nth-of-type(2), .news .news-item:nth-of-type(3) {
  display: none
}
@media only screen and (min-width: 767px) {
  .news .news-item:nth-of-type(2), .news .news-item:nth-of-type(3) {
    display: block
  }
}
.news .news-item h4 {
  font-size: 14px;
  font-size: .875rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.5
}
.news .news-item .date {
  font-size: 12px;
  font-size: .750rem;
  color: #9d9b9c;
  line-height: 1
}
.news .news-item p {
  font-size: 12px;
  font-size: .750rem;
  line-height: 1.5;
  display: inline-block
}
.news .news-item .article-info {
  float: left;
  width: 150px;
  padding: 5px
}
@media only screen and (min-width: 767px) {
  .news .news-item .article-info {
    width: 105px
  }
}
@media only screen and (max-width: 960px) {
  .sh_dck {
    width: 100%;
  }
  .news .news-item .article-info {
    width: 100%
  }
}
@media only screen and (min-width: 960px) {
  .news .news-item .article-info {
    margin-left: 10px;
  }
  .sh_dck img {
    width: 120%;
    height: 100px;
  }
}
@media only screen and (min-width: 990px) {
  .news .news-item .article-info {
    width: 145px;
  }
}
.news .news-item a {
  color: #0cc1fc;
  text-decoration: none;
  display: inline;
  font-size: 10px;
  font-size: .625rem;
  line-height: 1
}
.news .social {
  margin-bottom: 10px
}
@media only screen and (min-width: 767px) {
  .news .social {
    height: 100%;
    width: 35%;
    margin-right: 0;
    margin-bottom: 0
  }
}
@media only screen and (min-width: 767px) {
  .news .social {
    width: 30%
  }
}
@media only screen and (min-width: 767px) {
  .news .deals {
    width: 25%;
    margin-right: 2.5%
  }
}
@media only screen and (min-width: 960px) {
  .news .deals {
    width: 30%;
    margin-right: 5%
  }
}
.twitter-post {
  padding: 10px;
  width: 100%;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 1.5;
  background: url(../images/icons/ico-tt-light.svg) 95% 90% no-repeat #efefef;
  background-size: 11px 13px
}
@media only screen and (min-width: 767px) {
  .twitter-post {
    min-height: 100px;
    font-size: 12px;
    font-size: .75em;
    margin-bottom: 5%
  }
}
.twitter-post a {
  color: #0dbffb;
  text-decoration: none;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11px;
  font-size: .6875rem;
  margin-top: 1.5em;
  display: inline-block
}
@media only screen and (min-width: 767px) {
  .twitter-post a {
    margin-top: .5em
  }
}
.twitter-image-post {
  display: none;
  position: relative;
  min-height: 200px
}
@media only screen and (min-width: 767px) {
  .twitter-image-post {
    display: block
  }
}
.twitter-image-post .post {
  position: absolute;
  font-size: 13px;
  font-size: .8125rem;
  bottom: 5px;
  background: url(../images/icons/ico-tt-white.svg) 10px 10px no-repeat rgba(0, 0, 0, .5);
  background-size: 15px 18px;
  width: 95%;
  left: 50%;
  margin-left: -47.5%;
  padding: 30px 10px 10px;
  line-height: 1.5
}
.twitter-image-post .post p {
  color: #fff
}
.twitter-image-post .post a {
  color: #0cc1fc;
  text-decoration: none
}
.get-in-touch {
  background: #171717;
  color: #fff;
  padding: 30px 0 55px;
  position: relative
}
@media only screen and (min-width: 767px) {
  .get-in-touch {
    padding: 60px 0
  }
}
.get-in-touch legend {
  display: none;
}
.get-in-touch h2 {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  border-bottom: 1px solid #474546;
  padding-bottom: 15px
}
@media only screen and (min-width: 767px) {
  .get-in-touch h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    padding-bottom: 25px;
    margin-bottom: 0
  }
}
.get-in-touch a, .get-in-touch p {
  color: #9d9b9c;
  font-size: 11px;
  font-size: .6875rem;
  text-decoration: none
}
@media only screen and (min-width: 767px) {
  .get-in-touch a, .get-in-touch p {
    font-size: 15px;
    font-size: .9375rem
  }
}
.get-in-touch .contact-blurb p:first-child {
  display: none
}
@media only screen and (min-width: 767px) {
  .get-in-touch .contact-blurb p:first-child {
    display: block;
    line-height: 1.5;
    font-size: 15px;
    font-size: .9375rem;
    color: #9d9b9c;
    margin-bottom: 1.5em
  }
}
.get-in-touch fieldset .gcore-form-row {
  width: 48%;
  float: left;
  margin-right: 4%
}
.get-in-touch fieldset .gcore-form-row:last-child {
  margin-right: 0
}
.get-in-touch input {
  margin-bottom: 0px !important;
  width: 100%;
  background: #474546;
  color: #9d9b9c !important;
  border-radius: 0 !important;
}
.get-in-touch .c_fname {
  width: 49%;
  float: left;
  margin-bottom: 10px;
}
.get-in-touch .c_company {
  width: 49%;
  float: left;
  margin-left: 2%;
  margin-bottom: 0px
}
.get-in-touch label.error {
  font-size: 12px;
  color: red;
}
.get-in-touch .g-recaptcha-outer, .get-in-touch .c_phone, .get-in-touch .c_email {
  margin-bottom: 10px;
}
.get-in-touch .alert-success {
  padding: 0 10px;
}
.get-in-touch .alert-danger {
  padding: 0 10px;
}
.get-in-touch .alert-success p {
  color: green;
}
.get-in-touch .alert-danger p {
  color: red;
}
.get-in-touch .contact-us {
  display: flex;
}
@media only screen and (max-width: 959px) {
  .get-in-touch .contact-us {
    flex-direction: column;
  }
}
@media only screen and (min-width: 767px) {
  .get-in-touch input {
    padding: 10px 15px;
    margin-bottom: 15px
  }
}
.get-in-touch input::-webkit-input-placeholder {
  color: #9d9b9c;
  text-transform: capitalize
}
.get-in-touch input:-moz-placeholder {
  color: #9d9b9c;
  text-transform: capitalize
}
.get-in-touch input::-moz-placeholder {
  color: #9d9b9c;
  text-transform: capitalize
}
.get-in-touch input:-ms-input-placeholder {
  color: #9d9b9c;
  text-transform: capitalize
}
.get-in-touch .upload {
  display: block;
  border: none;
  padding: 0 20px;
  background: #9d9b9c;
  color: #474546;
  border-radius: 5px;
  width: auto
}
.get-in-touch button[type=submit], #enquire-form button[type=submit] {
  background: #0cc1fc;
  color: #fff;
  display: block;
  border: none;
  width: 100%;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 0;
  max-width: 100px;
  height: 40px;
}
.get-in-touch button {
  margin-bottom: 0px !important;
  height: 35px !important;
  line-height: 35px !important;
  border-radius: 0 !important;
}
.get-in-touch form {
  border-bottom: 1px solid #9d9b9c;
  padding-bottom: 10px;
  margin-bottom: 15px
}
@media only screen and (min-width: 767px) {
  .get-in-touch form {
    width: 325px;
    margin-top: 1.5em;
    border-bottom: 0
  }
}
@media only screen and (min-width: 960px) {
  .G3-body.chronoforms  {
    width: 45%;
    float: right;
    border-right: 1px solid #474546;
    border-left: 1px solid #474546
  }
  .get-in-touch .form-outer{
    width: 45%;
    float: right;
    border-right: 1px solid #474546;
    border-left: 1px solid #474546;
  }
  .get-in-touch.discounts .form-outer{
    border-right: 1px solid #2ebdf2 ;
    border-left: 1px solid #2ebdf2;
  }
  .get-in-touch form {
    width: 100%;
    float: right;
    margin-top: 0;
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 35px;
    
  }
}
.get-in-touch form ul {
  margin: 0
}
.get-in-touch .contact-details {
  text-align: center;
  padding: 30px 0 0
}
@media only screen and (min-width: 767px) {
  .get-in-touch .contact-details {
    width: 30%;
    float: left;
    padding-left: 0;
    padding-top: 40px
  }
}
@media only screen and (min-width: 960px) {
  .get-in-touch .contact-details {
    width: 25%
  }
}
.get-in-touch .contact-details .logo {
  background: url(../images/logo-white.png) no-repeat;
  width: 170px;
  height: 40px;
  background-size: contain;
  -ms-behavior: url(../backgroundsize.min.htc);
  display: inline-block;
  margin-bottom: 15px
}
@media only screen and (min-width: 767px) {
  .get-in-touch .contact-details .logo {
    padding-bottom: 75px;
    margin-bottom: 0;
    border-bottom: 1px solid #474546;
    display: block;
    padding-left: 25px;
    width: 100%;
    background-size: 170px 40px;
    background-position: 50% top
  }
}
.get-in-touch .contact-details p {
  width: 170px;
  display: block;
  margin: 0 auto;
  font-size: 14px;
  font-size: .875rem;
  color: #9d9b9c
}
.get-in-touch .contact-details a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: .875rem;
  color: #0cc1fc
}
.get-in-touch .contact-details .social-media {
  margin-bottom: 15px
}
.get-in-touch .contact-details .social-media a {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px
}
@media only screen and (min-width: 767px) {
  .get-in-touch .contact-details .social-media a {
    width: 20px;
    height: 20px
  }
}
.get-in-touch .contact-details .social-media i {
  width: 100%;
  display: block;
  height: 15px
}
@media only screen and (min-width: 767px) {
  .get-in-touch .contact-details .social-media i {
    height: 20px
  }
}
.get-in-touch .contact-details .social-media .linkedin i {
  background: url(../images/icons/ico-id-blue.svg) no-repeat
}
.get-in-touch .contact-details .social-media .facebook i {
  background: url(../images/icons/ico-fb-blue.svg) no-repeat
}
.get-in-touch .contact-details .social-media .twitter i {
  background: url(../images/icons/ico-tt-blue.svg) no-repeat
}
.get-in-touch .diagonal {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 36px;
  display: block;
  background: url(../images/banner-diagonal-blue.png) no-repeat;
  background-size: cover;
  -ms-behavior: url(../backgroundsize.min.htc)
}
@media only screen and (min-width: 767px) {
  .get-in-touch .contact-us {
    width: 70%;
    float: left;
    padding-right: 25px;
    border-right: 1px solid #474546;
    padding-top: 35px
  }
}
@media only screen and (min-width: 960px) {
  .get-in-touch .contact-us {
    width: 75%;
    border: none;
    padding: 0
  }
}
.get-in-touch .details {
  margin-top: 1em
}
@media only screen and (min-width: 960px) {
  .get-in-touch .contact-blurb {
    width: 55%;
    float: left;
    padding-top: 35px;
    padding-right: 5px
  }
}
.contact-hero {
  background: #f5f5f5;
  position: relative;
  padding: 45px 0
}
@media only screen and (min-width: 767px) {
  .contact-hero {
    padding: 60px 0
  }
}
.contact-hero .hello-img {
  display: block;
  background: url(../images/icons/fig-speech.svg) no-repeat;
  width: 100%;
  height: 200px
}
@media (min-width: 650px) {
  .contact-hero .hello-img {
    width: 50%;
    float: left
  }
}
@media only screen and (min-width: 767px) {
  .contact-hero .hello-img {
    height: 300px
  }
}
@media only screen and (min-width: 960px) {
  .contact-hero .hello-img {
    height: 375px;
    width: 50%
  }
}
.contact-hero .contact-buttons {
  margin: 20px auto 0;
  width: 300px;
  position: relative;
  z-index: 100
}
@media (min-width: 450px) {
  .contact-hero .contact-buttons {
    margin: 20px 30px
  }
}
@media (min-width: 650px) {
  .contact-hero .contact-buttons {
    width: 50%;
    float: left;
    margin: 50px 0 0
  }
}
@media only screen and (min-width: 767px) {
  .contact-hero .contact-buttons {
    float: right;
    width: 48%
  }
}
@media only screen and (min-width: 960px) {
  .contact-hero .contact-buttons {
    width: 40%;
    margin-top: 100px
  }
}
.contact-hero .contact-buttons a {
  display: block;
  color: #474546;
  text-decoration: none;
  float: left;
  text-align: center;
  width: 20%;
  margin-right: 3%
}
.contact-hero .contact-buttons a:last-child {
  margin-right: 0
}
.contact-hero .contact-buttons a span {
  display: inline-block
}
@media (min-width: 650px) {
  .contact-hero .contact-buttons a {
    max-width: 50px
  }
}
@media only screen and (min-width: 767px) {
  .contact-hero .contact-buttons a {
    margin-right: 40px
  }
}
.contact-hero .email-button {
  border-top: 5px solid #93f74a;
  padding: 25px 0
}
.contact-hero .email-button i {
  background: url(../images/icons/ico-email.png) center center no-repeat;
  display: block;
  width: 31px;
  height: 33px;
  margin: 0 auto
}
.contact-hero .love-button {
  border-top: 5px solid #e3508b;
  padding: 25px 0
}
.contact-hero .love-button i {
  background: url(../images/icons/ico-like.png) center center no-repeat;
  display: block;
  width: 31px;
  margin: 0 auto;
  height: 33px
}
.contact-hero .share-button {
  border-top: 5px solid #f6ff00;
  padding: 25px 0
}
.contact-hero .share-button i {
  background: url(../images/icons/ico-share.png) center center no-repeat;
  display: block;
  width: 31px;
  margin: 0 auto;
  height: 33px
}
.contact-hero .news-button {
  border-top: 5px solid #00aeef;
  padding: 25px 0
}
.contact-hero .news-button i {
  background: url(../images/icons/ico-contact.png) center center no-repeat;
  display: block;
  width: 31px;
  margin: 0 auto;
  height: 33px
}
.page-information {
  padding: 45px 0;
  background: white;
}
@media only screen and (min-width: 767px) {
  .page-information {
    padding: 60px 0
  }
}
.page-information .contact-ico {
  display: inline-block;
  background: url(../images/icons/ico-speech.png) no-repeat;
  width: 30px;
  height: 20px;
  background-size: contain
}
@media only screen and (min-width: 767px) {
  .page-information .contact-ico {
    width: 29px;
    height: 27px
  }
}
@media only screen and (min-width: 960px) {
  .page-information p {
    font-size: 16px;
    font-size: 1rem
  }
}
.page-information p:last-child {
  margin-bottom: 0
}
.page-information a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #0cc1fc;
  text-decoration: none
}
.product-hero {
  padding: 50px 0;
  height: 300px;
  opacity: 0;
}
@media only screen and (min-width: 767px) {
  .product-hero {
    height: 360px;
    padding: 75px 0
  }
}
@media only screen and (min-width: 960px) {
  .product-hero {
    height: 530px;
    padding: 100px 0
  }
}
.product-hero p {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 50px;
  font-size: 3.125rem;
  line-height: .9;
  margin-bottom: .5em
}
.product-hero p span {
  color: #0cc1fc;
  display: block;
  margin-left: -10px
}
.product-hero h1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: capitalize;
  line-height: 1;
  max-width: 200px
}
.billboards-hero, .tester-2-hero, .tester-hero {
  position: relative;
  background: url(../images/billboards-hero.jpg) center top no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%
}
.creativetester-cont {
  width: 100%;
  height: 800px;
  background-size: 100% auto;
  position: relative;
  /*min-width: 800px;*/
}
.creativetester-cont .billboard {
  position: absolute;
  z-index: 10;
}
.creativetester-cont .img, .creativetester-cont ._controllers, .creativetester-cont .svgs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}
.creativetester-cont .svgs svg {
  position: absolute;
  top: 0;
  left: 0;
}
.creativetester-cont .svgs svg#flat {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.handle {
  fill: #0cc1fc;
  pointer-events: all;
  stroke: #0cc1fc;
  stroke-width: 2px;
  cursor: move;
}
.creativetester-cont ._controllers a:nth-child(1) {
  margin: -25px 0 0 -25px;
}
.creativetester-cont ._controllers a:nth-child(2) {
  margin: -25px 0 0 5px;
}
.creativetester-cont ._controllers a:nth-child(3) {
  margin: 5px 0 0 -25px;
}
.creativetester-cont ._controllers a:nth-child(4) {
  margin: 5px 0 0 5px;
}
.creativetester-cont.tester1 {
  background-image: url("../images/tester_1.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.creativetester-cont.tester1 .billboard {
  top: 180px;
  left: 600px;
  height: 447px;
  width: 520px;
  background: url("../images/tester_banner1.png") no-repeat;
  background-size: 100% auto;
}
.creativetester-cont.tester2 {
  background-image: url("../images/tester_2.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  display: none;
}
.creativetester-cont.tester2 .billboard {
  top: 64px;
  left: 450px;
  width: 648px;
  height: 278px;
  background: url("../images/tester_banner2.png") no-repeat;
  background-size: 100% auto;
}
.creativetester-cont.tester3 {
  background-image: url("../images/tester_3.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  display: none;
}
.creativetester-cont.tester3 .billboard {
  top: 120px;
  left: 340px;
  width: 1093px;
  height: 250px;
  background: url("../images/tester_banner3.png") no-repeat;
  background-size: 100% auto;
}
.tester-hero {
  background: url(../images/banner-sim-bw.jpg) 50% 50% no-repeat;
  background-size: cover
}
.tester-container {
  overflow: hidden;
  background: url(../images/tester-1-bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  position: relative;
}
.tester-2-hero {
  background: url(../images/banner-sim.jpg) 50% 50% no-repeat;
  background-size: contain;
  height: 460px;
  width: 385px;
  position: relative;
  background-position: -29px 0;
}
.billboard-overlay {
  position: absolute;
  width: 272px;
  left: 28px;
  top: 55px;
}
.billboard-overlay img {
  width: 100%;
}
@media only screen and (min-width: 360px) {
  .tester-2-hero {
    width: 430px;
  }
  .billboard-overlay {
    width: 305px;
    left: 33px;
    top: 60px;
  }
}
@media only screen and (min-width: 400px) {
  .tester-2-hero {
    width: 510px;
  }
  .billboard-overlay {
    width: 358px;
    left: 47px;
    top: 72px;
  }
}
@media only screen and (min-width: 480px) {
  .tester-2-hero {
    width: 690px;
  }
  .billboard-overlay {
    width: 483px;
    left: 76px;
    top: 97px;
  }
}
@media only screen and (min-width: 660px) {
  .tester-2-hero {
    width: 800px;
    height: 530px;
  }
  .billboard-overlay {
    width: 571px;
    left: 92px;
    top: 115px;
  }
}
@media only screen and (min-width: 770px) {
  .tester-2-hero {
    width: 990px;
    height: 640px;
    background-position: -100px 0;
  }
  .billboard-overlay {
    width: 696px;
    left: 48px;
    top: 140px;
  }
}
@media only screen and (min-width: 890px) {
  .tester-2-hero {
    width: 990px;
    height: 640px;
    background-position: -50px 0;
  }
  .billboard-overlay {
    width: 696px;
    left: 98px;
    top: 140px;
  }
}
@media only screen and (min-width: 940px) {
  .tester-2-hero {
    width: 1157px;
    height: 760px;
    background-position: -50px 0;
  }
  .billboard-overlay {
    width: 818px;
    left: 120px;
    top: 162px;
  }
}
@media only screen and (min-width: 1105px) {
  .tester-2-hero {
    background-position: -36px 0;
    width: 1300px;
    height: 760px;
    background-size: 1334px;
  }
  .billboard-overlay {
    width: 943px;
    left: 161px;
    top: 187px;
  }
}
@media only screen and (min-width: 1300px) {
  .tester-2-hero {
    background-position: 50% 0;
    width: 1399px;
    height: 760px;
    background-size: 1400px;
  }
  .billboard-overlay {
    width: 998px;
    left: 200px;
    top: 193px;
  }
}
@media only screen and (min-width: 1430px) {
  .tester-2-hero {
    background-position: 33px 0;
    width: 1399px;
    height: 760px;
    background-size: 1400px;
  }
  .billboard-overlay {
    width: 998px;
    left: 230px;
    top: 193px;
  }
}
@media only screen and (min-width: 1500px) {
  .tester-2-hero {
    background-position: 70px 0;
    width: 1399px;
    height: 760px;
    background-size: 1400px;
  }
  .billboard-overlay {
    width: 998px;
    left: 267px;
    top: 193px;
  }
}
@media only screen and (min-width: 1600px) {
  .tester-2-hero {
    background-position: 265px 0;
    width: 1399px;
    height: 760px;
    background-size: 1290px;
  }
  .billboard-overlay {
    width: 905px;
    left: 460px;
    top: 182px;
  }
}
@media only screen and (min-width: 1750px) {
  .tester-2-hero {
    background-position: 265px 0;
    width: 1570px;
    height: 760px;
    background-size: 1290px;
  }
  .billboard-overlay {
    width: 905px;
    left: 460px;
    top: 182px;
  }
}
@media only screen and (min-width: 1900px) {
  .tester-2-hero {
    background-position: 315px 0;
    width: 1570px;
    height: 760px;
    background-size: 1290px;
  }
  .billboard-overlay {
    width: 905px;
    left: 511px;
    top: 182px;
  }
}
.products {
  background: #efefef;
  padding: 45px 0 0
}
@media only screen and (min-width: 767px) {
  .products {
    padding: 80px 0 0
  }
}
.product {
  margin-bottom: 95px;
}
.formats-roadside .product {
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 960px) {
  .product-information {
    width: 22%;
    margin-right: 3%;
    float: left
  }
}
.product-information h4, .product-information span {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase
}
@media only screen and (min-width: 960px) {
  .product-information h4, .product-information span {
    font-size: 24px;
    font-size: 1.5rem
  }
}
.product-information span {
  color: #6400f0
}
@media only screen and (min-width: 960px) {
  .product-information span {
    font-size: 20px;
    font-size: 1.25rem
  }
}
@media only screen and (min-width: 960px) {
  .product-information h2 {
    margin-top: .5em
  }
}
.product-information h2 span {
  color: #0cc1fc;
  text-transform: none;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 400
}
@media only screen and (min-width: 960px) {
  .product-information h2 span {
    font-size: 44px;
    font-size: 2.4rem
  }
}
.product-information p {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5
}
@media only screen and (min-width: 960px) {
  .product-information p {
    font-size: 16px;
    font-size: 1rem
  }
}
.billboard-ico, .icon {
  display: inline-block;
  background: url(../images/icons/ico-billboard.png) no-repeat;
  background-size: contain;
  width: 16px;
  height: 15px
}
@media only screen and (min-width: 767px) {
  .billboard-ico, .icon {
    width: 25px;
    height: 25px
  }
}
@media only screen and (min-width: 960px) {
  .billboard-ico, .icon {
    width: 35px;
    height: 35px
  }
}
.sim-ico {
  display: inline-block;
  background: url(../images/icons/ico-sim.png) no-repeat;
  background-size: contain;
  width: 26px;
  height: 15px
}
.print-ico {
  background: url(../images/icons/print-ico.png) no-repeat;
  width: 38px;
  height: 24px;
  background-size: contain;
}
@media only screen and (min-width: 767px) {
  .sim-ico {
    width: 45px;
    height: 25px
  }
  .print-ico {
    background: url(../images/icons/print-ico.png) no-repeat;
    width: 47px;
    height: 35px;
  }
}
@media only screen and (min-width: 960px) {
  .sim-ico {
    width: 55px;
    height: 35px
  }
}
@media only screen and (min-width: 960px) {
  .product-specs {
    width: 75%;
    margin-right: 0;
    float: left
  }
}
.product-specs_links {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 1em 0
}
@media only screen and (min-width: 960px) {
  .product-specs_links {
    width: 30%;
    margin-right: 0;
    float: left
  }
}
.product-specs_links a {
  text-decoration: none;
  color: #0cc1fc;
  border: 2px solid #0cc1fc;
  padding: 10px;
  display: inline-block;
  border-radius: 10px;
  line-height: 1;
  margin-right: .5em
}
.product-specs_links a:first-child {
  border: 2px solid #9d9b9c;
  color: #9d9b9c
}
.product-specs_links a:last-child {
  margin-right: 0
}
@media only screen and (min-width: 960px) {
  .product-specs_links a {
    font-size: 11px;
    font-size: .6875rem
  }
}
.product-specs_text p {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5;
  margin-bottom: 2em
}
@media only screen and (min-width: 960px) {
  .product-specs_text p {
    width: 70%;
    float: left
  }
}
.work-examples .box {
  float: none;
  margin-bottom: 1em;
  background: #0cc1fc;
  padding: 5px
}
.work-examples .box h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  bottom: 5px;
  max-width: none
}
.work-examples .box h5 span {
  color: #474546
}
@media only screen and (min-width: 767px) {
  .work-examples .box h5 {
    font-size: 32px;
    font-size: 2rem;
    padding: 5px
  }
}
@media (min-width: 600px) {
  .work-examples .box {
    width: 33%;
    margin-right: 2%;
    float: left;
    height: 165px
  }
}
@media only screen and (min-width: 767px) {
  .work-examples .box {
    height: 216px
  }
}
@media only screen and (min-width: 960px) {
  .work-examples .box {
    height: 217px
  }
}
.work-examples .our-work {
  height: 137px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 450px) {
  .work-examples .our-work {
    height: 212px
  }
}
@media (min-width: 600px) {
  .work-examples .our-work {
    width: 65%;
    float: left;
    height: 216px
  }
}
.work-examples .prev {
  left: 10px
}
.work-examples .next {
  right: 10px
}
.site-search {
  padding: 45px 0;
  background: white;
  margin-bottom: 5em;
}
@media only screen and (min-width: 960px) {
  .site-search {
    padding: 100px 0
  }
}
.site-search .box {
  width: 47.5%;
  float: left;
  margin: 0 5% 10px 0
}
.site-search .box:nth-of-type(2n+2) {
  margin-right: 0
}
@media (min-width: 600px) {
  .site-search .box {
    height: 250px;
    margin-bottom: 25px
  }
}
@media only screen and (min-width: 767px) {
  .site-search .box {
    height: 200px;
    margin-bottom: 5px;
    width: 49%;
    margin-right: 2%
  }
}
@media only screen and (min-width: 960px) {
  .site-search .box {
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 20px
  }
}
.site-search .location-box {
  background: url(../images/location-stencil.png) center center no-repeat #0cc1fc;
  background-size: 50%
}
.site-search .twitter-box {
  background: #9d9b9c;
  color: #fff;
  position: relative
}
.site-search .twitter-box p {
  font-size: 10px;
  font-size: .625rem;
  line-height: 1.5;
  padding-top: 1em
}
@media (min-width: 600px) {
  .site-search .twitter-box p {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 1.5em
  }
}
.site-search .twitter-box a {
  color: #fff;
  font-size: 10px;
  font-size: .625rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none
}
@media (min-width: 600px) {
  .site-search .twitter-box a {
    font-size: 14px;
    font-size: .875rem
  }
}
.site-search .twitter-box .pointer {
  width: 39px;
  height: 19px;
  background: url(../images/icons/ico-section-arrow.png) no-repeat;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -20px
}
.site-search .person-box {
  background: #9d9b9c;
  font-size: 12px;
  font-size: .75rem
}
@media (min-width: 600px) {
  .site-search .person-box {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.3
  }
}
@media only screen and (min-width: 767px) {
  .site-search .person-box {
    font-size: 16px;
    font-size: 1rem
  }
}
@media only screen and (min-width: 960px) {
  .site-search .person-box {
    font-size: 19px;
    font-size: 1.1875rem
  }
}
.site-search .person-box p {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-transform: capitalize;
  line-height: 1.5
}
.site-search .person-box span {
  color: #fff;
  line-height: 1.5;
  display: inline-block;
  text-transform: capitalize
}
@media only screen and (min-width: 767px) {
  .site-search .person-box span {
    font-size: 14px;
    font-size: .875rem
  }
}
.site-search .campaign-box {
  background: #0cc1fc;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase
}
.site-search .campaign-box span {
  color: #474546
}
@media (min-width: 600px) {
  .site-search .campaign-box h5 {
    font-size: 31px;
    font-size: 1.9375rem;
    line-height: 1.3
  }
}
@media only screen and (min-width: 767px) {
  .site-search .campaign-box h5 {
    font-size: 25px;
    font-size: 1.5625rem
  }
}
@media only screen and (min-width: 960px) {
  .site-search .campaign-box h5 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.1
  }
}
.site-search-map {
  width: 100%;
  height: 300px;
}
.site-search-map img {
  width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  .site-search-map {
    height: 550px
  }
  .site-search-map img {
    height: 550px
  }
}
@media only screen and (min-width: 767px) {
  .site-search-map {
    margin-right: 0;
    width: 48%;
    height: 405px;
    float: right;
  }
  .site-search-map img {
    height: 405px
  }
}
@media only screen and (min-width: 960px) {
  .site-search-map {
    width: 49%;
    margin-right: 0;
    height: 420px
  }
  .site-search-map img {
    height: 420px
  }
}
@media only screen and (min-width: 767px) {
  .site-search .boxes {
    width: 51%;
    float: left;
    margin-right: 1%
  }
}
@media only screen and (min-width: 960px) {
  .site-search .boxes {
    width: 49%;
    margin-right: 2%
  }
}
.product-list {
  display: none;
  background: white;
}
@media only screen and (min-width: 960px) {
  .product-list {
    display: block;
    position: relative;
    padding: 0 0 60px
  }
}
.product-list a {
  display: block;
  text-align: center;
  float: left;
  width: 10%;
  text-decoration: none;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 12px;
  font-size: .75rem;
  color: #B7B8B8;
  overflow: visible;
  position: relative;
  margin-top: 60px
}
.product-list a:nth-last-child(2) {
  margin-left: 10%;
}

/*.product-list .pricing {
  display: none;
}*/

.product-list a:hover, a.active {
  color: #26baf1
}
a.active span {
  width: 39px;
  height: 19px;
  display: block;
  background: url(../images/icons/ico-section-arrow-grey.png) no-repeat;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  top: -60px
}
.product-list a i {
  display: block;
  margin-left: auto;
  margin-bottom: 10px;
  margin-right: auto;
  height: 45px
}
.roadside i {
  width: 53px;
  background: url(../images/icons/ico-roadside.svg) center center no-repeat
}
.roadside.active i, .roadside:hover i {
  background: url(../images/icons/ico-roadside-blue.svg) center center no-repeat
}
.transit i {
  width: 30px;
  background: url(../images/icons/ico-transit.svg) center center no-repeat
}
.transit:hover i, .transit.active i {
  background: url(../images/icons/ico-transit-blue.svg) center center no-repeat
}
.airport i {
  width: 30px;
  background: url(../images/icons/ico-airport.svg) center center no-repeat
}
.airport:hover i, .airport.active i, .airport-format {
  background: url(../images/icons/ico-airport-blue.svg) center center no-repeat
}
.bus-sheter-ads i {
  width: 40px;
  background: url(../images/icons/ico-shelter.svg) center center no-repeat
}
.bus-sheter-ads:hover i, .bus-sheter-ads.active i, .bus-shelter {
  background: url(../images/icons/ico-shelter-blue.svg) center center no-repeat
}
.bus i {
  width: 40px;
  background: url(../images/icons/ico-transit.svg) center center no-repeat
}
.bus:hover i, .bus.active i, .bus-format {
  background: url(../images/icons/ico-transit-blue.svg) center center no-repeat
}
.digital i {
  width: 53px;
  background: url(../images/icons/ico-digital.svg) center center no-repeat
}
.digital:hover i, .digital.active i, .digital-format {
  background: url(../images/icons/ico-digital-blue.svg) center center no-repeat
}
.rail i, .train-station-advertising i {
  width: 45px;
  background: url(../images/icons/ico-rail.svg) center center no-repeat
}
.rail:hover i, .rail.active i, .rail-format, .train-station-advertising:hover i, .train-station-advertising.active i {
  background: url(../images/icons/ico-rail-blue.svg) center center no-repeat
}
.retail-shoppalite-advertising i {
  width: 45px;
  background: url(../images/icons/ico-retail.svg) center center no-repeat
}
.retail-shoppalite-advertising:hover i, .retail-shoppalite-advertising.active i, .retail {
  background: url(../images/icons/ico-retail-blue.svg) center center no-repeat
}
.print i, .printing i {
  width: 45px;
  background: url(../images/icons/ico-print-pro.svg) center center no-repeat
}
.print:hover i, .print.active i, .printing:hover i, .printing.active i, i.printing {
  background: url(../images/icons/ico-print-pro-blue.svg) center center no-repeat
}
.scooter-advertising i {
  width: 45px;
  background: url(../images/icons/ico-scooter.svg) center center no-repeat
}
.scooter-advertising:hover i, .scooter-advertising.active i, .scooter {
  background: url(../images/icons/ico-scooter-blue.svg) center center no-repeat
}
.hoarding i {
  width: 45px;
  background: url(../images/icons/ico-hoarding.svg) center center no-repeat
}
.hoarding:hover i, .hoarding.active i, .hoarding-format {
  background: url(../images/icons/ico-hoarding-blue.svg) center center no-repeat
}
.formats {
  padding: 0 10px;
  margin-top: -100px;
  background: #FFF;
}
.product-list .scooter-advertising {
  display: none;
}
@media only screen and (min-width: 960px) {
  .formats {
    width: -120px
  }
}
.formats .content-area {
  background: #fff;
  position: relative;
  z-index: 150;
}
@media only screen and (min-width: 767px) {
  .formats .content-area {
    padding: 0 20px
  }
}
.formats .share {
  background: #fff;
  position: absolute;
  text-transform: capitalize;
  top: -50px;
  left: 0;
  height: 50px;
  width: 175px;
  padding: 10px
}
@media only screen and (min-width: 960px) {
  .formats .share {
    width: 240px;
    padding-left: 20px
  }
}
.formats .share p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  float: left;
  margin-right: 1em
}
@media only screen and (min-width: 960px) {
  .formats .share p {
    margin-right: 2em
  }
}
.formats .share a {
  float: left
}
.formats .share .email {
  width: 25px;
  height: 20px;
  padding-right: 5px
}
@media only screen and (min-width: 960px) {
  .formats .share .email {
    width: 40px;
    height: 30px;
    padding-right: 10px
  }
}
.formats .share .email i {
  display: inline-block;
  background: url(../images/icons/ico-mail.svg) center center no-repeat;
  width: 100%;
  height: 100%;
  margin-top: 5px
}
@media only screen and (min-width: 960px) {
  .formats .share .email i {
    margin: 0
  }
}
.formats .share .facebook {
  width: 26px;
  height: 28px;
  padding-right: 5px;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef;
  padding-left: 5px
}
@media only screen and (min-width: 960px) {
  .formats .share .facebook {
    width: 40px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px
  }
}
.formats .share .facebook i {
  display: inline-block;
  background: url(../images/icons/ico-fb-blue.svg) center center no-repeat;
  height: 100%;
  width: 100%
}
@media only screen and (min-width: 960px) {
  .formats .share .facebook i {
    margin: 0
  }
}
.formats .share .print {
  width: 23px;
  height: 17px;
  padding-left: 5px
}
@media only screen and (min-width: 960px) {
  .formats .share .print {
    width: 30px;
    height: 30px;
    padding-left: 10px
  }
}
.formats .share .print i {
  display: inline-block;
  background: url(../images/icons/ico-print.svg) center center no-repeat;
  height: 100%;
  width: 100%;
  margin-top: 6px
}
@media only screen and (min-width: 960px) {
  .formats .share .print i {
    margin: 0
  }
}
.format-billboard {
  background: #efefef;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 767px) {
  .format-billboard {
    width: 32%;
    margin-right: 2%;
    float: left;
    max-width: none
  }
  .format-billboard:last-child {
    margin-right: 0
  }
}
.format-billboard_text {
  padding: 20px 15px;
  font-size: 14px;
  font-size: .875rem
}
.format-billboard_text h4 {
  color: #0cc1fc;
  text-transform: capitalize;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700
}
.billboard-text_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  text-align: center;
  padding-top: 10px;
  opacity: 0;
  transition: all 0.3s;
}
.billboard-text_overlay span {
  margin-bottom: 20px;
  font-size: 12px;
  font-size: .75rem;
  display: inline-block
}
.billboard-text_overlay p {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0 40px;
  margin-bottom: 20px;
}
@media screen and (min-width: 767px) and (max-width: 959px) {
  .billboard-text_overlay p {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0 10px;
  }
  .billboard-text_overlay {
    height: 175px;
  }
  .billboard-text_overlay span {
    margin-bottom: 10px;
  }
}
.billboard-text_overlay a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #0cc1fc;
  text-decoration: none
}
.billboard-text_overlay ._bar {
  overflow: hidden;
  margin: 40px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  display: none;
  background: #666;
}
.billboard-text_overlay ._bar span {
  overflow: hidden;
  display: block;
  background: #0cc1fc;
  width: 0%;
  height: 15px;
  margin: 0;
}
.format-billboard.active .billboard-text_overlay {
  opacity: 1;
}

/*
@media only screen and (min-width: 960px) {
    .format-billboard:hover .billboard-text_overlay {
        opacity: 1;
    }
}*/

.news-hero {
  background: url(../images/banner-news.jpg) center top no-repeat;
  background-size: cover;
  position: relative
}
.news-hero .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}
.news-hero h1 {
  color: #0cc1fc;
  font-size: 44px;
  font-size: 2.75rem;
  margin-top: 2em
}
.news-hero h1 span {
  color: #efefef
}
@media only screen and (min-width: 767px) {
  .news-hero h1 {
    font-size: 54px;
    font-size: 3.375rem;
    margin-top: 1.5em
  }
}
@media only screen and (min-width: 960px) {
  .news-hero h1 {
    font-size: 100px;
    font-size: 5.25rem;
    margin-top: 1.5em
  }
}
.news-ico {
  display: inline-block;
  background: url(../images/icons/ico-news.png) no-repeat;
  background-size: contain;
  width: 15px;
  height: 24px
}
@media only screen and (min-width: 767px) {
  .news-ico {
    width: 30px;
    height: 40px;
    padding-top: 10px
  }
}
@media only screen and (min-width: 960px) {
  .news-ico {
    width: 35px;
    height: 45px
  }
}
.news-articles {
  background: #efefef;
  padding: 45px 0
}
@media only screen and (min-width: 960px) {
  .news-articles {
    padding: 60px 0
  }
  .news-articles .content-area {
    padding: 0 18px
  }
}
.news-articles .twitter-post {
  background: #fff;
  margin: 0
}
@media only screen and (min-width: 960px) {
  .news-articles .twitter-post {
    font-size: 14px;
    font-size: .875rem;
    padding: 20px
  }
  .news-articles .twitter-post a {
    font-size: 14px;
    font-size: .875rem
  }
}
.news-articles .twitter-image-post {
  display: block
}
.news-articles .twitter-image-post a, .news-articles .twitter-image-post p {
  margin: 0
}
@media only screen and (min-width: 960px) {
  .news-articles .twitter-image-post a, .news-articles .twitter-image-post p {
    font-size: 16px;
    font-size: 1rem
  }
}
.news-articles h3 {
  color: #474546;
  margin-top: 1.5em;
  font-size: 16px;
  font-size: 1rem
}
.news-articles span {
  font-size: 13px;
  font-size: .8125rem
}
@media only screen and (min-width: 960px) {
  .news-articles span {
    margin-top: .5em;
    display: inline-block
  }
}
.news-articles p {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5
}
@media only screen and (min-width: 960px) {
  .news-articles p {
    font-size: 14px;
    font-size: .875rem;
    margin-top: .5em
  }
}
.news-article {
  background: #f4f4f4
}
.news-article.__fb img {
  margin-bottom: 10px;
}
.news-article a {
  color: #0cc1fc;
  font-size: 14px;
  font-size: .875rem;
  text-decoration: none;
  padding: 20px;
  display: inline-block;
  width: 100%;
  background: url(../images/icons/ico-arrow-blue.svg) 95% center no-repeat #fff;
  background-size: 18px 15px;
  margin-top: 20px
}
@media only screen and (min-width: 960px) {
  .news-article a {
    font-size: 16px;
    font-size: 1rem
  }
}
.news-article_text {
  padding: 0 20px;
  word-wrap: break-word;
}
.item {
  width: 93%;
  margin-bottom: 20px
}
@media (min-width: 600px) {
  .item {
    width: 43%;
    float: left;
    /*margin-right: 3%*/
  }
  .item:nth-of-type(2n+2) {
    margin-right: 0
  }
}
@media only screen and (min-width: 767px) {
  .item {
    width: 42%
  }
}
@media only screen and (min-width: 960px) {
  .item {
    width: 30%;
    /*margin-right: 2%*/
  }
  .item:nth-of-type(2n+2) {
    /*margin-right: 2%*/
  }
  /*.item:nth-of-type(3n+3) {
        margin-right: 0
    }*/
}
.social-article {
  margin-bottom: 1em
}
.social-article span {
  margin: 0;
}
@media only screen and (min-width: 960px) {
  .social-article {
    margin-bottom: 2em
  }
}
.article-hero {
  background: url(../images/banner-article.jpg) center top no-repeat;
  background-size: cover
}
article {
  padding: 60px 0
}
@media only screen and (min-width: 960px) {
  article {
    padding: 150px 0 60px
  }
}
article span {
  margin-bottom: 1em;
  display: inline-block
}
article p {
  margin-bottom: 2em;
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.5;
  max-width: 670px
}
@media only screen and (min-width: 960px) {
  article p {
    font-size: 18px;
    font-size: 1.125rem
  }
}
article img {
  margin-bottom: 2em;
  max-width: 830px
}
@media only screen and (min-width: 960px) {
  article img {
    margin-bottom: 4em
  }
}
article h4 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #0cc1fc;
  margin-bottom: 1em
}
@media only screen and (min-width: 960px) {
  article h4 {
    font-size: 18px;
    font-size: 1.125rem
  }
}
.finder-map {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #efefef
}
.finder-container {
  width: 100%;
  padding: 20px 0 0
}
.finder-buttons {
  position: fixed;
  top: 70px;
  left: 10px
}
@media only screen and (min-width: 767px) {
  .finder-buttons {
    top: 80px
  }
}
@media only screen and (min-width: 960px) {
  .finder-buttons {
    top: 100px
  }
}
.finder-search_button, .shortlist-button, .site-type_button {
  width: 40px;
  height: 40px;
  display: block;
  background: #fff;
  border: 1px solid #9d9b9c;
  cursor: pointer;
  margin-bottom: 10px;
  float: left;
  margin-right: 5px
}
.finder-search_button i, .shortlist-button i, .site-type_button i {
  display: inline-block;
  background: url(../images/icons/ico-search-mob.png) center center no-repeat;
  width: 38px;
  height: 38px
}
@media only screen and (min-width: 767px) {
  .finder-search_button, .shortlist-button, .site-type_button {
    margin-right: 10px
  }
}
@media only screen and (min-width: 1200px) {
  .finder-search_button, .shortlist-button, .site-type_button {
    display: none
  }
}
.site-type_button i {
  background: url(../images/icons/ico-location-pointer.png) center center no-repeat
}
.shortlist-button {
  position: fixed;
  right: 10px;
  top: 70px;
  border: 0;
  background: #0cc1fc;
  margin: 0
}
.shortlist-button span {
  display: none
}
@media only screen and (min-width: 1200px) {
  .shortlist-button span {
    display: inline-block;
    line-height: 50px;
    color: #fff;
    float: left;
    margin-left: 10px
  }
}
.shortlist-button span span {
  float: right;
  margin-left: 5px
}
.shortlist-button i {
  display: inline-block;
  background: url(../images/icons/ico-shortlist.png) center center no-repeat;
  width: 40px;
  height: 40px
}
@media only screen and (min-width: 1200px) {
  .shortlist-button i {
    float: right;
    margin-right: 10px;
    height: 50px
  }
}
@media only screen and (min-width: 767px) {
  .shortlist-button {
    top: 80px
  }
}
@media only screen and (min-width: 960px) {
  .shortlist-button {
    top: 100px
  }
}
@media only screen and (min-width: 1200px) {
  .shortlist-button {
    display: block;
    position: fixed;
    right: 25px;
    top: 100px;
    width: 205px;
    height: 50px;
    font-size: 14px;
    font-size: .875rem
  }
}
.finder-search_box {
  width: 100%;
  margin: 60px auto 0;
  background: #fff;
  display: none;
  position: absolute;
  max-width: 250px;
  left:10px;
  /*z-index: 999;*/
}
@media only screen and (min-width: 1200px) {
  .finder-search_box {
    margin: 0px auto 0;
    display: block;
    position: fixed;
    left: 25px
  }
}
.tabs a {
  text-transform: uppercase;
  text-decoration: none;
  background: #0cc1fc;
  color: #fff;
  width: 50%;
  display: block;
  float: left;
  text-align: center;
  line-height: 40px;
  height: 40px;
  border: 1px solid #9d9b9c;
  outline: 0;
  font-size: 12px;
  font-size: .75rem
}
@media only screen and (min-width: 1200px) {
  .tabs a {
    height: 50px;
    line-height: 50px
  }
}
.tabs .ui-state-default a {
  cursor: pointer
}
.tabs .ui-state-active a {
  background: #fff;
  color: #9d9b9c;
  border-bottom: none;
  cursor: text
}
.search-box_advanced, .search-box_basic {
  padding: 20px 20px 0;
  border: 1px solid #9d9b9c;
  border-top: 0
}
.search-box_advanced li, .search-box_basic li {
  margin-bottom: 10px
}
.search-box_advanced li:last-child, .search-box_basic li:last-child {
  margin-bottom: 0
}
.search-box_advanced input[type=text], .search-box_advanced select, .search-box_basic input[type=text], .search-box_basic select {
  width: 100%;
  padding: 5px 10px
}
#_vendorsearch select {
  text-transform: capitalize;
  background: #efefef;
  border: 0;
  margin-bottom: 10px;
  width:100%;
}
#_vendorsearch ul {
  max-height: 200px;
  overflow-y: scroll;
}  

#_vendorsearch label {
  border-bottom:none;
}
#tabscategory .tabs a {
  width: 33.33%;
  text-align: center;
  border-left: 1px solid #9d9b9c;
}
#tabscategory .tabs li:first-child a {
  border-left:none;
}
.site-type_fields #tab-3 {
  display: inline-block;
  background: #fff;
  width: 100%;
}    
.search-box_advanced select, .search-box_basic select {
  text-transform: capitalize;
  background: #efefef;
  border: 0
}
.search-box_advanced button, .search-box_basic button, #_vendorsearch button, #_sizesearch button, #_typesearch button, #site-type button {
  color: #fff;
  display: block;
  border: none;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  background: url(../images/icons/ico-arrow.svg) right 5px center no-repeat #0cc1fc;
  background-size: 30px 15px;
  padding: 13px 10px;
  border-radius: 10px;
  text-align: left;
  width: 100%;
  float: left
}
#_typesearch .billboards-type span {
  margin-left: 2px;
  font-size: 12px;
}
#_vendorsearch button, #_sizesearch button, #_typesearch button, #site-type button {
  margin: 10px 20px;
  width: calc(100% - 40px) !important;
}
.search-box_advanced input[type=reset], .search-box_basic input[type=reset] {
  background: 0 0;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-transform: capitalize;
  float: right;
  padding: 0;
  font-size: 12px;
  font-size: .75rem
}
.search-box_advanced .surrounding-areas, .search-box_basic .surrounding-areas {
  font-size: 11px;
  font-size: .6875rem;
  margin-left: 10px;
  vertical-align: top
}
.search-box_advanced .range, .search-box_basic .range {
  font-size: 11px;
  font-size: .6875rem
}
.search-box_advanced .range input, .search-box_basic .range input {
  width: 100%;
  padding: 0
}
.search-box_advanced .range span, .search-box_basic .range span {
  display: inline-block;
  /*margin-top: -10px*/
}
.search-box_advanced .range .min, .search-box_basic .range .min {
  text-align: left;
  float: left
}
.search-box_advanced .range .max, .search-box_basic .range .max {
  text-align: right;
  float: right
}
.search-box_advanced button {
  padding: 5px 10px
}
@media only screen and (min-width: 1200px) {
  .search-box_advanced button {
    padding: 13px 10px
  }
}
.site-type_fields {
  background: #fff;
  max-width: 205px;
  width: 205px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #9d9b9c;
  border: 1px solid #9d9b9c;
  display: none;
  position: absolute;
  margin-top: 60px;
  font-size: 90%;
  left:10px;
}
.site-type_fields .tabs a {
  border:none;
}
@media only screen and (min-width: 1200px) {
  .site-type_fields {
    display: block;
    left: 25px;
    position: fixed;
    width: 250px;
    max-width: none;
    top: 507px;
    margin-top: 0px;
  }
}
.site-type_fields ul {
  margin: 0
}
.site-type_fields span {
  margin-left: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.site-type_fields label {
  /*padding: 12px 22px;*/
  padding: 7px 22px;
  display: block;
  cursor: pointer;
  /*border-bottom: 1px solid #9d9b9c;*/
  position: relative
}
.site-type_fields label i {
  background: url(../images/icons/ico-locations.png) no-repeat;
  display: block;
  position: absolute;
  width: 15px;
  height: 23px;
  background-size: cover;
  right: 22px;
  /*top: 12px;*/
  top: 9px;
}
.site-type_fields .digital-location i {
  background-position: 0 -36px
}
.site-type_fields .transit-location i {
  background-position: 0 -73px
}
.site-type_fields .rail-location i {
  background-position: 0 -109px
}
.site-type_fields .airport-location {
  /*border-bottom: 0*/
}
.site-type_fields .airport-location i {
  background-position: 0 -146px
}
.site-type_fields .retail-location {
  border-bottom: 0;
}
.site-type_fields .retail-location i {
  background-position: 0 -184px;
}
.action-menu {
  background: #474546;
  position: fixed;
  bottom: -170px;
  width: 100%;
  font-size: 14px;
  /*z-index: 999;*/
  font-size: .875rem
}
@media only screen and (min-width: 1200px) {
  .action-menu {
    bottom: auto;
    width: 205px;
    right: 25px;
    top: 150px
  }
}
.action-menu ul {
  margin: 0
}
.action-menu a {
  color: #fff;
  text-decoration: none;
  padding: 15px 25px;
  display: block;
  border-bottom: 1px solid #9d9b9c
}
@media only screen and (min-width: 1200px) {
  .action-menu a {
    padding: 15px 10px
  }
}
.action-menu a i {
  display: block;
  width: 18px;
  height: 15px;
  float: right;
  margin-top: 3px
}
@media only screen and (min-width: 1200px) {
  .action-menu a i {
    margin-right: 10px
  }
}
.action-menu_button {
  width: 100%;
  display: block;
  background: url(../images/icons/ico-arrow-up.png) center center no-repeat #474546;
  height: 25px
}
@media only screen and (min-width: 1200px) {
  .action-menu_button {
    display: none
  }
}
.request-proposal i {
  background: url(../images/icons/ico-mail-proposal.png) no-repeat
}
.saved-campaigns i {
  background: url(../images/icons/ico-saved-campaigns.png) no-repeat
}
.view-calendar i {
  background: url(../images/icons/ico-view-calendar.png) no-repeat
}
.geo-demo i {
  background: url(../images/icons/ico-geo-demo.png) no-repeat;
  background-size: 18px 18px;
}
.help-box {
  width: 205px;
  height: 205px;
  background: url(../images/location-stencil.png) center center no-repeat #0cc1fc;
  position: fixed;
  right: 25px;
  text-decoration: none;
  text-transform: uppercase;
  display: none
}
@media only screen and (min-width: 1200px) {
  .help-box {
    display: block;
    top: 332px;
  }
}
.help-box span {
  color: #fff;
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 12px;
  font-size: .75rem
}
.location-popup {
  background: #efefef;
  width: 200px;
  /*position: absolute;*/
  top: 100px;
  left: 50px;
  /*display: none*/
}
@media only screen and (min-width: 1200px) {
  .location-popup {
    /*display: none;*/
    left: 30%;
    width: 560px
  }
}
.location-popup .pointer {
  width: 9px;
  height: 8px;
  position: absolute;
  display: block;
  background: url(../images/icons/ico-location-arrow.png);
  bottom: -8px;
  left: 50%;
  margin-left: -4.5px
}
.location-popup .popup-topbar .close {
  display: none
}
@media only screen and (min-width: 1200px) {
  .location-popup .popup-topbar .close {
    display: block
  }
}
.popup-topbar {
  background: #0cc1fc;
  font-size: 11px;
  font-size: .6875rem;
  padding: 0 10px;
  height: 35px;
  line-height: 35px
}
@media only screen and (min-width: 1200px) {
  .popup-topbar {
    height: 50px;
    line-height: 50px;
    padding: 0 20px
  }
}
.popup-topbar a {
  color: #fff;
  text-decoration: none;
  display: block;
  float: left;
  height: 50px;
  margin-right: 10px
}
.popup-topbar a i {
  width: 15px;
  height: 23px;
  margin-top: 6px;
  display: inline-block
}
.popup-topbar .share i {
  background: url(../images/icons/ico-share-small-white.png) center center no-repeat
}
.popup-topbar .calendar i {
  background: url(../images/icons/ico-save-small-white.png) center center no-repeat
}
.popup-topbar .shortlist i {
  background: url(../images/icons/ico-shortlist.png) center center no-repeat;
  background-size: contain;
  float: left
}
.popup-topbar .shortlist span {
  float: left;
  margin-left: 10px
}
@media only screen and (min-width: 1200px) {
  .location-information {
    width: 400px;
    float: left;
  }
}
.location-popup_information {
  padding: 20px;
  font-size: 11px;
  font-size: .6875rem
}
@media only screen and (min-width: 1200px) {
  .location-popup_information {
    font-size: 13px;
    font-size: .8125rem;
    padding: 0;
    height: 405px
  }
}
.location-popup_information td {
  display: block
}
@media only screen and (min-width: 1200px) {
  .location-popup_information td {
    width: 50%;
    float: left;
    padding-bottom: 6px;
    text-align: right
  }
}
.location-popup_information tr td:first-child {
  display: none
}
@media only screen and (min-width: 1200px) {
  .location-popup_information tr td:first-child {
    text-align: left;
    display: block
  }
}
.location-popup_information table {
  width: 100%
}
.location-popup_information table:first-child tr:first-child td {
  display: block
}

/*.location-popup_information table:last-child td {
  border-bottom: 1px solid #9d9b9c
}
.location-popup_information table:last-child tr:last-child td {
  border-bottom: 0
}*/

.location-popup_information .state, .location-popup_information .suburb {
  display: none;
}
.location-popup_information .location-img {
  display: block;
}
.location-popup_information .location-img img {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  width: calc(100% + 40px);
}
.location-popup_information .long-lat {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 1200px) {
  .location-popup_information .location-img {
    display: block;
    width: 100%;
    position: relative;
  }
  .location-popup_information .location-img img {
    margin-left: 1px;
    margin-right: 0px;
    margin-top: 0px;
    width: 100%;
    height: 200px;
  }
  .location-popup_information .long-lat {
    margin-left: 1px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  .location-popup_information .state, .location-popup_information .suburb {
    display: block
  }
  .site-info-table {
    padding: 15px 30px 0;
  }
  .site-info-table table {
    border-bottom: 1px solid #d5d5d5;
  }
}
.location-popup_information .long-lat {
  background: rgba(71, 69, 70, .7);
  display: inline-block;
  color: #fff;
  line-height: 1;
  padding: 5px 10px
}
@media only screen and (min-width: 1200px) {
  .location-popup_information .long-lat {
    position: absolute;
    bottom: 0;
    right: 0
  }
}
.location-statistics {
  display: none
}
@media only screen and (min-width: 1200px) {
  .location-statistics {
    display: block;
    width: 158px;
    float: right;
    background: #fff;
    position: relative;
    height: 100%
  }
}
.location-statistics figure {
  font-size: 9px;
  font-size: .5625rem;
  line-height: 1.5
}
.location-statistics figure img {
  float: left;
  margin-right: 5px
}
.location-statistics figure figcaption {
  float: left;
  width: 60px
}
.location-statistics .stat-1 {
  margin-bottom: 25px
}
.location-statistics .stat-1 span {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #9d9b9c
}
.location-statistics .stat-2 {
  margin-bottom: 15px
}
.location-statistics .stat-2 span {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #9d9b9c
}
.location-statistics a {
  width: 100%;
  height: 80px;
  display: block;
  text-align: center;
  padding: 40px 20px 20px;
  line-height: 1.3;
  color: #fff;
  text-decoration: none;
  border: 5px solid white;
  position: absolute;
  bottom: 0;
  background: url(../images/icons/ico-shortlist.png) top 15px center no-repeat #0cc1fc;
}
.location-statistics p {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 75px;
  line-height: 1.5;
  max-width: 148px;
}z
button.alert {
  border: 0;
  background: #3c9ccd;
  color: white;
  border-radius: 2px;
  width: 130px;
  display: block;
  margin: 0 auto;
  text-align: center;
}
button.alert {
  background-image: url('../images/icons/bell-icon.png');
  -webkit-background-size: 13px;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 5px 7px !important;
  padding-left: 20px;
}
.shortlist-popup {
  background: #fff;
  width: 90%;
  margin: 50px auto 0;
  display: none
}
@media only screen and (min-width: 1200px) {
  .shortlist-popup {
    max-width: 1100px;
    display: none
  }
}
.shortlist-popup_buttons {
  padding: 0 20px 20px
}
.shortlist-popup_list {
  padding: 20px 20px 0;
  overflow: hidden
}
.shortlist-popup_list table {
  background: #efefef;
  color: #474546;
  font-size: 10px;
  font-size: .625rem;
  border: 1px solid #fff;
  text-transform: capitalize;
  width: 100%;
}
.shortlist-popup_list .messages-container {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) {
  .shortlist-popup_list table {
    font-size: 13px;
    font-size: .8125rem
  }
}
@media only screen and (min-width: 1200px) {
  .shortlist-popup_list table {
    width: 100%
  }
}
.shortlist-popup_list th {
  white-space: nowrap;
  padding: 5px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #9d9b9c;
  text-align: left
}
.shortlist-popup_list th:first-child {
  background: #fff
}
.shortlist-popup_list td {
  border: 1px solid #fff;
  width: auto;
  /*white-space: nowrap;*/
  padding: 5px;
  line-height: 16px;
}
.shortlist-popup_list td:first-child {
  background: #fff
}
.shortlist-popup_list td a {
  display: block;
  width: 14px;
  height: 15px;
  background: url(../images/icons/remove-small-blue.png) no-repeat
}
.popup-list_table {
  overflow: auto;
  max-height: 400px;
}
@media only screen and (min-width: 1200px) {
  .popup-list_table {
    overflow: auto;
  }
}
.popup-topbar {
  position: relative
}
.popup-topbar h3 {
  color: #fff
}
.location-statistics .close, .popup-topbar .close {
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  border: 0;
  padding: 0;
  line-height: 0;
  background-image: none;
}
@media only screen and (min-width: 1200px) {
  .location-statistics .close {
    width: 45px;
    height: 45px
  }
  .popup-topbar .close {
    width: 50px;
    height: 50px;
  }
}
.location-statistics .close i, .popup-topbar .close i {
  width: 45px;
  height: 45px;
  display: block;
  margin: 0;
  background: url(../images/icons/close.svg) center center no-repeat #2ccafd;
  background-size: 15px 15px
}
@media only screen and (min-width: 1200px) {
  .popup-topbar .close i {
    width: 50px;
    height: 50px
  }
}
@media only screen and (max-width: 1199px) {
  .popup-topbar .close i {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .shortlist-popup_buttons ul {
    float: right;
    width: 85%;
    margin: 25px 0 0
  }
}
.shortlist-popup_buttons a {
  text-decoration: none;
  font-size: 10px;
  font-size: .625rem;
  float: left;
  width: 50%;
  color: #303030;
  display: block;
  vertical-align: top
}
.shortlist-popup_buttons a i {
  width: 20px;
  height: 18px;
  display: inline-block;
  margin-right: 3px;
  margin-top: 2px
}
@media only screen and (min-width: 1200px) {
  .shortlist-popup_buttons a {
    width: auto;
    margin-left: 34px;
    font-size: 13px;
    font-size: .8125rem
  }
}
.shortlist-popup_buttons .proposal-ico {
  background: url(../images/icons/ico-prop.png) no-repeat
}
.shortlist-popup_buttons .save-ico {
  background: url(../images/icons/ico-save.png) no-repeat
}
.shortlist-popup_buttons .share-ico {
  background: url(../images/icons/share-small-ico.png) no-repeat;
  background-position: 0 2px;
}
.shortlist-popup_buttons .map-ico {
  background: url(../images/icons/ico-map.png) no-repeat
}
.shortlist-popup_buttons .remove-ico {
  background: url(../images/icons/ico-remove.png) no-repeat
}
.save-popup {
  background: #474546;
  padding: 20px;
  width: 100%;
  max-width: 225px;
  margin: 75px auto 0;
  display: none
}
@media only screen and (min-width: 1200px) {
  .save-popup {
    display: none;
    max-width: 515px;
    padding: 30px 20px
  }
}
.save-popup h3 {
  color: #fff
}
.save-popup input {
  width: 100%;
  background: #9d9b9c;
  margin-top: 15px;
  padding: 10px
}
.save-popup button {
  background: #0cc1fc;
  color: #fff;
  display: block;
  border: none;
  width: 100%;
  max-width: 100px;
  font-size: 10px;
  font-size: .625rem;
  padding: 5px;
  border-radius: 5px;
  margin-top: 15px;
  float: left;
}
.save-popup ._cancel {
  color: #fff;
  float: left;
  font-size: 12px;
  margin: 20px 0 0 10px;
  text-decoration: none;
}
@media only screen and (min-width: 1200px) {
  .save-popup button {
    font-size: 13px;
    font-size: .8125rem;
    max-width: 130px
  }
}
.planner-popup {
  background: #fff;
  max-width: 277px;
  margin: 0 auto;
  display: none;
  position: absolute;
  z-index: 15;
  left: 50%;
}
@media only screen and (min-width: 1200px) {
  .planner-popup {
    display: none;
    width: 420px;
    max-width: 420px
  }
}
.login, .register {
  border: 1px solid #9d9b9c;
  border-top: 0;
  padding: 20px
}
.login h4, .register h4 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #171717;
  font-size: 12px;
  font-size: .75rem
}
@media only screen and (min-width: 1200px) {
  .login h4, .register h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1.5em
  }
}
.login input, .register input {
  width: 100%;
  padding: 5px 10px
}
.register input[name="jform[areacode]"] {
  width:26%;
  margin-right: 1%;
  float:left;
}
.register input[name="jform[phone]"] {
  width:73%;
}
@media only screen and (min-width: 1200px) {
  .login input, .register input {
    padding: 10px 15px
  }
}
.login button, .register button {
  background: #0cc1fc;
  color: #fff;
  display: block;
  border: none;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  text-transform: capitalize;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 700
}
.login ul, .register ul {
  margin: 0
}
.login li, .register li {
  margin-top: 10px
}
.login a, .register a {
  text-decoration: none;
  font-size: 10px;
  font-size: .625rem;
  color: #0cc1fc
}
.login a:last-child, .register a:last-child {
  color: #474546
}
@media only screen and (min-width: 1200px) {
  .login a, .register a {
    font-size: 13px;
    font-size: .8125rem
  }
}
.saved-campaign-popup, #geo-demo-popup {
  background: #fff;
  margin: 0 auto;
  display: none
}
@media only screen and (min-width: 1200px) {
  .saved-campaign-popup, #geo-demo-popup {
    display: none;
    max-width: 650px
  }
}
@media only screen and (min-width: 480px) {
  .campaign-popup_table {
    min-width: 400px;
    max-height: 400px;
  }
}
.campaign-popup_table {
  padding: 20px;
  max-height: 400px;
  overflow: auto;
}
@media only screen and (max-width: 480px) {
  .campaign-popup_table {
    max-height: 250px;
  }
}
.campaign {
  border-top: 1px solid #efefef;
  padding: 15px 0
}
@media only screen and (min-width: 1200px) {
  .campaign {
    padding: 10px 0
  }
}
.campaign span {
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 1;
  margin-bottom: 10px
}
@media only screen and (min-width: 1200px) {
  .campaign span {
    float: left;
    margin-bottom: 0;
    font-size: 13px;
    font-size: .8125rem
  }
}
@media only screen and (min-width: 1200px) {
  .campaign .campaign-links {
    float: right;
    margin-left: 20px;
  }
}
.campaign a {
  color: #0cc1fc;
  font-size: 11px;
  font-size: .6875rem;
  text-decoration: none;
  text-transform: capitalize;
  line-height: 1;
  margin-right: 15px
}
@media only screen and (min-width: 1200px) {
  .campaign a {
    float: left;
    margin-bottom: 0;
    font-size: 13px;
    font-size: .8125rem;
    margin-right: 20px
  }
}
.campaign a i {
  width: 15px;
  height: 14px;
  display: inline-block
}
@media only screen and (min-width: 1200px) {
  .campaign a i {
    margin-right: 5px
  }
}
.campaign .share-small {
  background: url(../images/icons/share-small.jpg) no-repeat;
  background-size: contain;
}
.campaign .prop-small {
  background: url(../images/icons/ico-mail-proposal-dark.png) no-repeat;
  background-size: contain;
}
.campaign .edit-small {
  background: url(../images/icons/edit-small.jpg) no-repeat
}
.campaign .remove-small {
  background: url(../images/icons/remove-small.png) no-repeat
}
.campaign:last-child {
  border-bottom: 1px solid #efefef
}
.campaign::after, .campaign::before, .clear::after, .clear::before, .clients .boxes::after, .clients .boxes::before, .clients .our-media::after, .clients .our-media::before, .clients .the-best::after, .clients .the-best::before, .contact-hero .contact-buttons::after, .contact-hero .contact-buttons::before, .contact-hero .hello::after, .contact-hero .hello::before, .controls::after, .controls::before, .finder-buttons::after, .finder-buttons::before, .finder-container::after, .finder-container::before, .formats::after, .formats::before, .get-in-touch .contact-us::after, .get-in-touch .contact-us::before, .get-in-touch fieldset::after, .get-in-touch fieldset::before, .location-popup::after, .location-popup::before, .location-popup_information::after, .location-popup_information::before, .location-statistics figure::after, .location-statistics figure::before, .media-insight .stat-1 figure::after, .media-insight .stat-1 figure::before, .media-insight .stat-1::after, .media-insight .stat-1::before, .media-insight .stat-2::after, .media-insight .stat-2::before, .media-insight::after, .media-insight::before, .members-login::after, .members-login::before, .news .news-item::after, .news .news-item::before, .news-articles::after, .news-articles::before, .news::after, .news::before, .newsletter::after, .newsletter::before, .our-work::after, .our-work::before, .popup-topbar .shortlist::after, .popup-topbar .shortlist::before, .popup-topbar::after, .popup-topbar::before, .product::after, .product::before, .search .get-started form::after, .search .get-started form::before, .search-box_advanced li::after, .search-box_advanced li::before, .search-box_basic li::after, .search-box_basic li::before, .search::after, .search::before, .shortlist-button::after, .shortlist-button::before, .shortlist-popup_buttons::after, .shortlist-popup_buttons::before, .showcase .request-proposal::after, .showcase .request-proposal::before, .showcase .site-information::after, .showcase .site-information::before, .showcase::after, .showcase::before, .social-article::after, .social-article::before, .social-slider::after, .social-slider::before, .tabs::after, .tabs::before, .think-big::after, .think-big::before, .what-we-do .services::after, .what-we-do .services::before, .work-examples::after, .work-examples::before, footer nav::after, footer nav::before, footer::after, footer::before, header nav::after, header nav::before, header::after, header::before, .site-info__icons::after, .site-info__icons::before {
  content: '';
  display: table
}
.campaign::after, .clear::after, .clients .boxes::after, .clients .our-media::after, .clients .the-best::after, .contact-hero .contact-buttons::after, .contact-hero .hello::after, .controls::after, .finder-buttons::after, .finder-container::after, .formats::after, .get-in-touch .contact-us::after, .get-in-touch fieldset::after, .location-popup::after, .location-popup_information::after, .location-statistics figure::after, .media-insight .stat-1 figure::after, .media-insight .stat-1::after, .media-insight .stat-2::after, .media-insight::after, .members-login::after, .news .news-item::after, .news-articles::after, .news::after, .newsletter::after, .our-work::after, .popup-topbar .shortlist::after, .popup-topbar::after, .product::after, .search .get-started form::after, .search-box_advanced li::after, .search-box_basic li::after, .search::after, .shortlist-button::after, .shortlist-popup_buttons::after, .showcase .request-proposal::after, .showcase .site-information::after, .showcase::after, .social-article::after, .social-slider::after, .tabs::after, .think-big::after, .what-we-do .services::after, .work-examples::after, footer nav::after, footer::after, header nav::after, header::after, .site-info__icons::after {
  clear: both
}
.visible {
  overflow: visible
}
ul.autocomplete {
  position: absolute;
  background: #efefef;
  border: none;
  padding: 0;
  position: absolute;
  margin: 0;
  z-index: 999;
}
ul.autocomplete li {
  border-right: 1px solid #efefef;
  display: block;
  line-height: 1;
  width: auto;
  padding: 8px 10px;
  cursor: pointer;
  font-size: 13px;
}
ul.autocomplete li:hover {
  background: #d9d9d9;
}

/*.finder-container.user-guest .planner-popup{
    display: block !important;
    position: absolute;
    z-index: 15;
    left: 50%;
}*/

.bgblock, .popblock {
  width: 100% !important;
  height: 100% !important;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 9999;
  display: none;
}
.bgblock {
  z-index: 9999;
}
.planner-popup {
  z-index: 99999;
}
.bgblock.block {
  display: block;
}
input {
  transition: all 1s ease;
}
input.error {
  border-right: 3px solid red;
  background: #ffebeb;
}
.messages-container {
  display: none;
  font-size: 13px;
}
.messages-container.error {
  border-left: 5px solid red;
  padding: 10px;
  background: #fff6f6;
  line-height: 18px;
}
.messages-container.success {
  border-left: 5px solid #19943c;
  padding: 10px;
  background: #e1ffe1;
  line-height: 18px;
}
.planner-popup .messages-container {
  margin-top: -10px;
  margin-bottom: 10px;
}
.main-loader {
  background: #0cc1fc;
  display: block;
  float: left;
  height: 30px;
  margin-right: 5px;
  margin-top: 22px;
  width: 3px;
  trasnition: all 1s ease;
  animation: blink 1s infinite;
  visibility: hidden;
}
@keyframes blink {
  0% {
    height: 30px;
    margin-top: 22px;
    opacity: 1;
  }
  100% {
    height: 24px;
    margin-top: 25px;
    opacity: 0;
  }
}
._draw, ._edit, ._clear, ._back {
  text-decoration: none;
  background: white;
  color: #0cc1fc;
  border: 1px solid #0cc1fc;
  padding: 5px 20px;
  display: inline-block;
  margin-bottom: 20px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
}
._draw.active {
  background-color: #0cc1fc;
  color: #FFF;
}
._edit, ._clear {
  padding: 5px 18px;
}
._edit {
  color: orange;
  border: 1px solid orange;
}
._clear {
  color: red;
  border: 1px solid red;
  float: right;
}
.jquery-ui .ui-widget-content {
  background: #0cc1fc;
}
.jquery-ui .ui-state-default, .jquery-ui .ui-widget-content .ui-state-default, .jquery-ui .ui-widget-header .ui-state-default {
  background: #474546;
}
.jquery-ui .ui-state-hover, .jquery-ui .ui-widget-content .ui-state-hover, .jquery-ui .ui-widget-header .ui-state-hover, .jquery-ui .ui-state-focus, .jquery-ui .ui-widget-content .ui-state-focus, .jquery-ui .ui-widget-header .ui-state-focus {
  border: 1px solid #0cc1fc;
}
.share-slide-link {
  height: 35px;
  display: block;
  line-height: 35px;
  background: #efefef;
  font-size: 16px;
  text-decoration: none;
  color: #474546;
}
@media only screen and (min-width: 767px) {
  .share-slide-link {
    height: 55px;
    line-height: 55px;
  }
}
.page-content {
  background: #efefef;
  padding: 60px 0;
}
.page-content table {
  width: 100%;
  margin-bottom: 50px;
}
.page-content table td {
  padding-right: 20px;
}
.page-content h3 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 0.3em;
  line-height: 1.2;
}
@media only screen and (min-width: 767px) {
  .page-content h3 {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 15px;
  }
}
.page-content h4 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
  line-height: 2;
  color: #2a2a2a;
}
.page-content h4 span, .page-content span.blue {
  color: #0cc1fc;
}
.content__block h3 {
  color: #474546;
}
.content__block h3 span {
  color: #0cc1fc;
}
.page-content .small {
  font-size: 11px;
}
.page-content p {
  margin-bottom: 1em;
}
.page-content a {
  text-decoration: underline;
  color: #474546;
}
.page-content ul {
  list-style: none;
  margin-left: 3px;
}
.page-content li {
  text-indent: -20px;
  padding-left: 16px;
  margin-bottom: 8px;
}
.page-content li:before {
  list-style: disc;
  content: "-";
  margin-right: 1em;
}
.page-content img {
  width: 100%;
  height: auto;
}
.page-content iframe {
  width: 100%;
  height: 300px;
}
@media screen and (min-width: 680px) {
  .page-content img {
    width: 100%;
    height: auto;
  }
  .page-content iframe {
    width: 600px;
    height: 400px;
  }
}
.move--banner {
  background: url('../images/move-banner.jpg') no-repeat center center;
  width: 100%;
  background-size: cover;
  height: 300px;
}
@media screen and (min-width: 768px) {
  .move--banner {
    height: 450px;
  }
}
@media screen and (min-width: 1024px) {
  .move--banner {
    height: 622px;
  }
}
.digital--banner {
  background-image: url('../images/digital-banner-2.jpg');
}
.hoarding--banner {
  background-image: url('../images/hoarding-banner.jpg');
}
.move--icon {
  background-image: url('../images/icons/move-icon.jpg');
}
.vid--icon {
  background-image: url('../images/icons/vid-icon.png');
}
.faq--icon {
  background-image: url('../images/icons/faq-icon.png');
}
.calendar-ico {
  background-image: url('../images/icons/ico-calendar.svg');
}
.help--icon {
  background-image: url('../images/icons/help-ico.jpg');
  margin-right: 10px;
}
.get-in-touch .phone-no {
  font-size: 18px;
  font-size: 1.125rem;
}
.graph {
  max-width: 595px;
}
.back-to-top {
  width: 110px;
  height: 40px;
  display: block;
  text-align: center;
  background: url(../images/icons/back-to-top-arrow.png) center top no-repeat;
  background-size: 40px;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  bottom: 5px;
  right: -20px;
  opacity: 0.2;
  font-size: 12px;
  padding-top: 70px;
  text-transform: uppercase;
  color: white;
  font-weight: 500;
  text-decoration: none;
}
@media all and (min-width: 768px) {
  .back-to-top {
    bottom: 40px;
    right: 40px;
  }
}
.back-to-top-arrow {
  background: url(../images/icons/ico-arrow-top.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  display: block;
  width: 20px;
  height: 10px;
  bottom: 85px;
  right: 44px;
  -moz-animation: arrow-ani 0.4s ease-in-out infinite alternate;
  -webkit-animation: arrow-ani 0.4s ease-in-out infinite alternate;
  animation: arrow-ani 0.4s ease-in-out infinite alternate;
}
h2 .icon {
  margin-right: 10px;
}
.logo-inner {
  width: 200px;
  height: 180px;
  background: url(../images/logo.png) no-repeat;
  -ms-behavior: url(../backgroundsize.min.htc);
  background-size: contain;
}
.page-content .pdf-downloads {
  list-style: none;
  margin: 2em 0 7em;
  padding: 0;
  text-align: center;
}
.pdf {
  background: url(../images/icons/pdf-ico.png) no-repeat;
  display: block;
  width: 48px;
  height: 44px;
  margin: 0 auto 1em;
}
.page-content .pdf-downloads span {
  margin-bottom: 1.5em;
  display: block;
}
.page-content .pdf-downloads a {
  background: #555555;
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 0;
  margin-top: 10px;
}
.page-content .pdf-downloads a:hover {
  background: #00adee;
}
.page-content .pdf-downloads li {
  margin: 0;
  padding: 0;
  text-indent: 0;
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-bottom: 2em;
  font-size: 14px;
}
.page-content .pdf-downloads li:nth-of-type(even) {
  margin-right: 0;
}
.page-content .pdf-downloads li:before {
  content: "";
  margin: 0;
}
@media screen and (min-width: 680px) {
  .page-content .pdf-downloads li {
    width: 30%;
    margin-right: 5%;
  }
  .page-content .pdf-downloads li:nth-of-type(even) {
    margin-right: 5%;
  }
  .page-content .pdf-downloads li:nth-of-type(3n+3) {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .page-content .pdf-downloads li {
    width: 17.5%;
    margin-right: 2.5%;
  }
  .page-content .pdf-downloads li:nth-of-type(even) {
    margin-right: 2.5%;
  }
  .page-content .pdf-downloads li:nth-of-type(3n+3) {
    margin-right: 2.5%;
  }
}
.page-content h2 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.box__title, .box__side {
  position: relative;
  text-transform: capitalize;
  padding: 80px 20px 20px;
  height: 200px;
  max-width: 225px;
  margin-bottom: 2em;
}
.box__side {
  padding: 0;
  height: auto;
}
.box__side-content {
  margin-bottom: 2em;
  height: 200px;
  width: 100%;
}
.box__side-content p {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: bold;
}
.box__side-content p:first-of-type {
  color: white;
  padding-top: 80px;
}
.testimonial__by p {
  margin: 0;
  font-weight: bold;
}
.testimonial__by p:first-child {
  color: #00aeef;
}
.box__title .arrow-ico, .box__side .arrow-ico {
  width: 48px;
  height: 22px;
  position: absolute;
  display: block;
  background: urL(../images/icons/job-arrow-ico.png) no-repeat center center;
  top: 0;
  left: 50%;
  margin-left: -24px;
}
.box__posting {
  padding-bottom: 2em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2em;
}
.box__title.blue, .box__side-content.blue {
  background: #00aeef;
}
.box__title.purple, .box__side-content.purple {
  background: #6500ef;
}
.box__title.purple p {
  color: #000;
}
.box__title p {
  margin-bottom: 0;
}
.box__title p span {
  color: white;
}
.box__description {
  background: #f2f2f2;
  padding: 20px;
  position: relative;
}
.box__description p:first-child {
  text-transform: capitalize;
  font-weight: bold;
}
.box__link {
  background: white;
  padding: 20px;
}
.box__link a {
  text-decoration: none;
  color: #00aeef;
  text-transform: capitalize;
  background-size: 20px;
  float: right;
}
.box__arrow {
  background: url(../images/icons/ico-arrow-blue.svg) right 5px center no-repeat white;
  width: 20px;
  height: 10px;
  display: inline-block;
  margin-left: 20px;
}
.box__share {
  position: absolute;
  top: 20px;
  right: 20px;
}
.box__share a {
  float: left;
  margin-left: 5px;
}
.box__share .share {
  width: 30px;
  height: 40px;
  display: block;
  background: url(../images/icons/ico-share.png) center center no-repeat;
}
.box__share .email {
  width: 30px;
  height: 40px;
  display: block;
  background: url(../images/icons/ico-email.png) center center no-repeat;
}
.box__share .quote {
  width: 40px;
  height: 40px;
  display: block;
  background: url(../images/icons/quote-ico.png) center center no-repeat;
  float: left;
  margin-left: 10px;
}
.formats-digital {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .box__posting {
    padding-bottom: 5em;
    margin-bottom: 5em;
  }
  .box__title, .box__side {
    margin: 0;
    float: left;
    width: 30%;
    margin-right: 5%;
  }
  .box__body {
    width: 60%;
    float: left;
  }
  .box__title {
    height: 225px;
    padding-top: 90px;
  }
}
.page-content .ad-benefits {
  margin: 2em 0 5em;
}
.page-content .ad-benefits li:before {
  content: '';
  margin: 0;
  padding: 0;
}
.page-content .ad-benefits li {
  text-indent: 0;
  padding: 0;
  font-weight: bold;
}
.page-content .ad-benefits .pointer {
  color: #00aeef;
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.content__block {
  margin: 2.5em 0;
}
.content__block--bb {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}
.content__img {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .content__body {
    width: 50%;
    float: left;
    padding-right: 25px;
  }
  .content__img {
    width: 50%;
    float: left;
  }
  .page-content .ad-benefits li {
    float: left;
  }
  .stat__img {
    width: 50%;
    float: left;
    margin-right: 5%;
  }
  .stat__body {
    width: 45%;
    float: left;
  }
}
@media screen and (min-width: 960px) {
  .content__body {
    width: 65%;
    float: left;
    padding-right: 100px;
  }
  .content__img {
    width: 35%;
    float: left;
  }
  .content__img img {
    margin-bottom: 30px;
  }
}
.bus-shelter-specs {
  background: white;
  padding: 90px 0;
  margin-bottom: 5em;
}
.spec {
  margin-top: 2em;
}
.spec:after, .spec:before, .bus-shelter-specs:before, .bus-shelter-specs:after {
  clear: both;
  content: '';
  display: table
}
.spec__img {
  max-width: 250px;
}
.spec-arrow {
  width: 25px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
  background: url(../images/specs-arrow.jpg) no-repeat center center;
}
.spec p {
  margin-bottom: 1em;
}
.spec h5 {
  text-transform: uppercase;
  font-size: 18px;
  color: #9ac93b;
  margin-bottom: 1em;
}
.content-area--large {
  max-width: 1280px;
}
@media screen and (min-width: 680px) {
  .spec {
    margin-top: 6em;
  }
  .spec__body {
    width: 50%;
    float: left;
  }
  .spec__img {
    width: 50%;
    float: right;
  }
}
@media screen and (min-width: 980px) {
  .spec {
    width: 50%;
    float: left;
  }
  .spec:nth-of-type(2n) .spec__body {
    padding-left: 50px;
  }
  .spec__body {
    width: 60%;
    float: left;
  }
  .spec__img {
    width: 40%;
    float: left;
  }
}
.formats-hoarding {
  padding: 0;
}
.calendars_page .ui-datepicker {
  margin: 0 auto;
  width: 100%!important;
  max-width: 320px;
}
.calendars_page .ui-datepicker-group {
  width: 100%;
  max-width: 320px;
}
.calendars_page .ui-datepicker-group table {
  border: 1px solid white;
  margin-bottom: 15px;
}
.calendars_page .ui-datepicker-group td {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background: #00aeef;
}
.calendars_page .ui-datepicker-group td.highlight-date {
  background: #959595;
}
.calendars_page .ui-datepicker-group td a {
  color: white;
}
.calendars_page .ui-datepicker-group .ui-state-disabled {
  background: transparent;
}
.calendars_page .ui-datepicker-group th {
  font-weight: normal;
  color: #00aeef;
}
.calendars_page .ui-datepicker .ui-datepicker-title {
  font-weight: normal;
  color: #959595;
}
/*request-proposal*/
.request-proposal_popup input {
    height: 40px;
}
.request-proposal_popup {
    padding: 18px;
    padding-bottom: 0px;
    margin: 30px auto;
    position: fixed;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;   
}

.request-proposal_popup textarea {
    min-height: 83px !important;
}
.request-proposal_popup h4 {
    margin-bottom: 9px !important;
}
.request-proposal_popup #rcaptcha {
    margin: 0 auto;
}
.request-proposal_popup #rcaptcha div{
   margin: 0 auto;
}
.request-proposal_popup button {
    padding: 10px 0;
    }

@media screen and (min-width: 768px) {
  .calendars_page .ui-datepicker {
    max-width: 760px;
  }
  .calendars_page .ui-datepicker-group {
    min-height: 240px;
    width: 48%;
    float: left;
    margin-right: 2%;
  }
  .ui-datepicker-row-break {
    display: none;
  }
  .calendars_page .ui-datepicker .ui-datepicker-title {
    padding-left: 15px;
  }
}
@media screen and (min-width: 980px) {
  .calendars_page .ui-datepicker {
    max-width: 960px;
  }
  .calendars_page .ui-datepicker-group {
    width: 30%;
    margin-right: 1%;
  }
}
.calendars_page .ui-datepicker .ui-datepicker-next, .calendars_page .ui-datepicker .ui-datepicker-prev {
  display: none;
}
h3._year {
  font-size: 105px;
  color: #959595;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 20px;
}
.calendar_heading p {
  text-transform: uppercase;
  color: #00aeef;
  font-size: 36px;
  line-height: 1.2;
}
.calendar_heading p span {
  color: #959595;
  display: block;
  font-size: 23px;
  margin-top: 10px;
}
@media screen and (min-width: 980px) {
  h3._year {
    float: left;
  }
  .calendar_heading p {
    float: left;
    margin-left: 50px;
    font-size: 45px;
  }
}
.calendar_foot .logo {
  width: 215px;
  background: url(../images/logo.png) no-repeat center center;
  background-size: contain;
  display: block;
  height: 50px;
  margin: 40px 0;
}
.calendar_posting, .calendar_transit {
  width: 28px;
  height: 24px;
  background: #959595;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.calendar_transit {
  background: #00aeef;
}
.calendar_foot p.blue {
  color: #00aeef;
}
.calendar_foot {
  font-size: 14px;
  line-height: 1.5;
  margin: 50px 0;
}
@media screen and (min-width: 980px) {
  .calendar_highlight {
    float: left;
    width: 50%;
  }
  .calendar_foot .logo {
    float: left;
    width: 35%;
  }
  .calendar_exp, .calendar_foot p.blue {
    float: left;
    width: 65%;
    padding-left: 5%;
    border-left: 2px solid #6b6b6b;
  }
  .calendar_foot-img {
    background: url(../images/calendar-foot.png) no-repeat center center;
    height: 130px;
    width: 100%;
    background-size: contain;
  }
}
.multi_calendar {
  background: white;
  width: 100%;
  border: 1px solid #efefef;
  padding: 30px 0;
  box-shadow: 5px 5px 30px rgba(210, 206, 204, .3);
}
.multi_calendar .ui-datepicker-group table {
  max-width: 210px;
}
.multi_calendar .ui-datepicker-title {
  margin-left: 35px;
}
.multi_calendar .ui-widget-content {
  display: none;
}
.multi_calendar .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  display: block;
  margin: 0;
  background: url(../images/icons/close.svg) center center no-repeat #2ccafd;
  background-size: 15px 15px;
  text-indent: -9999em;
}
.multi_calendar h4 {
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  top: 10px;
  left: 50%;
  color: #9d9b9c;
}
.chrono_credits {
  display: none;
}
.stats__cont img {
  width: 37%;
  float: left;
  margin-right: 3%;
}
.stats__perc {
  float: left;
  width: 60%;
}
.stats__perc span {
  display: block;
  color: #2ccafd;
  font-weight: bold;
}
.stats__perc span:first-child {
  font-size: 38px;
  margin-bottom: 10px;
  margin-top: 15px;
}
@media screen and (min-width: 460px) {
  .stats__perc span:first-child {
    font-size: 48px;
    margin-bottom: 20px;
  }
  .stats__perc span:last-child {
    font-size: 24px;
  }
}
.page-content .content-area__faq h4 {
  color: #2ccafd;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: normal;
}
.article .content-area ul {
  list-style-type: disc;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.main-article .content-area ul li {
  margin-bottom: 5px;
}
.main-article {
  background: white;
}
.stat__img {
  position: relative;
  height: 275px;
  max-width: 280px;
}
@media screen and (min-width: 1024px) {
  .stat__img {
    height: 470px;
    max-width: none;
  }
}
.stat__img .pie {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.stat__img .tr {
  background-image: url('../images/tr.png');
}
.stat__img .mr {
  background-image: url('../images/mr.png');
}
.stat__img .br {
  background-image: url('../images/br.png');
}
.stat__img .ml {
  background-image: url('../images/ml.png');
}
.stat__img .tl {
  background-image: url('../images/tl.png');
}
.stat__img .bl {
  background-image: url('../images/bl.png');
}
@media only screen and (min-width: 1500px) {
  .article-17 .article-hero, .article-5 .article-hero {
    background-size: 85%;
    background-position: 100% 0;
  }
}

/*@-moz-keyframes arrow-ani {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(3px);
    transform: translateY(3px);
  }
  60% {
    -moz-transform: translateY(4px);
    transform: translateY(4px);
  }
}*/

@-webkit-keyframes arrow-ani {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/*@keyframes arrow-ani {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  60% {
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}*/

.ani-graph {
  margin: 0!important;
  margin-bottom: 50px!important;
}
.discounts {
  background: #00aeef;
  padding: 20px;
  margin-bottom: 30px;
}
.discounts h2 {
  border-color: #2ebdf2;
}
.discounts form, .discounts .contact-us {
  border-color: #2ebdf2;
}
.discounts .contact-details .logo {
  border-color: #2ebdf2;
}
.discounts .contact-blurb {
  padding-top: 30px;
}
@media only screen and (min-width: 960px) {
  .discounts {
    padding: 0;
  }
  .discounts h2 {
    padding-left: 50px;
    padding-top: 20px;
  }
  .discounts .contact-blurb {
    padding: 50px;
    padding-top: 30px;
  }
}
.discounts .contact-blurb p, .discounts .contact-blurb p:first-child, .discounts .contact-blurb a, .discounts .details p {
  color: white;
}
.discounts input, .discounts select {
  background: #26baf1;
  color: white;
  border: 0;
}
.discounts select {
  padding: 10px 15px;
  width: 100%;
  margin-bottom: 15px;
}
.discounts input::-webkit-input-placeholder {
  color: white;
}
.discounts input:-moz-placeholder {
  color: white;
}
.discounts input::-moz-placeholder {
  color: white;
}
.discounts input:-ms-input-placeholder {
  color: white;
}
.col img {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
.site-search .page-content {
  background: white;
}
.col {
  margin-top: 50px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .col {
    width: 45%;
    float: left;
    margin-right: 5%;
  }
}
@media only screen and (min-width: 768px) {
  .col {
    width: 30%;
    float: left;
    margin-right: 5%;
  }
  .col:last-of-type {
    margin-right: 0;
  }
}
.upload-artwork {
  text-align: center;
}
.upload-artwork a {
  margin-bottom: 50px;
  text-decoration: none;
  display: block;
  font-size: 36px;
  color: #26baf1;
  font-weight: normal;
}
.icon--upload {
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  background-image: url('../images/icons/upload-icon.png');
  width: 50px;
  height: 46px;
}
.cta {
  text-align: center;
  color: #26baf1;
  font-size: 24px;
  width: 535px;
  margin: 0 auto;
}
.pdf-btns {
  background: white;
  padding: 5px 25px;
}
.pdf-btns .icon {
  width: 25px;
  height: 22px;
  margin-right: 10px;
  margin-top: 5px;
  display: inline-block;
  background-position: 50% 50%;
}
.pdf-btns-top {
  background-color: #efefef;
}
.case-print {
  background-image: url('../images/icons/case-print-ico.jpg');
}
.case-download {
  background-image: url('../images/icons/case-dl-ico.jpg');
}
.case-share {
  background-image: url('../images/icons/case-share-ico.jpg');
}
.case-arrow {
  background-image: url('../images/icons/case-arrow-ico.jpg');
  float: right;
  margin-right: 0!important;
}
.__fb a {
  background-image: url(../images/icons/ico-fb-white.svg);
  background-color: #3b5998;
  color: white;
}
#graph_hype_container {
  margin-left: 0!important;
  margin-bottom: 50px!important;
}
#graph_hype_container div, #graph01_hype_container div, #graph02_hype_container div, #graph03_hype_container div {
  opacity: 1 !important;
}
.content__block a {
  text-decoration: none;
}
.gallery .think-big p {
  line-height: 1;
  margin-top: 25px;
}
.stats__cont img {
  max-width: 80px;
}
@media all and (max-width: 768px) {
  #graph_hype_container {
  /*  display: none!important;*/
   overflow: scroll;
    overflow-x: scroll;
    width: 293px;
  }
}
.site-info__icons span {
  display: block;
  padding-top: 40px;
  float: left;
  margin-right: 20px;
  min-width: 60px;
  text-align: center;
  margin-top: 10px;
}
@media all and (max-width: 1199px) {
  .site-info__icons span {
    width: 50%;
    float: left;
    margin-right: 0;
  }
}
.site-info__state {
  background-image: url('../images/icons/site-info-state.svg');
  background-size: 27px;
  background-position: top center;
  background-repeat: no-repeat;
}
.site-info__suburb {
  background-image: url('../images/icons/site-info-suburb.svg');
  background-size: 19px;
  background-position: top center;
  background-repeat: no-repeat;
  width: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.site-info__inbound {
  background-image: url('../images/icons/direction.svg');
  background-size: 27px;
  background-position: top 10px center;
  background-repeat: no-repeat;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
}
.site-info__backlit {
  background-image: url('../images/icons/site-info-backlit.svg');
  background-size: 27px;
  background-position: top center;
  background-repeat: no-repeat;
  margin-right: 0!important;
}
@media all and (min-width: 1200px) {
  .popup-topbar__mobile {
    display: none;
  }
}
@media all and (max-width: 1199px) {
  .location-popup .popup-topbar .close {
    display: block;
  }
}
.jtb-logo {
  background-image: url('../images/jtb-logo.png');
  background-repeat: no-repeat;
  width: 72px;
  height: 26px;
  display: block;
  -webkit-background-size: contain;
  background-size: contain;
  margin-top: 0;
  margin-bottom: -13px;
}
.case-print--all, .case-download--all {
  width: 25px;
  height: 20px;
}
.pdf-btns-top .case-print {
  background-image: url('../images/case-print-all.png');
}
.pdf-btns-top .case-download {
  background-image: url('../images/case-dl-all.png');
}
.site-info-table tr td:first-child {
  width: 40%;
}
.site-info-table tr td:last-child {
  width: 60%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .article-12 .product-hero {
    background-position: 95% 0;
  }
  .article-22 .product-hero {
    background-position: 30% 0;
  }
  .article-23 .product-hero {
    background-position: 10% 0;
  }
  .article-24 .product-hero {
    background-position: 30% 0;
  }
  .article-25 .product-hero {
    background-position: 35% 0;
  }
}
@media screen and (max-width: 500px) {
  .article-15 .product-hero, .article-16 .product-hero {
    background-position: -124px 0;
  }
  .article-55 .product-hero {
    background-position: 86% 0;
  }
  .article-53 .product-hero, .article-9 .product-hero {
    background-position: 34% 0;
  }
  .article-7 .product-hero {
    background-position: 14% 0;
  }
  .article-10 .product-hero {
    background-position: 27% 0;
  }
  .article-14 .product-hero {
    background-position: 55% 0;
  }
  .article-5 .product-hero {
    background-position: 28% 0;
  }
  .article-18 .product-hero {
    background-position: 34% 0;
  }
  .article-20 .product-hero {
    background-position: 36% 0;
  }
  .article-29 .product-hero {
    background-position: 36% 0;
  }
  .article-21 .product-hero {
    background-position: 35% 0;
  }
  .article-52 .product-hero {
    background-position: 34% 0;
  }
  .cid--21 .product-hero {
    background-position: 22% 0;
  }
  .cid--12 .product-hero {
    background-position: 27% 0;
  }
  .cid--13 .product-hero {
    background-position: 37% 0;
  }
  .cid--23 .product-hero {
    background-position: 34% 0;
  }
  .cid--19 .product-hero {
    background-position: 32% 0;
  }
  .cid--22 .product-hero {
    background-position: 30% 0;
  }
  .cid--24 .product-hero {
    background-position: 46% 0;
  }
  .cid--20 .product-hero {
    background-position: 70% 0;
  }
  .article-17 .product-hero {
    background-position: 28% 0;
}
}

/*===census map styling ========*/

.nicebox {
  position: absolute;
  text-align: left;
  font-size: 13px;
  z-index: 5;
  box-shadow: 0 4px 6px -4px #333;
  padding: 5px 10px;
  background: rgb(255,255,255);
  background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
  border: rgb(229, 229, 229) 1px solid;
}
#controls {
  top: 20px;
  left: 290px;
  width: 375px;
  height: 80px;
}
#data-box {
  top: 20px;
  left: 300px;
  line-height: 16px;
  display: none;
  position: absolute;
  background: rgba(255,255,255,.6);
  font-size: 12px;
  padding: 0px 10px;
}
#data-box #data-title {
  text-transform: uppercase;
}
#census-variable {
  width: 360px;
  height: 20px;
}
[id^=legend]  { display: flex; display: -webkit-box; padding-top: 10px;line-height: 12px; }
.color-key {
  background: linear-gradient(to right,
    hsla(120, 42%, 40%, 0) 0%,
    hsla(120, 42%, 40%, .17) 17%,
    hsla(120, 42%, 40%, .33) 33%,
    hsla(120, 42%, 40%, .5) 50%,
    hsla(120, 42%, 40%, .67) 67%,
    hsla(120, 42%, 40%, .83) 83%,
    hsla(120, 42%, 40%, 1) 100%);
  flex: 1;
  -webkit-box-flex: 1;
  margin: 0 5px;
  text-align: left;
  font-size: 1.0em;
  line-height: 1.0em;
}
#data-value { font-size: 1.0em; font-weight: bold }
#data-label { font-size: 1.0em; font-weight: normal; padding-right: 10px; }
#data-label:after { content: ':' }
#data-caret { margin-left: -5px; display: none; font-size: 14px; width: 14px}
#remove-geodemo, #add-geodemo {cursor: pointer;background: #0cc1fc;border-radius: 6px;color: #fff;font-weight: bold;margin-top: 5px;}
#geo-demo-popup {width:550px;}
#geotabs {padding: 20px;}
#geotabs .tabs a {width: 33.33%;background: #bbb;border: 1px solid #fff;color:#fff;}
#geotabs .tabs .ui-state-active a { background: #0cc1fc;}
#geotabs .button-blue {
    display:inline-block;
    cursor: pointer;
    background: #0cc1fc;
    border-radius: 4px;
    color: white;
    margin-top: 20px;
    padding: 11px 23px;
    border: 2px solid #0cc1fc;
    font-size: 17px;
    text-transform: uppercase;
}
#geotabs .button-transparent {
    display:inline-block;
    cursor: pointer;
    background: white;
    border-radius: 4px;
    color: #999;
    margin-top: 20px;
    padding: 11px 23px;
    border: 2px solid #999;
    font-size: 17px;
    text-transform: uppercase;
    margin-right: 10px;
}
#geotabs select {
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 240px;
    height: 40px;
    float: left;
    background: #eee;
    border: 1px solid #eee;
    margin-top: 10px;
    margin-right: 15px;
    font-size: 14px;
    color: #999;
    padding-left: 10px;

    background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%);

    background-position:
       calc(100% - 20px) calc(1em + 2px),
      calc(100% - 12px) calc(1em + 2px);

    background-size:
        8px 8px,
        8px 8px;
    background-repeat: no-repeat;
}
#geotabs select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
#geotabs select:disabled {
    background: #bbb;
}
#geotabs-1 > div:first-child, #geotabs-2 > div:first-child, #geotabs-3 > div:first-child, #geotabs-4 > div:first-child, #geotabs-5 > div:first-child {
   display: inline-block; position: relative;width:100%;
}

/* The Modal (background) */
.myenquire {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 99999999;

}



/* The Close Button */
.myenquire .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.myenquire .close:hover,
.myenquire .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}



/*custom form popup css*/
.myenquire {
    background-color: rgba(0, 0, 0, 0.62);
  }
.myenquire .modal-content {
    margin: 0px auto;
    max-width: 550px;
    padding: 0px 0px 14px 0px;
    border: 1px solid #dcdbdb;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    background-color: #fefefe;
}

.myenquire .modal-header {
    padding: 12px 19px 12px 19px;
    width: 100%;
    margin: 0 auto;
    background: #0cc1fc;
    color: #fff;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.myenquire .modal-body {
    width: 100%;
    margin: 0 auto;
    padding: 0 22px;
}

.myenquire .close {
    color: #ffffff;
    background: #0cc1fc;
    box-shadow: none;
    border: none;
    padding: 0px 8px;
    border-radius: 2px;
    font-weight: 400;
    font-size: 20px;
}
.myenquire .close:hover, .myenquire .close:focus {
    color: #ffffff;
    outline: 0;
}
.myenquire .modal-title {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}
.myenquire label.control-label.gcore-label-left {
    max-width: 100%;
    padding-right: 0px;
    width: 100% !important;
    line-height: 21px;
    padding-bottom: 2px;
    padding-top: 0px;
    font-weight: 300 !important;
    font-size: 14px;
}
.myenquire input {
    background: #efefef !important;
    color: #474546 !important;
    border: none;
    box-shadow: none !important;
    border: 0px !important;
    height: 37px !important;
    padding: 10px 15px !important;
    border-radius: 0px !important;
}
.myenquire  .gbs3 .A{
  width: 100% !important;
}
.myenquire .gbs3 .gcore-form-row .gcore-input {
    float: left;
    width: 100% !important;
}
.myenquire .gbs3 textarea.form-control {
    height: auto;
    width: 100% !important;
    border-radius: 0px;
    background: #efefef !important;
    border: 0px;
    height: 47px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.myenquire label {
    font-size: 14px;
    font-weight: 500 !important;
}
.myenquire .btn {
    background: #0cc1fc !important;
    border-radius: 5px !important;
    height: auto !important;
    padding: 12px !important;
    color: #fff !important;
}
.myenquire i.fa.fa-asterisk {
    font-size: 7px !important;
}
.myenquire .gtooltip.gvalidation-error-tip{
      min-width: 160px;
}
.myenquire .gtooltip-close {
    margin-top: 0px;
    margin-right: -2px;
}
.myenquire #form-row-name {
    width: 49%;
    float: left;
}
.myenquire #form-row-email {
    width: 49%;
    float: right;
}
.myenquire .gbs3 .form-group {
    margin-bottom: 10px;
}
#chronoform-enquiry .gtooltip.gvalidation-error-tip {
display: none !important;
}
.myenquire .gbs3 p {
    padding-top: 12px;
}
#modebar-41e31e {
    display: none !important;
}
.ease-bg {
    display: none !important;
}
.myenquire .gcore-line-td label {
    width: 50%;
    max-width: 50% !important;
}
.captcha_enq {
    width: 49%;
    float: left;
}
.captcha_enq #captcha1 {
    width: 50%;
    float: left;
}
.captcha_enq #fitem7 {
    width: 50%;
    float: left;
}
.myenquire .captcha_enq .gbs3 .gcore-form-row .gcore-input {
    float: left;
    width: 100% !important;
}
.captcha_enq #ftd-captcha img {
    margin-left: 8px;
    width: 83% !important;
    border: 1px solid #dad9d9 !important;
}
.captcha_enq label {
    width: 100%;
    min-width: 100%;
}
.myenquire .gbs3 .A {
    width: 100% !important;
    float: right;
}
.myenquire .btn {
    background: #0cc1fc !important;
    border-radius: 5px !important;
    height: auto !important;
    padding: 12px !important;
    color: #fff !important; 
    margin-top: 13px;
    width: 30% !important;
    float: right;
    max-width: 30%;
}
.captcha_enq .gcore-subinput-container-wide {
    width: 100%;
    float: left;
}
@media screen and (max-width: 767px) {
.myenquire .modal-content {
    width: 93%;
    border: 1px solid #dcdbdb;
    margin: 13px auto;
}
.myenquire #form-row-name {
    width: 100%;
    float: none;
}
.myenquire #form-row-email {
    width: 100%;
    float: none;
}
.myenquire label.control-label.gcore-label-left {
    padding-bottom: 0px;
}
.myenquire label.control-label.gcore-label-left {
    line-height: 17px;
}
.myenquire .gbs3 .form-group {
    margin-bottom: 8px;
}

.myenquire .modal-title {
    font-size: 15px;
}
.myenquire .modal-content {
    margin: 28px auto;
    max-width: 550px;
    padding: 0px 0px 14px 0px;
    border: 1px solid #dcdbdb;
    position: inherit;
    top: 0;
    -ms-transform: translateY(-50%);
    transform: inherit;
    left: 0;
    width: 96%;
}
}

@media screen and (max-width: 575px) {
.myenquire label.control-label.gcore-label-left {
    max-width: 100%;
    padding-right: 0px;
    width: 100% !important;
    float: none !important;
}
.myenquire .gbs3 .gcore-form-row .gcore-input {
    float: left;
    width: 50% !important;
    width: 100% !important;
    float: none !important;
}
.myenquire .close {
    padding: 0px 5px;
    font-size: 17px;
    height: 19px;
    line-height: 19px;
}
.myenquire .gcore-line-td label {
    font-size: 11px;
    font-weight: 500 !important;    
}
.captcha_enq #ftd-captcha img {
    width: 102px !important;
}


}

@media only screen and (max-width: 599px) {
  .next-posting {
      margin-top: 15px !important;
  }
  .next-posting h3 {
      margin-bottom: 10px !important;
  }
  .search .get-started input {
      width: 100%;
      float: left;
      margin-right: 0;
      border-radius: 0;
      -webkit-appearance: none;
      margin-bottom: 15px;
      box-sizing: border-box;
  }
  .search .get-started button {
      width: 100%;
  }
  .next-posting h3 {
      width: 100%;
      float: left;
      margin-bottom: 8px;
  }
  .next-posting {
      margin-top: 78px;
  }
.search .get-started button {
    width: 48%;
    float: left;
    margin-right: 2%;
}
.search .get-started .enquire {
    background-color: #909090;
    margin-top: 0px;
}
#myenquire_btn {
    margin-right: 0 !important;
    float: right;
}
.site-picture ._siteimages img {
    height: 200px !important;
    object-fit: cover;
}
.controls {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -2rem;
}
}
@media only screen and (max-width: 480px) {
.captcha_enq {
    width: 100%;
  }
.captcha_enq #ftd-captcha {
    margin-top: 10px;
}
.myenquire .gbs3 .A {
    width: 100% !important;
    float: none;
}
.request-proposal_popup #rcaptcha {
    margin: 0 auto;
    width: 100%;
    overflow: scroll;
}

}
.HYPE_scene > .HYPE_element_container:nth-child(2) > .HYPE_element {
  background-color: #efefef !important;
}

.location-statistics button.alert {
  background-color  : #0cc1fc;
  padding: 5px 20px;
  border: none !important;
  color: #fff;
  margin: 0 auto;
}

.location-statistics {
  text-align: center;
}

.location-statistics p {
  margin: 100px 0 10px 0;
}

.moduletable a {
  text-decoration: none;
}

.formats-bus a {
  text-decoration: none;
}


a.content-area-fixed {
  display: none;
}