/*
 *
 *                            ****         ****
 *                          ********     ********
 *                        ***********  ***********
 *                          *********************
 *                            *****************
 *                      *****************************
 *                      *****************************
 *                      *****************************
 *                      *****************************
 *                            *****************
 *                          *********************
 *                        ***********   ***********
 *                          *******       ********
 *                            ****          ****
 *
 */

@import url("http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Droid+Sans");
@font-face {
  font-family: 'CharcuterieBlock-Oblique-webfont';
  src: url('/Content/Customer/fonts/CharcuterieBlock-Oblique-webfont.eot');
  src: url('/Content/Customer/fonts/CharcuterieBlock-Oblique-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Customer/fonts/CharcuterieBlock-Oblique-webfont.woff') format('woff'), url('/Content/Customer/fonts/CharcuterieBlock-Oblique-webfont.ttf') format('truetype'), url('/Content/Customer/fonts/CharcuterieBlock-Oblique-webfont.svg#CharcuterieBlock-Oblique-webfont') format('svg');
}
@font-face {
  font-family: 'ArcherPro-Medium';
  src: url('/Content/Customer/fonts/ArcherPro-Medium.eot?#iefix') format('embedded-opentype'), url('/Content/Customer/fonts/ArcherPro-Medium.otf') format('opentype'), url('/Content/Customer/fonts/ArcherPro-Medium.woff') format('woff'), url('/Content/Customer/fonts/ArcherPro-Medium.ttf') format('truetype'), url('/Content/Customer/fonts/ArcherPro-Medium.svg#ArcherPro-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'begumbold';
  src: url('/Content/Customer/fonts/begum-bold-webfont.eot');
  src: url('/Content/Customer/fonts/begum-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Customer/fonts/begum-bold-webfont.woff2') format('woff2'), url('/Content/Customer/fonts/begum-bold-webfont.woff') format('woff'), url('/Content/Customer/fonts/begum-bold-webfont.ttf') format('truetype'), url('/Content/Customer/fonts/begum-bold-webfont.svg#begumbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'begumregular';
  src: url('/Content/Customer/fonts/begum-regular-webfont.eot');
  src: url('/Content/Customer/fonts/begum-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Customer/fonts/begum-regular-webfont.woff2') format('woff2'), url('/Content/Customer/fonts/begum-regular-webfont.woff') format('woff'), url('/Content/Customer/fonts/begum-regular-webfont.ttf') format('truetype'), url('/Content/Customer/fonts/begum-regular-webfont.svg#begumregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'intro_head_hbase';
  src: url('/Content/Customer/fonts/introheadh-base-webfont.eot');
  src: url('/Content/Customer/fonts/introheadh-base-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Customer/fonts/introheadh-base-webfont.woff2') format('woff2'), url('/Content/Customer/fonts/introheadh-base-webfont.woff') format('woff'), url('/Content/Customer/fonts/introheadh-base-webfont.ttf') format('truetype'), url('/Content/Customer/fonts/introheadh-base-webfont.svg#intro_head_hbase') format('svg');
  font-weight: normal;
  font-style: normal;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.ie6 .clearfix,
.ie7 .clearfix {
  zoom: 1;
}
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
  background: yellow;
  color: black;
}
/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */

}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */

}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"],
/* 1 */ input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */

}
/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */

}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */

}
/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}
.grid:before,
.grid:after {
  content: " ";
  display: table;
}
.grid:after {
  clear: both;
}
.ie6 .grid,
.ie7 .grid {
  zoom: 1;
}
.grid > .col {
  display: block;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
}
.grid .col.s10of10 {
  width: 100%;
}
.grid .col.s9of10 {
  width: 90%;
}
.grid .col.s8of10 {
  width: 80%;
}
.grid .col.s7of10 {
  width: 70%;
}
.grid .col.s6of10 {
  width: 60%;
}
.grid .col.s5of10 {
  width: 50%;
}
.grid .col.s4of10 {
  width: 40%;
}
.grid .col.s3of10 {
  width: 30%;
}
.grid .col.s2of10 {
  width: 20%;
}
.grid .col.s1of10 {
  width: 10%;
}
.grid .col.s9of9 {
  width: 100%;
}
.grid .col.s8of9 {
  width: 88.888888889%;
}
.grid .col.s7of9 {
  width: 77.777777778%;
}
.grid .col.s6of9 {
  width: 66.666666667%;
}
.grid .col.s5of9 {
  width: 55.555555556%;
}
.grid .col.s4of9 {
  width: 44.444444444%;
}
.grid .col.s3of9 {
  width: 33.333333333%;
}
.grid .col.s2of9 {
  width: 22.222222222%;
}
.grid .col.s1of9 {
  width: 11.111111111%;
}
.grid .col.s8of8 {
  width: 100%;
}
.grid .col.s7of8 {
  width: 87.5%;
}
.grid .col.s6of8 {
  width: 75%;
}
.grid .col.s5of8 {
  width: 62.5%;
}
.grid .col.s4of8 {
  width: 50%;
}
.grid .col.s3of8 {
  width: 37.5%;
}
.grid .col.s2of8 {
  width: 25%;
}
.grid .col.s1of8 {
  width: 12.5%;
}
.grid .col.s7of7 {
  width: 100%;
}
.grid .col.s6of7 {
  width: 85.714285714%;
}
.grid .col.s5of7 {
  width: 71.428571429%;
}
.grid .col.s4of7 {
  width: 57.142857143%;
}
.grid .col.s3of7 {
  width: 42.857142857%;
}
.grid .col.s2of7 {
  width: 28.571428571%;
}
.grid .col.s1of7 {
  width: 14.285714286%;
}
.grid .col.s6of6 {
  width: 100%;
}
.grid .col.s5of6 {
  width: 83.333333333%;
}
.grid .col.s4of6 {
  width: 66.666666667%;
}
.grid .col.s3of6 {
  width: 50%;
}
.grid .col.s2of6 {
  width: 33.333333333%;
}
.grid .col.s1of6 {
  width: 16.666666667%;
}
.grid .col.s5of5 {
  width: 100%;
}
.grid .col.s4of5 {
  width: 80%;
}
.grid .col.s3of5 {
  width: 60%;
}
.grid .col.s2of5 {
  width: 40%;
}
.grid .col.s1of5 {
  width: 20%;
}
.grid .col.s4of4 {
  width: 100%;
}
.grid .col.s3of4 {
  width: 75%;
}
.grid .col.s2of4 {
  width: 50%;
}
.grid .col.s1of4 {
  width: 25%;
}
.grid .col.s3of3 {
  width: 100%;
}
.grid .col.s2of3 {
  width: 66.666666667%;
}
.grid .col.s1of3 {
  width: 33.333333333%;
}
.grid .col.s2of2 {
  width: 100%;
}
.grid .col.s1of2 {
  width: 50%;
}
.grid .col.s1of1 {
  width: 100%;
}
.grid.reverse > .col {
  float: right;
}
.grid.gutter {
  margin-left: -15px;
  margin-right: -15px;
}
.grid.gutter > .col {
  padding-left: 15px;
  padding-right: 15px;
}
.grid.tight {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.grid.tight > .col {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.grid.debug > .col {
  background-color: rgba(0, 0, 0, 0.25);
}
.grid.debug > .col:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 960px) {
  .grid.collapsehalf960 > .col {
    width: 50%;
  }
}
@media only screen and (max-width: 960px) {
  .grid.collapse960 > .col {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 960px) {
  .grid.expand960 > .col {
    float: none;
    width: 100%;
  }
}
.lt-ie9 .grid.expand960 > .col {
  float: none;
  width: 100%;
}
@media only screen and (max-width: 840px) {
  .grid.collapsehalf840 > .col {
    width: 50%;
  }
}
@media only screen and (max-width: 840px) {
  .grid.collapse840 > .col {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 840px) {
  .grid.expand840 > .col {
    float: none;
    width: 100%;
  }
}
.lt-ie9 .grid.expand840 > .col {
  float: none;
  width: 100%;
}
@media only screen and (max-width: 720px) {
  .grid.collapsehalf720 > .col {
    width: 50%;
  }
}
@media only screen and (max-width: 720px) {
  .grid.collapse720 > .col {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 720px) {
  .grid.expand720 > .col {
    float: none;
    width: 100%;
  }
}
.lt-ie9 .grid.expand720 > .col {
  float: none;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .grid.collapsehalf600 > .col {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .grid.collapse600 > .col {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .grid.expand600 > .col {
    float: none;
    width: 100%;
  }
}
.lt-ie9 .grid.expand600 > .col {
  float: none;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .grid.collapsehalf480 > .col {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .grid.collapse480 > .col {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 480px) {
  .grid.expand480 > .col {
    float: none;
    width: 100%;
  }
}
.lt-ie9 .grid.expand480 > .col {
  float: none;
  width: 100%;
}
@media only screen and (max-width: 360px) {
  .grid.collapsehalf360 > .col {
    width: 50%;
  }
}
@media only screen and (max-width: 360px) {
  .grid.collapse360 > .col {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 360px) {
  .grid.expand360 > .col {
    float: none;
    width: 100%;
  }
}
.lt-ie9 .grid.expand360 > .col {
  float: none;
  width: 100%;
}
html {
  overflow-x: hidden;
  overflow-y: scroll;
}
body {
  margin: 0;
  font-family: 'begum-bold', serif;
  font-size: 15px;
  color: #1f232a;
  line-height: 24px;
}
.full-page-background {
  background: url(/Content/Vixen/img/background02.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
}
p {
  margin: 0 0 20px;
  font-family: 'begum-regular', sans-serif;
}
a {
  cursor: pointer;
  color: black;
}
a,
a:link,
a:visited {
  cursor: pointer;
  color: black;
  -webkit-transition: border 150ms, color 150ms;
  -khtml-transition: border 150ms, color 150ms;
  -moz-transition: border 150ms, color 150ms;
  -ms-transition: border 150ms, color 150ms;
  -o-transition: border 150ms, color 150ms;
  transition: border 150ms, color 150ms;
}
a:hover,
a:link:hover,
a:visited:hover,
a:focus,
a:link:focus,
a:visited:focus {
  text-decoration: none;
  border-bottom-color: black;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
  padding: 0;
  font-family: 'begum-bold', serif;
  font-weight: 500;
  text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
h1 {
  font-size: 50px;
  line-height: 50px;
}
h2 {
  font-size: 35px;
  line-height: 40px;
}
h3 {
  font-size: 30px;
  line-height: 35px;
}
h4 {
  font-size: 25px;
  line-height: 30px;
}
h5 {
  font-size: 20px;
  line-height: 25px;
}
h6 {
  font-size: 18px;
  line-height: 20px;
}
hgroup *:first-child {
  margin-bottom: 10px;
}
.relative {
  position: relative;
}
.hide {
  display: none;
}
.clear {
  clear: both;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.block {
  display: block;
  margin: 0 0 20px;
}
.spacing-top {
  margin-top: 20px;
}
.spacing-bottom {
  margin-bottom: 20px;
}
.spacing-left {
  margin-left: 20px;
}
.spacing-right {
  margin-right: 20px;
}
.gutter-top {
  margin-top: 15px;
}
.gutter-bottom {
  margin-bottom: 15px;
}
.gutter-left {
  margin-left: 15px;
}
.gutter-right {
  margin-right: 15px;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: right;
}
.text-right {
  text-align: right;
}
.line-break.zone {
  margin: 60px 0;
}
hr {
  background: 0;
  border: 0;
  outline: 0;
  margin: 20px 0;
  height: 1px;
  border-top: 2px solid black;
}
hr:before,
hr:after {
  content: " ";
  display: table;
}
hr:after {
  clear: both;
}
.ie6 hr,
.ie7 hr {
  zoom: 1;
}
hr.dotline {
  border-top-style: dashed;
}
dl dt {
  font-weight: bold;
}
.columns {
  -moz-column-width: 275px;
  -moz-column-count: 0;
  -moz-column-gap: 15px;
  -moz-column-rule-color: black;
  -moz-column-rule-style: solid;
  -moz-column-rule-width: 0px;
  -webkit-column-width: 275px;
  -webkit-column-count: 0;
  -webkit-column-gap: 15px;
  -webkit-column-rule-color: black;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-width: 0px;
  column-width: 275px;
  column-count: 0;
  column-gap: 15px;
  column-rule-color: black;
  column-rule-style: solid;
  column-rule-width: 0px;
  text-align: justify;
}
.columns.rule {
  -moz-column-width: 275px;
  -moz-column-count: 0;
  -moz-column-gap: 15px;
  -moz-column-rule-color: black;
  -moz-column-rule-style: solid;
  -moz-column-rule-width: 1px;
  -webkit-column-width: 275px;
  -webkit-column-count: 0;
  -webkit-column-gap: 15px;
  -webkit-column-rule-color: black;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-width: 1px;
  column-width: 275px;
  column-count: 0;
  column-gap: 15px;
  column-rule-color: black;
  column-rule-style: solid;
  column-rule-width: 1px;
}
blockquote {
  line-height: 30px;
  font-family: 'begum-bold', serif;
  font-weight: 400;
  font-size: 17px;
  margin: 0 20px;
}
blockquote p {
  margin-left: 20px;
}
blockquote.mark,
blockquote[class*="icon-"] {
  position: relative;
  padding-left: 60px;
  min-height: 40px;
}
blockquote.mark:before,
blockquote[class*="icon-"]:before {
  display: block;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 40px;
  line-height: 60px;
}
@media only screen and (max-width: 480px) {
  blockquote.mark,
  blockquote[class*="icon-"] {
    padding-left: 0;
    font-size: 16px;
    line-height: 24px;
  }
  blockquote.mark:after,
  blockquote[class*="icon-"]:after,
  blockquote.mark:before,
  blockquote[class*="icon-"]:before {
    line-height: 48px;
  }
  blockquote.mark:before,
  blockquote[class*="icon-"]:before {
    float: left;
    position: relative;
  }
}
blockquote.mark:before,
blockquote.mark:after {
  font-family: 'begum-bold', serif;
  font-size: 160px;
  top: 40px;
}
@media only screen and (max-width: 480px) {
  blockquote.mark:before,
  blockquote.mark:after {
    font-size: 100px;
    top: 20px;
  }
}
blockquote.mark:before {
  content: '\201C';
  left: -5px;
}
blockquote.mark.double {
  padding-right: 60px;
}
blockquote.mark.double:after {
  content: '\201D';
  display: block;
  width: 50px;
  position: absolute;
  right: 0;
  line-height: 60px;
}
.vixen-main ul a {
  font-weight: bold;
}
.vixen-main ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: black;
  position: relative;
  display: inline-block;
  bottom: 2px;
  right: 8px;
}
.vixen-main ul ul {
  list-style-type: none;
  margin: 5px 0 5px 0;
}
.vixen-main ul ul li:before {
  content: "";
  background: #55575c;
  width: 6px;
  height: 6px;
  position: relative;
  display: inline-block;
  bottom: 3px;
  right: 8px;
}
ul,
ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
  font-family: 'begum-regular', sans-serif;
  color: #55575c;
}
ul a,
ol a {
  color: black;
  text-decoration: underline;
}
ul {
  list-style-type: none;
}
ul ul {
  list-style-type: none;
  margin: 5px 0 5px 0;
}
ul.list {
  list-style-type: none;
}
ul.list li:not([class*="icon-"]):before {
  font-family: 'icomoon';
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  speak: none;
}
ul.list li:before {
  display: inline-block;
  margin-right: .5em;
  margin-left: -20px;
  width: 1em;
  text-align: center;
  color: black;
}
ul.list ul {
  list-style-type: none;
  margin-left: 5px;
}
ol {
  margin-left: 5px;
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
  margin: 5px 0 5px 5px;
}
ol.list {
  counter-reset: li;
  list-style: none;
  margin-left: 0;
}
ol.list li {
  position: relative;
}
ol.list li:before {
  content: counter(li, decimal);
  counter-increment: li;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  position: absolute;
  top: 2px;
  left: -1.75em;
  font-weight: bold;
  font-size: 0.75em;
  text-align: center;
  background-color: #cccccc;
  color: black;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
ol.list ol {
  counter-reset: li;
  list-style-type: none;
}
ol.list ol li:before {
  content: counter(li, lower-alpha);
  counter-increment: li;
}
.zone.page-view {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 5px;
  padding-top: 25px;
  min-height: 20px;
  outline: 1px dashed #aaaaaa;
}
.zone.page-view:after {
  content: "zone";
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 0px 3px;
  line-height: 13px;
  font-size: 9px;
  color: white;
  text-shadow: 0 -1px 0 #777777;
  background: #aaaaaa;
}
.slide-down {
  top: 0 !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}
.vixen-header {
  position: fixed;
  top: 0px;
  margin: 0 0 40px 0;
  z-index: 50;
  text-align: center;
  height: 53px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.vixen-header a {
  font-family: 'begum-bold', serif;
}
.vixen-header .logo {
  font-size: 28px;
  position: relative;
  top: 14px;
  display: none;
}
@media only screen and (max-width: 1063px) {
  .vixen-header .logo {
    display: inline;
  }
}
.vixen-header .leftmenu,
.vixen-header .rightmenu {
  position: relative;
  z-index: 9999;
}
@media only screen and (max-width: 1063px) {
  .vixen-header .leftmenu,
  .vixen-header .rightmenu {
    display: none;
  }
}
.vixen-header .leftmenu > ul,
.vixen-header .rightmenu > ul {
  display: inline-block;
}
.vixen-header .leftmenu > ul > li,
.vixen-header .rightmenu > ul > li {
  position: relative;
  z-index: 50;
  padding: 17px 10px 12px 10px;
}
.vixen-header .leftmenu > ul > li > ul,
.vixen-header .rightmenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  line-height: 1.4em;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin: 26px 0 0 -55px;
  padding: 10px 0;
  width: 168px;
  position: absolute;
  top: 50%;
  left: 55px;
  background: black;
  -webkit-transition: opacity 150ms;
  -khtml-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  transition: opacity 150ms;
}
.vixen-header .leftmenu > ul > li > ul > li,
.vixen-header .rightmenu > ul > li > ul > li {
  padding: 0 10px;
}
.vixen-header .leftmenu > ul > li > ul > li > a,
.vixen-header .rightmenu > ul > li > ul > li > a {
  display: block;
  padding: 5px 0;
  font-family: 'begum-regular', sans-serif;
  letter-spacing: 1.5px;
  line-height: 1.6;
  color: white;
  text-decoration: none;
  font-weight: 300;
  text-transform: none;
  font-size: 18px;
}
.vixen-header .leftmenu > ul > li > ul > li:first-child > a,
.vixen-header .rightmenu > ul > li > ul > li:first-child > a {
  border-top: 0;
}
.vixen-header .leftmenu > ul > li:hover,
.vixen-header .rightmenu > ul > li:hover {
  background-color: black;
}
.vixen-header .leftmenu > ul > li:hover > ul,
.vixen-header .rightmenu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
}
.vixen-header .socialmenu {
  position: relative;
  height: 59px;
  padding: 0 40px 0 0;
  right: 0;
  top: 0;
}
.vixen-header .socialmenu a {
  display: inline-block;
  position: relative;
  top: 11px;
  padding-left: 10px;
}
.vixen-header .socialmenu a:first-child {
  margin-left: 0;
}
.vixen-header .socialmenu img {
  height: 35px;
  width: 35px;
  display: block;
}
.vixen-header .socialmenu img path {
  fill: red;
}
@media only screen and (max-width: 1063px) {
  .vixen-header .socialmenu {
    display: none;
  }
}
.vixen-header .socialmenu ul {
  margin-left: 50px;
  margin-top: -6px;
}
.vixen-header .socialmenu .icon:before {
  position: relative;
  right: 5px;
  top: 2px;
}
.vixen-header .rightmenu {
  position: relative;
  right: 20px;
}
.vixen-header .sidenav-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 20px;
  width: 20px;
  font-size: 20px;
  line-height: 20px;
  color: white;
  cursor: pointer;
}
.vixen-header .menu {
  color: white;
  text-transform: uppercase;
}
.vixen-header .menu .icon-facebook {
  margin-right: 20px;
  top: 0;
}
.vixen-header .menu .leftmenu > ul {
  margin: 0 0 20px 20px;
  padding: 0;
  float: right;
}
@media only screen and (max-width: 1063px) {
  .vixen-header .menu .rightmenu {
    display: none;
  }
}
.vixen-header .menu .rightmenu ul {
  margin: 0;
  padding: 0;
  float: right;
}
.vixen-header .menu .rightmenu ul li {
  padding: 17px 10px 12px 10px;
}
.vixen-header .menu li {
  list-style: none;
  float: left;
  margin-right: 30px;
}
.vixen-header .menu li:last-child {
  margin-right: 0;
}
.vixen-header .menu li:hover > a {
  color: #ff7332;
}
.vixen-header .menu p {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  line-height: 24px;
}
.vixen-header .menu a {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
}
.vixen-header .menu a:hover {
  color: white;
}
.vixen-header .menu a:active {
  color: #ff7332;
}
.vixen-header .menu a:focus {
  color: white;
}
.vixen-header .menu a:visited {
  color: white;
}
.vixen-main {
  position: relative;
  top: 100px;
}
.vixen-main .vixen-content {
  margin: 0 auto 20px;
  max-width: 960px;
}
.logo-wrap {
  float: right;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 700px) {
  .logo-wrap {
    visibility: hidden;
  }
}
.logo-wrap .logo {
  position: relative;
}
.logo-wrap .logo img {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  bottom: 20px;
  position: fixed;
  right: 20px;
  width: 120px;
}
@media only screen and (max-width: 960px) {
  .logo-wrap .logo img {
    width: 100px;
    bottom: 20px;
    right: 20px;
  }
}
.flex-next:before {
  content: "";
  font-family: "icomoon";
}
.flex-prev:before {
  content: "";
  font-family: "icomoon";
}
.banner-wrap {
  position: relative;
  min-height: 44px;
}
ol.flex-control-paging {
  margin: 0;
  padding: 0;
  line-height: 10px;
  text-align: center;
  list-style: none;
}
ol.flex-control-paging li {
  display: inline-block;
}
ol.flex-control-paging li a {
  display: block;
  margin: 0 4px;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  border-radius: 50%;
  background: white;
  opacity: .5;
}
ol.flex-control-paging li a.flex-active {
  opacity: 1;
}
ul.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.flex-direction-nav li {
  display: block;
}
ul.flex-direction-nav li a {
  display: block;
  width: 32px;
  height: 20px;
  font-size: 0;
  color: white;
  cursor: pointer;
  background: black;
  text-decoration: none;
  padding: 12px 0px;
}
ul.flex-direction-nav li a:before {
  display: block;
  line-height: 20px;
  font-size: 26px;
  color: white;
  text-align: center;
  text-decoration: none;
}
ul.flex-direction-nav li a:before {
  font-family: 'icomoon';
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  speak: none;
}
ul.flex-direction-nav li a.flex-prev:before {
  font-family: 'icomoon';
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  speak: none;
}
ul.flex-direction-nav li a:hover {
  text-decoration: none;
  background-color: #3c3c3c;
}
@media only screen and (max-width: 480px) {
  ul.flex-direction-nav {
    display: none;
  }
}
ul.slides {
  list-style: none;
}
.banner {
  position: relative;
  z-index: 40;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  background: black;
}
.banner ul.slides {
  margin: 0;
  padding: 0;
  width: 100%;
}
.banner ul.slides li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 550px;
}
.banner .bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.banner .inner {
  position: relative;
  height: 100%;
}
.banner .blurp {
  position: absolute;
  top: 195px;
  left: 0;
  z-index: 30;
  max-width: 50%;
  cursor: default;
  margin: 0;
  padding: 0;
  text-align: left;
  border: none;
}
@media only screen and (max-width: 980px) {
  .banner .blurp {
    max-width: 75%;
  }
}
@media only screen and (max-width: 480px) {
  .banner .blurp {
    max-width: 100%;
  }
}
.banner .blurp h1,
.banner .blurp h2,
.banner .blurp h3,
.banner .blurp h4,
.banner .blurp .title {
  margin: 0;
  padding: 20px 30px;
  line-height: 1.15em;
  font-family: times;
  font-weight: 400;
  text-transform: uppercase;
  color: white;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9);
}
.banner .blurp .more {
  margin-top: 20px;
  position: absolute;
  top: 100%;
  z-index: 30;
}
.banner.sub .blurp {
  top: 120px;
}
.banner.sub ul.slides li {
  height: 300px;
}
@media only screen and (max-width: 480px) {
  .banner.sub ul.slides li {
    height: 200px;
  }
}
.banner .controls {
  position: relative;
  z-index: 1;
}
.banner ul.flex-direction-nav {
  position: absolute;
  top: 265px;
  right: 0;
}
.banner ul.flex-direction-nav li {
  float: left;
  margin: 0 0 0 1px;
}
.banner ol.flex-control-paging {
  position: absolute;
  top: 520px;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 480px) {
  .banner ul.slides li {
    height: 300px;
  }
  .banner.sub ul.slides li {
    height: 200px;
  }
  .banner .blurp {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.template-view .mobnav {
  position: relative;
  z-index: 999;
  padding: 13px 5px 5px;
  margin-bottom: 5px;
  min-height: 20px;
  outline: 1px dashed #aaaaaa;
}
.template-view .mobnav:after {
  content: "mobile-nav";
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 9999;
  padding: 0px 3px;
  line-height: 13px;
  font-size: 9px;
  color: white;
  text-shadow: 0 -1px 0 #777777;
  background: #aaaaaa;
}
@font-face {
  font-family: 'icomoon';
  src: url('/Content/Vixen/fonts/icomoon.eot');
  src: url('/Content/Vixen/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('/Content/Vixen/fonts/icomoon.woff') format('woff'), url('/Content/Vixen/fonts/icomoon.ttf') format('truetype'), url('/Content/Vixen/fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: 'icomoon';
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  speak: none;
}
.icon-before:before {
  font-family: 'icomoon';
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  speak: none;
}
.icon-after:after {
  font-family: 'icomoon';
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  speak: none;
}
[data-icon]:before {
  font-family: 'icomoon';
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  speak: none;
  content: attr(data-icon);
}
.icon-arrow-up:before,
.icon-arrow-left-up:before,
.icon-arrow-left:before,
.icon-arrow-left-down:before,
.icon-arrow-down:before,
.icon-arrow-right-down:before,
.icon-arrow-right:before,
.icon-arrow-right-up:before,
.icon-angle-up:before,
.icon-angle-left:before,
.icon-angle-down:before,
.icon-angle-right:before,
.icon-triangle-up:before,
.icon-triangle-left:before,
.icon-triangle-down:before,
.icon-triangle-right:before,
.icon-skapalon:before,
.icon-list:before,
.icon-plus:before,
.icon-minus:before,
.icon-list-rounded:before,
.icon-plus-rounded:before,
.icon-minus-rounded:before,
.icon-search:before,
.icon-user:before,
.icon-quote:before,
.icon-facebook:before,
.icon-twitter:before,
.icon-untitled:before,
.icon-x-altx-alt:before,
.icon-untitled-2:before,
.icon-untitled-3:before,
.icon-arrow-left-alt2:before,
.icon-trashcan:before,
.icon-untitled-4:before {
  font-family: 'icomoon';
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  speak: none;
}
.ico-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ico-demo .glyph {
  text-align: center;
  background: #eeeeee;
  padding: .75em;
  margin: .75em 1.5em .75em 0;
  border-radius: .25em;
  box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px black;
}
.ico-demo .glyph input {
  cursor: pointer;
  margin-top: .75em;
  width: 100%;
  text-align: center;
  font-family: consolas, monospace;
}
.ico-demo .glyph .fs1 {
  font-size: 40px;
}
.ico-demo .glyph .fs2 {
  font-size: 80px;
}
.ico-demo .glyph.inline {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
  display: inline-block;
  width: 30%;
}
.ico-demo.showcase .glyph {
  background: transparent;
  border: none;
  box-shadow: none;
}
.icon-arrow-up:before {
  content: "\e000";
}
.icon-arrow-left-up:before {
  content: "\e001";
}
.icon-arrow-left:before {
  content: "\e002";
}
.icon-arrow-left-down:before {
  content: "\e003";
}
.icon-arrow-down:before {
  content: "\e004";
}
.icon-arrow-right-down:before {
  content: "\e005";
}
.icon-arrow-right:before {
  content: "\e006";
}
.icon-arrow-right-up:before {
  content: "\e007";
}
.icon-angle-up:before {
  content: "\e008";
}
.icon-angle-left:before {
  content: "\e009";
}
.icon-angle-down:before {
  content: "\e00a";
}
.icon-angle-right:before {
  content: "\e00b";
}
.icon-triangle-up:before {
  content: "\e00c";
}
.icon-triangle-left:before {
  content: "\e00d";
}
.icon-triangle-down:before {
  content: "\e00e";
}
.icon-triangle-right:before {
  content: "\e00f";
}
.icon-skapalon:before {
  content: "\e010";
}
.icon-list:before {
  content: "\e011";
}
.icon-plus:before {
  content: "\e012";
}
.icon-minus:before {
  content: "\e013";
}
.icon-list-rounded:before {
  content: "\e014";
}
.icon-plus-rounded:before {
  content: "\e015";
}
.icon-minus-rounded:before {
  content: "\e016";
}
.icon-search:before {
  content: "\e017";
}
.icon-user:before {
  content: "\e018";
}
.icon-quote:before {
  content: "\e019";
}
.icon-facebook:before {
  content: "\e01a";
}
.icon-twitter:before {
  content: "\e01b";
}
.icon-untitled:before {
  content: "\e01d";
}
.icon-x-altx-alt:before {
  content: "\e01f";
}
.icon-untitled-2:before {
  content: "\e01c";
}
.icon-untitled-3:before {
  content: "\e020";
}
.icon-arrow-left-alt2:before {
  content: "\e021";
}
.icon-trashcan:before {
  content: "\e022";
}
.icon-untitled-4:before {
  content: "\e01e";
}
.form select,
.form textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="datetime"],
.form input[type="datetime-local"],
.form input[type="date"],
.form input[type="month"],
.form input[type="time"],
.form input[type="week"],
.form input[type="number"],
.form input[type="email"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="color"],
.form .uneditable-input {
  display: inline-block;
  margin: 0;
  padding: 8px 10px;
  width: 100%;
  height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
  font-size: 15px;
  color: #1f232a;
  outline: none;
  border: 1px solid #b7b7b7;
  border-radius: 1px;
  background: #fcfcfc;
  background: white;
  -webkit-transition: border 300ms, box-shadow 300ms;
  -khtml-transition: border 300ms, box-shadow 300ms;
  -moz-transition: border 300ms, box-shadow 300ms;
  -ms-transition: border 300ms, box-shadow 300ms;
  -o-transition: border 300ms, box-shadow 300ms;
  transition: border 300ms, box-shadow 300ms;
}
.ie7 .form select,
.ie7 .form textarea,
.ie7 .form input[type="text"],
.ie7 .form input[type="password"],
.ie7 .form input[type="datetime"],
.ie7 .form input[type="datetime-local"],
.ie7 .form input[type="date"],
.ie7 .form input[type="month"],
.ie7 .form input[type="time"],
.ie7 .form input[type="week"],
.ie7 .form input[type="number"],
.ie7 .form input[type="email"],
.ie7 .form input[type="url"],
.ie7 .form input[type="search"],
.ie7 .form input[type="tel"],
.ie7 .form input[type="color"],
.ie7 .form .uneditable-input {
  display: inline;
  zoom: 1;
}
.form select.huge,
.form textarea.huge,
.form input[type="text"].huge,
.form input[type="password"].huge,
.form input[type="datetime"].huge,
.form input[type="datetime-local"].huge,
.form input[type="date"].huge,
.form input[type="month"].huge,
.form input[type="time"].huge,
.form input[type="week"].huge,
.form input[type="number"].huge,
.form input[type="email"].huge,
.form input[type="url"].huge,
.form input[type="search"].huge,
.form input[type="tel"].huge,
.form input[type="color"].huge,
.form .uneditable-input.huge {
  height: 64px;
  padding-left: 20px;
  padding: 14px 10px 14px 20px;
  font-size: 24px;
}
.form select.large,
.form textarea.large,
.form input[type="text"].large,
.form input[type="password"].large,
.form input[type="datetime"].large,
.form input[type="datetime-local"].large,
.form input[type="date"].large,
.form input[type="month"].large,
.form input[type="time"].large,
.form input[type="week"].large,
.form input[type="number"].large,
.form input[type="email"].large,
.form input[type="url"].large,
.form input[type="search"].large,
.form input[type="tel"].large,
.form input[type="color"].large,
.form .uneditable-input.large {
  height: 48px;
  padding-left: 13.333333333px;
  padding: 8px 13.333333333px;
  font-size: 19px;
}
.form select.small,
.form textarea.small,
.form input[type="text"].small,
.form input[type="password"].small,
.form input[type="datetime"].small,
.form input[type="datetime-local"].small,
.form input[type="date"].small,
.form input[type="month"].small,
.form input[type="time"].small,
.form input[type="week"].small,
.form input[type="number"].small,
.form input[type="email"].small,
.form input[type="url"].small,
.form input[type="search"].small,
.form input[type="tel"].small,
.form input[type="color"].small,
.form .uneditable-input.small {
  height: 32px;
  padding-left: 6.666666667px;
  padding: 4px 6.666666667px;
  font-size: 11px;
}
.form select.tiny,
.form textarea.tiny,
.form input[type="text"].tiny,
.form input[type="password"].tiny,
.form input[type="datetime"].tiny,
.form input[type="datetime-local"].tiny,
.form input[type="date"].tiny,
.form input[type="month"].tiny,
.form input[type="time"].tiny,
.form input[type="week"].tiny,
.form input[type="number"].tiny,
.form input[type="email"].tiny,
.form input[type="url"].tiny,
.form input[type="search"].tiny,
.form input[type="tel"].tiny,
.form input[type="color"].tiny,
.form .uneditable-input.tiny {
  height: 22px;
  padding-left: 5px;
  padding: 2px 5px;
  font-size: 9px;
}
.form select:focus,
.form textarea:focus,
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form input[type="datetime"]:focus,
.form input[type="datetime-local"]:focus,
.form input[type="date"]:focus,
.form input[type="month"]:focus,
.form input[type="time"]:focus,
.form input[type="week"]:focus,
.form input[type="number"]:focus,
.form input[type="email"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="color"]:focus,
.form .uneditable-input:focus {
  box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.form select:hover,
.form textarea:hover,
.form input[type="text"]:hover,
.form input[type="password"]:hover,
.form input[type="datetime"]:hover,
.form input[type="datetime-local"]:hover,
.form input[type="date"]:hover,
.form input[type="month"]:hover,
.form input[type="time"]:hover,
.form input[type="week"]:hover,
.form input[type="number"]:hover,
.form input[type="email"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="color"]:hover,
.form .uneditable-input:hover {
  border-color: #bbbbbb;
}
.form textarea {
  height: 80px;
}
.form .dropdown {
  display: inline-block;
  position: relative;
  height: 36px;
  width: 100%;
  line-height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
  box-shadow: inset 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #cccccc;
  border-top-color: #bbbbbb;
  border-bottom-color: #dddddd;
  border-radius: 1px;
  background: white;
  -webkit-transition: border 300ms, box-shadow 300ms;
  -khtml-transition: border 300ms, box-shadow 300ms;
  -moz-transition: border 300ms, box-shadow 300ms;
  -ms-transition: border 300ms, box-shadow 300ms;
  -o-transition: border 300ms, box-shadow 300ms;
  transition: border 300ms, box-shadow 300ms;
}
.ie7 .form .dropdown {
  display: inline;
  zoom: 1;
}
.form .dropdown > .text {
  display: block;
  padding: 0 33px 0 10px;
  color: #1f232a;
  font-family: 'begum-regular', sans-serif;
}
.form .dropdown > .trigger {
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 30px;
  background: center no-repeat white;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAIAAAACtmMCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNrslLENwCAMBCGuqJgCiYXYiG1oGYY1qCidl2giRcEUdPEVlg3v68AysznKZU6jRjX+19h7jzHaFyEEXH2u8ZLWmvf+mceIw8WKYAS1ViKaOjQY13nZCHLO04hGDNvN3yylhFpKEZO7xjEGqnPumFHfjBrVOLkFGADdE+HPsaOj7AAAAABJRU5ErkJggg==');
  -webkit-transition: border 300ms, box-shadow 300ms;
  -khtml-transition: border 300ms, box-shadow 300ms;
  -moz-transition: border 300ms, box-shadow 300ms;
  -ms-transition: border 300ms, box-shadow 300ms;
  -o-transition: border 300ms, box-shadow 300ms;
  transition: border 300ms, box-shadow 300ms;
}
.form .dropdown:hover {
  border-color: #bbbbbb;
}
.form .dropdown:hover > .trigger {
  border-color: #bbbbbb;
}
.form .dropdown select {
  position: absolute;
  z-index: 3;
  bottom: 0px;
  left: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  padding: 0;
  width: 100%;
}
.form .dropdown.huge {
  height: 64px;
  line-height: 62px;
  font-size: 24px;
}
.form .dropdown.huge .text {
  padding-left: 20px;
}
.form .dropdown.large {
  height: 48px;
  line-height: 46px;
  font-size: 19px;
}
.form .dropdown.large .text {
  padding-left: 13.333333333px;
}
.form .dropdown.small {
  height: 32px;
  line-height: 30px;
  font-size: 11px;
}
.form .dropdown.tiny {
  height: 22px;
  line-height: 20px;
  font-size: 9px;
}
.radio-button-field label {
  font-weight: 700;
}
.form {
  margin-bottom: 20px;
}
@media only screen and (max-width: 960px) {
  .form {
    margin-bottom: 0;
  }
}
.form label {
  display: block;
  margin: 0 0 6.666666667px 0;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
.form label span {
  display: inline-block;
  margin: 0 0 0 10px;
  font-weight: normal;
  font-size: 11px;
  color: #b7b7b7;
}
.form.side {
  position: relative;
  padding-left: 170px;
}
.form.side > label {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 150px;
  line-height: 36px;
}
.form.side > label span {
  display: block;
  margin-left: 0;
  margin-top: -19.459459459px;
}
ol.radio li label,
ul.radio li label,
ol.checkbox li label,
ul.checkbox li label,
label.radio,
label.checkbox,
span.radio label,
span.checkbox label {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
ol.radio li input,
ul.radio li input,
ol.checkbox li input,
ul.checkbox li input,
label.radio input,
label.checkbox input,
span.radio input,
span.checkbox input {
  display: block;
  float: left;
  margin: 3px 6.666666667px 0 0;
}
ol.radio,
ul.radio,
ol.checkbox,
ul.checkbox {
  margin: 0;
  padding: 0;
}
ol.radio li,
ul.radio li,
ol.checkbox li,
ul.checkbox li {
  list-style: none;
  margin-bottom: 5px;
}
label.radio,
label.checkbox {
  display: block;
  margin-bottom: 5px;
}
span.radio,
span.checkbox {
  display: block;
  margin-bottom: 5px;
}
.FileUploadField {
  position: relative;
}
.FileUploadField .upload-label {
  margin-bottom: 0;
}
.FileUploadField .upload-replace {
  display: none;
  position: relative;
}
.FileUploadField .upload-replace .upload-remove {
  display: none;
  margin-top: -7.5px;
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 99;
  line-height: 15px;
  text-decoration: none;
}
.FileUploadField .upload-replace .upload-filename {
  padding-left: 30px;
  width: 100%;
  font-size: 16px;
}
.FileUploadField .upload-replace .upload-browse {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.form.chk > input {
  float: left;
  margin: 6px 10px 0 0;
}
.form.chk > label {
  text-transform: none;
}
.txt.chk {
  margin-bottom: 20px;
}
.txt.chk > label {
  text-transform: uppercase;
}
#ctl01_ctl02_form_field_8_rblRadioButtonField input {
  margin: 0 10px 0 0;
}
#ctl01_ctl02_form_field_8_rblRadioButtonField label {
  position: relative;
  top: 1px;
}
.txt.calender {
  margin-bottom: 20px;
}
.txt.calender label {
  font-weight: 700;
}
.txt.calender > label {
  display: inline-block;
  margin-bottom: 6px;
  text-transform: uppercase;
  width: 100%;
}
.pickerWrapper_Default td.inputCell {
  padding: 0 10px 0 0 !important;
}
.calender tr {
  background-color: transparent;
}
.form.upload-label {
  margin: 0 0 6.66667px;
}
.radio-button-list table {
  margin: 7px 0 20px 0;
}
.radio-button-list td {
  font-family: 'begum-regular', sans-serif;
  font-size: inherit;
  padding: 10px;
}
@media only screen and (max-width: 960px) {
  .form.chk {
    margin-top: 20px;
  }
  .form.txt {
    margin-top: 20px;
  }
  .form.drp {
    margin-top: 20px;
  }
  .radio-button-field {
    margin-top: 20px;
  }
}
.formTxtLabels {
  height: 0;
  position: relative;
  width: 100%;
}
.formTxtLabels span {
  position: absolute;
  right: 0;
}
.button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: text-shadow 250ms, color 250ms, box-shadow 250ms, border 250ms, background 250ms;
  -khtml-transition: text-shadow 250ms, color 250ms, box-shadow 250ms, border 250ms, background 250ms;
  -moz-transition: text-shadow 250ms, color 250ms, box-shadow 250ms, border 250ms, background 250ms;
  -ms-transition: text-shadow 250ms, color 250ms, box-shadow 250ms, border 250ms, background 250ms;
  -o-transition: text-shadow 250ms, color 250ms, box-shadow 250ms, border 250ms, background 250ms;
  transition: text-shadow 250ms, color 250ms, box-shadow 250ms, border 250ms, background 250ms;
  display: inline-block;
  margin: 0;
  padding: 0 20px;
  min-width: 80px;
  overflow: hidden;
  font-family: 'begum-bold', serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 1px;
  outline: none;
}
.ie7 .button {
  display: inline;
  zoom: 1;
}
.button:hover,
.button:active {
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .button {
    margin-bottom: 10px;
  }
}
.button {
  line-height: 34px;
  height: 36px;
  font-size: 11px;
}
.button.rounded {
  border-radius: 18px;
}
.button.huge {
  padding: 0 30px;
  font-size: 30px;
  line-height: 62px;
  height: 64px;
}
.button.huge.rounded {
  border-radius: 32px;
}
.button.large {
  font-size: 15px;
  line-height: 46px;
  font-weight: 300;
  height: 48px;
}
@media only screen and (max-width: 600px) {
  .button.large {
    font-size: 16px;
  }
}
.button.large.rounded {
  border-radius: 24px;
}
.button.small {
  padding: 0 10px;
  min-width: 70px;
  line-height: 30px;
  height: 32px;
  font-size: 15px;
}
.button.small.rounded {
  border-radius: 16px;
}
.button.tiny {
  padding: 0 7px;
  min-width: 60px;
  font-size: 13px;
  line-height: 20px;
  height: 22px;
}
.button.tiny.rounded {
  border-radius: 11px;
}
.button,
.button.neutral {
  color: white;
  border-color: black;
  background: black;
}
.button:hover,
.button.neutral:hover {
  color: #8f8f8f;
}
.button:focus,
.button.neutral:focus {
  box-shadow: 0 0 5px #318ce7;
}
.button:active,
.button.neutral:active,
.button.down,
.button.neutral.down,
.button.selected,
.button.neutral.selected {
  background: #4c4c4c;
}
.button.primary {
  color: white;
  text-shadow: 0 1px 0 rgba(85, 85, 85, 0.1);
  border-color: #828282;
  background: #8f8f8f;
}
.button.primary:hover {
  text-shadow: 0 1px 0 rgba(85, 85, 85, 0.1), 0 0 8px rgba(85, 85, 85, 0.1);
  border-color: #828282;
  color: #f2f2f2;
}
.button.primary:focus {
  box-shadow: inset 0 2px 0 -1px rgba(255, 255, 255, 0.75), inset 0 60px 40px -40px rgba(221, 221, 221, 0.5), 0 0 5px #318ce7;
}
.button.primary:active,
.button.primary.down,
.button.primary.selected {
  background: #9c9c9c;
}
.button.secondary {
  color: #1f232a;
  border-color: #b7b7b7;
  background: white;
}
.button.secondary:hover {
  border-color: #aaaaaa;
  color: #8f8f8f;
}
.button.secondary:focus {
  box-shadow: inset 0 2px 0 -1px rgba(255, 255, 255, 0.75), inset 0 60px 40px -40px rgba(255, 255, 255, 0.5), 0 0 5px #318ce7;
}
.button.secondary:active,
.button.secondary.down,
.button.secondary.selected {
  background: #f2f2f2;
}
/** icon related styles **/

.button[class^="icon-"],
.button[class*=" icon-"] {
  min-width: auto;
}
.button[class^="icon-"]:before,
.button[class*=" icon-"]:before,
.button[class^="icon-"] > span.icon,
.button[class*=" icon-"] > span.icon {
  display: inline-block;
  margin-left: -8px;
  margin-right: 8px;
  font-size: 11px;
  line-height: 36px;
}
.button[class^="icon-"].huge:before,
.button[class*=" icon-"].huge:before,
.button[class^="icon-"].huge > span.icon,
.button[class*=" icon-"].huge > span.icon {
  margin-left: -15px;
  margin-right: 12px;
  font-size: 30px;
  line-height: 64px;
}
.button[class^="icon-"].large:before,
.button[class*=" icon-"].large:before,
.button[class^="icon-"].large > span.icon,
.button[class*=" icon-"].large > span.icon {
  margin-left: -8px;
  margin-right: 10px;
  font-size: 15px;
  line-height: 48px;
}
.button[class^="icon-"].small:before,
.button[class*=" icon-"].small:before,
.button[class^="icon-"].small > span.icon,
.button[class*=" icon-"].small > span.icon {
  margin-left: 0px;
  margin-right: 10px;
  font-size: 15px;
  line-height: 32px;
}
.button[class^="icon-"].tiny:before,
.button[class*=" icon-"].tiny:before,
.button[class^="icon-"].tiny > span.ic,
.button[class*=" icon-"].tiny > span.ic {
  margin-left: -2px;
  margin-right: 7.5px;
  font-size: 13px;
  line-height: 22px;
}
.button[class^="icon-"].ico-right:before,
.button[class*=" icon-"].ico-right:before,
.button[class^="icon-"].ico-right > span.icon,
.button[class*=" icon-"].ico-right > span.icon {
  margin-left: 8px;
  margin-right: -8px;
  float: right;
}
.button[class^="icon-"].ico-right.huge:before,
.button[class*=" icon-"].ico-right.huge:before,
.button[class^="icon-"].ico-right.huge > span.icon,
.button[class*=" icon-"].ico-right.huge > span.icon {
  margin-left: 12px;
  margin-right: -15px;
}
.button[class^="icon-"].ico-right.large:before,
.button[class*=" icon-"].ico-right.large:before,
.button[class^="icon-"].ico-right.large > span.icon,
.button[class*=" icon-"].ico-right.large > span.icon {
  margin-left: 10px;
  margin-right: -8px;
}
.button[class^="icon-"].ico-right.small:before,
.button[class*=" icon-"].ico-right.small:before,
.button[class^="icon-"].ico-right.small > span.icon,
.button[class*=" icon-"].ico-right.small > span.icon {
  margin-left: 10px;
  margin-right: 0px;
}
.button[class^="icon-"].ico-right.tiny:before,
.button[class*=" icon-"].ico-right.tiny:before,
.button[class^="icon-"].ico-right.tiny > span.icon,
.button[class*=" icon-"].ico-right.tiny > span.icon {
  margin-left: 5px;
  margin-right: -2px;
}
.button[class^="icon-"].no-text,
.button[class*=" icon-"].no-text {
  overflow: hidden;
  padding: 0;
  width: 36px;
  position: relative;
  text-indent: -9999em;
}
.button[class^="icon-"].no-text:before,
.button[class*=" icon-"].no-text:before,
.button[class^="icon-"].no-text > span.icon,
.button[class*=" icon-"].no-text > span.icon {
  display: block;
  float: none;
  margin: 0;
  margin-left: -5.5px;
  width: 11px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 50%;
  text-indent: 0;
  text-align: center;
}
.button[class^="icon-"].no-text.huge,
.button[class*=" icon-"].no-text.huge {
  width: 64px;
}
.button[class^="icon-"].no-text.huge:before,
.button[class*=" icon-"].no-text.huge:before,
.button[class^="icon-"].no-text.huge > span.icon,
.button[class*=" icon-"].no-text.huge > span.icon {
  margin-left: -15px;
  width: 30px;
  line-height: 64px;
}
.button[class^="icon-"].no-text.large,
.button[class*=" icon-"].no-text.large {
  width: 48px;
}
.button[class^="icon-"].no-text.large:before,
.button[class*=" icon-"].no-text.large:before,
.button[class^="icon-"].no-text.large > span.icon,
.button[class*=" icon-"].no-text.large > span.icon {
  margin-left: -7.5px;
  width: 15px;
  line-height: 48px;
}
.button[class^="icon-"].no-text.small,
.button[class*=" icon-"].no-text.small {
  width: 32px;
}
.button[class^="icon-"].no-text.small:before,
.button[class*=" icon-"].no-text.small:before,
.button[class^="icon-"].no-text.small > span.icon,
.button[class*=" icon-"].no-text.small > span.icon {
  margin-left: -7.5px;
  width: 15px;
  line-height: 32px;
}
.button[class^="icon-"].no-text.tiny,
.button[class*=" icon-"].no-text.tiny {
  width: 22px;
}
.button[class^="icon-"].no-text.tiny:before,
.button[class*=" icon-"].no-text.tiny:before,
.button[class^="icon-"].no-text.tiny > span.icon,
.button[class*=" icon-"].no-text.tiny > span.icon {
  margin-left: -6.5px;
  width: 13px;
  line-height: 22px;
}
.button.inline-icon {
  padding-left: 0;
  padding-right: 0;
  width: 36px;
  min-width: auto;
  text-align: center;
}
.button.inline-icon.huge {
  width: 64px;
}
.button.inline-icon.large {
  width: 48px;
}
.button.inline-icon.small {
  width: 32px;
}
.button.inline-icon.tiny {
  width: 22px;
}
/** button-group **/

.button-group {
  margin-bottom: 20px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: top;
}
.button-group:before,
.button-group:after {
  content: " ";
  display: table;
}
.button-group:after {
  clear: both;
}
.ie6 .button-group,
.ie7 .button-group {
  zoom: 1;
}
.button-group > .text,
.button-group > .button,
.button-group > .button-group {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: top;
}
.button-group > .text:first-child,
.button-group > .button:first-child,
.button-group > .button-group:first-child {
  margin-left: 0;
}
.button-group > .text:last-child,
.button-group > .button:last-child,
.button-group > .button-group:last-child {
  margin-right: 0;
}
.button-group.combine .text,
.button-group.combine .button {
  margin-left: 0;
  margin-right: 0;
  border-left-width: 0;
  border-radius: 0;
}
.button-group.combine .text:first-child,
.button-group.combine .button:first-child {
  border-left-width: 1px;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
.button-group.combine .text:last-child,
.button-group.combine .button:last-child {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}
.button-group.combine .text.rounded:first-child,
.button-group.combine .button.rounded:first-child {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.button-group.combine .text.rounded:last-child,
.button-group.combine .button.rounded:last-child {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
.button-group > .text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  font-family: 'begum-regular', sans-serif;
  font-size: 11px;
  box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid black;
}
.button-group > .text.secondary {
  background: white;
  border-color: #b7b7b7;
  color: #1f232a;
  text-shadow-color: #555555;
}
.button-group > .text.huge {
  height: 64px;
  line-height: 62px;
  font-size: 30px;
}
.button-group > .text.huge[class^="icon-"],
.button-group > .text.huge[class*=" icon-"] {
  padding-left: 43px;
}
.button-group > .text.large {
  height: 48px;
  line-height: 46px;
  font-size: 15px;
}
.button-group > .text.large[class^="icon-"],
.button-group > .text.large[class*=" icon-"] {
  padding-left: 38px;
}
.button-group > .text.small {
  height: 32px;
  line-height: 30px;
  font-size: 15px;
}
.button-group > .text.small[class^="icon-"],
.button-group > .text.small[class*=" icon-"] {
  padding-left: 33px;
}
.button-group > .text.tiny {
  height: 22px;
  line-height: 20px;
  font-size: 13px;
}
.button-group > .text.tiny[class^="icon-"],
.button-group > .text.tiny[class*=" icon-"] {
  padding-left: 31px;
}
.button-group > .text.tiny[class^="icon-"]:before,
.button-group > .text.tiny[class*=" icon-"]:before {
  top: 1px;
}
.button-group .button-group {
  margin-bottom: 0;
}
/** misc. **/

.button.fill {
  width: 100%;
  min-width: auto;
  text-align: center;
}
.button.fill:not([class*="icon-"]) {
  padding-left: 0;
  padding-right: 0;
}
.button.caps {
  text-transform: uppercase;
}
@media only screen and (max-width: 960px) {
  .button.fill960 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.fill960:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 960px) {
  .button.unfill960 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.unfill960:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
.lt-ie9 .button.unfill960 {
  width: 100%;
  min-width: auto;
  text-align: center;
}
@media only screen and (max-width: 840px) {
  .button.fill840 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.fill840:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 840px) {
  .button.unfill840 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.unfill840:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
.lt-ie9 .button.unfill840 {
  width: 100%;
  min-width: auto;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .button.fill720 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.fill720:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 720px) {
  .button.unfill720 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.unfill720:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
.lt-ie9 .button.unfill720 {
  width: 100%;
  min-width: auto;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .button.fill600 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.fill600:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 600px) {
  .button.unfill600 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.unfill600:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
.lt-ie9 .button.unfill600 {
  width: 100%;
  min-width: auto;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .button.fill480 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.fill480:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 480px) {
  .button.unfill480 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.unfill480:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
.lt-ie9 .button.unfill480 {
  width: 100%;
  min-width: auto;
  text-align: center;
}
@media only screen and (max-width: 360px) {
  .button.fill360 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.fill360:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 360px) {
  .button.unfill360 {
    width: 100%;
    min-width: auto;
    text-align: center;
  }
  .button.unfill360:not([class*='icon-']) {
    padding-left: 0;
    padding-right: 0;
  }
}
.lt-ie9 .button.unfill360 {
  width: 100%;
  min-width: auto;
  text-align: center;
}
.skapalon-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  padding: 40px;
  width: 400px;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  background: white;
}
.skapalon-modal > .skapalon-modal-close {
  position: absolute;
  top: 13.333333333px;
  right: 13.333333333px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iNCwwIDAsNCA2LDEwIDAsMTYgNCwyMCAxMCwxNCAxNiwyMCAyMCwxNiAxNCwxMCAyMCw0IDE2LDAgMTAsNiAiLz4NCjwvc3ZnPg0K);
  opacity: .5;
  -webkit-transition: opacity 300ms;
  -khtml-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.skapalon-modal > .skapalon-modal-close:hover {
  opacity: 1;
}
.skapalon-modal.alert > .text {
  padding: 10px 0 30px;
  height: 40px;
  line-height: 20px;
  text-align: center;
}
.skapalon-modal.alert > .buttons {
  padding: 0 0 0 0;
  text-align: center;
}
.skapalon-modal.alert > .buttons .button {
  margin: 0 10px;
}
.skapalon-modal > .loading {
  line-height: 120px;
  text-align: center;
}
.skapalon-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.tabs {
  height: 45px;
  border-bottom: 1px solid black;
}
.tabs.accordion {
  visibility: hidden;
  opacity: 0;
  height: 0px;
  overflow: hidden;
}
.tabs .nav-tabs ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}
.tabs .nav-tabs ul li {
  float: left;
  margin: 0 10px 0 0;
  padding-left: 0;
}
.tabs .nav-tabs ul li:after {
  display: none;
}
.tabs .nav-tabs ul li a {
  display: block;
  padding: 10px 25px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  color: #1f232a;
  border: 1px solid black;
  border-bottom-color: black;
  background: #cccccc;
  outline: none;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
  -webkit-border-radius: 1px 1px 0 0;
  -moz-border-radius: 1px 1px 0 0;
  border-radius: 1px 1px 0 0;
}
.tabs .nav-tabs ul li a:hover {
  background: #fdfdfd;
}
.tabs .nav-tabs ul li a.selected {
  border-color: black;
  border-bottom-color: white;
  background: white;
  color: #535353;
}
.section.tab {
  border-top: none;
}
.section.tab.hide {
  display: none;
}
.section.tab .tabtitle {
  display: none;
}
.section.tab .tabcontent {
  padding: 20px 20px 0;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: black;
}
.section.tab.accordion {
  position: relative;
  padding: 0;
}
.section.tab.accordion .inside.padded {
  padding-top: 0;
}
.section.tab.accordion.hide {
  display: block;
}
.section.tab.accordion.hide .tabcontent {
  display: none;
}
.section.tab.accordion.hide .inside {
  padding-bottom: 0;
}
.section.tab.accordion .tabtitle {
  display: block;
  padding: 10px 15px;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  color: #1f232a;
  cursor: pointer;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: none;
  background: #cccccc;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
}
.section.tab.accordion .tabtitle:last-child {
  color: green;
}
.section.tab.accordion .tabtitle:before {
  float: right;
}
.section.tab.accordion .tabtitle.selected {
  border-color: black;
  border-bottom-color: white;
  background: white;
  color: #535353;
}
.section.tab.accordion .tabtitle.selected:before {
  display: none;
}
.section.tab.accordion > section {
  padding: 0;
  margin: 15px 20px;
  border: 1px solid black;
  border-radius: 1px;
}
.section.tab.accordion > section .panel-content {
  padding: 0 20px 20px 20px;
}
.section.tab.accordion .tabcontent {
  padding-top: 20px;
}
.zone.tab-wrap {
  padding: 0;
}
.toggle-wrap,
.tab-wrap {
  padding: 0;
  margin-bottom: 20px;
}
.toggle-wrap > ul,
.tab-wrap > ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  height: 41px;
  position: relative;
}
.toggle-wrap > ul > li,
.tab-wrap > ul > li {
  cursor: pointer;
  float: left;
  font-family: 'begum-regular', sans-serif;
  font-size: 16px;
  margin: 0 1px 0 0;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  background: black;
  border: 1px solid black;
  border-bottom-color: black;
  -webkit-border-radius: 1px 1px 0 0;
  -moz-border-radius: 1px 1px 0 0;
  border-radius: 1px 1px 0 0;
  color: white;
  -webkit-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  -khtml-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  -moz-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  -ms-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  -o-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
}
.toggle-wrap > ul > li:hover,
.tab-wrap > ul > li:hover {
  background: #303030;
}
.toggle-wrap > ul > li:before,
.tab-wrap > ul > li:before {
  content: none;
}
.toggle-wrap > ul > li.active,
.tab-wrap > ul > li.active {
  background: white;
  border-color: #bfbfbf;
  border-bottom: 1px solid white;
  color: black;
}
.toggle-wrap > ul > li.active:hover,
.tab-wrap > ul > li.active:hover {
  background: white;
}
.toggle-wrap > .panel,
.tab-wrap > .panel {
  background-color: white;
  border: 1px solid #bfbfbf;
}
.toggle-wrap > .panel .icon-plus:before,
.tab-wrap > .panel .icon-plus:before {
  margin-right: 15px;
  background-color: white;
  color: black;
  font-size: 12px;
  padding: 5px 5px 5px 6px;
}
.toggle-wrap > .panel .icon-minus:before,
.tab-wrap > .panel .icon-minus:before {
  margin-right: 15px;
  background-color: white;
  color: black;
  font-size: 12px;
  padding: 5px 5px 5px 6px;
}
.toggle-wrap > .panel > .paneltitle,
.tab-wrap > .panel > .paneltitle {
  font-family: 'begum-regular', sans-serif;
  font-size: 18px;
  border-top: 1px solid black;
  display: none;
  -webkit-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  -khtml-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  -moz-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  -ms-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  -o-transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
  transition: border-radius 250ms, border-color 250ms, border-radius 250ms, background 250ms, color 250ms;
}
.toggle-wrap > .panel > .panelcontent,
.tab-wrap > .panel > .panelcontent {
  position: relative;
  min-height: 20px;
  padding: 20px 20px 0 20px;
}
.toggle-wrap.expand > ul,
.tab-wrap.expand > ul,
.toggle-wrap.toggle > ul,
.tab-wrap.toggle > ul {
  display: none;
}
.toggle-wrap.expand > .panel,
.tab-wrap.expand > .panel,
.toggle-wrap.toggle > .panel,
.tab-wrap.toggle > .panel {
  margin-bottom: 5px;
  border-top: 0;
  background-color: white;
}
.toggle-wrap.expand > .panel > .paneltitle,
.tab-wrap.expand > .panel > .paneltitle,
.toggle-wrap.toggle > .panel > .paneltitle,
.tab-wrap.toggle > .panel > .paneltitle {
  cursor: pointer;
  display: block;
  font-family: 'begum-regular', sans-serif;
  padding: 6px 20px;
  height: 40px;
  line-height: 40px;
  color: white;
  background: black;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.toggle-wrap.expand > .panel > .paneltitle.active,
.tab-wrap.expand > .panel > .paneltitle.active,
.toggle-wrap.toggle > .panel > .paneltitle.active,
.tab-wrap.toggle > .panel > .paneltitle.active {
  background: black;
  -webkit-border-radius: 1px 1px 0 0;
  -moz-border-radius: 1px 1px 0 0;
  border-radius: 1px 1px 0 0;
}
.toggle-wrap.expand > .panel > .panelcontent,
.tab-wrap.expand > .panel > .panelcontent,
.toggle-wrap.toggle > .panel > .panelcontent,
.tab-wrap.toggle > .panel > .panelcontent {
  -webkit-border-radius: 0 0 1px 1px;
  -moz-border-radius: 0 0 1px 1px;
  border-radius: 0 0 1px 1px;
  padding-left: 48px;
}
.toggle-wrap.expand > ul,
.tab-wrap.expand > ul {
  display: none;
}
.toggle-wrap.expand > .panel,
.tab-wrap.expand > .panel {
  display: block !important;
}
.toggle-wrap.expand > .panel > .paneltitle,
.tab-wrap.expand > .panel > .paneltitle {
  cursor: default;
  display: block !important;
}
.toggle-wrap.expand > .panel > .panelcontent,
.tab-wrap.expand > .panel > .panelcontent {
  display: block !important;
}
.page-view .toggle-wrap.zone.tab-wrap,
.page-view .tab-wrap.zone.tab-wrap {
  position: relative;
  z-index: 999;
  padding: 13px 5px 5px;
  margin-bottom: 5px;
  min-height: 20px;
  outline: 1px dashed #aaaaaa;
}
.page-view .toggle-wrap.zone.tab-wrap:after,
.page-view .tab-wrap.zone.tab-wrap:after {
  content: "Zone > Wrap (tabs)";
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 9999;
  padding: 0px 3px;
  line-height: 13px;
  font-size: 9px;
  color: white;
  text-shadow: 0 -1px 0 #777777;
  background: #aaaaaa;
}
.page-view .toggle-wrap.zone.toggle-wrap,
.page-view .tab-wrap.zone.toggle-wrap {
  position: relative;
  z-index: 999;
  padding: 13px 5px 5px;
  margin-bottom: 5px;
  min-height: 20px;
  outline: 1px dashed #aaaaaa;
}
.page-view .toggle-wrap.zone.toggle-wrap:after,
.page-view .tab-wrap.zone.toggle-wrap:after {
  content: "Zone > Wrap (toggle)";
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 9999;
  padding: 0px 3px;
  line-height: 13px;
  font-size: 9px;
  color: white;
  text-shadow: 0 -1px 0 #777777;
  background: #aaaaaa;
}
.page-view .toggle-wrap.zone.tab-wrap,
.page-view .tab-wrap.zone.tab-wrap {
  outline-color: black;
}
.page-view .toggle-wrap.zone.tab-wrap >[src='/Disill/img/module-add.gif'],
.page-view .tab-wrap.zone.tab-wrap >[src='/Disill/img/module-add.gif'] {
  top: 18px;
  left: 0px;
}
.page-view .toggle-wrap.zone.tab-wrap >[src='/Disill/img/module-edit.gif'],
.page-view .tab-wrap.zone.tab-wrap >[src='/Disill/img/module-edit.gif'] {
  top: 18px;
}
.page-view .toggle-wrap.zone.tab-wrap .panelcontent >[src='/Disill/img/module-add.gif'],
.page-view .tab-wrap.zone.tab-wrap .panelcontent >[src='/Disill/img/module-add.gif'] {
  top: 10px;
  left: 10px;
}
.page-view .toggle-wrap.zone.tab-wrap .panelcontent >[src='/Disill/img/module-edit.gif'],
.page-view .tab-wrap.zone.tab-wrap .panelcontent >[src='/Disill/img/module-edit.gif'] {
  margin-left: -15px !important;
}
.page-view .toggle-wrap.zone.toggle-wrap,
.page-view .tab-wrap.zone.toggle-wrap {
  outline-color: black;
}
.page-view .toggle-wrap.zone.toggle-wrap >[src='/Disill/img/module-add.gif'],
.page-view .tab-wrap.zone.toggle-wrap >[src='/Disill/img/module-add.gif'] {
  top: 18px;
  left: 0px;
}
.page-view .toggle-wrap.zone.toggle-wrap >[src='/Disill/img/module-edit.gif'],
.page-view .tab-wrap.zone.toggle-wrap >[src='/Disill/img/module-edit.gif'] {
  margin-top: 5px;
}
.background-gray tbody tr:nth-child(odd) {
  background-color: white;
}
table {
  width: 100%;
  margin-bottom: 20px;
}
table th {
  padding: 20px;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  border: 1px solid black;
}
table td {
  padding: 20px;
  border: 1px solid #b5b3b3;
  font-size: 14px;
}
table thead tr {
  background-color: black;
  color: white;
}
table thead tr th {
  font-family: 'begum-bold', serif;
  font-weight: 800;
}
table tbody tr {
  background-color: white;
}
table.showcase {
  margin: 0 0 20px 0;
  width: 100%;
  empty-cells: hide;
}
table.showcase th,
table.showcase td {
  padding: 10px;
  border: 1px solid black;
}
table.showcase th {
  font-weight: bold;
  background: rgba(0, 0, 0, 0.05);
}
table.showcase th small {
  display: block;
}
table.showcase td {
  text-align: center;
}
table.showcase .empty {
  border: 0;
}
table.simple {
  margin: 0 0 20px;
  width: 100%;
  font-family: 'begum-bold', serif;
  font-size: 15px;
}
table.simple th,
table.simple td {
  padding: 10px 15px;
  border: 1px solid black;
}
table.simple th.empty,
table.simple td.empty {
  border-width: 0;
  background: transparent;
}
table.simple caption {
  caption-side: bottom;
  padding: 5px 10px;
  font-family: 'begum-bold', serif;
  font-size: 0.85em;
  font-style: italic;
  text-align: left;
  border-bottom: 0;
}
table.simple th {
  font-family: 'begum-bold', serif;
  font-weight: bold;
  text-align: center;
  background: #1a1a1a;
}
table.simple td {
  text-align: left;
}
table.simple tbody tr th {
  text-align: left;
}
table.simple tfoot {
  font-family: 'begum-bold', serif;
}
table.simple tfoot tr th,
table.simple tfoot tr td {
  font-weight: bold;
  background: #1a1a1a;
}
table.data {
  margin: 0 0 20px;
  width: 100%;
  font-family: 'begum-bold', serif;
  font-size: 15px;
}
table.data th,
table.data td {
  padding: 10px 15px;
  text-align: left;
  border: 1px solid black;
}
table.data th.empty,
table.data td.empty {
  border-width: 0;
  background: transparent;
}
table.data caption {
  caption-side: bottom;
  padding: 5px 10px;
  font-family: 'begum-bold', serif;
  font-size: 0.85em;
  font-style: italic;
  text-align: left;
  border-bottom: 0;
}
table.data th {
  font-family: 'begum-bold', serif;
}
table.data thead {
  font-weight: bold;
}
table.data thead tr th,
table.data thead tr td {
  color: #555555;
}
table.data thead tr:first-child th,
table.data thead tr:first-child td {
  border-bottom: 0;
  border-color: transparent;
}
table.data tbody tr:first-child th,
table.data tbody tr:first-child td {
  border-top-color: black;
  -webkit-box-shadow: inset 0 10px 6px -10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 10px 6px -10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 10px 6px -10px rgba(0, 0, 0, 0.5);
}
table.data tbody tr:nth-child(2n) th,
table.data tbody tr:nth-child(2n) td {
  background: #262626;
}
table.data tfoot {
  font-family: 'begum-bold', serif;
  font-weight: bold;
}
table.data tfoot tr th,
table.data tfoot tr td {
  color: #555555;
}
table.data tfoot tr:first-child th,
table.data tfoot tr:first-child td {
  border-top-width: 2px;
  border-top-color: black;
}
.table-wrap {
  overflow: auto;
  margin-bottom: 20px;
  max-width: 100%;
}
.table-wrap table {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0;
    border-collapse: separate;
  }
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
  }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }
  .pinned table th,
  .pinned table td {
    white-space: nowrap;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }
  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #cccccc;
  }
  div.table-wrapper div.scrollable {
    margin-left: 35%;
  }
  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }
  table.responsive td,
  table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }
  table.responsive th:first-child,
  table.responsive td:first-child,
  table.responsive td:first-child,
  table.responsive.pinned td {
    display: none;
  }
}
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
  padding: 20px 20px 0;
  margin: 0 0 20px;
  background: repeat url(/img/8f8f8f-80perc-pixel.png);
  border-radius: 1px;
}
.box > .content {
  margin: 0 -20px 20px -20px;
  padding: 0 20px 0;
}
.box > .content.title {
  border-bottom: 1px solid black;
}
.box.no-padding {
  padding: 0;
}
.box.no-border {
  border: none;
}
.box.bottom-shadow {
  -webkit-box-shadow: 0 8px 8px -8px black;
  -moz-box-shadow: 0 8px 8px -8px black;
  box-shadow: 0 8px 8px -8px black;
}
.white-box {
  padding: 20px 60px 20px;
  margin: 100px 60px 20px;
  background: rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 960px) {
  .white-box {
    margin: 100px 40px 20px;
    padding: 20px 20px 0;
  }
}
.white-box > .content {
  margin: 0 -20px 20px -20px;
  padding: 0 20px 0;
}
.white-box.no-padding {
  padding: 0;
}
.white-box.no-border {
  border: none;
}
img.image {
  max-width: 100%;
}
.aspect {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0 0 20px;
}
.aspect iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}
.figure {
  display: table;
  max-width: 50%;
}
.figure.float-right {
  margin: 0 0 20px 20px;
}
.figure.float-left {
  margin: 0 20px 20px 0;
}
.figure .figcaption {
  display: table-caption;
  caption-side: bottom;
  font-size: 0.85714285714286em;
  color: #474b52;
}
@media only screen and (max-width: 480px) {
  .figure {
    max-width: 100%;
  }
  .figure.float-right,
  .figure.float-left {
    float: none;
    margin: 0 auto 20px;
  }
}
.zone.background-white {
  background: rgba(255, 255, 255, 0.9);
  min-height: 100px;
  padding: 60px;
  margin: 0 10px;
}
@media only screen and (max-width: 480px) {
  .zone.background-white {
    padding: 30px;
  }
}
@media only screen and (max-width: 320px) {
  .zone.background-white {
    padding: 40px 20px;
  }
}
.zone.Banner {
  padding: 40px 30px 20px;
  margin-bottom: 10px;
}
.zone.Banner.Black {
  background-color: black;
  color: white;
}
.zone.Banner.White {
  background-color: white;
  color: black;
}
.article-index p {
  font-size: 17px;
}
.article-index img {
  float: right;
  margin: 0 0 20px 20px;
  width: 200px;
}
@media only screen and (max-width: 570px) {
  .article-index img {
    width: 100%;
  }
}
.article-index .clear.padding {
  padding: 30px 0;
}
@media only screen and (max-width: 960px) {
  .article-index .clear.padding {
    padding: 0;
  }
}
@media only screen and (max-width: 960px) {
  .article-index .item {
    margin-bottom: 50px;
  }
}
.article-index .full-article-button a {
  text-decoration: none;
  text-transform: uppercase;
}
.article-index .full-article-button a:hover {
  color: #555555;
}
.article-index .heading-and-date {
  border-bottom: 1px solid;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.article-index .heading-and-date .date {
  font-size: 13px;
}
.article-index .heading-and-date h1,
.article-index .heading-and-date h2,
.article-index .heading-and-date h3,
.article-index .heading-and-date h4,
.article-index .heading-and-date h5,
.article-index .heading-and-date h6 {
  margin: 0;
}
.article-index .heading-and-date h4 {
  font-size: 22px;
  font-weight: bold;
}
.article-item {
  position: relative;
}
.article-item .image-and-text {
  width: 50%;
  padding: 7px 20px 10px 0px;
}
@media only screen and (max-width: 570px) {
  .article-item .image-and-text {
    padding: 0;
    width: 100%;
  }
}
.article-item .image-and-text img {
  margin: 0;
}
.article-item .image-and-text p {
  margin: 0;
  font-size: 12px;
}
.article-sharing {
  border-top: 1px solid black;
  margin-top: 30px;
  padding-top: 20px;
}
.article-index.with-share h4 {
  font-size: 20px;
  font-weight: 300;
}
.article-index.with-share .item {
  border-bottom: 0;
  margin-bottom: 20px;
}
.article-index.archive img {
  float: left;
  margin: 0;
  padding: 0 30px 0 0;
  width: 20%;
}
@media only screen and (max-width: 1100px) {
  .article-index.archive img {
    margin: 0 5px 10px 0;
    width: 40%;
  }
}
@media only screen and (max-width: 500px) {
  .article-index.archive img {
    margin: 0 0 20px 0;
    width: 100%;
  }
}
.article-index.archive .item {
  border: 0 none;
}
.vixen-pricelist {
  margin-bottom: 50px;
  padding-right: 30px;
}
.vixen-pricelist.grid.gutter > .col {
  padding-left: 0;
  padding-right: 0;
}
.vixen-pricelist > div {
  border-top: 1px solid;
  margin: 0 13px;
  padding: 15px 0;
}
.vixen-pricelist > div span {
  font-family: 'begum-regular', sans-serif;
  font-size: 18px;
}
.vixen-pricelist > div .bold {
  font-weight: 900;
  font-family: 'begum-bold', serif;
}
.vixen-pricelist > div:last-child {
  border-bottom: 1px solid;
}
.round {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  /* future proofing */
  -khtml-border-radius: 50%;
  /* for old Konqueror browsers */

}
.pagination {
  border-top: 1px solid;
  padding: 40px 0;
  text-align: center;
}
.pagination .button {
  line-height: 32px;
  padding: 0 20px;
  height: 34px;
}
.pagination .button a {
  color: white;
  text-decoration: none;
  font-size: 16px;
}
.pagination .button a[disabled="disabled"] {
  color: #666666;
}
.pagination .button a[disabled="disabled"]:hover {
  color: #666666;
}
.pagination .button:hover {
  background-color: #444444;
}
.pagination .button:hover a {
  color: white;
}
.pagination .button:hover span {
  color: white;
}
@media only screen and (max-width: 500px) {
  .pagination .button {
    height: 22px;
    line-height: 17px;
    padding: 0 10px 21px 10px;
    margin: 0 10px;
  }
  .pagination .button .icon-triangle-left:before {
    font-size: 10px;
  }
  .pagination .button .icon-triangle-right:before {
    font-size: 10px;
  }
  .pagination .button a {
    font-size: 12px;
  }
}
.pagination .next {
  float: right;
}
.pagination .previous {
  float: left;
}
.pagination .button.numbers {
  min-width: 30px;
  padding: 0 10px;
  background: transparent;
  border-color: transparent;
}
.pagination .button.numbers:hover {
  border-color: black;
}
.pagination .pagination-dots {
  display: inline-block;
}
.pagination .pagination-dots .box-to-rounded {
  background-color: black;
  display: inline-block;
  height: 2px;
  width: 2px;
  position: relative;
  bottom: 12px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  /* future proofing */
  -khtml-border-radius: 50%;
  /* for old Konqueror browsers */

}
.pagination .icon {
  font-size: 13px;
}
.pagination .icon-triangle-right {
  margin-left: 10px;
}
.pagination .icon-triangle-left {
  margin-right: 10px;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
  max-width: 800px;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444444;
  text-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
  display: inline;
}
.fancybox-inner {
  overflow: hidden;
  height: 100% !important;
}
.fancybox-inner .inline {
  display: inline-block;
}
.fancybox-inner .image-container {
  float: left;
  max-width: 300px;
  margin: 0 20px 0 0;
}
.fancybox-inner .image-container img {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .fancybox-inner .image-container {
    float: none;
    margin: 0;
    max-width: 100%;
  }
}
.fancybox-inner .info-container {
  width: 96%;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/Content/Vixen/css/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/Content/Vixen/css/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/Content/Vixen/css/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(0, 0, 0, 0.5);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: auto;
}
.fancybox-lock {
  margin-right: 0 !important;
}
/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  margin-top: 20px;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: white;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-inside-wrap h6 {
  text-transform: none;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  padding: 10px;
  background: black;
  background: rgba(0, 0, 0, 0.8);
}
#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050;
}
#fancybox-thumbs.bottom {
  bottom: 2px;
}
#fancybox-thumbs.top {
  top: 2px;
}
#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5;
}
#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid white;
}
#fancybox-thumbs ul li:hover {
  opacity: 1;
}
#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222222;
  background: #111111;
  outline: none;
}
#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
}
.title-description h5 {
  text-transform: none;
  color: #19191a;
  font-weight: bold;
}
.item-product .clear.padding {
  height: 60px;
  position: relative;
}
@media only screen and (max-width: 720px) {
  .item-product .clear.padding {
    height: 0px;
  }
}
@media only screen and (max-width: 720px) {
  .item-product .product-list {
    margin-bottom: 40px;
  }
}
.item-product .product-list h5 {
  margin: 0 0 15px;
}
.item-product .product-list .full-article-button a {
  text-decoration: none;
  text-transform: uppercase;
}
.item-product .product-list .full-article-button a:hover {
  color: #555555;
}
.slider-container {
  display: block;
  position: relative;
}
.slider-container .slider-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 47%;
  height: 55%;
}
.slider-container .slider-wrapper .button {
  width: 10px;
}
.slider-container .slider-wrapper a:before {
  color: white;
}
.slider-container .slider-wrapper li {
  display: inline-block;
}
.slider-container .slider-wrapper li a {
  color: transparent;
}
.slider-container .slider-wrapper li a:focus {
  outline: none;
}
.slider-container .slider-wrapper ul {
  bottom: 12px;
  list-style: none outside none;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.slider-container .slider-wrapper .slidesjs-pagination-item a:before {
  background-color: pink;
  content: "";
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  .slider-container .slider-wrapper .slidesjs-pagination-item a:before {
    height: 10px;
    width: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
.slider-container .slider-wrapper .slidesjs-pagination-item .active:before {
  background-color: tomato;
}
.slider-container .slidesjs-next {
  float: right;
}
.product-slider ul li:before {
  content: none;
}
.product-slider {
  position: relative;
}
.product-slider ul {
  margin: 0;
  padding: 0;
}
.product-slider ul li {
  margin: 0;
  padding: 0;
}
.product-slider ul li img {
  width: 100%;
}
.product-slider ol.flex-control-paging {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}
.product-slider ul.flex-direction-nav .flex-next,
.product-slider ul.flex-direction-nav .flex-prev {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -khtml-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.product-slider ul.flex-direction-nav .flex-next {
  left: auto;
  right: 0;
}
.product-slider:hover ul.flex-direction-nav a {
  opacity: 1;
}
html.touch .hover-effect:hover .overlays {
  background-color: transparent;
}
.hover-effect {
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.hover-effect img {
  display: block;
  margin-bottom: 0;
}
.hover-effect h5 {
  margin: 0 0 15px;
}
.hover-effect .portfolio img {
  width: 100%;
}
.hover-effect:hover .overlays {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hover-effect:hover .more-info {
  display: block;
}
.overlays {
  position: absolute;
  text-transform: uppercase;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.overlays p {
  margin-top: 0;
  margin-bottom: 5px;
}
.more-info {
  display: none;
  position: relative;
  top: 47%;
  width: 100%;
}
.more-info .icon-search:before {
  color: white;
  font-size: 50px;
  padding: 20px;
}
.more-info .icon-hover {
  color: white;
  font-size: 20px;
  padding: 12px 20px;
  background-color: black;
}
.carousel {
  position: relative;
  margin-top: 65px;
}
.carousel .button[class^="icon-"]:before,
.carousel .button[class*=" icon-"]:before,
.carousel .button[class^="icon-"] > span.icon,
.carousel .button[class*=" icon-"] > span.icon {
  font-size: 12px;
}
.carousel .viewport {
  position: relative;
  overflow: hidden;
  width: 40px;
  height: 40px;
}
.carousel .viewport .overview {
  position: absolute;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  margin: 0;
}
.carousel .viewport .overview > li {
  list-style: none;
  float: left;
  width: 50px;
  height: 40px;
  margin-right: 20px;
}
.carousel .viewport .overview > li .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.carousel .viewport .overview > li > a {
  position: absolute;
  display: block;
  z-index: 100;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.carousel .viewport .overview > li:hover .overlay {
  -webkit-opacity: 20;
  -khtml-opacity: 20;
  -moz-opacity: 20;
  opacity: 20;
  filter: alpha(opacity=2000);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=2000);
}
.carousel.hide-controls .pager,
.carousel.hide-controls .buttons {
  display: none!important;
}
.carousel .buttons.normal {
  position: absolute;
  z-index: 20;
  top: -64px;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  text-decoration: none;
  outline: none;
}
.carousel .buttons.normal.disable:after {
  -webkit-opacity: 20;
  -khtml-opacity: 20;
  -moz-opacity: 20;
  opacity: 20;
  filter: alpha(opacity=2000);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=2000);
}
.carousel .buttons.normal span,
.carousel .buttons.normal:before {
  position: absolute;
  top: 20%;
  left: 50%;
  margin-top: -4px;
  margin-left: -5px;
  text-indent: 0px;
}
.carousel .buttons.normal.prev {
  right: 40px;
}
.carousel .buttons.normal.next {
  right: 0;
  border-left: 0;
}
.carousel .buttons.normal.next:after {
  content: '\e000';
}
.carousel .buttons.outside {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 24px;
  margin-top: -24px;
  text-indent: -9999px;
  color: green;
  text-decoration: none;
  outline: none;
}
.carousel .buttons.outside span,
.carousel .buttons.outside:before {
  position: absolute;
  top: 0;
  left: -5px;
  font-size: 23px;
  text-indent: 0;
}
.carousel .buttons.outside.prev {
  left: -40px;
}
.carousel .buttons.outside.next {
  right: -40px;
}
.carousel .buttons.outside.disable {
  color: #eeeeee;
}
.carousel .buttons.outside.disable:after {
  text-shadow: none;
}
.carousel .pager.normal {
  position: absolute;
  top: -55px;
  right: 110px;
}
.carousel .pager.normal li {
  float: left;
  margin-right: 10px;
  list-style: none;
}
.carousel .pager.normal li a {
  display: block;
  width: 9px;
  height: 9px;
  text-indent: -9999px;
  background: green;
  border-radius: 20px;
}
.carousel .pager.normal li a.active {
  background-color: green;
}
.carousel .pager.normal li:last-child {
  margin-right: 0;
}
.carousel.flytileidir .viewport {
  height: 120px;
}
.carousel.flytileidir .viewport .overview li {
  position: relative;
  width: 120px;
  height: 120px;
}
.carousel.flytileidir .viewport .overview li h4 {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 30px;
  background: green;
}
.carousel.flytileidir .viewport .overview li .image {
  height: 120px;
  width: 120px;
  background-repeat: no-repeat;
  background-size: cover;
}
.carousel.flytileidir .viewport .overview li:hover h4 {
  background: green;
}
.carousel.efst {
  margin-bottom: 30px;
  text-align: center;
}
.carousel.efst .viewport {
  height: 150px;
}
.carousel.efst .viewport .overview > li {
  position: relative;
  width: 320px;
  height: 150px;
}
.carousel.efst .viewport .overview > li h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0 20px;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 30px;
  background: green;
}
.carousel.efst .viewport .overview > li:hover h4 {
  background: green;
}
.carousel.efst .pager {
  position: static;
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 0;
}
.carousel.frettaslider h2 a {
  text-decoration: none;
}
.carousel.frettaslider .buttons.normal {
  top: -44px;
}
.carousel.frettaslider .viewport {
  height: 520px;
}
.carousel.frettaslider .viewport .overview li {
  position: relative;
  width: 448px;
  height: 520px;
}
.carousel.frettaslider .viewport .overview li .image {
  height: 310px;
  overflow: hidden;
}
.carousel.frettaslider .viewport .overview li .image img {
  width: 100%;
  height: auto;
}
.carousel.frettaslider .viewport .overview li h2 {
  margin-bottom: 0;
}
.carousel.frettaslider .viewport .overview li .date {
  margin-bottom: 20px;
  font-size: 14px;
}
.carousel.frettaslider .pager {
  height: 92px;
  margin: 0 -20px;
  padding: 0 10px 0 12px;
}
.carousel.frettaslider .pager li {
  float: left;
  width: 93px;
  margin-top: -2px;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
}
.carousel.frettaslider .pager li a {
  display: block;
  padding: 9px;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 2px solid transparent;
}
.carousel.frettaslider .pager li a.active {
  border-top-color: green;
}
.carousel.frettaslider .pager li a.active .image {
  -webkit-box-shadow: inset 0 0 0 4px white;
  -moz-box-shadow: inset 0 0 0 4px white;
  box-shadow: inset 0 0 0 4px white;
  border-color: green;
}
.carousel.frettaslider .pager li a:hover {
  background: white;
  border-color: green;
  border-top-color: green;
}
.carousel.frettaslider .pager li .image {
  position: relative;
  overflow: hidden;
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid transparent;
}
.carousel.frettaslider .pager li:first-child a {
  border-left: 1px solid transparent;
}
.carousel.frettaslider .pager li:first-child a:hover {
  border-left-color: green;
}
.carousel.mannlif {
  margin-bottom: 30px;
  text-align: center;
}
.carousel.mannlif .viewport {
  height: 400px;
}
.carousel.mannlif .viewport .overview > li {
  position: relative;
  width: 1000px;
  height: 400px;
}
.carousel.mannlif .viewport .overview > li .text {
  float: left;
  width: 32%;
  height: 100%;
  color: white;
  text-align: left;
  background: green;
}
.carousel.mannlif .viewport .overview > li .text .upper {
  height: 243px;
  padding: 0 green;
}
.carousel.mannlif .viewport .overview > li .text .upper h1 {
  color: white;
  font-size: 35px;
  font-weight: 700;
  line-height: 42px;
}
.carousel.mannlif .viewport .overview > li .text .upper p {
  line-height: 24px;
}
.carousel.mannlif .viewport .overview > li .text ul {
  position: relative;
  bottom: 0;
  margin: 0;
  padding: 0;
}
.carousel.mannlif .viewport .overview > li .text ul li {
  list-style: none;
}
.carousel.mannlif .viewport .overview > li .text ul li a {
  position: relative;
  display: block;
  height: 48px;
  padding-left: green;
  color: white;
  line-height: 48px;
  text-decoration: none;
  background: green;
  border-top: 1px solid green;
}
.carousel.mannlif .viewport .overview > li .text ul li a span,
.carousel.mannlif .viewport .overview > li .text ul li a:before {
  position: absolute;
  right: 20px;
  top: 20px;
}
.carousel.mannlif .viewport .overview > li .text ul li a:hover {
  color: green;
  background: green;
}
.carousel.mannlif .viewport .overview > li .image {
  float: left;
  width: 68%;
}
.carousel.mannlif .viewport .overview > li .image img {
  width: 100%;
}
.carousel.mannlif .pager {
  position: static;
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 0;
}
.carousel.thumbgallery .viewport {
  height: 480px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
}
.carousel.thumbgallery .viewport .overview {
  width: 10000px;
}
.carousel.thumbgallery .viewport .overview > li {
  height: 350px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/Vixen/css/libs/boxsizing.htc");
}
.carousel.thumbgallery .viewport .overview > li .item {
  display: block;
  position: relative;
  height: 180px;
  overflow: hidden;
  text-decoration: none;
  text-indent: 0;
}
.carousel.thumbgallery .viewport .overview > li .item .image {
  max-height: 130px;
  min-height: 100px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.carousel.thumbgallery .viewport .overview > li .item p {
  overflow: hidden;
  margin: 10px 0 0 1px;
  height: 20px;
  font-size: 12px;
}
.carousel.thumbgallery .viewport .overview > li .item:hover .image {
  -webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,1);
  -moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,1);
  box-shadow: inset 0 0 0 5px rgba(255,255,255,1);
}
.carousel.thumbgallery .pager {
  position: absolute;
  top: -56px;
  right: 90px;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
  background: black;
}
#cboxContent {
  padding: 20px;
  padding-bottom: 55px;
  background: white;
}
.cboxIframe {
  background: white;
}
#cboxError {
  padding: 50px;
  border: 1px solid #cccccc;
}
#cboxLoadedContent {
  background: white;
}
#cboxTitle {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #1f232a;
}
#cboxCurrent {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #1f232a;
}
#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: white;
}
#cboxPrevious {
  position: absolute;
  top: 50%;
  left: -40px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: blue;
  text-indent: -9999px;
}
#cboxPrevious:after {
  content: '\e003';
  position: absolute;
  top: 12px;
  left: 12px;
  color: white;
  font-family: 'icomoon';
  text-indent: 0;
}
#cboxPrevious:hover {
  background: pink;
}
#cboxNext {
  position: absolute;
  top: 50%;
  right: -40px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: blue;
  text-indent: -9999px;
}
#cboxNext:after {
  content: '\e002';
  position: absolute;
  top: 12px;
  left: 12px;
  color: white;
  font-family: 'icomoon';
  text-indent: 0;
}
#cboxNext:hover {
  background: pink;
}
#cboxLoadingOverlay {
  background: white;
}
#cboxLoadingGraphic {
  background: url(/Content/Vixen/css/img/loading.gif) no-repeat center center;
}
#cboxClose {
  display: none!important;
}
.content-image #cboxContent {
  padding-bottom: 20px;
}
/* APPLICATION PAGE */

