@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic|PT+Serif:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=PT+Serif);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);

html, body {
    height: 100%;
}

/***APPLY FONT***/
body, .event-time, .more, .list-date, .footer-panel-body {
    font-family: 'PT Sans', sans-serif;
}

.content-header, .content-header h1, .list-articles-item, article h1, .panel-default-body, .issue, article h2 {
    font-family: 'PT Serif', serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: 0px;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:link, a:visited, a:active, a:hover {
    color: #333
}

a:hover {
    color: #808080;
    text-decoration: none
}

.content {
    display: block;
    height: auto;
    background: #fff;
    -moz-box-shadow: 0 0 10px grey;
    -webkit-box-shadow: 0 0 10px grey;
    box-shadow: 0 0 10px grey;
}

.main {
    background-color: #ECECEC
}

.btn {
    font-style: italic;
    font-weight: bold;
    border-radius: 0;
}

.btn-primary, .btn-primary:focus, .btn-primary:active {
    font-style: italic;
    font-weight: bold;
    color: white !important;
    background-color: #97C11F;
    border-color: #97C11F;
    border-radius: 0;
}

.subscribe:hover, .btn-primary:hover {
    background-color: black;
}

.box {
    padding: 30px;
}

.box:after {
    display: table;
    clear: both;
    content: '';
}

.img-full {
    min-width: 100%;
}

.no-padding {
    padding: 0 !important;
}

.bde {
    font-style: italic;
}

/******HEADER*************/
header {
    margin-top: 15px;
    background-color: #fff;
}

header .container > .row {
    height: 80px;
    padding: 0 16px 0 15px;
}

.header-element {
    margin-top: 28px !important;
}

.brand {
    padding-left: 90px !important;
    margin-top: 10px;
}

.navbar-brand {
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.keyword {
    width: 100%;
    height: 30px;
    background-color: #ECECEC;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.header-element {
    margin-top: 28px;
}

.navbar-search {
    margin-top: 45px;
    margin-left: 15px;
}

.subscribe a, .subscribe a:visited {
    color: #fff;
}

.subscribe {
    width: 92px;
    height: 30px;
    padding: 4px 0 0 5px;
    margin-top: 10px;
    font-size: 16px;
    font-style: initial;
    font-weight: bold;
    color: #fff;
    background-color: #97C11F;
}

div.free-trial {
    height: 30px;
    margin: 10px 0 10px 0 !important;
}

.content-header {
    height: 80px;
    padding: 0 0 15px 20px;
    font-weight: bold;
    color: white;
    background-color: #97C11F;
}

.content-header h1, .content-header h3 {
    padding: 15px 0 15px 20px;
    margin: 0;
    font-size: 30px !important;
}

.navbar-login {
    padding-left: 50px !important;
}

.brand img {
    padding-bottom: 15px;
}

/****NAVIGATION *********/
.navbar-default {
    background-color: white;
}

.navbar-nav {
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.nav > li {
    font-size: 1.29em;
    font-weight: 100;
    letter-spacing: 1px;
    color: #575759;
    border-top: 1px solid #575759;
    border-left: 1px solid #575759;
}

.navbar-nav .dropdown-menu > li:last-child {
    border-bottom: none
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus, .navbar-nav .dropdown > a:hover, .navbar-nav .dropdown > a:active, .navbar-nav .dropdown > a:focus, .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:active
.navbar-default .navbar-nav > li > a:hover.fa-home:hover {
    width: 100% !important;
    color: white !important;
    background-color: #97C11F !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: white
}

.navbar-toggle {
    position: absolute;
    top: 15px;
    right: -10px;
    border-radius: 0;
}

.navbar-toggle:visited, .navbar-toggle:active {
    background-color: white;
}

.navbar {
    margin-bottom: 2px;
    border-radius: 0;
    -moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
}

.navbar {
    min-height: 0
}

.navbar-default {
    border: none;
}

.nav > li > a {
    height: 50px;
    padding: 10px 22px 20px 20px;
}

.nav > li > a:last-child {
    height: 50px;
    padding: 10px 35px 10px 25px;
}

.nav > li:last-child .caret {
    margin-left: 0;
}

li.home > a {
    padding-right: 10px;
    padding-left: 10px;
}

.navbar-nav > li > a {
    line-height: normal;
}

.navbar-nav {
    display: table;
    float: none;
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.navbar-nav .dropdown-menu > li {
    border-bottom: solid 1px #97C11F;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: black;
}

.nav.navbar-nav li:last-child {
    width: 12%;
    border-right: 1px solid #575759;
}

.dropdown-menu li:last-child {
    width: 100% !important;
    border-right: none;
}

.menu-account {
    display: none !important;
}

/************PANEL ********/
.panel {
    position: relative;
    margin-bottom: 30px;
    border: 0;
    border-radius: 0;
}

.panel-1, .panel-6 {
    margin-right: 3% !important;
}

.panel-3, .panel-4 {
    margin-right: 19px;
}

.panel-2, .mpu {
    margin-left: 13px;
}

.panel-5 {
    margin-left: 30px;
}

.panel-6 {
    margin-right: 3%;
}

.panel-7 {
    margin-left: 3%;
}

.panel_default {
    background-color: #fff;
    border-top: 18px solid black; /*border-left:1px solid black;border-right:1px solid black;*/
}

.panel-default-header {
    border-bottom: 2px solid #808080 !important;
}

.panel h2, .panel-default-header h2 {
    padding: 0 0 0 5px;
    margin-top: 10px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 30px;
    font-weight: normal;
}

.panel-default-header ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.panel-default-body {
    position: relative;
    font-size: 15px;
}

.panel-default-header h2 {
    display: inline-block;
}

.panel-default-body li {
    padding: 20px 5px 20px 5px;
    font-weight: bold;
    border-bottom: 1px solid #9D9D9D;
}

.panel-default-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.panel-default-body li:last-child {
    border: none;
}

.panel-default-body li a {
    margin-bottom: 5px;
}

.panel-default-body div {
    padding: 20px 0 20px 0;
}

.panel-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px 15px 15px !important;
    color: white;
}

.panel-1 > .panel-text {
    padding-bottom: 15px !important;
}

.panel-2 > .panel-text, .panel-5 > .panel-text, .panel-6 > .panel-text, .panel-7 > .panel-text {
    padding-bottom: 10px !important;
}

.panel-text a {
    color: white;
}

.panel-text h2, .panel-text h3 {
    display: inline-block;
    padding: 0 50px 0 15px !important;
    font-family: 'PT Sans', sans-serif;
    font-weight: initial;
}

.panel-text h2 {
    padding-left: 0px !important;
    font-size: 28px;
}

.panel-text h3 {
    padding-left: 0px !important;
    margin-top: 0;
    margin-bottom: 0px !important;
    font-size: 25px !important;
}

.panel-text { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 125%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 125%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 125%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 125%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 125%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

/************PANEL COLOURS ********/
div[class*="panel-border-"] {
    width: 100%;
}

.panel-border-1 {
    border-top: 15px solid #F03F30;
}

.panel-border-2 {
    border-top: 15px solid #F8AA18;
}

.panel-border-3 {
    border-top: 15px solid #72AD33;
}

.panel-border-4 {
    border-top: 15px solid #27518C;
}

.panel-border-5 {
    border-top: 15px solid #851A8F;
}

.panel-border-6 {
    border-top: 15px solid #7D002A;
}

.panel-border-7 {
    border-top: 15px solid #349471;
}

/*******ADVERTS********/
.tile-ad {
    margin-bottom: 20px;
}

.leaderboard {
    margin: 20px 0 0 0;
}

.bridge-home-med-rectangle-2 {
    margin-top: 10px;
}

/******VIDEO********************************/
.video-header {
    padding-bottom: 10px;
}

.video-header > .more:before {
    margin-right: 10px
}

.video {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-right: none;
    border-bottom: solid 2px #808080;
    border-left: none;
}

.video-header a {
    float: right;
    margin: 15px 10px 0 0;
}

.video-header h2 {
    display: inline-block;
    padding-left: 10px;
}

.video-body img {
    float: left;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.play-button {
    position: absolute;
    top: 32%;
    left: 46%;
    display: block;
}

.play-button img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.play-button img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.video-body .date {
    margin: 0 0 20px 0;
    font-size: 20px;
}

/*******MISC******************************/
.min-height {
    min-height: 250px;
}

.footer-last {
    padding-right: 0;
}

.border-top {
    margin-top: 21px;
    border-bottom: solid 1px black !important;
}

.more:before {
    position: relative;
    top: -5px;
    display: block;
    float: left;
    width: 39px;
    height: 39px;
    background-image: url("../Images/button/more.gif");
    content: "";
}

.more {
    top: 5px;
    margin: 0 0 0 12px;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
}

.latest-news-md {
    padding-left: 23px !important;
}

.event-time {
    font-size: 20px;
    font-weight: bold;
    color: #9DC42B;
}

.h1-home {
    display: none;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    padding: 0;
    margin: 0 auto 0;
}

.home-latest-news {
    height: 686px;
    overflow: auto;
}

.home-latest-news ul > li {
    padding: 15px !important;
}

.upcoming-events {
    padding: 0 30px 0 0 !important;
}

.upcoming-events h2, .upcoming-events li {
    padding-left: 15px;
}

/********** FOOTER***********************************************/
.footer-panel-body {
    padding: 15px !important;
}

.footer-panel {
    display: block !important;
}

.footer-panel {
    margin-right: 30px;
}

.footer-panel > .panel-default-header > h2, .footer-panel > .panel h2 {
    margin-left: 10px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 30px;
}

.footer-panel > .panel-default-header, .footer-panel > .panel .panel-default-header {
    border-bottom: 1px solid black !important;
}

footer {
    height: 40px;
    color: #fff;
    background-color: black;
}

footer a {
    color: white !important;
}

footer ul {
    list-style: none;
}

footer li {
    margin-top: 10px;
}

footer li:first-child {
    float: left;
}

footer li:last-child {
    float: right;
    margin-right: 20px;
}

.footer-text ul li {
    font-size: 0.9em;
}

.footer-panel-body .btn {
    font-size: 20px;
}

.footer-panel-body .fa {
    padding-right: 2px;
}

/******* SIGN IN FORM ***************/
#myModal button {
    text-align: center;
}

.modal-content {
    border-radius: 0;
}

.modal-dialog {
    width: 755px;
}

.modal-header {
    position: relative;
    border-top: 18px solid #97C11F;
}

.modal-title {
    font-size: 21px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.modal-close-button {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 40px;
    font-weight: 300;
    opacity: 1;
    transform: translateY(-50%);
    transition: all .2s;
}

.modal-close-button:hover {
    color: #DA4167;
    opacity: 1;
}

.modal-body {
    border-top: 1px solid black;
    border-bottom: 2px solid #808080;
}

.modal-spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(1px);
}

.sign-in {
    position: relative;
    padding: 20px;
}

.sign-in h4 {
    font-weight: bold;
}

.sign-in label {
    display: inline-block;
}

.sign-in-group > .form-control {
    border-radius: 0;
}

.sign-in-group > .form-control label {
}

.center {
    text-align: center;
}

.btLogin {
    font-size: 21px !important;
}

/******* REGISTER FORM ***************/
.register {
    margin: 20px 0 20px 0;
}

.register .form-control {
    display: inline-block;
    width: 95% !important;
}

/********ARTICLE*************/
article {
    font-size: 18px !important;
}

article h1 {
    font-size: 40px !important;
    font-weight: normal;
}

article h2 {
    margin-bottom: 30px;
    font-size: 25px !important;
    font-weight: normal;
}

article .date {
    margin: 15px 0;
    font-size: 16px;
}

article img {
    display: block;
    height: auto !important;
    max-width: 100%;
}

article .keywords {
    padding: 5px 0;
    font-style: italic;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}

#full-article img {
    max-width: 100%;
}

.paywall-body {
    padding: 15px;
    margin: 20px 0 20px 0;
    text-align: center;
    background-color: #D1D2D4;
}

.paywall-body .btn {
    margin-bottom: 10px;
    font-size: 2.0em;
}

.article-header {
    height: 80px;
    padding: 8px 0 0 9px;
    font-size: 2.5em;
    color: white;
    background-color: #fCB22B;
}

.article-body h2 {
    font-size: 1.2em;
    text-transform: initial;
}

.paywall-body h2 {
    font-size: 2.5em;
    border-bottom: solid 1px black;
}

.article-share h2 {
    margin-left: 9px !important;
    font-size: 1.2em;
    text-transform: initial;
}

.article-share ul {
    padding: 5px;
}

.article-share ul li {
    display: inline-block;
}

.article-share li {
    margin-bottom: 5px;
}

.related-articles {
    padding: 5px 0;
    border-top: solid 10px black;
}

.related-articles h2 {
    border-bottom: solid 1px black;
}

.related-articles h3 {
    font-size: 1.2em;
    border: none;
}

.related-articles img {
    width: 100px;
    height: 100px;
}

iframe {
    max-width: 100%;
}

/*******ARTICLE LIST ********/
.list-articles-item {
    position: relative;
    height: 100%;
    padding: 10px 0 10px 12px;
    margin: 10px 10px 10px 0;
    font-size: 18px;
    border-bottom: solid 1px black;
}

.list-articles-item img {
    float: right;
    max-width: 100px;
    max-height: 100px;
}

.article-list h3, .event-list h3 {
    margin: 0 0 10px 0;
    font-size: 25px;
}

.article-list button {
    display: block;
    margin: 20px 0 20px 20%;
    text-align: center;
}

.article-list .article-header {
    margin-right: 15px
}

.article-list button {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.article-list ul {
    margin: 20px;
}

.article-list li {
    min-height: 120px;
    margin: 0 15px 10px -40px;
    border-bottom: solid 1px black;
}

/*.list-articles div.list-articles-item:last-child{border-bottom:none!important;}*/
.list-date {
    padding: 0;
    font-size: 15px;
}

.list-event-date {
    font-size: 13.8px;
}

.teaser-sm img {
    margin: 0 10px 0 0;
}

#full-article h4 {
    margin: 40px 0 10px 0 !important
}

/************RIGH COLOUMN ************/
.rightColumn {
    float: right !important;
    padding: 0 0 0 30px;
}

.right-advert > .tile-ad {
    float: right !important;
}

.rightColumn .topics li {
    padding: 5px 0 1px 0;
    margin-bottom: 0;
    border-bottom: 0;
}

/************ISSUES ************/
.issues .row {
    margin: 0 0 10px 10px !important;
}

.latest-issue {
    position: relative;
    width: 93%;
    height: 302px;
    padding: 25px 30px 10px 30px;
    margin: 0 !important;
    margin-bottom: 15px;
    border: solid 1px black;
}

.latest-issue img {
    z-index: 1;
    -moz-box-shadow: 0 0 40px grey;
    -webkit-box-shadow: 0 0 40px grey;
    box-shadow: 0 0 40px grey;
}

.issue-list .content-header {
    margin-bottom: 20px;
}

.issue-cover {
    width: 220px;
    height: 284px;
    margin: 0 10px 0 10px;
}

.issue ul > li > a {
    text-decoration: underline;
}

.content-issue-list {
    margin: 40px 0 0 30px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 9px;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-image: url('../Images/flash.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/************ISSUE DETAIL ************/
.issue .btn {
    float: right;
    font-size: 20px;
}

.panel-default-body i {
    padding-right: 5px;
}

/*******RIGHT COLUMN************/
.right-content {
    margin: 10px 0 10px 0;
}

.right-content > .home-latest-news {
    height: auto !important;
    margin-bottom: 30px;
    overflow: visible;
}

/********CUSTOM ICONS********/
.fa {
    color: #97C11F;
}

.fa-home {
    font-size: 1.5em;
    color: #777;
}

button .fa {
    color: #fff;
}

.follow-us {
    padding: 10px !important;
    margin: 0;
}

.follow-us a {
    margin-left: 10px;
}

.follow-us a:hover,
.follow-us a:visited,
.follow-us a:active {
    background: none;
}

.icon {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.icon-sm {
    width: 20px;
    height: 20px;
}

.icon-twitter {
    margin-bottom: 10px;
    background-image: url("../Images/button/Twitter-icon.png");
    background-repeat: no-repeat;
}

.icon-rss {
    margin-bottom: 10px;
    background-image: url("../Images/button/RSS-icon.png");
    background-repeat: no-repeat;
}

.icon-linkedIn {
    background-image: url("../Images/button/linkedIn-icon.png");
    background-repeat: no-repeat;
}

.icon-facebook {
    background-image: url("../Images/button/facebook-icon.png");
    background-repeat: no-repeat;
}

.icon-email {
    background-image: url("../Images/button/email-icon.png");
    background-repeat: no-repeat;
}

/*******SUBSCRIPTION********/
.package {
    padding-top: 15px;
    margin: 15px 0 15px 0;
    clear: both;
}

.package-box {
    height: 287px;
    text-align: center;
    background-color: #7C7D7F;
    border: solid 1px #808080;
}

.package-box-top {
    padding-bottom: 15px;
    font-size: 45px;
    font-weight: bold;
    background: white;
}

.package-box-top p:nth-child(2) {
    font-size: 30px;
}

.package-box-top p:first-child {
    padding-top: 15px;
}

.package-box-top p:last-child {
    font-size: 28px;
    color: #7C7D7F;
}

.package-box-top .saving {
    padding: 5px 0 5px 0;
    margin-top: 15px;
    font-size: 28px;
    color: white;
    background-color: #97C11F;
}

.package-box-top .saving-2 {
    background-color: #F8AA18;
}

.package-box-top .saving-3 {
    background-color: #7D002A;
}

.package-box p {
    padding: 0;
    margin: 0;
    line-height: 35px;
}

.package-box-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    background-color: #7C7D7F;
}

.package-box-top-saving {
    padding-bottom: 0 !important;
}

.year1 > .package-box > .package-box-top {
    padding-bottom: 30px;
}

.col-lg-9.sub-copy {
    width: 73%
}

.sub-copy {
    margin-left: 3px;
}

.sub-copy h2 {
    font-size: 22px;
}

.sub-copy .col-lg-5 {
    padding-right: 0;
    margin-bottom: 30px;
}

.package-form .package-box {
    height: initial;
}

.sub-copy ul {
    padding-left: 15px;
}

.sub-copy ul li {
    margin-bottom: 10px;
    font-weight: bold;
    color: #97C11F;
}

.sub-copy ul li span, .sub-copy span {
    font-size: 18px;
    font-weight: normal;
    color: black;
}

.sub-copy ul li span.green {
    font-weight: bold;
    color: #97C11F;
}

.sub-copy a {
    font-weight: bold;
    color: black;
}

.sub-copy div.row {
    margin: 0
}

/*******SUBSCRIPTION FORM********/
.login .form-control {
    width: 50%;
}

.subs-form .form-control {
    height: 30px;
    color: #333123;
    background-color: #ECECEC;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.subs-form select {
    width: 80%;
    height: inherit !important;
    border: 1px solid #333123 !important;
    border-radius: 5px !important;
}

.subs-form hr {
    height: 1px;
    background: #97C11F;
    border: 0;
}

.worlpay-logos {
    margin: 30px 0 30px 0;
}

.subs-form .btn-lg {
    font-size: 24px;
}

.field-validation-error, .error {
    color: red;
}

.cursor {
    cursor: pointer;
}

.disclaimer {
    margin-top: 10px;
}

#btn-campaign {
    text-decoration: underline;
}