/* GENERIC STUFF */
@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,400,700,800");
@import url("//fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic,900,900italic");
@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic");
@import url("//fonts.googleapis.com/css?family=Bitter:400,400italic,700");
@import url("//fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic,900,900italic");
@import url("//fonts.googleapis.com/css?family=Cabin:400,400italic,600italic,600");
@import url("//fonts.googleapis.com/css?family=Raleway:400,700,800");

/*

1: Global styles and resets
2: Masthead above navbar
3: Navbar
4: Primary content column
5: Tabs for page navigation
6: News: listing of news articles page
7: News: individual news article page
8: Events: listing of events
9: Events: individual event article
10: Front page
11: Membership, join and pricing table page
12: Sidebar heading
13: Sidebar news listing
14: Sidebar events listing
15: Signin box for members
16: Signin page
17: Contact form with acknowledgement
18: Footer
19: Cookie Law


20: BAA1 only
21: DPO only
22: IASA only
23: ICS only
24: itSMF only



/* 1: GLOBAL STYLES AND RESETS
-------------------------------------------------- */

body {
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300
}

/*a:link, a:visited, a:hover, a:active { color: #005480 }*/

hr {
    margin-bottom: 0
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.no-top-margin {
    margin-top: 0 !important
}

.no-bottom-margin {
    margin-bottom: 0 !important
}

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

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

/* 2: MASTHEAD ABOVE NAVBAR
-------------------------------------------------- */

div.masthead-desktop {
    margin: 6px auto;
    width: 100%
}

/* #masthead-desktop appears only from min-width 767px */
@media all and (max-width: 766px) {
    .masthead-desktop {
        display: none
    }
}

@media all and (min-width: 767px) {
    .masthead-desktop {
        display: block;
    }

    .div-icon-user {
        display: none !important
    }
}
/* CONTACT2 BOX WITH ARROW DECLAN CODE */

/* CONTACT BOX WITH ARROW */
.contact-arrow-box {
    position: relative;
    background: #FEFED8;
    border: 2px solid #CBCCA6;
    text-align: right;
    float: right;
    margin-right: 12px;
}

.contact-arrow-box:after, .contact-arrow-box:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.contact-arrow-box:after {
    border: 10px rgba(136, 183, 213, 0);
    border-bottom-color: #FEFED8;
    margin-left: -10px;
}

.contact-arrow-box:before {
    border: 13px rgba(194, 225, 245, 0);
    border-bottom-color: #CBCCA6;
    margin-left: -13px;
}

.contact-arrow-box p, .contact-arrow-box h4 {
    margin: 0 0 0 0;
    line-height: 100%
}

.contact-arrow-box h4 {
    font-weight: bold
}

.contact-arrow-box p a {
    font-weight: bold;
    text-decoration: underline;
}

/* Declan CSS */
/* @media only screen and (max-width: 1199px) {
    .contact-arrow-box .second-box
    {
        margin-right: 220px;
    }
} */

/*--- Mobile portrait ---*/
@media all and (max-width: 767px) {
    .contact-arrow-box {
        display: none
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and  (min-width: 768px) and (max-width: 991px) {
    .contact-arrow-box {
        margin-top: 8px;
        width: 180px; /* Declan changed width */
        padding: 8px 12px 6px 12px;
        margin-right: -18px;
    }

    .contact-arrow-box p {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .contact-arrow-box h4 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 2px;
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .contact-arrow-box {
        margin-top: 12px;
        width: 200px
    }

    .contact-arrow-box {
        margin-top: 8px;
        width: 200px; /* Declan changed width */
        padding: 8px 12px 4px 12px;
    }

    .contact-arrow-box p {
        font-size: 11px; /* Declan changed font size */
        margin-bottom: 4px;
    }

    .contact-arrow-box h4 {
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 2px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .contact-arrow-box {
        margin-top: 8px;
        width: 220px; /* Declan changed width */
        padding: 8px 12px 6px 12px;
    }

    .contact-arrow-box p {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .contact-arrow-box h4 {
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 2px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1336px) {
    .contact-arrow-box {
        margin-top: 8px;
        width: 260px;
        padding: 8px 12px 6px 12px;
    }

    .contact-arrow-box p {
        font-size: 15px;
        margin-bottom: 4px;
    }

    .contact-arrow-box h4 {
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 2px;
    }
}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    .contact-arrow-box {
        margin-top: 8px;
        width: 260px;
        padding: 8px 12px 6px 12px;
    }

    .contact-arrow-box p {
        font-size: 15px;
        margin-bottom: 4px;
    }

    .contact-arrow-box h4 {
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 2px;
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .contact-arrow-box {
        margin-top: 8px;
        width: 260px;
        padding: 8px 12px 6px 12px;
    }

    .contact-arrow-box p {
        font-size: 15px;
        margin-bottom: 4px;
    }

    .contact-arrow-box h4 {
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 2px;
    }
}

/* 3: NAVBAR
-------------------------------------------------- */

.navbar .div-icon-user {
    float: right;
    display: inline-block
}

.navbar .div-icon-user i {
    color: #fff
}

/* For fixed navbar after scrolling */
#navbar-main.affix {
    position: fixed;
    z-index: 10000;
    top: 0;
    width: 100%
}

/* Remove text effects from navbar menu items  */
.navbar-nav > li > a {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

/* Small Logo and User Sign In icon appear only on mobiles up to max-width: 766px  */
.navbar-brand {
    padding: 0 !important
}

.navbar-brand-img {
    display: inline-block;
    padding: 0;
    margin: 5px 0 0 -4px;
}

a.icon-user-signin {
    font-size: 36px;
    margin: 6px 20px 0 0;
    color: #fff;
    float: right
}

a.icon-user-signin:hover, a.icon-user-signin:active {
    text-decoration: none;
    color: #D6E7F9
}

@media all and (max-width: 766px) {
    .navbar-header .navbar-brand, .navbar-header a.icon-user-signin {
        display: inline
    }
}

@media all and (min-width: 767px) {
    .navbar-header .navbar-brand, .navbar-header a.icon-user-signin {
        display: none
    }
}

/* Collapse button for mobiles */
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #0084A9
}

.navbar-collapse {
    border-top: 1px solid #005480;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.navbar-header .navbar-toggle {
    border-color: transparent;
    margin-right: 0;
    border-radius: 0;
    padding: 0;
}

.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:active,
.navbar-header .navbar-toggle:focus {
    background: #0079bb
}

.highlight-collapse-button {
    background: #D6E7F9
}

/* For JS */
.navbar .collapse ul.navbar-right li {
    display: inline;
    float: right;
    margin: 0;
    padding: 4px 0 0 4px;
}

@media all and (max-width: 766px) {
    /* collapsed menu on mobiles */
    .navbar {
        padding: 0 6px 0 0
    }

    .navbar .nav li a {
        padding: 4px 6px 4px 6px;
        font-size: 13px;
        font-weight: bold;
        margin-right: 4px
    }
}

/* Navbar for Tablets and Desktops ============================================================ */
.navbar-inverse, .navbar-nav {
    border-width: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 1px;
}

.navbar-collapse {
    padding: 0
}

.navbar-nav li a {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff
}

.navbar-inverse .navbar-nav li a {
    color: #fff;
    font-weight: bold
}

.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:active,
.navbar-inverse .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover,
.navbar-inverse .navbar-nav li.active a:active {
    color: #0079bb;
    background: #fff
}

.navbar .navbar-nav li a {
    font-family: 'Roboto Condensed', sans-serif;
}

.navbar li:first-child {
    margin-left: 0
}

.navbar-collapse ul.navbar-right {
    text-align: right;
    margin-right: 0
}

.navbar-collapse ul.navbar-right li a {
    border: solid 1px #fff;
    font-weight: bold
}

.navbar div.navbar-collapse ul.navbar-right {
    padding: 0;
    margin: 0
}

.navbar div.navbar-collapse ul.navbar-right li a {
    border-color: #fff;;
    color: #fff
}

.navbar .dropdown-menu {
    background-color: #005480;
}

/* mobile navbar images */
@media all and (min-width: 767px) {
    .navbar-nav img {
        display: none
    }
}

/* desktop vertical separator  */
.navbar .divider-vertical {
    min-height: 10px;
    margin: 0 5px;
    border-right: 1px solid;
}

@media all and (max-width: 992px) {
    .navbar .divider-vertical {
        min-height: 0;
        margin: 0;
        border-right-width: 0
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    .navbar .div-icon-user {
        padding: 6px 20px 0 0;
        margin: 0
    }

    .navbar .div-icon-user img {
        margin: 4px 0 0 0
    }
}

/* Smartphones (landscape) ----------- */
@media all and (min-width: 321px) and (max-width: 480px) {
    .navbar .div-icon-user {
        padding: 6px 20px 0 0;
        margin: 0
    }

    .navbar .div-icon-user img {
        margin: 4px 0 0 0
    }
}

/* Other tablets ----------- */
@media all and (min-width: 481px) and (max-width: 767px) {
    .navbar .div-icon-user {
        padding: 6px 20px 0 0;
        margin: 0
    }

    .navbar .div-icon-user img {
        margin: 4px 0 0 0
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .navbar-nav img {
        display: none
    }

    .navbar-nav li a, .navbar-collapse ul.navbar-right {
        font-size: 13px
    }

    .navbar-nav li a {
        padding: 1px 3px 1px 3px;
        margin-right: 6px
    }

    .navbar div.navbar-collapse ul.navbar-right {
        margin-top: 3px
    }

    .navbar div.navbar-collapse ul.navbar-right li a {
        padding: 1px 12px
    }

    .navbar div.navbar-collapse ul.navbar-right li a i {
        margin-right: 8px
    }
}

@media all and (min-width: 992px) and (max-width: 1024px) {
    .navbar-nav {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .navbar-nav img {
        display: none
    }

    .navbar-nav li a, .navbar-collapse ul.navbar-right {
        font-size: 14px
    }

    .navbar-nav li a {
        padding: 1px 3px 1px 3px;
        margin-right: 12px
    }

    .navbar div.navbar-collapse ul.navbar-right {
        margin-top: 3px
    }

    .navbar div.navbar-collapse ul.navbar-right li a {
        padding: 1px 12px
    }

    .navbar div.navbar-collapse ul.navbar-right li a i {
        margin-right: 8px
    }
}

@media all and  (min-width: 1025px) and (max-width: 1223px) {
    .navbar-nav {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .navbar-nav img {
        display: none
    }

    .navbar-nav li a, .navbar div.navbar-collapse ul.navbar-right li {
        font-size: 14px;
    }

    .navbar-nav li a {
        padding: 3px 3px 3px 3px;
        margin-right: 4px;
    }

    .navbar div.navbar-collapse ul.navbar-right {
        margin-top: 4px
    }

    .navbar div.navbar-collapse ul.navbar-right li a {
        padding: 2px 12px
    }

    .navbar div.navbar-collapse ul.navbar-right li a i {
        margin-right: 8px
    }
}

@media all and (min-width: 1224px) and (max-width: 1440px) {
    .navbar-nav {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .navbar-nav img {
        display: none
    }

    .navbar-nav li a, .navbar div.navbar-collapse ul.navbar-right li {
        font-size: 16px;
    }

    .navbar-nav li a {
        padding: 3px 3px 3px 3px;
        margin-right: 4px
    }

    .navbar div.navbar-collapse ul.navbar-right {
        margin: 2px 0 0 0
    }

    .navbar div.navbar-collapse ul.navbar-right li a {
        padding: 3px 12px
    }

    .navbar div.navbar-collapse ul.navbar-right li a i {
        margin-right: 8px
    }
}

@media all and (min-width: 1441px) {
    .navbar-nav {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .navbar-nav img {
        display: none
    }

    .navbar-nav li a, .navbar div.navbar-collapse ul.navbar-right li {
        font-size: 16px;
    }

    .navbar-nav li a {
        padding: 3px 6px 3px 6px;
        margin-right: 4px
    }

    .navbar div.navbar-collapse ul.navbar-right {
        margin: 2px 0 0 0
    }

    .navbar div.navbar-collapse ul.navbar-right li a {
        padding: 3px 12px
    }

    .navbar div.navbar-collapse ul.navbar-right li a i {
        margin-right: 8px
    }
}

/* ================= NAVBAR COLORS ======================================== */



.btn-more-hisi{
    background-color: #00927f;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 0px;
    text-transform: uppercase;
}

.btn-more-hisi:hover{
    background-color: #fff;
    color: #00927f;
    border: solid 1px #00927f;
    border-radius: 0px;
    text-transform: uppercase;
}

.btn-more-hisi:focus{
    background-color: #fff;
    color: #00927f;
    border: solid 1px #00927f;
    border-radius: 0px;
    text-transform: uppercase;
}

.btn-more-hisi a{
     color: #fff;
}

.btn-more-hisi a:focus{
    color: #00927f !important;
}

.btn-more-hisi a:hover{
    color: #00927f !important;
    text-decoration: none;
}

.ics-services-sm-top{
    background: #000;
    padding-bottom: 10px !important;

}

.ics-services-sm-top .row{

        margin-left: 7%;
    }

@media screen and (max-width: 991px) {
    .ics-services-sm-top .row{

        margin-left: 0;
    }
}

/*Make the sign in box the same size of banner image when on large screens*/
@media screen and (min-width: 1200px) {
    #mod_loginform {
        padding-bottom: 30px;
    }
}

div.masthead-ics .col-md-9 .row .col-md-12 .form-control {
    border-radius: 0;
    border-color: #005480
}

div.masthead-ics .col-md-9 .row .col-md-12 button.btn-default {
    border-color: #005480 !important;
    background: #005480
}

.navbar-ics {
    background: #005480
}

.navbar-ics li a.active,
.navbar-ics li a:hover,
.navbar-ics li a:active {
    color: #005480
}

.navbar-ics .navbar-nav li a {
    color: #fff;
    font-weight: bold
}

.navbar-ics .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:active,
.navbar-ics .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover,
.navbar-ics .navbar-nav li.active a:active {
    color: #0079bb;
    background: #fff
}

.navbar-ics .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #0079bb
}

.navbar-ics div.navbar-collapse ul.navbar-right li a i {
    color: rgb(255, 133, 0)
}

.navbar-ics .navbar-nav .divider-vertical {
    border-right-color: rgb(255, 133, 0)
}

.navbar-ics div.navbar-collapse ul.navbar-right li a:hover,
.navbar-ics div.navbar-collapse ul.navbar-right li a:active {
    background: #ecf0f1;
    color: #0079bb;
}

.navbar-ics div.navbar-collapse ul.navbar-right li a:hover i,
.navbar-ics div.navbar-collapse ul.navbar-right li a:active i {
    color: #0079bb;
}

div.masthead-hisi .col-md-9 .row .col-md-12 .form-control {
    border-radius: 0;
    border-color: #00927f
}

div.masthead-hisi .col-md-9 .row .col-md-12 button.btn-default {
    border-color: #00927f !important;
    background: #00927f
}

.navbar-hisi {
    background: #00927f
}

.navbar-hisi li a.active,
.navbar-hisi li a:hover,
.navbar-hisi li a:active {
    color: #00927f
}

.navbar-hisi .navbar-nav li a {
    color: #fff;
    font-weight: bold
}

.navbar-hisi .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:active,
.navbar-hisi .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover,
.navbar-hisi .navbar-nav li.active a:active {
    color: #00594F;
    background: #fff
}

.navbar-hisi .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #00594F
}

.navbar-hisi div.navbar-collapse ul.navbar-right li a i {
    color: #fff
}

.navbar-hisi .navbar-nav .divider-vertical {
    border-right-color: #00594F
}

.navbar-hisi div.navbar-collapse ul.navbar-right li a:hover,
.navbar-hisi div.navbar-collapse ul.navbar-right li a:active {
    background: #ecf0f1;
    color: #00594F;
}

.navbar-hisi div.navbar-collapse ul.navbar-right li a:hover i,
.navbar-hisi div.navbar-collapse ul.navbar-right li a:active i {
    color: #00594F;
}

div.masthead-dpo .col-md-9 .row .col-md-12 .form-control {
    border-radius: 0;
    border-color: #46166b
}

div.masthead-dpo .col-md-9 .row .col-md-12 button.btn-default {
    border-color: #46166b !important;
    background: #46166b
}

.navbar-dpo {
    background: #46166b
}

.navbar-dpo li a.active,
.navbar-dpo li a:hover,
.navbar-dpo li a:active {
    color: #46166b
}

.navbar-dpo .navbar-nav li a {
    color: #fff;
    font-weight: bold
}

.navbar-dpo .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:active,
.navbar-dpo .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover,
.navbar-dpo .navbar-nav li.active a:active {
    color: #46166b;
    background: #fff
}

.navbar-dpo .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #46166b
}

.navbar-dpo div.navbar-collapse ul.navbar-right li a i {
    color: rgb(162, 162, 162);
    color:#fff;
}

.navbar-dpo div.navbar-collapse ul.navbar-right li a:hover,
.navbar-dpo div.navbar-collapse ul.navbar-right li a:active {
    background: #ecf0f1;
    color: #46166b;
}

.navbar-dpo div.navbar-collapse ul.navbar-right li a:hover i,
.navbar-dpo div.navbar-collapse ul.navbar-right li a:active i {
    color: #46166b;
}

.navbar-dpo .navbar-nav .divider-vertical {
    border-right-color: rgb(162, 162, 162)
}

div.masthead-baai .col-md-9 .row .col-md-12 .form-control {
    border-radius: 0;
    border-color: #c0392b
}

div.masthead-baai .col-md-9 .row .col-md-12 button.btn-default {
    border-color: #c0392b !important;
    background: #c0392b
}

.navbar-baai {
    background: #C0392B
}

.navbar-baai li a.active,
.navbar-baai li a:hover,
.navbar-baai li a:active {
    color: #c0392b
}

.navbar-baai .navbar-nav li a {
    color: #fff;
    font-weight: bold
}

.navbar-baai .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:active,
.navbar-baai .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover,
.navbar-baai .navbar-nav li.active a:active {
    color: #c0392b;
    background: #fff
}

.navbar-baai .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #c0392b
}

.navbar-baai div.navbar-collapse ul.navbar-right li a i { color: rgb(45, 62, 80); color:#fff }

.navbar-baai .navbar-nav .divider-vertical {
    border-right-color: #fff
}

.navbar-baai div.navbar-collapse ul.navbar-right li a:hover,
.navbar-baai div.navbar-collapse ul.navbar-right li a:active {
    background: #ecf0f1;
    color: #c0392b;
}

.navbar-baai div.navbar-collapse ul.navbar-right li a:hover i,
.navbar-baai div.navbar-collapse ul.navbar-right li a:active i {
    color: #c0392b;
}

/* Declan css for bcai society */

div.masthead-bcai .col-md-9 .row .col-md-12 .form-control {
    border-radius: 0;
    border-color: #c0392b
}

div.masthead-bcai .col-md-9 .row .col-md-12 button.btn-default {
    border-color: #c0392b !important;
    background: #c0392b
}

.navbar-bcai {
    background: #20A057;
}

.navbar-bcai li a.active,
.navbar-bcai li a:hover,
.navbar-bcai li a:active {
    color: #c0392b
}

.navbar-bcai .navbar-nav li a {
    color: #fff;
    font-weight: bold
}

.navbar-bcai .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:active,
.navbar-bcai .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover,
.navbar-bcai .navbar-nav li.active a:active {
    color: #20A057;
    background: #fff
}

.navbar-bcai .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #20A057;
}

.navbar-bcai div.navbar-collapse ul.navbar-right li a i { color: rgb(45, 62, 80); color:#fff }

.navbar-bcai .navbar-nav .divider-vertical {
    border-right-color: #fff
}

.navbar-bcai div.navbar-collapse ul.navbar-right li a:hover,
.navbar-bcai div.navbar-collapse ul.navbar-right li a:active {
    background: #ecf0f1;
    color: #20A057;
}

.navbar-bcai div.navbar-collapse ul.navbar-right li a:hover i,
.navbar-bcai div.navbar-collapse ul.navbar-right li a:active i {
    color: #20A057;
}
/* Declan end code bcai */

div.masthead-iasa .col-md-9 .row .col-md-12 .form-control {
    border-radius: 0;
    border-color: #0084a9
}

div.masthead-iasa .col-md-9 .row .col-md-12 button.btn-default {
    border-color: #0084a9 !important;
    background: #0084a9
}

.navbar-iasa {
    background: #0084a9
}

.navbar-iasa li a.active,
.navbar-iasa li a:hover,
.navbar-iasa li a:active {
    color: #0084a9
}

.navbar-iasa .navbar-nav li a {
    color: #fff;
    font-weight: bold
}

.navbar-iasa .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:active,
.navbar-iasa .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover,
.navbar-iasa .navbar-nav li.active a:active {
    color: #0084a9;
    background: #fff
}

.navbar-iasa .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #0084a9
}

.navbar-iasa div.navbar-collapse ul.navbar-right li a i {
    color: rgb(245, 226, 160);
    color: #fff;

}

.navbar-iasa .navbar-nav .divider-vertical {
    border-right-color: rgb(245, 226, 160)
}

.navbar-iasa div.navbar-collapse ul.navbar-right li a:hover,
.navbar-iasa div.navbar-collapse ul.navbar-right li a:active {
    background: #ecf0f1;
    color: #0084a9;
}

.navbar-iasa div.navbar-collapse ul.navbar-right li a:hover i,
.navbar-iasa div.navbar-collapse ul.navbar-right li a:active i {
    color: #0084a9;
}

div.masthead-itsmf .col-md-9 .row .col-md-12 .form-control {
    border-radius: 0;
    border-color: #b70d4d
}

div.masthead-itsmf .col-md-9 .row .col-md-12 button.btn-default {
    border-color: #b70d4d !important;
    background: #b70d4d
}

.navbar-itsmf {
    background: #b70d4d
}

.navbar-itsmf li a.active,
.navbar-itsmf li a:hover,
.navbar-itsmf li a:active {
    color: #b70d4d
}

.navbar-itsmf .navbar-nav li a {
    color: #fff;
    font-weight: bold
}

.navbar-itsmf .navbar-nav li a:hover,
.navbar-itsmf .navbar-nav li a:active,
.navbar-itsmf .navbar-nav li.active a, .navbar-inverse .navbar-nav li.active a:hover,
.navbar-itsmf .navbar-nav li.active a:active {
    color: #b70d4d;
    background: #fff
}

.navbar-itsmf div.navbar-collapse ul.navbar-right li a:hover,
.navbar-itsmf div.navbar-collapse ul.navbar-right li a:active {
    background: #ecf0f1;
    color: #b70d4d
}

.navbar-itsmf div.navbar-collapse ul.navbar-right li a:hover i,
.navbar-itsmf div.navbar-collapse ul.navbar-right li a:active i {
    color: #b70d4d
}

.navbar-itsmf .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #b70d4d
}

.navbar-itsmf div.navbar-collapse ul.navbar-right li a i {
    color: #fff
}

.navbar-itsmf .navbar-nav .divider-vertical {
    border-right-color: #ccc
}

/* 4: PRIMARY CONTENT COLUMN
-------------------------------------------------- */

.primary-content ul {
    margin: 0 0 20px -36px;
    list-style-type: none
}

.primary-content ul li {
    margin: 0 0 10px 0;
    padding-left: 20px
}

.primary-content ul.fa-ul li {
    background: transparent;
    padding: 0 0 0 0
}

.primary-content ul.fa-ul {
    margin: 0 0 0 22px;
    padding-left: 0
}

.primary-content h3.topic, .primary-content h3#topic {
    text-transform: uppercase;
    background: #34495e;
    color: #fff;
    display: inline-block
}

.primary-content h3.topic i, .primary-content h3#topic {
    color: #fff
}

/* ==========  FONTS AND LINKS IN PRIMARY CONTENT  =========================== */

.primary-content-ics h1 {
    color: #005480;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px
}

.primary-content-ics h2 {
    color: #005480;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.primary-content-ics h3 {
    color: #444;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.primary-content-ics p,
.primary-content-ics li {
    color: #34495e;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.primary-content-ics p a:link,
.primary-content-ics p a:visited,
.primary-content-ics ul li a:link,
.primary-content-ics ul li a:visited {
    color: #005480;
}

.primary-content-ics p a:hover,
.primary-content-ics p a:active,
.primary-content-ics ul li a:hover,
.primary-content-ics ul li a:active {
    color: #005480;
    text-decoration: underline
}

.primary-content-ics ul li {
    background: url('https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/ics/blue_arrow.gif') no-repeat 0 6px
}

.primary-content-hisi h1 {
    color: #00594F;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    letter-spacing: -1px
}

.primary-content-hisi h2 {
    color: #00594F;
    font-family: 'Roboto', Helvetica, Arial, sans-serif
}

.primary-content-hisi h3 {
    color: #444;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.primary-content-hisi p,
.primary-content-hisi li {
    color: #34495e;
    font-family: 'Roboto', Helvetica, Arial, sans-serif
}

.primary-content-hisi p a:link,
.primary-content-hisi p a:visited,
.primary-content-hisi ul li a:link,
.primary-content-hisi ul li a:visited {
    color: #00594F;
}

.primary-content-hisi p a:hover,
.primary-content-hisi p a:active,
.primary-content-hisi ul li a:hover,
.primary-content-hisi ul li a:active {
    color: #00594F;
    text-decoration: underline
}

.primary-content-baai h1 {
    color: #c0392b;
    font-family: "Cabin", Times, serif
}

.primary-content-baai h2 {
    color: #c0392b;
    font-family: "Cabin", Times, serif
}

.primary-content-baai h3 {
    color: #444;
    font-family: Arial, "Cabin", Times, serif;
    font-weight: bold
}

.primary-content-baai p,
.primary-content-baai li {
    color: #34495e;
    font-family: "Cabin", Times, serif
}

.primary-content-baai p a:link,
.primary-content-baai p a:visited,
.primary-content-baai ul li a:link,
.primary-content-baai ul li a:visited {
    color: #c0392b;
    text-decoration: underline
}

.primary-content-baai p a:hover,
.primary-content-baai p a:active,
.primary-content-baai ul li a:hover,
.primary-content-baai ul li a:active {
    color: #c0392b;
    text-decoration: none
}

.primary-content-baai ul li {
    background: url("https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/baai/arrow_bullet.gif") no-repeat 0 8px
}

.primary-content-bcai h1 {
    color: #20A057;
    font-family: "Cabin", Times, serif
}

.primary-content-bcai h2 {
    color: #c0392b;
    font-family: "Cabin", Times, serif
}

.primary-content-bcai h3 {
    color: #444;
    font-family: Arial, "Cabin", Times, serif;
    font-weight: bold
}

.primary-content-bcai p,
.primary-content-bcai li {
    color: #34495e;
    font-family: "Cabin", Times, serif
}

.primary-content-bcai p a:link,
.primary-content-bcai p a:visited,
.primary-content-bcai ul li a:link,
.primary-content-bcai ul li a:visited {
    color: #20A057;
    text-decoration: underline
}

.primary-content-bcai p a:hover,
.primary-content-bcai p a:active,
.primary-content-bcai ul li a:hover,
.primary-content-bcai ul li a:active {
    color: #20A057;
    text-decoration: none
}

.primary-content-bcai ul li {
    background: url("https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/bcai/arrow_bullet.gif") no-repeat 0 8px
}

.primary-content-dpo h1 {
    color: #46166b;
    font-family: "Bitter", Times, serif;
    letter-spacing: -1px
}

.primary-content-dpo h2 {
    color: #46166b;
    font-family: "Bitter", Times, serif
}

.primary-content-dpo h2 a {
    color: #46166b;
    font-family: "Bitter", Times, serif
}

.primary-content-dpo h3 {
    color: #444;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.primary-content-dpo p,
.primary-content-dpo li {
    color: #34495e;
    font-family: "Bitter", times, serif
}

.primary-content-dpo p a:link,
.primary-content-dpo p a:visited,
.primary-content-dpo ul li a:link,
.primary-content-dpo ul li a:visited {
    color: #46166b;
    text-decoration: underline
}

.primary-content-dpo p a:hover,
.primary-content-dpo p a:active,
.primary-content-dpo ul li a:hover,
.primary-content-dpo ul li a:active {
    color: #46166b;
    text-decoration: none
}

.primary-content-dpo ul li {
    background: url("https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/dpo/arrow_bullet.gif") no-repeat 0 6px
}

.primary-content-iasa h1 {
    color: #0084a9;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: -1px
}

.primary-content-iasa h2 {
    color: #0084a9;
    font-family: "Roboto", Helvetica, Arial, sans-serif
}

.primary-content-iasa h3 {
    color: #444;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: bold
}

.primary-content-iasa p,
.primary-content-iasa li {
    color: #34495e;
    font-family: "Roboto", Helvetica, Arial, sans-serif
}

.primary-content-hisi ul.fa-ul {
    margin-left: 30px
}

.primary-content-hisi li i {
    color: #00927f
}

.primary-content-hisi .col-md-6 .well {
    padding-bottom: 0;
    border-radius: 0;
    width: 96%;
    background: #edede3;
}

.primary-content-iasa p a:link,
.primary-content-iasa p a:visited,
.primary-content-iasa ul li a:link,
.primary-content-iasa ul li a:visited {
    color: #0084a9;
    text-decoration: underline
}

.primary-content-iasa p a:hover,
.primary-content-iasa p a:active,
.primary-content-iasa ul li a:hover,
.primary-content-iasa ul li a:active {
    color: #0084a9;
    text-decoration: none
}

.primary-content-iasa ul li {
    background: url("https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/iasa/arrow_bullet.gif") no-repeat 0 6px
}

.primary-content-itsmf h1 {
    color: #b70d4d;
    font-family: "Merriweather", Times, serif;
    letter-spacing: -1px
}

.primary-content-itsmf h2 {
    color: #b70d4d;
    font-family: "Merriweather", Times, serif
}

.primary-content-itsmf h3 {
    color: #444;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold
}

.primary-content-itsmf p,
.primary-content-itsmf li {
    color: #34495e;
    font-family: "Merriweather", Times, serif
}

.primary-content-itsmf p a:link,
.primary-content-itsmf p a:visited,
.primary-content-itsmf ul li a:link,
.primary-content-itsmf ul li a:visited {
    color: #b70d4d;
    text-decoration: underline
}

.primary-content-itsmf p a:hover,
.primary-content-itsmf p a:active,
.primary-content-itsmf ul li a:hover,
.primary-content-itsmf ul li a:active {
    color: #b70d4d;
    text-decoration: none
}

.primary-content-itsmf ul li {
    background: url("https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/itsmf/arrow_bullet.gif") no-repeat 0 6px
}

.primary-content p.article-date {
    color: rgb(95, 95, 95);
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.primary-content p.para-share-this {
    color: #000;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.primary-content-ics p.article-date i {
    color: #428bca
}

.primary-content-hisi p.article-date i {
    color: #00927f
}

.primary-content-dpo p.article-date i {
    color: #8e44ad
}

.primary-content-baai p.article-date i {
    color: #c0392b
}

.primary-content-iasa p.article-date i {
    color: #0084a9
}

.primary-content-itsmf p.article-date i {
    color: #b70d4d
}

.primary-content .pic-left-32 {
    width: 32%;
    height: auto;
    margin: 6px 20px 20px 0;
    float: left
}

.primary-content .pic-left-48 {
    width: 48%;
    height: auto;
    margin: 6px 20px 20px 0;
    float: left
}

.primary-content .pic-right-32 {
    width: 32%;
    height: auto;
    margin: 6px 0 20px 20px;
    float: right
}

.primary-content .pic-right-48 {
    width: 48%;
    height: auto;
    margin: 6px 0 20px 20px;
    float: right
}

.primary-content .well-social {
    border-radius: 0
}

.fa-ul-iasa i {
    color: #0084a9 !important;
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .primary-content {
        padding: 0 0 30px 0
    }

    .primary-content h3.topic,
    .primary-content h3#topic {
        font-size: 13px;
        margin: 22px 12px 20px 0;
        padding: 6px 8px 6px 8px;
    }

    .primary-content h1 {
        font-size: 28px;
        margin: 0 12px 6px 12px
    }

    .primary-content h2 {
        font-size: 20px;
        margin: 20px 12px 4px 12px
    }

    .primary-content h3 {
        font-size: 16px;
        margin: 12px 12px 2px 12px
    }

    .primary-content p {
        margin: 0 12px 12px 12px
    }

    .primary-content ul {
        margin: -4px 12px 14px -22px
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content .well {
        margin: 0 20px 16px 12px;
        padding: 12px 12px 0 12px;
        border-radius: 0;
    }

    .primary-content p.article-date {
        font-size: 12px;
        margin: 20px 0 12px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 12px 0 20px 0;
        padding: 10px 2px 8px 0
    }

    .primary-content-ics p {
        font-size: 14px;
        line-height: 132%
    }

    .primary-content-ics li {
        font-size: 14px;
        line-height: 120%
    }

    .primary-content-dpo h1 {
        letter-spacing: -1px
    }

    .primary-content-dpo p {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-baai h1 {
        letter-spacing: -1px
    }

    .primary-content-baai p {
        font-size: 15px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 15px;
        line-height: 130%
    }
    
    .primary-content-bcai h1 {
        letter-spacing: -1px
    }

    .primary-content-bcai p {
        font-size: 15px;
        line-height: 130%
    }

    .primary-content-bcai li {
        font-size: 15px;
        line-height: 130%
    }

    .primary-content-iasa h1 {
        letter-spacing: -1px
    }

    .primary-content-iasa p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-hisi h1 {
        letter-spacing: -1px
    }

    .primary-content-hisi p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-itmsf h1 {
        letter-spacing: -1px
    }

    .primary-content-itsmf p {
        font-size: 14px;
        line-height: 142%;
        letter-spacing: -0.02em
    }

    .primary-content-itsmf li {
        font-size: 14px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    .primary-content {
        padding-top:30px;
        padding-bottom: 40px
    }

    .primary-content h3.topic, .primary-content h3#topic {
        font-size: 13px;
        margin: 0 0 20px 0;
        padding: 6px 8px 6px 8px;
    }

    .primary-content h1 {
        font-size: 32px;
        margin: 0 12px 6px 12px
    }

    .primary-content h2 {
        font-size: 24px;
        margin: 20px 12px 4px 12px
    }

    .primary-content h3 {
        font-size: 18px;
        margin: 12px 12px 2px 12px
    }

    .primary-content p {
        margin: 0 12px 12px 12px
    }

    .primary-content ul {
        margin: -4px 12px 14px -22px
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content p.article-date {
        font-size: 12px;
        margin: 20px 0 12px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 12px 0 20px 0;
        padding: 10px 2px 8px 0
    }

    .primary-content .well {
        margin: 0 20px 16px 12px;
        padding: 12px 12px 0 12px;
        border-radius: 0;
    }

    .primary-content-ics p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-ics li {
        font-size: 15px;
        line-height: 120%
    }

    .primary-content-dpo h1 {
        letter-spacing: -1px
    }

    .primary-content-dpo p {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-baai h1 {
        letter-spacing: -1px
    }

    .primary-content-baai p {
        font-size: 16px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 16px;
        line-height: 130%
    }

    .primary-content-iasa h1 {
        letter-spacing: -1px
    }

    .primary-content-iasa p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-hisi h1 {
        letter-spacing: -1px
    }

    .primary-content-hisi p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-itmsf h1 {
        letter-spacing: -1px
    }

    .primary-content-itsmf p {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }

    .primary-content-itsmf li {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    .primary-content {
        padding-top:30px;
        padding-bottom: 60px
    }

    .primary-content h3.topic, .primary-content h3#topic {
        font-size: 13px;
        margin: 0 0 20px 0;
        padding: 6px 8px 6px 8px;
    }

    .primary-content h1 {
        font-size: 34px;
        margin: 0 0 10px 0
    }

    .primary-content h2 {
        font-size: 24px;
        margin: 24px 0 4px 0
    }

    .primary-content h3 {
        font-size: 18px;
        margin: 16px 0 2px 0
    }

    .primary-content p {
        margin-bottom: 14px
    }

    .primary-content ul {
        margin-top: -4px;
        margin-bottom: 14px !important
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content p.article-date {
        font-size: 14px;
        margin: 20px 0 12px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 20px 0 40px 0;
        padding: 10px 2px 8px 0
    }

    .primary-content-ics p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-ics li {
        font-size: 15px;
        line-height: 120%
    }

    .primary-content-dpo h1 {
        letter-spacing: -1px
    }

    .primary-content-dpo p {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-baai h1 {
        letter-spacing: -1px
    }

    .primary-content-baai p {
        font-size: 16px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 16px;
        line-height: 130%
    }

    .primary-content-iasa h1 {
        letter-spacing: -1px
    }

    .primary-content-iasa p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-hisi h1 {
        letter-spacing: -1px
    }

    .primary-content-hisi p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-itmsf h1 {
        letter-spacing: -1px
    }

    .primary-content-itsmf p {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }

    .primary-content-itsmf li {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and  (min-width: 768px) and (max-width: 991px) {
    .primary-content {
        padding: 40px 0 60px 0
    }

    .primary-content h3.topic, .primary-content h3#topic {
        font-size: 14px;
        margin: 0 0 40px 0;
        padding: 8px 12px 8px 12px;
    }

    .primary-content h1 {
        font-size: 28px;
        margin: 0 0 8px 0
    }

    .primary-content h2 {
        font-size: 22px;
        margin: 24px 0 4px 0
    }

    .primary-content h3 {
        font-size: 18px;
        margin: 16px 0 2px 0
    }

    .primary-content p {
        margin-bottom: 14px
    }

    .primary-content ul {
        margin-top: -4px;
        margin-bottom: 14px !important
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content p.article-date {
        font-size: 14px;
        margin: 20px 0 12px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 20px 0 40px 0;
        padding: 10px 2px 8px 0
    }

    .primary-content .well-social p.para-share-this {
        margin-top: 6px;
        font-size: 14px
    }

    .primary-content-ics p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-ics li {
        font-size: 15px;
        line-height: 120%
    }

    .primary-content-dpo h1 {
        letter-spacing: -1px
    }

    .primary-content-dpo p {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-baai h1 {
        letter-spacing: -1px
    }

    .primary-content-baai p {
        font-size: 16px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 16px;
        line-height: 130%
    }

    .primary-content-iasa h1 {
        letter-spacing: -1px
    }

    .primary-content-iasa p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-hisi h1 {
        letter-spacing: -1px
    }

    .primary-content-hisi p {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 15px;
        line-height: 132%
    }

    .primary-content-itmsf h1 {
        letter-spacing: -1px
    }

    .primary-content-itsmf p {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }

    .primary-content-itsmf li {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .primary-content {
        padding: 40px 0 60px 0
    }

    .primary-content h3.topic,
    .primary-content h3#topic {
        font-size: 14px;
        margin: 0 0 40px 0;
        padding: 8px 14px 8px 14px;
    }

    .primary-content h1 {
        font-size: 32px;
        margin: 0 0 12px 0
    }

    .primary-content h2 {
        font-size: 26px;
        margin: 28px 0 4px 0
    }

    .primary-content h3 {
        font-size: 20px;
        margin: 18px 0 2px 0
    }

    .primary-content p {
        margin-bottom: 16px
    }

    .primary-content ul {
        margin-top: -4px;
        margin-bottom: 14px !important
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content p.article-date {
        font-size: 14px;
        margin: 20px 0 12px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 20px 0 40px 0;
        padding: 10px 2px 4px 0
    }

    .primary-content .well-social p.para-share-this {
        margin-top: 6px;
        font-size: 14px
    }

    .primary-content-ics p {
        font-size: 16px;
        line-height: 132%
    }

    .primary-content-ics li {
        font-size: 16px;
        line-height: 120%
    }

    .primary-content-dpo h1 {
        letter-spacing: -1px
    }

    .primary-content-dpo p {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 15px;
        line-height: 134%
    }

    .primary-content-baai h1 {
        letter-spacing: -1px
    }

    .primary-content-baai p {
        font-size: 17px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 17px;
        line-height: 130%
    }

    .primary-content-iasa h1 {
        letter-spacing: -1px
    }

    .primary-content-iasa p {
        font-size: 16px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 16px;
        line-height: 132%
    }

    .primary-content-hisi h1 {
        letter-spacing: -1px
    }

    .primary-content-hisi p {
        font-size: 16px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 16px;
        line-height: 132%
    }

    .primary-content-itmsf h1 {
        letter-spacing: -1px
    }

    .primary-content-itsmf p {
        font-size: 15px;
        line-height: 142%; /*letter-spacing:-0.02em */
    }

    .primary-content-itsmf li {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .primary-content {
        padding: 40px 0 60px 0
    }

    .signin-top {
        margin-top: 40px;
    }

    .primary-content h3.topic, .primary-content h3#topic {
        font-size: 14px;
        margin: 0 0 40px 0;
        padding: 8px 14px 8px 14px;
    }

    .primary-content h1 {
        font-size: 38px;
        margin: 0 0 18px 0
    }

    .primary-content h2 {
        font-size: 28px;
        margin: 32px 0 4px 0
    }

    .primary-content h3 {
        font-size: 20px;
        margin: 18px 0 2px 0
    }

    .primary-content p {
        margin-bottom: 16px
    }

    .primary-content ul {
        margin-top: -4px;
        margin-bottom: 14px !important
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content p.article-date {
        font-size: 14px;
        margin: 20px 0 12px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 20px 0 40px 0;
        padding: 10px 2px 10px 0
    }

    .primary-content .well-social p.para-share-this {
        margin-top: 6px;
        font-size: 15px
    }

    .primary-content-ics p {
        font-size: 16px;
        line-height: 142%
    }

    .primary-content-ics li {
        font-size: 16px;
        line-height: 140%
    }

    .primary-content-dpo p {
        font-size: 17px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 17px;
        line-height: 134%
    }

    .primary-content-baai p {
        font-size: 18px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 18px;
        line-height: 130%
    }

    .primary-content-iasa p {
        font-size: 17px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 17px;
        line-height: 132%
    }

    .primary-content-hisi p {
        font-size: 17px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 17px;
        line-height: 132%
    }

    .primary-content-itsmf p {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }

    .primary-content-itsmf li {
        font-size: 15px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1336px) {
    .primary-content {
        padding: 40px 0 60px 0
    }

    .signin-top {
        margin-top: 40px;
    }

    .primary-content h3.topic, .primary-content h3#topic {
        font-size: 14px;
        margin: 0 0 40px 0;
        padding: 8px 14px 8px 14px;
    }

    .primary-content h1 {
        font-size: 38px;
        margin: 0 0 18px 0
    }

    .primary-content h2 {
        font-size: 30px;
        margin: 38px 0 6px 0
    }

    .primary-content h3 {
        font-size: 20px;
        margin: 28px 0 2px 0
    }

    .primary-content p {
        margin-bottom: 18px
    }

    .primary-content ul {
        margin-top: -4px;
        margin-bottom: 14px !important
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content p.article-date {
        font-size: 14px;
        margin: 32px 0 42px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 20px 0 40px 0;
        padding: 10px 0 4px 0
    }

    .primary-content .well-social p.para-share-this {
        margin-top: 6px;
        font-size: 16px
    }

    .primary-content-ics h1 {
        letter-spacing: -1px
    }

    .primary-content-ics p {
        font-size: 17px;
        line-height: 132%
    }

    .primary-content-ics li {
        font-size: 17px;
        line-height: 120%
    }

    .primary-content-dpo h1 {
        letter-spacing: -1px
    }

    .primary-content-dpo p {
        font-size: 16px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 16px;
        line-height: 134%
    }

    .primary-content-baai h1 {
        letter-spacing: -1px
    }

    .primary-content-baai p {
        font-size: 19px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 19px;
        line-height: 130%
    }

    .primary-content-iasa h1 {
        letter-spacing: -1px
    }

    .primary-content-iasa p {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-hisi h1 {
        letter-spacing: -1px
    }

    .primary-content-hisi p {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-itmsf h1 {
        letter-spacing: -1px
    }

    .primary-content-itsmf p {
        font-size: 17px;
        line-height: 142%;
        letter-spacing: -0.02em
    }

    .primary-content-itsmf li {
        font-size: 17px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    .primary-content {
        padding: 40px 0 72px 0
    }

    .signin-top {
        margin-top: 40px;
    }

    .primary-content p.article-date {
        font-size: 14px;
        margin: 32px 0 42px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 20px 0 40px 0;
        padding: 10px 2px 4px 0
    }

    .primary-content .well-social p.para-share-this {
        margin-top: 6px;
        font-size: 16px
    }

    .primary-content h3.topic, .primary-content h3#topic {
        font-size: 14px;
        margin: 0 0 40px 0;
        padding: 8px 14px 8px 14px;
    }

    .primary-content h1 {
        font-size: 38px;
        margin: 0 0 18px 0
    }

    .primary-content h2 {
        font-size: 30px;
        margin: 38px 0 6px 0
    }

    .primary-content h3 {
        font-size: 20px;
        margin: 28px 0 2px 0
    }

    .primary-content p {
        margin-bottom: 18px
    }

    .primary-content ul {
        margin-top: -4px;
        margin-bottom: 14px !important
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content-ics h1 {
        letter-spacing: -1px
    }

    .primary-content-ics p {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-ics li {
        font-size: 18px;
        line-height: 120%
    }

    .primary-content-dpo h1 {
        letter-spacing: -1px
    }

    .primary-content-dpo p {
        font-size: 17px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 17px;
        line-height: 134%
    }

    .primary-content-baai h1 {
        letter-spacing: -1px
    }

    .primary-content-baai p {
        font-size: 20px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 20px;
        line-height: 130%
    }

    .primary-content-iasa h1 {
        letter-spacing: -1px
    }

    .primary-content-iasa p {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-hisi h1 {
        letter-spacing: -1px
    }

    .primary-content-hisi p {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-itmsf h1 {
        letter-spacing: -1px
    }

    .primary-content-itsmf p {
        font-size: 17px;
        line-height: 142%;
        letter-spacing: -0.02em
    }

    .primary-content-itsmf li {
        font-size: 17px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .primary-content {
        padding: 40px 0 80px 0
    }

    .signin-top {
        margin-top: 40px;
    }

    .primary-content h3.topic, .primary-content h3#topic {
        font-size: 14px;
        margin: 0 0 20px 0;
        padding: 8px 14px 8px 14px;
    }

    .primary-content h1 {
        font-size: 38px;
        margin: 0 0 18px 0
    }

    .primary-content h2 {
        font-size: 30px;
        margin: 38px 0 6px 0
    }

    .primary-content h3 {
        font-size: 20px;
        margin: 28px 0 2px 0
    }

    .primary-content p {
        margin-bottom: 18px
    }

    .primary-content ul {
        margin-top: -4px;
        margin-bottom: 14px !important
    }

    .primary-content ul li {
        margin-bottom: 6px !important
    }

    .primary-content p.article-date {
        font-size: 14px;
        margin: 32px 0 42px 0;
        font-weight: normal
    }

    .primary-content .well-social {
        margin: 20px 0 40px 0;
        padding: 10px 2px 4px 0
    }

    .primary-content .well-social p.para-share-this {
        margin-top: 6px;
        font-size: 16px
    }

    .primary-content-ics h1 {
        letter-spacing: -1px
    }

    .primary-content-ics p {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-ics li {
        font-size: 18px;
        line-height: 120%
    }

    .primary-content-dpo h1 {
        letter-spacing: -1px
    }

    .primary-content-dpo p {
        font-size: 17px;
        line-height: 134%
    }

    .primary-content-dpo li {
        font-size: 17px;
        line-height: 134%
    }

    .primary-content-baai h1 {
        letter-spacing: -1px
    }

    .primary-content-baai p {
        font-size: 20px;
        line-height: 130%
    }

    .primary-content-baai li {
        font-size: 20px;
        line-height: 130%
    }
    
    .primary-content-bcai h1 {
        letter-spacing: -1px
    }

    .primary-content-bcai p {
        font-size: 20px;
        line-height: 130%
    }

    .primary-content-bcai li {
        font-size: 20px;
        line-height: 130%
    }

    .primary-content-iasa h1 {
        letter-spacing: -1px
    }

    .primary-content-iasa p {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-iasa li {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-hisi h1 {
        letter-spacing: -1px
    }

    .primary-content-hisi p {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-hisi li {
        font-size: 18px;
        line-height: 132%
    }

    .primary-content-itmsf h1 {
        letter-spacing: -1px
    }

    .primary-content-itsmf p {
        font-size: 17px;
        line-height: 142%;
        letter-spacing: -0.02em
    }

    .primary-content-itsmf li {
        font-size: 17px;
        line-height: 142%;
        letter-spacing: -0.02em
    }
}

/* 5: TABS FOR PAGE NAVIGATION
-------------------------------------------------- */

.primary-content .nav-tabs {
    margin-left: 0;
    width: 99%;
    border-bottom: 1px solid #6b6b6b;
    clear: both;
    list-style: none outside none
}

.primary-content .subnav .nav-tabs ul li {
    list-style-type: none
}

.primary-content .subnav > .nav-tabs > li,
.primary-content .subnav > .nav-tabs > li:active,
.primary-content .subnav > .nav-tabs > li:hover,
.primary-content .subnav > .nav-tabs > li.active:hover,
.primary-content .subnav > .nav-tabs > li.active:active {
    background: #fff;
    border-width: 0;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.primary-content .subnav > .nav-tabs > li > a {
    border-radius: 0;
    color: #444;
    display: block;
    float: left;
    font-weight: normal;
    line-height: 124%;
    overflow: hidden;
    text-decoration: none
}

.primary-content .subnav > .nav-tabs > li.active > a {
    border-top: 4px solid #005480
}

.primary-content .subnav > .nav-tabs > li.active > a {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #6b6b6b;
    border-right: 1px solid #6b6b6b;
    color: #000;
    font-weight: normal;
    text-decoration: none
}

.primary-content .subnav-ics > .nav-tabs > li.active > a {
    border-top: 4px solid #005480
}

.primary-content .subnav-dpo > .nav-tabs > li.active > a {
    border-top: 4px solid #46166b
}

.primary-content .subnav-hisi > .nav-tabs > li.active > a {
    border-top: 4px solid #00927f
}

.primary-content-dpo .subnav > .nav-tabs > li > a {
    font-family: "Roboto", Arial, sans-serif;
}

.primary-content .subnav-baai > .nav-tabs > li.active > a {
    border-top: 4px solid #950202
}

.primary-content .subnav-bcai > .nav-tabs > li.active > a {
    border-top: 4px solid #20A057
}

.primary-content .subnav-iasa > .nav-tabs > li.active > a {
    border-top: 4px solid #005a75
}

.primary-content .subnav-hisi > .nav-tabs > li.active > a {
    border-top: 4px solid #00927f
}

.primary-content .subnav-itsmf > .nav-tabs > li.active > a {
    border-top: 4px solid #b70d4d
}

.primary-content .subnav-itsmf .nav-tabs li > a {
    font-family: "Roboto", Arial, sans-serif;
}

/*--- Mobile ---*/
@media all and (max-width: 480px) {
    .primary-content .subnav {
        margin-bottom: 36px
    }

    .primary-content .nav-tabs {
        margin: 20px 0 0 0
    }

    .primary-content .subnav > .nav-tabs > li > a {
        font-size: 13px;
        margin: 0 4px -8px 0;
        padding: 7px 5px 7px 5px
    }
}

/*--- Small tablets (sm) --*/
@media all and (max-width: 767px) and (min-width: 481px) {
    .primary-content .subnav {
        margin-bottom: 36px
    }

    .primary-content .nav-tabs {
        margin: 20px 0 0 0
    }

    .primary-content .subnav > .nav-tabs > li > a {
        font-size: 14px;
        margin: 0 10px -8px 0;
        padding: 7px 12px 7px 12px
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (max-width: 991px) and (min-width: 768px) {
    .primary-content .subnav {
        margin-bottom: 36px
    }

    .primary-content .nav-tabs {
        margin: 20px 0 0 0
    }

    .primary-content .subnav > .nav-tabs > li > a {
        font-size: 13px;
        margin: 0 10px -8px 0;
        padding: 7px 12px 8px 12px
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .primary-content .subnav {
        margin-bottom: 36px
    }

    .primary-content .nav-tabs {
        margin: 20px 0 0 0
    }

    .primary-content .subnav > .nav-tabs > li > a {
        font-size: 14px;
        margin: 0 10px -8px 0;
        padding: 7px 12px 8px 12px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .primary-content .subnav {
        margin-bottom: 56px
    }

    .primary-content .nav-tabs {
        margin: 20px 0 26px 0
    }

    .primary-content .subnav > .nav-tabs > li > a {
        font-size: 14px;
        margin: 0 10px -8px 0;
        padding: 7px 12px 8px 12px
    }

    .primary-content-baai .subnav > .nav-tabs > li > a,
    .primary-content-dpo .subnav > .nav-tabs > li > a,
    .primary-content-iasa .subnav > .nav-tabs > li > a {
        font-size: 16px !important
    }

    .primary-content-iasa .tab-content {
        min-height: 320px;
        margin-top: -32px
    }

    .primary-content-hisi .subnav > .nav-tabs > li > a {
        font-size: 16px !important
    }

    .primary-content-hisi .tab-content {
        min-height: 320px;
        margin-top: -32px
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .primary-content .subnav {
        margin-bottom: 56px
    }

    .primary-content .nav-tabs {
        margin: 20px 0 56px 0
    }

    .primary-content .subnav > .nav-tabs > li > a {
        font-size: 14px;
        margin: 0 10px -8px 0;
        padding: 7px 20px 8px 20px
    }

    .primary-content-baai .subnav > .nav-tabs > li > a,
    .primary-content-dpo .subnav > .nav-tabs > li > a,
    .primary-content-iasa .subnav > .nav-tabs > li > a {
        font-size: 16px !important
    }

    .primary-content-iasa .tab-content {
        min-height: 320px;
        margin-top: -32px
    }

    .primary-content-hisi .subnav > .nav-tabs > li > a {
        font-size: 16px !important
    }

    .primary-content-hisi .tab-content {
        min-height: 320px;
        margin-top: -32px
    }

}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .primary-content .subnav {
        margin-bottom: 56px
    }

    .primary-content .nav-tabs {
        margin: 20px 0 0 0
    }

    .primary-content .subnav > .nav-tabs > li > a {
        font-size: 14px;
        margin: 0 10px -8px 0;
        padding: 7px 20px 8px 20px
    }

    .primary-content-baai .subnav > .nav-tabs > li > a,
    .primary-content-bcai .subnav > .nav-tabs > li > a,
    .primary-content-dpo .subnav > .nav-tabs > li > a,
    .primary-content-iasa .subnav > .nav-tabs > li > a {
        font-size: 16px !important
    }
    
    .primary-content-iasa .tab-content {
        min-height: 320px;
        margin-top: -32px
    }

    .primary-content-hisi .subnav > .nav-tabs > li > a {
        font-size: 15px !important
    }

    .primary-content-hisi .tab-content {
        min-height: 320px;
        margin-top: -32px
    }

}

/* 6: NEWS: LISTING OF NEWS ARTICLES PAGE
-------------------------------------------------- */
/* container class selector is 'news-listing' */

h1.news-listing {
    margin-bottom: 0
}

.news-listing .primary-content .pic-100 {
    width: 16%;
    height: auto;
    margin: 4px 24px 40px 0;
    float: left
}

/* .news-listing .primary-content p { margin-left: -4px } */

.news-listing .primary-content .col-md-8 p.date_news {
    color: #7f8c8d;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.news-listing .primary-content .col-md-4 p.date_news i {
    color: #b70d4d
}

.news-listing .primary-content .col-md-4 p.read_more {
    text-align: right
}

.news-listing .primary-content .col-md-4 p.read_more a {
    display: inline-block
}

.news-listing .primary-content .col-md-4 p.read_more a:link,
.news-listing .primary-content .col-md-4 p.read_more a:visited {
    color: #b70d4d;
    background: #ddd
}

.news-listing .primary-content .col-md-4 p.read_more a:hover,
.news-listing .primary-content .col-md-4 p.read_more a:active {
    color: #fff;
    background: #b70d4d;
    text-decoration: none
}

.news-listing .primary-content .col-md-3 img.pic-right-32,
.news-listing .primary-content .col-md-3 img.pic-left-32 {
    width: 100%;
    height: auto;
    margin: 0 0 0 20px
}

.news-listing .primary-content .col-md-3 img.pic-right-48,
.news-listing .primary-content .col-md-3 img.pic-left-48,
.news-listing .primary-content .col-md-3 img.pic-100 {
    width: 100%;
    height: auto;
    margin: 0 0 0 0
}

.news-listing .primary-content .col-md-4 p.read_more a:link,
.news-listing .primary-content .col-md-4 p.read_more a:visited,
.news-listing .primary-content .col-md-4 p.read_more a:hover,
.news-listing .primary-content .col-md-4 p.read_more a:active {
    text-decoration: none !important
}

.news-listing .primary-content-ics h2.news-listing a {
    color: #005480
}

.news-listing .primary-content-ics .col-md-4 p.read_more a:link,
.news-listing .primary-content-ics .col-md-4 p.read_more a:visited {
    color: #005480;
    background: #ddd
}

.news-listing .primary-content-ics .col-md-4 p.read_more a:hover,
.news-listing .primary-content-ics .col-md-4 p.read_more a:active {
    color: #fff;
    background: #005480;
}

.news-listing .primary-content-ics .subnav > .nav-tabs > li.active > a {
    border-top-color: #005480
}

.news-listing .primary-content-dpo h2.news-listing a {
    color: #46166b
}

.news-listing .primary-content-dpo .col-md-4 p.read_more a:link,
.news-listing .primary-content-dpo .col-md-4 p.read_more a:visited {
    color: #46166b;
    background: #ddd
}

.news-listing .primary-content-dpo .col-md-4 p.read_more a:hover,
.news-listing .primary-content-dpo .col-md-4 p.read_more a:active {
    color: #fff;
    background: #46166b;
}

.news-listing .primary-content-dpo .subnav > .nav-tabs > li.active > a {
    border-top-color: #46166b
}

.news-listing .primary-content-dpo {
}

.news-listing .primary-content-baai h2.news-listing a {
    color: #b90303
}

.news-listing .primary-content-baai .col-md-4 p.read_more a:link,
.news-listing .primary-content-baai .col-md-4 p.read_more a:visited {
    color: #b90303;
    background: #ddd
}

.news-listing .primary-content-baai .col-md-4 p.read_more a:hover,
.news-listing .primary-content-baai .col-md-4 p.read_more a:active {
    color: #fff;
    background: #b90303;
}

.news-listing .primary-content-baai .subnav > .nav-tabs > li.active > a {
    border-top-color: #b90303
}

.news-listing .primary-content-baai {
}

.news-listing .primary-content-bcai h2.news-listing a {
    color: #20A057
}

.news-listing .primary-content-bcai .col-md-4 p.read_more a:link,
.news-listing .primary-content-bcai .col-md-4 p.read_more a:visited {
    color: #20A057;
    background: #ddd
}

.news-listing .primary-content-bcai .col-md-4 p.read_more a:hover,
.news-listing .primary-content-bcai .col-md-4 p.read_more a:active {
    color: #fff;
    background: #20A057;
}

.news-listing .primary-content-bcai .subnav > .nav-tabs > li.active > a {
    border-top-color: #20A057
}

.news-listing .primary-content-bcai {
}

.news-listing .primary-content-iasa h2.news-listing a {
    color: #005a75
}

.news-listing .primary-content-iasa .col-md-4 p.read_more a:link,
.news-listing .primary-content-iasa .col-md-4 p.read_more a:visited {
    color: #005a75;
    background: #ddd
}

.news-listing .primary-content-iasa .col-md-4 p.read_more a:hover,
.news-listing .primary-content-iasa .col-md-4 p.read_more a:active {
    color: #fff;
    background: #005a75;
}

.news-listing .primary-content-iasa .subnav > .nav-tabs > li.active > a {
    border-top-color: #005a75
}

.news-listing .primary-content-iasa {
}

.news-listing .primary-content-hisi h2.news-listing a {
    color: #00594F
}

.news-listing .primary-content-hisi .col-md-4 p.read_more a:link,
.news-listing .primary-content-hisi .col-md-4 p.read_more a:visited {
    color: #00594F;
    background: #ddd
}

.news-listing .primary-content-hisi .col-md-4 p.read_more a:hover,
.news-listing .primary-content-hisi .col-md-4 p.read_more a:active {
    color: #fff;
    background: #00594F;
}

.news-listing .primary-content-hisi .col-md-8 p.read_more a:link,
.news-listing .primary-content-hisi .col-md-8 p.read_more a:visited {
    color: #00594F;
    background: #ddd
}

.news-listing .primary-content-hisi .col-md-8 p.read_more a:hover,
.news-listing .primary-content-hisi .col-md-8 p.read_more a:active {
    color: #fff;
    background: #00594F;
}

.news-listing .primary-content-hisi .subnav > .nav-tabs > li.active > a {
    border-top-color: #00594F
}

.news-listing .primary-content-hisi {
}

.news-listing .primary-content-itsmf h2.news-listing a {
    color: #b70d4d
}

.news-listing .primary-content-itsmf .col-md-4 p.read_more a:link,
.news-listing .primary-content-itsmf .col-md-4 p.read_more a:visited {
    color: #b70d4d;
    background: #ddd
}

.news-listing .primary-content-itsmf .col-md-4 p.read_more a:hover,
.news-listing .primary-content-itsmf .col-md-4 p.read_more a:active {
    color: #fff;
    background: #b70d4d;
}

.news-listing .primary-content-itsmf .subnav > .nav-tabs > li.active > a {
    border-top-color: #b70d4d
}

.news-listing .primary-content-ics .col-md-4 p.read_more a,
.news-listing .primary-content-dpo .col-md-4 p.read_more a,
.news-listing .primary-content-itsmf .col-md-4 p.read_more a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.news-listing .primary-content .subnav > .nav-tabs > li a,
.news-listing .primary-content .subnav > .nav-tabs > li.active > a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important
}

.news-listing .primary-content-baai hr {
    border: solid 1px #95a5a6
}

.news-listing .primary-content-bcai hr {
    border: solid 1px #20A057
}

.news-listing .primary-content-dpo hr {
    border: solid 1px #95a5a6
}

.news-listing .primary-content-iasa hr {
    border: solid 1px #95a5a6
}

.news-listing .primary-content-hisi hr {
    border: solid 1px #95a5a6
}

.news-listing .primary-content-istmf hr {
    border: solid 1px #95a5a6
}

.primary-content-iasa p.date_news i {
    color: #0084a9
}

.primary-content-hisi p.date_news i {
    color: #00927f
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .primary-content-baai p.news-snippet {
        font-size: 18px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1336px) {
    .primary-content-baai p.news-snippet {
        font-size: 18px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-hisi p.news-snippet {
        font-size: 17px
    }

    .primary-content-hisi p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }
}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    .primary-content-baai p.news-snippet {
        font-size: 18px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-hisi p.news-snippet {
        font-size: 17px
    }

    .primary-content-hisi p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .primary-content-baai p.news-snippet {
        font-size: 18px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-hisi p.news-snippet {
        font-size: 17px
    }

    .primary-content-hisi p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }
}

#pagcontrol ul.pager li {
    background: #fff
}

#pagcontrol ul.pager {
    margin-left: 0;
    margin-top: 10px;
}

.pager li > a, .pager li > span {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background-color: #fff;
    border: 1px solid #b70d4d;
    color: #b70d4d;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 14px;
    text-transform: uppercase;
    font-size: 14px
}

.sidebar-events-ics .pager li > a, .pager li > span {
    border: 1px solid #005480;
    color: #005480;
    border-radius: 2px;
}

.primary-content-ics .pager li > a, .pager li > span, .pager li > button {
    border: 1px solid #005480;
    color: #005480;
    border-radius: 2px;
    text-decoration: none;
}

.sidebar-events-hisi .pager li > a, .pager li > span {
    border: 1px solid #00594F;
    color: #00594F;
    border-radius: 2px;
}

.primary-content-hisi .pager li > a, .pager li > span {
    border: 1px solid #00594F;
    color: #00594F;
    border-radius: 2px;
    text-decoration: none;
}

.primary-content-bcai .pager li > a, .pager li > span {
    border: 1px solid #20A057;
    color: #20A057;
    border-radius: 2px;
    text-decoration: none;
}

.sidebar-events-bcai .pager li > a, .pager li > span {
    border: 1px solid #20A057;
    color: #20A057;
    border-radius: 2px;
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .news-listing .primary-content h2.news-listing {
        margin-bottom: 4px;
        line-height: 100%;
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 16px;
        font-weight: bold;
        line-height: 100%;
    }

    .news-listing .primary-content-baai h2.news-listing a,
    .news-listing .primary-content-iasa h2.news-listing a {
        font-size: 18px
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 13px;
        line-height: 128%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -16px;
        font-size: 13px;
        line-height: 128%
    }

    .news-listing .primary-content-dpo p {
        line-height: 140%
    }

    .news-listing .primary-content-dpo .col-md-9 p {
        line-height: 140%
    }

    .news-listing .primary-content-baai p,
    .news-listing .primary-content-iasa p,
    .news-listing .primary-content-baai .col-md-9 p,
    .news-listing .primary-content-iasa .col-md-9 p {
        font-size: 14px
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px;
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 12px;
        margin-bottom: 0
    }

    .news-listing .col-md-4 p.read_more {
        display: none
    }
}

/*--- Mobile landscape ---*/
@media all and (max-width: 480px) and (min-width: 321px) {
    .news-listing .primary-content h2.news-listing {
        margin-bottom: 8px;
        line-height: 100%;
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 18px;
        font-weight: bold;
        line-height: 100%;
    }

    .news-listing .primary-content-baai h2.news-listing a,
    .news-listing .primary-content-iasa h2.news-listing a {
        font-size: 20px
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 14px;
        line-height: 138%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -16px;
        font-size: 14px;
        line-height: 138%
    }

    .news-listing .primary-content-dpo p {
        line-height: 140%
    }

    .news-listing .primary-content-dpo .col-md-9 p {
        line-height: 140%
    }

    .news-listing .primary-content-baai p,
    .news-listing .primary-content-iasa p,
    .news-listing .primary-content-baai .col-md-9 p,
    .news-listing .primary-content-iasa .col-md-9 p {
        font-size: 15px
    }

    .news-listing .primary-content-itsmf p,
    .news-listing .primary-content-itsmf .col-md-9 p {
        line-height: 140%
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 13px;
        margin-bottom: 0
    }

    .news-listing .col-md-4 p.read_more {
        display: none
    }
}

/*--- Small tablets (sm) --*/
@media all and (max-width: 767px) and (min-width: 481px) {
    .news-listing .primary-content {
        padding-bottom: 80px
    }

    .news-listing .primary-content h2.news-listing {
        margin-bottom: 8px;
        line-height: 100%;
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 20px;
        font-weight: bold;
        line-height: 100%;
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 14px;
        line-height: 140%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -16px;
        font-size: 14px;
        line-height: 140%
    }

    .news-listing .primary-content-baai p,
    .news-listing .primary-content-iasa p,
    .news-listing .primary-content-baai .col-md-9 p,
    .news-listing .primary-content-iasa .col-md-9 p {
        font-size: 15px
    }

    .news-listing .primary-content-itsmf p,
    .news-listing .primary-content-itsmf .col-md-9 p {
        line-height: 150%
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 14px;
        margin-bottom: 0
    }

    .news-listing .col-md-4 p.read_more {
        display: none
    }

}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (max-width: 991px) and (min-width: 768px) {
    .news-listing .primary-content {
        padding-bottom: 80px
    }

    .news-listing .primary-content h2.news-listing {
        margin-bottom: 8px;
        line-height: 100%;
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 20px;
        font-weight: bold;
        line-height: 100%;
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 14px;
        line-height: 138%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -6px;
        font-size: 14px;
        line-height: 138%
    }

    .news-listing .primary-content-baai p,
    .news-listing .primary-content-iasa p,
    .news-listing .primary-content-baai .col-md-9 p,
    .news-listing .primary-content-iasa .col-md-9 p {
        font-size: 15px
    }

    .news-listing .primary-content-itsmf p,
    .news-listing .primary-content-itsmf .col-md-9 p {
        line-height: 150%
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 13px;
        margin-bottom: 0
    }

    .news-listing .col-md-4 p.read_more {
        display: none
    }

}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .news-listing .primary-content {
        padding-bottom: 80px
    }

    .news-listing .primary-content h2.news-listing {
        margin-bottom: 8px;
        line-height: 100%;
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 22px;
        font-weight: bold;
        line-height: 100%;
    }

    .news-listing .primary-content-baai h2.news-listing a,
    .news-listing .primary-content-baai h2.news-listing a {
        font-size: 24px
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 14px;
        line-height: 140%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -6px;
        font-size: 14px;
        line-height: 140%
    }

    .news-listing .primary-content-dpo p,
    .news-listing .primary-content-baai p,
    .news-listing .primary-content-iasa p,
    .news-listing .primary-content-dpo .col-md-9 p,
    .news-listing .primary-content-baai .col-md-9 p,
    .news-listing .primary-content-iasa .col-md-9 p {
        font-size: 15px
    }

    .news-listing .primary-content-itsmf p,
    .news-listing .primary-content-itsmf .col-md-9 p {
        line-height: 150%
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 13px;
        margin-bottom: 0
    }

    .news-listing .col-md-4 p.read_more a {
        font-size: 13px;
        padding: 3px 6px;
    }

}

@media only screen and (min-width: 1025px)  and (max-width: 1199px) {
    .news-listing .primary-content {
        padding-bottom: 80px
    }

    .news-listing .primary-content h2.news-listing {
        margin-bottom: 8px;
        line-height: 110%
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 24px;
        font-weight: normal;
        line-height: 110%
    }

    .news-listing .primary-content-baai h2.news-listing a {
        font-size: 26px
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 15px;
        line-height: 138%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -6px;
        font-size: 15px;
        line-height: 138%
    }

    .news-listing .primary-content-baai p,
    .news-listing .primary-content-iasa p,
    .news-listing .primary-content-baai .col-md-9 p,
    .news-listing .primary-content-iasa .col-md-9 p {
        font-size: 16px
    }

    .news-listing .primary-content-itsmf p,
    .news-listing .primary-content-itsmf .col-md-9 p {
        line-height: 142%
    }

    .news-listing .primary-content-iasa p,
    .news-listing .primary-content-iasa .col-md-9 p {
        line-height: 130%
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 13px;
        margin-bottom: 0
    }

    .news-listing .col-md-4 p.read_more a {
        font-size: 14px;
        padding: 3px 6px;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1289px) {
    .news-listing .primary-content {
        padding-bottom: 80px
    }

    .news-listing .primary-content h2.news-listing {
        font-size: 28px;
        margin-bottom: 8px;
        line-height: 110%;
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 28px;
        font-weight: normal;
        line-height: 110%;
    }

    .news-listing .primary-content-baai h2.news-listing a {
        font-size: 30px
    }

    .news-listing .primary-content .col-md-3 img.pic-right-32 {
        width: 100%;
        height: auto;
        margin: 0 0 0 0
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 17px;
        line-height: 136%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -6px;
        font-size: 17px;
        line-height: 132%
    }

    .news-listing .primary-content-dpo p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-dpo .col-md-9 p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-itsmf p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-itsmf .col-md-9 p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 13px;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 15px;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .news-listing .col-md-4 p.read_more a {
        font-size: 15px;
        padding: 3px 8px;
        margin-top: 6px
    }
}

@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .news-listing .primary-content {
        padding-bottom: 80px
    }

    .news-listing .primary-content h2.news-listing {
        font-size: 30px;
        margin-bottom: 8px;
        line-height: 110%;
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 30px;
        font-weight: normal;
        line-height: 110%;
    }

    .news-listing .primary-content-baai h2.news-listing a {
        font-size: 32px
    }

    .news-listing .primary-content .col-md-3 img.pic-right-32 {
        width: 100%;
        height: auto;
        margin: 0 0 0 0
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 17px;
        line-height: 136%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -6px;
        font-size: 17px;
        line-height: 132%
    }

    .news-listing .primary-content-dpo p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-dpo .col-md-9 p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-itsmf p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-itsmf .col-md-9 p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 13px;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 15px;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .news-listing .col-md-4 p.read_more a {
        font-size: 15px;
        padding: 3px 8px;
        margin-top: 6px
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .news-listing .primary-content {
        padding-bottom: 80px
    }

    .news-listing .primary-content h2.news-listing {
        font-size: 32px;
        margin-bottom: 8px;
        line-height: 110%;
    }

    .news-listing .primary-content h2.news-listing a {
        font-size: 32px;
        font-weight: normal;
        line-height: 110%;
    }

    .news-listing .primary-content-baai h2.news-listing a {
        font-size: 34px
    }

    .news-listing .primary-content .col-md-3 img.pic-right-32 {
        width: 100%;
        height: auto;
        margin: 0 0 0 0
    }

    .news-listing .primary-content p {
        margin-left: 0;
        font-size: 17px;
        line-height: 136%
    }

    .news-listing .primary-content .col-md-9 p {
        margin-left: -6px;
        font-size: 17px;
        line-height: 132%
    }

    .news-listing .primary-content-dpo p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-dpo .col-md-9 p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-itsmf p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content-itsmf .col-md-9 p {
        font-size: 16px;
        line-height: 140%
    }

    .news-listing .primary-content .col-md-3 img {
        margin-top: 4px
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 13px;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .news-listing .primary-content .col-md-8 p.date_news {
        font-size: 15px;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .news-listing .col-md-4 p.read_more a {
        font-size: 15px;
        padding: 3px 8px;
        margin-top: 6px
    }
}

/* 7: NEWS: INDIVIDUAL NEWS ARTICLE PAGE
-------------------------------------------------- */

.primary-content h1.news-title {
    color: #000;
    border-bottom-style: solid
}

.primary-content-ics h1.news-title {
    border-bottom-color: #428bca;
    color: #428bca;
}

.primary-content-hisi h1.news-title {
    border-bottom-color: #00927f;
    color: #00927f;
}

.primary-content-dpo h1.news-title {
    border-bottom-color: #8e44ad;
    color: #8e44ad;
}

.primary-content-baai h1.news-title {
    border-bottom-color: #c0392b;
    color: #c0392b;
}

.primary-content-bcai h1.news-title {
    border-bottom-color: #20A057
}

.primary-content-iasa h1.news-title {
    border-bottom-color: #0084a9;
    color: #0084a9;
}

.primary-content-itsmf h1.news-title {
    border-bottom-color: #b70d4d;
    color: #b70d4d
}

@media all and (max-width: 991px) {
    .primary-content h1.news_title {
        border-bottom-width: 2px;
        padding-bottom: 10px;
        margin-bottom: 12px
    }
}

@media all and (min-width: 992px) {
    .primary-content h1.news_title {
        border-bottom-width: 4px;
        padding-bottom: 18px
    }
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .primary-content-ics h1.news-title {
        font-size: 18px
    }

    .primary-content-hisi h1.news-title {
        font-size: 18px
    }

    .primary-content-dpo h1.news-title {
        font-size: 18px
    }

    .primary-content-baai h1.news-title {
        font-size: 18px
    }

    .primary-content-iasa h1.news-title {
        font-size: 18px
    }

    .primary-content-itsmf h1.news-title {
        font-size: 18px
    }

}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    .primary-content-ics h1.news-title {
        font-size: 24px
    }

    .primary-content-hisi h1.news-title {
        font-size: 24px
    }

    .primary-content-dpo h1.news-title {
        font-size: 24px
    }

    .primary-content-baai h1.news-title {
        font-size: 24px
    }

    .primary-content-iasa h1.news-title {
        font-size: 24px
    }

    .primary-content-itsmf h1.news-title {
        font-size: 24px
    }

}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    .primary-content-ics h1.news-title {
        font-size: 28px
    }

    .primary-content-hisi h1.news-title {
        font-size: 28px
    }

    .primary-content-dpo h1.news-title {
        font-size: 28px
    }

    .primary-content-baai h1.news-title {
        font-size: 28px
    }

    .primary-content-iasa h1.news-title {
        font-size: 28px
    }

    .primary-content-itsmf h1.news-title {
        font-size: 28px
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (min-width: 768px) and (max-width: 991px) {
    .primary-content-ics h1.news-title {
        font-size: 22px
    }

    .primary-content-hisi h1.news-title {
        font-size: 22px
    }

    .primary-content-dpo h1.news-title {
        font-size: 22px
    }

    .primary-content-baai h1.news-title {
        font-size: 22px
    }

    .primary-content-iasa h1.news-title {
        font-size: 22px
    }

    .primary-content-itsmf h1.news-title {
        font-size: 22px
    }

}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and  (min-width: 992px) and (max-width: 1024px) {
    .primary-content-ics h1.news-title {
        font-size: 34px
    }

    .primary-content-hisi h1.news-title {
        font-size: 34px
    }

    .primary-content-dpo h1.news-title {
        font-size: 34px
    }

    .primary-content-baai h1.news-title {
        font-size: 34px
    }

    .primary-content-iasa h1.news-title {
        font-size: 34px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-itsmf h1.news-title {
        font-size: 34px
    }

}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .primary-content h1.news-title {
        margin: 0 0 48px 0;
        padding-bottom: 12px;
    }

    .primary-content-ics h1.news-title {
        font-size: 38px
    }

    .primary-content-hisi h1.news-title {
        font-size: 38px
    }

    .primary-content-dpo h1.news-title {
        font-size: 38px
    }

    .primary-content-baai h1.news-title {
        font-size: 38px
    }

    .primary-content-iasa h1.news-title {
        font-size: 38px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-itsmf h1.news-title {
        font-size: 38px
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .primary-content h1.news-title {
        margin: 0 0 48px 0;
        padding-bottom: 12px;
    }

    .primary-content-ics h1.news-title {
        font-size: 34px
    }

    .primary-content-hisi h1.news-title {
        font-size: 34px
    }

    .primary-content-dpo h1.news-title {
        font-size: 34px
    }

    .primary-content-baai h1.news-title {
        font-size: 34px
    }

    .primary-content-iasa h1.news-title {
        font-size: 34px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-itsmf h1.news-title {
        font-size: 34px
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .primary-content-ics h1.news-title {
        font-size: 42px
    }

    .primary-content-hisi h1.news-title {
        font-size: 42px
    }

    .primary-content-dpo h1.news-title {
        font-size: 42px
    }

    .primary-content-baai h1.news-title {
        font-size: 42px
    }

    .primary-content-iasa h1.news-title {
        font-size: 42px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-itsmf h1.news-title {
        font-size: 42px
    }

}

/* 8: EVENTS: LISTING OF EVENTS PAGE
-------------------------------------------------- */

/* container class selector is 'events-listing' */

.events-listing .col-md-2 .box_event_date_outer {
    float: left;
    line-height: 120%;
    text-align: center;
    width: 100%;
    border: solid 1px #444;
    margin: 2px 0 12px 0;
    padding: 0;
    box-shadow: 1px 1px 0 1px #ccc;
}

.events-listing .col-md-2 .box_event_month_inner {
    font-weight: bold;
    height: auto;
    letter-spacing: 0;
    line-height: 120%;
    margin: 2px 0 0;
    padding: 1px 0 3px 0;
}

.events-listing .col-md-2 .box_event_day_inner {
    font-weight: bold;
    height: auto;
    line-height: 120%;
    width: 100%;
    margin: 0;
    padding: 2px 0;
    color: #fff;
}

.events-listing .col-md-2 .box_discount {
    text-align: center;
    color: #fff;
    background: none repeat scroll 0 0 #468847;
    font-weight: bold;
    clear: both;
}

.events-listing .primary-content .col-md-6 p.read_more a:link,
.events-listing .primary-content .col-md-6 p.read_more a:visited {
    text-decoration: none
}

.events-listing .primary-content .col-md-6 p.read_more a:hover,
.events-listing .primary-content .col-md-6 p.read_more a:active {
    text-decoration: underline
}

.events-listing .primary-content h2.event_title {
    margin-top: 0;
}

.events-listing .primary-content h2.event_title a {
    font-weight: bold;
    font-size: 14px
}

.events-listing .primary-content p.event_description {
    margin-bottom: 0
}

.events-listing .primary-content p.event_location {
    margin-bottom: 0;
}

.events-listing .primary-content p.event_location i {
    color: #005480
}

.events-listing .primary-content p.read_more {
    margin-bottom: 0;
    display: inline-block;
    text-align: right;
}

.events-listing .primary-content-ics h2.event_title a {
    color: #005480
}

.events-listing .primary-content-ics .col-md-2 .box_event_day_inner {
    background: #005480
}

.events-listing .primary-content-hisi h2.event_title a {
    color: #00594F
}

.events-listing .primary-content-hisi .col-md-2 .box_event_day_inner {
    background: #00594F
}

.events-listing .primary-content-ics .subnav > .nav-tabs > li.active > a {
    border-top-color: #00594F
}

.events-listing .primary-content-hisi .subnav > .nav-tabs > li.active > a {
    border-top-color: #00594F
}

.events-listing .primary-content-dpo h2.event_title a {
    color: #46166b
}

.events-listing .primary-content-dpo .col-md-2 .box_event_day_inner {
    background: #46166b
}

.events-listing .primary-content-dpo .col-md-4 p.read_more a:link,
.events-listing .primary-content-dpo .col-md-4 p.read_more a:visited {
    color: #46166b;
    background: #ddd
}

.events-listing .primary-content-dpo .col-md-4 p.read_more a:hover,
.events-listing .primary-content-dpo .col-md-4 p.read_more a:active {
    color: #fff;
    background: #46166b;
}

.events-listing .primary-content-dpo .subnav > .nav-tabs > li.active > a {
    border-top-color: #46166b
}

.events-listing .primary-content-dpo {
}

.events-listing .primary-content-baai h2.event_title a {
    color: #b90303
}

.events-listing .primary-content-baai .col-md-2 .box_event_day_inner {
    background: #b90303
}

.events-listing .primary-content-baai .col-md-4 p.read_more a:link,
.events-listing .primary-content-baai .col-md-4 p.read_more a:visited {
    color: #b90303;
    background: #ddd
}

.events-listing .primary-content-baai .col-md-4 p.read_more a:hover,
.events-listing .primary-content-baai .col-md-4 p.read_more a:active {
    color: #fff;
    background: #b90303;
}

.events-listing .primary-content-baai .subnav > .nav-tabs > li.active > a {
    border-top-color: #b90303
}

.events-listing .primary-content-baai {
}

.events-listing .primary-content-bcai h2.event_title a {
    color: #20A057;
}

.events-listing .primary-content-bcai .col-md-2 .box_event_day_inner {
    background: #20A057;
}

.events-listing .primary-content-bcai .col-md-4 p.read_more a:link,
.events-listing .primary-content-bcai .col-md-4 p.read_more a:visited {
    color: #20A057;
    background: #ddd
}

.events-listing .primary-content-bcai .col-md-4 p.read_more a:hover,
.events-listing .primary-content-bcai .col-md-4 p.read_more a:active {
    color: #fff;
    background: #20A057;
}

.events-listing .primary-content-bcai .subnav > .nav-tabs > li.active > a {
    border-top-color: #20A057;
}

.events-listing .primary-content-bcai {
}

.events-listing .primary-content-iasa h2.event_title a {
    color: #005a75
}

.events-listing .primary-content-iasa .col-md-2 .box_event_day_inner {
    background: #005a75
}

.events-listing .primary-content-iasa .col-md-4 p.read_more a:link,
.events-listing .primary-content-iasa .col-md-4 p.read_more a:visited {
    color: #005a75;
    background: #ddd
}

.events-listing .primary-content-iasa .col-md-4 p.read_more a:hover,
.events-listing .primary-content-iasa .col-md-4 p.read_more a:active {
    color: #fff;
    background: #005a75;
}

.events-listing .primary-content-iasa .subnav > .nav-tabs > li.active > a {
    border-top-color: #005a75
}

.events-listing .primary-content-iasa {
}

.events-listing .primary-content-itsmf h2.event_title a {
    color: #b70d4d
}

.events-listing .primary-content-itsmf .col-md-2 .box_event_day_inner {
    background: #b70d4d
}

.events-listing .primary-content-itsmf .col-md-4 p.read_more a:link,
.events-listing .primary-content-itsmf .col-md-4 p.read_more a:visited {
    color: #b70d4d;
    background: #ddd
}

.events-listing .primary-content-itsmf .col-md-4 p.read_more a:hover,
.events-listing .primary-content-itsmf .col-md-4 p.read_more a:active {
    color: #fff;
    background: #b70d4d;
}

.events-listing .primary-content-itsmf .subnav > .nav-tabs > li.active > a {
    border-top-color: #b70d4d
}

.events-listing .primary-content-baai p.event_location i {
    color: #b90303
}

.events-listing .primary-content-dpo p.event_location i {
    color: #46166b
}

.events-listing .primary-content-iasa p.event_location i {
    color: #005a75
}

.events-listing .primary-content-ics p.event_location i {
    color: #005480
}

.events-listing .primary-content-hisi p.event_location i {
    color: #00594F
}

.events-listing .primary-content-itsmf p.event_location i {
    color: #b70d4d
}

.events-listing .event-details {
    background: #f8f8f8;
    margin-left: 12px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 32px;
    padding: 12px 0 12px 0;
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .primary-content .col-md-2 .box_event_month_inner {
        font-size: 16px
    }

    .primary-content .col-md-2 .box_event_day_inner {
        font-size: 12px
    }

    .primary-content .col-md-2 .box_discount {
        border-radius: 50%;
        font-size: 16px;
        height: 50px;
        width: 50px;
        line-height: 84%;
        margin: 0;
        padding: 12px 0 0 0;
    }

    .primary-content .col-md-2 .box_discount span {
        font-size: 12px;
        font-weight: normal
    }

    .events-listing .primary-content h2.event_title {
        line-height: 100%;
        font-size: 16px;
        margin-bottom: 6px;
        margin-left: 16px !important
    }

    .events-listing .primary-content h2.event_title {
        line-height: 100%;
        font-size: 16px
    }

    .events-listing .primary-content-baai h2.event_title,
    .events-listing .primary-content-baai h2.event_title a {
        font-size: 18px
    }

    .events-listing .primary-content-dpo h2.event_title,
    .events-listing .primary-content-dpo h2.event_title a,
    .events-listing .primary-content-iasa h2.event_title,
    .events-listing .primary-content-iasa h2.event_title a {
        font-size: 17px
    }

    .events-listing .primary-content p {
        font-size: 13px;
        line-height: 132%;
        margin-bottom: 8px;
    }

    .events-listing .primary-content-baai p {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 8px;
    }

    .events-listing .event-details {
        margin: 8px 0 20px 14px;
        padding: 12px 0 10px 0
    }

    .events-listing .primary-content p.event_location {
        font-size: 13px;
        padding-top: 4px;
        margin-left: 0;
        display: inline-block;
    }

    .events-listing .primary-content p.read_more {
        margin-bottom: 0;
    }

    .events-listing .primary-content p.read_more a {
        font-size: 13px;
        padding: 2px 10px;
    }
}

/*--- Mobile landscape ---*/
@media all and (max-width: 480px) and (min-width: 321px) {
    .primary-content .col-md-2 .box_event_date_outer {
        width: 64%
    }

    .primary-content .col-md-2 .box_event_month_inner {
        font-size: 16px
    }

    .primary-content .col-md-2 .box_event_day_inner {
        font-size: 12px
    }

    .primary-content .col-md-2 .box_discount {
        border-radius: 50%;
        font-size: 18px;
        height: 64px;
        width: 64px;
        line-height: 96%;
        margin: 0;
        padding: 14px 0 0 0;
    }

    .primary-content .col-md-2 .box_discount span {
        font-size: 14px;
        font-weight: normal
    }

    .events-listing .primary-content h2.event_title {
        line-height: 100%;
        margin-bottom: 6px;
        margin-left: 16px !important
    }

    .events-listing .primary-content h2.event_title {
        line-height: 100%;
        font-size: 20px
    }

    .events-listing .primary-content-baai h2.event_title,
    .events-listing .primary-content-baai h2.event_title a {
        font-size: 20px
    }

    .events-listing .primary-content-iasa h2.event_title,
    .events-listing .primary-content-iasa h2.event_title a {
        font-size: 19px
    }

    .events-listing .primary-content-ics h2.event_title,
    .events-listing .primary-content-ics h2.event_title a {
        font-size: 19px
    }

    .events-listing .primary-content-hisi h2.event_title,
    .events-listing .primary-content-hisi h2.event_title a {
        font-size: 19px
    }

    .events-listing .primary-content p {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 8px;
    }

    .events-listing .event-details {
        margin: 8px 0 20px 14px;
        padding: 12px 0 10px 0
    }

    .events-listing .primary-content p.event_location {
        font-size: 14px;
        padding-top: 4px;
    }

    .events-listing .primary-content p.read_more {
        margin-bottom: 0;
    }

    .events-listing .primary-content p.read_more a {
        font-size: 14px;
        padding: 2px 10px;
    }
}

/* small tablets  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .primary-content .col-md-2 .box_event_date_outer {
        width: 48%
    }

    .primary-content .col-md-2 .box_event_month_inner {
        font-size: 20px
    }

    .primary-content .col-md-2 .box_event_day_inner {
        font-size: 14px
    }

    .primary-content .col-md-2 .box_discount {
        border-radius: 50%;
        font-size: 18px;
        height: 64px;
        width: 64px;
        line-height: 96%;
        margin: 0;
        padding: 14px 0 0 0;
        display: inline-block;
    }

    .primary-content .col-md-2 .box_discount span {
        font-size: 14px;
        font-weight: normal
    }

    .events-listing .primary-content h2.event_title {
        line-height: 110%;
        margin-top: 12px;
        margin-bottom: 6px;
        margin-left: 16px !important;
        font-size: 22px;
    }

    .events-listing .primary-content h2.event_title a {
        line-height: 110%;
        font-size: 22px;
        font-weight: normal
    }

    .events-listing .primary-content-baai h2.event_title,
    .events-listing .primary-content-baai h2.event_title a {
        font-size: 23px
    }

    .events-listing .primary-content-iasa h2.event_title,
    .events-listing .primary-content-iasa h2.event_title a {
        font-size: 22px
    }

    .events-listing .primary-content p {
        font-size: 14px;
        line-height: 136%;
        margin-bottom: 8px;
    }

    .events-listing .primary-content-baai p,
    .events-listing .primary-content-iasa p {
        font-size: 15px
    }

    .events-listing .event-details {
        margin: 8px 0 20px 14px;
        padding: 12px 0 10px 0
    }

    .events-listing .primary-content p.event_location {
        font-size: 14px;
        padding-top: 4px;
    }

    .events-listing .primary-content p.read_more {
        margin-bottom: 0;
    }

    .events-listing .primary-content p.read_more a {
        font-size: 14px;
        padding: 2px 10px;
    }
}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .primary-content .col-md-2 .box_event_date_outer {
        width: 72%
    }

    .primary-content .col-md-2 .box_event_month_inner {
        font-size: 20px
    }

    .primary-content .col-md-2 .box_event_day_inner {
        font-size: 14px
    }

    .primary-content .col-md-2 .box_discount {
        border-radius: 50%;
        font-size: 18px;
        height: 64px;
        width: 64px;
        line-height: 96%;
        margin: 0;
        padding: 14px 0 0 0;
    }

    .primary-content .col-md-2 .box_discount span {
        font-size: 14px;
        font-weight: normal
    }

    .events-listing .primary-content h2.event_title {
        line-height: 110%;
        margin-top: 12px;
        margin-bottom: 6px;
        margin-left: 16px !important;
        font-size: 22px;
    }

    .events-listing .primary-content h2.event_title a {
        line-height: 110%;
        font-size: 22px;
        font-weight: normal
    }

    .events-listing .primary-content-baai h2.event_title,
    .events-listing .primary-content-baai h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content-iasa h2.event_title,
    .events-listing .primary-content-iasa h2.event_title a {
        font-size: 22px
    }

    .events-listing .primary-content p {
        font-size: 14px;
        line-height: 136%;
        margin-bottom: 8px;
    }

    .events-listing .primary-content-baai p,
    .events-listing .primary-content-iasa p {
        font-size: 16px
    }

    .events-listing .event-details {
        margin: 8px 0 20px 14px;
        padding: 12px 0 10px 0
    }

    .events-listing .primary-content p.event_location {
        font-size: 14px;
        padding-top: 4px;
    }

    .events-listing .primary-content p.read_more {
        margin-bottom: 0;
    }

    .events-listing .primary-content p.read_more a {
        font-size: 14px;
        padding: 2px 10px;
    }
}

/* less mall three columns desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .primary-content .col-md-2 .box_event_date_outer {
        width: 84%
    }

    .primary-content .col-md-2 .box_event_month_inner {
        font-size: 22px;
        font-weight: normal;
    }

    .events-listing .col-md-2 .box_event_day_inner {
        font-size: 15px;
        padding-bottom: 6px;
    }

    .primary-content .col-md-2 .box_discount {
        border-radius: 50%;
        font-size: 18px;
        height: 64px;
        width: 64px;
        line-height: 96%;
        margin: 0;
        padding: 14px 0 6px 0;
    }

    .primary-content .col-md-2 .box_discount span {
        font-size: 14px;
        font-weight: normal
    }

    .events-listing .primary-content h2.event_title {
        line-height: 110%;
        margin-top: 12px;
        margin-bottom: 6px;
        margin-left: 16px !important;
        font-size: 22px;
    }

    .events-listing .primary-content h2.event_title a {
        line-height: 110%;
        font-size: 22px;
        font-weight: normal
    }

    .events-listing .primary-content-baai h2.event_title,
    .events-listing .primary-content-baai h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content-dpo h2.event_title,
    .events-listing .primary-content-dpo h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content-iasa h2.event_title,
    .events-listing .primary-content-iasa h2.event_title a {
        font-size: 22px
    }

    .events-listing .primary-content p {
        font-size: 15px;
        line-height: 136%;
        margin-bottom: 8px;
    }

    .events-listing .primary-content-baai p,
    .events-listing .primary-content-iasa p {
        font-size: 16px;
        line-height: 130%
    }

    .events-listing .event-details {
        margin: 8px 0 20px 14px;
        padding: 12px 0 10px 0
    }

    .events-listing .primary-content p.event_location {
        font-size: 14px;
        padding-top: 4px;
    }

    .events-listing .primary-content p.read_more {
        margin-bottom: 0;
    }

    .events-listing .primary-content p.read_more a {
        font-size: 14px;
        padding: 2px 10px;
    }

    .events-listing .primary-content-baai p.event_location,
    .events-listing .primary-content-baai p.read_more a,
    .events-listing .primary-content-iasa p.event_location,
    .events-listing .primary-content-iasa p.read_more a {
        font-size: 16px
    }
}

/* Popular screens----------- */
@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .primary-content .col-md-2 .box_event_date_outer {
        width: 72%
    }

    .primary-content .col-md-2 .box_event_month_inner {
        font-size: 26px;
        font-weight: normal;
    }

    .events-listing .col-md-2 .box_event_day_inner {
        font-size: 15px;
        padding-bottom: 6px;
    }

    .primary-content .col-md-2 .box_discount {
        border-radius: 50%;
        font-size: 18px;
        height: 64px;
        width: 64px;
        line-height: 96%;
        margin: 20px 0 0 0;
        padding: 14px 0 0 0;
        display: inline-block;
    }

    .primary-content .col-md-2 .box_discount span {
        font-size: 14px;
        font-weight: normal
    }

    .events-listing .primary-content h2.event_title {
        line-height: 110%;
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left: 16px !important;
        font-size: 23px;
    }

    .events-listing .primary-content h2.event_title a {
        line-height: 110%;
        font-size: 23px;
        font-weight: normal
    }

    .events-listing .primary-content-baai h2.event_title,
    .events-listing .primary-content-baai h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content-dpo h2.event_title,
    .events-listing .primary-content-dpo h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content-iasa h2.event_title,
    .events-listing .primary-content-iasa h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content p {
        font-size: 15px;
        line-height: 146%;
        margin-bottom: 8px;
    }

    .events-listing .primary-content-baai p {
        font-size: 18px
    }

    .events-listing .primary-content-dpo p {
        font-size: 16px
    }

    .events-listing .primary-content-iasa p {
        font-size: 18px;
        line-height: 130%;
    }

    .events-listing .event-details {
        margin: 8px 0 32px 14px;
        padding: 12px 0 10px 0
    }

    .events-listing .primary-content p.event_location {
        font-size: 14px;
        padding-top: 4px;
    }

    .events-listing .primary-content p.read_more {
        margin-bottom: 0;
    }

    .events-listing .primary-content p.read_more a {
        font-size: 14px;
        padding: 2px 10px;
    }

    .events-listing .primary-content-baai p.event_location,
    .events-listing .primary-content-baai p.read_more a,
    .events-listing .primary-content-dpo p.event_location,
    .events-listing .primary-content-dpo p.read_more a,
    .events-listing .primary-content-iasa p.event_location,
    .events-listing .primary-content-iasa p.read_more a {
        font-size: 16px
    }
}

@media only screen and (min-width: 1290px) and (max-width: 1440px) {

    .events-listing .primary-content h2.event_title {
        line-height: 110%;
        margin-top: 12px;
        margin-bottom: 6px;
        margin-left: 16px !important;
        font-size: 22px;
    }

    .events-listing .primary-content h2.event_title a {
        line-height: 110%;
        font-size: 22px;
        font-weight: normal
    }

    .events-listing .primary-content-baai h2.event_title,
    .events-listing .primary-content-baai h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content-dpo h2.event_title,
    .events-listing .primary-content-dpo h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content-iasa h2.event_title,
    .events-listing .primary-content-iasa h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content p {
        font-size: 15px;
        line-height: 136%;
        margin-bottom: 8px;
    }

    .events-listing .primary-content-baai p {
        font-size: 18px
    }

    .events-listing .primary-content-dpo p {
        font-size: 18px
    }

    .events-listing .primary-content-iasa p {
        font-size: 18px;
        line-height: 130%
    }

    .events-listing .event-details {
        margin: 8px 0 32px 14px;
        padding: 12px 0 10px 0
    }

    .events-listing .primary-content p.event_location {
        font-size: 14px;
        padding-top: 4px;
    }

    .events-listing .primary-content p.read_more {
        margin-bottom: 0;
    }

    .events-listing .primary-content p.read_more a {
        font-size: 14px;
        padding: 2px 10px;
    }

    .events-listing .primary-content-baai p.event_location,
    .events-listing .primary-content-baai p.read_more a,
    .events-listing .primary-content-dpo p.event_location,
    .events-listing .primary-content-dpo p.read_more a,
    .events-listing .primary-content-iasa p.event_location,
    .events-listing .primary-content-iasa p.read_more a {
        font-size: 16px
    }
}

/* Big screens  ----------- */
@media only screen and (min-width: 1441px) {
    .events-listing .primary-content h2.event_title {
        line-height: 110%;
        margin-top: 12px;
        margin-bottom: 6px;
        margin-left: 16px !important;
        font-size: 22px;
    }

    .events-listing .primary-content h2.event_title a {
        line-height: 110%;
        font-size: 22px;
        font-weight: normal
    }

    .events-listing .primary-content-baai h2.event_title,
    .events-listing .primary-content-baai h2.event_title a {
        font-size: 23px
    }

    .events-listing .primary-content-dpo h2.event_title,
    .events-listing .primary-content-dpo h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content-iasa h2.event_title,
    .events-listing .primary-content-iasa h2.event_title a {
        font-size: 28px
    }

    .events-listing .primary-content p {
        font-size: 15px;
        line-height: 136%;
        margin-bottom: 8px;
    }

    .events-listing .primary-content-baai p {
        font-size: 18px
    }

    .events-listing .primary-content-dpo p {
        font-size: 18px
    }

    .events-listing .primary-content-iasa p {
        font-size: 18px;
        line-height: 130%
    }

    .events-listing .event-details {
        margin: 8px 0 20px 14px;
        padding: 12px 0 10px 0
    }

    .events-listing .primary-content p.event_location {
        font-size: 14px;
        padding-top: 4px;
    }

    .events-listing .primary-content-baai p.event_location,
    .events-listing .primary-content-baai p.read_more a,
    .events-listing .primary-content-dpo p.event_location,
    .events-listing .primary-content-dpo p.read_more a,
    .events-listing .primary-content-iasa p.event_location,
    .events-listing .primary-content-iasa p.read_more a {
        font-size: 16px
    }
}

/* 9: EVENTS: INDIVIDUAL EVENT ARTICLE
-------------------------------------------------- */

#btn-show-member-event-signin-form {
    color: #fff;
}

.primary-content h1.event-title {
    color: #000;
    border-bottom-style: solid
}

.primary-content-ics h1.event-title {
    border-bottom-color: #428bca
}

.primary-content-hisi h1.event-title {
    border-bottom-color: #00927f
}

.primary-content-dpo h1.event-title {
    border-bottom-color: #8e44ad
}

.primary-content-baai h1.event-title {
    border-bottom-color: #c0392b
}

.primary-content-iasa h1.event-title {
    border-bottom-color: #0084a9
}

.primary-content-itsmf h1.event-title {
    border-bottom-color: #b70d4d
}

@media all and (max-width: 991px) {
    .primary-content h1.news_title {
        border-bottom-width: 2px;
        padding-bottom: 10px;
        margin-bottom: 12px
    }
}

@media all and (min-width: 992px) {
    .primary-content h1.news_title {
        border-bottom-width: 4px;
        padding-bottom: 18px
    }
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .primary-content-ics h1.event-title {
        font-size: 18px
    }

    .primary-content-hisi h1.event-title {
        font-size: 18px
    }

    .primary-content-dpo h1.event-title {
        font-size: 18px
    }

    .primary-content-baai h1.event-title {
        font-size: 18px
    }

    .primary-content-iasa h1.event-title {
        font-size: 18px
    }

    .primary-content-itsmf h1.event-title {
        font-size: 18px
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    .primary-content-ics h1.event-title {
        font-size: 24px
    }

    .primary-content-hisi h1.event-title {
        font-size: 24px
    }

    .primary-content-dpo h1.event-title {
        font-size: 24px
    }

    .primary-content-baai h1.event-title {
        font-size: 24px
    }

    .primary-content-iasa h1.event-title {
        font-size: 24px
    }

    .primary-content-itsmf h1.event-title {
        font-size: 24px
    }
}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    .primary-content-ics h1.event-title {
        font-size: 28px
    }

    .primary-content-hisi h1.event-title {
        font-size: 28px
    }

    .primary-content-dpo h1.event-title {
        font-size: 28px
    }

    .primary-content-baai h1.event-title {
        font-size: 28px
    }

    .primary-content-iasa h1.event-title {
        font-size: 28px
    }

    .primary-content-itsmf h1.event-title {
        font-size: 28px
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (min-width: 768px) and (max-width: 991px) {
    .primary-content-ics h1.event-title {
        font-size: 22px
    }

    .primary-content-hisi h1.event-title {
        font-size: 22px
    }

    .primary-content-dpo h1.event-title {
        font-size: 22px
    }

    .primary-content-baai h1.event-title {
        font-size: 22px
    }

    .primary-content-iasa h1.event-title {
        font-size: 22px
    }

    .primary-content-itsmf h1.event-title {
        font-size: 22px
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and  (min-width: 992px) and (max-width: 1024px) {
    .primary-content-ics h1.event-title {
        font-size: 34px
    }

    .primary-content-hisi h1.event-title {
        font-size: 34px
    }

    .primary-content-dpo h1.event-title {
        font-size: 34px
    }

    .primary-content-baai h1.event-title {
        font-size: 34px
    }

    .primary-content-iasa h1.event-title {
        font-size: 34px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-itsmf h1.event-title {
        font-size: 34px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .primary-content h1.event-title {
        margin: 0 0 48px 0;
        padding-bottom: 12px;
    }

    .primary-content-ics h1.event-title {
        font-size: 38px
    }

    .primary-content-hisi h1.event-title {
        font-size: 38px
    }

    .primary-content-dpo h1.event-title {
        font-size: 38px
    }

    .primary-content-baai h1.event-title {
        font-size: 38px
    }

    .primary-content-iasa h1.event-title {
        font-size: 38px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-itsmf h1.event-title {
        font-size: 38px
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .primary-content h1.event-title {
        margin: 0 0 48px 0;
        padding-bottom: 12px;
    }

    .primary-content-ics h1.event-title {
        font-size: 34px
    }

    .primary-content-hisi h1.event-title {
        font-size: 34px
    }

    .primary-content-dpo h1.event-title {
        font-size: 34px
    }

    .primary-content-baai h1.event-title {
        font-size: 34px
    }

    .primary-content-iasa h1.event-title {
        font-size: 34px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-itsmf h1.event-title {
        font-size: 34px
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .primary-content-ics h1.event-title {
        font-size: 42px
    }

    .primary-content-hisi h1.event-title {
        font-size: 42px
    }

    .primary-content-dpo h1.event-title {
        font-size: 42px
    }

    .primary-content-baai h1.event-title {
        font-size: 42px
    }

    .primary-content-iasa h1.event-title {
        font-size: 42px
    }

    .primary-content-iasa p.news-snippet {
        font-size: 17px
    }

    .primary-content-iasa p.date_news {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        color: #545E5F
    }

    .primary-content-itsmf h1.event-title {
        font-size: 42px
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .member-event-right #form-signin-form {
        margin-bottom: 0
    }

    .member-event-right #form-signin-form p {
        font-size: 13px
    }

    .member-event-right #form-signin-form input#inputEmail {
        padding: 2px 4px;
        border-radius: 0;
        height: 26px;
        margin-bottom: 0;
        text-align: left
    }

    .member-event-right #form-signin-form input#inputPassword {
        display: inline-block;
        width: 100px;
        height: 26px;
        padding: 2px 4px;
        text-align: left
    }

    .member-event-right #form-signin-form .btn-primary {
        padding: 1px 6px 1px 6px;
        margin: -1px 0 0 6px
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    #page-event .primary-content h1.event-title {
        font-size: 32px;
        margin: 40px 40px 0
    }
}

/* Event-membership benefits block */
.event-membership-row {
    padding-top: 0
}

.primary-content .event-membership-row p {
    margin: 0 0 12px 0
}

.primary-content .event-membership-row span.saving {
    text-decoration: line-through;
    color: darkred
}

.primary-content .event-membership-row .member-event-right {
    border-radius: 2px;
    border: solid 1px green;
    text-align: center;
    padding-top: 12px;
    background: #E1F2E1
}

.primary-content .event-membership-row .member-event-right a {
    text-decoration: none;
    color: #fff
}

.primary-content .event-membership-row .member-event-right .event-membership-row .member-event-right p.member-price-heading {
    margin-bottom: 0;
    color: #808080
}

.primary-content .event-membership-row .member-event-right p.member-price-amount {
    font-size: 56px;
    letter-spacing: 1px;
    margin: 0 0 12px 0;
    line-height: 100%;
    color: green
}

.primary-content .event-membership-row .member-event-right p a {
    padding: 4px 24px 5px 24px;
    font-size: 16px
}

#form-signin-form {
    display: none;
    margin-bottom: 0
}

.member-event-right #form-signin-form .col-md-4 {
    text-align: right;
    padding-right: 0;
    margin-right: -20px;
    margin-top: -2px
}

.member-event-right #form-signin-form .col-md-8 {
    text-align: left
}

/* Event details block */
.primary-content .event-details-block {
    background: #F8F8F8;
    margin: 32px 0 100px 0;
    padding: 0 0 4px 0;
    border-bottom: solid 1px #95a5a6;
}

.primary-content .event-details-block-inner {
    border-bottom: solid 1px #95a5a6;
    margin-left: 15px;
    margin-right: 15px;
}

.primary-content .event-details-block .left {
    padding-left: 10px
}

.primary-content .event-details-block .left p,
.primary-content .event-details-block .left ul li {
    font-weight: bold;
    font-size: 16px;
    padding-top: 12px;
    color: #000;
}

.primary-content .event-details-block .left ul {
    margin: 12px 0 0 26px
}

.primary-content .event-details-block .left ul li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 112%;
    background: transparent
}

.primary-content-ics .event-details-block .left p i {
    color: #005480
}

.primary-content-ics .event-details-block .left ul li i {
    color: #005480;
}

.primary-content .event-details-block .left p i {
    margin-right: 6px;
}

.primary-content .event-details-block .left ul li i {
    margin-right: 5px;
    margin-top: -2px;
    font-size: 18px
}

.primary-content hr {
    margin: 20px 0 20px 0;
    background: #005480;
    border-color: #2c3e50
}

.primary-content .row span#non-members {
    font-weight: normal;
    font-size: 14px
}

.primary-content .row a#non-members-register-here {
    text-decoration: underline
}

.primary-content .event-details-block .right p {
    font-size: 16px;
    padding-top: 12px;
    color: #000
}

.primary-content .event-details-block .right p a.join-and-save {
    font-size: 16px;
    text-decoration: none;
    padding: 8px 20px;
    color: #fff
}

/* 10: FRONT PAGE
-------------------------------------------------- */
/* container id 'page-front' */

.jumbotron {
    margin-bottom: 0;
}

.jumbotron #big-pic {
    width: 100%;
    position: relative;
}

.jumbotron a#big-pic-text {
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    opacity: 0.85
}

.jumbotron a#big-pic-text:link, .jumbotron a#big-pic-text:visited {
    background: #b70d4d
}

.jumbotron a#big-pic-text:hover, .jumbotron a#big-pic-text:active {
    background: #2980b9
}

.jumbotron a#big-pic-text h1 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    display: inline-block;
    float: left;
    color: #fff;
    font-weight: bold
}

.jumbotron a#big-pic-text p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    display: inline-block;
    float: left;
    color: #fff;
    margin-right: 0;
    padding-right: 0;
}

.jumbotron span.sidebar_options {
    float: right;
    display: inline;
    color: #fff;
    z-index: 1000;
}

#page-front .well-initiatives {
    background: rgb(224, 243, 252);
    padding-top: 12px;
    border-color: rgb(224, 243, 252);
    border-radius: 2px
}

#page-front .well-initiatives h3 {
    color: #005480;
    margin: 0 0 12px 0;
    line-height: 112%;
    font-size:20px;
}

#page-front .well-initiatives ul {
    margin-left: 26px;
}

#page-front .well-initiatives ul li i {
    color: #005480;
}

#page-front .well-initiatives p {
    color: #2c3e50
}

#page-front .well-initiatives img.img-responsive {
    margin-bottom: 12px
}

#page-front .well-initiatives a:link,
#page-front .well-initiatives a:visited {
    text-decoration: underline
}

#page-front .well-initiatives a:hover,
#page-front .well-initiatives a:active {
    text-decoration: none
}

.techweek-more{
    color: #fff !important;
}

#page-front .well-initiatives a.techweek-more {
    display: inline-block;
    padding: 12px 12px 12px 12px;
    text-decoration: none;
    color: #fff;
    background: #c0392b;
}

#page-front .well-cpd {

    padding-top: 12px;
    border-radius: 2px
}

#page-front .well-cpd a.techweek-more {
    display: inline-block;
    padding: 12px 12px 12px 12px;
    text-decoration: none;
    color: #fff;
    background: #c0392b;
}

#page-front a.techweek-more:link, a.techweek-more:visited {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background: #c0392b;
    color: #fff
}

#page-front a.techweek-more:hover, a.techweek-more:active {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background: #e74c3c;
    color: #fff
}

.front-page-lower .sub_menu_wrapper h3 {
    margin-top: 0 !important;
    margin-bottom: 24px
}

#page-front #pagcontrol ul.pager {
    /*display: none*/
}

#page-front .jumbotron h1 {
    color: #fff;
    font-family: "Raleway", Arial, sans-serif;
    font-weight: 700;
    margin-top: 0;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}

#page-front .jumbotron h2 {
    color: #fff;
    font-weight: 700;
}

.jumbotron-baai a#big-pic-text:link, .jumbotron-baai a#big-pic-text:visited {
    background: #34495e !important;
    text-decoration: none;
}

.jumbotron-baai a#big-pic-text:hover, .jumbotron-baai a#big-pic-text:active {
    background: #c0392b !important;
    text-decoration: none;
}

.jumbotron-baai a#big-pic-text:hover, .jumbotron-baai a#big-pic-text:active {
    background: #c0392b !important;
    text-decoration: none;
}

.jumbotron-baai h1 {
    padding: 0px 10px 10px 10px; font-family: 'Roboto Condensed', Arial, sans-serif; font-weight:700 !important; background: rgba(10,10,10,0.7);}



.jumbotron-dpo a#big-pic-text:link, .jumbotron-dpo a#big-pic-text:visited {
    background: #46166b;
    text-decoration: none;
}

.jumbotron-dpo a#big-pic-text:hover, .jumbotron-dpo a#big-pic-text:active {
    background: #8e44ad;
    text-decoration: none;
}

.jumbotron-iasa a#big-pic-text:link, .jumbotron-iasa a#big-pic-text:visited {
    background: #0084a9;
    text-decoration: none;
}

.jumbotron-iasa a#big-pic-text:hover, .jumbotron-iasa a#big-pic-text:active {
    background: #005a75;
    text-decoration: none;
}

.jumbotron-ics a#big-pic-text:link, .jumbotron-ics a#big-pic-text:visited {
    background: #428BCA;
    text-decoration: none;
}

.jumbotron-ics a#big-pic-text:hover, .jumbotron-ics a#big-pic-text:active {
    background: #005a80;
    text-decoration: none;
}

.jumbotron-itsmf a#big-pic-text:link, .jumbotron-itsmf a#big-pic-text:visited {
    background: #b70d4d;
    text-decoration: none;
}

.jumbotron-itsmf a#big-pic-text:hover, .jumbotron-itsmf a#big-pic-text:active {
    background: #2c3e50;
    text-decoration: none;
}

.newsletter-signup {
    /*background: #d35400;*/
    padding: 12px 0
}

.newsletter-signup .col-md-7 p.newsletter-text i {
    color: #fff
}

.newsletter-signup .col-md-7 p.newsletter-text {
    font-size: 16px;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 148%;
}

.newsletter-signup .col-md-5 span.input-group-addon {
    background: #34495e;
    color: #fff;
    border-color: #34495e;
    border-radius: 0;
    font-weight: bold
}

.newsletter-signup .col-md-5 input {
    border-radius: 0
}

.newsletter-signup .col-md-5 .btn-default {
    background: transparent;
    border-radius: 0;
    border: solid 2px #fff;
    color: #fff;
    font-weight: bold;
}

.newsletter-signup .col-md-5 .btn-default:hover,
.newsletter-signup .col-md-5 .btn-default:active,
.newsletter-signup .col-md-5 .btn-default:focus {
    background: green;
    border-color: green
}


.container.block-logged-in-mobile { display: none  }
.block-logged-in-non-mobile  { display: none  }

.container.block-signin-box-mobile { display: none }
.block-signin-box-non-mobile { display: none }


/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    #page-front #jumbo-banners .col-md-8 img {  margin-bottom:20px ;}

    #page-front .jumbotron {
        padding: 21px 0;
        margin-bottom: 0;
    }

    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 38px
    }

    .jumbotron a#big-pic-text {
        bottom: -98px;
    }

    .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 14px;
        padding: 12px 12px 0 12px
    }

    .jumbotron a#big-pic-text p {
        font-size: 12px;
        width: 84%;
        line-height: 126%;
        padding: 0 12px 0 12px;
    }

    .jumbotron span.sidebar_options {
        margin-top: 12px;
        padding-right: 10px;
    }

    #page-front .jumbotron-baai {
        background-position: -400px -400px;
    }


    #page-front .jumbotron-baai h1 { margin-bottom:0 }
    #page-front .jumbotron-baai a#big-pic-text { margin-top:0 }


    .newsletter-signup {
        padding: 18px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 14px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 16px;
        float: left;
        margin-right: 6px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: left;
    }

    .newsletter-signup .col-md-5 button {
        padding: 5px 8px 5px 8px;
        margin: 12px 0 0 0;
        font-size: 12px
    }


    #page-front #jumbo-banners .signin-box { margin-top:20px }

    .container.block-logged-in-mobile { display: block  }
    .block-logged-in-non-mobile  { display: block  }

    .container.block-signin-box-mobile { display: block }

}

