/*=== Variables ===*/
/* --- Colours ---*/
/*--- Font sizes ---*/
/*--- Typefaces ---*/
@font-face {
  font-family: "Neo Sans";
  src: url("/static/booking_form/fonts/neo-sans.eot?&f215db889efa#iefix") format("eot"), url("/static/booking_form/fonts/neo-sans.woff2?f215db889efa") format("woff2"), url("/static/booking_form/fonts/neo-sans.woff?f215db889efa") format("woff"), url("/static/booking_form/fonts/neo-sans.ttf?f215db889efa") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Neo Sans";
  src: url("/static/booking_form/fonts/neo-sans-bold.eot?&f215db889efa#iefix") format("eot"), url("/static/booking_form/fonts/neo-sans-bold.woff2?f215db889efa") format("woff2"), url("/static/booking_form/fonts/neo-sans-bold.woff?f215db889efa") format("woff"), url("/static/booking_form/fonts/neo-sans-bold.ttf?f215db889efa") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* -- Mixins --*/
.button-hover {
  background: #3554ae;
  text-decoration: none;
  color: white;
}
.placeholder::-webkit-input-placeholder {
  color: #cccccc;
}
.placeholder:-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc;
}
.placeholder::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc;
}
.placeholder:-ms-input-placeholder {
  color: #cccccc;
}
/*============================== Reset =============================*/
/* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/  License: none (public domain) */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*============================== General =============================*/
body {
  background: #e6e3dc;
  font-family: 'Arial';
  font-size: 0.9em;
  color: #1e1e2b;
}
.wrapper {
  width: 80%;
  margin: 0 auto;
}
#main .wrapper {
  background: #e6e3dc;
  padding: 0 4em;
}
a {
  color: #3554ae;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #3554ae;
  text-decoration: underline;
}
strong {
  font-weight: bold;
}
.mag {
  position: absolute;
  margin: 0em 32% 0 0;
  z-index: 9999;
  right: 0;
  margin-top: -2em;
}
.magavoidance {
  padding-top: 1em;
}
.message-error {
  position: relative;
  padding: 2em 0 0 0;
}
.message-error:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f071";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  font-weight: normal;
  left: -35px;
  top: 29px;
  color: #fe4e4e;
}
.message-error p {
  color: #fe4e4e;
  font-weight: 700;
  font-family: 'Istok Web', sans-serif;
  font-size: 1.3em;
}
.clear {
  color: #7a114c;
}
.clear-all {
  padding-top: 1em;
  border-top: 1px dotted #a7a7a7;
}
.add-date,
.add-network {
  margin-right: 1.5em;
  padding-right: 1.5em;
  border-right: 1px dotted #a7a7a7;
}
/*============================== Fonts =============================*/
@font-face {
  font-family: 'entyporegular';
  src: url('/static/booking_form/entypo/Entypo-webfont.eot');
  src: url('/static/booking_form/entypo/Entypo-webfont.eot?#iefix') format('embedded-opentype'), url('/static/booking_form/entypo/Entypo-webfont.woff') format('woff'), url('/static/booking_form/entypo/Entypo-webfont.ttf') format('truetype'), url('/static/booking_form/entypo/Entypo-webfont.svg#entyporegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
h1 {
  font-family: 'Istok Web', sans-serif;
  font-weight: 400;
  font-size: 2.5em;
  margin: 0;
  letter-spacing: -0.03em;
}
header p a {
  color: white;
  opacity: 0.7;
  font-weight: normal;
  margin: 0.75em 0 2em 0;
  display: inline-block;
}
header p a:hover {
  color: white;
  opacity: 1;
}
header h1,
header p {
  color: white;
  margin-right: 280px;
}
header p {
  margin-bottom: 1em;
}
h2 {
  font-family: 'Istok Web', sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  margin: 0 0 1.5em -2em;
  padding: 0.7em 0em 0.5em 2em;
  background: #fbb802;
  line-height: 1;
  vertical-align: center;
  display: inline-block;
  width: 99%;
  position: relative;
  color: #1e1e2b;
}
h2:before {
  height: 0;
  width: 0;
  position: absolute;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 15px solid #e6e3dc;
  content: "";
  left: 0;
  top: 0px;
}
h2:after {
  height: 0;
  width: 0;
  position: absolute;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 15px solid #fbb802;
  content: "";
  right: -15px;
  top: 0px;
}
h2 span {
  font-family: "arial";
  font-size: 0.7em;
  font-weight: normal;
  text-transform: none;
}
h2.shorter {
  width: 65%;
}
h3 {
  font-size: 1.3em;
  font-family: 'Istok Web', sans-serif;
  font-weight: 700;
  margin: 0 0 1.5em 0;
}
p {
  margin: 0 0 1.5em 0;
  font-size: 1.2em;
  line-height: 1.3;
}
.small {
  font-size: 1em;
  margin: 0 0 0 0;
}
.meta {
  font-size: 0.85em;
  margin: 0 0 0 0;
}
.cost {
  font-family: 'Istok Web', sans-serif;
  font-size: 3.2em;
  margin: 0;
  font-weight: 400;
  color: #1e1e2b;
}
.lineageadtext {
  display: block;
  padding-left: 10px;
}
/*============================== Header =============================*/
header {
  background: #303051;
  /* Old browsers */
  background: -moz-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303051), color-stop(100%, #1b1b39));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #303051 0%, #1b1b39 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303051', endColorstr='#1b1b39', GradientType=0);
  /* IE6-9 */
  padding: 0em 0 2em 0;
  margin: 0 0 0 0;
}
header.header-index {
  padding: 12em 0 2em 0;
  margin-bottom: 0em;
}
.logo {
  display: block;
  width: 230px;
  height: 61px;
  background-image: url("/static/booking_form/images/logo.gif?8343d3fa26eb");
  background-repeat: no-repeat;
  float: right;
  margin-top: 0;
  text-indent: -9999px;
}
header.header-index .logo {
  margin-top: 0;
}
/*============================== Main =============================*/
#main {
  background: none;
  margin: 0 0 4em 0;
}
.intro {
  margin: 0 0 3em 0;
}
.main-form {
  width: 75%;
}
.top-intro {
  margin-top: 1em;
  font-size: 1em;
}
/*============================== Total =============================*/
#total {
  position: fixed;
  background: rgba(0, 0, 0, 0.05);
  width: 11em;
  top: 13.2em;
  right: 2em;
  padding: 2em;
}
#total:after {
  height: 0;
  width: 0;
  position: absolute;
  border-top: 50px solid rgba(0, 0, 0, 0.05);
  border-bottom: 6em solid transparent;
  border-left: 7.5em solid transparent;
  border-right: 7.5em solid transparent;
  content: "";
  left: 0em;
  bottom: -136px;
}
#total .subtitle {
  border-bottom: 1px dotted #a7a7a7;
  padding: 0 0 0.5em 0;
  margin-bottom: 1em;
}
#total h3 {
  margin-bottom: 0em;
}
/*============================== Landing page =============================*/
.ad-options li {
  width: 31%;
  float: left;
  margin: 0 0 3em 3.2%;
}
.ad-options li:first-child {
  margin: 0 0 3em 0;
}
.ad-options li div {
  padding: 2em;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: none;
  border: 1px solid white;
  border-radius: 0.3em;
  position: relative;
}
.ad-options li div img {
  margin: 0 0 1em 0;
}
.ad-options li div p.small {
  margin: 0 0 2em 0;
}
.ad-options li div span {
  font-family: "arial";
  font-weight: normal;
  color: white;
  position: absolute;
  top: 8px;
  right: -1px;
  background: #7a114c;
  padding: 0.25em 0.5em;
}
/*============================== Footer =============================*/
footer {
  background: rgba(0, 0, 0, 0.05);
  padding: 1em 0;
}
/*============================== Forms =============================*/
.formsection {
  margin: 0 0 4em 0;
}
fieldset {
  padding: 0 0 0 0;
}
.formsection h3 {
  border-bottom: 1px dotted #a7a7a7;
  margin-left: -2em;
  padding-left: 2em;
  padding-bottom: 0.5em;
}
.collapsible h3 {
  border-bottom: none;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 0;
}
fieldset {
  margin: 0 0 4em 0;
}
fieldset .collapsible {
  margin: 0 0 0 0;
}
.collapse-container {
  margin: 0 0 4em 0;
}
label {
  display: block;
  margin: 0 0 0.5em 0;
  color: #333;
  font-weight: bold;
}
label[for="id_stand_out_colour"],
label[for="id_signed_off"],
label[for="id_billing_already_has_account"] {
  display: inline;
}
.text-field,
.select-field {
  margin: 0 0 2em 0;
}
.text-field:hover label,
.select-field:hover label,
.text-field:focus label,
.select-field:focus label {
  color: #111111;
}
.text-field:hover input[type="text"],
.select-field:hover input[type="text"],
.text-field:focus input[type="text"],
.select-field:focus input[type="text"],
.text-field:hover textarea {
  background: white;
}
select {
  width: 15em;
  background: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 10px;
  border: 0;
  border-radius: 3px;
  height: 2.5em;
  display: inline-block;
  border: 1px solid #a7a7a7;
  color: #555;
  box-shadow: none;
  padding: 8px;
}
select.short {
  width: 4em;
}
.inline-field {
  display: inline-block;
  margin-right: 0em;
  width: 30%;
  vertical-align: top;
  /* fixes alignment when error messages shown below */
}
.inline-field.offset-left {
  margin-left: 5%;
  /* matches width of date-arrow below */
}
.inline-field.wider {
  width: 40%;
}
i.date-arrow {
  width: 5%;
  text-align: center;
}
.inline-label {
  display: inline-block;
  margin-right: 1em;
}
.large-label {
  font-size: 1.1em;
}
.required label:before {
  content: '* ';
  color: #fe4e4e;
}
.required .dates label:before {
  content: '';
  /* hide required field on dates list in lineage ad */
}
input[type="text"],
input[type="email"],
input[type="url"],
textarea {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: none;
  border: 1px solid white;
  border-radius: 0.3em;
  padding: 0.75em 1em;
  width: 70%;
  font-size: 1.2em;
  font-family: 'Istok Web', sans-serif;
  font-weight: 400;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cccccc;
}
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cccccc;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
textarea:hover {
  background: white;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
textarea:focus,
textarea:active {
  background: white;
  width: 73%;
  outline-color: #fbb802;
  outline-width: 3px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
input[type="text"].short {
  width: 30%;
}
.inline-field input[type="text"],
.inline-field textarea,
.inline-field select {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.collapsible h3 a {
  display: block;
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px dotted #a7a7a7;
  margin-left: -2em;
  padding-left: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.6em;
  color: #3554ae;
  text-decoration: none;
  position: relative;
  font-weight: 700;
}
.advert-type li {
  display: block;
  border-bottom: 1px dotted #a7a7a7;
  margin-left: -2.7em;
  padding-left: 2.7em;
  padding-bottom: 0.5em;
  padding-top: 1em;
  text-decoration: none;
  position: relative;
  font-weight: 700;
}
.advert-type li label {
  text-decoration: none;
  position: relative;
  font-weight: 700;
  font-size: 1.3em;
  font-family: 'Istok Web', sans-serif;
  margin-bottom: 0;
}
.collapsible h3 a:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f196";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3em;
  font-weight: normal;
  left: 0.4em;
  color: #a7a7a7;
}
.collapsible h3 a.no-cross:before {
  content: ' ';
}
.collapsible h3 a:hover,
.advert-type li:hover {
  background: #3554ae;
  color: white;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  cursor: pointer;
}
.advert-type li:hover label {
  color: white;
}
.collapsible h3 a:hover:before {
  color: white;
  content: "\f0fe";
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
}
.collapsible h3 a.no-cross:hover:before {
  content: ' ';
}
#standout h3,
#networks h3,
h3#date-top {
  display: block;
  background: #3554ae;
  color: white;
  border-bottom: none;
  margin-left: -2em;
  padding-left: 0;
  padding-left: 2em;
  padding-bottom: 0;
  padding-bottom: 0.5em;
  padding-top: 0.6em;
  text-decoration: none;
  position: relative;
  font-weight: 700;
}
button {
  border: none;
}
button[type="submit"],
.button {
  border: 1px solid white;
  background: #303051;
  /* Old browsers */
  background: -moz-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303051), color-stop(100%, #1b1b39));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #303051 0%, #1b1b39 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303051', endColorstr='#1b1b39', GradientType=0);
  /* IE6-9 */
  color: white;
  font-family: 'Istok Web', sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  text-shadow: none;
  padding: 1em 2.5em;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 4px;
  display: inline-block;
}
button[type="submit"]:hover,
.button:hover {
  background: #3554ae;
  text-decoration: none;
  color: white;
}
.button.large {
  font-size: 1.7em;
}
/* style file upload button for webkit and ie10 plus
(only way to do it for other browsers is hacky and involves relying on js)
Note these have to be declared separately - comma separated makes them fall over */
::-ms-browse {
  border: 1px solid white;
  background: #303051;
  /* Old browsers */
  background: -moz-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303051), color-stop(100%, #1b1b39));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #303051 0%, #1b1b39 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303051', endColorstr='#1b1b39', GradientType=0);
  /* IE6-9 */
  color: white;
  font-family: 'Istok Web', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  text-shadow: none;
  padding: 0.7em 1em;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 4px;
  display: inline-block;
}
::-webkit-file-upload-button {
  border: 1px solid white;
  background: #303051;
  /* Old browsers */
  background: -moz-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303051), color-stop(100%, #1b1b39));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #303051 0%, #1b1b39 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303051', endColorstr='#1b1b39', GradientType=0);
  /* IE6-9 */
  color: white;
  font-family: 'Istok Web', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  text-shadow: none;
  padding: 0.7em 1em;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 4px;
  display: inline-block;
  border: none;
}
::-ms-browse:hover {
  background: #3554ae;
  text-decoration: none;
  color: white;
}
::-webkit-file-upload-button:hover {
  background: #3554ae;
  text-decoration: none;
  color: white;
  border: none;
}
/* style options when editing a file */
input[name='stand_out_logo_file-clear'],
input[name='uploaded_file-clear'],
input[name='uploaded_file_2-clear'] {
  display: inline-block;
  margin-right: 1em;
}
label[for='stand_out_logo_file-clear_id'],
label[for='uploaded_file-clear_id'],
label[for='uploaded_file_2-clear_id'] {
  display: inline-block;
}
table {
  margin: 2em 0 1em 0;
}
th {
  text-align: left;
  padding: 0.75em 0 0.75em 1em;
  font-size: 0.9em;
  background: #303051;
  /* Old browsers */
  background: -moz-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303051), color-stop(100%, #1b1b39));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #303051 0%, #1b1b39 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #303051 0%, #1b1b39 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303051', endColorstr='#1b1b39', GradientType=0);
  /* IE6-9 */
  color: white;
}
th .fa-info-circle {
  font-size: 1.2em;
}
td {
  width: 10em;
  margin-right: 2.5em;
  padding: 1.5em 2em 0 1em;
  border-top: 1px dotted #a7a7a7;
  border-bottom: 1px dotted #a7a7a7;
  background: rgba(255, 255, 255, 0.2);
}
table input[type="text"] {
  width: 8em;
  padding: 0.75em;
  font-size: 0.9em;
}
table input[type="text"]:hover,
table input[type="text"]:active,
table input[type="text"]:focus {
  width: 8em;
}
table select {
  width: 11em;
}
.dates input[type="checkbox"],
input[type="radio"] {
  margin-right: 0.5em;
}
.dates li {
  width: 20%;
  display: block;
  float: left;
  margin: 0.5em 0 0.5em 0;
  font-size: 1em;
  font-weight: bold;
  padding: 0 10px 0 20px;
}
.dates li.newline {
  clear: both;
}
.dates li label {
  margin-bottom: 0;
  font-weight: normal;
}
.dates li input {
  margin-left: -20px;
}
input[type="radio"] {
  margin-bottom: 1em;
}
.error {
  color: #fe4e4e;
  position: relative;
}
.select-field.error ul.errorlist li,
.text-field.error ul.errorlist li,
.checkbox-field.error ul.errorlist li {
  margin-top: 0.5em;
}
.checkbox-field.error ul.errorlist {
  clear: both;
}
.error-above {
  margin-bottom: 1em;
}
.error:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f071";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  font-weight: normal;
  left: -35px;
  top: 40px;
}
.align-top.error:before {
  top: 0;
}
.text-field.error input {
  color: #fe4e4e;
}
.text-field.error p {
  font-size: 0.85em;
  padding: 0.5em 0 0 0;
}
.checkbox-field.error:before {
  top: 30px;
  /* adjust position of error triangle for issue dates in lineage ad */
}
.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
input.disable-added,
input[type="text"].disable-added:hover,
select.disable-added,
.text-field:hover input.disable-added,
.select-field:hover input.disable-added {
  background-color: #ccc;
}
.date-venue {
  margin-bottom: 1em;
  border-bottom: 1px dotted #a7a7a7;
}
/*============================== Popup styles ==============================*/
.popupcontainer {
  position: relative;
}
.pop {
  background-color: #FFFFFF;
  display: none;
  margin-top: 15px;
  position: absolute;
  top: 40px;
  width: 368px;
  z-index: 50;
  padding: 20px;
  border: 1px solid #ccc;
}
.pop h3 {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
.popup {
  cursor: pointer;
}
.close,
.slideup {
  display: block;
  clear: both;
  margin: 20px 0;
}
.slidediv {
  display: none;
}
/*============================== Rich text editor ==========================*/
.cke h2 {
  font-size: 1.286em;
  margin-top: 2.222em;
  border-top: 3px solid #FDBF14;
  padding: 0.5555em 0 0.8333em 0;
  border-bottom: 1px dotted #C8C8C8;
  margin-bottom: 0.8333em;
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #2e2e3b;
}
/*============================== Style overrides for vendor css ============*/
.ui-widget-content {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-bg_highlight-soft_100_eeeeee_1x100.png?8343d3fa26eb);
}
.ui-widget-header {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-bg_gloss-wave_35_f6a828_500x100.png?8343d3fa26eb);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-bg_glass_100_f6f6f6_1x400.png?8343d3fa26eb);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-bg_glass_100_fdf5ce_1x400.png?8343d3fa26eb);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-bg_glass_65_ffffff_1x400.png?8343d3fa26eb);
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-bg_highlight-soft_75_ffe45c_1x100.png?8343d3fa26eb);
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-bg_diagonals-thick_18_b81900_40x40.png?8343d3fa26eb);
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-icons_222222_256x240.png?8343d3fa26eb);
}
.ui-widget-header .ui-icon {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-icons_ffffff_256x240.png?8343d3fa26eb);
}
.ui-state-default .ui-icon {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-icons_ef8c08_256x240.png?8343d3fa26eb);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-icons_ef8c08_256x240.png?8343d3fa26eb);
}
.ui-state-active .ui-icon {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-icons_ef8c08_256x240.png?8343d3fa26eb);
}
.ui-state-highlight .ui-icon {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-icons_228ef1_256x240.png?8343d3fa26eb);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/static/booking_form/css/vendor/jquery-ui-images/ui-icons_ffd27a_256x240.png?8343d3fa26eb);
}
/*============================== Confirmation page =========================*/
.confirm-details {
  width: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 20px;
  margin-bottom: 2em;
  /* Because there are a lot of optional fields in the confirmation block, easist to always put a line
  break at the start of each field and just hide the first one in a paragraph so we don't get unwanted
  spacing. */
  /* styles below are for the preview of rich text fields in the description */
}
.confirm-details p {
  font-size: 0.85em;
}
.confirm-details p br:nth-of-type(1) {
  display: none;
}
.confirm-details h4 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0;
}
.confirm-details .description {
  background: rgba(255, 255, 255, 0.7);
  padding: 10px;
  margin-bottom: 1em;
}
.confirm-details .description sub {
  font-size: 0.75em;
}
.confirm-details .description h2 {
  font-size: 0.85em;
  border-top: 3px solid #FDBF14;
  padding: 0.5555em 0 0.8333em 0;
  border-bottom: 1px dotted #C8C8C8;
  margin: 0.5em 0;
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #2e2e3b;
  background: none;
  line-height: auto;
  width: 100%;
  display: block;
  position: static;
}
.confirm-details .description h2:before {
  content: none;
}
.confirm-details .description ul,
.confirm-details .description ol {
  list-style: disc outside none;
  font-size: 0.85em;
  padding-left: 1em;
}
.confirm-details .description ol {
  list-style: decimal;
}
.confirm-details .description p {
  margin: 0.5em 0;
}
.confirm-details .description em {
  font-style: italic;
}
.confirmation-form {
  min-height: 300px;
}
.confirmation {
  width: 180px;
  background: #ffffff;
  padding: 1.5em 1.5em 1em 1.5em;
  font-size: 70%;
}
.confirmation.shading {
  border: 2px solid #dcdbd6;
  border-radius: 10px;
  background-color: #dcdbd6;
}
.confirmation.frame {
  border: 2px solid black;
  border-radius: 10px;
}
.confirmation h1,
.confirmation p,
.confirmation .dates {
  margin-bottom: 0.25em;
}
.confirmation h1 {
  font-family: 'Neo Sans';
  font-weight: bold;
  color: #a1b4be;
  font-size: 2em;
  text-transform: uppercase;
}
.confirmation p {
  font-family: 'Neo Sans';
  font-size: 1.3em;
  line-height: 1.2;
}
.confirmation p span {
  font-family: 'Neo Sans';
  font-weight: bold;
}
.confirmation .meta {
  display: block;
  padding: 1em 0 1em 0;
  margin: 3em 0 2em 0;
  border-bottom: 1px dotted #a7a7a7;
  opacity: 0.7;
}
.actions {
  margin: 3em 0 0 0;
}
.actions .button {
  margin: 0 0 0.5em 0;
}
.actions .button.light {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #303051;
  color: #303051;
}
.actions .button.light:hover {
  background: #3554ae;
  border: 1px solid #3554ae;
  color: white;
}
/*============================== Small screens =============================*/
@media screen and (max-width: 1025px) {
  body {
    font-size: 0.8em;
  }
  .wrapper {
    width: 90%;
  }
  #main .wrapper {
    padding: 0;
  }
  header {
    padding: 1em 0 1em 0;
  }
  header.header-index {
    padding: 1em 0 2em 0;
  }
  .logo {
    display: block;
    width: 230px;
    height: 61px;
    float: none;
    margin-bottom: 25px;
  }
  h1 {
    font-size: 1.8em;
    letter-spacing: 0;
  }
  header h1,
  header p {
    margin-right: 0px;
  }
  h2 {
    font-size: 1.2em;
    margin: 0 0 1.5em 0;
    padding: 0.5em;
    line-height: 1.2;
    width: 95%;
  }
  h2:before {
    border-top: none;
    border-bottom: none;
    border-left: none;
  }
  h2:after {
    border-top: none;
    border-bottom: none;
    border-left: none;
  }
  h2.shorter {
    width: auto;
  }
  h3 {
    font-size: 1.2em;
  }
  .ad-options li:first-child {
    margin: 0 0 1em 0;
  }
  .ad-options li {
    width: 100%;
    float: none;
    margin: 0 0 1em 0;
  }
  .button.large {
    font-size: 1.2em;
  }
  .main-form {
    width: 100%;
  }
  #total,
  .mag {
    display: none;
  }
  .magavoidance {
    padding-top: initial;
  }
  .text-field.error:before {
    content: "";
  }
  .message-error:before {
    content: "";
  }
  input[type="text"],
  textarea {
    width: 85%;
  }
  input[type="text"]:focus,
  input[type="text"]:active,
  textarea:focus,
  textarea:active {
    width: 85%;
  }
  .inline-field {
    width: 100%;
  }
  .inline-field.offset-left {
    margin-left: 0;
  }
  i.date-arrow {
    display: none;
  }
  /*  .inline-field input[type="text"]:focus,
  .inline-field input[type="text"]:active,
  .inline-field textarea:focus,
  .inline-field textarea:active,
  .inline-field select:focus,
  .inline-field select:active {
    width: 80%;
  }*/
  input[type="text"].short {
    width: 50%;
  }
  .collapsible h3 a {
    margin-left: 0;
    line-height: 1.2;
  }
  .collapsible h3 a:before {
    top: 0.3em;
  }
  #networks {
    width: 100%;
  }
  #networks th {
    display: none;
  }
  #networks tr {
    background: rgba(255, 255, 255, 0.2);
    border-bottom: 1px dotted #a7a7a7;
  }
  #networks td {
    clear: both;
    display: block;
    border: none;
    background: none;
    width: 100%;
    padding-right: none;
  }
  /* reduce spacing above second td at mobile
  so label spacing is correct */
  #networks td:nth-child(2) {
    padding-top: 0;
  }
  #networks td:last-child {
    padding-bottom: 1.5em;
  }
  /* reshow label */
  #networks td span.hidden {
    position: static;
    left: 0;
    width: auto;
    height: auto;
  }
  #networks td .text-field {
    margin: 0;
  }
  #networks td .fa-times-circle:after {
    content: ' Clear this network';
    font-weight: bold;
  }
  .dates li {
    margin: 1em 0;
  }
  .pop {
    width: 100%;
  }
  #total.confirmation-page {
    display: block;
    position: static;
    margin: 2em 0;
  }
  #total.confirmation-page:after {
    border: none;
    bottom: 0;
  }
  .confirm-details {
    width: auto;
  }
}