@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=d9803928-7c7c-4a10-bda9-f068d0908c7d");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/* Import Fonts */
@font-face {
font-family: "Avenir-Light";
src: url("../fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
src: url("../fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"), url("../fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"), url("../fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"), url("../fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"), url("../fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg"); }
@font-face {
font-family: "Avenir-Reg";
src: url("../fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
src: url("../fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"), url("../fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"), url("../fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"), url("../fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"), url("../fonts/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg"); }
@font-face {
font-family: "Avenir-SemiBold";
src: url("../fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix");
src: url("../fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"), url("../fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"), url("../fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"), url("../fonts/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype"), url("../fonts/3604edbd-784e-4ca7-b978-18836469c62d.svg#3604edbd-784e-4ca7-b978-18836469c62d") format("svg"); }
@font-face {
font-family: "Avenir-Bold";
src: url("../fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
src: url("../fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"), url("../fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("../fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"), url("../fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"), url("../fonts/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg"); }
@font-face {
font-family: "Avenir-Black";
src: url("../fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix");
src: url("../fonts/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"), url("../fonts/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"), url("../fonts/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"), url("../fonts/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype"), url("../fonts/93603a74-2be0-436c-83e1-68f9ef616eaf.svg#93603a74-2be0-436c-83e1-68f9ef616eaf") format("svg"); }
/* Scss Document */
html {
box-sizing: border-box; }
html * {
box-sizing: inherit; }
body {
max-width: 100%;
width: 100%;
font-size: 100%;
font-family: "Avenir-Reg", Arial;
padding-top: 6.25em;
background-color: #ffffff;
color: #676868;
position: relative;
overflow-x: hidden; }
@media only screen and (max-width: 64em) {
body {
font-size: 80%; } }
@media only screen and (max-width: 48em) {
body {
font-size: 100%; } }
p, q {
line-height: 145%;
margin-bottom: 1.25em;
font-family: "Avenir-Reg", Arial;
font-size: 1em; }
@media only screen and (max-width: 64em) {
p, q {
font-size: 1.2em; } }
@media only screen and (max-width: 48em) {
p, q {
font-size: 1em; } }
p ul, p ol, p li, p p, p a, q ul, q ol, q li, q p, q a {
font-size: 1em; }
ul {
list-style: disc;
font-family: "Avenir-Reg", Arial;
font-size: 1em;
padding-left: 1em; }
ol {
list-style: decimal;
font-family: "Avenir-Reg", Arial;
font-size: 1em;
padding-left: 1em; }
li {
margin-top: 0; }
li + li {
margin-top: 1em; }
a {
outline: none;
text-decoration: none;
color: inherit;
cursor: pointer;
font-family: "Avenir-Reg", Arial;
font-size: 1em; }
img {
display: inline-block;
vertical-align: top; }
em {
font-style: italic; }
strong {
font-family: "Avenir-Bold", Arial; }
h1, h2, h3, h4, h5, h6 {
font-family: "Avenir-Black", Arial;
margin: 1em 0 0.65em 0;
line-height: 125%;
font-size: 2.25em;
text-transform: uppercase; }
@media only screen and (max-width: 28.125em) {
h1, h2, h3, h4, h5, h6 {
font-size: 2em; } }
img {
width: auto;
max-width: 100%; }
input {
margin-bottom: 0.65em; }
input[type='text'], input[type='email'], input[type='password'], input[type='search'] {
padding: 0.65em 0.975em;
width: 100%;
height: 2.8125em;
font-family: "Avenir-Reg", Arial;
outline: none;
font-family: "Avenir-Reg", Arial;
font-size: 1em;
border: 2px solid;
background: rgba(255, 255, 255, 0);
color: #ffffff; }
input[type='button'], input [type='submit'] {
border: none;
width: 100%;
height: 2.8125em;
font-family: "Avenir-Reg", Arial;
cursor: pointer;
font-family: bold-font;
text-transform: capitalize;
font-family: "Avenir-Reg", Arial;
font-size: 1em;
background-color: #f79623;
color: #ffffff;
padding: 0.65em 0.975em; }
select {
padding: 0.65em 0.975em;
width: 100%;
height: 2.8125em;
font-family: "Avenir-Reg", Arial;
outline: none;
font-family: "Avenir-Reg", Arial;
font-size: 1em;
border: 2px solid;
background: rgba(255, 255, 255, 0);
color: #ffffff;
margin-bottom: 0.65em; }
textarea {
border: 2px solid #fff;
background: rgba(255, 255, 255, 0);
color: #676868;
margin-bottom: 0.65em;
display: inline-block;
vertical-align: top;
padding: 0.65em 0.975em;
width: 100%;
max-width: 100%;
font-family: "Avenir-Reg", Arial;
height: 6.25em;
font-family: "Avenir-Reg", Arial;
font-size: 1em; }
.styled-select {
background: url("/_assets/core-images/icons/dropdown-arrow.png") no-repeat scroll right 10px center transparent;
cursor: pointer;
overflow: hidden;
height: 2.815em;
border: 2px solid #fff;
display: inline;
background-size: 20px; }
.styled-select select {
background: none repeat scroll 0 0 transparent;
cursor: pointer;
width: 115%;
border: none;
height: 100%;
padding-left: 10px;
-webkit-appearance: none; }
.styled-select select option {
color: #676868; }
.styled-select.full-wdth {
width: 100%;
display: block;
margin-bottom: 0.65em; }
.styled-select.half-wdth {
width: calc(50% - 2.5%);
float: right; }
@media only screen and (max-width: 28.125em) {
.styled-select.half-wdth {
width: 100%;
margin-bottom: 0.65em; } }
main {
display: inline-block;
vertical-align: top;
padding-top: 3.125em;
padding-bottom: 3.125em;
background-color: #ffffff; }
input, textarea {
-webkit-appearance: none;
-webkit-border-radius: 0; }
.hidden {
display: none !important; }
.hidden {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px); }
.iframe__auto_height {
position: relative;
padding-bottom: 56.25%;
height: 0;
width: 100%; }
.iframe__auto_height iframe, .iframe__auto_height video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ar {
text-align: right; }
.cta__btns {
text-align: center;
margin-top: 2.1875em; }
.cta__btns p {
font-size: 1.25em;
margin-bottom: 0.65em; }
.cta__btns a {
display: inline-block;
vertical-align: top;
height: auto;
min-height: 2.8125em;
border-radius: 2em;
padding: 1em 2.1875em;
background: #117ab3;
color: #ffffff;
display: inline-block;
vertical-align: top;
font-family: "Avenir-Bold", Arial;
margin-bottom: 1em;
transition: all 0.3s ease 0s;
margin: 0.65em 1.25em 0; }
.cta__btns a:hover {
background: #0a4a6d; }
.cta__btns a + a {
background: #000b40; }
.content__centre {
display: block;
width: 105em;
max-width: 100%;
padding: 0 2.1875em;
margin: 0 auto; }
.row {
width: 100%;
max-width: 100%;
display: inline-block;
vertical-align: top; }
.col__1_2 {
width: 50%;
max-width: 50%;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 28.125em) {
.col__1_2 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.col__1_3 {
width: 33.33%;
max-width: 33.33%;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 28.125em) {
.col__1_3 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.col__2_3 {
width: 66.66%;
max-width: 66.66%;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 28.125em) {
.col__2_3 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.col__1_4 {
width: 25%;
max-width: 25%;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 28.125em) {
.col__1_4 {
width: 50%;
max-width: 50%; } }
.col__2_4 {
width: 50%;
max-width: 50%;
display: inline-block;
vertical-align: top; }
.col__3_4 {
width: 75%;
max-width: 75%;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 28.125em) {
.col__3_4 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.col__1_5 {
width: 20%;
max-width: 20%;
display: inline-block;
vertical-align: top; }
.col__2_5 {
width: 40%;
max-width: 40%;
display: inline-block;
vertical-align: top; }
.col__3_5 {
width: 60%;
max-width: 60%;
display: inline-block;
vertical-align: top; }
.col__4_5 {
width: 80%;
max-width: 80%;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 28.125em) {
.col__4_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.col__7_8 {
width: 87.5%;
max-width: 87.5%;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 28.125em) {
.col__7_8 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
i {
background-image: url(https://www.radionewshub.co.uk/_assets/core-images/icons/sprite.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: top; }
.fb {
background-position: -2.825em -7.55em; }
.tw {
background-position: -0.525em -5.175em; }
.li {
background-position: -0.5em -7.625em; }
.in {
background-position: -0.5em -0.5325em; }
#policy .form_page #clear_cookies {
background-color: #6666ff;
color: #fff;
padding: .5em 2em;
display: inline-block;
font-weight: bold; }
@media only screen and (max-width: 37.5em) {
.payment {
padding: 1.25em; }
h1 {
margin-bottom: 1em; } }
.mobile-table {
width: 100%; }
@media only screen and (max-width: 900px) {
.mobile-table {
overflow-y: hidden;
overflow-x: scroll; } }
.cookie_type_table {
width: 100%;
min-width: 750px; }
.cookie_type_table thead {
font-weight: bold;
border-bottom: 1px solid; }
.cookie_type_table thead th {
text-align: left;
padding-bottom: 10px; }
.cookie_type_table thead th:nth-child(1) {
width: 15%; }
.cookie_type_table thead th:nth-child(2) {
width: 20%; }
.cookie_type_table thead th:nth-child(3) {
width: 45%; }
.cookie_type_table thead th:nth-child(4) {
width: 10%; }
.cookie_type_table thead th:nth-child(5) {
width: 10%; }
.cookie_type_table tbody td {
padding: 0.6em 1.2em 0.6em 0;
vertical-align: top;
font-size: .8em;
line-height: 1.25em; }
#policy h2 {
margin-bottom: 1em; }
#policy .form_page a {
color: #6666ff; }
#policy .form_page ul {
margin-left: 1em; }
#clear_cookies {
text-transform: uppercase;
background: #000b40;
color: #ffffff;
font-family: "Avenir-Reg", Arial;
font-weight: bold;
padding: .25em .75em;
font-size: 0.8em; }
header.site--hdr {
text-align: right;
position: fixed;
padding-top: 2.1875em;
padding-bottom: 2.1875em;
top: 0;
left: 0;
z-index: 10;
background-color: #000b40;
transition: all 1s ease 0s; }
header.site--hdr .logo {
float: left;
display: inline;
transition: all 1s ease 0s; }
header.site--hdr .logo img {
transition: inherit; }
@media only screen and (max-width: 64em) {
header.site--hdr .logo {
width: 12.5em; } }
header.site--hdr nav {
display: inline-block;
vertical-align: top;
margin-top: 2.1875em;
position: relative;
min-width: 1.5625em;
min-height: 1.5625em;
padding-left: 1.25em; }
header.site--hdr nav.slide__menu {
padding-left: 0; }
header.site--hdr nav.slide__menu::before {
position: absolute;
left: 0;
top: -10px;
font-family: "Avenir-Black", Arial;
content: ' ';
width: 2em;
height: 2em;
color: #fff;
z-index: 15;
background-image: url(https://www.radionewshub.co.uk/_assets/core-images/icons/sprite.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: top;
background-position: -5.75em -8.375em;
background-size: 10.5em 10.5em;
cursor: pointer; }
header.site--hdr nav.slide__menu.active::before {
background-position: -8.25em -8.375em; }
header.site--hdr nav.slide__menu.active ul {
right: 0; }
header.site--hdr nav.slide__menu .menu__trigger {
position: absolute;
top: -.75em;
right: -.25em;
width: 2em;
height: 2em;
z-index: 100;
cursor: pointer; }
header.site--hdr nav.slide__menu ul {
overflow-y: auto;
position: fixed;
right: -13em;
width: 12.5em;
top: 6.5em;
height: 100%;
padding: 0 1.5625em 7.5em;
z-index: 10;
background: #000b40;
text-align: right;
transition: all 1s ease 0s;
-webkit-box-shadow: -5px 0px 10px 0px #000b40;
-moz-box-shadow: -5px 0px 10px 0px #000b40;
box-shadow: -5px 0px 10px 0px #000b40; }
header.site--hdr nav.slide__menu ul li {
margin: 1em 0 0; }
header.site--hdr nav.slide__menu ul li.submenu {
position: relative; }
header.site--hdr nav.slide__menu ul li.submenu ul {
width: 100%;
left: 0;
text-align: right;
padding: 0;
margin-top: 0;
height: 0;
top: 0; }
header.site--hdr nav.slide__menu ul li.submenu ul li {
display: inline-block;
vertical-align: top;
width: 100%;
margin-left: 0 !important; }
header.site--hdr nav.slide__menu ul li.submenu ul li + li {
margin-top: 0.9375em; }
header.site--hdr nav.slide__menu ul li.submenu ul.active {
padding: 1.25em 0.65em;
margin-top: 0.65em;
height: auto;
position: relative; }
header.site--hdr nav ul {
display: inherit;
font-size: 1.25em; }
header.site--hdr nav ul li {
display: inherit;
margin: 0;
text-transform: uppercase;
color: #ffffff;
user-select: none; }
@media only screen and (max-width: 48em) {
header.site--hdr nav ul li {
margin-top: 1em;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
display: inline-block;
vertical-align: top; } }
header.site--hdr nav ul li + li {
margin: 0 0 0 1em; }
@media only screen and (max-width: 64em) {
header.site--hdr nav ul li + li {
margin-left: .75em; } }
header.site--hdr nav ul li a {
font-family: "Avenir-Bold", Arial; }
header.site--hdr nav ul li.submenu {
position: relative; }
header.site--hdr nav ul li.submenu ul {
width: 12.5em;
padding: 1.25em 0.65em;
font-size: 0.75em;
position: absolute;
left: -0.65em;
margin-top: 0.65em;
background: #f79623;
text-align: left;
opacity: 0;
visibility: hidden;
transform: translateY(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
header.site--hdr nav ul li.submenu ul li {
display: inline-block;
vertical-align: top;
width: 100%;
margin-left: 0 !important; }
header.site--hdr nav ul li.submenu ul li + li {
margin-top: 0.9375em; }
header.site--hdr nav ul li.submenu ul.active {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s; }
header.site--hdr.fixed {
padding-top: 1.25em;
padding-bottom: 1.25em;
left: 0;
top: 0; }
header.site--hdr.fixed .logo {
width: 7.5em; }
header.site--hdr.fixed nav {
margin-top: 1em; }
header.site--hdr.fixed nav ul {
display: inherit;
font-size: 1.25em; }
@media only screen and (max-width: 48em) {
header.site--hdr.fixed nav ul {
padding-top: 3em; } }
header.site--hdr.fixed nav.slide__menu ul {
top: 4em;
padding-bottom: 5em;
padding-top: 0; }
header.site--hdr.fixed nav.slide__menu ul ul {
top: 0; }
.banner {
display: inline-block;
vertical-align: top;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
height: 80vh;
min-height: 31.25em; }
.banner .row {
text-align: center;
position: absolute;
z-index: 5;
left: 0;
bottom: 0; }
.banner .row h1 {
color: #ffffff;
width: 100%;
line-height: 100%;
margin-bottom: 0.65em;
font-size: 4.375em; }
@media only screen and (max-width: 48em) {
.banner .row h1 {
font-size: 2.8125em; } }
@media only screen and (max-width: 28.125em) {
.banner .row h1 {
font-size: 2em; } }
.slide--bg-text-small, .slide--bg-text {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-top: 3.125em;
padding-bottom: 3.125em;
height: auto;
color: #ffffff;
text-align: center; }
.slide--bg-text-small span, .slide--bg-text span, .slide--bg-text-small strong, .slide--bg-text strong {
display: block;
font-size: 4.375em;
line-height: 100%;
font-family: "Avenir-Black", Arial; }
@media only screen and (max-width: 48em) {
.slide--bg-text-small span, .slide--bg-text span, .slide--bg-text-small strong, .slide--bg-text strong {
font-size: 2.8125em; } }
@media only screen and (max-width: 28.125em) {
.slide--bg-text-small span, .slide--bg-text span, .slide--bg-text-small strong, .slide--bg-text strong {
font-size: 2em; } }
.slide--bg-text-small span + span, .slide--bg-text span + span, .slide--bg-text-small span + strong, .slide--bg-text span + strong, .slide--bg-text-small strong + span, .slide--bg-text strong + span, .slide--bg-text-small strong + strong, .slide--bg-text strong + strong {
font-size: 1.7em;
font-family: "Avenir-Black", Arial; }
@media only screen and (max-width: 48em) {
.slide--bg-text-small span + span, .slide--bg-text span + span, .slide--bg-text-small span + strong, .slide--bg-text span + strong, .slide--bg-text-small strong + span, .slide--bg-text strong + span, .slide--bg-text-small strong + strong, .slide--bg-text strong + strong {
font-size: 1.35em; } }
@media only screen and (max-width: 28.125em) {
.slide--bg-text-small span + span, .slide--bg-text span + span, .slide--bg-text-small span + strong, .slide--bg-text span + strong, .slide--bg-text-small strong + span, .slide--bg-text strong + span, .slide--bg-text-small strong + strong, .slide--bg-text strong + strong {
font-size: 1em; } }
.slide--bg-text-small a, .slide--bg-text a {
height: auto;
min-height: 2.8125em;
border-radius: 2em;
padding: 1em 2.1875em;
background: #ffffff;
color: #000b40;
display: inline-block;
vertical-align: top;
font-family: "Avenir-Bold", Arial;
margin-bottom: 1em;
transition: all 0.3s ease 0s;
margin-top: 1.25em; }
.slide--bg-text-small a:hover, .slide--bg-text a:hover {
background: #d9d9d9; }
.slide--bg-text-small p, .slide--bg-text p {
font-size: 1.25em; }
.slide--bg-text-small p + p:last-child, .slide--bg-text p + p:last-child {
margin-bottom: 0; }
.slide--bg-text {
padding-top: 10vh;
padding-bottom: 10vh;
height: auto;
min-height: 70vh; }
.slide--bg-text.lrg h1, .slide--bg-text.lrg h2, .slide--bg-text.lrg h3, .slide--bg-text.lrg h4, .slide--bg-text.lrg h5, .slide--bg-text.lrg h6 {
font-size: 4.375em;
word-spacing: 105em; }
@media only screen and (max-width: 48em) {
.slide--bg-text.lrg h1, .slide--bg-text.lrg h2, .slide--bg-text.lrg h3, .slide--bg-text.lrg h4, .slide--bg-text.lrg h5, .slide--bg-text.lrg h6 {
font-size: 2.8125em; } }
@media only screen and (max-width: 28.125em) {
.slide--bg-text.lrg h1, .slide--bg-text.lrg h2, .slide--bg-text.lrg h3, .slide--bg-text.lrg h4, .slide--bg-text.lrg h5, .slide--bg-text.lrg h6 {
font-size: 2em; } }
#map {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1; }
.intro {
padding-top: 3.125em;
padding-bottom: 3.125em;
text-align: center; }
.intro .col__3_5 {
float: left;
display: inline;
margin-top: 2.1875em; }
@media only screen and (max-width: 48em) {
.intro .col__3_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.intro .col__3_5 a {
position: relative;
display: inline-block;
vertical-align: top; }
.intro .col__3_5 a h2, .intro .col__3_5 a h3 {
position: absolute;
top: 0;
left: 0;
font-size: 1em;
padding: 0.65em;
background: #000b40;
color: #ffffff;
margin: 0; }
.intro .col__3_5 .col__3_4 {
float: left;
display: inline; }
.intro .col__3_5 .col__3_4 h2 {
font-size: 1.25em;
padding: .925em 1.25em; }
@media only screen and (max-width: 37.5em) {
.intro .col__3_5 .col__3_4 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.intro .col__3_5 .col__1_4 {
float: right;
display: inline; }
.intro .col__3_5 .col__1_4 a {
width: calc(100% - .625em);
margin: 0 0 0.65em 0.65em; }
@media only screen and (max-width: 37.5em) {
.intro .col__3_5 .col__1_4 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.intro .col__3_5 .col__1_4 a {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin: 0.65em 0 0; }
.intro .col__3_5 .col__1_4 a img {
display: none; }
.intro .col__3_5 .col__1_4 a h3 {
position: relative;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.intro .col__3_5 .col__3_5.inline_block {
float: none;
display: inline-block; }
.intro .ads {
background: #d7d7d7;
padding: 0.65em;
margin-top: 2.1875em; }
.intro .ads a + a {
margin-top: .95em; }
@media only screen and (max-width: 48em) {
.intro .ads {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.intro .ads a {
width: calc(50% - 2.5%);
float: left;
display: inline; }
.intro .ads a + a {
margin-top: 0;
float: right;
display: inline; } }
.slide--wwd {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://www.radionewshub.co.uk/_media/images/backgrounds/home/wwd.jpg);
color: #ffffff;
text-align: center;
padding-top: 5vh;
padding-bottom: 5vh;
height: auto;
min-height: 70vh; }
.slide--wwd .cta__btn {
height: auto;
min-height: 2.8125em;
border-radius: 2em;
padding: 1em 2.1875em;
background: #ffffff;
color: #000b40;
display: inline-block;
vertical-align: top;
font-family: "Avenir-Bold", Arial;
margin-bottom: 1em;
transition: all 0.3s ease 0s; }
.slide--wwd .cta__btn:hover {
background: #d9d9d9; }
.slide--wwd .row {
margin-top: 2.1875em; }
.slide--wwd .row .col__1_4 {
padding: 0 1.25em;
text-align: center; }
.slide--wwd .row .col__1_4 img {
margin-bottom: 0.65em; }
.slide--wwd .row .col__1_4.ar {
margin: 1.5em 0; }
@media only screen and (max-width: 48em) {
.slide--wwd .row .col__1_4.ar {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.slide--wwd .row.justify {
display: block;
width: 100%;
text-align: justify; }
.slide--wwd .row.justify::after {
display: inline-block;
width: 100%;
content: ' ';
height: 1px !important; }
.slide--wwd .row.justify div, .slide--wwd .row.justify .justify ul, .slide--wwd .row.justify .justify ol {
display: inline-block;
vertical-align: top;
padding: 0.65em; }
@media only screen and (max-width: 48em) {
.slide--wwd .row.justify .col__1_4 {
text-align: left;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
position: relative;
padding: 0 0 0 7.8125em;
margin: 0 0 1.75em; }
.slide--wwd .row.justify .col__1_4 img {
position: absolute;
top: -1em;
left: 0;
width: 5.75em; } }
@media only screen and (max-width: 28.125em) {
.slide--wwd .row.justify .col__1_4 {
padding: 0 0 0 4.25em;
display: inline-block;
width: auto; }
.slide--wwd .row.justify .col__1_4 img {
width: 3.125em;
top: 0; } }
.slide--wwd .cta__btn {
margin-top: 2.1875em; }
@media only screen and (max-width: 48em) {
.slide--wwd .col__2_3 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.partners {
text-align: center;
padding: 2.1875em 0; }
.partners h3, .partners h4, .partners h5, .partners h6 {
margin: 0 0 1.25em; }
.partners h4 {
color: #1f64a3; }
.slide--stats {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://www.radionewshub.co.uk/_media/images/backgrounds/home/stats.jpg);
padding-top: 15vh;
padding-bottom: 15vh;
height: 70vh;
min-height: 31.25em;
position: relative; }
.slide--stats .col__2_5 {
position: absolute;
top: 35%;
right: 0; }
@media only screen and (max-width: 48em) {
.slide--stats .col__2_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
top: 25%; } }
.slide--stats .col__2_5 .row {
padding: 0.65em;
color: #676868;
text-transform: uppercase;
font-size: 1.25em;
font-family: "Avenir-Bold", Arial;
margin-bottom: 0.65em;
background: rgba(0, 0, 0, 0.75); }
.slide--stats .col__2_5 .row span {
color: #0f9e81;
display: block;
margin-top: .325em;
font-size: 1.5em;
font-family: "Avenir-Reg", Arial; }
.slide--stats .col__2_5 .row:last-child span {
color: #f79623;
display: block;
margin-top: .325em;
font-size: 1.5em;
font-family: "Avenir-Reg", Arial; }
.top_news {
position: relative;
width: 100%;
padding-top: calc(68% - .625em);
/* Aspect Ratio */
overflow: hidden; }
.top_news img {
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
font-size: 20px;
color: white; }
@media only screen and (max-width: 37.5em) {
.top_news {
padding-top: 0; } }
.slide--we-are {
min-height: 31.25em;
text-align: center; }
.slide--we-are h2 {
margin-top: 0; }
.slide--we-are img {
margin: 1.25em 0; }
.slide--abt-wwd {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
padding-top: 5vh;
padding-bottom: 5vh;
height: auto;
min-height: 70vh; }
.slide--abt-wwd .row {
margin-top: 2.1875em; }
.slide--abt-wwd .row .col__1_4 {
padding: 0 2.1875em 1.25em;
position: relative;
text-align: center; }
.slide--abt-wwd .row .col__1_4 + .col__1_4::before {
border-top: solid 0.65em #676868;
border-right: solid 0.65em #676868;
top: 30%;
left: -5%;
position: absolute;
content: ' ';
width: 1.8em;
height: 1.8em;
transform: rotate(45deg); }
.slide--abt-wwd .row .col__1_4 img {
margin-bottom: 0.65em;
padding: 0.65em;
background: #000b40; }
.slide--abt-wwd .row .col__1_4 h3 {
color: #f79623;
font-size: 1.25em; }
@media only screen and (max-width: 64em) {
.slide--abt-wwd .row {
display: block;
width: 100%;
text-align: justify; }
.slide--abt-wwd .row::after {
display: inline-block;
width: 100%;
content: ' ';
height: 1px !important; }
.slide--abt-wwd .row div, .slide--abt-wwd .row .justify ul, .slide--abt-wwd .row .justify ol {
display: inline-block;
vertical-align: top;
padding: 0.65em; }
.slide--abt-wwd .row .col__1_4 {
padding: 0 1em 1.25em; }
.slide--abt-wwd .row .col__1_4 + .col__1_4::before {
left: -40%; } }
@media only screen and (max-width: 48em) {
.slide--abt-wwd .row {
text-align: left; }
.slide--abt-wwd .row .col__1_4 {
text-align: left;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
position: relative;
padding: 0 0 1.25em 7.8125em;
margin: 0.65em; }
.slide--abt-wwd .row .col__1_4 img {
position: absolute;
top: 0;
left: 0;
width: 6.25em; }
.slide--abt-wwd .row .col__1_4 h3 {
margin-top: 0; } }
@media only screen and (max-width: 28.125em) {
.slide--abt-wwd .row .col__1_4 {
padding: 0 0 1.25em 4.25em; }
.slide--abt-wwd .row .col__1_4 img {
width: 3.125em; } }
.slide--provide {
padding-top: 5vh;
padding-bottom: 5vh;
min-height: 31.25em;
text-align: center; }
.slide--provide .grid {
float: left;
display: inline;
padding: .2em;
position: relative; }
.slide--provide .grid img {
width: 100%; }
.slide--provide .grid h4 {
color: #ffffff;
font-family: "Avenir-Bold", Arial;
font-size: 1em;
position: absolute;
width: 100%;
padding: 1.25em;
bottom: 0;
left: 0;
z-index: 1;
text-align: left; }
@media only screen and (max-width: 48em) {
.slide--provide .grid {
width: 50%;
max-width: 50%; } }
.slide--team {
padding-top: 5vh;
padding-bottom: 5vh;
min-height: 31.25em;
text-align: center; }
.slide--team .team__inr {
padding: 1.25em;
background: #d7d7d7;
margin-top: 6em;
min-height: 37em; }
.slide--team .team__inr img {
margin-top: -6em; }
.slide--team .team__inr h4 {
font-size: 1.25em; }
.slide--team .team__inr span {
display: inline-block;
vertical-align: top;
margin-bottom: 0.65em; }
.slide--team .team__inr .team__social {
margin-bottom: 0.65em; }
.slide--team .team__inr .team__social a {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
padding: 0.65em;
margin: 0 .325em;
background: #000b40;
display: inline-block;
vertical-align: top; }
.slide--team .team__inr .team__social a i {
background-size: 9.375em 9.375em;
width: 1.25em;
height: 1.25em; }
.slide--team .team__inr .team__social + a {
margin-top: 0.65em;
display: inline-block;
vertical-align: top; }
.team__info {
position: relative;
margin-top: 6.25em; }
@media only screen and (max-width: 48em) {
.team__info {
margin-top: 3.125em; } }
.team__info img.col__1_4 {
position: absolute;
top: 10%;
left: 0; }
@media only screen and (max-width: 48em) {
.team__info img.col__1_4 {
top: 5%; } }
@media only screen and (max-width: 37.5em) {
.team__info img.col__1_4 {
display: none; } }
.team__info .col__7_8 {
display: inline;
float: right;
padding: 3.125em 2.1875em 3.125em 17.5em;
background: #d7d7d7; }
@media only screen and (max-width: 64em) {
.team__info .col__7_8 {
padding-left: 12.5em; } }
@media only screen and (max-width: 48em) {
.team__info .col__7_8 {
padding-left: 7.5em; } }
@media only screen and (max-width: 37.5em) {
.team__info .col__7_8 {
padding-left: 3.125em;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.team__info .col__7_8 h2 {
font-size: 1.25em;
margin-bottom: 0.65em; }
.team__info .col__7_8 span {
display: inline-block;
vertical-align: top;
margin-bottom: 1.25em; }
.team__info .col__7_8 .col__1_2 {
width: calc(50% - 2.5%);
float: left;
display: inline; }
.team__info .col__7_8 .col__1_2 + .col__1_2 {
float: right; }
@media only screen and (max-width: 64em) {
.team__info .col__7_8 .col__1_2 {
width: calc(50% - 5%); } }
@media only screen and (max-width: 48em) {
.team__info .col__7_8 .col__1_2 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.slide--packages {
padding-top: 3.125em;
text-align: center; }
.slide--packages .row {
padding-top: 1.25em;
padding-bottom: 1.25em;
text-align: left; }
.slide--packages .row + .row {
border-top: solid 2px #676868; }
.slide--packages .row + p {
margin: 2.1875em 0 0; }
.slide--packages .row img {
float: left; }
@media only screen and (max-width: 37.5em) {
.slide--packages .row img {
display: none; } }
.slide--packages .row .col__3_4 {
float: right;
padding-left: 2.1875em; }
@media only screen and (max-width: 37.5em) {
.slide--packages .row .col__3_4 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0; } }
.slide--packages .row .col__3_4 h2, .slide--packages .row .col__3_4 h3, .slide--packages .row .col__3_4 h4, .slide--packages .row .col__3_4 h5, .slide--packages .row .col__3_4 h6 {
font-size: 1.25em;
margin: 2.1875em 0; }
@media only screen and (max-width: 48em) {
.slide--packages .row .col__3_4 h2, .slide--packages .row .col__3_4 h3, .slide--packages .row .col__3_4 h4, .slide--packages .row .col__3_4 h5, .slide--packages .row .col__3_4 h6 {
margin: 0 0 1.25em; } }
.slide--packages .row .col__3_4 div {
display: inline-block;
vertical-align: top;
width: 100%;
padding-left: 3.125em; }
.slide--packages .row .col__3_4 div strong {
margin-bottom: 1.25em;
display: inline-block;
vertical-align: top;
font-family: "Avenir-Reg", Arial; }
@media only screen and (max-width: 48em) {
.slide--packages .row .col__3_4 div {
padding-left: 0;
font-size: .9em; } }
.slide--packages .cta__btn {
height: auto;
min-height: 2.8125em;
border-radius: 2em;
padding: 1em 2.1875em;
background: #117ab3;
color: #ffffff;
display: inline-block;
vertical-align: top;
font-family: "Avenir-Bold", Arial;
margin-bottom: 1em;
transition: all 0.3s ease 0s;
margin-top: 1.25em; }
.slide--packages .cta__btn:hover {
background: #0a4a6d; }
.slide--listen {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
padding-top: 5vh;
padding-bottom: 5vh;
height: auto;
min-height: 70vh; }
.slide--listen .row {
margin-top: 2.1875em; }
.slide--listen .row.justify {
display: block;
width: 100%;
text-align: justify; }
.slide--listen .row.justify::after {
display: inline-block;
width: 100%;
content: ' ';
height: 1px !important; }
.slide--listen .row.justify div, .slide--listen .row.justify .justify ul, .slide--listen .row.justify .justify ol {
display: inline-block;
vertical-align: top;
padding: 0.65em; }
.slide--listen .row .col__1_4 {
position: relative;
text-align: left; }
.slide--listen .row .col__1_4.play, .slide--listen .row .col__1_4.pause {
padding: 0 1.25em 1.25em 3em; }
.slide--listen .row .col__1_4.play_sound {
cursor: pointer; }
.slide--listen .row .col__1_4.play::before {
background-size: 13em 13em;
background-color: #f79623;
background-position: -6.25em -6.475em;
top: 2.5%;
left: -5%;
position: absolute;
content: ' ';
border-radius: 50%;
width: 3.25em;
height: 3.25em;
background-image: url(https://www.radionewshub.co.uk/_assets/core-images/icons/sprite.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: top; }
.slide--listen .row .col__1_4.play:not(.clicked):after {
background-position: -9.675em -6.475em; }
.slide--listen .row .col__1_4.pause::before {
background-size: 13em 13em;
background-color: #f79623;
background-position: -9.675em -6.475em;
top: 2.5%;
left: -5%;
position: absolute;
content: ' ';
border-radius: 50%;
width: 3.25em;
height: 3.25em;
background-image: url(https://www.radionewshub.co.uk/_assets/core-images/icons/sprite.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: top; }
.slide--listen .row .col__1_4.play:active {
background-position: -9.675em -6.475em; }
.slide--listen .row .col__1_4 h3 {
color: #f79623;
font-size: 1.25em; }
.slide--listen .row .col__1_4.ar {
margin: 1.5em 0; }
@media only screen and (max-width: 48em) {
.slide--listen .row .col__1_4 {
width: 45%;
max-width: 45%; }
.slide--listen .row .col__1_4.play, .slide--listen .row .col__1_4.pause {
padding-left: 2.25em; }
.slide--listen .row .col__1_4.play::before {
background-size: 9em 9em;
background-position: -4.35em -4.525em;
width: 2.25em;
height: 2.25em; }
.slide--listen .row .col__1_4.pause::before {
background-size: 9em 9em;
background-position: -6.7em -4.525em;
width: 2.25em;
height: 2.25em; } }
@media only screen and (max-width: 28.125em) {
.slide--listen .row .col__1_4 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.slide--listen .row .col__1_4.ar {
text-align: center; } }
.faq__trigger {
position: relative;
font-size: 1em;
border-bottom: 2px solid #676868;
padding: 2.1875em 3.125em 2.1875em 0;
cursor: pointer;
margin: 0; }
.faq__trigger::after {
background-image: url(https://www.radionewshub.co.uk/_assets/core-images/icons/faq-arrow.png);
background-repeat: no-repeat;
background-position: center right;
position: absolute;
top: 2.1875em;
right: 0;
width: 1.5em;
height: 1.25em;
content: ' '; }
.faq__trigger.active::after {
transform: rotate(180deg); }
.faq__container {
padding: 1.25em 0 0; }
.intro-article {
text-align: left;
margin-bottom: 3.125em; }
.intro-article h2, .intro-article h3 {
font-size: 1.25em; }
.intro-article a {
margin-top: 1.25em;
position: relative; }
.intro-article a .col__3_5 {
position: relative;
z-index: 0; }
@media only screen and (max-width: 48em) {
.intro-article a .col__3_5 {
float: left;
display: inline;
width: 40%;
max-width: 40%; } }
@media only screen and (max-width: 37.5em) {
.intro-article a .col__3_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.intro-article a .col__1_2 {
text-align: left;
width: 40%;
position: absolute;
right: 0;
background: #ffffff;
padding: 2.1875em;
z-index: 1;
top: 15%; }
@media only screen and (max-width: 64em) {
.intro-article a .col__1_2 {
top: 5%; } }
@media only screen and (max-width: 48em) {
.intro-article a .col__1_2 {
width: 60%;
max-width: 60%;
float: right;
text-align: left;
display: inline;
position: relative;
top: 0;
padding: 0 0 0 2.1875em; }
.intro-article a .col__1_2 h3 {
margin-top: 0; } }
@media only screen and (max-width: 37.5em) {
.intro-article a .col__1_2 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding: 1.25em 0 0; } }
.intro-article a .col__1_2 p:last-child {
position: relative;
width: 100%;
padding-bottom: 1em; }
.intro-article a .col__1_2 p:last-child::after {
position: absolute;
bottom: 0;
right: 0;
border-top: solid 0.325em #f79623;
border-right: solid 0.325em #f79623;
width: 0.65em;
height: 0.65em;
content: ' ';
transform: rotate(45deg); }
.intro-article a .col__1_2 p::first-letter {
text-transform: capitalize; }
.news {
float: left;
display: inline;
width: calc(33.33% - 1.25em);
margin: 1.875em 1.875em 1.875em 0;
text-align: left; }
@media only screen and (max-width: 48em) {
.news {
width: calc(50% - 1.25em);
max-width: 50%;
margin-right: 0; }
.news:nth-child(odd) {
margin-left: 2.5em; } }
@media only screen and (max-width: 28.125em) {
.news {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.news:nth-child(odd) {
margin-left: 0; } }
.news:nth-child(3n+1) {
margin-right: 0; }
.news .thumb {
position: relative;
margin-bottom: 0.65em; }
.news .thumb img {
position: relative;
width: 100%;
z-index: 0; }
.news .thumb strong {
position: absolute;
top: 0;
left: 0;
font-size: 1em;
padding: 0.65em;
background: #000b40;
color: #ffffff;
margin: 0;
z-index: 1; }
.news h3 {
font-size: 1.25em;
margin: 0.65em 0;
padding: 0 1em;
height: 70px; }
@media only screen and (max-width: 86.25em) {
.news h3 {
font-size: 1.045em; } }
@media only screen and (max-width: 64em) {
.news h3 {
font-size: 1.15em; } }
@media only screen and (max-width: 48em) {
.news h3 {
font-size: 1em;
height: auto;
padding: 0;
height: 5em; } }
.news p {
position: relative;
padding: 0 1.25em 0.65em;
height: 56px; }
@media only screen and (max-width: 48em) {
.news p {
padding: 0 0 0.65em;
height: 10em; } }
.news p::after {
position: absolute;
bottom: 0;
right: 0;
border-top: solid 0.325em #f79623;
border-right: solid 0.325em #f79623;
width: 0.65em;
height: 0.65em;
content: ' ';
transform: rotate(45deg); }
.news p::first-letter {
text-transform: capitalize; }
.follow {
padding-bottom: 2.1875em; }
@media only screen and (max-width: 37.5em) {
.follow {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.follow h4 {
font-size: 1.25em; }
.follow h4 a {
color: #f79623;
font-family: "Avenir-Bold", Arial; }
.follow + .col__2_5 {
float: right; }
@media only screen and (max-width: 37.5em) {
.follow + .col__2_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.news__article {
padding: 3.125em 6.5em; }
@media only screen and (max-width: 48em) {
.news__article {
padding: 3.125em; } }
@media only screen and (max-width: 37.5em) {
.news__article {
padding: 2.1875em; } }
@media only screen and (max-width: 28.125em) {
.news__article {
padding: 1.25em; } }
.news__article img {
width: 100%; }
.news__article h1 {
text-align: center;
margin: 1.25em 0; }
@media only screen and (max-width: 37.5em) {
.news__article h1 {
text-align: left;
font-size: 1.5em; } }
.news__article h2, .news__article h3, .news__article h4, .news__article h5, .news__article h6 {
font-size: 1.4em;
text-transform: inherit; }
@media only screen and (max-width: 37.5em) {
.news__article h2, .news__article h3, .news__article h4, .news__article h5, .news__article h6 {
font-size: 1.00em; } }
.news__article cite {
display: inline-block;
vertical-align: top;
margin-top: 1.25em; }
.news__article a.cta__btn {
height: auto;
min-height: 2.8125em;
border-radius: 2em;
padding: 1em 2.1875em;
background: #000b40;
color: #ffffff;
display: inline-block;
vertical-align: top;
font-family: "Avenir-Bold", Arial;
margin-bottom: 1em;
transition: all 0.3s ease 0s;
display: inline-block;
vertical-align: top;
margin-top: 2.1875em; }
.news__article a.cta__btn:hover {
background: black; }
.news__article li {
line-height: 145%;
margin-bottom: 1.25em;
font-family: "Avenir-Reg", Arial;
font-size: 1em; }
.related {
margin-bottom: 3.125em; }
.related h2 {
border-bottom: 2px solid #676868;
padding-bottom: 0.65em; }
.related article + article {
margin-top: 1.25em; }
.related article img {
float: left;
display: inline;
padding-right: 1em; }
.related .col__3_5 {
float: left;
display: inline; }
@media only screen and (max-width: 64em) {
.related .col__3_5 {
margin-top: 0; } }
@media only screen and (max-width: 64em) {
.related .col__3_5.outer {
width: 70%;
max-width: 70%; } }
@media only screen and (max-width: 48em) {
.related .col__3_5.outer {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
@media only screen and (max-width: 37.5em) {
.related .col__3_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.related .col__3_5 h3 {
font-size: 1.25em;
margin-bottom: 0.65em; }
@media only screen and (max-width: 64em) {
.related .col__3_5 h3 {
margin-top: 0; } }
.related .col__3_5 p:last-child {
position: relative;
padding: 0 0 0.65em; }
.related .col__3_5 p:last-child::after {
position: absolute;
bottom: 0;
right: 0;
border-top: solid 0.325em #f79623;
border-right: solid 0.325em #f79623;
width: 0.65em;
height: 0.65em;
content: ' ';
transform: rotate(45deg); }
@media only screen and (max-width: 37.5em) {
.related .col__3_5 img {
display: none; } }
.related .col__1_5 {
float: right;
background: #d7d7d7;
padding: 0.65em;
margin-top: 2.1875em; }
.related .col__1_5 a + a {
margin-top: .95em; }
@media only screen and (max-width: 48em) {
.related .col__1_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.related .col__1_5 a {
width: calc(50% - 2.5%);
float: left;
display: inline; }
.related .col__1_5 a + a {
margin-top: 0;
float: right;
display: inline; } }
.centre__news {
display: inline-block !important;
float: none !important; }
.filter__form {
text-align: right;
position: relative; }
.filter__form input, .filter__form select {
padding: 0.65em 0.975em;
height: 2.8125em;
outline: none;
font-family: "Avenir-Reg", Arial;
font-size: 1em;
border: 2px solid #d7d7d7;
color: #676868;
display: inline-block;
vertical-align: top;
width: auto !important;
margin: 0 0 0.65em 1.25em; }
.filter__form input[type='search'], .filter__form select[type='search'] {
min-width: 13em; }
.filter__form input[type="button"], .filter__form select[type="button"] {
position: absolute;
width: 2.8125em;
height: 2.8125em;
background-color: #f79623;
top: 0;
right: 0;
border: none;
color: #ffffff;
cursor: pointer;
background-image: url(https://www.radionewshub.co.uk/_assets/core-images/icons/sprite.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: top;
background-size: 13em 13em;
background-position: -3.35em -0.375em; }
@media only screen and (max-width: 48em) {
.filter__form input, .filter__form select {
margin-left: 0.375em; } }
@media only screen and (max-width: 37.5em) {
.filter__form input[type="button"] {
bottom: 0 !important;
top: auto !important; } }
.blog {
padding: 2.1875em;
border-bottom: 2px solid #676868; }
.blog h3 {
font-size: 1.5em;
margin-bottom: 0; }
.blog time {
display: inline-block;
vertical-align: top;
margin-bottom: 1.25em;
color: #000;
font-family: "Avenir-Bold", Arial;
font-size: 1em; }
.blog .col__1_2 {
float: left;
display: inline; }
.blog .col__1_2 + .col__1_2 {
float: right;
padding: 2.1875em; }
.blog .col__1_2 a {
font-family: "Avenir-Bold", Arial;
color: #f79623;
position: relative;
padding-right: 1.25em;
float: right;
margin-top: 2.1875em; }
.blog .col__1_2 a::after {
position: absolute;
top: 0;
right: 0;
color: #f79623;
border-top: 0.325em solid #f79623;
border-right: 0.325em solid #f79623;
content: ' ';
height: .65em;
width: .65em;
transform: rotate(45deg); }
@media only screen and (max-width: 64em) {
.blog {
padding: 2.1875em 0; }
.blog .col__1_2 {
padding-top: 0; }
.blog .col__1_2 h3 {
margin-top: 0; } }
@media only screen and (max-width: 48em) {
.blog p {
display: none; } }
@media only screen and (max-width: 28.125em) {
.blog img {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.blog .col__1_2 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.blog .col__1_2 + .col__1_2 {
padding: 2.1875em 0 0; } }
.blog-nav {
margin-top: 3.125em;
text-align: center; }
.blog-nav a {
display: inline-block;
vertical-align: top;
position: relative;
text-transform: uppercase;
font-family: "Avenir-Bold", Arial; }
.blog-nav a.prev {
padding: 0 0 0 2.1875em;
color: #676868;
float: left; }
.blog-nav a.prev::before {
position: absolute;
top: 0;
left: 0;
color: #676868;
border-top: 0.325em solid #676868;
border-left: 0.325em solid #676868;
content: ' ';
height: .65em;
width: .65em;
transform: rotate(-45deg); }
.blog-nav a.next {
padding: 0 2.1875em 0 0;
color: #676868;
float: right; }
.blog-nav a.next::before {
position: absolute;
top: 0;
right: 0;
color: #676868;
border-top: 0.325em solid #676868;
border-right: 0.325em solid #676868;
content: ' ';
height: .65em;
width: .65em;
transform: rotate(45deg); }
.blog-nav .paging {
display: inline-block;
vertical-align: top; }
.blog-nav .paging a {
width: .95em;
height: .95em;
border-radius: 50%;
background: #d7d7d7;
margin: 0 .325em; }
.blog-nav .paging a.active {
background: #f79623; }
@media only screen and (max-width: 48em) {
.blog-nav {
position: relative; }
.blog-nav .paging {
position: absolute;
top: -2em;
width: 100%;
left: 0;
text-align: center; }
.blog-nav a {
margin-top: 1.25em; } }
.comp__form {
float: left;
margin-top: 2.1875em; }
@media only screen and (max-width: 48em) {
.comp__form {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.comp__form h2 {
font-size: 1em; }
.comp__form input[type="text"], .comp__form input[type="email"] {
background: #d7d7d7;
color: #676868;
border: none; }
.comp__form input[type="submit"] {
background: #f79623;
color: #ffffff;
border: none;
width: 100%;
height: 2.8125em;
font-family: "Avenir-Reg", Arial;
cursor: pointer;
font-family: bold-font;
text-transform: capitalize;
font-family: "Avenir-Reg", Arial;
font-size: 1em; }
#contact-map {
height: 70vh;
min-height: 31.25em; }
.slide--contact .content__centre {
text-align: center; }
.slide--contact .content__centre h2 {
text-align: left;
margin-top: 2.1875em; }
@media only screen and (max-width: 48em) {
.slide--contact .content__centre h2 {
text-align: center; } }
.slide--contact .content__centre .col__2_5 {
float: left;
display: inline;
text-align: left; }
@media only screen and (max-width: 37.5em) {
.slide--contact .content__centre .col__2_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.slide--contact .content__centre .col__2_5 .row {
margin-bottom: 1.25em; }
.slide--contact .content__centre .col__2_5 .row a.col__1_4 {
float: left;
padding: 1.25em;
background: #000b40;
text-align: center; }
@media only screen and (max-width: 48em) {
.slide--contact .content__centre .col__2_5 .row a.col__1_4 {
display: none; } }
.slide--contact .content__centre .col__2_5 .row a.col__1_4 + p {
margin: 0.65em 0;
float: right; }
@media only screen and (max-width: 48em) {
.slide--contact .content__centre .col__2_5 .row a.col__1_4 + p {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.slide--contact .content__centre .col__2_5 .row a.col__1_4 + a {
margin: 2.1875em 0;
float: right; }
@media only screen and (max-width: 48em) {
.slide--contact .content__centre .col__2_5 .row a.col__1_4 + a {
margin-top: 0;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
position: relative;
padding-left: 1em;
margin: 0 0 1em 0; }
.slide--contact .content__centre .col__2_5 .row a.col__1_4 + a::before {
position: absolute;
left: 0;
top: 0;
font-family: "Avenir-Bold", Arial;
content: 'e: '; } }
.slide--contact .content__centre .col__2_5 .row a.col__1_4 + a.tel::before {
content: 't: '; }
.slide--contact .content__centre .col__2_5.contact__form {
float: right;
display: inline; }
.slide--contact .content__centre .col__2_5.contact__form input, .slide--contact .content__centre .col__2_5.contact__form select {
padding: 0.65em 0.975em;
height: 2.8125em;
outline: none;
font-family: "Avenir-Reg", Arial;
font-size: 1em;
color: #676868;
display: inline-block;
vertical-align: top;
margin: 0 0 0.65em;
background: #d7d7d7;
border: none;
width: 100%; }
.slide--contact .content__centre .col__2_5.contact__form input[type="submit"], .slide--contact .content__centre .col__2_5.contact__form select[type="submit"] {
text-align: center;
margin-top: 0.65em;
background: #f79623;
color: #ffffff; }
.slide--contact .content__centre .col__2_5.contact__form input + label, .slide--contact .content__centre .col__2_5.contact__form select + label {
display: inline-block;
vertical-align: top;
margin-top: 0.65em; }
.slide--contact .content__centre .col__2_5.contact__form textarea {
background: #d7d7d7;
border: 2px solid #fff; }
.slide--contact .content__centre .col__2_5.contact__form #allow_tracking {
width: 30px; }
.slide--contact .content__centre .col__2_5.contact__form .marketing_label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
font-size: 0.95em;
line-height: 1.65em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.slide--contact .content__centre .col__2_5.contact__form .marketing_label input {
position: absolute;
opacity: 0;
cursor: pointer; }
.slide--contact .content__centre .col__2_5.contact__form .marketing_label .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 1px solid #ccc; }
.slide--contact .content__centre .col__2_5.contact__form .marketing_label input:checked ~ .checkmark {
background-color: #000b40; }
.slide--contact .content__centre .col__2_5.contact__form .marketing_label input:checked ~ .checkmark:after {
display: block; }
.slide--contact .content__centre .col__2_5.contact__form .marketing_label .checkmark:after {
left: 8px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.slide--contact .content__centre .col__2_5.contact__form .marketing_label:hover input ~ .checkmark {
background-color: #b7b7b7; }
.slide--contact .content__centre .col__2_5.contact__form .marketing_label:hover input:checked ~ .checkmark {
background-color: #b7b7b7; }
.slide--contact .content__centre .col__2_5.contact__form .checkmark:after {
content: "";
position: absolute;
display: none; }
.slide--cta {
background-image: url(https://www.radionewshub.co.uk/_media/images/backgrounds/home/listen.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-top: 15vh;
padding-bottom: 15vh;
height: auto;
min-height: 70vh; }
.slide--cta .content__centre {
text-align: right; }
.slide--cta .content__centre h2, .slide--cta .content__centre h3, .slide--cta .content__centre h4, .slide--cta .content__centre h5, .slide--cta .content__centre h6 {
font-size: 2.8125em; }
@media only screen and (max-width: 48em) {
.slide--cta .content__centre h2, .slide--cta .content__centre h3, .slide--cta .content__centre h4, .slide--cta .content__centre h5, .slide--cta .content__centre h6 {
font-size: 2em; } }
.slide--cta .content__centre.ads {
text-align: center; }
.slide--cta .content__centre.ads .col__1_5 {
float: right;
background: #d7d7d7;
padding: 0.65em;
margin-top: 2.1875em; }
.slide--cta .content__centre.ads .col__1_5 a + a {
margin-top: .95em; }
@media only screen and (max-width: 48em) {
.slide--cta .content__centre.ads .col__1_5 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.slide--cta .content__centre.ads .col__1_5 a {
width: calc(50% - 2.5%);
float: left;
display: inline; }
.slide--cta .content__centre.ads .col__1_5 a + a {
margin-top: 0;
float: right;
display: inline; } }
.slide--cta .content__centre .col__1_2 {
text-align: center;
background: rgba(255, 255, 255, 0.75);
padding: 0.65em; }
@media only screen and (max-width: 48em) {
.slide--cta .content__centre .col__1_2 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.slide--cta .content__centre .col__1_2 .cta__btn {
height: auto;
min-height: 2.8125em;
border-radius: 2em;
padding: 1em 2.1875em;
background: #117ab3;
color: #ffffff;
display: inline-block;
vertical-align: top;
font-family: "Avenir-Bold", Arial;
margin-bottom: 1em;
transition: all 0.3s ease 0s;
margin-top: 0.65em; }
.slide--cta .content__centre .col__1_2 .cta__btn:hover {
background: #0a4a6d; }
.btm-ads {
padding: 0.65em 0;
background: #d7d7d7;
text-align: center; }
.btm-ads span {
font-size: 0.75em;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
margin-bottom: 0.65em; }
.ftr--form {
background-image: url(../../_media/images/backgrounds/form/placeholder.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
vertical-align: top;
color: #ffffff;
text-align: center;
padding-top: 15vh;
padding-bottom: 15vh;
height: auto;
min-height: 70vh; }
.ftr--form h1, .ftr--form h2, .ftr--form h3, .ftr--form h4, .ftr--form h5, .ftr--form hc6 {
margin-bottom: .325em; }
.ftr--form h1 + p, .ftr--form h2 + p, .ftr--form h3 + p, .ftr--form h4 + p, .ftr--form h5 + p, .ftr--form hc6 + p {
margin-bottom: 2.1875em; }
.ftr--form input::placeholder, .ftr--form textarea::placeholder {
color: #ffffff; }
.ftr--form select option {
color: #676868;
background-color: #ffffffad; }
.ftr--form textarea {
color: #ffffff !important; }
.ftr--form .col__1_2 {
width: calc(50% - 2.5%);
float: left;
display: inline; }
@media only screen and (max-width: 28.125em) {
.ftr--form .col__1_2 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.ftr--form .col__1_2 + .col__1_2 {
float: right; }
.ftr--form .col__1_2 + p {
margin: 0.65em 0 3.125em; }
.ftr--form input[type='button'] {
min-width: 40%;
margin-top: .65em;
font-weight: bold;
float: right;
width: auto; }
.ftr--form .g-recaptcha {
float: left; }
.ftr--form .marketing_label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
font-size: 0.95em;
line-height: 1.65em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: left; }
.ftr--form .marketing_label input {
position: absolute;
opacity: 0;
cursor: pointer; }
.ftr--form .marketing_label .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff; }
.ftr--form .marketing_label input:checked ~ .checkmark {
background-color: #000b40; }
.ftr--form .marketing_label input:checked ~ .checkmark:after {
display: block; }
.ftr--form .marketing_label .checkmark:after {
left: 9px;
top: 4px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.ftr--form .checkmark:after {
content: "";
position: absolute;
display: none; }
.site--ftr {
position: relative;
width: calc(100% - 2.1875em);
padding: 2.1875em 2.1875em 0;
background: #d7d7d7;
color: #000;
margin: -2.1875em auto 0;
display: block;
color: #676868;
text-align: center; }
@media only screen and (max-width: 48em) {
.site--ftr .content__centre {
padding-left: 0;
padding-right: 0; }
.site--ftr .content__centre .col__1_4 {
width: calc(50% - 2.5%);
float: left;
display: inline;
max-width: 50%;
font-size: 0.75em; }
.site--ftr .content__centre .col__1_4 + .col__1_4 {
float: right; } }
@media only screen and (max-width: 28.125em) {
.site--ftr .content__centre .col__1_4 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center; }
.site--ftr .content__centre .col__1_4 ul {
margin-bottom: 1em; } }
.site--ftr .ftr__top {
display: block;
width: 100%;
text-align: justify;
font-size: 1em;
border-bottom: 2px solid #676868;
margin-bottom: 1.25em; }
.site--ftr .ftr__top::after {
display: inline-block;
width: 100%;
content: ' ';
height: 1px !important; }
.site--ftr .ftr__top div, .site--ftr .ftr__top .justify ul, .site--ftr .ftr__top .justify ol {
display: inline-block;
vertical-align: top;
padding: 0.65em; }
.site--ftr .ftr__top .col__1_2 {
width: calc(50% - 2.5%);
float: left;
display: inline; }
.site--ftr .ftr__top .col__1_2 + .col__1_2 {
float: right; }
@media only screen and (max-width: 28.125em) {
.site--ftr .ftr__top .col__1_2 {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0; } }
.site--ftr .ftr__top address {
text-align: center; }
.site--ftr .ftr__top address a {
margin-bottom: 1.1em; }
.site--ftr .ftr__top h6 {
font-size: 1em;
font-family: "Avenir-Bold", Arial;
text-align: center; }
.site--ftr .ftr__top form {
position: relative; }
.site--ftr .ftr__top form input[type="email"] {
background: #ffffff;
border: 2px solid #fff;
color: #676868; }
.site--ftr .ftr__top form input[type="submit"] {
position: absolute;
top: 0;
right: 0;
background-color: #f79623;
color: #ffffff;
border: none;
width: 100%;
height: 2.8125em;
font-family: "Avenir-Reg", Arial;
cursor: pointer;
font-family: bold-font;
text-transform: capitalize;
font-family: "Avenir-Reg", Arial;
font-size: 1em;
width: 2.8125em; }
.site--ftr .ftr__top .ftr__social {
text-align: center; }
.site--ftr .ftr__top .ftr__social i {
background-size: 9.375em 9.375em;
width: 1.25em;
height: 1.25em; }
.site--ftr .ftr__top .ftr__social p {
margin-bottom: 0; }
@media only screen and (max-width: 48em) {
.site--ftr .ftr__top .ftr__social p {
display: none; } }
.site--ftr .ftr__top .ftr__social a {
border-radius: .3125em;
padding: .325em;
background: #f79623;
margin: 0.65em 0 0 0; }
.site--ftr .ftr__top .ftr__social a + a {
margin-left: 0.65em; }
@media only screen and (max-width: 48em) {
.site--ftr .ftr__top .ftr__social {
text-align: left;
float: left !important; }
.site--ftr .ftr__top .ftr__social div {
padding-left: 0;
padding-right: 0;
text-align: center; }
.site--ftr .ftr__top .ftr__social div a {
margin: 0.65em 0 0 0; }
.site--ftr .ftr__top .ftr__social div a + a {
margin-left: .3125em; } }
@media only screen and (max-width: 28.125em) {
.site--ftr .ftr__top .ftr__social {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center; } }
.site--ftr ul {
list-style: none;
padding-left: 0; }
.site--ftr a {
font-family: "Avenir-Reg", Arial;
color: #676868;
display: inline-block;
vertical-align: top; }
.site--ftr .ftr__btm {
font-size: 0.75em;
text-align: center; }
.site--ftr .ftr__btm ul li {
display: inline-block;
vertical-align: top;
margin: 0 0.65em; }
.site--ftr .mc__form input[type="submit"] {
background-image: url(https://www.radionewshub.co.uk/_assets/core-images/icons/sprite.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: top;
background-size: 13em 13em;
width: 1.25em;
height: 1.25em;
background-position: -3.35em -0.375em; }
/* Plugins */
/* Owl Carousel */
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel div {
display: inline-block;
vertical-align: top; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
display: inline-block;
vertical-align: top;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
/*display: block;
width: 100%;*/ }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block;
overflow: hidden; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/* Animate */
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/* Auto Height*/
.owl-height {
transition: height 500ms ease-in-out; }
/* Lazy Load */
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/* Video */
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse; }
.ui-helper-clearfix:after {
clear: both; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); }
.ui-front {
z-index: 100; }
.ui-state-disabled {
cursor: default !important;
pointer-events: none; }
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block; }
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%; }
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto; }
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default; }
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0; }
.ui-menu .ui-menu {
position: absolute; }
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em; }
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
margin: -1px; }
.ui-menu-icons {
position: relative; }
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em; }
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0; }
.ui-menu .ui-menu-icon {
left: auto;
right: 0; }
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible; }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
text-decoration: none; }
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap; }
input.ui-button.ui-button-icon-only {
text-indent: 0; }
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px; }
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap; }
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em; }
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
border: 0;
padding: 0; }
.ui-controlgroup {
vertical-align: middle;
display: inline-block; }
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0; }
.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999; }
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left; }
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box; }
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em; }
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%; }
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none; }
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none; }
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none; }
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none; }
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc( 100% - 2.4em ); }
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid; }
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none; }
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none; }
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid; }
.ui-checkboxradio-disabled {
pointer-events: none; }
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none; }
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px; }
.ui-datepicker .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px; }
.ui-datepicker .ui-datepicker-next-hover {
right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%; }
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em; }
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0; }
.ui-datepicker td {
border: 0;
padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left; }
.ui-datepicker.ui-datepicker-multi {
width: auto; }
.ui-datepicker-multi .ui-datepicker-group {
float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left; }
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0; }
.ui-datepicker-rtl {
direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px; }
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em; }
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0; }
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative; }
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px; }
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto; }
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right; }
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer; }
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0; }
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0; }
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0; }
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0; }
.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px; }
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0; }
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0; }
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0; }
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0; }
.ui-draggable .ui-dialog-titlebar {
cursor: move; }
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none; }
.ui-resizable {
position: relative; }
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none; }
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0; }
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0; }
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%; }
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%; }
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px; }
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px; }
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px; }
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px; }
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden; }
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%; }
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25; }
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none; }
.ui-selectable {
-ms-touch-action: none;
touch-action: none; }
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black; }
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none; }
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px; }
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0; }
.ui-selectmenu-open {
display: block; }
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis; }
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em; }
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0; }
.ui-slider {
position: relative;
text-align: left; }
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none; }
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0; }
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit; }
.ui-slider-horizontal {
height: .8em; }
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%; }
.ui-slider-horizontal .ui-slider-range-min {
left: 0; }
.ui-slider-horizontal .ui-slider-range-max {
right: 0; }
.ui-slider-vertical {
width: .8em;
height: 100px; }
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%; }
.ui-slider-vertical .ui-slider-range-min {
bottom: 0; }
.ui-slider-vertical .ui-slider-range-max {
top: 0; }
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none; }
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle; }
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em; }
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0; }
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none; }
.ui-spinner-up {
top: 0; }
.ui-spinner-down {
bottom: 0; }
.ui-tabs {
position: relative;
padding: .2em; }
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text; }
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer; }
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none; }
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px; }
body .ui-tooltip {
border-width: 2px; }
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.ui-widget .ui-widget {
font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
font-size: 162.5%; }
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333; }
.ui-widget-content a {
color: #333; }
.ui-widget-header {
border: 1px solid #ddd;
background: #f14812;
color: #fff;
font-weight: bold; }
.ui-widget-header a {
color: #333; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
color: #454545;
text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
border: 1px solid #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
color: #2b2b2b;
text-decoration: none; }
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff; }
.ui-icon-background, .ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #fff;
text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620; }
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #777620; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #5f3f3f; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #5f3f3f; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none; }
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35); }
.ui-icon {
width: 16px;
height: 16px; }
.ui-icon, .ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png"); }
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png"); }
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png"); }
.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png"); }
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png"); }
.ui-icon-blank {
background-position: 16px 16px; }
.ui-icon-caret-1-n {
background-position: 0 0; }
.ui-icon-caret-1-ne {
background-position: -16px 0; }
.ui-icon-caret-1-e {
background-position: -32px 0; }
.ui-icon-caret-1-se {
background-position: -48px 0; }
.ui-icon-caret-1-s {
background-position: -65px 0; }
.ui-icon-caret-1-sw {
background-position: -80px 0; }
.ui-icon-caret-1-w {
background-position: -96px 0; }
.ui-icon-caret-1-nw {
background-position: -112px 0; }
.ui-icon-caret-2-n-s {
background-position: -128px 0; }
.ui-icon-caret-2-e-w {
background-position: -144px 0; }
.ui-icon-triangle-1-n {
background-position: 0 -16px; }
.ui-icon-triangle-1-ne {
background-position: -16px -16px; }
.ui-icon-triangle-1-e {
background-position: -32px -16px; }
.ui-icon-triangle-1-se {
background-position: -48px -16px; }
.ui-icon-triangle-1-s {
background-position: -65px -16px; }
.ui-icon-triangle-1-sw {
background-position: -80px -16px; }
.ui-icon-triangle-1-w {
background-position: -96px -16px; }
.ui-icon-triangle-1-nw {
background-position: -112px -16px; }
.ui-icon-triangle-2-n-s {
background-position: -128px -16px; }
.ui-icon-triangle-2-e-w {
background-position: -144px -16px; }
.ui-icon-arrow-1-n {
background-position: 0 -32px; }
.ui-icon-arrow-1-ne {
background-position: -16px -32px; }
.ui-icon-arrow-1-e {
background-position: -32px -32px; }
.ui-icon-arrow-1-se {
background-position: -48px -32px; }
.ui-icon-arrow-1-s {
background-position: -65px -32px; }
.ui-icon-arrow-1-sw {
background-position: -80px -32px; }
.ui-icon-arrow-1-w {
background-position: -96px -32px; }
.ui-icon-arrow-1-nw {
background-position: -112px -32px; }
.ui-icon-arrow-2-n-s {
background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px; }
.ui-icon-arrow-2-e-w {
background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px; }
.ui-icon-arrowstop-1-n {
background-position: -192px -32px; }
.ui-icon-arrowstop-1-e {
background-position: -208px -32px; }
.ui-icon-arrowstop-1-s {
background-position: -224px -32px; }
.ui-icon-arrowstop-1-w {
background-position: -240px -32px; }
.ui-icon-arrowthick-1-n {
background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px; }
.ui-icon-arrowthick-1-e {
background-position: -32px -48px; }
.ui-icon-arrowthick-1-se {
background-position: -48px -48px; }
.ui-icon-arrowthick-1-s {
background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px; }
.ui-icon-arrowthick-1-w {
background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px; }
.ui-icon-arrow-4 {
background-position: 0 -80px; }
.ui-icon-arrow-4-diag {
background-position: -16px -80px; }
.ui-icon-extlink {
background-position: -32px -80px; }
.ui-icon-newwin {
background-position: -48px -80px; }
.ui-icon-refresh {
background-position: -64px -80px; }
.ui-icon-shuffle {
background-position: -80px -80px; }
.ui-icon-transfer-e-w {
background-position: -96px -80px; }
.ui-icon-transferthick-e-w {
background-position: -112px -80px; }
.ui-icon-folder-collapsed {
background-position: 0 -96px; }
.ui-icon-folder-open {
background-position: -16px -96px; }
.ui-icon-document {
background-position: -32px -96px; }
.ui-icon-document-b {
background-position: -48px -96px; }
.ui-icon-note {
background-position: -64px -96px; }
.ui-icon-mail-closed {
background-position: -80px -96px; }
.ui-icon-mail-open {
background-position: -96px -96px; }
.ui-icon-suitcase {
background-position: -112px -96px; }
.ui-icon-comment {
background-position: -128px -96px; }
.ui-icon-person {
background-position: -144px -96px; }
.ui-icon-print {
background-position: -160px -96px; }
.ui-icon-trash {
background-position: -176px -96px; }
.ui-icon-locked {
background-position: -192px -96px; }
.ui-icon-unlocked {
background-position: -208px -96px; }
.ui-icon-bookmark {
background-position: -224px -96px; }
.ui-icon-tag {
background-position: -240px -96px; }
.ui-icon-home {
background-position: 0 -112px; }
.ui-icon-flag {
background-position: -16px -112px; }
.ui-icon-calendar {
background-position: -32px -112px; }
.ui-icon-cart {
background-position: -48px -112px; }
.ui-icon-pencil {
background-position: -64px -112px; }
.ui-icon-clock {
background-position: -80px -112px; }
.ui-icon-disk {
background-position: -96px -112px; }
.ui-icon-calculator {
background-position: -112px -112px; }
.ui-icon-zoomin {
background-position: -128px -112px; }
.ui-icon-zoomout {
background-position: -144px -112px; }
.ui-icon-search {
background-position: -160px -112px; }
.ui-icon-wrench {
background-position: -176px -112px; }
.ui-icon-gear {
background-position: -192px -112px; }
.ui-icon-heart {
background-position: -208px -112px; }
.ui-icon-star {
background-position: -224px -112px; }
.ui-icon-link {
background-position: -240px -112px; }
.ui-icon-cancel {
background-position: 0 -128px; }
.ui-icon-plus {
background-position: -16px -128px; }
.ui-icon-plusthick {
background-position: -32px -128px; }
.ui-icon-minus {
background-position: -48px -128px; }
.ui-icon-minusthick {
background-position: -64px -128px; }
.ui-icon-close {
background-position: -80px -128px; }
.ui-icon-closethick {
background-position: -96px -128px; }
.ui-icon-key {
background-position: -112px -128px; }
.ui-icon-lightbulb {
background-position: -128px -128px; }
.ui-icon-scissors {
background-position: -144px -128px; }
.ui-icon-clipboard {
background-position: -160px -128px; }
.ui-icon-copy {
background-position: -176px -128px; }
.ui-icon-contact {
background-position: -192px -128px; }
.ui-icon-image {
background-position: -208px -128px; }
.ui-icon-video {
background-position: -224px -128px; }
.ui-icon-script {
background-position: -240px -128px; }
.ui-icon-alert {
background-position: 0 -144px; }
.ui-icon-info {
background-position: -16px -144px; }
.ui-icon-notice {
background-position: -32px -144px; }
.ui-icon-help {
background-position: -48px -144px; }
.ui-icon-check {
background-position: -64px -144px; }
.ui-icon-bullet {
background-position: -80px -144px; }
.ui-icon-radio-on {
background-position: -96px -144px; }
.ui-icon-radio-off {
background-position: -112px -144px; }
.ui-icon-pin-w {
background-position: -128px -144px; }
.ui-icon-pin-s {
background-position: -144px -144px; }
.ui-icon-play {
background-position: 0 -160px; }
.ui-icon-pause {
background-position: -16px -160px; }
.ui-icon-seek-next {
background-position: -32px -160px; }
.ui-icon-seek-prev {
background-position: -48px -160px; }
.ui-icon-seek-end {
background-position: -64px -160px; }
.ui-icon-seek-start {
background-position: -80px -160px; }
.ui-icon-seek-first {
background-position: -80px -160px; }
.ui-icon-stop {
background-position: -96px -160px; }
.ui-icon-eject {
background-position: -112px -160px; }
.ui-icon-volume-off {
background-position: -128px -160px; }
.ui-icon-volume-on {
background-position: -144px -160px; }
.ui-icon-power {
background-position: 0 -176px; }
.ui-icon-signal-diag {
background-position: -16px -176px; }
.ui-icon-signal {
background-position: -32px -176px; }
.ui-icon-battery-0 {
background-position: -48px -176px; }
.ui-icon-battery-1 {
background-position: -64px -176px; }
.ui-icon-battery-2 {
background-position: -80px -176px; }
.ui-icon-battery-3 {
background-position: -96px -176px; }
.ui-icon-circle-plus {
background-position: 0 -192px; }
.ui-icon-circle-minus {
background-position: -16px -192px; }
.ui-icon-circle-close {
background-position: -32px -192px; }
.ui-icon-circle-triangle-e {
background-position: -48px -192px; }
.ui-icon-circle-triangle-s {
background-position: -64px -192px; }
.ui-icon-circle-triangle-w {
background-position: -80px -192px; }
.ui-icon-circle-triangle-n {
background-position: -96px -192px; }
.ui-icon-circle-arrow-e {
background-position: -112px -192px; }
.ui-icon-circle-arrow-s {
background-position: -128px -192px; }
.ui-icon-circle-arrow-w {
background-position: -144px -192px; }
.ui-icon-circle-arrow-n {
background-position: -160px -192px; }
.ui-icon-circle-zoomin {
background-position: -176px -192px; }
.ui-icon-circle-zoomout {
background-position: -192px -192px; }
.ui-icon-circle-check {
background-position: -208px -192px; }
.ui-icon-circlesmall-plus {
background-position: 0 -208px; }
.ui-icon-circlesmall-minus {
background-position: -16px -208px; }
.ui-icon-circlesmall-close {
background-position: -32px -208px; }
.ui-icon-squaresmall-plus {
background-position: -48px -208px; }
.ui-icon-squaresmall-minus {
background-position: -64px -208px; }
.ui-icon-squaresmall-close {
background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px; }
.ui-icon-grip-solid-vertical {
background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px; }
.ui-icon-grip-diagonal-se {
background-position: -80px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 3px; }
.ui-widget-overlay {
background: #aaa;
opacity: .003;
filter: Alpha(Opacity=0.3); }
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666; }
/* Sweet Alert */
body.stop-scrolling {
height: 100%;
overflow: hidden; }
.sweet-overlay {
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000; }
.sweet-alert {
background-color: #fff;
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999; }
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px; } }
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block; }
.sweet-alert p {
color: #797979;
font-size: 16px;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal; }
.sweet-alert fieldset {
border: none;
position: relative; }
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding .15s,max-height .15s;
transition: padding .15s,max-height .15s; }
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding .2s,max-height .2s;
transition: padding .25s,max-height .25s; }
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: #fff;
line-height: 24px;
text-align: center;
margin-right: 3px; }
.sweet-alert .sa-error-container p {
display: inline-block; }
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .1s;
transition: all .1s; }
.sweet-alert .sa-input-error::after, .sweet-alert .sa-input-error::before {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px; }
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all .3s;
transition: all .3s; }
.sweet-alert input:focus {
outline: 0;
box-shadow: 0 0 3px #c4e6f5;
border: 1px solid #b4dbed; }
.sweet-alert.show-input input {
display: block; }
.sweet-alert button {
background-color: #AEDEF4;
color: #fff;
border: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
-webkit-border-radius: 4px;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0;
cursor: pointer; }
.sweet-alert button:focus {
outline: 0;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.sweet-alert button:hover {
background-color: #a1d9f2; }
.sweet-alert button:active {
background-color: #81ccee; }
.sweet-alert button.cancel {
background-color: #D0D0D0; }
.sweet-alert button.cancel:hover {
background-color: #c8c8c8; }
.sweet-alert button.cancel:active {
background-color: #b6b6b6; }
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important; }
.sweet-alert button::-moz-focus-inner {
border: 0; }
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important; }
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px; }
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box; }
.sweet-alert .sa-icon.sa-error {
border-color: #F27474; }
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block; }
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px; }
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86; }
.sweet-alert .sa-icon.sa-success::after, .sweet-alert .sa-icon.sa-success::before {
content: '';
position: absolute;
width: 60px;
height: 120px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before {
-webkit-border-radius: 120px 0 0 120px;
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px; }
.sweet-alert .sa-icon.sa-success::after {
-webkit-border-radius: 0 120px 120px 0;
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 60px;
transform-origin: 0 60px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
-webkit-border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: #fff;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat; }
@-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
0% {
top: 0; }
100% {
top: 50%; } }
@keyframes slideFromTop {
0% {
top: 0; }
100% {
top: 50%; } }
@-webkit-keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0; } }
@keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0; } }
@-webkit-keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
@keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert .3s;
animation: showSweetAlert .3s; }
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop .3s;
animation: slideFromTop .3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom .3s;
animation: slideFromBottom .3s; }
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert .2s;
animation: hideSweetAlert .2s; }
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop .4s;
animation: slideToTop .4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom .3s;
animation: slideToBottom .3s; }
@-webkit-keyframes animateSuccessTip {
0%,54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@keyframes animateSuccessTip {
0%,54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@-webkit-keyframes animateSuccessLong {
0%,65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@keyframes animateSuccessLong {
0%,65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
0%,5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
100%,12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
0%,5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
100%,12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
-webkit-animation: animateSuccessTip .75s;
animation: animateSuccessTip .75s; }
.animateSuccessLong {
-webkit-animation: animateSuccessLong .75s;
animation: animateSuccessLong .75s; }
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
.animateErrorIcon {
-webkit-animation: animateErrorIcon .5s;
animation: animateErrorIcon .5s; }
@-webkit-keyframes animateXMark {
0%,50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
@keyframes animateXMark {
0%,50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
.animateXMark {
-webkit-animation: animateXMark .5s;
animation: animateXMark .5s; }
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
@keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
.pulseWarning {
-webkit-animation: pulseWarning .75s infinite alternate;
animation: pulseWarning .75s infinite alternate; }
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
@keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
.pulseWarningIns {
-webkit-animation: pulseWarningIns .75s infinite alternate;
animation: pulseWarningIns .75s infinite alternate; }
.cc-window {
opacity: 1;
transition: opacity 1s ease; }
.cc-window.cc-invisible {
opacity: 0; }
.cc-animate.cc-revoke {
transition: transform 1s ease; }
.cc-animate.cc-revoke.cc-top {
transform: translateY(-2em); }
.cc-animate.cc-revoke.cc-bottom {
transform: translateY(2em); }
.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
transform: translateY(0); }
.cc-grower {
max-height: 0;
overflow: hidden;
transition: max-height 1s; }
.cc-link, .cc-revoke:hover {
text-decoration: underline; }
.cc-revoke, .cc-window {
position: fixed;
overflow: hidden;
box-sizing: border-box;
font-family: Helvetica,Calibri,Arial,sans-serif;
font-size: 16px;
line-height: 1.5em;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
z-index: 9999; }
.cc-window.cc-static {
position: static; }
.cc-window.cc-floating {
padding: 2em;
max-width: 24em;
-ms-flex-direction: column;
flex-direction: column; }
.cc-window.cc-banner {
padding: 1em 1.8em;
width: 100%;
-ms-flex-direction: row;
flex-direction: row; }
.cc-revoke {
padding: .5em; }
.cc-header {
font-size: 18px;
font-weight: 700; }
.cc-btn, .cc-close, .cc-link, .cc-revoke {
cursor: pointer; }
.cc-link {
opacity: .8;
display: inline-block;
padding: .2em;
color: #fff !important; }
.cc-link:hover {
opacity: 1; }
.cc-link:active, .cc-link:visited {
color: initial; }
.cc-btn {
display: block;
padding: .4em .8em;
font-size: .9em;
font-weight: 700;
border-width: 2px;
border-style: solid;
text-align: center;
white-space: nowrap; }
.cc-banner .cc-btn:last-child {
min-width: 140px; }
.cc-highlight .cc-btn:first-child {
background-color: transparent;
border-color: transparent; }
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
background-color: transparent;
text-decoration: underline; }
.cc-close {
display: block;
position: absolute;
top: .5em;
right: .5em;
font-size: 1.6em;
opacity: .9;
line-height: .75; }
.cc-close:focus, .cc-close:hover {
opacity: 1; }
.cc-revoke.cc-top {
top: 0;
left: 3em;
border-bottom-left-radius: .5em;
border-bottom-right-radius: .5em; }
.cc-revoke.cc-bottom {
bottom: 0;
left: 3em;
border-top-left-radius: .5em;
border-top-right-radius: .5em; }
.cc-revoke.cc-left {
left: 3em;
right: unset; }
.cc-revoke.cc-right {
right: 3em;
left: unset; }
.cc-top {
top: 1em; }
.cc-left {
left: 1em; }
.cc-right {
right: 1em; }
.cc-bottom {
bottom: 1em; }
.cc-floating > .cc-link {
margin-bottom: 1em; }
.cc-floating .cc-message {
display: block;
margin-bottom: 1em;
color: #fff; }
.cc-window.cc-floating .cc-compliance {
-ms-flex: 1;
flex: 1; }
.cc-window.cc-banner {
-ms-flex-align: center;
align-items: center; }
.cc-banner.cc-top {
left: 0;
right: 0;
top: 0; }
.cc-banner.cc-bottom {
left: 0;
right: 0;
bottom: 0; }
.cc-banner .cc-message {
-ms-flex: 1;
flex: 1; }
.cc-compliance {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between; }
.cc-compliance > .cc-btn {
-ms-flex: 1;
flex: 1; }
.cc-btn + .cc-btn {
background-color: #E8175C !important;
color: #fff !important;
margin-top: 10px; }
@media print {
.cc-revoke, .cc-window {
display: none; } }
@media screen and (max-width: 900px) {
.cc-btn {
white-space: normal; } }
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
.cc-window.cc-top {
top: 0; }
.cc-window.cc-bottom {
bottom: 0; }
.cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
left: 0;
right: 0; }
.cc-window.cc-banner {
-ms-flex-direction: column;
flex-direction: column; }
.cc-window.cc-banner .cc-compliance {
-ms-flex: 1;
flex: 1; }
.cc-window.cc-floating {
max-width: none; }
.cc-window .cc-message {
margin-bottom: 1em; }
.cc-window.cc-banner {
-ms-flex-align: unset;
align-items: unset; } }
.cc-floating.cc-theme-classic {
padding: 1.2em;
border-radius: 5px; }
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
text-align: center;
display: inline;
-ms-flex: none;
flex: none; }
.cc-theme-classic .cc-btn {
border-radius: 5px; }
.cc-theme-classic .cc-btn:last-child {
min-width: 140px; }
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
display: inline-block; }
.cc-theme-edgeless.cc-window {
padding: 0; }
.cc-floating.cc-theme-edgeless .cc-message {
margin: 2em 2em 1.5em; }
.cc-banner.cc-theme-edgeless .cc-btn {
margin: 0;
padding: .8em 1.8em;
height: 100%; }
.cc-banner.cc-theme-edgeless .cc-message {
margin-left: 1em; }
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
margin-left: 0; }