@media all and (min-width: 321px) and (max-width: 360px) {
    #page-front #jumbo-banners { height:180px;}
    #page-front #jumbo-banners .col-md-4 img {  margin-bottom:20px ;}

    #page-front .jumbotron {
        padding: 21px 0;
        margin-bottom: 0;
    }

    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 38px
    }

    .jumbotron a#big-pic-text {
        bottom: -98px;
    }


    #page-front .jumbotron-baai h1 { margin-bottom:0 }
    #page-front .jumbotron-baai a#big-pic-text { margin-top:0 }

    .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 14px;
        padding: 12px 12px 0 12px
    }

    .jumbotron a#big-pic-text p {
        font-size: 12px;
        width: 84%;
        line-height: 126%;
        padding: 0 12px 0 12px;
    }

    .jumbotron span.sidebar_options {
        margin-top: 12px;
        padding-right: 10px;
    }

    #page-front .jumbotron-baai {
        background-position: -400px -400px;
    }

    .newsletter-signup {
        padding: 18px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 14px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 16px;
        float: left;
        margin-right: 12px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: left;
    }

    .newsletter-signup .col-md-5 button {
        padding: 5px 8px 4px 8px;
        margin: 12px 0 0 0;
        font-size: 12px
    }
    #page-front #jumbo-banners .signin-box { margin-top:40px }
    .container.block-logged-in-mobile { display: block  }

    .container.block-signin-box-mobile { display: block }
}