.content.application-intro {
  margin-top: 40px;
}
.application-text {
  margin-bottom: 40px;
}
.send-application {
  margin: 30px 0 30px;
}
.about-me textarea {
  height: 127px;
}
.get-document > label {
  line-height: 45px;
  text-transform: uppercase;
  font-size: 16px;
}
.contact-menu .icon {
  font-size: 25px;
  position: relative;
  bottom: 3px;
}
.fade {
  opacity: 0;
}
.main-heading {
  text-align: center;
  margin-bottom: 40px;
  color: black;
}
.main-heading div img {
  width: 100%;
}
.main-heading h1 {
  display: inline-block;
  padding: 20px 0;
  font-weight: bold;
  font-size: 40px;
}
@media only screen and (max-width: 420px) {
  .main-heading h1 {
    font-size: 28px;
  }
}
.main-heading h1 p {
  margin: 0;
  font-family: 'begum-bold', serif;
  font-weight: bold;
  font-size: 40px;
}
@media only screen and (max-width: 420px) {
  .main-heading h1 p {
    font-size: 28px;
  }
}
.main-heading.with-date .inner {
  display: inline-block;
}
.main-heading.with-date .inner h1 {
  border-bottom: 0px solid;
  padding: 20px 0 0;
}
.main-heading.with-date .inner .date {
  background-color: black;
  color: white;
  padding: 5px 0;
  font-size: 16px;
}
.main-heading.white {
  color: white;
}
.main-heading.FrontPage h1 {
  font-size: 70px;
}
.main-heading.FrontPage h1 p {
  font-size: 70px;
}
@media only screen and (max-width: 1000px) {
  .main-heading.FrontPage h1 {
    font-size: 60px;
  }
  .main-heading.FrontPage h1 p {
    font-size: 60px;
  }
}
@media only screen and (max-width: 800px) {
  .main-heading.FrontPage h1 {
    font-size: 40px;
  }
  .main-heading.FrontPage h1 p {
    font-size: 40px;
  }
}
@media only screen and (max-width: 430px) {
  .main-heading.FrontPage h1 {
    font-size: 20px;
  }
  .main-heading.FrontPage h1 p {
    font-size: 20px;
  }
}
@media only screen and (max-height: 520px) {
  .main-heading.FrontPage h1 {
    display: none;
  }
  .main-heading.FrontPage h1 p {
    display: none;
  }
}
.custom-background {
  position: fixed;
  left: 20px;
  bottom: 40px;
  z-index: 100;
}
.custom-background .background-image {
  position: absolute;
  top: 9999px;
}
.FrontPage {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.FrontPage.fadeout {
  margin-left: 2000px;
}
.FrontPage.Logo {
  text-align: center;
  margin-bottom: 50px;
  display: inline-block;
  margin: 0 auto 20px;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  .FrontPage.Logo img {
    width: 300px;
  }
}
@media only screen and (max-width: 800px) {
  .FrontPage.Logo img {
    width: 200px;
  }
}
@media only screen and (max-width: 430px) {
  .FrontPage.Logo img {
    width: 150px;
  }
}
@media only screen and (max-height: 520px) {
  .FrontPage.Logo img {
    width: 100px;
  }
}
.zone.front-page-banner {
  display: block;
  position: absolute;
  text-align: center;
  opacity: 0;
  transition: opacity 0.75s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
}
@media only screen and (max-width: 450px) {
  .addthis_button_facebook_like.at300b {
    width: 100%;
  }
  .addthis_button_tweet.at300b {
    width: 100%;
  }
  .addthis_button_pinterest_pinit.at300b {
    width: 100%;
    padding: 10px 0;
  }
  .addthis_counter.addthis_pill_style {
    width: 100%;
    padding: 10px 0;
  }
}
.vixen-content img {
  max-width: 100%;
}
.sidebar {
  position: absolute;
  position: fixed;
  display: none;
  overflow: auto;
  top: 0;
  right: 0;
  width: 260px;
  z-index: 0;
  background: #1a1a1a;
  color: white;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.wrap {
  position: relative;
  z-index: 1;
}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.mobnav-toggle {
  float: left;
  left: 0;
  position: relative;
  top: -3px;
  display: none;
  outline: none;
}
.mobnav-toggle a {
  outline: none;
}
.mobnav-toggle .icon-list:before {
  font-size: 25px;
  padding: 15px 50px;
}
.mobnav-toggle .icon-list:before:hover {
  color: green;
}
@media only screen and (max-width: 1063px) {
  .mobnav-toggle {
    display: block;
  }
}
.mobnav a {
  text-decoration: none;
  font-family: 'begum-bold', serif;
  font-size: 17px;
}
.mobnav > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobnav > ul > li a {
  color: white;
  background: #1a1a1a;
  display: block;
  border-bottom: 1px solid #252525;
  padding: 10px 0px 10px 20px;
}
.mobnav > ul > li > ul {
  padding: 0;
  margin: 0;
}
.mobnav > ul > li > ul > li a {
  color: #8f8f8e;
  background: black;
  padding: 10px 0 10px 40px;
}
.full-page-background {
  background: url(/Content/Customer/img/mainBackgroundImage.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
}
.font-charcute {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.font-archer {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.font-open-sans {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.font-begum-regular {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.font-begum-bold {
  font-family: 'begumbold', sans-serif;
}
.font-droid-sans {
  font-family: 'begumbold', sans-serif;
}
.font-intro_head_hbase {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
}
.main-menu-font {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
  font-size: 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1160px) and (min-width: 1064px) {
  .main-menu-font {
    font-size: 18px !important;
  }
}
.dropdown-menu-font {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
}
.mobnav-main-nav-font {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.mobnav-sub-nav-font {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
  text-transform: none;
}
.front-page-heading-font {
  font-family: 'begumbold', sans-serif;
}
.general-page-heading-font {
  font-family: 'begumbold', sans-serif;
}
.general-heading-font {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.general-body-font {
  font-family: 'begumbold', sans-serif;
}
.table-body-font {
  font-family: 'begumbold', sans-serif;
}
.table-head-font {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.news-heading {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.news-date {
  font-family: 'begumbold', sans-serif;
}
.news-main-text {
  font-family: 'begumbold', sans-serif;
}
.simple-pricelist-heading-font {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.simple-pricelist-item-font {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.simple-pricelist-price-font {
  font-family: 'begumbold', sans-serif;
}
.complex-pricelist-item-font {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.complex-pricelist-price-font {
  font-family: 'begumbold', sans-serif;
}
.complex-pricelist-item-description-font {
  font-family: 'begumbold', sans-serif;
}
.complex-pricelist-price-description-font {
  font-family: 'begumbold', sans-serif;
}
.Img-Hover-Overlay-Button-Font {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.button-font {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
  font-weight: 600 !important;
}
.hover-effect:hover .overlays {
  background-color: rgba(242, 227, 10, 0.6);
}
.more-info .icon-search:before {
  color: white;
}
.more-info .icon-hover {
  background: #20a9a7;
}
.more-info .icon-hover {
  color: white;
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
body,
p {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
a {
  color: #20a9a7;
  text-decoration: underline;
}
a:hover {
  color: #187e7d;
}
.FrontPage.main-heading h1 {
  color: #3f3f3f;
  border-color: #fbda38;
  padding: 30px 0;
}
.main-heading h1 {
  color: #3f3f3f;
  border-color: #fbda38;
}
.FrontPage.main-heading h1 p {
  font-family: 'begumbold', sans-serif;
}
.main-heading h1 p,
.main-heading h1 {
  font-family: 'begumbold', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
}
.line-break hr {
  border-color: #fbda38;
}
.article-index .heading-and-date {
  border-color: #fbda38;
}
.main-heading.with-date .inner .date {
  background-color: #fbda38;
}
.article-sharing {
  border-color: #fbda38;
}
.article-index .heading-and-date h4,
.article-index .heading-and-date h4 a {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.article-index .heading-and-date .date {
  font-family: 'begumbold', sans-serif;
}
.article-index .text p {
  font-family: 'begumbold', sans-serif;
}
table thead tr th {
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
tbody tr td {
  font-family: 'begumbold', sans-serif;
}
.vixen-pricelist > div {
  border-color: #fbda38;
}
.vixen-pricelist > div:last-child {
  border-color: #fbda38;
}
.vixen-menu-list .menu-entry:nth-child(2n+1) {
  border-color: #fbda38;
}
.vixen-pricelist .float-left {
  color: black;
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.vixen-pricelist .float-right,
.vixen-pricelist .float-right.bold {
  color: black;
  font-family: 'begumbold', sans-serif;
}
.vixen-menu-list .left h4 {
  color: black;
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
}
.vixen-menu-list .left .bottom {
  color: black;
  font-family: 'begumbold', sans-serif;
}
.vixen-menu-list .right h4 {
  color: black;
  font-family: 'begumbold', sans-serif;
}
.vixen-menu-list .right .bottom {
  color: black;
  font-family: 'begumbold', sans-serif;
}
.vixen-menu-list .center h4 {
  color: black;
  font-family: 'begumbold', sans-serif;
}
.vixen-menu-list .center .bottom {
  color: black;
  font-family: 'begumbold', sans-serif;
}
.vixen-menu-list h5 {
  font-family: 'begumbold', sans-serif;
}
.button,
.button.neutral {
  color: white !important;
  border-color: #20a9a7 !important;
  background: #20a9a7 !important;
  font-family: 'begumregular', sans-serif;
  font-weight: 400 !important;
  font-weight: 600 !important;
}
.button:hover,
.button.neutral:hover {
  background-color: white !important;
  color: #20a9a7 !important;
  border-color: #20a9a7 !important;
}
.button:active,
.button.neutral:active {
  background-color: #20a9a7 !important;
  color: white !important;
  border-color: #20a9a7 !important;
}
.button.primary {
  color: #3f3f3f !important;
  border-color: #fbda38 !important;
  background: #fbda38 !important;
}
.button.primary:hover {
  background-color: #3f3f3f !important;
  color: #fbda38 !important;
  border-color: #fbda38 !important;
}
.button.primary:active {
  background-color: #fbda38 !important;
  color: #3f3f3f !important;
  border-color: #fbda38 !important;
}
.button.secondary {
  color: black !important;
  border-color: black !important;
  background: white !important;
}
.button.secondary:hover {
  background-color: white !important;
  color: #3f3f3f !important;
  border-color: #3f3f3f !important;
}
.button.secondary:active {
  background-color: black !important;
  color: white !important;
  border-color: white !important;
}
.pagination {
  border-color: #fbda38;
}
.pagination .button a {
  color: white !important;
}
.pagination .button:hover {
  background-color: white !important;
  color: #20a9a7 !important;
  border-color: #20a9a7 !important;
}
.pagination .button:hover a {
  color: #20a9a7 !important;
}
.pagination .button:hover .icon {
  color: #20a9a7 !important;
}
.pagination .button:active {
  background-color: #20a9a7 !important;
  color: white !important;
  border-color: #20a9a7 !important;
}
.vixen-header .socialmenu .icon:before {
  position: relative;
  right: 10px;
  top: 0;
}
.icon-facebook.icon {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
  font-size: 20px;
  text-transform: uppercase;
  color: white !important;
}
@media only screen and (max-width: 1160px) and (min-width: 1064px) {
  .icon-facebook.icon {
    font-size: 18px !important;
  }
}
.icon-facebook.icon:hover {
  color: #3f3f3f;
}
a.icon-facebook.icon:hover {
  color: #fbda38 !important;
}
.vixen-header {
  background: rgba(32, 169, 167, 0.8);
  height: 60px;
}
.vixen-header .leftmenu > ul > li,
.vixen-header .rightmenu > ul > li {
  padding: 17px 10px 17px;
}
.vixen-header .leftmenu > ul > li a,
.vixen-header .rightmenu > ul > li a {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
  font-size: 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1160px) and (min-width: 1064px) {
  .vixen-header .leftmenu > ul > li a,
  .vixen-header .rightmenu > ul > li a {
    font-size: 18px !important;
  }
}
.vixen-header .leftmenu > ul > li:hover,
.vixen-header .rightmenu > ul > li:hover {
  background-color: #20a9a7;
}
.vixen-header .leftmenu > ul > li > ul,
.vixen-header .rightmenu > ul > li > ul {
  background-color: #20a9a7;
  margin: 29px 0 0 -55px;
}
.vixen-header .leftmenu > ul > li > ul > li a,
.vixen-header .rightmenu > ul > li > ul > li a {
  color: white !important;
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
}
.vixen-header .leftmenu > ul > li > ul > li a:hover,
.vixen-header .rightmenu > ul > li > ul > li a:hover {
  color: #fbda38 !important;
}
.vixen-header .menu a {
  color: white;
}
.vixen-header .menu a:visited,
.vixen-header .menu a:focus {
  color: white;
}
.vixen-header .menu a.selected {
  color: #fbda38;
}
.vixen-header .menu li:hover a,
.vixen-header .menu li:active a {
  color: #fbda38;
}
.vixen-header .logo {
  top: 18px;
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
  font-size: 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1160px) and (min-width: 1064px) {
  .vixen-header .logo {
    font-size: 18px !important;
  }
}
.mobnav-toggle {
  top: -1px;
}
.mobnav > ul > li a {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: white;
  background: #20a9a7;
  border-color: #fbda38;
}
.mobnav > ul > li a:hover {
  border-color: #fbda38;
}
.mobnav > ul > li > ul > li a {
  font-family: 'intro_head_hbase', sans-serif;
  font-weight: 400 !important;
  text-transform: none;
  color: white;
  background: #20a9a7;
}
.sidebar {
  background: #20a9a7;
}
.main-heading.FrontPage h1 {
  font-size: 70px;
}
.main-heading.FrontPage h1 p {
  font-size: 70px;
}
@media only screen and (max-width: 1000px) {
  .main-heading.FrontPage h1 {
    font-size: 60px;
  }
  .main-heading.FrontPage h1 p {
    font-size: 60px;
  }
}
@media only screen and (max-width: 800px) {
  .main-heading.FrontPage h1 {
    font-size: 40px;
  }
  .main-heading.FrontPage h1 p {
    font-size: 40px;
  }
}
@media only screen and (max-width: 430px) {
  .main-heading.FrontPage h1 {
    font-size: 20px;
  }
  .main-heading.FrontPage h1 p {
    font-size: 20px;
  }
}
@media only screen and (max-height: 520px) {
  .main-heading.FrontPage h1 {
    display: none;
  }
  .main-heading.FrontPage h1 p {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .FrontPage.Logo img {
    width: 600px;
  }
}
@media only screen and (max-width: 700px) {
  .FrontPage.Logo img {
    width: 400px;
  }
}
@media only screen and (max-width: 430px) {
  .FrontPage.Logo img {
    width: 200px;
  }
}
@media only screen and (max-height: 520px) {
  .FrontPage.Logo img {
    width: 200px;
  }
}