/* ==========================================================================
   PIRANHA DESIGNS CSS
 
   Main Styles to use with Bootstrap
   ========================================================================== */
 
 
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 10, 2013 06:36:34 AM America/New_York */
 
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; margin-bottom: 1px; }
html, button, input, select, textarea { font-family: Arial, helvetica, sans-serif; color: #333; }
body { margin: 0; }
::-moz-selection { background: #bbb; color: #fff; text-shadow: none; }
::selection { background: #bbb; color: #fff; text-shadow: none; }
 
a { color: #000; text-decoration: none; }
a:hover { color: #bbb; }
/*a:visited { color: #EEB400; }*/
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
 
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #bbb; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 80%; }
 
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
 
ul, ol { margin: 0 0 0 0; padding: 0 0 0 0; }
ol { padding-left: 20px; float: left; }
ol li { margin-bottom: 10px; }
dd { margin: 0 0 0 130px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
 
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
 
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
#recaptcha_image img { margin: 0 0px 11px; width: 408px;}
 
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
td { vertical-align: top; }
 
.left {float:left;}
.right { float:right; }
.half { width: 50%; display: block; float: left; }
 
 
span { padding: 0; margin: 0; }
 
/* ==========================================================================
   Fonts
   ========================================================================== */
 
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/open-sans/OpenSans-Light-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/open-sans/OpenSans-Bold-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/open-sans/OpenSans-Italic-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/open-sans/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato/lato-medium-webfont.eot');
    src: url('../fonts/lato/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato/lato-medium-webfont.woff') format('woff'),
         url('../fonts/lato/lato-medium-webfont.ttf') format('truetype'),
         url('../fonts/lato/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal; }
 
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato/lato-light-webfont.eot');
    src: url('../fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal; }
 
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato/lato-bold-webfont.eot');
    src: url('../fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal; }
 
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato/lato-regular-webfont.eot');
    src: url('../fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal; }
 
@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato/lato-semibold-webfont.eot');
    src: url('../fonts/lato/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-semibold-webfont.woff2') format('woff2'),
         url('../fonts/lato/lato-semibold-webfont.woff') format('woff'),
         url('../fonts/lato/lato-semibold-webfont.ttf') format('truetype'),
         url('../fonts/lato/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal; }
 

 @font-face {
    font-family: 'textablack';
    src: url('../fonts/texta/texta-black-webfont.eot');
    src: url('../fonts/texta/texta-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta/texta-black-webfont.woff2') format('woff2'),
         url('../fonts/texta/texta-black-webfont.woff') format('woff'),
         url('../fonts/texta/texta-black-webfont.ttf') format('truetype'),
         url('../fonts/texta/texta-black-webfont.svg#textablack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'textathin';
    src: url('../fonts/texta/texta-thin-webfont.eot');
    src: url('../fonts/texta/texta-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta/texta-thin-webfont.woff2') format('woff2'),
         url('../fonts/texta/texta-thin-webfont.woff') format('woff'),
         url('../fonts/texta/texta-thin-webfont.ttf') format('truetype'),
         url('../fonts/texta/texta-thin-webfont.svg#textathin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'textaregular';
    src: url('../fonts/texta/texta-regular-webfont.eot');
    src: url('../fonts/texta/texta-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta/texta-regular-webfont.woff2') format('woff2'),
         url('../fonts/texta/texta-regular-webfont.woff') format('woff'),
         url('../fonts/texta/texta-regular-webfont.ttf') format('truetype'),
         url('../fonts/texta/texta-regular-webfont.svg#textaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'textalight';
    src: url('../fonts/texta/texta-light-webfont.eot');
    src: url('../fonts/texta/texta-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta/texta-light-webfont.woff2') format('woff2'),
         url('../fonts/texta/texta-light-webfont.woff') format('woff'),
         url('../fonts/texta/texta-light-webfont.ttf') format('truetype'),
         url('../fonts/texta/texta-light-webfont.svg#textalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'textamedium';
    src: url('../fonts/texta/texta-medium-webfont.eot');
    src: url('../fonts/texta/texta-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta/texta-medium-webfont.woff2') format('woff2'),
         url('../fonts/texta/texta-medium-webfont.woff') format('woff'),
         url('../fonts/texta/texta-medium-webfont.ttf') format('truetype'),
         url('../fonts/texta/texta-medium-webfont.svg#textamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'textaheavy';
    src: url('../fonts/texta/texta-heavy-webfont.eot');
    src: url('../fonts/texta/texta-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta/texta-heavy-webfont.woff2') format('woff2'),
         url('../fonts/texta/texta-heavy-webfont.woff') format('woff'),
         url('../fonts/texta/texta-heavy-webfont.ttf') format('truetype'),
         url('../fonts/texta/texta-heavy-webfont.svg#textaheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'textabold';
    src: url('../fonts/texta/texta-bold-webfont.eot');
    src: url('../fonts/texta/texta-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta/texta-bold-webfont.woff2') format('woff2'),
         url('../fonts/texta/texta-bold-webfont.woff') format('woff'),
         url('../fonts/texta/texta-bold-webfont.ttf') format('truetype'),
         url('../fonts/texta/texta-bold-webfont.svg#textabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'textabook';
    src: url('../fonts/texta/texta-book-webfont.eot');
    src: url('../fonts/texta/texta-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texta/texta-book-webfont.woff2') format('woff2'),
         url('../fonts/texta/texta-book-webfont.woff') format('woff'),
         url('../fonts/texta/texta-book-webfont.ttf') format('truetype'),
         url('../fonts/texta/texta-book-webfont.svg#textabook') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
 
/* ==========================================================================
   Overall styles
   ========================================================================== */
 
html { height: 100%; background: url('abstract-grey.jpg') repeat center top fixed;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
 
html.program { height: 100%; background-position: center 101px!important;
  -webkit-background-size: auto 500px!important;
  -moz-background-size: auto 500px!important;
  -o-background-size: auto 500px!important;
  background-size: auto 500px!important;
}
 
html.program:before { content: ' '; display: block; height: 150px; width: 100%; position: fixed; top: 451px; z-index: -1;
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(15,33,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(100%,rgba(15,33,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(15,33,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(15,33,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(15,33,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(15,33,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#0f212d',GradientType=0 ); /* IE6-9 */
}
 
body { padding: 0px; background: none; padding-top: 80px; }
body.has-submenu {padding-top: 120px;}
 
p, li, td { color: #333; font-size: 14px; line-height: 19px; text-align: justify; }
 
ol li, ul li { list-style: inside; list-style: none; }
.content ol li, .content ul li { list-style: inside; list-style: default; }
 
ul li p { margin: 0px; }
 
h1, h2, h3, h4 { font-weight: normal; color: #000; }
.content h1, .content h2, .content h3, .content h4 { color: #7d4f82; }
 
a { color: #3d9bd5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none!important; }
a:hover h5 { text-decoration: underline; }
 
h1, h2 {font-family: 'textabold', helvetica, sans-serif;font-weight: normal;line-height: 1.1em !important;letter-spacing: -1px;}
h3, h4 {font-family: 'textaregular', helvetica, sans-serif;font-weight: normal;line-height: 1.4em !important;}
 
h1 strong, h2 strong, .headline { font-family: 'latoregular', helvetica, sans-serif; }
h3 strong, h4 strong, .headline {font-family: 'textabold', helvetica, sans-serif;}
 
h1{ margin-top: 0px; }
h2{ margin-top: 0px; }
h3{ margin-top: 0px; }
h4{ margin-top: 0px; }
h5{ margin-top: 0px; line-height: 1.6em; }
h6{ margin-top: 0px; }
 
p.description { margin: 0px; line-height: 20px; text-align: left;}
 
img { display: inline-block; max-width: 100%; }
 
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.text-shadow { text-shadow: 1px 1px 5px #000000; }
 
.text-site1 { color: #003052!important; }
 
.bkg-white { background-color: #ffffff; }
.bkg-black { background-color: #000000; }
.bkg-light-grey { background-color: #f3f3f3; }
.bkg-transparent { background-color: transparent!important; }
 
.bkg-site1 { background-color: #003052!important; }
 
.center { text-align: center; }
.block { display: block; width: 100%; }
.inline-block { display: inline-block; width: auto; }
 
.centered { margin: 0 auto; }
.col-centered { margin: 0 auto; display: block; float: none; }
 
.no-float { float: none!important; }
 
.no-col-both { padding-left: 0px!important; padding-right: 0px!important; }
.no-col-right { padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.no-col-left { padding-left: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 
.no-margin-both { margin-top: 0px!important; margin-bottom: 0px!important; }
.no-margin-bottom { margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.no-margin-top { margin-top: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 
.overlay-wrapper { position: relative; display: block; margin-bottom: 15px; }
.overlay { position: absolute; bottom: 0; width: 100%; display: block; margin-bottom: 0px; padding: 15px 10%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.overlay.black.opaque { color: #fff; background: rgba(0, 0, 0, 0.5); }
.overlay.black.dark.opaque { color: #fff; background: rgba(0, 0, 0, 0.8)!important; }
.overlay.red.opaque { color: #fff; background: rgba(204, 0, 51, 0.8)!important; }
.overlay.white.opaque { color: #000; background: rgba(255,255,255,0.4); }
.overlay-wrapper:hover .overlay.black.opaque { background: rgba(0,0,0,0.1);}
.overlay-wrapper:hover .overlay.white.opaque { background: rgba(255,255,255,0.2); }
 
.overlay-visible .overlay-content { opacity: 1; }
.overlay-visible:hover .overlay-content .icon { background: transparent!important; }
.overlay-hover .overlay-content { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: auto; text-align: center; display: inline-block; vertical-align: middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.overlay-hover .overlay { left: 0; }
.overlay-hover:hover .overlay-content { opacity: 1; }
 
.overlay > h1, .overlay > h2, .overlay > h3, .overlay > h4, .overlay > h5, .overlay > h6 .overlay > p { margin: 0px; line-height: 1.2em; text-align: left;}
 
.contain { padding: 15px 20px; margin-bottom: 20px; color: #fff; height: 100%; }
a.contain { float: left; padding: 0.5rem; }
.contain .contain:last-child { margin-bottom: 0px; }
 
.container { background: none; }
.row.padded { margin-top: 20px; margin-bottom: 20px; }
.row.extra { margin: 20px -40px -40px -40px; padding: 20px 40px; }
.row.extra.bottom { position: relative; bottom: -20px; }
 
[class*='col-'].padded, .spaced { margin-top: 20px; margin-bottom: 20px; }
[class*='col-'].padded.extra, .spaced.extra { margin-top: 40px; margin-bottom: 40px; }
.padded-both { padding-top: 20px; padding-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.spaced.spaced-top { margin-top: 20px; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.spaced.spaced-bottom { margin-top: 0px!important; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 
.padded { padding-top: 20px; padding-bottom: 20px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-la { padding-top: 30px; padding-bottom: 30px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-lg { padding-top: 50px; padding-bottom: 50px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-top { padding-top: 20px; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-bottom { padding-top: 0px!important; padding-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-la.padded-top { padding-top: 30px; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-la.padded-bottom { padding-top: 0px!important; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-lg.padded-top { padding-top: 50px; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-lg.padded-bottom { padding-top: 0px!important; padding-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 
.margined { margin-top: 20px; margin-bottom: 20px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-la { margin-top: 30px; margin-bottom: 30px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-lg { margin-top: 50px; margin-bottom: 50px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-top { margin-top: 20px; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-bottom { margin-top: 0px!important; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-la.margined-top { margin-top: 30px; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-la.margined-bottom { margin-top: 0px!important; margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-lg.margined-top { margin-top: 50px; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-lg.margined-bottom { margin-top: 0px!important; margin-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 

.unpad-bottom { margin-bottom: 0px!important; }
 
.contain.abstract { height: 100%; background: url('abstract-grey.jpg') repeat center -180px;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
 
.contain.abstract-full { height: 100%; background: url('abstract-grey.jpg') repeat center top -180px;
  -webkit-background-size: inherit;
  -moz-background-size: inherit;
  -o-background-size: inherit;
  background-size: inherit;
}
 
.contain.white { background: #fff;}
.orange { background: #000; }
.blue { background: #0057a7; }
.blue.light { background: #3d9bd5; }
.blue.dark { background: #003052; }
.grey { background: #ccc; }
.grey.light { background: #e8e8e8; }
.grey.dark { background: #666; }
.gradient.grey { background: rgb(245,245,245); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(191,191,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(191,191,191,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(191,191,191,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
 }
 
.blue a { color: #ccc; }
.blue a:hover { color: #eee; }
 
.gradient.grey.horizontal { background: rgb(245,245,245); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(245,245,245,1) 0%, rgba(191,191,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(191,191,191,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(245,245,245,1) 0%,rgba(191,191,191,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#bfbfbf',GradientType=1 ); /* IE6-9 */
 }
 
 .gradient.blue { background: #249ace; /* Old browsers */
background: -moz-linear-gradient(left,  #249ace 13%, #0057a7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(13%,#249ace), color-stop(100%,#0057a7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #249ace 13%,#0057a7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #249ace 13%,#0057a7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #249ace 13%,#0057a7 100%); /* IE10+ */
background: linear-gradient(to right,  #249ace 13%,#0057a7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249ace', endColorstr='#0057a7',GradientType=1 ); /* IE6-9 */ }
 
.black.opaque { color: #fff; background: rgba(0, 0, 0, 0.6); }
.black { color: #fff!important; background: #000; }
 
a:hover.contain.black { background: #000;}
.contain p { color: #fff; }
 
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .grey h1, .grey h2, .grey h3, .grey h4, .grey h5, .grey h6 { color: #000!important; }
.white p, .light p { color: #333; }
 
.black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .black.overlay h1, .black.overlay h2, .black.overlay h3, .black.overlay h4, .black.overlay h5, .black.overlay h6,  .black.overlay p, .black.opaque h1, .black.opaque h2, .black.opaque h3, .black.opaque h4, .black.opaque h5, .black.opaque h6,  .black.opaque p { color: #fff!important; }
.black p, .dark p, .blue p { color: #fff; }
 
 
*.text-black, .text-black *, .text-black { color: #000!important; }
.text-black-opaque { color: rgba(0,0,0,0.5)!important; }
*.text-white, .text-white *, .text-white { color: #fff!important;}
.text-white-opaque { color: rgba(255,255,255,0.6)!important; }
*.text-grey, .text-grey *, .text-grey { color: #e6e6e6!important; }
*.text-grey, .text-grey *, .text-grey-lighter { color: #f3f3f3!important; }
*.text-grey, .text-grey *, .text-grey-light { color: #f7f7f7!important; }
*.text-grey, .text-grey *, .text-grey-dark { color: #666!important; }
*.text-grey, .text-grey *, .text-grey-darker { color: #3f3f3f!important; }
 
.outlined { border: solid 1px #ccc; padding: 20px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
a.outlined { border: solid 1px #3d9bd5; margin-bottom: 0px; text-decoration: none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; }
a.outlined:hover { color: #fff!important; background: #3d9bd5!important; }
.outlined-white { border-color: #fff; }
.outlined.full { width: 100%; }
 
.rounded { -webkit-border-radius: 5px!important; border-radius: 5px!important; }
.non-rounded { -webkit-border-radius: 0px!important; border-radius: 0px!important; }
.round { -webkit-border-radius: 50%!important; border-radius: 50%!important; padding: 0px; }
 
.icon { text-align: center!important; top: 0!important; left: 0!important; bottom: 0!important; right: 0!important; width: 50px!important; height: 50px!important; position: absolute!important; margin: auto!important; }
.icon .fa { font-size: 25px; line-height: 50px; padding-left: 6px; }
.icon .center { padding-left: 0; }
 
.button,
button {display: inline-block;font-family: 'textaregular';outline: 0px;color: #fff!important;background: #f05e44;padding: 5px 15px;cursor: pointer;-webkit-backface-visibility: hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
button:hover,
button:focus,
.button:hover,
.button:focus,
/*a:hover button,
a:focus button,*/
a:hover .button,
a:focus .button { background: #3d9bd5; color: #fff; text-decoration: none; }
.button.large { padding: 20px; font-size: 20px; text-transform: uppercase; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; text-align: center; }
button.invert,
.button.invert { background: #061226; color: #000; text-transform: uppercase; border: #bbb 1px solid; }
button.alternate,
.button.alternate { background: #666; font-size: 13px!important; color: #fff; border: #bbb 1px solid; padding: 5px 15px!important; }
a:hover .gradient,
a:hover.gradient,
button:hover .gradient,
button:hover.gradient { -webkit-backface-visibility: hidden; -moz-transition: none!important; -webkit-transition: none!important; -o-transition: color 0 ease-in!important; transition: none!important; }
 
.button.back {margin-right: 5px;top: -5px;position: relative;}
.button.back.auctions { background-color: #999999; }
.button.back.auctions:hover { background-color: #666666; }
.button.back.auctions.right { background-color: #666666; }
.button.back.auctions.right:hover { background-color: #333333; }
 
@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .button.back.auctions { padding: 5px 10px; }
}
 
.fa-angle-left { mar.in-right: 5px; }
.fa-angle-right { margin-left: 5px; }
 
.contain.* .overline { border-top: 1px #fff solid; }
.overline, .white.overline { border-top: 1px #ccc solid; margin-top: 15px; }
.contain.* .underline { border-bottom: 1px #fff solid; }
.underline, .white.underline { border-bottom: 1px #ccc solid; margin-bottom: 15px; }
 
.top-shadow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 40px; position: relative!important; }
.bottom-shadow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; position: relative; }
.bottom-shadow.spaced { margin-bottom: 40px; }
 
.top-shadow:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ' '; display: block; height: 10px; width: 100%; position: absolute; top: -20px; border-width: 0 0 10px 0; padding-top: 10px; z-index: 1;
box-shadow: inset 12px 0 15px -4px rgba(255, 255, 255, 0.8), inset -12px 0 8px -4px rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 12px 0 15px -4px rgba(255, 255, 255 ), inset -12px 0 8px -4px rgba(255, 255, 255 ); }
.top-shadow:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ' '; display: block; height: 10px; width: 100%; position: absolute; top: -20px; border-width: 10px 0 0 0; padding-top: 10px;
box-shadow: inset 12px 0 15px -4px rgba(255, 255, 255, 0.8), inset -12px 0 8px -4px rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 12px 0 15px -4px rgba(255, 255, 255 ), inset -12px 0 8px -4px rgba(255, 255, 255 );
-webkit-border-image:         -webkit-gradient(linear, 100% 0, 0 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2))) 100% 1;
-webkit-border-image:         -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 1;
-o-border-image:             -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 1;
-moz-border-image:           -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 1;
}
.bottom-shadow:before { content: ' '; display: block; height: 10px; width: 100%; position: absolute; bottom: -20px; border-width: 0 0 10px 0; padding-bottom: 10px; z-index: 1;
box-shadow: inset 12px 0 15px -4px rgb(255, 255, 255), inset -12px 0 8px -4px rgb(255, 255, 255); }
.bottom-shadow:after { content: ' '; display: block; height: 10px; width: 100%; position: absolute; bottom: -20px; border-width: 0 0 10px 0; padding-bottom: 10px;
-webkit-border-image:   -webkit-gradient(linear, 100% 0, 0 0, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))) 100% 1;
-webkit-border-image:   -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 1;
-o-border-image:        -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 1;
-moz-border-image:      -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 1;
}
 
 
.top-shadow.subtle:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ' '; display: block; height: 10px; width: 100%; position: absolute; top: -20px; border-width: 0 0 10px 0; padding-top: 10px; z-index: 1;
box-shadow: inset 12px 0 15px -4px rgba(255, 255, 255, 0.5), inset -12px 0 8px -4px rgba(255, 255, 255, 0.5); }
.top-shadow.subtle:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ' '; display: block; height: 10px; width: 100%; position: absolute; top: -20px; border-width: 10px 0 0 0; padding-top: 10px;
box-shadow: inset 12px 0 15px -4px rgba(255, 255, 255, 0.5), inset -12px 0 8px -4px rgba(255, 255, 255, 0.5);
-webkit-border-image:         -webkit-gradient(linear, 100% 0, 0 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.21))) 100% 1;
-webkit-border-image:         -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.21)) 100% 1;
-o-border-image:             -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.21)) 100% 1;
-moz-border-image:           -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.21)) 100% 1;
}
.bottom-shadow.subtle:before { content: ' '; display: block; height: 10px; width: 100%; position: absolute; bottom: -20px; border-width: 0 0 10px 0; padding-bottom: 10px; z-index: 1;
box-shadow: inset 12px 0 15px -4px rgb(255, 255, 255), inset -12px 0 8px -4px rgb(255, 255, 255); }
.bottom-shadow.subtle:after { content: ' '; display: block; height: 10px; width: 100%; position: absolute; bottom: -20px; border-width: 0 0 10px 0; padding-bottom: 10px;
-webkit-border-image:   -webkit-gradient(linear, 100% 0, 0 0, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))) 100% 1;
-webkit-border-image:   -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 1;
-o-border-image:        -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 1;
-moz-border-image:      -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 1;
}
 
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px; }
 
.divide-line, hr { display: block; width: 100%; height: 2px; border-top: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px; float: left; width: 100%; }
 
.nav.nav-center { margin:0; float:none; }
.navbar-inner{ text-align:center; }
 
.row > a.col-md-3 { display: block; }
 
.ontop { z-index: 999999999; }
 
/* ==========================================================================
   Header
   ========================================================================== */
 
.navbar-gbc { background: #fff; border-bottom: 0px; margin-bottom: 0px; padding: 10px 0; z-index: 999999999999999; }
body.has-submenu .navbar-gbc {padding-bottom: 0;}
body.has-submenu .navbar-gbc > .container {padding-bottom: 10px;}
 
.navbar-brand { padding: 0px; margin-left: 0px!important; }
.navbar-brand img {/* width: 77px; */height: 55px;}
 
.navbar-toggle, .navbar-toggle:focus { background: #0057a7!important; margin: 5px; padding: 0 5px; font-size: 20px; line-height: 28px; -webkit-border-radius: 0px!important; border-radius: 0px!important;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-toggle:hover { color: #3d9bd5!important; border: #3d9bd5 solid 1px!important;  background: transparent!important; }
.navbar-toggle.social { display: inline-block; margin: 15px 0 15px 10px; }
 
#navbar { position: relative; margin-left: 15px; }
#navbar li { padding: 10px 0; padding-right: 0; }
#navbar a {color: #28213C;font-family: 'textaregular';font-size: 18px;line-height: 28px;padding: 5px 15px;-webkit-border-radius: 5px!important;border-radius: 5px!important;text-transform: uppercase;}
#navbar a:hover, #navbar li.active a { background: #eee; }
 
#navsubBar > ul { float: none; display: block; text-align: center; }
#navsubBar > ul > li { padding: 7px 5px; float: none; display: inline-block; }
#navsubBar > ul > li > a { font-family: 'latolight'; font-size: 15px; line-height: 25px; padding: 0px 15px; color: #fff; border: transparent solid 1px; -webkit-border-radius: 5px!important; border-radius: 5px!important; background: transparent!important;}
#navsubBar > ul > li > a:hover, #navsubBar > ul > li.active > a { border: #fff solid 1px; background: transparent;  }
 
.navbar-default{ color: #fff; background-color: #ccc6c6; border-color: #aca1a2; }
.navbar-default .navbar-nav > li > a {   color:#fff; }
.navbar-default .navbar-nav > .dropdown > a .caret{   border-top-color: #fff;     border-bottom-color: #fff; }
.navbar-default .navbar-brand{   color:#fff; }
 
/* megamenu */
.menu-large { position: static!important; }
.menu-large.open { background: #003052; }
.menu-large.open > a, .menu-large.open > a:hover, .menu-large.open > a:focus { background: transparent;!important; border: 1px solid transparent!important; }
.menu-large .megamenu { visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; }
.menu-large.open .megamenu { visibility: visible; opacity: 1; }
.megamenu { padding: 20px 15px 48px 15px; right: 0; left: 0; margin: 0 auto; background: #003052; display: block;  }
.megamenu > li { padding-bottom: 10px; }
.megamenu > li > ul {   padding: 0;   margin: 0; }
.megamenu > li > ul > li { padding: 0!important; list-style: none; }
.megamenu > li > ul > li > a {   display: block; clear: both; font-weight: normal; line-height: 1.428571429; font-size: 11px; color: #fff; padding: 3px 0; white-space: normal;    text-align: left; white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.megamenu > li ul > li > a:hover, .megamenu> li ul > li > a:focus { text-decoration: none; color: #262626; }
.megamenu.disabled > a, .megamenu.disabled > a:hover, .megamenu.disabled > a:focus { color: #0057a7; }
.megamenu.disabled > a:hover, .megamenu.disabled > a:focus {   text-decoration: none; background-color: transparent; background-image: none;   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);   cursor: not-allowed; }
.megamenu .dropdown-header { padding: 0px; width: 100%!important; }
.megamenu .dropdown-header * { border-bottom: #fff solid 1px; }
.megamenu .dropdown-header a { border-bottom: none; color: #fff; }
.megamenu .bottom-bar { float: left; background: #012338; bottom: 0; position: absolute; color: #fff!important; text-align: right; padding-bottom: 0px;}
.megamenu .bottom-bar a { color: #fff; background: transparent!important; float: right; padding: 8px 2px; text-transform: uppercase; }
.megamenu a:hover { color: #3d9bd5!important; }
 
#socialbar { border-bottom: 2px solid #fff; }
#socialbar .row { text-align: right; }
#socialbar ul { display: inline-block; }
#socialbar li { padding-top: 6px; padding-bottom: 6px; margin-left: 10px; display: inline-block;}
#socialbar i { color: #fff; font-size: 20px; line-height: 30px; }
#socialbar p { padding-top: 3px; margin: 0; }
#socialbar a { background: #3d9bd5; height: 30px; width: 30px; padding: 0px; margin: 0px; }
#socialbar a:hover { background: #0057a7; }
 
#quickbar { padding-left: 0; padding-right: 0; }
#quickbar li { width: 50%; float: left; list-style: none; }
#quickbar li:first-child { border-right: 1px #fff solid; }
#quickbar i { color: #fff; font-size: 16px; line-height: 25px;  padding: 0px; margin: 0px; }
#quickbar a { font-family: 'latolight'; font-size: 16px; line-height: 25px; color: #fff; width: 100%;  padding: 10px; display: block; text-decoration: none; }
#quickbar a:hover { background: #0057a7; }
 
.navbar-search {display: inline-block;float: right;padding-top: 13px;max-width: 170px;}
.navbar-search .servator-logo { display: inline-block; margin-right: 10px; max-width: 80px; width: 100%; }
.navbar-search a, .navbar-search form {display: inline-block;position: relative;background-color: #e6e6e8;border: 0;border-radius: 20px;}
.navbar-search a { color: #333333; font-family: 'latoregular', sans-serif; padding-right: 10px; text-transform: uppercase; }
.navbar-search form input[type="text"] {background-color: transparent;border: 0;border-radius: 20px;color: #333333!important;font-family: 'latobold', sans-serif;padding: 10px 44px 10px 20px;width: 100%;}
.navbar-search form input[type="text"]:focus { font-size: inherit; outline: 0; }
.navbar-search form button { background-color: transparent; border: 0; color: #191919!important; padding: 0; position: absolute; right: 18px; top: 11px; }
.navbar-search form button:hover, .navbar-search form button:focus { color: #666666!important; }

@media (max-width: 1100px) {
    #navbar a { padding: 5px 10px; }
}

@media (max-width: 1040px) {
    #navbar a { padding: 5px; }
}

@media (min-width: 993px) {
    #open-search {display: none;}
}

@media (max-width: 992px) {
    #navbar li { padding: 10px 5px; }
    
    .navbar-search { background: rgba(0,0,0,0.75); display: none; height: calc(100vh - 80px); left: 0; position: fixed; top: 80px; width: 100%; z-index: 999999999999; }
    .navbar-search.open { display: block; } 
    .navbar-search form { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

    #open-search { background: transparent; border: 0; box-shadow: none; color: #000000!important; display: inline-block; float: right; font-size: 16px; margin: 0; padding: 0; position: relative; top: 20px; }
}
 
@media (max-width: 800px) {
    .navbar-brand img { height: 50px; }
    #navbar { margin-left: 10px; }
    .navbar-search { top: 75px; }
}
 
@media (max-width: 768px) {
    .megamenu { margin-left: 0; margin-right: 0; position: absolute!important; background: #003052!important; }
    .megamenu > li { margin-bottom: 30px; }
    .megamenu > li:last-child { margin-bottom: 0; }
    .megamenu.dropdown-header { padding: 3px 15px !important; }
    .navbar-nav .open .dropdown-menu .dropdown-header{ color:#fff; }
 
    .navbar-toggle { margin-top: 8px; }
}

@media (max-width: 767px) {
    .navbar-brand img { height: 40px; }

    #open-search { position: absolute; right: 65px; top: 31px; }
}
 
@media (max-width: 420px) {
    .navbar-search a { display: none; }
}
 
 
/* ==========================================================================
   Social + Contact Info
   ========================================================================== */
.social a { margin-right: 5px; background: #999; width: 20px; height: 20px; padding-top: 5px; display: inline-block; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.social a:hover { background: #000;  }
.social a:first-child { margin-left: 0px; }
 
.contact i:hover { color: #fff; }
.contact a { margin-left: 5px; }
.contact a:first-child { margin-left: 0px; }
 
.contact span, .social span { color: #999; font-size: 20px; vertical-align: middle; }
 
.social span, .call-us span { border-bottom: 1px solid #fff; padding: 7px;}
header .social span.second, header .call-us span.second { display: block; border-bottom: 0px solid #fff; padding-bottom: 0px; position: relative; top: 10px;}
 
.share-bar { border-left: 1px solid #666; }
.share-bar li { margin-left: 10px; float: right; line-height: 27px;}
.share-bar a i { color: #fff; font-size: 20px; line-height: 27px; }
.share-bar a { background: #3d9bd5; height: 27px; min-width: 27px; width: auto; padding: 0px; margin: 0px; color: #fff; line-height: 27px; }
.share-bar a.facebook { background: #3b5998; }
.share-bar a.whatsapp { background: #34af23; }
.share-bar a.twitter { background: #00aced; }
.share-bar a.email { background: #C03; }
.share-bar a:hover { background: #999!important; }
 
/* ==========================================================================
   HOMEPAGE styles
   ========================================================================== */
   #breaking-news h3 { display: inline-block; float: left; margin-bottom: 0; padding: 15px 5px 15px 0; background-color: #003052; color: #ffffff; font-size: 22px; font-weight: 700; text-transform: uppercase; }
#breaking-news marquee { display: inline-block; float: left; width: 100%; max-width: calc(100% - 206px); padding: 18px 0 15px; }
#breaking-news a { display: inline-block; color: #fff; font-size: 18px; font-family: 'latosemibold', sans-serif; }
#breaking-news a:hover { color: #ccc; }
 
#homeSlider .flex-direction-nav a { cursor: pointer; color: #ffffff; display: inline-block; width: 60px; height: 60px; background-color: rgba(255,255,255,0.6); border-radius: 50%; font-family: 'FontAwesome'; font-size: 40px; line-height: 60px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: visible; opacity: 1; text-align: center; text-decoration:none; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -moz-transform:scale(1,2); -ms-transform:scale(1,2); -o-transform:scale(1,2); }
#homeSlider .overlay { padding: 15px 30px; }
 
#imageSlider {  overflow: hidden; width: calc(100% + 15px); margin: 0; margin-left: -15px; }
#imageSlider .imageslider { max-width: 1170px; width: 1170px; margin: 0 auto!important; overflow: visible; }
#imageSlider .imageslider:after {content: '';position: absolute;display: inline-block;width: 100vw;height: 50%;left: calc(50% - 50vw);bottom: 0;background: url('../images/sweep.png') no-repeat top center;background-size: 100% 100%;z-index: 0;opacity: 0.8;}
#imageSlider .imageslider .slides > li:not(.flex-active-slide) .overlay { display: none; }
#imageSlider .imageslider .slides > li .overlay > * { position: relative; z-index: 999; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -ms-transition: .5s all ease; }
#imageSlider .imageslider .slides > li .overlay > h1 {font-family: 'textabold', sans-serif;color: #fff;}
#imageSlider .imageslider .slides > li .overlay > h3 {font-family: 'textaregular', sans-serif;color: #fff;}
#imageSlider .flex-viewport { overflow: visible!important; }
 
#imageSlider .flex-direction-nav a { display: inline-block; width: 60px; height: 60px; background-color: rgba(255,255,255,0.5); border-radius: 50%; color: #ffffff; font-size: 35px; line-height: 60px; opacity: 1; text-align: center; }
#imageSlider .flex-direction-nav a.flex-prev { left: 15px; }
#imageSlider .flex-direction-nav a.flex-next { right: 15px; }
 
#homeQuick { overflow: hidden; }
#homeQuick li { padding-top: 15px; padding-bottom: 15px; }
#homeQuick .button { margin-left: 20px; }
 
.homeBox { padding-bottom: 10px; padding-top: 65px; position: relative; }
.homeBox .overlay-hover .overlay-content { background-color: transparent!important; opacity: 1; }
.homeBox .overlay-hover .icon { width: 80px!important; height: 80px!important; background-color: rgba(0,0,0,0.5)!important; }
.homeBox .overlay-hover .icon .fa { font-size: 32px; line-height: 80px; }
.homeBox .overlay-hover .icon:hover { background-color: rgba(0,0,0,0.75); }
 
#imageSlider .imageslider .slides > li .overlay span, .homeBox > span {border-radius: 50%;color: transparent;display: inline-block;font-size: 20px;height: 80px;left: 15px;line-height: 80px;position: absolute;text-align: center;text-transform: lowercase;top: 25px;width: 80px;z-index: 999;}
#imageSlider .imageslider .slides > li .overlay span { top: 5px; }

#imageSlider .imageslider .slides > li .overlay span.News, .homeBox.news > span {background-color: #673190;font-size: 30px;font-weight: 300;background-image: url(../images/rebrand-icons/GBC-News-Social.png)!important;background-size: cover;background-position: center;background-repeat: no-repeat;}
#imageSlider .imageslider .slides > li .overlay span.TV, .homeBox.tv > span {background-color: #243f8e;font-size: 30px;font-weight: 300;background-image: url('../images/rebrand-icons/GBC-TV-Social.png')!important;background-size: cover;background-position: center;background-repeat: no-repeat;}
 
.homeBox.watch-live > span {background-color: #e50c0c;line-height: 20px;padding-top: 21px;color: #fff;}
.homeBox.watch-live .offline > div { padding-top: 15%; text-align: center; }
.homeBox.watch-live .offline > div > img { display: inline-block; max-width: 115px; padding-bottom: 15px; }
.homeBox.watch-live .offline > div > h4, .homeBox.watch-live .offline > div > p { color: #ffffff; text-align: center; }
.homeBox.watch-live .offline > div > h4 { font-size: 22px; padding-bottom: 30px; text-transform: uppercase; }
.homeBox.watch-live .offline > div > p { font-size: 17px; font-weight: 700; line-height: 20px; margin-bottom: 0; padding-bottom: 0; }
 
#imageSlider .imageslider .slides > li .overlay span.Radio, .homeBox.radio > span {color: transparent;background-color: #f05b45;background-image: url('../images/rebrand-icons/GBC-Radio-Gibraltar-Social.png')!important;background-size: cover;background-position: center;background-repeat: no-repeat;font-size: 24px;font-weight: 300;line-height: 17px;padding-top: 24px;}
#imageSlider .imageslider .slides > li .overlay span.Radio {background-color: #f05b45;}
#imageSlider .imageslider .slides > li .overlay span.Radio > small, .homeBox.radio > span > small { display: block; font-size: 10px; text-transform: uppercase; }
 
.homeBox .excerpt { color: #000000; line-height: 19px; margin-bottom: 0; }
.homeBox .excerpt + .button { margin-top: 15px; }
.homeBox .button {float: right;font-family: 'textabold', sans-serif;padding: 10px 20px;text-transform: uppercase;background: #F25E44;}
.homeBox .button .fa { margin-right: 5px; }
 
.homeBox.news .overlay-hover > span { display: inline-block; position: absolute; top: 0; right: 0; background-color: #003052; color: #ffffff; font-weight: 500; padding: 8px 16px; text-transform: uppercase; }
.homeBox.news a .text { position: absolute; display: inline-block; width: 100%; bottom: 0; left: 0; padding: 15px 20px 16px; background-color: rgba(0,0,0,0.5); }
.homeBox.news a .text > p { color: #ffffff; font-size: 16px; font-weight: 700; margin: 0; padding: 0; }
 
.homeBox .tonight, .homeBox .promo { display: table; width: 100%; background-color: rgba(0,0,0,0.5); margin-bottom: 20px; padding: 0; text-align: center; }
.homeBox .promo { min-height: 312px; }
.homeBox .tonight h3, .homeBox .promo h3 { color: #ffffff; display: table-cell; font-size: 40px; font-weight: 500; line-height: 46px; margin: 0; padding: 0; vertical-align: middle; text-transform: uppercase; }
 
#top-shows > span { display: inline-block; position: absolute; top: 0; right: 0; background-color: #00e4e7; color: #ffffff; font-weight: 500; padding: 8px 16px; text-transform: uppercase; z-index: 9; }
 
.homeBox .flex-direction-nav a { background-color: rgba(0,0,0,0.5); border-radius: 50%; color: #ffffff; font-size: 20px; font-weight: 300; height: 40px; line-height: 40px; opacity: 1; width: 40px; text-align: center; }
.homeBox .flex-direction-nav a > .fa { margin: 0; padding: 0; }
.homeBox .flex-direction-nav a:hover { background-color: rgba(0,0,0,0.35); }
.homeBox .flex-direction-nav .flex-prev { left: 10px; }
.homeBox .flex-direction-nav .flex-next { right: 10px; }
 
.homeBox .listen-radio { display: inline-block; width: 100%; min-height: 110px; background-color: #003052; margin-bottom: 20px; padding: 0; text-align: center; }
.homeBox .listen-radio > .content { display: inline-block; width: 100%; height: 100%; padding-top: 19px; text-align: center; vertical-align: middle; }
.homeBox .listen-radio > .content p { color: #ffffff; font-size: 17px; font-family: 'latoregular', sans-serif; margin: 0; padding: 0; text-align: center; }
.homeBox .listen-radio > .content > .button { border: 1px solid #EAEAEA; float: none; font-family: 'latolight', sans-serif; font-size: 18px; display: inline-block; margin-top: 8px; padding: 8px 20px 6px; }
.homeBox .listen-radio > .content > .button > .fa { font-size: 22px; }
.homeBox .listen-radio > .content > .button:hover { background-color: #00e4e7; border-color: #00e4e7; }
 
h2.title { display: inline-block; margin-bottom: 30px; position: relative; width: 100%; }
/* h2.title > span {background-color: #ffffff;border-left: 5px solid #c61825;display: inline-block;font-family: 'textabold', sans-serif;padding: 0 15px 0 10px;position: relative;z-index: 2;}
h2.title:after { content: ''; position: absolute; display: inline-block; width: 100%; height: 2px; background-color: #CCCCCC; left: 0; top: 50%; z-index: 1; }
  */
/* .bkg-light-grey h2.title > span { background-color: #f2f2f2; }
  */
#other-programmes {padding-bottom: 45px;padding-top: 60px;background: #0F5573;background: linear-gradient(95deg, rgba(19,79,104,1) 0%, rgba(15,85,115,1) 60%);}
#other-programmes h2 {color: #fff;margin-bottom: 30px;}
#other-programmes h2.title > span {background-color: transparent;border-left: 0;display: inline-block;font-family: 'textabold', sans-serif;padding: 0;}
#other-programmes h2.title:after { display: none; }

#other-programmes .overlay-wrapper { margin-bottom: 10px; }
#other-programmes .overlay-hover .overlay-content { background-color: transparent; opacity: 1; }
#other-programmes .overlay-hover .icon { width: 70px!important; height: 70px!important; background-color: rgba(0,0,0,0.5)!important; }
#other-programmes .overlay-hover .icon .fa { font-size: 27px; line-height: 70px; }
#other-programmes .overlay-hover .icon:hover { background-color: rgba(0,0,0,0.75); }
#other-programmes h3 {font-family: 'textabold', sans-serif;font-size: 24px;padding-bottom: 15px;color: #fff;}
 
#coming-soon div[class*="-img"] { border: 1px solid #CCCCCC; margin-bottom: 45px; margin-top: 15px; }
#coming-soon div[class*="-img"]:after { content: ''; position: absolute; display: inline-block; width: calc(100% + 1px); height: 100%; background: url('../images/wave-big-bkg.png') no-repeat bottom left; background-size: contain; left: -1px; top: 0; }
#coming-soon div[class*="-img"] .information { bottom: 0; display: inline-block; height: auto; padding: 0 25px 5px; position: relative; z-index: 9999; }
#coming-soon div[class*="-img"] .information span { border-radius: 50%; color: #ffffff; display: inline-block; float: left; font-size: 20px; height: 80px; line-height: 80px; margin-right: 15px; position: relative; text-align: center; text-transform: lowercase; top: -15px; width: 80px; z-index: 999; }
#coming-soon div[class*="-img"] .information span.tv { background-color: #00e4e7; font-size: 30px; font-weight: 300; }
#coming-soon div[class*="-img"] .information h3, #coming-soon div[class*="-img"] .information p { display: inline-block; float: left; margin-bottom: 0; padding-bottom: 0; width: calc(100% - 95px); }
#coming-soon div[class*="-img"] .information h3 { font-weight: 700; }
#coming-soon div[class*="-img"] .information p { font-size: 17px; }
 
#coming-soon h3 { color: #034066; font-family: 'latosemibold', sans-serif; font-size: 22px; line-height: 27px!important; padding-bottom: 15px; }
 
#coming-soon form { padding-bottom: 40px; }
#coming-soon form > .row > div { display: inline-block; width: calc(100% - 30px); background-color: #f6f6f6; margin-left: 15px; padding: 25px 10px 10px; border-radius: 10px; }
#coming-soon form label { color: #000000; font-family: 'latobold', sans-serif; }
#coming-soon form input[type="text"], #coming-soon form input[type="email"], #coming-soon form select { border: 1px solid #CCCCCC!important; border-radius: 0!important; color: #666666!important; font-size: 13px!important; }
#coming-soon form input[type="submit"] { display: inline-block; margin-top: 10px; padding: 17px 30px 15px; background-color: #034066; border: 0; color: #ffffff; font-size: 17px; text-transform: uppercase; }

#competitionBoxImage { cursor: pointer; }
 
@media (max-width: 1199px) {
    #imageSlider .imageslider { max-width: 970px; width: 970px; }
    #imageSlider .imageslider .slides li {min-height: 460px; }
    #imageSlider .imageslider .slides > li .overlay span { height: 70px; line-height: 70px; top: 15px; width: 70px; }
}
 
@media (max-width: 992px) {
    #imageSlider .imageslider { max-width: 100%; width: 100%; }
    #imageSlider .imageslider:after { background-size: cover; }
    #imageSlider .imageslider .slides li { min-height: 400px; }
    #imageSlider .imageslider .slides > li .overlay { padding: 15px 30px 15px 110px; }
    #imageSlider .imageslider .slides > li .overlay span { left: 25px; }
 
    #coming-soon div[class*="-img"]:after { content: none; }
    #coming-soon div[class*="-img"] .information { background-color: rgba(255,255,255,0.8); margin-bottom: -5px; padding-top: 40px; }
    #coming-soon form > .row > div { margin-top: 20px; }
}
 
@media (max-width: 767px) {
    #imageSlider .imageslider { max-width: 100%; width: 100%; background: rgb(6 37 60 / 90%); }
    #imageSlider .imageslider:after { content: none; }
    #imageSlider .imageslider .slides > li .overlay { padding: 15px 20px 15px 110px; }
    #imageSlider .imageslider .slides > li .overlay span { left: 27px; }
 
    #imageSlider .flex-direction-nav a { background-color: rgba(102,102,102,0.5); }
}
 
 
/* ==========================================================================
   COMPETITIONS PAGE
   ========================================================================== */
#competitions h3 { font-family: 'latosemibold', sans-serif; padding-top: 10px; }
#competitions .button { float: right; font-family: 'latoregular', sans-serif; margin-bottom: 30px; padding: 10px 20px; text-transform: uppercase; }
#competitions .button > .fa { margin-left: 5px; }
 
 
/* ==========================================================================
   PROGRAMME PAGE
   ========================================================================== */
#twitter-widget-0 { width: 100%!important; }
 
.programme-logo { position: relative; margin: 20px auto; min-height: 200px;  }
.programme-title { position: relative; margin: 20px auto; }
.programme-title * { color: #fff !important;}
.programme-logo img { width: auto !important; /*override the width below*/
  width: 100%;
  max-width: 100%;
  clear: both; margin: 0 auto;}
 
.button.presenter { display: inline-block; float: left; font-size: 15px; font-weight: 700; margin-right: 15px; margin-top: 20px; padding: 10px 20px; text-transform: uppercase; }
 
.program .container.extra > .row { margin-top: 40px; }
#htmlPlayer audio { margin-bottom: 10px; width: 100%; }
 
#facebook { background-color: #dcdcdc; overflow: hidden; padding: 10px; }
#facebook > h3 { background-color: #3b5999; color: #ffffff; display: inline-block; margin-bottom: 0; padding: 10px 15px; text-align: center; width: 100%; }
 
#facebook-feed { background-color: #ffffff; display: inline-block; margin-bottom: -5px; max-height: 500px; overflow-y: scroll; width: 100%; }
 
#facebook-feed::-webkit-scrollbar { width: 6px; } /* width */
#facebook-feed::-webkit-scrollbar-track { background: #f3f3f3; } /* Track */
#facebook-feed::-webkit-scrollbar-thumb { background: #999999; } /* Handle */
#facebook-feed::-webkit-scrollbar-thumb:hover { background: #CCCCCC; } /* Handle on hover */
 
#facebook-feed > li, #facebook-feed > li > .header, #facebook-feed > li > .content { display: inline-block; float: left; width: 100%; }
#facebook-feed > li { padding: 15px 15px 0 15px; }
#facebook-feed > li > .header { padding-bottom: 5px; }
#facebook-feed > li > .header > img, #facebook-feed > li > .header > h6 { display: inline-block; float: left; }
#facebook-feed > li > .header > img { max-width: 38px; }
#facebook-feed > li > .header > h6 { color: #333333; font-size: 15px; margin-bottom: 0; padding-bottom: 3px; padding-left: 10px; text-transform: uppercase; width: calc(100% - 38px); }
#facebook-feed > li > .header > span { color: #999999; font-size: 12px; padding-left: 10px; }
 
#facebook-feed > li > .content { border-bottom: 3px dashed #CCCCCC; color: #333333; font-size: 14px; padding-bottom: 15px; text-align: left; }
#facebook-feed > li:last-child > .content { border-bottom: 0; }
#facebook-feed > li > .content img { display: inline-block; margin-bottom: 10px; margin-top: 10px; max-width: 100%; }
 
.program .container.extra h4 { font-family: 'latolight', sans-serif; font-size: 20px; font-weight: 300; }
.program .container.extra h2 { color: #000000; font-family: 'latobold', sans-serif; font-size: 28px; margin-bottom: 0; }
.program .container.extra h1 { color: #000000; font-family: 'latobold', sans-serif; margin-bottom: 0; }
.program .container.extra h3 { color: #000000; font-family: 'latolight', sans-serif; margin-bottom: 0; }
 
.program .tv-section { background-color: #ffffff; padding-bottom: 30px; padding-top: 30px; }
.program .tv-section:nth-child(2n) { background-color: #f3f3ee; }
.program .tv-section:nth-child(2n) h2.title span { background-color: #f3f3ee; }
 
.program .tv-section .overlay-hover .overlay-content { background-color: transparent; opacity: 1; }
.program .tv-section .overlay-hover .icon { width: 60px!important; height: 60px!important; background-color: rgba(255,255,255,0.95)!important; }
.program .tv-section .overlay-hover .icon .fa { color: #000000; font-size: 22px; line-height: 60px; }
.program .tv-section .overlay-hover .icon:hover { background-color: rgba(255,255,255,0.75); }
 
.program .tv-section .description { display: inline-block; margin-top: -7px; }
.program .tv-section .description h4, .program .tv-section .description h5 { color: #000000; font-family: 'latobold', sans-serif; line-height: 1.3em!important; margin-bottom: 0; }
.program .tv-section .description h5 { font-size: 15px; }
.program .tv-section .description p { color: #666666; font-family: 'latolight', sans-serif; }
 
.program .tv-section h3.subtitle { font-family: 'latolight', sans-serif; }
.program .tv-section .jcarousel-wrapper { margin-top: 0; }
.program .tv-section .jcarousel li h4 { color: #000000; font-family: 'latosemibold', sans-serif; line-height: 1.3em!important; margin-bottom: 0; margin-top: -7px; }
 
.program .tv-section .jcarousel-control-prev, .program .tv-section .jcarousel-control-next { width: 36px; height: 36px; background-color: rgba(255,255,255,0.9); color: #000000!important; line-height: 32px; font-size: 25px; font-weight: 700; top: calc(50% - 36px); }
.program .tv-section .jcarousel-control-prev:hover, .program .tv-section .jcarousel-control-next:hover { background-color: rgba(255,255,255,0.75); }
.program .tv-section .jcarousel-control-prev { left: 0; }
.program .tv-section .jcarousel-control-next { right: 0; }
 
.program #other-programmes .jcarousel-control-prev, .program #other-programmes  .jcarousel-control-next { top: calc(50% - 24px); }
 
@media (max-width: 1299px) {
    .program .container.extra h4 { font-size: 18px; }
    .program .container.extra h2 { font-size: 26px; }
}


/* ==========================================================================
   TEXT LOGO styles
   ========================================================================== */
 
.textlogo { display: inline-block; margin: 0; }
 
.textlogo + .vertical-align { padding-left: 10px; }
 
.centered .textlogo.radiogib + * { position: relative; top: -0.3em; left: 5px;}
.centered * + .textlogo.radiogib { margin-top: -1em; position: relative; bottom: -0.5em; left: 5px;}
.centered * + .textlogo.radiogib.plus { margin-top: -1em; position: relative; bottom: 0em; left: 5px;}
 
.textlogo.text-white { color: #fff!important; }
.textlogo.text-blue { color: #003052!important; }
 

.textlogo.gbc {display: inline-block;width: 80px;height: 30px;font-size: 30px;font-weight: 300;background-image: url('../images/gbc-logo-2021.png')!important;background-size: contain;background-position: center;background-repeat: no-repeat;}
.textlogo.gbc * { display: none; }
/* 
.textlogo.gbc { font-family: helvetica, sans-serif; font-size: 4em; letter-spacing: -2px; margin-bottom: 10px; }
.textlogo.gbc .g { letter-spacing: -3px; }
.textlogo.gbc .b { }
.textlogo.gbc .c { letter-spacing: 1px; }
.textlogo.gbc.coloured .g { color: #e62329; letter-spacing: -3px;  background: -webkit-linear-gradient( -45deg, #6a191d, #e62329); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 9; }
.textlogo.gbc.coloured .b { color: #5aa747;  background: -webkit-linear-gradient( -45deg, #1a3f1e, #5aa747); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 9; }
.textlogo.gbc.coloured .c { color: #33ade2; letter-spacing: 1px; background: -webkit-linear-gradient( -45deg, #384986, #33ade2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 9; }
.textlogo.gbc.coloured .g:after { color: transparent!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); background: none!important; content: 'g'; position: absolute; z-index: -8;top: 0; left: 0; }
.textlogo.gbc.coloured .b:after { color: transparent!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); background: none!important; content: 'b'; position: absolute; z-index: -8;top: 0; left: 0; }
.textlogo.gbc.coloured .c:after { color: transparent!important; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.4); background: none!important; content: 'c'; position: absolute; z-index: -8;top: 0; left: 0; }*/
 
.textlogo.radiogib { margin-top: 0.7em; }
.textlogo.radiogib.plus { font-size: 4em; margin: 0; top: -1%; position: relative; font-family: 'latolight', helvetica, sans-serif; }
.textlogo.radiogib .playlist { font-size: 1em; letter-spacing: 0.17em; line-height: 0.5em; font-family: 'latolight', helvetica, sans-serif; }
.textlogo.radiogib > * { font-weight: normal; line-height: auto; }
.textlogo.radiogib span { display: block; text-align: justify; }
.textlogo.radiogib span:first-child { font-size: 2.5em; font-family: 'latolight', helvetica, sans-serif; }
.textlogo.radiogib span:nth-child(2n) { font-size: 0.8em; letter-spacing: 0.17em; line-height: 2.5em; font-family: 'latoregular', helvetica, sans-serif;}
h5.textlogo.radiogib span:nth-child(2n), h6.textlogo.radiogib span:nth-child(2n) { line-height: 1em; }
.textlogo.radiogib {margin-top: 0.7em;}
.textlogo.radiogib.on-demand span { display: inline-block; text-align: justify; }
.textlogo.radiogib.on-demand span:nth-child(2n) { font-size: 1em; letter-spacing: 0.17em; line-height: 2.5em; font-family: 'latoregular', helvetica, sans-serif; top: -6px; position: relative;}
 
 
/* ==========================================================================
   WIDGET styles
   ========================================================================== */ 
.widget .logo { max-width: 150px!important; margin: 15px 10px 15px 0;}

/* ==========================================================================
   NEWS styles
   ========================================================================== */
.sixteen-nine-img .category { background-color: #249ace; color: #ffffff; display: inline-block; font-family: 'latoregular', helvetica, sans-serif; padding: 3px 10px; position: absolute; right: 0; text-transform: uppercase; top: 0; } 

#news-archive a { margin: 0!important; padding-top: 0; padding-bottom: 0; }
#news-archive .overlay-wrapper { border-bottom: 1px #ccc solid; margin: 0px; padding: 15px 0; }
#news-archive .overlay.white.opaque { color: #000; background: rgba(255,255,255,0.8); padding: 0; }
 
.news-header { color: #fff!important; border: 1px solid #e62329; background: #C03; display: inline-block; padding: 2px 8px; }
.news-header.left { margin-right: 5px; }
.news-bulletin strong { border: 1px solid #ccc; text-transform: uppercase; color: #000; background: #fff; display: inline-block; padding: 2px 8px; }
.news-bulletin a { color: #fff!important; border: 1px solid #003052; background: #003052; display: inline-block; padding: 2px 8px; }
.news-bulletin a:hover { background: #3d9bd5; border: 1px solid #3d9bd5; }

.news-date { margin-top: 5px; }

.tags h5 { font-family: Arial; font-size: 16px; font-weight: 700; margin-bottom: 5px; }
.tags p a { color: #0e72b7; font-family: Arial; font-weight: 400; text-decoration: underline!important; }
.tags p a:hover { color: #249ace; }


/* ==========================================================================
   ELECTIONS COUNTDOWN
   ========================================================================== */
.election-countdown { background: url('../images/gibraltar-flag.jpg') no-repeat center; background-size: cover; display: inline-block; padding: 30px 15px; position: relative; text-align: center; width: 100%; }
.election-countdown:before { content: ''; background-color: rgba(237,28,36,0.75); display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.election-countdown > * { position: relative; z-index: 1; }
.election-countdown h2, .election-countdown h3 { color: #ffffff!important; text-transform: uppercase; }
.election-countdown h3 { font-family: 'latobold', sans-serif; letter-spacing: 2px; }
.election-countdown h2 { display: inline-block; font-family: 'latobold', sans-serif; font-size: 49px; margin-bottom: 0; margin-right: 55px; }
.election-countdown h2:last-child { margin-right: 0; }
.election-countdown h2 small { color: #ffffff; display: block; font-family: 'latolight', sans-serif; font-size: 18px; letter-spacing: 1px; }

@media (max-width: 992px) {
    .election-countdown h2 { margin-right: 40px; }
}

@media (max-width: 576px) {
    .election-countdown h3 { letter-spacing: 1px; }
    .election-countdown h2 { margin-right: 30px; }
}

@media (max-width: 400px) {
    .election-countdown h3 { font-size: 20px; }
    .election-countdown h2 { font-size: 40px; margin-right: 20px; }
    .election-countdown h2 small { font-size: 16px; }
}


/* ==========================================================================
   ELECTIONS TIMELINE
   ========================================================================== */
#elections-timeline { display: inline-block; margin-bottom: 20px; width: 100%; }
#elections-timeline h3 { color: #000000; font-family: Helvetica, sans-serif; margin-top: 10px; }

#elections-timeline .timeline { display: inline-block; list-style: none; max-height: 500px; overflow-y: auto; padding-left: 0; width: 100%; }
#elections-timeline .timeline > li { display: inline-block; padding-left: 30px; padding-bottom: 20px; position: relative; width: calc(100% - 10px); }
#elections-timeline .timeline > li:last-child { padding-bottom: 5px; }
#elections-timeline .timeline > li:before { content: ''; background-color: #b2b2b2; border-radius: 50%; display: inline-block; height: 16px; left: 0; position: absolute; top: 0; width: 16px; z-index: 2; }
#elections-timeline .timeline > li:first-child:before { background-color: #ffffff; border: 4px solid #ed1c24; animation: blinker 2s linear infinite; -webkit-animation: blinker 2s linear infinite; -moz-animation: blinker 2s linear infinite; }
#elections-timeline .timeline > li:after { content: ''; background-color: #b2b2b2; height: calc(100% - 16px); left: 8px; position: absolute; top: 16px; width: 1px; z-index: 1; }
#elections-timeline .timeline > li:last-child:after { content: none; }
#elections-timeline .timeline > li > .date { color: #000000; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 19px; margin-bottom: 5px; }
#elections-timeline .timeline > li > h6 a { color: #249ace; font-family: Arial; font-size: 14px; }

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* ==========================================================================
   Radio Styles
   ========================================================================== */
 
.audio-player { position: relative; display: inline-block; width: 100%;}
.audio-player.col-centered { display: block; width: 50%; }
 
.on-air { overflow: hidden; margin-top: 0px!important;}
.on-air:before { content: 'On Air'; white-space: pre; position: absolute; width: 110px; padding-top: 30px; text-align: center; left: -40px; top: -10px; z-index: 999;  text-transform: uppercase; color: #fff!important; background: rgb(204, 0, 51);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.carousel .on-air:before { font-size: 8px; width: 100px; top: -13px; left: -43px; padding-top: 20px;}
 
.highlight .speaker { position: relative; overflow: hidden; background-color: #f6f6f6; }
.highlight .speaker:before{ content: ""; display: block; padding-top: 100%; }
.highlight .speaker div { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; padding-top: 24%; }
 
.highlight .speaker { font-size: 24px; position: absolute; padding: 2px; width: 48px; /* height: 40px; */ font-family: FontAwesome; text-align: center; left: 0px; top: 0px; /*z-index: 999*/  text-transform: uppercase; color: #fff!important; background: rgba(0, 0, 0, 0.8); }
.radio-news { margin-bottom: 20px; }
.radio-news-description .speaker { position: relative; padding: 7px; }
.radio-news-description { border: 1px solid #ccc; overflow: hidden; }
.radio-news-description .text { overflow: hidden; font-family: sans-serif; padding: 13px 15px!important; }
.radio-news-description h5 { white-space: nowrap; margin-bottom: 0px; }
 
.news .video { content: '\f04b'; font-size: 24px; position: absolute; padding: 2px; width: 40px; height: 40px; font-family: FontAwesome; text-align: center; left: 0px; top: 0px; z-index: 999;  text-transform: uppercase; color: #fff!important; background: rgba(0, 0, 0, 0.8); }
.highlight div, .radio-news div { margin-bottom: 0px; }
.radio-news-audio iframe {height: auto !important; width: 100% !important;}
 
/* highlights */
.highlight-close, .radio-news-close { background-image: url("../vendor/fancybox/source/fancybox_sprite.png"); background-size: 100%; display: block; height: 23px; position: absolute; right: 13px; top: 13px; width: 27px; }
.highlight-audio iframe { height: 144px !important; }
.highlight-content { padding: 0 15px;}
 
/* soundcloud iframe */
iframe { max-width: 100%; }
.soundcloud iframe { height: 135px !important; }
 
.new-tag { overflow: hidden; }
.new-tag:before { content: 'New'; white-space: pre; position: absolute; width: 110px; padding-top: 30px; text-align: center; left: -40px; top: -10px; z-index: 999;  text-transform: uppercase; color: #fff!important; background: rgb(204, 0, 51);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
 
.radio-playlist { overflow: hidden; position: relative; height: 100%; background: #0f212d url('radio-playlist-bkg.jpg') no-repeat center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.radio-playlist .round { z-index: 999; padding-top: 40px; height: 200px; width: 200px; top: 0; bottom: 0!important; position: absolute; }
h3.radio-time { color: #999!important; }
.radio-playlist .icon { right: -30%!important; }
.radio-playlist .icon .fa { font-size: 2.5em!important; }
 
.live-radio-details { margin-top: -10px; margin-bottom: 20px; }
 
.chart-show { overflow: hidden; position: relative; height: 100%; background: #0f212d url('chart-show-bkg.jpg') no-repeat center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.chart-show .content * { margin: 0; }
 
.row.playlist.home > div { padding-left: 40px; padding-right: 40px; }
 
table.playlist.home td h4 { margin: 5px 0; }
table.playlist.home td:first-child h4 { color: #ccc!important; }
 
.playlist .nav-tabs { display: table; width: 100%; table-layout: fixed; border: 0px; }
.playlist .nav-tabs li { display: table-cell; width: 100%; float: none; text-align: center; }
.playlist .nav-tabs a { -webkit-transition: all 0.2s ease; -moz-transition: background-color border-color 0.2s ease; -o-transition: background-color border-color 0.2s ease; transition: background-color border-color 0.2s ease; border-radius: 0px; border-left: 1px solid #ccc!important; border-top: 1px solid #ccc!important; border-bottom: 1px solid #ccc!important; margin: 0; margin-top: 9px; position: relative; z-index: 1;}
.playlist .nav-tabs li:last-child a { border-right: 1px solid #ccc!important; }
.playlist .nav-tabs h4 { margin: 0px; overflow: hidden; text-overflow: ellipsis;}
.playlist .nav-tabs > li.active > a, .playlist .nav-tabs > li.active > a:hover, .playlist .nav-tabs > li.active > a:focus { background: #3d9bd5; border-color: #3d9bd5!important; color: #fff; margin: 0!important; border: 1px #3d9bd5 solid!important; outline: none; border-top: 10px solid #3d9bd5!important; }
.playlist .nav-tabs > li.active > a:after { content: '\f0d7'; font-family: FontAwesome; font-size: 21px; position: absolute; bottom: -18px; left: 0; right: 0; color: #3d9bd5; }
.playlist .nav-tabs > li.active > a h4, .playlist .nav-tabs > li.active > a:hover h4, .playlist .nav-tabs > li.active > a:focus h4 { color: #fff!important; }
 
.playlist .tab-content { border-bottom: #ccc solid 1px; border-left: #ccc solid 1px; border-right: #ccc solid 1px; }
 
.playlist .overlay-wrapper { margin: 0px!important; }
 
.radio-plus-tag { overflow: hidden; }
.radio-plus-tag:after { font-family: 'latolight', helvetica, sans-serif; font-size: 16px; content: 'Plus'; white-space: pre; position: absolute; width: auto; text-align: center; right: 0; bottom: 0; z-index: 99999999999999999999;  text-transform: uppercase; color: #fff!important; padding: 1px 4px; }
.radio-plus-tag:before { content: ' '; white-space: pre; position: absolute; width: 110px; height: 110px; text-align: center; right: -55px; bottom: -55px; z-index: 99999999999999999999;  text-transform: uppercase; color: #fff!important; background: rgba(0, 48, 82, 0.8); padding: 10px; -webkit-transform: rotate(45deg);   -moz-transform: rotate(45deg);   -ms-transform: rotate(45deg);   -o-transform: rotate(45deg);   transform: rotate(45deg);}
 
.programme-info > div { max-width: 50%; /* height: auto!important; */background: rgba(0,0,0,0.5);}
.programme-info > div p { font-size: 11px; color: #fff; line-height: 12px; }
.programme-info > div > p { margin-top: 10px; }
 
/* ==========================================================================
   CAROUSEL styles
   ========================================================================== */
 
.carousel .overlay-content .content { position: absolute; bottom: 5px; left: 0; right: 0; padding: 5px 10px;}
 
/* ==========================================================================
   THUMBS / IMG styles
   ========================================================================== */
 
.bkg-cover, .square-img, .rectangle-img, .sixteen-nine-img, .twentyone-nine-img, .four-three-img { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
.bkg-fixed { background-repeat: no-repeat!important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; background-position: center; }
.bkg-contain { background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
 
@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .md-bkg-cover, .square-img, .rectangle-img, .sixteen-nine-img, .twentyone-nine-img, .four-three-img { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
    .md-bkg-fixed { background-repeat: no-repeat!important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; background-position: center; }
    .md-bkg-contain { background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
}
 
.bkg-tl { background-position: top left!important; }
.bkg-tc { background-position: top center!important; }
.bkg-tr { background-position: top right!important; }
.bkg-cl { background-position: center left!important; }
.bkg-cc { background-position: center center!important; }
.bkg-cr { background-position: center right!important; }
.bkg-bl { background-position: bottom left!important; }
.bkg-bc { background-position: bottom center!important; }
.bkg-br { background-position: bottom right!important; }
 
.square-img { position: relative; overflow: hidden; background-color: #f6f6f6; }
.square-img:before{ content: ""; display: block; padding-top: 100%; }
.square-img > div { position: absolute; width: 100%; height: 100%; top: 0; }
.square-img > div.centered { top: 0; bottom: 0; right: 0; left: 0; }
 
.rectangle-img { position: relative; overflow: hidden; background-color: #f6f6f6; }
.rectangle-img:before{ content: ""; display: block; padding-top: 50%; }
.rectangle-img > div { position: absolute; width: 100%; height: 100%; top: 0; }
.rectangle-img > div.centered { top: 0; bottom: 0; right: 0; left: 0; }
 
.sixteen-nine-img { position: relative; overflow: hidden; background-color: #f6f6f6; }
.sixteen-nine-img:before{ content: ""; display: block; padding-top: 56.25%; }
.sixteen-nine-img > div {position: absolute;width: 100%;height: 100%;/* top: 0; */}
.sixteen-nine-img > div.centered {top: 0;bottom: 0;right: 0;left: 0;}
 
.twentyone-nine-img { position: relative; overflow: hidden; background-color: #f6f6f6; }
.twentyone-nine-img:before{ content: ""; display: block; padding-top: 42.86%; }
.twentyone-nine-img > div { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-nine-img > div.centered { top: 0; bottom: 0; right: 0; left: 0; }
 
.four-three-img { position: relative; overflow: hidden; background-color: #f6f6f6; }
.four-three-img:before{ content: ""; display: block; padding-top: 75%; }
.four-three-img > div { position: absolute; width: 100%; height: 100%; top: 0; }
.four-three-img > div.centered { top: 0; bottom: 0; right: 0; left: 0; }
 
.nine-one-img { position: relative; overflow: hidden; background-color: #f6f6f6; }
.nine-one-img:before{ content: ""; display: block; padding-top: 10.75%; }
.nine-one-img > div { position: absolute; width: 100%; height: 100%; top: 0; }
.nine-one-img > div.centered { top: 0; bottom: 0; right: 0; left: 0; }
 
.auction-view-img { position: relative; overflow: hidden; background-color: #f6f6f6; }
.auction-view-img:before{ content: ""; display: block; padding-top: 27.86%; }
.auction-view-img > div { position: absolute; width: 100%; height: 100%; top: 0; }
.auction-view-img > div.centered { top: 0; bottom: 0; right: 0; left: 0; }
 
.tonight.img { position: relative; overflow: hidden; background-color: #f6f6f6; }
.tonight.img:before{ content: ""; display: block; padding-top: 20%; }
.tonight.img > div { position: absolute; width: 100%; height: 100%; top: 0; }
.tonight.img > div.centered { top: 0; bottom: 0; right: 0; left: 0; }
 
/* ==========================================================================
   Schedules Styles
   ========================================================================== */
 
.row.schedule.home > div { padding-left: 40px; padding-right: 40px; }
 
table.schedule.home td h4 { margin: 5px 0; }
table.schedule.home td:first-child h4 { color: #666!important; padding-right: 10px;}
 
.schedule .nav-tabs { display: table; width: 100%; table-layout: fixed; border: 0px; /* border-bottom: 1px solid #ddd; */}
.schedule .nav-tabs li { display: table-cell; width: 100%; float: none; text-align: center; /* border-bottom: 1px solid #ddd; */}
.schedule .nav-tabs a { height: 100%!important; -webkit-transition: background-color border-color 0.2s ease; -moz-transition: background-color border-color 0.2s ease; -o-transition: background-color border-color 0.2s ease; transition: background-color border-color 0.2s ease; border-radius: 0px; border-left: 1px solid #ccc!important; border-top: 1px solid #ccc!important;  margin: 0; margin-top: 9px; position: relative; z-index: 1; border-bottom: 1px solid #ddd;}
.schedule .nav-tabs li:last-child a { border-right: 1px solid #ccc!important; }
.schedule .nav-tabs h4 { margin: 0px; overflow: hidden; text-overflow: ellipsis;}
 
.schedule .nav-tabs > li.active > a, .schedule .nav-tabs > li.active > a:hover, .schedule .nav-tabs > li.active > a:focus { background: #666; margin: 0!important; border: 1px #666 solid!important; outline: none; border-top: 10px solid #666!important;}
.radio.schedule .nav-tabs > li.active > a, .radio.schedule .nav-tabs > li.active > a:hover, .radio.schedule .nav-tabs > li.active > a:focus { background: #003052; border-color: #003052!important;  color: #fff; border-bottom: 1px solid #ddd;}
.tv.schedule .nav-tabs > li.active > a, .tv.schedule .nav-tabs > li.active > a:hover, .tv.schedule .nav-tabs > li.active > a:focus { background: #3d9bd5; border-color: #3d9bd5!important; color: #fff;  }
 
.schedule .nav-tabs > li.active > a:after { content: '\f0d7'; font-family: FontAwesome; font-size: 21px; position: absolute; bottom: -18px; left: 0; right: 0; color: #666; }
.radio.schedule .nav-tabs > li.active > a:after { color: #003052; }
.tv.schedule .nav-tabs > li.active > a:after{ color: #3d9bd5; }
 
.schedule .nav-tabs > li.active > a h4, .schedule .nav-tabs > li.active > a:hover h4, .schedule .nav-tabs > li.active > a:focus h4 { color: #fff!important; }
 
.schedule .jcarousel-wrapper { margin: 0px; }
.schedule .carousel ul { border-bottom: 1px solid #ccc!important;}
.schedule .carousel { border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; }
.schedule .carousel a { border-left: 1px solid #ccc; margin: 0; /*border-bottom: 1px solid #ccc;*/ }
.schedule .radio-plus .contain { background: #dbedff; }
.schedule .carousel .contain { margin: 0; padding: 15px 25px;}
.schedule .carousel .contain h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.schedule .carousel li:first-child .contain { border-left: #c03 solid 5px; }
.schedule .carousel li:last-child .contain { border-right: #c03 solid 5px; }
 
.schedule .carousel .time { color: #999!important; }
.schedule .carousel .fa-headphones { color: #c03; }
 
.live-radio .img-full {margin: 0!important;object-position: 0% 100%;}
.radio-listen-live-logo {position: relative; margin: 10px auto;}
#radio-gib .logo, .radio-listen-live-logo img {max-width: 150px;margin: 15px 0;}
.radio-listen-live-logo .station {background-color: #ffb917;font-size: 15px!important;font-weight: 300;line-height: 17px;border-radius: 50%;color: #ffffff;display: inline-block;height: 40px;right: -5px!important;left: auto!important;line-height: 40px;position: absolute!important;text-align: center;text-transform: uppercase;top: -10px!important;width: 40px;z-index: 999;}
 
/* ==========================================================================
   Image Styles
   ========================================================================== */
 
.img-full { width: 100%; object-fit: cover; }
 
.image-caption { display: inline-block; padding: 0 0 15px 0; text-align: center; }
.image-caption.left { padding: 0 15px 15px 0;  float: left; }
.image-caption.right { padding: 0 0 15px 15px; float: right!important; }
.image-caption.full { display: block; width: 100%; }
.image-caption span { font-size: 80%; color: #999; }
 
/* ==========================================================================
   List Styles
   ========================================================================== */
 
ul.arrow-list li { margin-bottom: 10px; }
ul.arrow-list li:before { content: "\f054"; font-family: FontAwesome; color: #C03; margin-right: 10px; }
ul.arrow-list li a { color: #000; font-weight: bold; }
 
/* ==========================================================================
   Input, Contact & Forms
   ========================================================================== */
 
.input-group.search input { border-right: 0px;  border-color: #ccc!important; }
.input-group.search button { border-left: solid #ccc 1px!important; font-size: 14px; background: #3d9bd5!important; /* border-color: #ccc!important; */  }
.input-group.search button .fa { color: #fff!important; }
.input-group.search button:hover, .input-group.search button:focus { background: #fff!important; }
.input-group.search button:hover .fa, .input-group.search button:focus .fa { color: #3d9bd5!important; }
 
 
/* ==========================================================================
   Open Day Styles
   ========================================================================== */
 
@font-face {
    font-family:'Knockout';
    src: url('../fonts/knockout/Knockout-HTF48-Featherweight.eot');
    src: url('../fonts/knockout/Knockout-HTF48-Featherweight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/knockout/Knockout-HTF48-Featherweight.woff2') format('woff2'),
        url('../fonts/knockout/Knockout-HTF48-Featherweight.woff') format('woff'),
        url('../fonts/knockout/Knockout-HTF48-Featherweight.svg#Knockout-HTF48-Featherweight') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}
 
@font-face {
    font-family: 'Krinkes Decor';
    src: url('../fonts/krinkes/KrinkesDecorPERSONALUSE.woff2') format('woff2'),
        url('../fonts/krinkes/KrinkesDecorPERSONALUSE.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Assassin';
    src: url('../fonts/assassin/Assassin.eot');
    src: url('../fonts/assassin/Assassin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/assassin/Assassin.woff2') format('woff2'),
        url('../fonts/assassin/Assassin.woff') format('woff'),
        url('../fonts/assassin/Assassin.svg#Assassin') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-007A;
}
 
.button-site3 { background-color: #666666; color: #ffffff; display: inline-block; font-size: 15px; line-height: 20px; margin: 15px 5px 0; padding: 10px 20px; text-transform: uppercase; }
.button-site3:hover, .button-site3:focus { background-color: #072352; }
 
.open-day-resume img { display: inline-block; margin-top: 20px; max-width: 90%; }
.open-day-resume .col-md-5 { padding-left: 0; padding-right: 0; }
.open-day-resume .overlay-wrapper { margin-bottom: 0; }
.open-day-resume .raised-money { padding-top: 8%; position: relative; text-align: center; }
.open-day-resume .raised-money:before { content: ''; background-color: rgba(0,0,0,0.5); display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.open-day-resume .raised-money:after { content: ''; background: url('../images/open-day/open-day-logo-2021.png') no-repeat center; background-size: contain; display: inline-block; height: calc(100% - 40px); left: 20px; opacity: 0.3; position: absolute; top: 20px; width: calc(100% - 40px); z-index: 2; }
.open-day-resume .raised-money h2 { color: #ffffff!important; font-family: 'latobold', sans-serif; font-size: 36px; line-height: 41px!important; position: relative; z-index: 9; }
.open-day-resume .raised-money h5 { background-color: #ffffff; border-radius: 6px; color: #000000!important; display: inline-block; font-family: 'latosemibold', sans-serif; font-size: 15px; line-height: 20px; padding: 7px 16px 5px; position: relative; text-transform: uppercase; z-index: 9; }
 
.open-day-resume .no-video h3 {color: #333!important;font-family: 'Assassin'!important; text-transform: uppercase; font-size: 70px;line-height: 70px!important;text-align: center;top: 35%;position: relative;}
 
.open-day-boxes { margin-top: 40px; padding-left: 10px; padding-right: 10px; }
.open-day-boxes > .col-sm-6 { padding-left: 5px; padding-right: 5px; text-align: center; }
.open-day-boxes > .col-sm-6 h3, .open-day-boxes > .col-sm-6 p { position: relative; top: 33%; }
.open-day-boxes > .col-sm-6:first-child h3, .open-day-boxes > .col-sm-6:first-child p { position: relative; top: 25%; }
.open-day-boxes > .col-sm-6 h3 { color: #ffffff!important; font-family: 'Krinkes Decor'!important; font-size: 70px; line-height: 70px!important; }
.open-day-boxes > .col-sm-6 h3 small { color: #ffffff!important; font-size: 45px; }
.open-day-boxes > .col-sm-6 p { color: #FFFF9E; font-family: 'Knockout', sans-serif; font-size: 25px; letter-spacing: 2px; line-height: 30px; text-align: center; text-transform: uppercase; }
.open-day-boxes > .col-sm-6 a { display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.open-day-boxes > .col-sm-6:first-child h3 { font-size: 90px; line-height: 75px!important; }
 
.open-day input[type=text], .open-day select, .open-day textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.open-day button[type=submit] {
  width: 100%;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none!important;
  border-radius: 4px;
  cursor: pointer;
}

@media (min-width: 993px) {
    .open-day .captcha { display: flex; margin-bottom: 30px; align-items: center; justify-content: center; }
    
    .open-day .captcha input[type=text] { height: 50px; margin-left: 20px; }
}
.open-day .captcha img { margin: 10px 0; }

.mobile-bkg { position: relative; }
.mobile-bkg:before {content: '';background-image: url(../images/open-day/mobile-bkg.png);display: inline-block;left: 0;width: 100%;height: 100%;position: absolute;background-size: contain;background-repeat: no-repeat;background-position: bottom right;z-index: 0;}
.mobile-bkg > * { z-index: 99999999; position: relative;  }
.countdown-number-wrapper { max-width: 210px; margin: 0 auto; background-image: url('../images/open-day/countdown-bauble-bkg-white.png'); background-color: transparent; margin-bottom: 10px; }
.countdown-number-wrapper .countdown-number {position: absolute;bottom: 53px;top: auto!important;text-align: center;left: 0;right: 0;font-size: 36px;color: #000!important;}
 
.open-day-links .overlay-wrapper:before { content: ''; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.open-day-links .overlay-wrapper:hover:before { content: ''; background-color: rgba(0,0,0,0.6); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.open-day-links img { display: inline-block; max-width: 100%; }
.open-day-links .days { background: url('../images/open-day/christmas-ball.png') no-repeat center; background-size: contain; color: #ffffff!important; display: inline-block; font-family: 'Knockout', sans-serif; font-size: 85px; height: 195px; padding-top: 86px; width: 128px; }
.open-day-links h4 { color: #2F302F!important; font-family: 'Knockout', sans-serif!important; font-size: 45px!important; letter-spacing: 2px; line-height: 45px!important; text-transform: uppercase; }
 
.auction-title {letter-spacing: 15px;font-size: 40px;}
 
.bkg-red { background-color: #F5001F; }
 
.auction-item {width: 100%; border: 1px solid #ccc;display: inline-block;margin-top: 20px;}
.auction-item .link {margin: 0!important;}
.auction-item .link.link-hover:before { content: ''; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.auction-item .link.link-hover:hover:before { content: ''; background-color: rgba(0,0,0,0.6); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.auction-item .link.bkg-red { background-color: #F5001F; }
.auction-item .link.bkg-green, .auction-details .link.bkg-green { background-color: #00945B; }
.auction-item .text-white, .auction-details .text-white { color: #fff!important;}
.auction-item .padded { margin-bottom: 0; }
.auction-item .padded-both { padding-bottom: 15px!important; padding-top: 15px!important; }
.auction-item h2 { text-transform: uppercase; }
.auction-details h1 { font-size: 38px; margin-top: 0; }
.auction-item h1 { font-size: 38px; margin-top: -10px; }
.auction-details p { margin-bottom: 0; line-height: 18px; }
 
.embed-responsive.embed-responsive-16by9 { display: inline-block; width: 100%; margin-top: 25px; }
 
#relatedAuctions { display: inline-block; width: calc(100% + 30px); margin-top: 30px!important; }
#relatedAuctions .item { position: relative; display: inline-block; width: 100%; border: 1px solid #CCC; }
#relatedAuctions .item .bkg-red p { margin-top: 8px; margin-bottom: 0; font-family: 'Knockout'; font-size: 19px; }
#relatedAuctions .item p > span.price { font-size: 27px; }
 
@media (min-width: 993px) and (max-width: 1110px) {
    .auction-details .mobile-bkg h2 { font-size: 24px!important; }
    .auction-details .mobile-bkg h4 { font-size: 15px!important; }
    .auction-details .mobile-bkg p { font-size: 13px; }
}

/***********
 Content
 ***********/
.open-day-content > div { position: relative; }
.open-day-content > div:first-child { margin-bottom: 35px; }
.open-day-content > div:first-child:after { content: ''; background-color: #0F212D; bottom: 0; display: inline-block; height: 10px; left: 30px; position: absolute; width: calc(100% - 60px); }
.open-day-content img { display: inline-block; max-width: 100%; }
.open-day-content img + p { padding-bottom: 40px; padding-top: 15px; }
.open-day-content img.banner { margin-bottom: 35px; }
 
@media (max-width: 1199px) {
    .open-day-boxes > .col-sm-6 h3 { font-size: 60px; line-height: 60px!important; }
    .open-day-boxes > .col-sm-6:first-child h3 { font-size: 75px; line-height: 60px!important; }
    .open-day-boxes > .col-sm-6 h3 small { font-size: 35px; }
}
 
@media only screen and (min-width: 993px) and (max-width: 1199px) {
    #relatedAuctions > div:last-child { display: none; }
}
 
@media only screen and (max-width: 992px) {
    .open-day-resume img { max-width: 250px; margin-bottom: 40px; margin-top: 0; }
    .open-day-resume .overlay-wrapper { margin-top: 0!important; }
    
    .open-day-boxes > .col-sm-6:first-child h3, .open-day-boxes > .col-sm-6:first-child p { top: 15%; }
    .open-day-boxes > .col-sm-6 h3, .open-day-boxes > .col-sm-6 p { top: 33%; }
    .open-day-boxes > .col-sm-12:last-child { margin-top: 10px; }
    .open-day-boxes > .col-sm-12:last-child > div { max-height: 250px; }
 
    #relatedAuctions .item { margin-bottom: 25px; }
 
    .open-day-content > div:first-child > .col-md-5 { padding-bottom: 20px; padding-top: 20px; }
}
 
@media only screen and (max-width: 767px) {
    .open-day-resume .raised-money { min-height: 250px; padding-top: 12.5%; }
 
    .open-day-boxes > .col-sm-6 > div, .open-day-boxes > .col-sm-6:last-child > div {  margin-top: 10px; max-height: 280px; }
 
    .auction-details > div:first-child { padding-top: 20px; }
}
 
/* ==========================================================================
   Footer
   ========================================================================== */
#newsletter { background-color: #034066; padding-bottom: 25px; padding-top: 25px; position: relative; }
#newsletter .container { position: relative; }
#newsletter .container:before { content: ''; display: inline-block; position: absolute; background: url('../images/icons/envelope-icon.png') no-repeat center; background-size: contain; width: 128px; height: 104px; left: 32%; top: -35px; }
#newsletter h3 { color: #ffffff; display: inline-block; float: left; font-family: 'latobold', sans-serif; font-size: 28px; margin-bottom: 0; }
#newsletter form { display: inline-block; margin-bottom: -5px; margin-left: 20px; margin-top: 4px; width: calc(100% - 350px); }
#newsletter form p { color: #ffffff; display: inline-block; float: left; margin-left: 5px; margin-right: 20px; padding-top: 5px; }
#newsletter form p > a { color: #ffffff; text-decoration: underline!important; }
#newsletter form input[type="text"], #newsletter form input[type="text"] { border-radius: 0!important; color: #333333; display: inline-block; float: left; font-size: 13px; margin-right: 10px; padding: 8px 12px 7px; }
#newsletter form input[type="text"]:focus, #newsletter form input[type="text"]:focus { font-size: inherit; outline: none; }
#newsletter form input[type="text"]::placeholder, #newsletter form input[type="text"]::placeholder { color: #666666; }
#newsletter form input[type="text"] { max-width: 240px; }
#newsletter form input[type="submit"] { background-color: #c61825; border: 0; border-radius: 0; color: #ffffff; display: inline-block; float: left; font-size: 12px; font-weight: 700; padding: 11px 20px 10px; text-transform: uppercase; }
 
footer { background: #333; padding-top: 35px; position: relative; z-index: 9; }
footer hr { border-color: #999; }
footer h1, footer h2, footer h3, footer h4, footer p { font-weight: normal; color: #999!important; }
 
footer h3 {font-size: 24px;float: left;width: auto;}
footer h3 .logo {position: relative;top: -2px;max-width: 60px;}
 
footer ul { margin-bottom: 10px; }
footer li { list-style: none; }
footer li a { color: #999; list-style: none; font-size: 11px; }

footer .servator-logo { color: #ffffff; display: inline-block; font-size: 10px; line-height: 15px; margin: 30px 0 15px; max-width: 146px; width: 100%; }
footer .servator-logo img { margin-bottom: 10px; }

#socialfooter p { font-size: 14px; padding-top: 7px; color: #fff!important; }
#socialfooter ul { margin: 0px; display: inline-block; }
#socialfooter li { margin: 0 3px; display: inline-block; }
#socialfooter li:last-child { margin-right: 0; }
#socialfooter i { color: #fff; font-size: 20px; line-height: 30px; }
#socialfooter p { padding-top: 3px; margin: 0; }
#socialfooter a { background: #666; height: 30px; width: 30px; padding: 0px; margin: 0px; }
#socialfooter a:hover { background: #999; }
#socialfooter .facebook { border:none; overflow:hidden; width:90px; height: 20px; position: relative; top: 5px; }
 
#appdownloads p, footer li:first-child { font-size: 14px; color: #fff!important; }
#appdownloads ul { margin: 0px; }
#appdownloads li { margin-right: 10px; display: inline-block; }
#appdownloads li:last-child { margin-right: 0; }
#appdownloads .nav { display: block; float: none; }
#appdownloads .nav a { padding: 0px; margin: 0px; color: #fff!important; }
#appdownloads .nav a:hover { background: #999; }
#appdownloads img { max-width: 50px; }
#appdownloads .logo { width: 100%; display: block; margin-top: 10px; }
#appdownloads .logo a { padding: 0px; margin: 0px; color: #fff!important; }
#appdownloads .logo a:hover { background: transparent; opacity: 0.5; }
#appdownloads .logo img { max-width: 95px; }
}
 
.copyw { margin-bottom: 10px; }
.copyw a { color: #ddd !important; }
 
@media (max-width: 1199px) {
    #newsletter .container:before { left: 26%; }

    #socialfooter ul:last-child { margin-top: 10px; }
}
 
@media (max-width: 992px) {
    #newsletter .container:before { left: 21%; }
}
 
@media (max-width: 767px) {
    #newsletter { text-align: center; }
    #newsletter .container:before { left: 20px; top: -10px; }
    #newsletter h3 { display: inline-block; width: 100%; }
    #newsletter form { margin-left: 0; max-width: 338px; padding-top: 15px; width: 100%; }
}
 
 
/* ==========================================================================
   Helper classes
   ========================================================================== */
 
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
 
.hidden { display: none; }
 
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
 
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
 
.invisible { visibility: hidden; }
 
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
 
/* ==========================================================================
   Print styles
   ========================================================================== */
 
@media print {
    * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after {
        content: " (" attr(href) ")";
    }
 
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for.. images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
 
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
 
    @page { margin: 0.5cm; }
 
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}
 
 
/*-----------------------------------------------------------------------------------------------------*/
/*------------------------------------------- Media Queries -------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
 
 
/* iPhone & Small Screens */
@media only screen  and  (max-width : 400px) {
 
#twitter-widget-0 { width: 290px!important; }
 
}
 
/* iPhone & Small Screens */
@media only screen  and  (max-width : 600px) {
 
.programme-info { background-size: contain!important; background-position: top; }
.programme-info > div { position: relative; max-width: 100%; /* height: auto!important; */background: #0f212d; margin-bottom: 20px!important; }
.programme-info > div p { font-size: 11px; color: #fff; line-height: 12px; }
 
 
}
 
/* iPhone & Small Screens */
@media only screen  and  (max-width : 767px) {
 
html { background-attachment: initial!important; }
html.program { background-position: center 69px!important; }
html.program body { padding-top: 69px; }
 
.navbar-header { padding: 7px 15px; }
.navbar-fixed-top { padding-bottom: 0; position: absolute; }
/*.navbar-fixed-top .gradient { display: none; }
*/.navbar-brand { height: auto; }
 
#navbar ul {margin-top: 0;margin-bottom: 0;width: 100%;}
#navbar li {border-top: 1px solid #ddd;padding: 0px;width: 100%;}
#navbar li a {line-height: 40px;-webkit-border-radius: 0px!important;border-radius: 0px!important;text-align: center;width: 100%;}
 
#socialbar { float: left!important; width: 100%; margin: 0;}
#socialbar li { padding-top: 5px; padding-bottom: 5px; display: inline-block; margin: 0 5px;  /* float: left; */ }
#socialbar a { }
 
.share-bar { float: left; width: 100%; display: block; border: 0; background: #f6f6f6; padding: 3px 6px; margin: 15px 0; }
.share-bar li.xs-left { margin-left: 0; }
 
#homeSlider .flex-direction-nav a { top: 30%; }
 
.top-slide-container { margin-top: -31px; }
 
#homeQuick li:first-child { border-bottom: 1px #fff solid; }
 
.overlay { position: relative; bottom: 0; width: 100%; display: block; margin-bottom: 0px; }
.overlay.black.opaque { background: #222; }
 
.bottom-shadow { padding-left: 0; padding-right: 0; }
.box-shadow-sm { padding: 20px 0; box-shadow: 9px 0 0px 0px white, -9px 0 0px 0px white, 0 12px 15px -4px rgba(0, 0, 0, 0.2), 0 -12px 15px -4px rgba(0, 0, 0, 0.2); }
.box-shadow-sm.subtle { box-shadow: 9px 0 0px 0px white, -9px 0 0px 0px white, 0 12px 15px -4px rgba(0, 0, 0, 0.1), 0 -12px 15px -4px rgba(0, 0, 0, 0.1); }
 
.no-col-right, .no-col-left { padding-left: 0px!important; padding-right: 0px!important; }
 
.no-col-xs { padding-left: 0px!important; padding-right: 0px!important; }
 
.xs-left { float: left!important; }
.xs-right { float: right!important; }
 
.sm-text-left { text-align: left !important; }
.sm-text-right { text-align: right !important; }
.sm-text-center { text-align: center !important; }
.megamenu .sm-text-center * { text-align: center !important; }
.sm-text-justify { text-align: justify !important; }
 
.nav.social { float: right; text-align: right!important;}
 
.row.padded .row.padded { margin: 20px 0; }
 
.row.padded .row.padded .thumbs .overlay-wrapper, .row.padded .row.padded .thumbs > img { margin-bottom: 0px; }
 
.row.padded.trimtop-xs, .row.padded.trimtop-xs .row.padded, .row.padded + .row.padded { margin-top: 0px!important; }
 
.row.padded.outlined { padding: 0px; }
 
.container.extra > .outlined { border: 0px; }
.container.extra > .rounded { border-radius: 0px!important; }
.container.extra .row.padded .row.padded .row.padded { margin-left: -15px; margin-right: -15px; }
.container.extra .row.padded .row.padded .sidebar .row.padded, .container.extra .row.padded .row.padded .row.padded[class*="block-grid-"] { margin-left: 0px; margin-right: 0px; }
.container.extra > .row { float: none; padding-left: 0; padding-right: 0; margin-top: 0px;}
 
.unpad-xs  .col-xs-1, .unpad-xs  .col-sm-1, .unpad-xs  .col-md-1, .unpad-xs  .col-lg-1, .unpad-xs  .col-xs-2, .unpad-xs  .col-sm-2, .unpad-xs  .col-md-2, .unpad-xs  .col-lg-2, .unpad-xs  .col-xs-3, .unpad-xs  .col-sm-3, .unpad-xs  .col-md-3, .unpad-xs  .col-lg-3, .unpad-xs  .col-xs-4, .unpad-xs  .col-sm-4, .unpad-xs  .col-md-4, .unpad-xs  .col-lg-4, .unpad-xs  .col-xs-5, .unpad-xs  .col-sm-5, .unpad-xs  .col-md-5, .unpad-xs  .col-lg-5, .unpad-xs  .col-xs-6, .unpad-xs  .col-sm-6, .unpad-xs  .col-md-6, .unpad-xs  .col-lg-6, .unpad-xs  .col-xs-7, .unpad-xs  .col-sm-7, .unpad-xs  .col-md-7, .unpad-xs  .col-lg-7, .unpad-xs  .col-xs-8, .unpad-xs  .col-sm-8, .unpad-xs  .col-md-8, .unpad-xs  .col-lg-8, .unpad-xs  .col-xs-9, .unpad-xs  .col-sm-9, .unpad-xs  .col-md-9, .unpad-xs  .col-lg-9, .unpad-xs  .col-xs-10, .unpad-xs  .col-sm-10, .unpad-xs  .col-md-10, .unpad-xs  .col-lg-10, .unpad-xs  .col-xs-11, .unpad-xs  .col-sm-11, .unpad-xs  .col-md-11, .unpad-xs  .col-lg-11, .unpad-xs  .col-xs-12, .unpad-xs  .col-sm-12, .unpad-xs  .col-md-12, .unpad-xs  .col-lg-12, .unpad-xs.col-xs-1, .unpad-xs.col-sm-1, .unpad-xs.col-md-1, .unpad-xs.col-lg-1, .unpad-xs.col-xs-2, .unpad-xs.col-sm-2, .unpad-xs.col-md-2, .unpad-xs.col-lg-2, .unpad-xs.col-xs-3, .unpad-xs.col-sm-3, .unpad-xs.col-md-3, .unpad-xs.col-lg-3, .unpad-xs.col-xs-4, .unpad-xs.col-sm-4, .unpad-xs.col-md-4, .unpad-xs.col-lg-4, .unpad-xs.col-xs-5, .unpad-xs.col-sm-5, .unpad-xs.col-md-5, .unpad-xs.col-lg-5, .unpad-xs.col-xs-6, .unpad-xs.col-sm-6, .unpad-xs.col-md-6, .unpad-xs.col-lg-6, .unpad-xs.col-xs-7, .unpad-xs.col-sm-7, .unpad-xs.col-md-7, .unpad-xs.col-lg-7, .unpad-xs.col-xs-8, .unpad-xs.col-sm-8, .unpad-xs.col-md-8, .unpad-xs.col-lg-8, .unpad-xs.col-xs-9, .unpad-xs.col-sm-9, .unpad-xs.col-md-9, .unpad-xs.col-lg-9, .unpad-xs.col-xs-10, .unpad-xs.col-sm-10, .unpad-xs.col-md-10, .unpad-xs.col-lg-10, .unpad-xs.col-xs-11, .unpad-xs.col-sm-11, .unpad-xs.col-md-11, .unpad-xs.col-lg-11, .unpad-xs.col-xs-12, .unpad-xs.col-sm-12, .unpad-xs.col-md-12, .unpad-xs.col-lg-12 { padding: 0px; }
 
.image-caption { padding: 15px 0!important; }
 
.thumbs .thumb { margin-bottom: 17px; }
.thumbs img.thumb { margin-bottom: 17px!important;  margin-top: 0; }
.thumbs .thumbs .thumb { padding-left: 0px; padding-right: 0px; }
.thumbs .block-grid-item {padding: 0px;width: 100%;}
.thumbs .block-grid-item .outlined { width: 100%; }
.container.extra .row.padded .row.padded .row.padded .thumb { padding-left: 15px; padding-right: 15px; }
 
.thumbs-sm .overlay-wrapper, .thumbs-sm > img { margin-top: 17px; }
 
.news-bulletin { width: 100%; }
 
.radio-playlist .round { position: relative; margin-top: -40px; margin-bottom: -40px; }
 
.on-air { margin-bottom: 0px; }
 
.row.schedule.home > div { padding-left: 20px; padding-right: 20px; }
 
.visible-xs { display: block!important; }
 
.navbar-toggle.social { margin: 5px; }
 
.megamenu .bottom-bar { width: 100%; text-align: center; }
.megamenu .bottom-bar a { float: none; }
 
#socialfooter ul { float: none!important; margin-top: 10px;}
#socialfooter ul.last {margin-left: 5px;}
#socialfooter .facebook { display: block!important; margin: 0 auto; height: 35px;}
 
.schedule .nav-tabs li a { padding: 10px 3px; }
.schedule .nav-tabs h4 { font-size: 14px; }
 
.playlist .tab-content { padding: 0px; border: 0px; margin-top: 20px;}
 
}
 
/* SM + Visiibility */
@media only screen  and  (width : 768px) {
.menu-large.open .megamenu { width: 100%; }
}
 
/* SM + Visiibility */
@media only screen  and  (min-width : 768px) {
 
.visible-xs { display: none!important; }
 
#quickbar { display: none!important; }
 
}
 
 
/* iPad Tablets / Medium DOWN */
@media only screen and (max-width : 992px) {
 
.navbar .container { width: 100% !important; }
.top-slide-container .container { width: 100% !important; }
.container.box-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
#homeQuick li:first-child { border-right: 1px #fff solid; }
 
.thumbs .overlay-wrapper, .thumbs > img { margin-top: 17px; }
.row.thumbs { margin-top: 0px; }
.audio-player.col-centered { display: block; width: 100%; }
 
.clearfix-sm { display: inline-block; width: 100%; height: 1px; }
 
.share-bar { margin-bottom: 15px; }
 
}
 
/* iPad Tablets / Medium */
@media only screen  and (min-width : 993px)  and (max-width : 1200px) {
 
.navbar .container { width: 100% !important; }
.top-slide-container .container { width: 100% !important; }
.container.box-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.container.extra > .row { float: none; }
.thumbs-md .overlay-wrapper, .thumbs-md > img { margin-top: 17px; }
 
}
 
/* iPad Tablets / Medium  LANDSCAPE */
@media only screen  and (min-width : 768px)  and (max-width : 1200px) {
 
.on-air img { width: auto; }
 
}
 
/* iPad Tablets/ Desktop / Medium  PLUS*/
@media only screen  and (min-width : 768px) {
 
.phone-col-both { padding-left: 0px!important; padding-right: 0px!important; }
.phone-col-right { padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.phone-col-left { padding-left: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 
.vertical-align { vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%); backface-visibility: hidden; -webkit-backface-visibility: hidden; translate3d( 0, 0, 0); filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');
}
.vertical-align.centered { left: 0; right: 0; }
.vertical-align.right { right: 0; }
.vertical-align.left { left: 0; }
 
.contain.padded { margin: 30px 0; padding: 20px 40px; }
.contain.padded.padded-top { margin: 30px 0 0; }
 
.box-shadow { box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 15px -4px rgba(0, 0, 0, 0.2); }
.box-shadow.subtle { box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(0, 0, 0, 0.1), -12px 0 15px -4px rgba(0, 0, 0, 0.1); }
 
.left-shadow { left: 10px; padding-left: 25px; padding-right: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, -12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 15px -4px rgba(0, 0, 0, 0.2); }
.left-shadow > div { padding-right: 20px; }
.left-shadow.subtle { box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, -12px 0 15px -4px rgba(0, 0, 0, 0.1), -12px 0 15px -4px rgba(0, 0, 0, 0.1); }
 
.right-shadow { right: 10px; padding-right: 25px; padding-left: 0px; box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(0, 0, 0, 0.2), 12px 0 15px -4px rgba(0, 0, 0, 0.2); }
.right-shadow > div { padding-left: 20px; }
.right-shadow.subtle { box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(0, 0, 0, 0.1), 12px 0 15px -4px rgba(0, 0, 0, 0.1); }
 
.navbar-brand {/* margin-top: 7px; */}
 
.overlay-hover:hover .overlay-content + .overlay { opacity: 0; }
 
.homeSlider-wrapper { position: relative; overflow: hidden; background-color: #f6f6f6; }
.homeSlider-wrapper:before{ content: ""; display: block; padding-top: 42.86%; }
.homeSlider-wrapper > div { position: absolute; width: 100%; height: 100%; top: 0; }
.homeSlider-wrapper > div.centered { top: 0; bottom: 0; right: 0; left: 0; }
 
#radio-gib, .on-air img {min-height: 300px!important;}
#radio-gib .mejs-wrapper {padding-bottom: 20px;min-height: 50px;}
 
.visible-xs { display: none!important; }
 
.outlined { float: none; }
 
}
 
/* Desktop / Medium  PLUS*/
@media only screen  and (min-width : 993px) {
 
#homeQuick li:first-child { border-right: 1px #fff solid; }
 
.thumbs-md a:first-child .overlay-wrapper, .thumbs-md .overlay-wrapper:first-child, .thumbs-md > img:first-child { margin-top: 0px; }
.thumbs-md .overlay-wrapper:only-child, .thumbs-md > img:only-child { margin-top: 17px; }
 
 
}
 
/* Desktop / Medium  PLUS MORE*/
@media only screen  and (min-width : 1100px) {
 
.container.extra { width: 1090px; }
.container.extra > .row { float: none; }
 
}
 
/* Large Desktop / Large Plus */
@media only screen  and (min-width : 1201px) {
 
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
/*margin-bottom: 315px;*/
}
.sticky-footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
/*  height: 315px;*/
}
 
#homeSlider .flex-direction-nav .flex-prev { left: 15px; }
#homeSlider .flex-direction-nav .flex-next { right: 15px; }
 
.container.extra { max-width: 1285px; width: 100%; }
 
.device-col-both { padding-left: 0px!important; padding-right: 0px!important; }
.device-col-right { padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.device-col-left { padding-left: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 
 
}
 
/* Desktop / Large Only */
@media only screen  and (min-width : 1500px) {
 
}
 
/* Retina Specific */
@media  (-webkit-min-device-pixel-ratio: 2),  (min-resolution: 192dpi) {
 
 
}
 
/* Retina Specific */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
 
 
}
 
/* IE10-specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 
.nav-tabs { table-layout: auto!important; }
.schedule .nav-tabs li { width: 14.3%!important; }
.playlist .nav-tabs li { width: 33.333%!important; }
}
 
/* Firefox ONLY */
@-moz-document url-prefix() {
 
fieldset { display: table-cell; }
 
.top-shadow:after { background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(102,102,102,0.65) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(102,102,102,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(102,102,102,0.65) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(102,102,102,0.65) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(102,102,102,0.65) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(102,102,102,0.65) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6666666',GradientType=0 ); /* IE6-9 */
}
 
.bottom-shadow:after { background: -moz-linear-gradient(top,  rgba(102,102,102,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(102,102,102,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(102,102,102,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(102,102,102,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(102,102,102,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6666666', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
 
.highlight .speaker div { padding-top: 25%; }
 
}
 
@media only screen  and (min-width : 768px) {
 
}
 
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
    font-size: 16px;
}
}
 
@media (max-width: 444px) {
/* Removes Recaptcha Styles for Mobiles */
.recaptchatable #recaptcha_image { margin: 0 !important; width: 200px !important; }
.recaptchatable .recaptcha_r4_c4,
.recaptchatable .recaptcha_r1_c1,
.recaptchatable .recaptcha_r3_c1,
.recaptchatable .recaptcha_r3_c2,
.recaptchatable .recaptcha_r7_c1,
.recaptchatable .recaptcha_r8_c1,
.recaptchatable .recaptcha_r4_c1,
.recaptchatable .recaptcha_r3_c3,
.recaptchatable .recaptcha_r4_c2,
.recaptchatable .recaptcha_r2_c1,
.recaptchatable .recaptcha_r4_c1,
.recaptchatable .recaptcha_r4_c2,
.recaptchatable .recaptcha_r4_c4,
.recaptchatable .recaptcha_r2_c2,
.recaptchatable .recaptcha_image_cell { background: none !important; }
 
}
 
/* weather widget */
.weather-widget iframe {
display: block;
}
 
.weather-widget * {
margin: 0 auto !important;
}
 
.main-media .overlay {cursor: pointer;}
 
/* BOOTSTRAP MODALS */
.modal-open .modal { z-index: 99999999999; }
.modal-dialog { margin: 12% auto 0; }
/*.modal-dialog button.close { display: inline-block; position: relative; z-index: 9999999!important; top: -30px; right: 5px; background: transparent; color: #fff!important; font-size: 30px; opacity: 0.85!important; }
 
.modal-content { border-radius: 0; background: url(../images/modal-bkg.jpg) no-repeat center top; background-size: cover; }
.modalVideo .modal-body iframe { margin: -30px -15px -25px; width: calc(100% + 30px); }
.modal-content .modal-body p { color: #fff; }
.modal-content .modal-body h2 { margin-top: -10px; margin-bottom: 10px; font-size: 40px; letter-spacing: 3px; color: #fff!important; }
.modal-content .modal-body label { margin-top: 15px; font-family: 'Knockout'; font-size: 20px; font-weight: 500; }
.modal-content .modal-body input[type="text"] { border-radius: 0; border: 0; }
.modal-content .modal-body input[name="captcha_code"] { display: inline-block; height: 35px; padding: 5px 10px; }
.modal-content .modal-body img#captcha { height: 35px; margin-top: -1px; }
.modal-content .modal-body button { padding: 10px 25px; border: none; }*/