/*--- Mobile portrait ---*/
@media all and (min-width: 361px) and (max-width: 480px) {

    #page-front #jumbo-banners .col-md-4 img {  width:300px; margin-bottom:20px ;}


    .jumbotron {
        padding: 21px 0;
        margin-bottom: 0;
    }

    .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 38px
    }

    .jumbotron a#big-pic-text {
        bottom: -98px;
    }

    .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 14px;
        padding: 12px 12px 0 12px
    }

    .jumbotron a#big-pic-text p {
        font-size: 12px;
        width: 84%;
        line-height: 126%;
        padding: 0 12px 0 12px;
    }

    .jumbotron span.sidebar_options {
        margin-top: 12px;
        padding-right: 10px;
    }


    #page-front .jumbotron-baai h1 { margin-bottom:0 }
    #page-front .jumbotron-baai a#big-pic-text { margin-top:0;margin-left:20px; margin-right:20px ; }


    .jumbotron .sub_menu_wrapper {
        display: none
    }

    #page-front .well-initiatives p {
        font-size: 13px
    }

    .sidebar #signin-box, #newsletter {
        display: none;
    }

    .newsletter-signup {
        padding: 18px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 14px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 16px;
        float: left;
        margin-right: 12px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: left;
    }

    .newsletter-signup .col-md-5 .input-group .form-control {
        width: 80%
    }

    .newsletter-signup .col-md-5 button {
        padding: 5px 8px 4px 8px;
        margin: 12px 0 0 0;
        font-size: 12px
    }

     #page-front #jumbo-banners .signin-box { margin-top:60px }
    .container.block-logged-in-mobile { display: block  }
    .block-logged-in-non-mobile  { display: block  }

    .container.block-signin-box-mobile { display: block }
}

