@charset "UTF-8";

* { margin:0; padding:0;}

html, body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; /*background-color:#2a2b37!important;*/ min-height: 100%; text-align:left; font-size:0.9em; overflow-x: hidden!important;}
a { color:#00b0b0;}
a:hover { color:#0069a1!important; text-decoration:underline;}
a:active { }
hr { text-align: center; margin: 0 auto; margin-bottom:7px!important; border-top: solid 1px #dddddd!important; margin-top:4px!important;}

#mobile-content { display:none;}
#tablet-content { display:none;}
#desktop-content { display:block!important; width:100%;}

/* ----- LOGO HOLDER -----*/
.logo { width:270px!important; height:auto; float:left; padding:10px 5px;}

/* ----- NAVIGATION -----*/
.navbar { background:#0069a1!important; height:auto; font-size:1em; padding:0rem 0rem 0rem 0rem;}
.nav-link { color:#ffffff; border-bottom:solid 6px #0069a1!important; border-right:1px solid #017cbd; font-size:0.9em; padding:1.5rem 1rem;}
.nav-link:hover { color:#ffffff!important; border-bottom:solid 6px #00b0b0!important; background:#0e5d8a;}
.nav-link:active { color:#ffffff!important; border-bottom:solid 6px #ffffff!important;}
.navbar-nav { flex-direction:row!important;}
.navigation li { list-style:none; }
#accordionTopNavigation { background:#000000!important;}
#accordionTopNavigation .card-body { background:#2a2b37; color:#ffffff!important; display:block; line-height:1.7em; width:100%!important;}
#accordionTopNavigation .card-body a { color:#ffffff; padding:3px 0px;}
#accordionTopNavigation .card-body a:hover { color:#00b0b0!important; padding:3px 0px;}
.fa-linkedin { padding:0px 5px 0px 0px; color:#ffffff;}
.fa-twitter { padding:0px 5px; color:#ffffff;}
.fa-search { padding:0px 9px; color:#ffffff;}
.fa-search:before { content:"\f002"!important;}

/* NEW SEARCH */
.form-control { display:block; border-radius:0px 0px 0px 0px; border:none!important; height:calc(1em + 1rem + 1rem);}

.btn-search { float:left; background:#00b0b0; color:#ffffff; padding:5px 3px!important; border-radius:0px!important; margin-bottom:0px!important; font-size:1.8em; width:43px; height:43px;}
.btn-search:hover { background-color:#15a1a0; color:#ffffff;}

.clear { clear:both;}
.vl { border-left:1px solid #ffffff;}

/* ----- FONTS ----- */
h1 { font-size:2.7em; margin-top:0px; color:#000000; font-weight:bold; padding-bottom:10px; }
h2 { font-size:1.3em; margin-top:0px; color:#000000; font-weight:bold; line-height:1.2em; display:inline-block;}
h3 { font-size:1.2em; margin-top:0px; color:#000000; font-weight:bold; line-height:1.17em;}
h4 { font-size:1.2em; margin-top:0px; margin-bottom:0px; font-weight:bold;}
h5 { font-size:0.95em; line-height:1.6em;}
h6 { font-size:1.1em; color:#ffffff; text-transform:uppercase; margin-bottom:10px;}
p { font-size:1em; font-weight: 300; color:#5D6769; font-weight:normal; margin-bottom:7px;}
ul {}
li {}
i {}
strong { font-weight:bold;}
.hang { padding-left: 22px; text-indent:-21px;}
 
 /* THUMBNAIL HOVERS ============================== */
.hover { overflow:hidden; position:relative; padding-bottom:60%;}
.hover-overlay { width:100%; height:100%; position:absolute; top:0; left:0; z-index:90; transition:all 0.4s;}
.hover img { width:100%; position:absolute; top:0; left:0; /* transition:all 0.3s; */}
.hover-content { position:relative; z-index:99;}
.hover-4 img { /* width:110%; */ width:100%; top:50%; left:50%;transform: translate(-50%, -50%);}
.hover-4 .hover-overlay { /* background:rgba(0, 0, 0, 0.3); z-index:90; */}
.hover-4-title { position:absolute; bottom:0; left:0; padding:1.25rem; z-index:99; font-size:1.3em!important; text-transform:none!important;}
.hover-4-description { position:absolute; padding:0 0.5rem; top:1rem; left:1rem; text-align:left; border-left:1px solid #0069a1; z-index:99; opacity:1; transition:all 0.3s; color:#ffffff; font-size:1.1em;}

.hover-4:hover img { /* width:106%; */ width:100%;}
.hover-4:hover::after { opacity:1; transform:none;}
.hover-4:hover .hover-4-description { opacity:1; transform:none;}
.hover-4:hover .hover-overlay { /* background:rgba(0, 0, 0, 0.5); */}

/* --- SOCIAL BUTTONS SIDE  --- */
.social-side-wrapper { position:fixed; top:50%; left:30px; transform:translate(-50%,-50%); z-index:500;}
.social-side-wrapper ul { list-style: none; text-align:center;}
.social-side-wrapper ul li { width:44px; height:44px; background:#0069a1; margin:5px 0; border-radius:3px; position:relative; cursor:pointer;}
.social-side-wrapper ul li .fa { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:20px; color:#ffffff;}
.social-side-wrapper ul li:hover { background:#00b0b0;}

/* ----- BUTTONS ----- */
.btn { border:0px!important; border-radius:3px; margin-bottom:7px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.btn a { color:#ffffff!important;}
.btn:focus, .btn:active { outline:none!important; box-shadow:none!important;}

/* --- SIGN UP BUTTON SIDE  --- */
.btn.btn-sign-up { font-weight:bold; text-transform:uppercase!important; transform:rotate(-90deg); color:#ffffff!important; padding:10px 15px!important; display:block; background:#00b0b0; font-size:1.3em; text-transform:none; box-shadow:rgba(0,2,4,.1) 0px 5px 50px; position:fixed; top:50%; z-index:500; right:-85px;}
.btn.btn-sign-up:hover { background-color:#0069a1;}

/* --- BUTTONS  --- */
.btn-main-menu { margin:0 auto!important; background:#00b0b0; color:#ffffff; border:solid 1px #00b0b0!important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;}
.btn-main-menu:hover { background-color:transparent; border:solid 1px #00b0b0!important; color:#ffffff;} 
.btn-main-menu .fa { margin:0px!important; color:#ffffff!important; content: "\f0c9"!important;}
.btn-main-menu .fa:before { content: "\f0c9"!important; padding-right:5px;}

.btn-primary { margin:0 auto!important; display:block!important; background:#00b0b0; color:#ffffff; border:solid 1px #00b0b0!important;}
.btn-primary:hover { background-color:transparent; border:solid 1px #00b0b0!important;} 

.btn-feature { margin:0 auto!important; display:block!important; background:#00b0b0; color:#ffffff;}
.btn-feature:hover { background-color:#00b0b0; border:0px;}

.btn-outline-success { background-color:#00b0b0; color:#ffffff;}
.btn-outline-success:hover { background-color:#00b0b0; border:0px; text-decoration:underline;}

.btn.btn-editions { font-size:1.1em!important; line-height:1.4em; background:#00b0b0; color:#ffffff;}
.btn.btn-editions.btn:hover { background:transparent; border:solid 1px #00b0b0!important;}

.btn btn-link collapsed { color:#00b0b0; content: "\f13a";}
[data-toggle="collapse"] .fa:before { content: "\f139"; color:#ffffff;}
[data-toggle="collapse"].collapsed .fa:before { content: "\f13a"; color:#ffffff;}

h1.news-title {}
h2.news-title { height:45px;}
h2.news-title a, h3.news-title a, h4.news-title a, h4.card-title a { color:#000000;} h3.news-title a:hover, h3.news-title a:hover, h4.news-title a:hover, h4.card-title a:hover { text-decoration:underline; color:#0069a1!important;}
h3.news-title.white a { color:#ffffff!important;} h3.news-title.white a:hover { text-decoration:underline; color:#ffffff!important;}

h3.news-title{font-size:1em !important;margin-bottom: .2rem;}

h4.news-title { font-size:0.95em; padding-bottom:4px;}
.thumb { width:100%; height:auto;}
img.thumb { padding-bottom:20px;}
.title { width:100%; display:block; padding-left:15px;}

.feature-background { background-color:#f5f5f5; padding:10px 10px;}

.search-form-mobile { display:none!important;}

.article-body { font-size:1.2em;}
.article-body p { color:#000 !important;}
.article-body ul li {margin-left: 30px;}
.article-body ol li {margin-left: 30px;}

.standfirst p {font-weight: bold !important; font-style: italic !important; color:#0069a1 !important; font-size:18px !important;}
.pullquote p{font-weight: bold; width: 50%; color: #000; font-size: 12pt;}

.sjblue {padding-left:15px;padding-right:13px;background-color: #0069a1!important; border:1px #0069a1 solid; color: #fff;}
.sjblue h2{color:#fff !important;}
.sjblue-summary {min-height: 60px;}
.sjblue-summary p{color:#d9d7d7;}
.sjblue-title {height: 45px;}
.sjblue-title a{color:#fff !important;}

h3.news-title-right-box { font-size:1.2em !important;display:inline-block;margin-bottom:10px;}
h3.news-title-right-box a { color:#000000;}
h3.news-title-right-box a:hover { text-decoration:underline; color:#0069a1!important;}

h5.footer-link {font-size:1em;}

/* ----- DIGITAL EDITIONS THUMBNAILS -----*/
.container { position:relative; width:100%; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
.container:hover .overlay { opacity:1!important;}
.edition-thumb .overlay { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; opacity:1!important; transition:.5s ease; background-color:transparent; z-index:200;}
.edition-thumb .overlay:hover { background-color:#0069a1;}
.edition-thumb { margin-bottom:20px;}
.edition-btn { font-weight:bold;}
.edition-thumb img { width:100%;} 

.share-wrapper { min-height:40px; margin-bottom:10px;}
.share-wrapper .fa { color:#000000; padding:4px 6px 4px 0; font-size:26px;}
.share-wrapper .fa:hover { color:#0069a1;}

/* ----- UNDERLINES ----- */
.underline { padding:7px 0px!important;}
.underline.related { border-top:solid 1px #dddddd!important; margin-top:12px;}
.underline.break { border-top:dotted 1px #5D6769; max-width:100%; margin-top:20px; margin-bottom:20px;}

.summary { min-height:60px;}

/* ----- POSTBOX ----- */
.postbox-link { margin-left:0px!important; margin-bottom:11px;}
.postbox-link { margin:3px; font-size:0.9em;}
.postbox-link a { color:#000000!important;}
.postbox-link a:hover { color:#0069a1!important;}

/* ----- DATE ----- */
.date { margin-bottom:8px; padding:0px; font-size:0.9em; font-weight:bold;}
.datesmall { margin-bottom:6px; padding:0px; font-size:0.8em; font-weight:bold;}

/* ----- BOXES ----- */
.box { padding:20px; color:#ffffff!important; display:inline-block;}
.box.blue-background { background-color:#0069a1; }
.box.orange-background { background-color:#f59421;}
.box.turquoise-background { background-color:#00b0b0;}
.box.purple-background { background-color:#5c4796;}
.box.green-background { background-color:#6bb545;}
.box.red-background { background-color:#e04f5c;}
.box.dark-blue-background { background-color:#2a2b37;}
.box a { text-decoration:underline;}

/* --- SIGN IN BOX --- */
.box.sign-in { max-width:400px; margin:0 auto; vertical-align:middle; display:block;}
img.logo-signin { max-width:175px; height:auto; float:right;}
.logo-holder { margin:0 auto; display:block; height:65px}

.box.white-background { background-color:#ffffff;}
.box h2, .box p, .box h5, .box a { color:#ffffff!important;}

/* ----- CATEGORIES ----- */
.categories-wrapper { padding-bottom:15px; height:auto; display:inline-block;}
.categories-link { margin-left:0px!important;}
.categories-link ul { margin-bottom:0!important;}
.categories-link li { color:#5D6769; padding:3px; margin:2px 0px!important; float:left; list-style:none!important; font-size:1em; line-height:1em; width:100%;}
.categories-link li a { color:#5D6769!important; text-decoration:none;}
.categories-link li a:hover { color:#0069a1!important; text-decoration:none;}
.categories-link li .number { float:none; padding:3px 5px; font-weight:bold;}
.categories-link li a:hover .number { }
.categories-link .number { }

/* ----- CARDS ----- */
.card-img-top { border-radius:0px;}
.card-title { text-transform:uppercase; font-size:1.1em; min-height:55px;}
.card-body { padding:15px!important;}
.card { border-radius:0px!important; border:0px!important; background:transparent;}

/* ----- CAROUSEL ----- */
.carousel-wrapper { padding-left:0px!important;}
.carousel-caption h3 { color:#ffffff; text-align:left!important;}
.carousel-caption { background-color:#0069a1!important; right:0%!important; left:0%!important; bottom:0!important; padding:20px 10px 15px 15px;}
.carousel { overflow:hidden;}
.carousel-item { overflow:hidden;}
.carousel-control-next, .carousel-control-prev { z-index:1000;}

/* ----- WRAPPER BACKGROUNDS & TEXT COLOUR ----- */
.wrapper { margin:0 auto; width:100%;}
.inner { padding:10px 10px 0px 10px!important; margin:0 auto; max-width:1350px;}

.wrapper.header { background-color:#0069a1;}
.inner.header { padding:0px!important;}

.wrapper.white-background { background-color:#ffffff;}
.inner.white { padding:10px 10px!important;}

.wrapper.grey-background { background-color:#f5f5f5;}
.inner.grey { padding:30px 15px 30px 15px!important;}

.wrapper.blue-background { background-color:#0069a1;}
.inner.blue { padding:10px 15px 10px 15px!important; color:#ffffff!important;}
.inner.blue p, .inner.blue h2 { color:#ffffff!important;}

.wrapper.dark-blue-background { background-color:#2a2b37;}
.inner.dark-blue { padding:0px 15px 0px 15px!important; color:#ffffff!important;}
.inner.dark-blue p, .inner.dark-blue h2 { color:#ffffff!important;}

.grey-background { background-color:#f2efec;}
.dark-background { background-color:#ced1d5;}
.wrapper.full-height { height:100vh;}

/* ----- ADVERTS ----- */
.advert { width:12.5%; float:left;}
.advert img { margin:0 auto; display:block; padding:5px 5px; width:100%; height:auto;}
.adverts-desktop { display:block;}
.adverts-mobile { display:none;}

/* --- FOOTER ACCORDIAN --- */
#accordionFooter .card { border:0px!important;}
#accordionFooter .card-body, #accordionFooter .card-header { background-color:#0069a1; color:#ffffff!important;}
#accordionFooter .card-body { padding:2px 2px 2px 40px!important;}
#accordionFooter .card-header .btn { display:block; color:#ffffff;}
#accordionFooter .card-header { border-bottom:0px!important; padding:2px 0px !important;}
#accordionFooter .card-header:first-child { border-radius:0px!important;}
#accordionFooter .card-body li { font-size:1.0em!important; color:#ffffff!important; list-style:none!important}

#accordionFooter [data-toggle="collapse"] .fa:before { content:"\f139"; font-size:1em; color:#00b0b0; padding:0 10px 0 5px;}
#accordionFooter [data-toggle="collapse"].collapsed .fa:before { content: "\f13a"; font-size:1em; padding:0 10px 0 5px;}

#accordionTopNavigation [data-toggle="collapse"] .fa:before { content:"\f0c9"; font-size:1em; color:#ffffff; padding:0 10px 0 5px;}
#accordionTopNavigation [data-toggle="collapse"].collapsed .fa:before { content: "\f0c9"; font-size:1em; padding:0 10px 0 5px;}

#accordionFaqs .card-header .btn-link{ white-space:normal; text-align:left;}
#accordionFaqs .card { margin-bottom:0px!important; padding:5px 5px 5px 5px!important; border:0px!important; background:transparent; word-wrap: break-word!important;}
#accordionFaqs .card-body, #accordionFaqs .card-header { background-color:transparent; color:#ffffff!important;}
#accordionFaqs .card-body { }
#accordionFaqs .card-header .btn { display:block; color:#ffffff;}
#accordionFaqs .card-header { padding:10px 5px 5px 5px; background:transparent; border-bottom:2px dotted rgba(0,0,0,.125);}
#accordionFaqs .card-header:first-child { border-radius:0px!important;}
#accordionFaqs .card-body li { font-size:1.0em!important; color:#ffffff!important; list-style:none!important}

#accordionFaqs [data-toggle="collapse"] .fa:before { content:"\f139"; font-size:1.4em; color:#00b0b0; padding:0 10px 0 5px;}
#accordionFaqs [data-toggle="collapse"].collapsed .fa:before { content: "\f13a"; font-size:1.4em; padding:0 10px 0 5px;}

/* ----- FOOTER DESKTOP ----- */
.wrapper.footer { background-color:#0069a1; padding-top:10px;}
.wrapper.footer p { font-size:0.9em;}
.wrapper.footer a { color:#ffffff;}
.footer .menu li { font-size:0.95em; list-style:none; line-height:1.4em; color:#ffffff;}
.footer .menu a { text-decoration:none!important; color:#ffffff!important;}
.footer .menu a:hover, .footer .fa:hover { text-decoration:none!important; color:#00b0b0!important;}
.footer .fa { padding:0 4px 0 0; margin-top:0px!important; color:#ffffff;}

/* ----- FOOTER MOBILE ----- */
.wrapper.footer-mobile { display:none!important;}

@media ( max-width: 1120px) {
#desktop-content { display:none!important;}
#tablet-content { display:block!important; width:100%!important;}
.inner.header { padding:0px 10px!important;}
}

@media ( min-width: 992px) {
.hover-4-description { width:50%;}
}

/* ----- IPAD LANDSCAPE ----- */
@media ( max-width: 767px) {
#mobile-content { display:none!important;}
#tablet-content { display:block!important; width:100%!important;}
#desktop-content { display:none!important;}

.desktop.fa-angle-down { display:none!important;}
.advert { width:50%; padding:0px 0px;}
.adverts-desktop { display:none!important;}
.adverts-mobile { display:block!important;}
.wrapper.footer { /* display:none!important; */}
.wrapper.footer-mobile { background-color:#0069a1; display:block!important; text-decoration:none!important;}
.wrapper.footer-mobile p, .wrapper.footer-mobile a { font-size:0.9em; color:#ffffff;}
.wrapper.footer-mobile ul { list-style:none!important; margin:0; text-transform:none!important; text-decoration:none!important; line-height:1.6em;}
.navbar-toggler:not(:disabled):not(.disabled) { background:#00b0b0;}
.advert { width:25%!important;}
.vl { border-left:0px!important;}
.hover-4-title { font-size:1em!important;}
.social-side-wrapper { display:none;}
.article-body p { color:#000 !important;}
}

@media ( min-width: 768px) {

}

@media ( max-width: 650px) {
#mobile-content { display:block!important; width:100%!important; justify-content:flex-end!important;}
#tablet-content { display:none!important;}
.navbar-nav .nav-link { padding-left:8px!important; padding-right:8px!important;}
.article-body p { color:#000 !important;}
}

/* ----- IPAD PORTRAIT ----- */
@media only screen and ( min-device-width : 768px) and ( max-device-width : 1024px) and (orientation : portrait) { 

.advert { width:25%!important;}
.vl { border-left:0px!important;}
h2.news-title { height:auto!important;}
.summary { min-height:0px!important;}
}

/* ----- SMARTPHONES (PORTRAIT AND LANDSCAPE) ----------- */
@media only screen and ( min-device-width : 320px) and ( max-device-width : 480px) and (orientation : portrait) {

#mobile-content { display:block!important; width:100%!important; justify-content:flex-end!important;}
#tablet-content { display:none!important;}
#desktop-content { display:none!important;}

.logo { width:150px!important;}
#accordionTopNavigation .card-body { padding:10px 0px!important;}
.navbar-nav .nav-link { padding-left:3px!important; padding-right:3px!important;}
h2.news-title { height:auto!important;}
.summary { min-height:0px!important;}
hr.contact { display:none!important;}
.advert { width:50%;}
.media-body { float:left; width:100%;}
.inner { padding:10px 10px 10px 10px!important;}
#accordionFooter .card-header .btn { float:left;}
h1.news-title { font-size:1.6em;}
.underline { }
.postbox-link { }
.carousel-caption { padding:7px;}
.adverts-desktop { display:none!important;}
.adverts-mobile { display:block!important;}
.vl { border-left:0px!important;}
.article-body p { color:#000 !important;}
}

/* ----- PAGINATION ----- */
.newspagi ul { float:left; list-style:none!important; font-weight:bold;}
.newspagi ul li { float:left; list-style:none!important; font-size:1.2em; display:block; background-color:#eeeeee; color:#5D6769!important; margin-right:5px;}
.newspagi ul li a { display:block; padding:8px 14px; color:#5D6769;}
.newspagi ul li a:hover { color:#ffffff!important; background-color:#696969; text-decoration:none!important;}

/*SK*/
.wrapper.footer a:hover {color:#a2a2a2 !important; text-decoration:none;}




/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "Publico Banner Web Black";
    src: url("https://db.onlinewebfonts.com/t/055f56b15a528d600fdf4c3f6882dba4.eot"); /* IE9*/
    src: url("https://db.onlinewebfonts.com/t/055f56b15a528d600fdf4c3f6882dba4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://db.onlinewebfonts.com/t/055f56b15a528d600fdf4c3f6882dba4.woff2") format("woff2"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/055f56b15a528d600fdf4c3f6882dba4.woff") format("woff"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/055f56b15a528d600fdf4c3f6882dba4.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("https://db.onlinewebfonts.com/t/055f56b15a528d600fdf4c3f6882dba4.svg#Publico Banner Web Black") format("svg"); /* iOS 4.1- */
}

/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "Brandon Grotesque Medium";
    src: url("https://db.onlinewebfonts.com/t/5116a4d958b55b9c7872c9af3b076af1.eot"); /* IE9*/
    src: url("https://db.onlinewebfonts.com/t/5116a4d958b55b9c7872c9af3b076af1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://db.onlinewebfonts.com/t/5116a4d958b55b9c7872c9af3b076af1.woff2") format("woff2"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/5116a4d958b55b9c7872c9af3b076af1.woff") format("woff"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/5116a4d958b55b9c7872c9af3b076af1.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("https://db.onlinewebfonts.com/t/5116a4d958b55b9c7872c9af3b076af1.svg#Brandon Grotesque Medium") format("svg"); /* iOS 4.1- */
}

/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "Brandon Grotesque Bold";
    src: url("https://db.onlinewebfonts.com/t/6cec834e2e8f2e4206567ed75e1281d4.eot"); /* IE9*/
    src: url("https://db.onlinewebfonts.com/t/6cec834e2e8f2e4206567ed75e1281d4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://db.onlinewebfonts.com/t/6cec834e2e8f2e4206567ed75e1281d4.woff2") format("woff2"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/6cec834e2e8f2e4206567ed75e1281d4.woff") format("woff"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/6cec834e2e8f2e4206567ed75e1281d4.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("https://db.onlinewebfonts.com/t/6cec834e2e8f2e4206567ed75e1281d4.svg#Brandon Grotesque Bold") format("svg"); /* iOS 4.1- */
}