/* small tablets  */
@media only screen and (min-width: 481px) and (max-width: 767px) {

    #page-front #jumbo-banners .col-md-4 img {  width:300px; margin-bottom:20px ;}


    #page-front .jumbotron {
        padding: 21px 0;
        margin-bottom: 0;
    }

    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 38px
    }


    #page-front .jumbotron-baai h1 { margin-bottom:0; font-size:48px; }
    #page-front .jumbotron-baai a#big-pic-text { margin-top:0;margin-left:20px; margin-right:20px ; }


    .jumbotron a#big-pic-text {
        bottom: -98px;
    }

    #page-front .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 18px;
        padding: 12px 12px 0 12px
    }

    #page-front .jumbotron a#big-pic-text p {
        font-size: 16px;
        width: 84%;
        line-height: 126%;
        padding: 0 12px 0 12px;
    }

    #page-front .jumbotron span.sidebar_options {
        margin-top: 2px;
        padding-right: 10px;
    }

    #page-front .jumbotron .sub_menu_wrapper {
        display: none;
    }

    #page-front .well-initiatives p {
        font-size: 13px
    }

    .sidebar #signin-box, #newsletter {
        display: none;
    }

    .newsletter-signup {
        padding: 18px 0 18px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 14px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 16px;
        float: left;
        margin-right: 12px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: left
    }

    .newsletter-signup .col-md-5 .input-group .form-control {
        width: 80%
    }

    .newsletter-signup .col-md-5 button {
        padding: 5px 8px 4px 8px;
        margin: 12px 0 0 0;
        font-size: 12px
    }

     #page-front #jumbo-banners .signin-box { margin-top:140px }
    .container.block-logged-in-mobile { display: block  }
    .block-logged-in-non-mobile  { display: block  }
    .container.block-signin-box-mobile { display: block }
}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #page-front .jumbotron {
        padding: 21px 0;
    }

    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 38px
    }

    #page-front .jumbotron-baai h1 { margin-bottom:0; font-size:48px; }
    #page-front .jumbotron-baai a#big-pic-text { margin-top:0;margin-left:20px; margin-right:20px ; }



    #page-front .jumbotron a#big-pic-text {
        bottom: -4px;
        width: 90%;
        margin-left: 20px;
    }

    #page-front .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 16px;
        padding: 12px 12px 0 12px
    }

    #page-front .jumbotron a#big-pic-text p {
        font-size: 14px;
        width: 90%;
        line-height: 126%;
        padding: 0 12px 0 12px;
    }

    #page-front .jumbotron span.sidebar_options {
        margin-top: 12px;
        padding-right: 10px;
    }

    #page-front .jumbotron .sub-menu-wrapper h3 {
        margin-bottom: 0
    }

    #page-front .jumbotron-itsmf {
        background-position: center top;
    }

    .front-page-lower .sub_menu_wrapper h3 {
        margin-top: 0 !important;
        margin-bottom: 0
    }

    #page-front .well-initiatives {
        padding: 8px 12px 10px 12px;
        margin-top: 20px;
    }

    #page-front .well-initiatives p {
        font-size: 13px
    }

    .sidebar #signin-box, #newsletter {
        display: none;
    }

    .front-page-right-sidebar {
        padding-bottom: 40px
    }

    .newsletter-signup {
        padding: 12px 0 0 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 14px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 30px;
        float: left;
        margin-top: 2px;
        margin-right: 12px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: right;
        margin-top: 3px;
    }

    .newsletter-signup .col-md-5 button {
        padding: 5px 8px 5px 8px;
        margin: 2px 0 0 12px;
        font-size: 13px
    }

    #page-front #jumbo-banners .signin-box { margin-top:0 }
    .block-signin-box-non-mobile { display: block }
}

/* less small three columns  desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #page-front .jumbotron {
        padding: 21px 0;
    }

    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 44px;
        margin-right: 100px;
    }

    #page-front .jumbotron a#big-pic-text {
        bottom: -10px;
        width: 86%;
        margin-left: 20px;
    }

    #page-front .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 18px;
        padding: 12px 12px 0 12px
    }

    #page-front .jumbotron a#big-pic-text p {
        font-size: 16px;
        width: 90%;
        line-height: 126%;
        padding: 0 12px 0 12px;
    }

    #page-front .jumbotron span.sidebar_options {
        margin-top: 12px;
        padding-right: 10px;
    }


    #page-front .jumbotron .sub-menu-wrapper h3 {
        margin-bottom: 0
    }

    #page-front .jumbotron-itsmf {
        background-position: center top;
    }

    #page-front .jumbotron-baai {
        background-position: center top
    }

    #page-front .well-initiatives {
        margin-top: 20px
    }

    .front-page-right-sidebar {
        padding-bottom: 40px
    }

    .newsletter-signup {
        padding: 12px 0 0 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 14px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 30px;
        float: left;
        margin-top: 2px;
        margin-right: 12px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: right;
        margin-top: 3px;
    }

    .newsletter-signup .col-md-5 button {
        padding: 6px 8px 5px 8px;
        margin: 3px 0 0 12px;
        font-size: 13px
    }

    #page-front #jumbo-banners .signin-box { margin-top:0 }
    .block-signin-box-non-mobile { display: block }

}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    #page-front .jumbotron {
        padding: 21px 0;
    }

    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 46px;
        margin-right: 100px;
    }


    #page-front .jumbotron a#big-pic-text {
        bottom: 0;
        width: 96%;
        margin-left: 12px;
    }

    #page-front .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 18px;
        padding: 12px 12px 0 12px
    }

    #page-front .jumbotron a#big-pic-text p {
        font-size: 16px;
        width: 90%;
        line-height: 136%;
        padding: 0 12px 0 12px;
    }

    #page-front .jumbotron span.sidebar_options {
        margin-top: 12px;
        padding-right: 10px;
    }

    #page-front .jumbotron .sub-menu-wrapper h3 {
        margin-bottom: 0
    }

    #page-front .jumbotron-baai {
        background-position: center top
    }

    .newsletter-signup {
        padding: 18px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 20px;
        margin-right: 100px;
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 48px;
        float: left;
        margin-right: 22px;
    }

    .newsletter-signup .col-md-5 button {
        margin-top: 12px;
        margin-left: 0;
        padding: 6px 18px;
        font-size: 14px;
    }

    #page-front .well-initiatives {
        margin-top: 20px
    }

    .front-page-lower .sub_menu_wrapper h3 {
        margin-top: 0 !important;
        margin-bottom: 12px
    }

    .front-page-right-sidebar {
        padding-bottom: 40px
    }

    .newsletter-signup {
        padding: 12px 0 0 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 14px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 30px;
        float: left;
        margin-top: 2px;
        margin-right: 12px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: right;
        margin-top: 4px;
    }

    .newsletter-signup .col-md-5 button {
        padding: 5px 8px 5px 8px;
        margin: 0 0 0 12px;
        font-size: 13px
    }
    .block-signin-box-non-mobile { display: block }
}

@media only screen and (min-width: 1200px) and (max-width: 1336px) {
    #page-front .jumbotron {
        padding: 35px 0;
    }



    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 52px;
        margin-right: 100px
    }

    #page-front .jumbotron-baai h1 {
        font-size: 44px !important;
        margin-right: 100px
    }

    #page-front .jumbotron a#big-pic-text {
        padding: 4px 4px 4px 4px;
        bottom: 14px;
        margin-left: 12px;
        width: 90%;
    }

    #page-front .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 22px;
        padding: 12px 12px 0 12px
    }

    #page-front .jumbotron a#big-pic-text p {
        font-size: 17px;
        width: 90%;
        line-height: 136%;
        padding: 0 12px 0 12px;
    }

    #page-front .jumbotron span.sidebar_options {
        margin-top: 12px;
        padding-right: 10px;
    }

    #page-front .jumbotron .sub-menu-wrapper h3 {
        margin-bottom: 0
    }

    #page-front .jumbotron-baai {
        background-position: center top
    }

    #page-front .well-initiatives {
        margin-top: 20px
    }

    .front-page-lower .sub_menu_wrapper h3 {
        margin-top: 0 !important;
        margin-bottom: 12px
    }

    .front-page-right-sidebar {
        padding-bottom: 40px
    }

    .newsletter-signup {
        padding: 16px 0 10px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 18px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 30px;
        float: left;
        margin-top: -2px;
        margin-right: 12px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: right
    }

    .newsletter-signup .col-md-5 button {
        padding: 6px 8px 5px 8px;
        margin: 2px 0 0 20px;
        font-size: 13px
    }
    .block-signin-box-non-mobile { display: block }
}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    #page-front .jumbotron {
        padding: 40px 0;
    }


    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 52px;
        margin-right: 100px;
    }


    #page-front .jumbotron a#big-pic-text {
        padding: 4px 4px 4px 4px;
        bottom: 10px;
        margin-left: 12px;
        width: 90%;
    }

    #page-front .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 22px;
        padding: 12px 12px 0 12px
    }

    #page-front .jumbotron a#big-pic-text p {
        font-size: 17px;
        width: 90%;
        line-height: 136%;
        padding: 0 12px 0 12px;
    }

    #page-front .jumbotron span.sidebar_options {
        margin-top: 12px;
        padding-right: 10px;
    }

    #page-front .jumbotron .sub-menu-wrapper h3 {
        margin-bottom: 0
    }

    #page-front .jumbotron-baai {
        background-position: center top
    }

    #page-front .well-initiatives {
        margin-top: 20px
    }

    .front-page-right-sidebar {
        padding-bottom: 60px
    }

    .front-page-right-sidebar .sub_menu_wrapper h3 {
        margin: 0 0 16px 0 !important
    }

    .newsletter-signup {
        padding: 16px 0 10px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 18px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 30px;
        float: left;
        margin-top: -3px;
        margin-right: 20px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: right
    }

    .newsletter-signup .col-md-5 button {
        padding: 6px 12px 5px 12px;
        margin: 2px 0 0 20px;
        font-size: 13px
    }
    .block-signin-box-non-mobile { display: block }
}

/* Big screens  ----------- */
@media only screen and (min-width: 1441px) {
    #page-front .jumbotron {
        padding: 40px 0;
    }

    .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        padding: 0
    }

    #page-front .jumbotron h1 {
        font-size: 54px;
        margin-right: 100px;
        margin-left: -20px;
    }

    .jumbotron a#big-pic-text {
        padding: 12px 20px 12px 20px;
        width: 90%;
    }

    .jumbotron h2 {
        margin: 0 0 4px 0;
        font-size: 22px;
        padding: 12px 0 0 12px
    }

    .jumbotron a#big-pic-text p {
        font-size: 17px;
        width: 92%;
        line-height: 136%;
        padding: 0 0 0 0;
        margin: 12px 12px 12px 12px;
    }


    #page-front .jumbotron .col-md-8 .jumbotron-inner {
        width: 100%;
        padding: 0 0 0 0
    }

    #page-front .jumbotron h1 {
        font-size: 52px;
        margin-right: 100px;
    }


    #page-front .jumbotron a#big-pic-text {
        padding: 4px 4px 4px 4px;
        bottom: 10px;
        margin-left: 20px;
        width: 90%;
    }

    .jumbotron span.sidebar_options {
        margin-top: 8px;
    }

    #page-front .jumbotron-baai {
        background-position: center top
    }

    #page-front .well-initiatives {
        margin-top: 20px
    }

    .front-page-right-sidebar {
        padding-bottom: 60px
    }

    .front-page-right-sidebar .sub_menu_wrapper h3 {
        margin: 0 0 16px 0 !important
    }

    .newsletter-signup {
        padding: 16px 0 10px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text {
        font-size: 18px;
        margin: 3px 0 12px 0
    }

    .newsletter-signup .col-md-7 p.newsletter-text i {
        font-size: 30px;
        float: left;
        margin-top: -3px;
        margin-right: 20px
    }

    .newsletter-signup .col-md-5 .form-inline {
        text-align: right
    }

    .newsletter-signup .col-md-5 button {
        padding: 6px 12px 5px 12px;
        margin: 2px 0 0 20px;
        font-size: 13px
    }
    .block-signin-box-non-mobile { display: block }
}

/* 11: MEMBERSHIP, JOIN AND PRICING TABLE PAGE
-------------------------------------------------- */

.primary-content h1.membership-heading {
    text-align: center;
    margin: 0 auto
}

.membership-top-benefits {
    background: #eee;
    margin-bottom: 0
}

.membership-top-benefits ul li i {
    color: green
}

.membership-lower-benefits {
    background: #fff;
    margin: 0
}

.membership-lower-benefits .col-md-6 {
    padding: 0
}

.feature_list div.icon_float i {
    margin-top: -1px
}

div.icon_float, div.text_float {
    float: left
}

div.icon_float {
    text-align: center;
    color: #fff
}

div.text_float h3 {
    margin: -2px 0 0 0;
    padding: 0;
    line-height: 120%;
    font-weight: bold
}

div.text_float p {
    line-height: 132%;
    margin: 0 0 12px 0
}

.primary-content-ics h1.membership-heading {
    color: #005480
}

.primary-content-ics div.icon_float {
    background: #005480
}

.primary-content-hisi h1.membership-heading {
    color: #00927F
}

.primary-content-hisi div.icon_float {
    background: #00927F
}

.primary-content-dpo h1.membership-heading {
    color: #46166b
}

.primary-content-dpo div.icon_float {
    background: rgb(87, 61, 126)
}

.primary-content-baai h1.membership-heading {
    color: #b90303
}

.primary-content-baai div.icon_float {
    background: #b90303
}

.primary-content-iasa h1.membership-heading {
    color: #005a75
}

.primary-content-iasa div.icon_float {
    background: #005a75
}

.primary-content-itsmf h1.membership-heading {
    color: #b70d4d
}

.primary-content-itsmf div.icon_float {
    background: #b70d4d
}

.primary-content-itsmf .membership-top-benefits .col-md-6 ul.fa-ul li {
    letter-spacing: 0 !important
}

/* phone portrait */
@media all and (max-width: 320px) {
    .primary-content h1.membership-heading {
        font-size: 24px;
        margin-bottom: 24px
    }

    .membership-top-benefits .col-md-6 {
        padding: 20px 20px 0 30px
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li {
        margin-bottom: 12px !important
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li#list-double {
        margin-bottom: -24px !important
    }

    .primary-content-dpo .membership-top-benefits .col-md-6 ul.fa-ul li {
        font-size: 14px
    }

    .primary-content-itsmf .membership-top-benefits .col-md-6 ul.fa-ul li {
        font-size: 13px
    }

    .primary-content .membership-lower-benefits {
        padding: 20px 0
    }

    div.icon_float {
        margin-top: 2px;
        width: 45px;
        height: 45px
    }

    div.feature_list {
        padding-top: 4px
    }

    .feature_list div.icon_float i {
        font-size: 28px;
        height: 45px;
        width: 45px;
        line-height: 45px
    }

    div.text_float {
        width: 68%;
        margin-left: 14px
    }

    div.text_float h3 {
        font-size: 14px
    }

    div.text_float p {
        font-size: 13px
    }

    .primary-content .membership-options .pricing-table {
        margin-bottom: 20px !important
    }
    .primary-content .membership-options ul li.title {
        font-size: 20px;
        padding: 8px 0
    }

    .primary-content .membership-options ul li.condition {
        font-size: 14px;
        padding: 10px 4px 10px 10px
    }

    .primary-content .membership-options ul li.price {
        padding: 2px 0
    }

    .primary-content .membership-options ul li.price strong {
        font-size: 28px
    }

    .primary-content .membership-options .pricing-table .price .currency-symbol {
        top: -6px
    }

    .primary-content .membership-options .pricing-table .grade-inside-yellow p {
        font-size: 13px
    }
}

/* phone landscape */
@media all and (max-width: 480px) and (min-width: 321px) {
    .primary-content h1.membership-heading {
        font-size: 32px;
        margin-bottom: 32px
    }

    .membership-top-benefits .col-md-6 {
        padding: 20px 20px 0 30px
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li {
        margin-bottom: 12px !important
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li#list-double {
        margin-bottom: -24px !important
    }

    .primary-content .membership-lower-benefits {
        padding: 20px 0
    }

    div.icon_float {
        width: 45px;
        height: 45px
    }

    .feature_list div.icon_float i {
        font-size: 26px;
        height: 45px;
        width: 45px;
        line-height: 45px
    }

    div.text_float {
        width: 76%;
        margin-left: 20px
    }

    div.text_float h3 {
        font-size: 14px
    }

    div.text_float p {
        font-size: 13px;
        margin-bottom: 16px
    }

    .primary-content .membership-options .pricing-table {
        margin-bottom: 20px !important
    }

    .primary-content .membership-options ul li.title {
        font-size: 20px;
        padding: 8px 0
    }

    .primary-content .membership-options ul li.price {
        padding: 2px 0
    }

    .primary-content .membership-options ul li.condition {
        font-size: 14px;
        padding: 10px 4px 10px 10px
    }

    .primary-content .membership-options ul li.price strong {
        font-size: 28px
    }

    .primary-content .membership-options .pricing-table .price .currency-symbol {
        top: -6px
    }

    .primary-content .membership-options .pricing-table .grade-inside-yellow p {
        font-size: 14px
    }
}

/* small tablets  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .primary-content h1.membership-heading {
        font-size: 32px;
        margin-bottom: 32px
    }

    .primary-content .membership-top-benefits {
        margin-bottom: 10px
    }

    .membership-top-benefits .col-md-6 {
        padding: 20px 20px 0 30px
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li {
        margin-bottom: 12px !important
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li#list-double {
        margin-bottom: -24px !important
    }

    .primary-content .membership-lower-benefits {
        padding: 20px 0
    }

    div.icon_float {
        width: 45px;
        height: 45px
    }

    .feature_list div.icon_float i {
        font-size: 26px;
        height: 45px;
        width: 45px;
        line-height: 45px
    }

    div.text_float {
        width: 76%;
        margin-left: 20px
    }

    div.text_float h3 {
        font-size: 14px
    }

    div.text_float p {
        font-size: 13px;
        margin-bottom: 16px
    }

    .primary-content .membership-options .pricing-table {
        width: 60%;
        margin-bottom: 20px !important
    }

    .primary-content .membership-options ul li.title {
        font-size: 20px;
        padding: 8px 0
    }

    .primary-content .membership-options ul li.price {
        padding: 2px 0
    }

    .primary-content .membership-options ul li.condition {
        font-size: 14px;
        padding: 10px 4px 10px 10px
    }

    .primary-content .membership-options ul li.price strong {
        font-size: 28px
    }

    .primary-content .membership-options .pricing-table .price .currency-symbol {
        top: -6px
    }

    .primary-content .membership-options .pricing-table .grade-inside-yellow p {
        font-size: 14px
    }
}

/* small three columns  desktops and laptops  */
@media all and (min-width: 768px) and (max-width: 991px) {
    .primary-content h1.membership-heading {
        font-size: 42px;
        margin-bottom: 32px
    }

    .primary-content .membership-top-benefits {
        margin-bottom: 20px
    }

    .membership-top-benefits .col-md-6 {
        padding: 20px 20px 0 30px
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li {
        margin-bottom: 12px !important
    }

    .primary-content .membership-lower-benefits {
        padding: 20px 0
    }

    div.icon_float {
        width: 45px;
        height: 45px
    }

    .feature_list div.icon_float i {
        font-size: 28px;
        height: 45px;
        width: 45px;
        line-height: 45px
    }

    div.text_float {
        width: 76%;
        margin-left: 20px
    }

    div.text_float h3 {
        font-size: 16px
    }

    div.text_float p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .primary-content .membership-options .pricing-table {
        margin-bottom: 32px !important
    }

    .primary-content .membership-options ul li.title {
        font-size: 20px;
        padding: 8px 0
    }

    .primary-content .membership-options ul li.condition {
        font-size: 14px;
        padding: 8px 6px 8px 14px
    }

    .primary-content .membership-options ul li.price {
        padding: 2px 0
    }

    .primary-content .membership-options ul li.price strong {
        font-size: 28px
    }

    .primary-content .membership-options .pricing-table .price .currency-symbol {
        top: -6px
    }

    .primary-content .membership-options .pricing-table .grade-inside-yellow p {
        font-size: 14px
    }

    .primary-content-iasa .membership-lower-benefits .feature_list {
        min-height: 140px
    }
}

/* small desktop */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .primary-content h1.membership-heading {
        font-size: 48px;
        margin-bottom: 32px
    }

    .membership-top-benefits .col-md-6 {
        padding: 20px 32px 12px 40px
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li {
        margin-bottom: 18px !important
    }

    .primary-content .membership-lower-benefits {
        padding: 20px 0
    }

    div.icon_float {
        width: 56px;
        height: 56px
    }

    .feature_list div.icon_float i {
        font-size: 28px;
        height: 56px;
        width: 56px;
        line-height: 56px
    }

    div.text_float {
        width: 76%;
        margin-left: 20px
    }

    div.text_float h3 {
        font-size: 17px
    }

    div.text_float p {
        font-size: 15px;
        margin-bottom: 20px
    }

    .primary-content .membership-options ul li.title {
        font-size: 20px;
        padding: 8px 0
    }

    .primary-content .membership-options ul li.condition {
        font-size: 14px;
        padding: 8px 6px 8px 14px
    }

    .primary-content .membership-options ul li.price {
        padding: 2px 0
    }

    .primary-content .membership-options ul li.price strong {
        font-size: 28px
    }

    .primary-content .membership-options .pricing-table .price .currency-symbol {
        top: -6px
    }

    .primary-content .membership-options .pricing-table .grade-inside-yellow p {
        font-size: 14px
    }

    .primary-content-iasa .membership-lower-benefits .feature_list {
        min-height: 100px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .primary-content h1.membership-heading {
        font-size: 48px;
        margin-bottom: 42px;
        letter-spacing: -1px
    }

    .primary-content .membership-top-benefits {
        margin-bottom: 20px
    }

    .membership-top-benefits .col-md-6 {
        padding: 20px 32px 12px 40px
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li {
        margin-bottom: 18px !important
    }

    .primary-content .membership-lower-benefits {
        padding: 20px 0
    }

    div.icon_float {
        width: 58px;
        height: 58px
    }

    .feature_list div.icon_float i {
        font-size: 30px;
        height: 58px;
        width: 58px;
        line-height: 58px
    }

    div.text_float {
        width: 76%;
        margin-left: 20px
    }

    div.text_float h3 {
        font-size: 18px
    }

    div.text_float p {
        font-size: 16px;
        margin-bottom: 32px
    }

    .primary-content-baai div.text_float p {
        font-size: 18px;
        margin-bottom: 32px
    }

    .primary-content-iasa div.text_float p {
        font-size: 18px;
        margin-bottom: 32px
    }

    .primary-content .membership-options ul li.title {
        font-size: 20px;
        padding: 8px 0
    }

    .primary-content .membership-options ul li.condition {
        font-size: 14px;
        padding: 8px 6px 8px 14px
    }

    .primary-content .membership-options ul li.price {
        padding: 8px 0
    }

    .primary-content .membership-options ul li.price strong {
        font-size: 42px
    }

    .primary-content .membership-options .pricing-table .price .currency-symbol {
        top: -16px
    }

    .primary-content .membership-options .pricing-table .grade-inside-yellow p {
        font-size: 14px
    }

    .primary-content-itsmf .membership-options .pricing-table .price .currency-symbol {
        top: -12px
    }

    .primary-content-iasa .membership-lower-benefits .feature_list {
        min-height: 120px
    }

}

/* medium popular desktop */
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .primary-content h1.membership-heading {
        font-size: 56px;
        margin-bottom: 42px;
        letter-spacing: -1px
    }

    .membership-top-benefits .col-md-6 {
        padding: 20px 20px 12px 40px
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li {
        font-size: 18px;
        margin-bottom: 18px !important
    }

    .primary-content .membership-lower-benefits {
        padding: 20px 0
    }

    div.icon_float {
        width: 75px;
        height: 75px
    }

    .feature_list div.icon_float i {
        font-size: 38px;
        height: 75px;
        width: 75px;
        line-height: 75px
    }

    div.text_float {
        width: 76%;
        margin-left: 20px
    }

    div.text_float h3 {
        font-size: 20px
    }

    div.text_float p {
        font-size: 18px;
        margin-bottom: 20px
    }

    .primary-content .membership-options ul li.title {
        font-size: 20px;
        padding: 8px 0
    }

    .primary-content .membership-options ul li.condition {
        font-size: 14px;
        padding: 8px 6px 8px 14px
    }

    .primary-content .membership-options ul li.price {
        padding: 8px 0
    }

    .primary-content .membership-options ul li.price strong {
        font-size: 42px
    }

    .primary-content .membership-options .pricing-table .price .currency-symbol {
        top: -16px
    }

    .primary-content-itsmf .membership-options .pricing-table .price .currency-symbol {
        top: -12px
    }

    .primary-content .membership-options .pricing-table .grade-inside-yellow p {
        font-size: 14px
    }

    .primary-content-iasa .membership-lower-benefits .feature_list {
        min-height: 120px
    }

}

/* bigger desktop */
@media only screen and (min-width: 1441px) {
    .primary-content h1.membership-heading {
        font-size: 56px;
        margin-bottom: 42px;
        letter-spacing: -1px
    }

    .primary-content .membership-top-benefits {
        margin-bottom: 20px
    }

    .primary-content .membership-top-benefits .col-md-6 {
        padding: 20px 20px 12px 40px
    }

    .primary-content .membership-top-benefits .col-md-6 ul.fa-ul li {
        font-size: 18px;
        margin-bottom: 18px !important
    }

    .primary-content .membership-lower-benefits {
        padding: 30px 0
    }

    div.icon_float {
        width: 75px;
        height: 75px
    }

    .feature_list div.icon_float i {
        font-size: 38px;
        height: 75px;
        width: 75px;
        line-height: 75px
    }

    div.text_float {
        width: 76%;
        margin-left: 20px
    }

    div.text_float h3 {
        font-size: 20px
    }

    div.text_float p {
        font-size: 18px;
        margin-bottom: 20px
    }

    .primary-content .membership-options ul li.title {
        font-size: 20px;
        padding: 8px 0
    }

    .primary-content .membership-options ul li.condition {
        font-size: 14px;
        padding: 8px 6px 8px 14px
    }

    .primary-content .membership-options ul li.price {
        padding: 8px 0
    }

    .primary-content .membership-options ul li.price strong {
        font-size: 42px
    }

    .primary-content .membership-options .pricing-table .price .currency-symbol {
        top: -16px
    }

    .primary-content .membership-options .pricing-table .grade-inside-yellow p {
        font-size: 14px
    }

    .primary-content-itsmf .membership-options .pricing-table .price .currency-symbol {
        top: -12px
    }

    .primary-content-iasa .membership-lower-benefits .feature_list {
        min-height: 120px
    }

}

[class*="col-"].span-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.centered {
    text-align: center
}

.pricing-table {
    position: relative
}

.pricing-table .title,
.pricing-table .price,
.pricing-table .button {
    border-bottom: none !important;
}

.pricing-table .title {
    color: #ecf0f1;
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    /* background-color: #2980b9 */
}

.pricing-table .price {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    /*   background-color: #ecf0f1; */
    padding: 15px;
    text-align: center;
}

.pricing-table .price .currency-symbol {
    position: relative;
    top: -17px;
    color: #77939a;
}

.pricing-table .price strong {
    font-size: 44px;
    line-height: 44px;
    display: inline-block;
}

.pricing-table .price sup {
    position: relative;
    top: -20px;
}

.pricing-table ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;;
    z-index: 1;
}

.pricing-table ul li {
    color: #77939a;
    background-color: #ffffff;

    padding: 10px;
    border-bottom: 1px solid #ecf0f1;
}

.pricing-table ul li i {
    color: green;
}

.pricing-table.bordered ul {
    border-top: 5px solid #ecf0f1;
    border-left: 5px solid #ecf0f1;
    border-right: 5px solid #ecf0f1;
}

.pricing-table.bordered div.grade-inside-yellow {
    border-left: 5px solid #ecf0f1;
    border-right: 5px solid #ecf0f1;
    border-bottom: 1px solid #ecf0f1;
    margin-bottom: 0;
    padding: 12px 0;
    text-align: center;
    background: #FEFED2;
}

.pricing-table.bordered div.grade-inside-yellow p {
    margin-bottom: 0;
    color: #A86504
}

.pricing-table.bordered div.signup-button {
    margin-top: 0;
    border-left: 5px solid #ecf0f1;
    border-right: 5px solid #ecf0f1;
    border-bottom: 5px solid #ecf0f1;
    text-align: center;
    background: #D6F5E3;
    padding: 20px 0;
}

.pricing-table .btn {
    border-radius: 2px;
    padding: 8px 24px;
    font-weight: bold;
}

.pricing-table.standout {
    /* top: -24px; margin-bottom: -24px */
}

.pricing-table.standout .price {
    background-color: #2677ac
}

.pricing-table.standout .price .currency-symbol,
.pricing-table.standout .price strong,
.pricing-table.standout .price sup {
    color: #ecf0f1
}

.pricing-table.standout ul {
    border-top: 5px solid #2980b9;
    border-left: 5px solid #2980b9;
    border-right: 5px solid #2980b9;
}

.pricing-table.standout div.grade-inside-yellow {
    border-left: 5px solid #2980b9;
    border-right: 5px solid #2980b9;
    margin-bottom: 0;
}

.pricing-table.standout div.signup-button {
    border-left: 5px solid #2980b9;
    border-right: 5px solid #2980b9;
    border-bottom: 5px solid #2980b9;
}

.primary-content .membership-options ul li.price {
    background: #ecf0f1;
    margin: 0 !important
}

.primary-content .membership-options ul li {
    background: transparent;
    margin: 0 !important
}

.primary-content .membership-options ul {
    background: transparent;
    margin: 0 !important
}

.primary-content-ics .membership-options ul li.title {
    background: #2980b9;
    margin: 0 !important
}

.primary-content-ics .membership-options .standout ul li.price {
    background: #2677ac;
    margin: -1px !important
}

.primary-content-ics .pricing-table.standout .price .currency-symbol,
.primary-content-ics .pricing-table.standout .price strong,
.primary-content-ics .pricing-table.standout .price sup {
    color: #ecf0f1
}

.primary-content-dpo .membership-options ul li.title {
    background: rgb(87, 61, 126);
    margin: 0 !important
}

.primary-content-dpo .membership-options .standout ul li.price {
    background: #46166b;
    margin: 0 !important
}

.primary-content-dpo .membership-options .pricing-table.standout ul,
.primary-content-dpo .membership-options .pricing-table.standout div.grade-inside-yellow,
.primary-content-dpo .membership-options .pricing-table.standout div.signup-button {
    border-color: rgb(87, 61, 126)
}

.primary-content-baai .membership-options ul li.title {
    background: #b90303;
    margin: 0 !important
}

.primary-content-baai .membership-options .standout ul li.price {
    background: #950202;
    margin: 0 !important
}

.primary-content-baai .membership-options .pricing-table.standout ul,
.primary-content-baai .membership-options .pricing-table.standout div.grade-inside-yellow,
.primary-content-baai .membership-options .pricing-table.standout div.signup-button {
    border-color: #b90303
}

.primary-content-iasa .membership-options ul li.title {
    background: #0084a9;
    margin: 0 !important
}

.primary-content-iasa .membership-options .standout ul li.price {
    background: #005a75;
    margin: 0 !important
}

.primary-content-iasa .membership-options .pricing-table.standout ul,
.primary-content-iasa .membership-options .pricing-table.standout div.grade-inside-yellow,
.primary-content-iasa .membership-options .pricing-table.standout div.signup-button {
    border-color: #0084a9
}

.primary-content-hisi .membership-options ul li.title {
    background: #00927f;
    margin: 0 !important
}

.primary-content-hisi .membership-options .standout ul li.price {
    background: #00594F;
    margin: 0 !important
}

.primary-content-iasa .membership-options .pricing-table.standout ul,
.primary-content-iasa .membership-options .pricing-table.standout div.grade-inside-yellow,
.primary-content-iasa .membership-options .pricing-table.standout div.signup-button {
    border-color: #00927f
}

.primary-content-itsmf .membership-options ul li.title {
    background: #b70d4d;
    margin: 0 !important;
}

.primary-content-bcai .membership-options ul li.title {
    background: #5CB85C !important;
    margin: 0 !important;
}

.primary-content-itsmf .membership-options .standout ul li.price {
    background: rgb(131, 33, 57);
    margin: 0 !important;
}

.primary-content-itsmf .membership-options .pricing-table.standout ul,
.primary-content-itsmf .membership-options .pricing-table.standout div.grade-inside-yellow,
.primary-content-itsmf .membership-options .pricing-table.standout div.signup-button {
    border-color: #b70d4d
}

.primary-content-baai .membership-options .pricing-table.bordered div.grade-inside-yellow p,
.primary-content-iasa .membership-options .pricing-table.bordered div.grade-inside-yellow p,
.primary-content-hisi .membership-options .pricing-table.bordered div.grade-inside-yellow p,
.primary-content-itsmf .membership-options .pricing-table.bordered div.grade-inside-yellow p {
    padding: 0 12px
}

/* 12: SIDEBAR HEADINGS
-------------------------------------------------- */

.sub-menu-wrapper h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 120%;
    margin-left: 0;
    text-transform: uppercase
}

.sub-menu-wrapper h3 span {
    display: inline-block;
    margin-right: 12px;
    line-height: 100%;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal
}

.sub-menu-wrapper h3, .primary-content .sub-menu-wrapper h3,
.sub-menu-wrapper h3 span, .primary-content .sub-menu-wrapper h3 span {
    color: #fff !important;
    letter-spacing: 1px;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal
}

.sub-menu-wrapper-ics h3 {
    background: #005480;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.sub-menu-wrapper-ics h3 span {
    background: #428bca
}

.sub-menu-wrapper-dpo h3 {
    background: #46166b;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.sub-menu-wrapper-dpo h3 span {
    background: #8e44ad
}

.sub-menu-wrapper-baai h3 {
    background: #c0392b;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.sub-menu-wrapper-baai h3 span {
    background: #950202
}

/* Declan */
.sub-menu-wrapper-bcai h3 {
    background: #20A057;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.sub-menu-wrapper-bcai h3 span {
    background: #67db98;
}
/* Declan end */

.sub-menu-wrapper-iasa h3 {
    background: #0084a9;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.sub-menu-wrapper-iasa h3 span {
    background: #005a75
}

.sub-menu-wrapper-hisi h3 {
    background: #00927f;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.sub-menu-wrapper-hisi h3 span {
    background: #00594F
}

.sub-menu-wrapper-itsmf h3 {
    background: #b70d4d;
    font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.sub-menu-wrapper-itsmf h3 span {
    background: #2c3e50
}

/* mobile portrait */
@media all and (max-width: 320px) {
    .sub-menu-wrapper h3 {
        font-size: 14px;
        margin: 32px 0 6px 0
    }

    .sub-menu-wrapper h3 span {
        padding: 14px 12px 14px 12px
    }
}

/* mobile landscape */
@media all and (max-width: 480px)  and (min-width: 321px) {
    .sub-menu-wrapper h3 {
        font-size: 14px;
        margin: 32px 0 6px 0
    }

    .sub-menu-wrapper h3 span {
        padding: 14px 12px 14px 12px
    }
}

/* small tablets  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .sub-menu-wrapper h3 {
        font-size: 14px;
        margin: 42px 0 6px 0
    }

    .sub-menu-wrapper h3 span {
        margin-right: 12px;
        padding: 14px 12px 14px 12px
    }
}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sub-menu-wrapper h3 {
        font-size: 14px;
        margin: 42px 0 6px 0;
        width: 100%
    }

    .sub-menu-wrapper h3 span {
        margin-right: 6px;
        padding: 12px 12px 12px 12px
    }

}

/* less small three columns  desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1023px) {
    .sub-menu-wrapper h3 {
        font-size: 15px;
        margin: 40px 0 4px 0
    }

    .sub-menu-wrapper h3 span {
        margin-right: 12px;
        padding: 14px 16px 14px 16px
    }
}

/* Popular screens----------- */
@media only screen and (min-width: 1025px) and (max-width: 1336px) {
    .sub-menu-wrapper h3 {
        font-size: 15px;
        margin: 40px 0 0 0
    }

    .sub-menu-wrapper h3 span {
        margin-right: 12px;
        padding: 12px 16px 12px 16px
    }
}

/* Bigger popular screens----------- */
@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    .sub-menu-wrapper h3 {
        font-size: 15px;
        margin: 40px 0 12px 0
    }

    .sub-menu-wrapper h3 span {
        margin-right: 12px;
        padding: 14px 10px 14px 10px
    }
}

/* Big screens  ----------- */
@media only screen and (min-width: 1441px) {
    .sub-menu-wrapper h3 {
        font-size: 16px;
        margin: 40px 0 0 0;
        line-height: 210%
    }

    .sub-menu-wrapper h3 span {
        margin-right: 12px;
        padding: 12px 14px 12px 14px
    }
}

/* 13: SIDEBAR NEWS LISTING
-------------------------------------------------- */

.col-md-4 a.news-item {
    display: inline-block;
    text-decoration: none;
    color: #000
}

.col-md-4 a.news-item h3.news-head {
    font-weight: bold;
    line-height: 114%;
    margin: 0 0 2px 0;
    font-family: 'Roboto Condensed', Arial, sans-serif
}

.col-md-4 a.news-item p.news-text {
    margin: 0 0 4px 0;
    color: #000;
}

.col-md-4 a.news-item p.date-news {
    font-weight: normal;
    color: #34495e;
    line-height: 128%;
    border-bottom: 1px solid;
    margin-top: 0;
    font-family: 'Roboto', Arial, sans-serif
}

.col-md-4 a.news-item p.date-news i {
    color: #34495e
}

.col-md-4 img#img-read-all-news {
    margin: 0 0 0 6px
}

.col-md-8 a.news-item {
    display: inline-block;
    text-decoration: none;
    color: #000
}

.col-md-8 a.news-item h3.news-head {
    font-weight: bold;
    line-height: 114%;
    margin: 0 0 2px 0;
    font-family: 'Roboto Condensed', Arial, sans-serif
}

.col-md-8 a.news-item p.news-text {
    margin: 0 0 4px 0;
    color: #000;
}

.col-md-8 a.news-item p.date-news {
    font-weight: normal;
    color: #34495e;
    line-height: 128%;
    border-bottom: 1px solid;
    margin-top: 0;
    font-family: 'Roboto', Arial, sans-serif
}

.col-md-8 a.news-item p.date-news i {
    color: #34495e
}

.col-md-8 img#img-read-all-news {
    margin: 0 0 0 6px
}

.col-md-4 .sidebar-news-ics a.news-item h3.news-head {
    color: #005480
}

.col-md-4 .sidebar-news-dpo a.news-item h3.news-head {
    color: #46166b
}

.col-md-4 .sidebar-news-baai a.news-item h3.news-head {
    color: #c0392b
}

.col-md-4 .sidebar-news-bcai a.news-item h3.news-head {
    color: #20A057
}

.col-md-4 .sidebar-news-iasa a.news-item h3.news-head {
    color: #0084a9
}

.col-md-4 .sidebar-news-hisi a.news-item h3.news-head {
    color: #00594F
}

.col-md-8 .sidebar-news-hisi a.news-item h3.news-head {
    color: #00594F
}

.col-md-4 .sidebar-news-itsmf a.news-item h3.news-head {
    color: #b70d4d
}

.col-md-4 .sidebar-news-ics a.news-item p.news-text {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.col-md-4 .sidebar-news-dpo a.news-item p.news-text {
    font-family: "Bitter", Times, serif
}

.col-md-4 .sidebar-news-baai a.news-item p.news-text {
    font-family: "Cabin", Times, serif
}

.col-md-4 .sidebar-news-iasa a.news-item p.news-text {
    font-family: 'Roboto', Arial, sans-serif
}

.col-md-4 .sidebar-news-hisi a.news-item p.news-text {
    font-family: 'Roboto', Arial, sans-serif
}

.col-md-4 .sidebar-news-itsmf a.news-item p.news-text {
    font-family: "Merriweather", Times, serif
}

.col-md-4 .sidebar-news-ics a.news-item:hover,
.col-md-4 .sidebar-news-ics a.news-item:active {
    background: #ECF0F1
}

.col-md-4 .sidebar-news-ics a.news-item p.date-news {
    border-bottom: 1px solid #005480
}

.col-md-4 .sidebar-news-ics a.news-item p.date-news i {
    color: #005480
}

.col-md-4 .sidebar-news-dpo a.news-item:hover,
.col-md-4 .sidebar-news-dpo a.news-item:active {
    background: #ECF0F1
}

.col-md-4 .sidebar-news-dpo a.news-item p.date-news {
    border-bottom: 1px solid #46166b
}

.col-md-4 .sidebar-news-dpo a.news-item p.date-news i {
    color: #46166b
}

.col-md-4 .sidebar-news-baai a.news-item:hover,
.col-md-4 .sidebar-news-baai a.news-item:active {
    background: #ECF0F1
}

.col-md-4 .sidebar-news-baai a.news-item p.date-news {
    border-bottom: 1px solid #c0392b
}

.col-md-4 .sidebar-news-baai a.news-item p.date-news i {
    color: #c0392b
}

.col-md-4 .sidebar-news-bcai a.news-item:hover,
.col-md-4 .sidebar-news-bcai a.news-item:active {
    background: #ECF0F1
}

.col-md-4 .sidebar-news-bcai a.news-item p.date-news {
    border-bottom: 1px solid #20A057
}

.col-md-4 .sidebar-news-bcai a.news-item p.date-news i {
    color: #20A057
}

.col-md-4 .sidebar-news-iasa a.news-item:hover,
.col-md-4 .sidebar-news-iasa a.news-item:active {
    background: #ECF0F1
}

.col-md-4 .sidebar-news-iasa a.news-item p.date-news {
    border-bottom: 1px solid #0084a9
}

.col-md-4 .sidebar-news-iasa a.news-item p.date-news i {
    color: #0084a9
}

.col-md-4 .sidebar-news-hisi a.news-item:hover,
.col-md-4 .sidebar-news-hisi a.news-item:active {
    background: #ECF0F1
}

.col-md-4 .sidebar-news-hisi a.news-item p.date-news {
    border-bottom: 1px solid #00927f
}

.col-md-4 .sidebar-news-hisi a.news-item p.date-news i {
    color: #00927f
}

.col-md-8 .sidebar-news-hisi a.news-item:hover,
.col-md-8 .sidebar-news-hisi a.news-item:active {
    background: #ECF0F1
}

.col-md-8 .sidebar-news-hisi a.news-item p.date-news {
    border-bottom: 1px solid #00927f
}

.col-md-8 .sidebar-news-hisi a.news-item p.date-news i {
    color: #00927f
}

.col-md-4 .sidebar-news-itsmf a.news-item:hover,
.col-md-4 .sidebar-news-itsmf a.news-item:active {
    background: #ECF0F1
}

.col-md-4 .sidebar-news-itsmf a.news-item p.date-news {
    border-bottom: 1px solid #b70d4d
}

.col-md-4 .sidebar-news-itsmf a.news-item p.date-news i {
    color: #b70d4d
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .col-md-4 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-4 h3.news-head {
        line-height: 114%;
        font-size: 15px;
        margin: 0 0 4px 0
    }

    .col-md-4 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-4 .sidebar-news-ics p.news-text {
        font-size: 13px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-dpo p.news-text {
        line-height: 120%
    }

    .col-md-4 .sidebar-news-baai p.news-text {
        font-size: 15px;
        line-height: 112%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-iasa p.news-text {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-hisi p.news-text {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-itsmf p.news-text {
        font-size: 13px;
        line-height: 120%;
        margin-bottom: 10px
    }

    p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 11px
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    .col-md-4 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-4 h3.news-head {
        line-height: 114%;
        font-size: 16px;
        margin: 0 0 4px 0
    }

    .col-md-4 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-4 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-dpo p.news-text {
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-iasa p.news-text {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-hisi p.news-text {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-itsmf p.news-text {
        font-size: 13px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px
    }
}

/* small tablets  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .col-md-4 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-4 h3.news-head {
        line-height: 114%;
        font-size: 18px;
        margin: 0 0 4px 0
    }

    .col-md-4 p.news-text {
        font-size: 15px;
        margin-bottom: 8px
    }

    .col-md-4 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-dpo p.news-text {
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-iasa p.news-text {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-hisi p.news-text {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-itsmf p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px
    }
}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col-md-4 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-4 h3.news-head {
        line-height: 110%;
        font-size: 17px;
        margin: 0 0 4px 0
    }

    .col-md-4 p.news-text {
        font-size: 13px;
        margin-bottom: 8px
    }

    .col-md-4 .sidebar-news-ics p.news-text {
        font-size: 13px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-dpo p.news-text {
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-baai p.news-text {
        font-size: 14px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-iasa p.news-text {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-hisi p.news-text {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-itsmf p.news-text {
        font-size: 13px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px
    }
}

/* less small three columns  desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .col-md-4 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-4 h3.news-head {
        line-height: 110%;
        font-size: 17px;
        margin: 0 0 2px 0
    }

    .col-md-4 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-4 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-dpo p.news-text {
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-baai p.news-text {
        font-size: 15px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-iasa p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-hisi p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-itsmf p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .col-md-4 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-4 h3.news-head {
        line-height: 110%;
        font-size: 18px;
        margin: 0 0 2px 0
    }

    .col-md-4 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-4 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-dpo p.news-text {
        font-size: 15px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-iasa p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-itsmf p.news-text {
        font-size: 15px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 14px
    }
}

/* Popular screens----------- */
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .col-md-4 a.news-item {
        padding: 10px 6px 10px 6px;
    }

    .col-md-4 .sidebar-news a.news-item h3.news-head {
        line-height: 110%;
        font-size: 18px;
        margin: 0 0 2px 0
    }

    .col-md-4 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-4 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-dpo p.news-text {
        font-size: 15px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-iasa p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-hisi p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-itsmf p.news-text {
        font-size: 15px;
        line-height: 132%;
        margin-bottom: 10px
    }

    p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 14px
    }
}

/* Big screens  ----------- */
@media only screen and (min-width: 1441px) {
    .col-md-4 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-4 .sidebar-news a.news-item h3.news-head {
        line-height: 110%;
        font-size: 18px;
        margin: 0 0 2px 0
    }

    .col-md-4 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-4 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-dpo p.news-text {
        font-size: 15px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-iasa p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-hisi p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-4 .sidebar-news-itsmf p.news-text {
        font-size: 15px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-4 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 14px
    }
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .col-md-8 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-8 h3.news-head {
        line-height: 114%;
        font-size: 15px;
        margin: 0 0 4px 0
    }

    .col-md-8 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-8 .sidebar-news-ics p.news-text {
        font-size: 13px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-dpo p.news-text {
        line-height: 120%
    }

    .col-md-8 .sidebar-news-baai p.news-text {
        font-size: 15px;
        line-height: 112%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-iasa p.news-text {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-hisi p.news-text {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-itsmf p.news-text {
        font-size: 13px;
        line-height: 120%;
        margin-bottom: 10px
    }

    p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 11px
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    .col-md-8 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-8 h3.news-head {
        line-height: 114%;
        font-size: 16px;
        margin: 0 0 4px 0
    }

    .col-md-8 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-8 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-dpo p.news-text {
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-iasa p.news-text {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-hisi p.news-text {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-itsmf p.news-text {
        font-size: 13px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px
    }
}

/* small tablets  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .col-md-8 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-8 h3.news-head {
        line-height: 114%;
        font-size: 18px;
        margin: 0 0 4px 0
    }

    .col-md-8 p.news-text {
        font-size: 15px;
        margin-bottom: 8px
    }

    .col-md-8 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-dpo p.news-text {
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-iasa p.news-text {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-hisi p.news-text {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-itsmf p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px
    }
}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col-md-8 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-8 h3.news-head {
        line-height: 110%;
        font-size: 17px;
        margin: 0 0 4px 0
    }

    .col-md-8 p.news-text {
        font-size: 13px;
        margin-bottom: 8px
    }

    .col-md-8 .sidebar-news-ics p.news-text {
        font-size: 13px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-dpo p.news-text {
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-baai p.news-text {
        font-size: 14px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-iasa p.news-text {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-hisi p.news-text {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-itsmf p.news-text {
        font-size: 13px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px
    }
}

/* less small three columns  desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .col-md-8 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-8 h3.news-head {
        line-height: 110%;
        font-size: 17px;
        margin: 0 0 2px 0
    }

    .col-md-8 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-8 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-dpo p.news-text {
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-baai p.news-text {
        font-size: 15px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-iasa p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-hisi p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-itsmf p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .col-md-8 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-8 h3.news-head {
        line-height: 110%;
        font-size: 18px;
        margin: 0 0 2px 0
    }

    .col-md-8 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-8 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-dpo p.news-text {
        font-size: 15px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-iasa p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-itsmf p.news-text {
        font-size: 15px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 14px
    }
}

/* Popular screens----------- */
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .col-md-8 a.news-item {
        padding: 10px 6px 10px 6px;
    }

    .col-md-8 .sidebar-news a.news-item h3.news-head {
        line-height: 110%;
        font-size: 18px;
        margin: 0 0 2px 0
    }

    .col-md-8 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-8 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-dpo p.news-text {
        font-size: 15px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-iasa p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-hisi p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-itsmf p.news-text {
        font-size: 15px;
        line-height: 132%;
        margin-bottom: 10px
    }

    p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 14px
    }
}

/* Big screens  ----------- */
@media only screen and (min-width: 1441px) {
    .col-md-8 a.news-item {
        padding: 10px 6px 10px 6px
    }

    .col-md-8 .sidebar-news a.news-item h3.news-head {
        line-height: 110%;
        font-size: 18px;
        margin: 0 0 2px 0
    }

    .col-md-8 p.news-text {
        font-size: 14px;
        margin-bottom: 8px
    }

    .col-md-8 .sidebar-news-ics p.news-text {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-dpo p.news-text {
        font-size: 15px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-baai p.news-text {
        font-size: 16px;
        line-height: 124%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-iasa p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-hisi p.news-text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 10px
    }

    .col-md-8 .sidebar-news-itsmf p.news-text {
        font-size: 15px;
        line-height: 132%;
        margin-bottom: 10px
    }

    .col-md-8 p.date-news {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 14px
    }
}

/* 14: SIDEBAR EVENTS LISTING
-------------------------------------------------- */

.sidebar-events {
    width: 100%;
    background: #fff;
    padding-top: 0
}

.sidebar-events .subnav {
    margin-bottom: 0
}

.sidebar-events .subnav > .nav-tabs {
    width: 100%;
    background: #f2f2f2;
    border-bottom-color: #f2f2f2
}

.sidebar-events .subnav > .nav-tabs > li > a {
    background: #F2F2F2;
    color: #444;
    border-bottom: 1px solid #F2F2F2 !important;
    border-top: 4px solid #F2F2F2;
    font-weight: bold;
    line-height: 124%;
    overflow: hidden;
    float: left;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    text-decoration: none
}

.sidebar-events .subnav > .nav-tabs > li.active > a {
    background: #fff !important;
    color: #444;
    border-radius: 0 !important;
    border-bottom: 1px solid #FFF !important;
    border-left: 1px solid #6B6B6B;
    border-right: 1px solid #6B6B6B;
    font-weight: bold;
    line-height: 124%;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Roboto Condensed', Arial, sans-serif;
}

.sidebar-events-ics h3.event_title a {
    color: #005480
}

.sidebar-events-ics .box_event_day_inner {
    background: #005480
}

.sidebar-events-ics .subnav > .nav-tabs > li.active > a {
    border-top: 4px solid #005480
}

.sidebar-events-dpo h3.event_title a {
    color: #46166b
}

.sidebar-events-dpo .box_event_day_inner {
    background: #46166b
}

.sidebar-events-dpo .subnav > .nav-tabs > li.active > a {
    border-top: 4px solid #46166b
}

.sidebar-events-baai h3.event_title a {
    color: #c0392b
}

.sidebar-events-baai .box_event_day_inner {
    background: #c0392b
}

.sidebar-events-baai .subnav > .nav-tabs > li.active > a {
    border-top: 4px solid #c0392b
}

.sidebar-events-bcai h3.event_title a {
    color: #20A057
}

.sidebar-events-bcai .box_event_day_inner {
    background: #20A057
}

.sidebar-events-bcai .subnav > .nav-tabs > li.active > a {
    border-top: 4px solid #20A057
}

.sidebar-events-iasa h3.event_title a {
    color: #0084a9
}

.sidebar-events-iasa .box_event_day_inner {
    background: #0084a9
}

.sidebar-events-iasa .subnav > .nav-tabs > li.active > a {
    border-top: 4px solid #0084a9
}

.sidebar-events-hisi h3.event_title a {
    color: #00927f
}

.sidebar-events-hisi .box_event_day_inner {
    background: #00927f
}

.sidebar-events-hisi .subnav > .nav-tabs > li.active > a {
    border-top: 4px solid #00927f
}

.sidebar-events-itsmf h3.event_title a {
    color: #b70d4d
}

.sidebar-events-itsmf .box_event_day_inner {
    background: #b70d4d
}

.sidebar-events-itsmf .subnav > .nav-tabs > li.active > a {
    border-top: 4px solid #b70d4d
}

.sidebar-events .event_row {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.sidebar-events .box_event_container_left,
.sidebar-events .box_event_container_right {
    float: left
}

.sidebar-events .box_event_container_left {
    margin-left: 0
}

.sidebar-events .box_event_date_outer {
    float: left;
    line-height: 120%;
    text-align: center;
    width: 100%;
    border: solid 1px #444;
    margin: 2px 12px 12px 0;
    padding: 0;
    box-shadow: 1px 1px 0 1px #ccc;
}

.sidebar-events .box_event_month_inner {
    font-weight: bold;
    height: auto;
    letter-spacing: 0;
    line-height: 120%;
    margin: 2px 0 0;
    padding: 1px 0 3px 0;
}

.sidebar-events .box_event_day_inner {
    font-weight: bold;
    height: auto;
    line-height: 120%;
    width: 100%;
    margin: 0;
    padding: 2px 0;
    color: #fff;
}

.sidebar-events .box_event_container_right h3.event_title {
    margin-top: 0;
    line-height: 104%
}

.sidebar-events .box_event_container_right h3.event_title a {
    font-weight: bold;
    font-size: 14px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    line-height: 104%
}

.sidebar-events .box_event_container_right p.event_description {
    margin-bottom: 0
}

/*--- Mobile  ---*/
@media all and (max-width: 320px) {
    .sidebar-events .subnav {
        margin-bottom: -12px
    }

    .sidebar-events .subnav > .nav-tabs {
        padding-top: 6px;
        margin: 0 0 12px 0
    }

    .sidebar-events .subnav > .nav-tabs > li > a {
        padding: 5px 8px 5px 8px;
        font-size: 14px;
        margin: 0 0 -7px 0
    }

    .sidebar-events_inner_wrapper .event_row {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }

    .sidebar-events .box_event_container_left {
        margin-top: 10px
    }

    .sidebar-events .box_event_container_right {
        margin-left: 12px;
        width: 80%;
    }

    .sidebar-events .box_event_day_inner {
        font-size: 10px
    }

    .sidebar-events .box_event_month_inner {
        font-size: 11px
    }

    .sidebar-events .box_event_container_right h3.event_title {
        font-size: 17px;
        margin: 8px 0 4px 0;
        line-height: 102%;
    }

    .sidebar-events .box_event_container_right h3.event_title a {
        font-weight: bold;
        font-size: 16px;
        line-height: 102%;
    }

    .sidebar-events .box_event_container_right p.event_description {
        font-size: 13px;
        line-height: 120%
    }
}

@media all and (min-width: 321px) and (max-width: 480px) {
    .sidebar-events .subnav {
        margin-bottom: -12px
    }

    .sidebar-events .subnav > .nav-tabs {
        padding-top: 6px;
        margin: 0 0 12px 0
    }

    .sidebar-events .subnav > .nav-tabs > li > a {
        padding: 5px 8px 5px 8px;
        font-size: 14px;
        margin: 0 0 -7px 0
    }

    .sidebar-events_inner_wrapper .event_row {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }

    .sidebar-events .box_event_container_left {
        margin-top: 10px
    }

    .sidebar-events .box_event_container_right {
        margin-left: 12px;
        width: 76%;
    }

    .sidebar-events .box_event_day_inner {
        font-size: 12px
    }

    .sidebar-events .box_event_month_inner {
        font-size: 13px
    }

    .sidebar-events .box_event_container_right h3.event_title {
        font-size: 17px;
        margin: 8px 0 4px 0;
        line-height: 102%;
    }

    .sidebar-events .box_event_container_right h3.event_title a {
        font-weight: bold;
        font-size: 17px;
        line-height: 102%;
    }

    .sidebar-events .box_event_container_right p.event_description {
        font-size: 14px;
        line-height: 120%
    }
}

/* small tablets  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .sidebar-events .subnav {
        margin-bottom: -12px
    }

    .sidebar-events .subnav > .nav-tabs {
        padding-top: 6px;
        margin: 0 0 12px 0
    }

    .sidebar-events .subnav > .nav-tabs > li > a {
        padding: 5px 8px 5px 8px;
        font-size: 14px;
        margin: 0 0 -7px 0
    }

    .sidebar-events_inner_wrapper .event_row {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }

    .sidebar-events .box_event_container_left {
        margin-top: 10px
    }

    .sidebar-events .box_event_container_right {
        margin-left: 12px;
        width: 86%;
    }

    .sidebar-events .box_event_day_inner {
        font-size: 13px
    }

    .sidebar-events .box_event_month_inner {
        font-size: 14px
    }

    .sidebar-events .box_event_container_right h3.event_title {
        font-size: 18px;
        margin: 8px 0 4px 0;
        line-height: 102%;
    }

    .sidebar-events .box_event_container_right h3.event_title a {
        font-weight: bold;
        font-size: 18px;
        line-height: 102%;
    }

    .sidebar-events .box_event_container_right p.event_description {
        font-size: 14px;
        line-height: 120%
    }
}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-events .subnav {
        margin-bottom: -12px
    }

    .sidebar-events .subnav > .nav-tabs {
        padding-top: 10px;
        margin: 0 0 12px 0
    }

    .sidebar-events .subnav > .nav-tabs > li > a {
        padding: 5px 4px 5px 4px;
        font-size: 14px;
        margin: 0 0 -7px 0
    }

    .sidebar-events_inner_wrapper .event_row {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }

    .sidebar-events .box_event_container_left {
        margin-top: 10px
    }

    .sidebar-events .box_event_container_right {
        margin-left: 12px;
        width: 76%;
    }

    .sidebar-events .box_event_day_inner {
        font-size: 10px
    }

    .sidebar-events .box_event_month_inner {
        font-size: 11px
    }

    .sidebar-events .box_event_container_right h3.event_title {
        font-size: 15px;
        margin: 8px 0 0 0;
        line-height: 108%;
    }

    .sidebar-events .box_event_container_right h3.event_title a {
        font-weight: bold;
        font-size: 15px;
        line-height: 108%;
    }

    .sidebar-events .box_event_container_right p.event_description {
        font-size: 13px;
        line-height: 120%
    }
}

/* lesss mall three columns desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1023px) {
    .sidebar-events .subnav {
        margin-bottom: -12px
    }

    .sidebar-events .subnav > .nav-tabs {
        padding-top: 10px;
        margin: 20px 0 12px 0
    }

    .sidebar-events .subnav > .nav-tabs > li > a {
        padding: 5px 10px 5px 10px;
        font-size: 15px;
        margin: 0 0 -7px 0
    }

    .sidebar-events_inner_wrapper .event_row {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }

    .sidebar-events .box_event_container_left {
        margin-top: 10px
    }

    .sidebar-events .box_event_container_right {
        margin-left: 12px;
        width: 80%;
    }

    .sidebar-events .box_event_day_inner {
        font-size: 11px
    }

    .sidebar-events .box_event_month_inner {
        font-size: 12px
    }

    .sidebar-events .box_event_container_right h3.event_title {
        font-size: 16px;
        margin: 8px 0 0 0;
        line-height: 104%;
    }

    .sidebar-events .box_event_container_right h3.event_title a {
        font-weight: bold;
        font-size: 16px;
        line-height: 104%;
    }

    .sidebar-events .box_event_container_right p.event_description {
        font-size: 13px;
        line-height: 120%
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .sidebar-events .subnav {
        margin-bottom: -12px
    }

    .sidebar-events .subnav > .nav-tabs {
        padding-top: 10px;
        margin: 20px 0 12px 0
    }

    .sidebar-events .subnav > .nav-tabs > li > a {
        padding: 5px 10px 5px 10px;
        font-size: 15px;
        margin: 0 0 -7px 0
    }

    .sidebar-events_inner_wrapper .event_row {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }

    .sidebar-events .box_event_container_left {
        margin-top: 10px
    }

    .sidebar-events .box_event_container_right {
        margin-left: 12px;
        width: 80%;
    }

    .sidebar-events .box_event_day_inner {
        font-size: 11px
    }

    .sidebar-events .box_event_month_inner {
        font-size: 14px
    }

    .sidebar-events .box_event_container_right h3.event_title {
        font-size: 17px;
        margin: 8px 0 2px 0;
        line-height: 104%;
    }

    .sidebar-events .box_event_container_right h3.event_title a {
        font-weight: bold;
        font-size: 17px;
        line-height: 104%;
    }

    .sidebar-events .box_event_container_right p.event_description {
        font-size: 15px;
        line-height: 120%
    }

    .sidebar-events-baai .box_event_container_right p.event_description {
        font-size: 16px;
        line-height: 120%
    }

    .sidebar-events-itsmf .box_event_container_right p.event_description {
        font-size: 13px;
        margin-top: 2px;
        line-height: 132%
    }

}

/* Popular desktops and laptops ----------- */
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .sidebar-events .subnav {
        margin-bottom: -12px
    }

    .sidebar-events .subnav > .nav-tabs {
        padding-top: 10px;
        margin: 20px 0 12px 0
    }

    .sidebar-events .subnav > .nav-tabs > li > a {
        padding: 5px 10px 5px 10px;
        font-size: 17px;
        margin: 0 0 -7px 0
    }

    .sidebar-events_inner_wrapper .event_row {
        margin: 0;
        padding: 20px 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }

    .sidebar-events .box_event_container_left {
        margin-top: 10px
    }

    .sidebar-events .box_event_container_right {
        margin-left: 12px;
        width: 78%;
    }

    .sidebar-events .box_event_day_inner {
        font-size: 12px
    }

    .sidebar-events .box_event_month_inner {
        font-size: 13px
    }

    .sidebar-events .box_event_container_right h3.event_title {
        font-size: 18px;
        margin: 8px 0 4px 0;
        line-height: 104%;
    }

    .sidebar-events .box_event_container_right h3.event_title a {
        font-weight: bold;
        font-size: 18px;
        line-height: 104%;
    }

    .sidebar-events .box_event_container_right p {
        font-size: 14px;
        line-height: 120%
    }

    .sidebar-events .box_event_container_right p.event_description {
        font-size: 14px;
        line-height: 120%
    }
}

/* Big screens  ----------- */
@media only screen and (min-width: 1441px) {
    .sidebar-events .subnav {
        margin-bottom: -12px
    }

    .sidebar-events .subnav > .nav-tabs {
        padding-top: 10px;
        margin: 20px 0 12px 0
    }

    .sidebar-events .subnav > .nav-tabs > li > a {
        padding: 5px 10px 5px 10px;
        font-size: 17px;
        margin: 0 0 -7px 0
    }

    .sidebar-events_inner_wrapper .event_row {
        margin: 0;
        padding: 20px 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }

    .sidebar-events .box_event_container_left {
        margin-top: 10px
    }

    .sidebar-events .box_event_container_right {
        margin-left: 12px;
        width: 78%;
    }

    .sidebar-events .box_event_day_inner {
        font-size: 12px
    }

    .sidebar-events .box_event_month_inner {
        font-size: 13px
    }

    .sidebar-events .box_event_container_right h3.event_title {
        font-size: 18px;
        margin: 8px 0 4px 0;
        line-height: 104%;
    }

    .sidebar-events .box_event_container_right h3.event_title a {
        font-weight: bold;
        font-size: 18px;
        line-height: 104%;
    }

    .sidebar-events .box_event_container_right p {
        font-size: 14px;
        line-height: 120%
    }

    .sidebar-events .box_event_container_right p.event_description {
        font-size: 14px;
        line-height: 120%
    }
}

/* 15: SIGN IN BOX FOR MEMBERS
-------------------------------------------------- */

/* Setting society colours for sign-in & logged-in sections on hisi.ie maciej 19/08/2019:
    I changed all #signin-box to .signin-box. This is accompanied by changes in
    partials: form-login.phtml & signed-in-box.phtml */

.signin-box {
    background: #34495E;
}

.signin-box h2, .signin-box p, .signin-box label {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: normal;
    padding: 0;
    margin: 0
}

.signin-box h2 {
    text-transform: uppercase
}


.signin-box h4 { color:#fff; margin-top:-4px ;}


.signin-box label {
    font-weight: bold;
    text-align: left;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.signin-box .form-control {
    border-radius: 0;
    padding: 0 0 0 4px
}

#mod_login_password {
    float: left;
    width: 100px;
}

.signin-box .btn-success {
    font-weight: bold;
    float: left;
    display: inline;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.signin-box form {
    margin: 0;
    padding: 0
}

.signin-box table {
    background: transparent;
    margin: 0;
    padding: 0
}

.signin-box td.td-name,
.signin-box td.td-cell {
    padding: 0 0 2px 4px;
    vertical-align: top;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.signin-box td.td-name label {
    padding: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif
}

.signin-box p, .signin-box p a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #fff
}

#wrapper_linkedin {
    background: #4E4E4E
}

#wrapper_linkedin img {
    cursor: pointer
}

.signin-box .btn {
    color: #fff !important
}

.signin-box p#register_today {
    margin: 16px 0 8px 0;
    font-size: 13px;
    color: #fff !important
}

.signin-box .btn {
    border-radius: 0;
    text-decoration: none;
    margin-left: 20px;
}

#msg_box {
    display: none;
    background: #F5D76E;
    border: solid 2px #8b1820
}

#msg_box p {
    color: #8b1820;
    margin: 0
}

#msg_box p i {
    color: #8b1820
}

.col-md-4 .signin-box p.forgot-login a:link, .signin-box p.forgot-login a:visited,
.col-md-4 .signin-box p.forgot-login a:hover, .signin-box p.forgot-login a:active {
    color: #fff
}

.col-md-4 .signin-box p#register_today a.btn-register a:link,
.col-md-4 .signin-box p#register_today a.btn-register a:visited,
.col-md-4 .signin-box p#register_today a.btn-register a:hover,
.col-md-4 .signin-box p#register_today a.btn-register a:active {
    color: #fff !important;
    margin: 0 0 0 0 !important
}

.signin-box p a:link, .signin-box p a:visited {
    text-decoration: underline
}

.signin-box p a:hover, .signin-box p a:active {
    text-decoration: none
}

.signin-box p a.btn {
    text-decoration: none
}


.signin-box .list-group-item {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:0;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}



/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .signin-box {
        padding: 20px 28px 18px 18px;
        display: block
    }

    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 12px;
        margin-bottom: 20px;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 32px
    }

    #mod_login_password {
        font-size: 14px;
        width: 60px !important
    }

    .signin-box .btn-register {
        font-size: 14px;
        margin: 12px 0 0 0;
        padding: 6px 12px 6px 12px;
        color: #fff
    }

    .signin-box .btn-login {
        font-size: 12px;
        margin: 0 0 0 12px;
        padding: 8px 8px 8px 8px
    }
    .signin-box h4 { font-size:15px; }


    .signin-box .list-group-item {
        background-color: #fff;
        padding: 8px 10px;
    }



}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    .signin-box {
        padding: 20px 28px 18px 18px;
        display: block
    }

    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 32px
    }

    #mod_login_password {
        font-size: 14px;
        width: 160px !important
    }

    .signin-box .btn-register {
        font-size: 16px;
        margin: 12px 0 0 0;
        padding: 6px 12px 6px 12px;
        color: #fff !important
    }

    .signin-box .btn-login {
        font-size: 12px;
        margin: 0 0 0 12px;
        padding: 8px 8px 8px 8px
    }

    .signin-box p#register_today {
        font-size: 15px
    }

    .signin-box .portrait-320 {
        display: none
    }
    .signin-box h4 { font-size:16px; }

}

/* small tablets  */
@media all and (min-width: 481px) and (max-width: 767px) {
    .signin-box {
        padding: 20px 28px 18px 18px;
        display: block
    }

    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 14px;
        margin-bottom: 20px;
        margin-left: 3px;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 32px
    }

    #mod_login_password {
        font-size: 14px;
        width: 160px !important
    }

    .signin-box .btn-register {
        font-size: 16px;
        margin: 12px 0 0 0;
        padding: 6px 12px 6px 12px;
        color: #fff
    }

    .signin-box .btn-login {
        font-size: 12px;
        margin: 0 0 0 12px;
        padding: 8px 8px 8px 8px
    }

    .signin-box p#register_today {
        font-size: 15px;
        margin-left: 3px
    }

    .signin-box .portrait-320 {
        display: none
    }
    .signin-box h4 { font-size:15px; }

}

/* small tablets  */
@media all and (min-width: 768px) and (max-width: 991px) {
    .signin-box {
        padding: 12px 18px 6px 8px;
        display: block
    }

    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 13px;
        margin-bottom: 12px;
        margin-left: 2px;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 28px
    }

    #mod_login_password {
        font-size: 14px;
        width: 90px !important
    }

    .signin-box .btn-register {
        font-size: 13px;
        margin: 12px 0 0 0;
        padding: 2px 12px 2px 12px;
        color: #fff
    }

    .signin-box .btn-login {
        font-size: 13px;
        margin: 12px 0 0 0;
        padding: 4px 8px 4px 8px
    }

    .signin-box p#register_today {
        font-size: 13px;
        margin-left: 3px
    }

    .signin-box .portrait-320 {
        display: none
    }

    .signin-box .btn {
        margin-left: 0;
        margin-top: 12px;
        padding: 2px 12px 2px 12px;
    }

    .signin-box h4 { font-size:15px; margin: -2px 0 8px 6px; }

    .signin-box h4 span.text-welcome { display: none }

    .signin-box .list-group { border-radius:0}

    .signin-box .list-group-item { margin-left:8px;  }


}

/* less small three columns  desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1024px) {

    .signin-box {
        padding: 12px 18px 6px 8px;
        display: block
    }


    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 13px;
        margin-bottom: 20px;
        margin-left: 3px;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 28px
    }

    #mod_login_password {
        font-size: 14px;
        width: 90px !important
    }

    .signin-box .btn-register {
        font-size: 13px;
        margin: 0 0 0 0;
        padding: 6px 12px 6px 12px;
        color: #fff
    }

    .signin-box .btn-login {
        font-size: 13px;
        margin: 0 0 0 0;
        padding: 4px 8px 4px 8px
    }

    .signin-box p#register_today {
        font-size: 13px;
        margin-left: 3px
    }

    .signin-box .portrait-320 {
        display: none
    }

    .signin-box .btn {
        padding: 4px 12px 4px 12px;
    }

    .signin-box p#register_today .btn {
        display: block;
        margin: 12px 0 0 0;
    }

    .signin-box h4 { font-size:15px; }

    .signin-box h4 { font-size:15px; margin: -2px 0 8px 6px; }

    .signin-box h4 span.text-welcome { display: none }

    .signin-box .list-group { border-radius:0}

    .signin-box .list-group-item { margin-left:8px;  }



}

/* less small three columns  desktops and laptops  */
@media only screen and (min-width: 1025px)  and (max-width: 1199px) {
    .signin-box {
        padding: 20px 12px 8px 12px;
        display: block
    }

    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 13px;
        margin-bottom: 10px;
        margin-left: 3px;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 28px
    }

    #mod_login_password {
        font-size: 14px;
        width: 80px !important
    }

    .signin-box .btn-register {
        font-size: 13px;
        margin: 0 0 0 0;
        padding: 6px 12px 6px 12px;
        color: #fff
    }

    .signin-box .btn-login {
        font-size: 13px;
        margin: 0 0 0 4px;
        padding: 5px 8px 5px 8px
    }

    .signin-box p#register_today {
        font-size: 13px;
        margin-left: 3px
    }

    .signin-box .portrait-320 {
        display: none
    }

    .signin-box .btn {
        padding: 4px 12px 4px 12px;
    }

    .signin-box p#register_today .btn {
        display: block;
        margin: 12px 0 0 0;
    }

     .signin-box h4 { font-size:15px; }

}

@media only screen and (min-width: 1200px) and (max-width: 1289px) {
    .signin-box {
        padding: 20px 22px 8px 22px;
        display: block
    }

    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 13px;
        margin-bottom: 10px;
        margin-left: 0;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 28px
    }

    #mod_login_password {
        font-size: 14px;
        width: 100px !important
    }

    .signin-box .btn-register {
        font-size: 13px;
        margin: 0 0 0 0;
        padding: 6px 12px 6px 12px;
        color: #fff
    }

    .signin-box .btn-login {
        font-size: 13px;
        margin: 0 0 0 4px;
        padding: 5px 8px 5px 8px
    }

    .signin-box p#register_today {
        font-size: 14px;
        margin-left: 3px
    }

    .signin-box .portrait-320 {
        display: none
    }

    .signin-box .btn {
        padding: 4px 12px 4px 12px;
    }

    .signin-box p#register_today .btn {
        display: block;
        margin: 12px 0 0 0;
    }

    .signin-box h4 { font-size:16px; }


}

/* Popular screens----------- */
@media only screen and (min-width: 1290px) and (max-width: 1440px) {
    .signin-box {
        padding: 20px 22px 8px 22px;
        display: block
    }

    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 13px;
        margin-bottom: 10px;
        margin-left: 3px;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 28px
    }

    #mod_login_password {
        font-size: 14px;
        width: 100px !important
    }

    .signin-box .btn-register {
        font-size: 14px;
        margin: 0 0 0 0;
        padding: 6px 12px 6px 12px;
        color: #fff
    }

    .signin-box .btn-login {
        font-size: 13px;
        margin: 0 0 0 4px;
        padding: 5px 8px 5px 8px
    }

    .signin-box p#register_today {
        font-size: 14px;
        margin-left: 3px
    }

    .signin-box .portrait-320 {
        display: none
    }

    #msg_box p {
        font-size: 14px;
        margin: 0;
        padding: 0
    }

    .signin-box .btn {
        padding: 4px 12px 4px 12px;
    }

    .signin-box p#register_today .btn {
        display: block;
        margin: 12px 0 0 0;
    }

    .signin-box h4 { font-size:16px; }

}

/* Big screens  ----------- */
@media only screen and (min-width: 1441px) {
    .signin-box {
        padding: 20px 22px 8px 22px;
        display: block
    }

    .signin-box img {
        margin: 0 0 16px 0;
    }

    .signin-box h2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .signin-box p {
        font-size: 13px;
        margin-bottom: 10px;
        margin-left: 3px;
        line-height: 132%
    }

    .signin-box td.td-name {
        width: 20%
    }

    .signin-box td.td-cell {
        width: 60%
    }

    .signin-box td.td-name, .signin-box td.td-cell {
        padding-bottom: 12px
    }

    .signin-box .form-control {
        height: 28px
    }

    #mod_login_password {
        font-size: 14px;
        width: 120px !important
    }

    .signin-box .btn-register {
        font-size: 14px;
        margin: 0 0 0 0;
        padding: 6px 12px 6px 12px;
        color: #fff
    }

    .signin-box .btn-login {
        font-size: 13px;
        margin: 0 0 0 4px;
        padding: 5px 8px 5px 8px
    }

    .signin-box p#register_today {
        font-size: 14px;
        margin-left: 3px
    }

    .signin-box .portrait-320 {
        display: none
    }

    #msg_box {
        padding: 8px 12px
    }

    #msg_box p {
        font-size: 14px;
        margin: 0;
        padding: 0
    }

    .signin-box .btn {
        padding: 4px 12px 4px 12px;
    }

    .signin-box p#register_today .btn {
        display: block;
        margin: 12px 0 0 0;
    }
    .signin-box h4 { font-size:17px; }


}

/* 16: SIGN IN PAGE
-------------------------------------------------- */

#signin-page {
    background: url('https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/ics/ics-building-1600.png') no-repeat center center;
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }

}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and  (min-width: 768px) and (max-width: 991px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 span {
        padding: 12px
    }

}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        font-size: 16px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }

}

@media only screen and (min-width: 1280px) and (max-width: 1336px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        font-size: 16px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }

}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        font-size: 16px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }

}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    #signin-page .col-md-4 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        margin: 32px 0 0
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 {
        font-size: 16px
    }

    #signin-page .col-md-4 .sub-menu-wrapper h3 span {
        padding: 12px
    }
}

/* Setting society colours for sign-in & logged-in sections on hisi.ie maciej 19/08/2019 START */
.sign-in-hisi {
    background-color: #236F66;
}

.sign-in-hisi .btn {
    background-color: #00927F;
    border-color: #00927F;
}

.logged-in-hisi {
    background-color: #00927F;
}
/* Setting society colours for sign-in & logged-in sections on hisi.ie maciej 19/08/2019 END */


/* 17: CONTACT FORM WITH ACKNOWLEDGEMENT
-------------------------------------------------- */
#picton {
    background: #fff;
    width: 100%;
    margin: 0;
}

#picton .col-md-6 {
    padding-left: 0
}

#picton .col-sm-6 img.alignleft {
    float: right;
    height: 100%;
    width: auto
}

#picton p {
    color: #e9e9e9;
    font-size: 16px
}

#picton form {
    margin-top: 10px;
    margin-left: 40px;
    width: 80%;
}

#picton form input {
    border-radius: 0;
    border-color: #7f8c8d;
}

#picton form textarea {
    display: block;
    padding: 6px 12px;
    border-radius: 0;
    border: 1px solid #7f8c8d;
}

#picton span.star {
    color: #ff0000;
    font-weight: bold
}

#picton .header-box {
    position: absolute;
    margin: 40px 0 0 100px;
    display: inline-block;
    font-weight: 600;
    line-height: 112%;
    opacity: 1;
    padding: 20px 20px 20px 20px;
    text-align: right;
}

#picton .header-box h1 {
    margin: 0;
    color: #fff;
    line-height: 100%;
}

#picton .header-box h1 {
    margin: 0;
    color: #fff;
    line-height: 100%;
}

#picton .header-box p {
    font-weight: bold;
    line-height: 138%;
    color: #fff;
    margin: 20px 0 0 0
}

#picton form submit {
    display: block;
    border-radius: 4px;
    border-color: green
}

#msg_box p {
    margin: 0;
    font-size: 15px;
    padding: 8px 10px 7px 42px;
    color: #000;
    background: #FDF2AE url("https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/ics/icon_error.gif") no-repeat 8px 8px;
}

.msg_error {
    background: #FDF2AE url("https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/ics/icon_error.gif") no-repeat 6px 8px;
    border: solid 1px rgb(137, 137, 137) !important;
    margin-bottom: 16px;
    width: 100%;
    color: rgb(137, 137, 137);
}

#picton .header-box-baai {
    background: rgba(192, 57, 43, 0.8)
}

#picton .header-box-bcai {
    background: rgba(32, 160, 87, 0.8)
}

#picton .header-box-dpo {
    background: rgba(70, 22, 107, 0.8)
}

#picton .header-box-iasa {
    background: rgba(0, 132, 169, 0.8)
}

#picton .header-box-hisi {
    background: rgba(0, 89, 79, 0.8)
}

#picton .header-box-ics {
    background: rgba(0, 84, 128, 0.8)
}

#picton .header-box-itsmf{
    background: rgba(183, 13, 77, 0.8);
}

#picton .sidebar-events .box_event_day_inner_baai {
    background: #c0392b
}

#picton .sidebar-events .event_title_baai a {
    color: #c0392b;
    font-size: 20px;
}

#picton .sidebar-events p {
    color: #000;
    font-size: 14px
}

/*--- Mobile portrait ---*/
@media all and (max-width: 360px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 312px
    }

    #picton .header-box {
        margin: 80px 0 0 20px;
        padding: 12px 12px 12px 20px;
        width: 300px
    }

    #picton .header-box h1, #picton .header-box p {
        text-align: left
    }

    #picton .header-box h1 {
        font-size: 36px
    }

    #picton .header-box p {
        font-size: 14px
    }

    #picton .col-md-5 {
        padding-top: 32px !important
    }

    #picton form#newsletterForm {
        margin-left: 20px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 200px
    }

    #picton form .btn-success {
        margin-top: 20px;
        width: 200px;
    }

    #picton form textarea {
        width: 100%
    }

    #msg_box {
        margin: 20px 0 0 20px;
        width: 90%;
    }

}

/*--- Mobile landscape ---*/
@media all and (min-width: 361px) and (max-width: 480px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 312px
    }

    #picton .header-box {
        margin: 80px 0 0 20px;
        padding: 12px 12px 12px 20px;
        width: 300px
    }

    #picton .header-box h1, #picton .header-box p {
        text-align: left
    }

    #picton .header-box h1 {
        font-size: 36px
    }

    #picton .header-box p {
        font-size: 14px
    }

    #picton form {
        margin-top: 20px;
        margin-left: 40px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 200px
    }

    #picton form .btn-success {
        margin-top: 20px;
        width: 200px;
    }

    #picton form textarea {
        width: 100%
    }

    #msg_box {
        margin: 20px 0 0 40px;
        width: 80%;
    }

}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 500px
    }

    #picton .header-box {
        margin: 80px 0 0 40px;
        padding: 12px 12px 12px 20px;
        width: 480px
    }

    #picton .header-box h1, #picton .header-box p {
        text-align: left
    }

    #picton .header-box h1 {
        font-size: 48px
    }

    #picton .header-box p {
        font-size: 16px
    }

    #picton form {
        margin-top: 20px;
        margin-left: 40px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 300px
    }

    #picton form .btn-success {
        margin-top: 20px;
        width: 200px
    }

    #picton form textarea {
        width: 80%
    }

    #msg_box {
        margin: 20px 0 0 40px;
        width: 80%;
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and  (min-width: 768px) and (max-width: 991px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 580px
    }

    #picton .header-box {
        margin: 40px 0 0 80px;
        padding: 20px 20px 20px 20px;
        width: 300px
    }

    #picton .header-box h1 {
        font-size: 48px
    }

    #picton .header-box p {
        font-size: 16px
    }

    #picton form {
        margin-top: 20px;
        margin-left: 40px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 200px
    }

    #picton form .btn-success {
        margin-top: 10px;
        width: 200px
    }

    #picton form textarea {
        width: 100%
    }

    #msg_box {
        margin: 20px 0 20px 40px;
        width: 100%;
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 660px
    }

    #picton .header-box {
        margin: 40px 0 0 80px;
        padding: 20px 20px 20px 20px;
        width: 400px
    }

    #picton .header-box h1 {
        font-size: 48px
    }

    #picton .header-box p {
        font-size: 16px
    }

    #picton form {
        margin-top: 20px;
        margin-left: 40px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 300px;
    }

    #picton form .btn-success {
        margin-top: 20px;
        width: 200px;
    }

    #picton form textarea {
        width: 100%
    }

    #msg_box {
        margin: 20px 0 20px 40px;
        width: 100%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 660px
    }

    #picton .header-box {
        margin: 40px 0 0 80px;
        padding: 20px 20px 20px 20px;
        width: 400px
    }

    #picton .header-box h1 {
        font-size: 48px
    }

    #picton .header-box p {
        font-size: 16px
    }

    #picton form {
        margin-top: 20px;
        margin-left: 40px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 300px;
    }

    #picton form .btn-success {
        margin-top: 20px;
        width: 200px;
    }

    #picton form textarea {
        width: 100%
    }

    #msg_box {
        margin: 20px 0 20px 40px;
        width: 100%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1336px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 660px
    }

    #picton .header-box {
        margin: 40px 0 0 60px;
        padding: 20px 20px 20px 20px;
        width: 500px
    }

    #picton .header-box h1 {
        font-size: 64px
    }

    #picton .header-box p {
        font-size: 16px
    }

    #picton form {
        margin-top: 20px;
        margin-left: 40px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 300px;
    }

    #picton form .btn-success {
        margin-top: 20px;
        width: 200px;
    }

    #picton form textarea {
        width: 100%
    }

    #msg_box {
        margin: 20px 0 20px 40px;
        width: 80%;
    }

}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 660px
    }

    #picton .header-box {
        margin: 40px 0 0 20%;
        padding: 20px 20px 20px 20px;
        width: 500px
    }

    #picton .header-box h1 {
        font-size: 64px
    }

    #picton .header-box p {
        font-size: 16px
    }

    #picton form {
        margin-top: 20px;
        margin-left: 40px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 300px;
    }

    #picton form .btn-success {
        margin-top: 20px;
        width: 200px;
    }

    #picton form textarea {
        width: 80%
    }

    #msg_box {
        margin: 20px 0 20px 40px;
        width: 80%;
    }
}
  
@media only screen and (max-width: 1663px) and (min-width: 1440px){
    #picton .header-box {
       margin: 40px 0 0 40% !important;
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    #picton .col-sm-6 img.alignleft {
        max-height: 660px
    }

    #picton .header-box {
        margin: 40px 0 0 42.1%;
        padding: 20px 20px 20px 20px;
        width: 500px
    }

    #picton .header-box h1 {
        font-size: 64px
    }

    #picton .header-box p {
        font-size: 16px
    }

    #picton form {
        margin-top: 20px;
        margin-left: 40px;
        width: 80%;
    }

    #picton input#first_name,
    #picton input#last_name,
    #picton input#phone {
        width: 300px;
    }

    #picton form .btn-success {
        margin-top: 20px;
        width: 200px
    }

    #picton form textarea {
        width: 80%
    }

    #msg_box {
        margin: 20px 0 20px 40px;
        width: 80%;
    }

}

/* 18: FOOTER
-------------------------------------------------- */

.footer-desktop, .footer-mobile {
    margin: 0 auto;
}

.footer-mobile-bcai {
    background: #67db98
}

.footer-mobile-baai {
    background: #950202
}

.footer-mobile-dpo {
    background: rgb(87, 61, 126)
}

.footer-mobile-iasa {
    background: #005a75
}

.footer-mobile-ics {
    background: #005480
}

.footer-mobile-hisi {
    background: #00594F
}

.footer-mobile-itsmf {
    background: #b70d4d
}

.footer-mobile {
    padding: 10px 0;
}

.footer-mobile p, .footer-mobile p a {
    color: #fff;
    font-size: 13px;
}

.footer-mobile p {
    margin: 0;
}

.footer-mobile p a:link,
.footer-mobile p a:visited {
    text-decoration: underline
}

.footer-mobile p a:hover,
.footer-mobile p a:active {
    text-decoration: none
}

.footer-lower p {
    color: #fff;
}

.footer-lower a {
    color: #fff;
}

.footer-lower .col-md-12 a:link,
.footer-lower .col-md-12 a:visited {
    text-decoration: underline
}

.footer-lower .col-md-12 a:hover,
.footer-lower .col-md-12 a:hover {
    text-decoration: none
}

.footer-upper {
    width: 100%;
    background: #ddd;
    text-align: left;
    margin: 0 auto
}

.footer-upper .col-md-8 p, .footer-upper .col-md-4 p {
    color: #000;
    margin: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.footer-upper .col-md-4 {
    text-align: right
}

.footer-upper .col-md-4 i {
    padding-right: 6px
}

.footer-upper .col-md-8 p {
    margin-left: 32px
}

.footer-upper .col-md-4 p {
    margin-right: 32px
}

.footer-upper .col-md-4 a.btn-primary, .footer-upper .col-md-4 a.btn {
    display: inline-block;
    font-weight: bold;
    letter-spacing: 0;
    border-radius: 0 !important;
    color: #fff;
}

.footer-upper-ics .col-md-8 i, .footer-upper-ics .col-md-8 a {
    color: #005480
}

.footer-upper-dpo .col-md-8 i, .footer-upper-dpo .col-md-8 a {
    color: #46166b
}

.footer-upper-baai .col-md-8 i, .footer-upper-baai .col-md-8 a {
    color: #950202
}

.footer-upper-iasa .col-md-8 i, .footer-upper-iasa .col-md-8 a {
    color: #005a75
}

.footer-upper-hisi .col-md-8 i, .footer-upper-hisi .col-md-8 a {
    color: #00594F
}

.footer-upper-itsmf .col-md-8 i, .footer-upper-itsmf .col-md-8 a {
    color: #b70d4d
}

@media all and (max-width: 767px) {
    .footer-mobile {
        display: block
    }

    .footer-desktop {
        display: none
    }
}

@media all and (min-width: 768px) {
    .footer-mobile {
        display: none
    }

    .footer-desktop {
        display: block
    }
}

@media all and (min-width: 767px) {
    .footer-upper {
        display: none
    }
}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-upper {
        padding: 10px 0 0 0
    }

    .footer-upper .col-md-8 {
        padding: 8px 0 0 0
    }

    .footer-upper .col-md-4 {
        padding: 0 0 4px 0
    }

    .footer-upper .col-md-8 p span, .footer-upper .col-md-4 p span {
        display: none
    }

    .footer-upper .col-md-8 p, .footer-upper .col-md-4 p {
        font-size: 16px
    }

    .footer-upper .col-md-4 a.btn-primary, .footer-upper .col-md-4 a.btn {
        margin: 4px 0 9px 0;
        padding: 4px 12px;
        font-size: 16px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1289px) {
    .footer-upper {
        padding: 10px 0 0 0
    }

    .footer-upper .col-md-8 {
        padding: 8px 0 0 0
    }

    .footer-upper .col-md-4 {
        padding: 0 0 4px 0
    }

    .footer-upper .col-md-8 p, .footer-upper .col-md-4 p {
        font-size: 18px
    }

    .footer-upper .col-md-4 a.btn-primary, .footer-upper .col-md-4 a.btn {
        margin: 4px 0 9px 0;
        padding: 4px 12px;
        font-size: 16px
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (min-width: 1290px) {
    .footer-upper {
        padding: 10px 0 0 0
    }

    .footer-upper .col-md-8 {
        padding: 8px 0 0 0
    }

    .footer-upper .col-md-4 {
        padding: 0 0 4px 0
    }

    .footer-upper .col-md-8 p, .footer-upper .col-md-4 p {
        font-size: 18px
    }

    .footer-upper .col-md-4 a.btn-primary, .footer-upper .col-md-4 a.btn {
        margin: 4px 0 9px 0;
        padding: 4px 12px;
        font-size: 16px
    }
}

.footer-upper-supported {
    background: #444;
    text-align: center
}

.footer-upper-supported p, .footer-upper-supported a {
    color: #fff;
    margin: 0;
    padding: 0
}

.footer-upper-supported p a:link, .footer-upper-supported p a:visited {
    text-decoration: underline
}

.footer-upper-supported p a:focus, .footer-upper-supported p a:hover {
    text-decoration: none
}

@media all and (max-width: 767px) {
    .footer-upper-supported {
        display: none
    }
}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-upper-supported {
        padding: 14px 0
    }

    .footer-upper-supported .col-md-12 p {
        font-size: 14px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1289px) {
    .footer-upper-supported {
        padding: 21px 0
    }

    .footer-upper-supported .col-md-12 p {
        font-size: 16px
    }

}

/* Popular desktops and laptops ----------- */
@media only screen and (min-width: 1290px) {
    .footer-upper-supported {
        padding: 20px 0
    }

    .footer-upper-supported .col-md-12 p {
        font-size: 18px
    }
}

.footer-lower {
    background: #b70d4d;
    margin-bottom: 0;
}

.footer-lower-baai {
    background: #950202
}

.footer-lower-bcai {
    background: #67db98;
}

.footer-lower-dpo {
    background: rgb(87, 61, 126)
}

.footer-lower-iasa {
    background: #005a75
}

.footer-lower-hisi {
    background: #00927f
}

.footer-lower-ics {
    background: #005480
}

.footer-lower-itsmf {
    background: #b70d4d
}

.footer-lower-baai {
    background: url('https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/baai/color-red29.jpg')
}

.footer-lower-dpo {
    background: url('https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/dpo/color-dpo29.jpg')
}

.footer-lower-iasa {
    background: url('https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/iasa/color-iasa29.jpg')
}

.footer-lower-ics {
    background: url('https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/iasa/color-iasa29.jpg')
}

/*.footer-lower-hisi { background: url('https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/hisi/color-hisi29.jpg') }*/
.footer-lower-itsmf {
    background: url('https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/itsmf/color-itsmf29.jpg')
}

.footer-lower .col-md-3 h3 {
    margin: 0
}

.footer-lower h3, .footer-lower li, .footer-lower li a {
    color: #fff
}

.footer-lower ul {
    list-style-type: none;
    margin-left: -38px
}

.footer-lower li {
    width: 90%;
    margin-bottom: 6px;
    line-height: 124%
}

.footer-lower li a {
    color: #fff;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px
}

.footer-lower ul#list_sitemap li {
    border-bottom: solid 1px #fff;
    padding-bottom: 8px;
    padding-top: 8px
}

.footer-lower ul#list_sitemap li:first-child {
    border-top: solid 1px #fff
}

.footer-bottom-line {
    background: #2c3e50;
    width: 100%
}

.footer-bottom-line p {
    margin: 0;
    line-height: 142%
}

.footer-bottom-line p, .footer-bottom-line p a {
    color: #fff
}

.footer-bottom-line p a:link,
.footer-bottom-line p a:visited {
    text-decoration: none
}

.footer-bottom-line p a:hover,
.footer-bottom-line p a:active {
    text-decoration: underline
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (min-width: 768px) and (max-width: 990px) {
    .footer-lower {
        padding: 40px 0 28px 0;
    }

    .footer-lower .col-md-3 h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 4px;
    }

    .footer-lower .col-md-3 h3.connect-with {
        font-size: 18px
    }

    .footer-lower .col-md-3 h3.sungard-sponsor {
        margin: 24px 0 10px 0;
        font-size: 18px
    }

    .footer-lower .col-md-3 h3 span {
        display: none
    }

    .footer-lower .row-big-desc .col-md-12 hr {
        padding-top: 22px;
        margin-bottom: 0
    }

    .footer-lower .row-big-desc .col-md-10 p {
        font-size: 18px;
        padding-top: 0;
        margin: 0
    }

    .footer-bottom-line {
        padding: 12px 0 12px 0
    }

    .footer-bottom-line .col-md-6 p {
        font-size: 14px
    }

    .footer-lower .col-md-3 .ul-contact-stuff {
        margin-left: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff li {
        margin-left: 24px
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .footer-lower {
        padding: 40px 0
    }

    .footer-lower .col-md-3 h3 {
        font-size: 20px;
        margin-bottom: 12px
    }

    .footer-lower .col-md-3 h3.sungard-sponsor {
        margin: 24px 0 12px 0
    }

    .footer-lower .row-big-desc .col-md-12 hr {
        padding-top: 22px;
        margin-bottom: 0
    }

    .footer-lower .row-big-desc .col-md-10 p {
        font-size: 20px;
        padding-top: 0;
        margin: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff {
        margin-left: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff li {
        margin-left: 24px
    }

    .footer-bottom-line {
        padding: 20px 0 20px 0
    }

    .footer-bottom-line .col-md-6 p {
        font-size: 14px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .footer-lower {
        padding: 40px 0
    }

    .footer-lower .col-md-3 h3 {
        font-size: 24px;
        margin-bottom: 12px
    }

    .footer-lower .col-md-3 h3.sungard-sponsor {
        margin: 24px 0 8px 0
    }

    .footer-lower .row-big-desc .col-md-12 hr {
        padding-top: 22px;
        margin-bottom: 0
    }

    .footer-lower .row-big-desc .col-md-10 p {
        font-size: 20px;
        padding-top: 0;
        margin: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff {
        margin-left: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff li {
        margin-left: 24px
    }

    .footer-bottom-line {
        padding: 20px 0 20px 0
    }

    .footer-bottom-line .col-md-6 p {
        font-size: 14px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1336px) {
    .footer-lower {
        padding: 40px 0 40px 0;
    }

    .footer-lower .col-md-3 h3 {
        font-size: 24px;
        margin-bottom: 12px
    }

    .footer-lower .col-md-3 h3.sungard-sponsor {
        margin: 24px 0 12px 0
    }

    .footer-lower .row-big-desc .col-md-12 hr {
        padding-top: 22px;
        margin-bottom: 0
    }

    .footer-lower .row-big-desc .col-md-10 p {
        font-size: 20px;
        padding-top: 0;
        margin: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff {
        margin-left: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff li {
        margin-left: 24px
    }

    .footer-bottom-line {
        padding: 20px 0 20px 0
    }

    .footer-bottom-line .col-md-6 p {
        font-size: 16px
    }
}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    .footer-lower {
        padding: 50px 0
    }

    .footer-lower .col-md-3 h3 {
        font-size: 24px;
        margin-bottom: 12px
    }

    .footer-lower .col-md-3 h3.sungard-sponsor {
        margin: 24px 0 12px 0
    }

    .footer-lower .row-big-desc .col-md-12 hr {
        margin-bottom: 32px
    }

    .footer-lower .row-big-desc .col-md-10 p {
        font-size: 24px;
        padding-top: 0;
        margin: 0;
    }

    .footer-bottom-line {
        padding: 20px 0 20px 0
    }

    .footer-bottom-line .col-md-6 p {
        font-size: 16px
    }

    .footer-lower .col-md-3 .ul-contact-stuff {
        margin-left: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff li {
        margin-left: 24px
    }

}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .footer-lower {
        padding: 40px 0
    }

    .footer-lower .col-md-3 h3 {
        font-size: 24px;
        margin-bottom: 12px
    }

    .footer-lower .col-md-3 h3.sungard-sponsor {
        margin: 24px 0 16px 0
    }

    .footer-lower .row-big-desc .col-md-12 hr {
        margin-bottom: 32px
    }

    .footer-lower .row-big-desc .col-md-10 p {
        font-size: 24px;
        padding-top: 0;
        margin: 0;
    }

    .footer-bottom-line {
        padding: 20px 0 20px 0
    }

    .footer-bottom-line .col-md-6 p {
        font-size: 16px
    }

    .footer-lower .col-md-3 .ul-contact-stuff {
        margin-left: 0;
    }

    .footer-lower .col-md-3 .ul-contact-stuff li {
        margin-left: 24px
    }
}

.footer-lower .divider-vertical {
    min-height: 10px;
    margin-right: 5px;
    margin-left: 5px;
    border-right: 1px solid;
    border-right-color: rgb(255, 133, 0);
}

/* 19: COOKIE LAW AT PAGE TOP
-------------------------------------------------- */


/* COOKIE LAW AT PAGE TOP  ============================================================================= */
#cookie-law-outer { width:100%; background:#ecf0f1; }

#cookie-law-outer .container {
background:#ecf0f1;  margin:0 auto 0 auto; border-radius: 0; padding:0; }

#cookie-law-outer .col-md-8 p {
margin:0; text-align:left;  font-weight:bold; color:#000;
text-align:left; line-height:128%  }

#cookie-law-outer .col-md-3 a.btn { text-transform: uppercase;
color:#fff;border-width:0;font-weight:bold }

#cookie-law-outer .col-md-3 a.btn:link,
#cookie-law-outer .col-md-3 a.btn:visited { background: #0084A9 }

#cookie-law-outer .col-md-3 a.btn:hover,
#cookie-law-outer .col-md-3 a.btn:active { background: #005A75 }

/* phone portrait */
@media all and (max-width: 320px)  {
	#cookie-law-outer .container  { background: #ecf0f1 }
	#cookie-law, #cookie-law .row { background: #ecf0f1 }
	#cookie-law-outer { margin-top:0;background: #ecf0f1 !important;width:100%  }
	#cookie-law-outer .col-sm-10 p { font-size: 11px;padding: 6px 0 6px 12px;line-height:132%;margin:0 }
	#cookie-law-outer .col-sm-2 img { margin: 12px 0 12px -12px }
}

@media all and (max-width: 480px) and (min-width: 321px) {
	#cookie-law-outer .container  { background: #ecf0f1 }
	#cookie-law, #cookie-law .row { width: 100%; background: #ecf0f1 }
	#cookie-law-outer .span12 p { font-size: 13px;padding: 8px 0 8px 8px;line-height:132%;margin:0 }
	#cookie-law-outer .span12 p img { float: right;margin-right: 12px }
	#cookie-law-outer .col-sm-10 p { font-size: 11px;padding: 6px 0 6px 12px;line-height:132%;margin:0 }
	#cookie-law-outer .col-sm-2 img { margin: 12px 0 12px -12px }
}

/* tablet portrait */
@media all and (max-width: 766px) and (min-width: 481px) {
	#cookie-law-outer .col-md-1 p { padding-top:20px; text-align:right  }
	#cookie-law-outer .col-md-1 p i { font-size:32px }
	#cookie-law-outer .col-md-8 p { font-size: 14px;padding: 20px 0  }
	#cookie-law-outer .col-md-3 a.btn { margin-top: 20px;padding: 10px 20px }
	#cookie-law-outer .col-md-8 p br.desktop-br { display: none }
	#cookie-law-outer .col-md-8 p br.mobile-320-br { display: none }
	#cookie-law-outer .col-sm-10 p { font-size: 13px;padding: 6px 0 16px 12px;line-height:132%;margin:0 }
	#cookie-law-outer .col-sm-2 img { float:right; margin: 12px 20px 12px 0 }
}

/* tablet landscape */
@media all and (max-width: 979px) and (min-width: 767px) {
	#cookie-law-outer { margin-top:0 }
	#cookie-law-outer .col-md-1 p { padding-top:20px; text-align:right  }
	#cookie-law-outer .col-md-1 p i { padding-top:20px; font-size:32px }
	#cookie-law-outer .col-md-8 p { font-size: 14px;padding: 20px 0  }
	#cookie-law-outer .col-md-8 a.btn { margin-top: 16px;padding: 2px 10px }
	#cookie-law-outer .col-md-8 p br.desktop-br { display: none }
	#cookie-law-outer .col-md-8 p br.mobile-320-br { display: none }
	#cookie-law-outer .col-sm-10 p { font-size: 14px;padding: 16px 0 16px 12px;line-height:132%;margin:0 }
	#cookie-law-outer .col-sm-2 img { float:right; margin: 12px 20px 12px 0 }
}

/* desktop */
@media all and (max-width: 1200px) and (min-width: 980px) {
#cookie-law-outer { margin-top:0 }
#cookie-law-outer .col-md-1 p { padding-top:20px; text-align:right  }
#cookie-law-outer .col-md-1 p i { font-size:32px }
#cookie-law-outer .col-md-8 p { font-size: 14px;padding: 20px 0  }
#cookie-law-outer .col-md-3 a.btn { margin-top: 20px;padding: 10px 10px }
#cookie-law-outer .col-md-8 p br.desktop-br { display: block }
#cookie-law-outer .col-md-8 p br.mobile-320-br { display: none }
}

/* large desktop */
@media all and (min-width: 1201px) {
#cookie-law-outer { margin-top:0 }
#cookie-law-outer .col-md-1 p { padding-top:20px; text-align:right  }
#cookie-law-outer .col-md-1 p i { font-size:32px }
#cookie-law-outer .col-md-8 p { font-size: 14px;padding: 20px 0  }
#cookie-law-outer .col-md-3 a.btn { margin-top: 20px;padding: 10px 20px }
#cookie-law-outer .col-md-8 p br.desktop-br { display: block }
#cookie-law-outer .col-md-8 p br.mobile-320-br { display: none }
}

/* 20: BAAI ONLY
-------------------------------------------------- */

/* ========== BAAI RESOURCES =========== */
a.resource-link:link,
a.resource-link:visited,
a.resource-link:hover,
a.resource-link:active {
    color: #c0392b;
    text-align: center;
    display: inline-block;
}

a.resource-link img.img-responsive {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

a.resource-link:link p,
a.resource-link:visited p,
a.resource-link:hover p,
a.resource-link:active p {
    color: #444;
    background: transparent;
}

.col-md-6 a.resource-link:link,
.col-md-6 a.resource-link:visited {
    background: #ecf0f1
}

.col-md-6 a.resource-link:hover,
.col-md-6 a.resource-link:active {
    text-decoration: none;
    background: #bdc3c7
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    a.resource-link {
        margin-bottom: 40px
    }

    a.resource-link h3 {
        font-size: 18px
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 12px auto;
        font-size: 13px;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    a.resource-link {
        margin-bottom: 40px
    }

    a.resource-link h3 {
        font-size: 22px
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 12px auto;
        font-size: 14px;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto
    }
}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    a.resource-link {
        margin-bottom: 40px
    }

    a.resource-link h3 {
        font-size: 22px
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 12px auto;
        font-size: 14px;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (min-width: 768px) and (max-width: 991px) {
    a.resource-link {
        margin-bottom: 30px
    }

    a.resource-link h3 {
        font-size: 16px
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 12px auto;
        font-size: 12px;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto;
        max-width: 60%;
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    a.resource-link {
        margin-bottom: 30px;
        min-height: 400px
    }

    a.resource-link h3 {
        font-size: 20px
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 12px auto;
        font-size: 13px;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    a.resource-link {
        margin-bottom: 40px;
        min-height: 400px
    }

    a.resource-link h3 {
        font-size: 20px
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 14px auto;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1336px) {
    a.resource-link {
        margin-bottom: 40px;
        min-height: 400px
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 14px auto;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto
    }
}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    a.resource-link {
        margin-bottom: 40px;
        min-height: 400px
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 14px auto;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    a.resource-link {
        margin-bottom: 40px;
        min-height: 400px;
    }

    a.resource-link p {
        width: 90%;
        margin: 0 auto 14px auto;
    }

    a.resource-link img.img-responsive {
        margin: 12px auto 12px auto
    }
}

/* ========== BAAI SPEECH BUBBLE FOR TESTIMONIALS =========== */
.triangle-border {
    margin: 0 0 20px 0;
    padding: 10px 15px 15px 15px;
    color: #333;
    background: #f2f2f2;
    border: 2px solid #6B6B6B;
    font-size: 14px;
    line-height: 132%;
    position: relative;
    font-weight: normal;
}

.sidebar p.quote_author {
    margin-right: 20px;
}

.sidebar p.quote_author {
    font-size: 14px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border:before {
    content: "";
    position: absolute;
    bottom: -18px; /* value = - border-top-width - border-bottom-width */
    left: 40px; /* controls horizontal position */
    border-width: 16px 16px 0;
    border-style: solid;
    border-color: #6B6B6B transparent;
    display: block;
    width: 0;
}

/* creates the smaller  triangle */
.triangle-border:after {
    content: "";
    position: absolute;
    bottom: -13px; /* value = - border-top-width - border-bottom-width */
    left: 42px; /* value = (:before left) + (:before border-left) - (:after border-left) */
    border-width: 14px 14px 0;
    border-style: solid;
    border-color: #f2f2f2 transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}

/* 21: DPO ONLY
-------------------------------------------------- */

/* ======= FRONT PAGE CERTIFICATION ================ */
ul.menu-certification {
    list-style-type: none;
    margin-left: -42px
}

ul.menu-certification li {
    margin-bottom: 10px
}

ul.menu-certification li a {
    display: inline-block;
    color: #2c3e50;
    border-bottom: solid 1px #444;
    line-height: 132%;
    padding: 6px 12px 8px 12px;
    font-size: 13px;
}

ul.menu-certification li a:link,
ul.menu-certification li a:visited,
ul.menu-certification li a:hover,
ul.menu-certification li a:active {
    text-decoration: none;
    background: #f2f2f2
}

ul.menu-certification li a span.arrow-text {
    float: left;
    display: inline-block;
    width: 94%;
}

ul.menu-certification li a span.arrow {
    color: #95a5a6;
    margin-top: 4px;
    float: right;
    display: inline-block
}

ul.menu-certification li a:hover span.arrow, ul.menu-certification li a:active span.arrow {
    color: #34495E
}

ul.menu-certification li span.arrow {
    font-size: 40px
}

ul.menu-certification-hisi li a {
    border-bottom: solid 1px #00927f
}

ul.menu-certification-hisi li a:link span.arrow,
ul.menu-certification-hisi li a:visited span.arrow {
    color: #00927f
}

ul.menu-certification-hisi li a:focus span.arrow,
ul.menu-certification-hisi li a:hover span.arrow,
ul.menu-certification-hisi li a:active span.arrow {
    color: #00594f
}

/* tablet landscape */
@media all and (max-width: 979px) and (min-width: 767px) {
    ul.menu-certification li a {
        padding: 6px 12px 8px 12px;
        font-size: 13px
    }

    ul.menu-certification li a span.arrow-text {
        width: 84%
    }

    ul.menu-certification li span.arrow {
        font-size: 40px
    }
}

/* desktop */
@media all and (max-width: 1200px) and (min-width: 980px) {
    ul.menu-certification {
        margin-top: 10px
    }

    ul.menu-certification li a {
        padding: 6px 12px 8px 12px;
        font-size: 14px
    }

    ul.menu-certification li a span.arrow-text {
        width: 88%
    }

    ul.menu-certification li span.arrow {
        font-size: 48px
    }
}

/* large desktop */
@media all and (min-width: 1201px) {
    ul.menu-certification {
        margin-top: 10px
    }

    ul.menu-certification li {
        margin-bottom: 10px
    }

    ul.menu-certification li a {
        padding: 6px 12px 8px 12px;
        font-size: 15px;
    }

    ul.menu-certification li a span.arrow-text {
        width: 84%
    }

    ul.menu-certification li span.arrow {
        font-size: 52px
    }
}

/* ===================== ICS Only ================================ */

#ics-council {
    width: 100%;
    background: #ecf0f1;
    margin-top: 20px;
}

#ics-council .col-md-12 p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#ics-council .col-md-4 p {
    text-align: left
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    #ics-council {
        padding: 20px 0
    }

    #ics-council .col-md-4 p {
        font-size: 12px
    }

    #ics-council .col-md-12 p {
        font-size: 14px
    }

    #ics-council .col-md-4 h3 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 16px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 12px
    }

    #ics-council .col-md-4 img {
        width: 32%
    }
}

/*--- Mobile landscape ---*/
@media all and (max-width: 480px) and (min-width: 321px) {
    #ics-council {
        padding: 20px 0
    }

    #ics-council .col-md-4 p {
        font-size: 12px
    }

    #ics-council .col-md-12 p {
        font-size: 14px
    }

    #ics-council .col-md-4 h3 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 16px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 12px
    }

    #ics-council .col-md-4 img {
        width: 22%
    }
}

/*--- Small tablets (sm) --*/
@media all and (max-width: 767px) and (min-width: 481px) {
    #ics-council {
        padding: 20px 0
    }

    #ics-council .col-md-12 p {
        font-size: 14px
    }

    #ics-council .col-md-4 h3 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 16px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 14px
    }

    #ics-council .col-md-4 img {
        width: 18%
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (max-width: 991px) and (min-width: 768px) {
    #ics-council {
        padding: 20px 0
    }

    #ics-council .col-md-4 h3 {
        font-size: 20px;
        font-weight: bold;
        line-height: 100%;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 16px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 12px
    }

    #ics-council .col-md-4 img {
        width: 28%
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (max-width: 1024px) and (min-width: 992px) {
    #ics-council {
        padding: 20px 0
    }

    #ics-council .col-md-4 h3 {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 16px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 12px
    }

    #ics-council .col-md-4 img {
        width: 28%
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    #ics-council {
        padding: 40px 0
    }

    #ics-council .col-md-12 p {
        font-size: 20px
    }

    #ics-council .col-md-4 h3 {
        font-size: 24px;
        font-weight: bold;
        line-height: 100%;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 20px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 14px
    }

    #ics-council .col-md-4 img {
        width: 20%
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    #ics-council {
        padding: 40px 0
    }

    #ics-council .col-md-12 p {
        font-size: 20px
    }

    #ics-council .col-md-4 h3 {
        font-size: 24px;
        font-weight: bold;
        line-height: 100%;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 20px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 14px
    }

    #ics-council .col-md-4 img {
        width: 20%
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #ics-council {
        padding: 40px 0
    }

    #ics-council .col-md-12 p {
        font-size: 20px
    }

    #ics-council .col-md-4 h3 {
        font-size: 24px;
        font-weight: bold;
        line-height: 100%;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 20px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 14px
    }

    #ics-council .col-md-4 img {
        width: 20%
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #ics-council {
        padding: 40px 0
    }

    #ics-council .col-md-12 p {
        font-size: 20px
    }

    #ics-council .col-md-4 h3 {
        font-size: 24px;
        font-weight: bold;
        line-height: 100%;
    }

    #ics-council .col-md-4 h3 span {
        font-size: 20px;
        color: #7f8c8d;
        font-weight: normal
    }

    #ics-council .col-md-4 p {
        font-size: 14px
    }

    #ics-council .col-md-4 img {
        width: 20%
    }
}

/* ================= itSMF  ============================= */
#page-resources .col-md-12 h1 {
    text-align: center;
    margin: 0 auto;
    padding: 0
}

#page-resources .btn-ghost {
    display: inline-block;
}

#page-resources .btn-ghost:link,
#page-resources .btn-ghost:visited {
    border: solid 2px #b70d4d;
    color: #b70d4d !important;
    border-radius: 0;
}

#page-resources .btn-ghost:hover,
#page-resources .btn-ghost:active {
    color: #fff !important;
    background: #b70d4d
}

#page-resources .col-md-3 img.img-responsive {
    width: 100%
}

/*--- Mobile portrait ---*/
@media all and (max-width: 360px) {
    #page-resources .col-md-12 h1 {
        font-size: 24px
    }

    #page-resources .col-md-3 h3 {
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 20px 0 6px 12px;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        width: 90%;
        margin: 0 0 10px 12px;
        font-size: 14px;
    }
    
    #page-resources .col-md-4 h3 {
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 20px 0 6px 12px;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        width: 90%;
        margin: 0 0 10px 12px;
        font-size: 14px;
    }

    #page-resources .btn-ghost {
        display: block;
        margin: 0 20px 30px 0;
    }

    #page-resources .col-md-3 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 60% !important;
    }
    
    #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 60% !important;
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 361px) and (max-width: 480px) {
    #page-resources .col-md-12 h1 {
        font-size: 24px
    }

    #page-resources .col-md-3 h3 {
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 20px;
        margin: 20px 0 6px 12px;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        width: 90%;
        margin: 0 0 10px 12px;
        font-size: 15px;
    }
    
    #page-resources .col-md-4 h3 {
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 20px;
        margin: 20px 0 6px 12px;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        width: 90%;
        margin: 0 0 10px 12px;
        font-size: 15px;
    }

    #page-resources .btn-ghost {
        display: block;
        margin: 0 20px 30px 0;
    }

    #page-resources .col-md-3 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 60% !important;
    }
    
    #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 60% !important;
    }
}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    #page-resources .col-md-12 h1 {
        font-size: 24px
    }

    #page-resources .col-md-3 h3 {
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 22px;
        margin: 32px 0 6px 12px;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        width: 90%;
        margin: 0 0 10px 12px;
        font-size: 15px;
    }
    
    #page-resources .col-md-4 h3 {
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 22px;
        margin: 32px 0 6px 12px;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        width: 90%;
        margin: 0 0 10px 12px;
        font-size: 15px;
    }

    #page-resources .btn-ghost {
        display: block;
        margin: 0 20px 30px 0;
    }

    #page-resources .col-md-3 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 40% !important;
    }
    
    #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 40% !important;
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (min-width: 768px) and (max-width: 991px) {
    #page-resources .col-md-12 h1 {
        font-size: 32px
    }

    #page-resources .col-md-3 h3 {
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 42px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        width: 90%;
        margin: 0 0 10px 0;
        font-size: 14px;
    }
    
    #page-resources .col-md-4 h3 {
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 42px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        width: 90%;
        margin: 0 0 10px 0;
        font-size: 14px;
    }

    #page-resources .btn-ghost {
        display: block;
        margin: 0 0 40px;
    }

    #page-resources .col-md-3 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 90% !important;
    }
    
    #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 90% !important;
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #page-resources .col-md-12 h1 {
        font-size: 32px
    }

    #page-resources .col-md-3 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }
    
    #page-resources .col-md-4 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }

    #page-resources .btn-ghost {
        display: block;
        margin: 0 0 40px;
    }

    #page-resources .col-md-3 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    
     #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    
}

@media only screen and (min-width: 1025px) and (max-width: 1223px) {
    #page-resources .col-md-12 h1 {
        font-size: 42px
    }

    #page-resources .col-md-3 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }
    
     #page-resources .col-md-4 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }

    #page-resources .btn-ghost {
        display: block;
        margin: 0 0 40px;
    }

    #page-resources .col-md-3 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    
    #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

@media only screen and (min-width: 1224px) and (max-width: 1336px) {
    #page-resources .col-md-12 h1 {
        font-size: 42px
    }

    #page-resources .col-md-3 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }
    
    #page-resources .col-md-4 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }

    #page-resources .btn-ghost {
        display: block;
        margin: 0 0 40px;
    }

    #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (max-width: 1440px) and (min-width: 1337px) {
    #page-resources .col-md-12 h1 {
        font-size: 42px
    }

    #page-resources .col-md-3 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }

     #page-resources .col-md-4 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }

    
    #page-resources .btn-ghost {
        display: block;
        margin: 0 0 40px;
    }

    #page-resources .col-md-3 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    
     #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    #page-resources .col-md-12 h1 {
        font-size: 42px
    }

    #page-resources .col-md-3 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-3 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }
    
    #page-resources .col-md-4 h3 {
        min-height: 42px;
        border-left: solid 4px #b70d4d;
        padding-left: 8px;
        font-size: 18px;
        margin: 22px 0 6px 0;
        font-weight: bold;
    }

    #page-resources .col-md-4 p {
        line-height: 136%;
        margin: 0 0 10px 0;
        font-size: 14px
    }

    #page-resources .btn-ghost {
        display: block;
        margin: 0 0 40px;
    }

    #page-resources .col-md-3 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    
    #page-resources .col-md-4 img.img-responsive {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

#page-documents .col-md-12 h1 {
    text-align: center;
    margin: 0 auto;
    padding: 0
}

#page-documents .col-md-4 h3 {
    border-left: solid 4px #b70d4d;
    padding-left: 8px;
    margin: 20px 0 12px 28px;
    font-weight: bold
}

#page-documents .col-md-4 ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}

#page-documents .col-md-4 ul li {
    margin: 0 0 10px 0;
    padding-left: 30px;
    line-height: 128%;
    background: url("https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/itsmf/icon-pdf.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0)
}

#page-documents .col-md-4 a {
    font-weight: bold
}

#page-documents .col-md-4 ul li span {
    font-family: 'Bitter', Times, serif;
    font-size: 14px;
    display: block
}

/*--- Mobile portrait ---*/
@media all and (max-width: 360px) {
    #page-documents .col-md-12 h1 {
        font-size: 24px;
        width: 90%;
    }

    #page-documents .col-md-4 h3 {
        font-size: 18px;
        margin: 20px 0 12px 0
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 361px) and (max-width: 480px) {
    #page-documents .col-md-12 h1 {
        font-size: 24px;
        width: 90%;
    }

    #page-documents .col-md-4 h3 {
        font-size: 20px;
        margin: 20px 0 12px 30px
    }

    #page-documents .col-md-4 ul {
        margin-left: 30px
    }

    #page-documents .col-md-4 a {
        font-size: 15px
    }

    #page-documents .col-md-4 ul li span {
        font-size: 14px
    }
}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    #page-documents .col-md-12 h1 {
        font-size: 24px;
        width: 90%;
    }

    #page-documents .col-md-4 h3 {
        font-size: 20px;
        margin: 20px 0 12px 30px
    }

    #page-documents .col-md-4 ul {
        margin-left: 30px
    }

    #page-documents .col-md-4 a {
        font-size: 15px
    }

    #page-documents .col-md-4 ul li span {
        font-size: 14px
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (min-width: 768px) and (max-width: 991px) {
    #page-documents .col-md-12 h1 {
        font-size: 32px;
        width: 90%;
    }

    #page-documents .col-md-4 h3 {
        font-size: 18px;
        margin: 20px 0 12px 0
    }

    #page-documents .col-md-4 ul {
        margin-left: 0
    }

    #page-documents .col-md-4 a {
        font-size: 14px
    }

    #page-documents .col-md-4 ul li span {
        font-size: 13px
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #page-documents .col-md-12 h1 {
        font-size: 32px;
        width: 90%;
    }

    #page-documents .col-md-4 h3 {
        font-size: 20px;
        margin: 20px 0 12px 0
    }

    #page-documents .col-md-4 ul {
        margin-left: 0
    }

    #page-documents .col-md-4 a {
        font-size: 15px
    }

    #page-documents .col-md-4 ul li span {
        font-size: 15px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1223px) {
    #page-documents .col-md-12 h1 {
        font-size: 32px;
        width: 90%;
    }

    #page-documents .col-md-4 h3 {
        font-size: 20px;
        margin: 20px 0 12px 0
    }

    #page-documents .col-md-4 ul {
        margin-left: 0
    }

    #page-documents .col-md-4 a {
        font-size: 16px
    }

    #page-documents .col-md-4 ul li span {
        font-size: 15px
    }
}

@media only screen and (min-width: 1224px) and (max-width: 1336px) {
    #page-documents .col-md-12 h1 {
        font-size: 38px;
        width: 90%;
    }

    #page-documents .col-md-4 h3 {
        font-size: 20px;
        margin: 20px 0 12px 0
    }

    #page-documents .col-md-4 ul {
        margin-left: 0
    }

    #page-documents .col-md-4 a {
        font-size: 16px
    }

    #page-documents .col-md-4 ul li span {
        font-size: 15px
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (max-width: 1440px) and (min-width: 1337px) {
    #page-documents .col-md-12 h1 {
        font-size: 42px
    }

    #page-documents .col-md-4 h3 {
        font-size: 20px;
        margin: 20px 0 12px 0
    }

    #page-documents .col-md-4 ul {
        margin-left: 0
    }

    #page-documents .col-md-4 a {
        font-size: 16px
    }

    #page-documents .col-md-4 ul li span {
        font-size: 15px
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    #page-documents .col-md-12 h1 {
        font-size: 42px
    }

    #page-documents .col-md-4 h3 {
        font-size: 20px;
        margin: 20px 0 12px 0
    }

    #page-documents .col-md-4 ul {
        margin-left: 0
    }

    #page-documents .col-md-4 a {
        font-size: 16px
    }

    #page-documents .col-md-4 ul li span {
        font-size: 15px
    }
}

#page-events-archive .conf-container {
    background: #E4F1FE;
    padding-top: 20px;
    margin-bottom: 32px;
    margin-top: -22px;
}

#page-events-archive .conf-container .row-presentation .col-md-1 img.img-responsive {
    border: solid 1px #b70d4d;
}

#page-events-archive .conf-container-heading,
#page-events-archive .conf-container-heading p {
    background: #2980b9 !important;
    color: #fff;
}

#page-events-archive .conf-container-heading {
    text-align: center
}

#page-events-archive .conf-container-heading p {
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

#page-events-archive .conf-container-heading p a {
    color: #fff
}

#page-events-archive .conf-container-heading p a:link,
#page-events-archive .conf-container-heading p a:visited {
    text-decoration: underline
}

#page-events-archive .conf-container-heading p a:hover,
#page-events-archive .conf-container-heading p a:active {
    text-decoration: none
}

#page-events-archive .row-presentation span.presentation {
    font-style: italic;
    font-weight: bold;
    line-height: 124%;
    color: #000;
    font-family: 'Merriweather', sans-serif
}

#page-events-archive .row-presentation span.presenter {
    font-weight: normal;
    font-style: normal;
    color: #555;
    font-family: 'Open Sans', Arial, serif;
    display: block;
    margin: 0;
    line-height: 128%
}

#page-events-archive .row-presentation span.organisation {
    font-weight: normal;
    font-style: normal;
    color: #555;
    font-family: 'Open Sans', Arial, serif;
    display: block;
    margin: 0;
    line-height: 128%
}

#page-events-archive .row-presentation .col-md-5 .well {
    border-width: 0 !important;
    border-radius: 0;
    padding: 10px
}

#page-events-archive .row-presentation .col-md-8 a.btn {
    background: #b70d4d;
    color: #fff;
    border-color: #b70d4d;
    border-radius: 0 !important;
    float: left
}

/*--- Mobile portrait ---*/
@media all and (max-width: 360px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 24px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 12px
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 16px;
        line-height: 112%;
        padding-right: 12px
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 15px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 12px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: center;
    }

    #page-events-archive .row-presentation .col-xs-12 .label {
        display: inline-block;
        padding: 6px 42px;
        margin: 12px auto 12px auto
    }

    #page-events-archive .row-presentation .col-md-5 .well {
        width: 90%;
        margin-left: 12px
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 361px) and (max-width: 480px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 28px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 12px
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 18px;
        line-height: 112%;
        padding-right: 12px
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 14px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: center;
    }

    #page-events-archive .row-presentation .col-xs-12 .label {
        display: inline-block;
        padding: 6px 42px;
        margin: 12px auto 12px auto
    }

    #page-events-archive .row-presentation .col-md-5 .well {
        width: 90%;
        margin-left: 12px
    }
}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 30px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 12px;
        width: 70%;
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 22px;
        line-height: 112%;
        padding-right: 12px
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: center;
    }

    #page-events-archive .row-presentation .col-xs-12 .label {
        display: inline-block;
        padding: 6px 42px;
        margin: 12px auto 12px auto
    }

    #page-events-archive .row-presentation .col-md-5 .well {
        width: 90%;
        margin-left: 12px
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and (min-width: 768px) and (max-width: 991px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 30px
    }

    #page-events-archive .row-presentation {
        margin-bottom: 30px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 10px
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 18px;
        line-height: 122%
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 15px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: left;
    }

    #page-events-archive .row-presentation .col-xs-12 .label {
        display: inline-block;
        padding: 6px 22px;
        margin: 0 0 12px 0
    }

    #page-events-archive .row-presentation .col-md-5 .well {
        width: 90%;
        margin-left: 12px
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 34px
    }

    #page-events-archive .row-presentation {
        margin-bottom: 30px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 10px
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 20px;
        line-height: 122%
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 18px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: left;
    }

    #page-events-archive .row-presentation .col-xs-12 .label {
        display: inline-block;
        padding: 6px 22px;
        margin: 0 0 12px 0
    }

    #page-events-archive .row-presentation .col-md-5 .well {
        width: 90%;
        margin-left: 12px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1223px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 36px
    }

    #page-events-archive .row-presentation {
        margin-bottom: 30px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 10px
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 22px;
        line-height: 122%
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 18px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: center;
    }

    #page-events-archive .row-presentation .col-xs-12 .label {
        font-size: 14px
    }

    #page-events-archive .row-presentation .col-md-8 a.btn {
        padding: 3px 12px
    }
}

@media only screen and (min-width: 1224px) and (max-width: 1336px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 36px
    }

    #page-events-archive .row-presentation {
        margin-bottom: 30px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 10px
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 22px;
        line-height: 122%
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 18px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: center;
    }

    #page-events-archive .row-presentation .col-xs-12 .label {
        font-size: 14px
    }

    #page-events-archive .row-presentation .col-md-8 a.btn {
        padding: 3px 12px
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (max-width: 1440px) and (min-width: 1337px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 36px
    }

    #page-events-archive .row-presentation {
        margin-bottom: 30px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 10px
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 22px;
        line-height: 122%
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 18px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: left;
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    #page-events-archive .col-md-12 h1 {
        font-size: 36px
    }

    #page-events-archive .row-presentation {
        margin-bottom: 30px
    }

    #page-events-archive .row-presentation .col-md-1 img.img-responsive {
        margin-left: 10px
    }

    #page-events-archive .row-presentation span.presentation {
        font-size: 22px;
        line-height: 122%
    }

    #page-events-archive .row-presentation span.presenter {
        font-size: 18px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation span.organisation {
        font-size: 16px;
        margin-right: 10px
    }

    #page-events-archive .row-presentation .col-xs-12 {
        text-align: left;
    }
}

#page-vendors div.grey-background {
    background: #ddd;
    width: 100%;
    margin-bottom: 20px;
}

#page-vendors .col-md-3 .well {
    background: #fff;
    border-top: solid 6px #b70d4d;
    border-radius: 0
}

#page-vendors .col-md-3 .well img {
    margin-bottom: 20px;
    text-align: center;
}

#page-vendors .col-md-3 .well p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 136%;
    font-size: 14px;
}

#page-vendors .col-md-3 .well p a:link, #page-vendors .col-md-3 .well p a:visited {
    text-decoration: underline;
}

#page-vendors .col-md-3 .well p a:hover, #page-vendors .col-md-3 .well p a:active {
    text-decoration: none
}

.col-md-12 a.ghost-btn-book {
    display: inline-block;
    text-align: left;
    margin: 30px 0 50px 0;
    border: solid 2px #b70d4d;
    background: #fff;
    color: #b70d4d;
    padding-right: 10px;
    line-height: 132%;
}

.col-md-12 a.ghost-btn-book span {
    background: #b70d4d;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', Arial, sans-serif;
    padding: 8px 20px;
}

.col-md-12 a.ghost-btn-book:hover,
.col-md-12 a.ghost-btn-book:active {
    border: solid 2px #337ab7;
    text-decoration: none;
    background: #337ab7
}

.col-md-12 a.ghost-btn-book:hover span,
.col-md-12 a.ghost-btn-book:active span {
    text-decoration: none;
    background: #337ab7
}

.col-md-12 a.ghost-btn-book:hover i,
.col-md-12 a.ghost-btn-book:active i {
    color: #fff !important;
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {

}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {

}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {

}

/* Smaller desktops and laptops ( multiple cols, md) */

@media all and (min-width: 768px) and (max-width: 991px) {
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1223px) {
    #page-vendors div.grey-background {
        padding: 60px 0 60px 0;
    }
}

@media only screen and (min-width: 1224px) and (max-width: 1336px) {
    #page-vendors div.grey-background {
        padding: 60px 0 60px 0;
    }

    #page-vendors .col-md-3 .well {
        min-height: 520px;
    }
}

/* Popular desktops and laptops ----------- */
@media only screen and (max-width: 1440px) and (min-width: 1337px) {
    #page-vendors div.grey-background {
        padding: 60px 0 60px 0;
    }

    #page-vendors .col-md-3 .well {
        min-height: 520px;
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    #page-vendors div.grey-background {
        padding: 60px 0 60px 0;
    }

    #page-vendors .col-md-3 .well {
        min-height: 520px;
    }

}

#login-member-msg {
    background: #F4D03F;
    padding: 12px 12px 8px 12px;
    margin-top: -20px;
}

#login-member-msg p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}

#login-member-msg p a {
    font-size: 13px;
}

#login-member-msg p i {
    color: #c0392b
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #login-member-msg p {
        font-size: 12px;
        margin-bottom: 0;
        line-height: 132%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    #login-member-msg p {
        font-size: 12px;
        margin-bottom: 0;
        line-height: 132%;
    }
}

.bird-circle {
    border: solid 1px #3c763d;
    font-size: 10px;
    border-radius: 50%;
    text-align: center;
    margin: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.bird-circle p {
    font-weight: bold;
    text-transform: uppercase;
    color: #3c763d;
    line-height: 100%;
    margin: 0 auto !important
}

.bird-circle h5 {
    font-weight: bold;
    color: #3c763d;
    line-height: 100%;
}

@media all and (max-width: 320px) {
    .bird-circle {
        height: 50px;
        width: 50px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 8px;
        padding: 10px 0 3px 0;
        line-height: 100%
    }

}

@media all and (min-width: 321px) and (max-width: 360px) {
    .bird-circle {
        height: 60px;
        width: 60px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 10px;
        padding: 11px 0 3px 0;
        line-height: 100%
    }

}

/*--- Mobile landscape ---*/
@media all and (min-width: 361px) and (max-width: 480px) {
    .bird-circle {
        height: 60px;
        width: 60px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 10px;
        padding: 6px 0 3px 0;
        line-height: 100%
    }

}

/*--- phablet ---*/
@media all and (min-width: 481px) and (max-width: 767px) {
    .bird-circle {
        height: 60px;
        width: 60px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 10px;
        padding: 6px 0 3px 0;
        line-height: 100%
    }

}

/* small three columns   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bird-circle {
        height: 50px;
        width: 50px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 8px;
        padding: 8px 0 3px 0;
        line-height: 100%
    }

}

/* less small three columns  desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .bird-circle {
        height: 60px;
        width: 60px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 10px;
        padding: 6px 0 3px 0;
        line-height: 100%
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .bird-circle {
        height: 60px;
        width: 60px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 10px;
        padding: 6px 0 3px 0;
        line-height: 100%
    }

}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .bird-circle {
        height: 60px;
        width: 60px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 10px;
        padding: 6px 0 3px 0;
        line-height: 100%
    }

}

@media only screen and (min-width: 1401px) and (max-width: 2000px) {
    .bird-circle {
        height: 60px;
        width: 60px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 10px;
        padding: 6px 0 3px 0;
        line-height: 100%
    }

}

@media only screen and (min-width: 2001px) {
    .bird-circle {
        height: 60px;
        width: 60px;
        margin-left: 20px
    }

    .bird-circle h5 {
        padding: 0 0 6px 0;
        font-size: 22px;
        line-height: 100%;
        margin-top: -2px
    }

    .bird-circle p {
        font-size: 10px;
        padding: 6px 0 3px 0;
        line-height: 100%
    }

}

.panel-ics {
    border-color: #428bca;
}

.panel-ics > .panel-heading {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.panel-hisi {
    border-color: #00927F;
}

.panel-hisi > .panel-heading {
    color: #fff;
    background-color: #00927F;
    border-color: #00927F;
}

.panel-baai {
    border-color: #B90303;
}

.panel-baai > .panel-heading {
    color: #fff;
    background-color: #B90303;
    border-color: #B90303;
}

.panel-itsmf {
    border-color: #b70d4d;
}

.panel-itsmf > .panel-heading {
    color: #fff;
    background-color: #b70d4d;
    border-color: #b70d4d;
}

.panel-iasa {
    border-color: #0084A9;
}

.panel-iasa > .panel-heading {
    color: #fff;
    background-color: #0084A9;
    border-color: #0084A9;
}

.panel-dpo {
    border-color: #46166B;
}

.panel-dpo > .panel-heading {
    color: #fff;
    background-color: #46166B;
    border-color: #46166B;
}

.table {
    margin-bottom: 0;
}

.thumb {
    text-align: center;
    height: 75px;
}

.total-price {
    text-decoration: line-through;
    color: red;
    font-size: 1.2em;
}

.biggest {
    font-size: 1.3em;
}

.btn-itsmf {
    color: #fff;
    background-color: #b70d4d;
    border-color: #357ebd;
}

select.error, textarea.error, input.error {
    border: 1px solid #f00;
}

select.valid, textarea.valid, input.valid {
    border: 1px solid green;
}

label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}

/*********HISI*******/
.sponsor-pics {
    margin: 8px 0 40px 0
}

.sidebar-certification {
    margin-bottom: 0;
}

.primary-content ul.icons-ul {
    margin-left: -20px
}

.primary-content ul.icons-ul li i {
    color: #00927F;
}

.icons-ul {
    margin-left: 26px !important;
    padding-left: 0 !important
}

.icons-ul li {
    list-style: none;
    margin-left: -3px !important;
    padding-left: 0 !important
}

.icons-ul > li i {
    color: #00927F;
    margin-right: 5px;
}

/*--- Mobile portrait ---*/
@media all and (max-width: 320px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 16px
    }
}

/*--- Mobile landscape ---*/
@media all and (min-width: 321px) and (max-width: 480px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 16px
    }
}

/*--- Small tablets (sm) --*/
@media all and (min-width: 481px) and (max-width: 767px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 18px
    }
}

/* Smaller desktops and laptops ( multiple cols, md) */
@media all and  (min-width: 768px) and (max-width: 991px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 20px
    }
}

/* Less small desktops and laptops (lg) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 24px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1289px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 24px
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1336px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 32px
    }
}

@media only screen and (min-width: 1337px) and (max-width: 1440px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 32px
    }
}

/* Larger screens ----------- */
@media only screen and (min-width: 1441px) {
    .primary-content-hisi .col-md-6 p.deckhead {
        font-size: 32px
    }
}


/* ====================== HISI FRONT PAGE ============================ */

@media screen and (max-width: 768px) {
    #ECDL-Comp {
       margin-top: 10px;
    }
}

@media screen and (min-width: 769px) {
    #ECDL-Comp {
       margin-bottom: 20px !important;
    }
}

.course-catalogue .well{
	border-radius: 0px;
	background: #2c3e50;
	color: #fff;
	margin-top: 2px;
	width: 100%;
}


.course-catalogue .well p{
	font-size: 14px;
	color: #fff;
}

.course-catalogue .course-text h3{
	color: #2c3e50;
}

.course-catalogue .well li, .course-catalogue .well h3{
	color: #fff;
}

.course-catalogue .well ul li{
	background: none;
}

.course-catalogue .course-text{
	border-bottom: solid 1px #eee;
}

@media only screen and (min-width: 1441px){
	.primary-content-hisi .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1290px){
	.primary-content-hisi .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1289px) and (min-width: 1025px){
	.primary-content-iasa .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}


@media only screen and (min-width: 1441px){
	.primary-content-iasa .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1290px){
	.primary-content-iasa .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1289px) and (min-width: 1025px){
	.primary-content-iasa .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}

@media only screen and (min-width: 1441px){
	.primary-content-iasa .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1290px){
	.primary-content-iasa .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1289px) and (min-width: 1025px){
	.primary-content-iasa .course-catalogue-tab{
		min-height: 250px;
		margin-top: 0px;
	}
}

.ex-padding{
    width: 96% !important;
    margin-left: 2%;
}

#benefit-hero.section-parallax-bg {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: 400px;
}

#benefit-hero.parallax-bg-img-3 {
    background-image: url(https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/office-1516329_1280.jpg);
    background-position: bottom;
}

.overlay-blue {
    background: rgba(0, 84, 128, 0.5);
    height: 100%;
}

.section-bg-color {
    background-color: rgba(255, 255, 255, 0.8);
    
}

.section-bg-color h1 {
    color: #005480;
}

.benefits .awesome{
    padding: 15px;
    color: whitesmoke;
    border-radius: 100px;
    border: solid 2px #000;
    text-align: center;
}

.circle-icon {
    border: solid 5px #005480;
    padding:30px;
    border-radius: 50%;
    color: #ff8500;
}

.ben a.lead{
    bottom: 0px important;
}

#ben-graph{
    background-image: url(https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/ics/rise3.png), url(https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/ics/rise5.png);
    background-position: bottom right, left top;
    background-repeat: no-repeat;
    /*box-shadow: 0 4px 2px -2px #999 !important;*/
    z-index: 100000 !important;
}

#ben-gray{
    background: url(https://irish-computer-society-media.s3-eu-west-1.amazonaws.com/assets/img/ics/benefits/bg-pattern-bw.png);
}

#ben-gray .card{
    border: solid 5px #999;
    border-radius: 0px;
}

.ben-marg{
    
}

.sidebar-events-ben{
    background: rgba(255, 255, 255, 0) !important;
}

#ben-graph .arrow_box {
	position: relative;
	background: #fff;
	border: 3px solid #005480;
}
#ben-graph .arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#ben-graph .arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 30px;
	margin-left: -30px;
        margin-top: -7px;
}
#ben-graph .arrow_box:before {
	border-color: rgba(153, 153, 153, 0);
	border-top-color: #005480;
	border-width: 31px;
	margin-left: -31px;
}

#ben-gray .offer{
    margin-bottom: 18px;
}

@media screen and (max-width: 768px) {
    #benefit-hero.parallax-bg-img-3 {
        background: #eee;
        height: 150px;
    }
    .overlay-blue {
        background: #eee;
    }
}

select.error, textarea.error, input.error {
    border: 1px solid #f00;
}
select.valid, textarea.valid, input.valid {
    border: 1px solid green;
}
label.error {
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}
/* for typeahead drop box */
.tt-suggestions {

    border: solid 1px gray;
    background-color: white;
}



#picton .header-box {
       margin: 40px 0 0 0 !important;
       width: 80% !important;
    }
    
    .small-nav{
        background-color: rgba(255, 255, 255, 0);
       
    }
    
    .small-nav ul{
        margin-top: -2px;
        margin-bottom: -34px;
        padding: 6px;
        padding-right: 0px;
        float: right;
    }
    .small-nav-ics{
        background: #005480;
    }
    
    .small-nav-iasa{
        background: #0084a9;
    }
    
    .small-nav-hisi{
        background: #00927f;
    }
    
    .small-nav-baai{
        background: #c0392b;
    }
    
    
    .small-nav-dpo{
        background: #46166b;
    }
    
    .small-nav-itsmf{
        background: #b70d4d;
    }
    
@media screen and (max-width: 1026px) {
    .small-nav {
        visibility: visible;
        display: block;
    }
    .jumbotron {
        margin-top: 31px;
    }
    #med-hide{
         visibility: hidden;
         display: none;
    }
}

@media screen and (max-width: 768px) {
    .small-nav {
        visibility: hidden;
        display: none;
    }
    #med-hide{
        visibility: visible;
        display: block;
    }
}
@media screen and (min-width: 1026px) {
    .small-nav {
        visibility: hidden;
        display: none;
    }
    #med-hide{
        visibility: visible;
        display: block;
    }
}

.course-text ul li{
    font-size: 15px !important;
}

/* SPOSNSORSHIP FORM CSS */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

    .parsley-errors-list.filled {
        opacity: 1;
    }

    #countdown{
        color: #46166b;
        font-weight: bold !important;
        text-align: center !important;
        margin-right: 5px !important;
    }
    #countdown{
        
    }
    
    .divider-right-bottom{
        border-right: solid 1px #46166b;
        border-bottom: solid 1px #46166b;
        text-align: center;
       
    }
    
    .bottom{
        border-bottom: solid 1px #46166b;
        
    }

    #make-your-boss-pay {
        z-index: 1028;
        float: left !important;
        position: fixed;
        margin-top: 10%;
        margin-left: -4px;
        border-radius: 2px;
        box-shadow: 2px 2px 2px #888888;
        font-size: 30px;
        background-color: rgb(119,193,71);
        color: #fff;
        font-family: 'HelveticaNeue', Helvetica,Arial,sans-serif, sans-serif !important;
        -webkit-animation: mymove 2s;
        -webkit-animation-timing-function: linear;
        animation: mymove 2s;
        animation-timing-function: linear;
        font-size: 18px !important;
      }
      
      /* Chrome, Safari, Opera */
      @-webkit-keyframes mymove {
        from {left: -400px;}
        to {left: -3px;}
      }
      
      @keyframes mymove {
        from {left: -400px;}
        to {left: -3px;}
      }