/*
----------HEADER - START---------- 
*/
.topheader .row {
    margin-right: 0px;
    margin-left: 0px;
}
.topheader .navbar-brand, .topheader p,  .topheader a, .logo__display p, .logo__display a {
    color: rgba(0,0,0,.5);
    text-decoration: none;
    background-color: transparent;
    font-size: inherit;
}

.topheader .navbar {
    padding: 0px;
    display: inline-block;
    float: right;
}

.topheader .col-sm-9 {
    padding-right: 0;
    padding-left: 0;
}

.topheader .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

.topheader div.col-sm-3 div.logo_img {
    max-width: 110px;
    padding-left: 0;
    height: max-content;
    top: 10px;
}

.topheader div.col-sm-3 div.contact_text {
    padding-left: 0;
    top: 10px;
}

.navbar-nav {
    flex-direction: row-reverse;
    padding-left: 0;
    position: fixed;
}

.navbar-light .navbar-toggler {
    border-color: transparent !important;
    padding: -0.75rem .75rem !important;
}

button:focus {
    outline: 1px !important;
}

button span {
    display: block;
}

.btn-primary
{
    background-color: #0054a4;
    border-color: #0054a4;
    color: #fff;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
}

.nav {
    list-style: none;
    font-size: inherit;
}

.headshot {
    margin-top: -5px;
    display: inline-flex;
}

ul.headshot.nav {
    font-size: 16px !important;
}

.rhc-dualdisplay.home a:hover {
    text-decoration: underline;
}

.headshot li.nav-item a {
    color: #ffffff;
    font-size: 12px;
    white-space: initial;
    text-align: center;
}

.headshot li.nav-item {
    display: table-cell;
    width: 100px;
}

.headshot li.nav-item:nth-child(1) {
    /*This is the same in all versions*/
        background: #00c100 url('../img/daisy-group-logo.svg') no-repeat center 23px;
        background-size: 23px;
}

.headshot li.nav-item:nth-child(2) {
    background: #0054a4 url('../img/breachicon.png') no-repeat center 23px;
    background: #0054a4 url('../img/breachicon.webp') no-repeat center 23px;
}

.headshot li.nav-item:nth-child(3) {
    background: #005EA9 url('../img/rhcicom.png') no-repeat center 23px;
    background: #005EA9 url('../img/rhcicon.webp') no-repeat center 23px;
}

.headshot li.nav-item:nth-child(4) {
    background: #0065ae url('../img/partnersicon.png') no-repeat center 23px;
    background: #0065ae url('../img/partnersicon.webp') no-repeat center 23px;
}

.headshot li.nav-item:nth-child(5) {
    background: #0075b6 url('../img/investoricon.png') no-repeat center 23px;
    background: #0075b6 url('../img/investoricon.webp') no-repeat center 23px;
}

.headshot li.nav-item:nth-child(6) {
    background: #0085bb url('../img/teamicon.png') no-repeat center 23px;
    background: #0085bb url('../img/teamicon.webp') no-repeat center 23px;
}

.headshot li.nav-item:nth-child(7) {
    background: #0094bf url('../img/events-resourcesicon.png') no-repeat center 20px;
    background: #0094bf url('../img/events-resourcesicon.webp') no-repeat center 20px;
}
.headshot li.nav-item:nth-child(8) {
    background: #0097c1 url('../img/resourceicon.png') no-repeat center 23px;
    background: #0097c1 url('../img/resourceicon.webp') no-repeat center 23px;
}

.headshot li.nav-item:nth-child(9) {
    background: #009ec5 url('../img/contacticon.png') no-repeat center 21px;
    background: #009ec5 url('../img/contacticon.webp') no-repeat center 21px;
}
.headshot .nav-link {
    display: block;
    padding: 0.5rem 0.5rem;
    padding-top: 45px;
}

.page-header {
    z-index: 999;
    position: fixed;
    padding: 0px 30px 50px 30px;
    background-color: #ffffff;
    width: 100%;
}

.navbar {
    display: inline-block;
    float: right;
    margin-right: -35px;
    padding: 0.5rem 1.25rem !important;
    margin-top: -15px;
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.5);
}

.navbar-toggler-text {
    vertical-align: middle;
}

.logo__img {
    max-width:75px;
}

.nav-link {
    color: rgba(0,0,0,.5);
    padding: .5rem 0rem 1rem 1rem;
}

.headshot .nav {
    flex-wrap: nowrap;
}

.menu-btn {
    float: right;
    font-size: 1.25rem;
    color: rgba(0,0,0,.5);
    position: relative; 
    padding-bottom: 1.5rem;
}

a.menu-btn:hover {
    text-decoration: none;
    color:#0054a4;
}
.menulist {
    padding-top: 80px
}
.menulist .menutitle {
    text-align: center;
}
.menulist .nav-link {
    color: #fff;
    padding: .5rem 0rem 0.5rem 1rem;
}
.menulist a.nav-link:hover {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    opacity: 0.5;
}
.menulist ul {
    list-style: none;
}

.logo__display {
    display: none;
}

@media screen and (max-width: 500px) {
    .main {
        padding: 195px 30px 0px !important;
    }
}
@media screen and (max-width: 576px) {
    .modal-content.menu > h2 {
        margin-top: 0 !important;
    }
    .menulist ul {
        margin: 0.5em 0em 1.5em 0em;
        padding-left: 0px;
    }
    .menulist {
        text-align: center;
        padding-top: 50px;
    }
}
@media screen and (min-width: 501px) and (max-width: 1200px) {
    .main {
        padding: 155px 30px 0px !important;
    }
}
@media screen and (max-width: 1199px) {
    .topheader {
        display: none;
    }
    .logo__display {
        display: contents;
    }
    .menu-btn {
        top: 1rem;
    }
}

/*
----------HEADER - END----------
*/

/*
----------BODY - START----------
*/

body {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 14px;
}

.main {
    padding: 225px 30px 0px;
}

a {
    transition: 0.3s;
}

a:hover {
    color: #0054a4;
    text-decoration: underline;
}

.card {
    border-color: transparent !important;
}

h4 span { 
    position: absolute; 
    top: -230px;
}
.protect-page p span, .assurance-page p span { 
    position: absolute; 
    top: -265px;
}
.resources p span {
    position: absolute; 
    top: -265px;
}
.mdr-page p span { 
    position: absolute; 
    top: -270px;
}

.terms-page p span { 
    position: absolute; 
    top: -220px;
}

.join-the-team h4 span  { 
    top: -200px;
}

hr {
    border: 0.5px solid #DCDCDC !important;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.banner {
    padding: 0 14px 0 14px;
}

.card-body.banner .card-img {
    border-radius: 0;
}

.dropdown-content .card .btn {
    padding: 0.25rem 0rem;
}

.dropdown-content .card p, .dropdown-content .card span.card-title {
    font-size: 14px;
    text-align: left;
}

.dropdown-content .card .col-sm.dropdown-title {
    padding-top: 5px; 
    padding-bottom: 5px; 
    line-height: 20px;
    padding-right: 2rem;
}

.dropdown-content .card .col-sm.toggle p {
    float: inline-end ;
    margin-top: -35px;
}

.dropdown-content  .btn-link, .dropdown-content .btn-link:focus {
    color: #000000 !important;
    text-decoration: none;
}

.dropdown-content  .btn-link p:hover {
    text-decoration: none;
}

.dropdown-content  .btn {
    font-weight: inherit !important;
    padding: -0.625rem 0.75rem !important;
    line-height: 0.5 !important;
    border-radius: 0.25rem !important;
}

.dropdown-content .h2, .dropdown-content h2 {
    margin-bottom: -0.5rem !important;
}

.dropdown-content .card-header {
    padding: 0 0 10px !important;
}

.dropdown-content  .card-footer a {
    text-decoration: none;
    background-color: transparent;
}
.dropdown-content .card-footer a:hover {
    text-decoration: underline;
    font-weight: bold;
}

.btn.focus, .btn:focus {
    box-shadow: none !important;
}

.newsletter-submit-btn {
    margin-top: -5px;
}

.dropdown__card {
    padding-bottom: 0px;
    border-bottom-color: #0054a4 !important;

}

.dropdown__card-title{
    padding-bottom: 0 !important;
}

.content_text {
    color: #000000;  
}

.content_text p, .content_text span.card-title{
    margin-left: 20px;
    font-weight: bolder;
    text-align: initial;
}

.content_toggle {
    position: absolute;
    right: 20px;
}

.content_toggle.toggle-text {
    right: 40px;
}

.content_toggle.toggle-icon {
    margin-top: -3px;
}

.card-body.intro-text {
    padding: 0px !important;
}

.card-body.protect-text {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.assurance-intro .col-md-6, .protect-intro .col-md-6, .managed_detection-response .col-md-6 {
    padding-top: 10px;
}

.assurance-intro .col-md-6 img  {
    border-top: 7px solid #f7323f !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.protect-intro .col-md-6 img  {
    border-top: 7px solid #009984 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.managed_detection-response .col-md-6 img {
    border-top: 7px solid #82397f !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.resource-nav .styled-select {
    display: block;
}

.card-title.resource_title {
    margin-top: -20px; 
    margin-bottom: inherit;
}

@media screen and (max-width: 476px){

    h4 span  { 
        top: -220px;
    }
    .terms-page p span, .protect-page p span, .mdr-page p span  { 
        top: -220px;
    }
}

@media screen and (max-width: 500px){
    .resources {
        margin-top: 45px;
    }
    .card-title.resource_title {
        font-size: 12px;
    }
}

@media screen and (min-width:477px) and (max-width: 1199px){
    h4 span, .terms-page p span, .protect-page p span, .mdr-page p span  { 
        top: -250px;
    }
    .join-the-team h4 span { 
        top: -220px;
    }
}

@media screen and (max-width: 992px){
    .main {
        padding: 140px 30px 0px;
    }
}

@media screen and (min-width: 501px) and (max-width: 1199px){
    .resources {
        margin-top: 10px;
    }
}
@media screen and (min-width: 1200px){
    h4 span, .terms-page p span, .join-the-team h4 span { 
        top: -265px;
    }
    .protect-page p span, .mdr-page p span { 
        top: -270px;
    }
}
/*
----------BODY - END----------
*/

/*
----------BANNER - START----------
*/

.carousel-control-prev, .carousel-control-next {
    background-color: #000000;
    color: #ffffff;
    width: 3%;
} 

.homebanner {
    background-image: url('../img/WelcomeBannerECSCNavyNoText.png');
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    width: auto;
    height: 350px;
    position: relative;
}

.homebanner {
    background-image: url('../img/WelcomeBannerECSCNavyNoText.webp');
}

.homebanner_workshop {
    background-image: url('../img/homebanner_workshop.jpg');
    background-image: url('../img/homebanner_workshop.webp');
}

.homebanner_ir {
    background-image: url('../img/homebanner_ir.jpg');
    background-image: url('../img/homebanner_ir.webp');
}

.homebanner_rhc {
    background-image: url('../img/homebanner_rhc.jpg');
    background-image: url('../img/homebanner_rhc.webp');
}

.homebanner_podcast {
    background-image: url('../img/homebanner_podcast.jpg');
    background-image: url('../img/homebanner_podcast.webp');
}

.homebanner_referafriend {
    background-image: url('../img/ReferAFriendBannerECSCNavy.jpg');
    background-image: url('../img/ReferAFriendBannerECSCNavy.webp');
}

.homebanner_textbox {
    position: absolute;    
    height: 100%;
    text-align: center;    
    width: 100%;
}

.homebanner_textbox p {
    background-color: #000000;
    opacity: .7;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding: 5px 10px 5px;

}

.homebanner_textbox p#first_homebanner {
    background-color: unset;
    width: 65%;
    margin-right:10px;
    margin-top: 9.5%;
    font-size: 1.4rem;
    text-align: left !important;
    line-height: 1;
}

.homebanner_textbox p#first_homebanner b.bold_text {
    font-size: 1.6rem;
    font-weight: bolder;
}

.homebanner.homebanner_referafriend h1 {
    font-size: 3.5rem;
    margin-left: 10px;
}

.homebanner.homebanner_referafriend .homebanner_textbox p.referafriend_text {
    background-color: #2b2525;
    opacity: .7;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding: 10px;
}

.homebanner_textbox:before {
    content: '';
    height: 100%;
    vertical-align: middle;
 }

.homebanner h1 {
    margin-top: 55px;
    margin-left: 0;
    margin-right: 5px;
    color: #fff;
    font-size: 65px;
    font-weight: bolder;
    text-align: center;
    padding: 10px 30px 0px;
}

.page-title
{
    font-size: 2rem;
    color: #0054a4;
    text-align: center;
    margin-bottom: 1rem;
}

.page-title-alt
{
    font-size: 1.5rem;
    margin-bottom: .75rem;
}

.page-title-alt-detection
{
    font-size: 1.5rem;
    margin-bottom: .75rem;
    color: #0054A4;
    margin-left: 1.6rem;
}

ul.detection {
    font-size: .9rem;
    line-height: 2;
}

.page-title-caption
{
    padding: 20px;
    font-size: 2rem;
    text-shadow: 2px 2px 4px #060606;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    text-align: center;
    left: 0;
}

.request-a-quote.static_form  {
    background-color: #009984;
    color: #fff;
    font-weight: bold;
    position: absolute;
    padding: 10px 15px 10px 15px;
    font-size: 12px;
    text-align: center;
}

.ir_contact {
    background-color: #9C2846;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 0px;
    padding: 10px 15px 10px 15px;
    font-size: 12px;
    text-align: center;
}

.static_speak-btn {
    background-color: #0054a4;
    color: #fff;
    font-weight: bold;
    position: fixed;
    bottom: 130px;
    transform: rotate(-90deg);
    padding: 10px;
    font-size: 12px;
    text-align: center;
    z-index: 9;
    right: -45px;
}
a.static_speak-btn:hover {
    color: #fff !important;
}
.homebanner_speak-btn {
    background-color: #fff;
    color: #484848;
    font-weight: bold;
    position: absolute;
    bottom: 40px;
    left: 40px;
    padding: 10px;
    font-size: 12px;
    text-align: center;
}
.homebanner_request-btn {
    background-color: #0054a4;
    color: #fff;
    font-weight: bold;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    transform: rotate(-90deg);
    text-align: center;
}

.homebanner_request-btn.info {
    background-color: #fff;
    color: #484848;
    font-weight: bold;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    transform: rotate(-90deg);
    text-align: center;
    bottom: 35px;
    right: 10px;
}

a.homebanner_request-btn.quote {
    bottom: 45px;
    right: 0px;
}

a.homebanner_request-btn.help {
    bottom: 35px;
    right: 10px;
}

a.homebanner_request-btn.rhc, a.homebanner_request-btn.workshop {
    bottom: 60px;
    right: -15px;
}

a.homebanner_request-btn:hover {
    color: #ffffff;
    text-decoration: underline;
}

a.homebanner_daisyfindout-btn {
    bottom: 40px;
    left: 500px;
    position: absolute;
}

@media screen and (max-width: 576px) {
    .homebanner {
        background-image: url('../img/WelcomeBannerECSCNavy-small.png');
    }
    .homebanner {
        background-image: url('../img/WelcomeBannerECSCNavy-small.webp');
    }
    .homebanner_workshop {
        background-image: url('../img/homebanner_workshop-small.jpg');
    }

    .homebanner_workshop {
        background-image: url('../img/homebanner_workshop-small.webp');
    }
    .homebanner_ir {
        background-image: url('../img/homebanner_ir-small.jpg');
    }
    .homebanner_ir {
        background-image: url('../img/homebanner_ir-small.webp');
    }
    .homebanner_rhc {
        background-image: url('../img/homebanner_rhc-small.jpg');
    }
    .homebanner_rhc {
        background-image: url('../img/homebanner_rhc-small.webp');
    }
    .homebanner_podcast {
        background-image: url('../img/homebanner_podcast-small.jpg');
    }
    .homebanner_podcast {
        background-image: url('../img/homebanner_podcast-small.webp');
    }
    .homebanner_referafriend.jpg {
        background-image: url('../img/ReferAFriendBannerECSCNavy.jpg');
    }
    .homebanner_referafriend {
        background-image: url('../img/ReferAFriendBannerECSCNavy.webp');
    }

    .page-title-caption
    {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 500px) {
    .homebanner h1 {
        margin-top: 50px;
        font-size: 25px;
    }
    .ir_number {
       padding-top: 2rem; 
    }
    .ir_contact{
        right: auto;
    }
    .ir_contact, .request-a-quote.static_form {
        padding: 5px 10px 5px 10px;
    }
    .homebanner_textbox p {
        width: 80%;
        font-size: 12px;
    }
    .homebanner_textbox p#first_homebanner {
        margin-top: 25%;
        width: 75%;
        font-size: 14px;
    }
    .homebanner_textbox p#first_homebanner b.bold_text {
        font-size: 16px;
    }
    .homebanner.homebanner_referafriend h1 {
        font-size: 20px;
        margin-top: 50px;
    }
    .homebanner.homebanner_referafriend .homebanner_textbox p.referafriend_text {
        width: 80%;
        font-size: 12px;
    }
    .homebanner_speak-btn {
        bottom: 50px;
        left: 30px;
        font-size: 10px;
    }
    .homebanner_request-btn {
        bottom: 35px !important;
        padding: 10px 10px 10px;
        font-size: 10px;
        width: max-content;
        margin-right: 25px;
        transform: none !important;
        margin-bottom: 15px;
    }
    a.homebanner_request-btn.help, a.homebanner_request-btn.rhc, a.homebanner_request-btn.workshop {
        bottom: 23px;
    }
    a.homebanner_request-btn.rhc, a.homebanner_request-btn.workshop {
        right: 0px !important;
    }
    a.homebanner_daisyfindout-btn {
        bottom: 100px;
        left: 25%;
    }
    .topheader .col-sm-4  {
        white-space: initial;
    }
    .custom-nav .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0.5rem 0 !important;
    }
    .row.menu_bottom_header {
        padding-top: 1rem;
    }
}

@media screen and (min-width: 501px) and (max-width: 599px){
    .homebanner h1 {
        font-size: 30px;
    }
    .homebanner_speak-btn {
        bottom: 50px;
        left: 30px;
        font-size: 10px;
    }
    .homebanner_request-btn {
        padding: 10px 10px 10px;
        font-size: 10px;
    }
    a.homebanner_request-btn.quote {
        bottom: 35px;
    }
    a.homebanner_request-btn.help{
        bottom: 30px;
    }
    a.homebanner_request-btn.rhc, a.homebanner_request-btn.workshop {
        bottom: 50px;
    }
    a.homebanner_daisyfindout-btn {
        bottom: 50px;
        left: 40%;
    }
    .row.menu_bottom_header {
        padding-top: 1rem;
    }
    .homebanner_textbox p#first_homebanner {
        width: 62%;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 600px) and (max-width: 850px) {
    .homebanner h1 {
        font-size: 40px;
    }
    .row.menu_bottom_header {
        padding-top: 1rem;
    }
    a.homebanner_daisyfindout-btn {
        left: 41%;
    }
    .homebanner_textbox p#first_homebanner {
        width: 61%;
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 851px) and (max-width: 1200px) {
    .homebanner h1 {
        font-size: 50px;
    }
    .row.menu_bottom_header {
        padding-top: 1rem;
    }
    a.homebanner_daisyfindout-btn {
        left: 45%;
    }
    .homebanner_textbox p#first_homebanner {
        font-size: 1.3rem;
    }
}

/*
----------BANNER - END----------
*/

/*
----------ABOUT US - START----------
*/

.aboutus {
    margin-top: 3rem;
}

.aboutus .row {
    margin: 0px;
}

.aboutus .col-sm-6 {
    padding: 0px;
}

#about_leftcontainer {
    padding-right: 60px;
}

.protect, .detect,.respond{
    margin: 0rem;
    border-radius: inherit;
    border-width: 0px;
    border-top-width: 0px;
}

.border-top {
    border-image: linear-gradient(to right, #0054a4 , #009984);
    border-image-slice: 100%;
    border-image-slice: 1;
    border-top-width: 5px !important;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}


.protect .card-title, .detect .card-title, .respond .card-title {
    padding-bottom: 0px !important;
}

.aboutus a:hover {
    font-weight: bold;
    text-decoration: underline;
}

.aboutus .col-sm-2 {
    padding-top: 5px;
    margin-left: -5px;}

.aboutus .col-sm-10, .aboutus .col-sm-2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.aboutus .card {
    border-radius: 0;
}

.aboutus .card-body {
    padding: 0px 15px;
}

.aboutus .card-title {
    padding: 15px;
}

.aboutus .card-img {
    width: auto;
    height: auto;
}

.aboutus picture{
    width: max-content;
    margin-left: auto;
    margin-top: 10px;
}

.aboutus, .card-group .card .card-body {
    background-color: transparent;
}

.aboutus .card-footer {
    margin-left: -5px;
    padding-bottom: 1rem;
}

@media screen and (max-width: 850px) {
    .aboutus .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #about_leftcontainer {
        padding-right: 0px;
    } 
    
    #about_rightcontainer {
        padding-left: 0px;
    } 
}

@media screen and (min-width: 851px) and (max-width: 991px) {
    .aboutus .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .aboutus .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/*
----------ABOUT US - END----------
*/


/*
----------SERVICES - START----------
*/

.services a {
    font-weight: bold;
    text-decoration: none;
}

.services a:hover {
    font-weight: bold;
    text-decoration: underline;
}

.services .card-deck {
    margin: 0px;
    justify-content: space-between;
}

.services .card-deck .card {
    margin: 0rem;
    border-radius: inherit;
    border: 1px solid gainsboro !important;
}

.services .card,
.card-footer {
    background-color: transparent;
    border-color: transparent;
    text-align: center;
    align-items: center;
}

.services .card-img {
    width: auto;
    height: auto;
}

.services .card-img-top {
    padding-top: 10px;
    width: 55px;
    height: 90px;
}

.card-img-top.ir, .card-img-top.pci, .card-img-top.ai {
    width: 80px;
}

.outsource-cyber-defence-row {
    background-color: rgb(237,237,237);
}

.mdr-row {
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(0,84,164);
    color: white;
    padding-top: .8rem;
}

.mdr-text {
    font-size: .9rem;
    line-height: 2;
    margin: 2rem;
    margin-top: .4rem;
}

.outsourcecyberdefencerow .card-deck .card {
    background-color: rgb(237,237,237);
}

.outsourcecyberdefencerow .card-deck .card img.card-img-top {
    padding-top: 10px;
    height: 200px;
}

.cyber-defence-content, .cyber-defence-content-blue {
    background-color: white;
    border: rgb(237,237,237) 2px solid;
    margin-left: 2rem;
    margin-right: 2rem;
    padding-top: .8rem;
}

.cyber-defence-content-blue {
    background-color: rgb(0,84,164);
}

.cyber-defence-text-blue.large {
    font-size: large !important;
}


.cyber-defence-text-blue.x-large {
    font-size: 87px;
}

.cyber-defence-text, .cyber-defence-text-blue {
    text-align: center;
    font-size: medium;
    color: white;
}

.cyber-defence-text-blue {
    color: rgb(0,84,164);
}

.mdr-header {
    margin-left: 1rem;
}

.mdr-key-components {
    background-image: url('../img/mdrgraphbackground.jpg');
    background-image: url('../img/mdrgraphbackground.webp');
    background-size: 100%;
}

@media screen and (max-width: 576px) {
    .mdr-key-components {
        background-image: url('../img/mdrbackground-mobile.jpg');
        background-image: url('../img/mdrbackground-mobile.webp');
    }
}

.incident-response-header {
    padding: 1rem;
    padding-left: unset;
}

.mdr-key-components-header {
    padding-top: 1rem;
    margin-left: 1.1rem;
}

.outsource-cyber-defence-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-left: 1.1rem;
}

.key-components-row .key-component-main, .key-components-row .key-component-primary, .key-components-row .key-component-secondary {
    text-align: center;
    font-size: large;
    background-color: rgb(0,84,164);
    border: white 4px solid !important;
    border-radius: 15px;
    color: white;
    margin: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.key-components-row {
    margin: 5px 0px;
    margin-left: 1rem;
    margin-right: 1rem;
}

.key-component-primary {
    height: 6rem;
}

.key-component-secondary {
    height: 5rem;
}

.key-components-row .key-component-secondary {
    color: rgb(0,84,164);
    font-size: medium;
    background-color: rgb(237,237,237);
}

.key-components-row1, .key-components-row2, .key-components-row3 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.speak-btn.speak-to-an-expert {
    border: rgb(0,84,164) solid;
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: rgb(0,84,164) !important;
    font-size: 1rem;
    color: white;
    margin-left: 1.7rem;
    border-radius: .25rem;
}

#cyber-ir, #cyber-breach-detection, #active-threat-detection {
    margin-left: -15px;
}

@media screen and (max-width: 576px) {
    .speak-btn.speak-to-an-expert {
        margin-left: unset;
    }
}

.row.incident-response {
    margin: unset;
    background-image: url('../img/irbackgroundimage.jpg');
    background-image: url('../img/irbackgroundimage.webp');
    background-size: 100%;
}

.row.incident-response .imgBlock_img img {
    width: 200px;
    margin-left: 1rem;
}

@media screen and (max-width: 576px) {
    .col-sm.dropdown-title.dropdown__card-title.detection {
        font-size: 14px;
    }
    #cyber-ir, #cyber-breach-detection, #active-threat-detection {
        font-size: 12px;
        padding: unset;
    }
}

@media screen and (max-width: 576px) {
    .card-link.link-btn {
        margin-left: 2.5rem;
    }
}

@media screen and (max-width: 576px) {
    .outsourcecyberdefencerow .card-deck .card img.card-img-top {
        height: 150px;
    }
}

@media screen and (max-width: 576px) {
    .row.incident-response {
        background-image: url('../img/irbackground-mobile.jpg');
        background-image: url('../img/irbackground-mobile.webp');
        margin-left: unset;
    }
}

@media (max-width: 576px) {
    .services .card-deck, .services .card {
        flex: 0 0 48.7%;
    }
}

@media screen and (min-width: 577px) and (max-width: 981.98px) {
    .services .card-deck, .services .card {
        flex: 0 0 50%;
    }
}

@media screen and (min-width: 992px) {
    .services .card-deck, .services .card {
        flex: 0 0 25%;
    }
}

/*
----------SERVICES - END----------
*/


/*
----------WHY CHOOSE ECSC - START----------
*/

.whyecsc .card-deck {
    margin: 0px;
    justify-content: start;
}

.whyecsc .card-deck .card {
    margin: 0 0;
}

.whyecsc .card-body {
    flex: 0 1 auto;
    padding: 1.25rem;
    margin-left: -20px;
}

.whyecsc .card-footer {
    padding: 0.25rem;
}

.whyecsc .card,
.whyecsc .card-footer {
    background-color: transparent;
    border-color: transparent;
    text-align: center;
    align-items: center;
}

.whyecsc .card-img {
    width: auto;
    height: auto;
}

.whyecsc .card-img-top {
    width: max-content;
}

@media screen and (max-width: 575px) {
    .whyecsc .boxinner {
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 500px) and (max-width: 694px) {
    .whyecsc .card-deck .card {
        flex: 0 0 50%;
    }
}

@media screen and (min-width: 695px) and (max-width: 991px) {
    .whyecsc .card-deck .card {
        flex: 0 0 25%;
    }
}

@media screen and (min-width: 992px) {
    .whyecsc .card-deck .card {
        flex: 0 -1 14%;
    }
}

/*
----------WHY CHOOSE ECSC - END----------
*/

/*
----------CYBER INCIDENT RESPONSE - START----------
*/

.ircarousel {
    height: 350px;
}

.ircarousel_textbox {
    position: absolute;    
    height: 100%;
    text-align: center;    
}

.ircarousel-title {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.carousel-item .ircarousel_textbox:nth-child(1) {
    background: linear-gradient(to right, #0054a4 0%, #009984 100%);
}

.ircarousel_textbox p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding: 40px 10px 5px;

}

.ircarousel_textbox p.ircarousel-feedback {
    padding: 0px 10px 5px;

}
.ircarousel_textbox:before {
    content: '';
    height: 100%;
    vertical-align: middle;
 }

.locations .card-deck {
    display: flex;
}

 .locations .card-deck .card {
    flex: 1 1 auto;
 }

/*
----------CYBER INCIDENT RESPONSE  - END----------
*/

/*
----------ACCREDITATION - START----------
*/
@media screen and (max-width: 500px) {
    .accreditation .card-deck {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .accreditation .card-deck .card {
        flex: 0 0 25%;
    }
}

@media screen and (max-width: 576px) {
    .locations .card-deck {
        display: block;
    }
    .ircarousel_textbox p {
        width: 90%;
        padding: 10px;
    }
    .ircarousel_textbox p.ircarousel-feedback {
        padding: 0px 0px;
        font-size: 12px;
    }
}

@media screen and (min-width: 501px) and (max-width: 760px) {
    .accreditation .card-deck {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .accreditation .card-deck .card {
        flex: 0 0 19%;
    }
}
/*
----------ACCREDITATION - END----------
*/

/*
----------BLOG PAGE - START----------
*/

.blog_date {
    text-align: right !important;
    padding-right: 15px;
    font-weight: bolder;
}
.scorecard {
    background-color: #0054a4;
    color: #fff;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px);
}

.scorecard caption {
    background-color: #0054a4;
    color: #fff;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    text-align: center !important;
    caption-side: top !important;
    font-size: 35px;
}

.table.scorecard th, .table.scorecard td  {
    border-color: transparent !important;
    vertical-align: top;
}

.round {
    border-radius: 50%;
    text-align: center;
    border: 3px solid #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    font-weight: bold;
}

.scorecard-col1 {
    padding-left: 3rem !important;
}

.scorecard-col2 {
    padding: 1rem 0rem 0rem 1rem;
    font-size: 16px;
    font-weight: bold;
}

.scorecard-col4 {
    padding-right: 3rem !important;
}

@media screen and (max-width: 975px) {
    .scorecard caption {
        font-size: 14px;
    }
    .table td, .table th {
        padding: 0.75rem;
        font-size: 11px;
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }
    .scorecard-col1 {
        padding-left: 0.5rem !important;
        padding-right: 0rem !important;
    }
    .scorecard-col4 {
        padding-right: 0.5rem !important;
    }
    .round {
        padding-left: 7px;
        padding-right: 7px;
        font-size: 12px;
    }
}

/*
----------BLOG PAGE - END----------
*/


/*
----------TECHNOLOGY EXPERTISE PAGE - START----------
*/
.card-body.te-text {
    padding: 0rem 1rem 0rem 1rem !important;
}

.te-text.expertise {
    z-index: 1;
}

.tech-banner .card-img {
    border-radius: 0;
}

.assocaites {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.assocaites img {
    height:70px;
    width: auto;
    margin-left: 5px;
    margin-bottom:10px;
}

.kepler-img .card-body {
    padding: 2rem 1rem 0rem 1rem !important;
}

.keplermodules {
    margin-top:20px;
    background:#009984;
    color:white;
    padding:30px;
}

.keplermodules .keplertitle {
    text-align:center;
    border-top: 3px solid white;
    padding:10px;
}

.keplermodules .row{
    margin: 0px 10px;
}

.keplermodules .card{
    background: transparent;
    border-top: 3px solid white;
    border-left: 3px solid white;
    border-bottom: 0px;
    border-right: 0px;
    border-color: white !important;
    margin:0px;
    border-radius: inherit;
    padding: 20px;
    text-align:center;
}

.keplermodules .card:last-child {
    border-right:3px solid white;
}

.keplermodules .card-header {
    background-color: transparent;
    border: 0px;
}

.keplermodules .card-deck {
    margin: 0px;
}

.keplermodules picture img{
    max-width: 200px;
}

.casestudies {
    justify-content: center;
    flex-wrap: wrap;
    display: inline-flex;
}

.casestudies .card-body {
    padding: 1rem 0rem 0rem 0rem;
}

.button {
  cursor: pointer;
  box-sizing: border-box;
  padding: 1rem;
  display: flex;
  background-color: gainsboro;
  color: #007bff !important;
  text-align: center;
  transition: .25s ease;
  border: none;
}

#menu_area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#menu_area .button {
    color: #ffffff;
    text-decoration: none;
}    

#menu_area .button:hover {
    color: #0054a4 !important;
}

label {
  cursor: pointer;
  margin-left:.5em
}

/*input[type="radio"], .tab-folder .tab-content{
  display: none;
}
*/

input#tab1_active:checked ~ #menu_area .tab1-btn{
  color: #fff !important;
  background-color: #0054a4;
}

input#tab2_active:checked ~ #menu_area .tab2-btn {
  color: #fff !important;
  background-color: #0054a4;
}

input#tab3_active:checked ~ #menu_area .tab3-btn {
  color: #fff !important;
  background-color: #0054a4;
}

input#tab4_active:checked ~ #menu_area .tab4-btn{
  color: #fff !important;
  background-color: #0054a4;
}

input#tab5_active:checked ~ #menu_area .tab5-btn {
  color: #fff !important;
  background-color: #0054a4;
}

input#tab1_active:checked ~ .tab-folder #tab1{
  display: block;
}

input#tab2_active:checked ~ .tab-folder #tab2 {
  display: block;
}

input#tab3_active:checked ~ .tab-folder #tab3 {
  display: block;
}

input#tab4_active:checked ~ .tab-folder #tab4{
  display: block;
}

input#tab5_active:checked ~ .tab-folder #tab5 {
  display: block;
}

@media (max-width: 800px) {
    .keplermodules ,card-deck,.keplermodules .card {
        flex: 0 0 100%;
        border-left:0px;
        border-right:0px;
    }
    .keplermodules .card:last-child {
    border-right:0px;
    }

}

@media screen and (max-width: 576px) {
    .anchor {
        padding-top: 195px;
        margin-top: -195px;
    }
    .assocaites .space {
        display: none;
    }
    label {
        font-size: 12px;
    }
    .button {
        padding: 10px;
    }
}

/*
----------TECHNOLOGY EXPERTISE PAGE - END----------
*/


/*
----------RESOURCE PAGE - START----------
*/

.nav.nav-pills.resource-pills {
    justify-content: space-between;
}

.nav.nav-pills.resource-pills li {
    width: 175px;
    height: 70px;
    margin-bottom: 15px;
}

.nav.nav-pills.resource-pills li > a
{
    height: 70px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav.nav-pills.cs-pills {
    justify-content: space-between;
}

.nav.nav-pills.cs-pills li {
    width: 195px;
    font-size: 12px;
    margin-bottom: 10px;
}

.nav.nav-pills.cs-pills li a {
    border-image: linear-gradient(to right, #0054a4 , #009984);
    border-image-slice: 100%;
    border-image-slice: 1;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    padding: 15px;
}

ul.cs-pills > li > a.active {
    border-style: none;
    background: linear-gradient(to right, #0054a4 , #009984);
    color: #fff;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-weight: 
    bold;
}

.cs-pills > li > a {
    color: #000000;
}

.nav.nav-pills.resource-pills li:nth-child(1) {
    background: linear-gradient(to right, #0054a4, #2ea9c8);
}

.nav.nav-pills.resource-pills li:nth-child(2) {
    background: linear-gradient(to right, #2ea9c8, #0054a4);
}

.nav.nav-pills.resource-pills li:nth-child(3) {
    background: linear-gradient(to right, #0054a4, #2ea9c8);
}

.nav.nav-pills.resource-pills li:nth-child(4) {
    background: linear-gradient(to right, #2ea9c8, #0054a4);
}

.nav.nav-pills.resource-pills li:nth-child(5) {
    background: linear-gradient(to right, #0054a4 , #2ea9c8);
}

.nav.nav-pills.resource-pills li:nth-child(6) {
    background: linear-gradient(to right, #2ea9c8, #0054a4);
    margin-right: 0;
}

.tab-content #videos .col-sm-6 iframe.resource-video{
    width: inherit;
}

#videos .resource-video
{
    width: 100%;
    min-height: 300px;
}

#videos>div div:nth-child(odd) {
    padding-right: 5px;
}
#videos>div div:nth-child(even) {
    padding-left: 5px;
}
#videos>div div:nth-child(3n+3), #videos>div div:nth-child(4n+3) {
    padding-top: 5px;
}

#cs .tab-pane .card-body {
    padding: 0;
}

.slider__text {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 0px;
    max-width: 40%;
    right: 0px;
    height: 100%;
    box-sizing: border-box;
}

.slider__inner {
    padding-top: 10px;
    text-align: center;
}

.slider__title, .slider__subtitle {
    font-family: 'Montserrat Medium';
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    margin: 0;
}

.number-list
{
    list-style: none;
}

@media screen and (max-width: 767px) {
    .tab-content #videos .col-sm-6 {
        flex: 0 1 100%;
        max-width: 100%;
    }
    .nav.nav-pills.resource-pills {
        justify-content: space-evenly;
    }

    #videos>div div:nth-child(odd) {
        padding-right: 15px;
        padding-top: 10px;
    }
    #videos>div div:nth-child(even) {
        padding-left: 15px;
        padding-top: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .nav.nav-pills.resource-pills li {
        width: 210;
    }
}

@media screen and (max-width: 992px) {
    .slider__text {
        position: inherit;
        height: auto;
        max-width: inherit;
    }
}

@media screen and (min-width: 993px) and (max-width: 1199px) {
    .slider__text {
        max-width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .nav.nav-pills.cs-pills {
        justify-content: space-evenly
    }
    .nav.nav-pills.cs-pills li {
        width: 125px;
    }
    .nav.nav-pills.cs-pills li a {
        padding: 10px;
    }
}

.text_colour_teal
{
    color: #009984;
}

.text_colour_red
{
    color: #9c2469
}

.card-img.brief {
    width: 600px;
    margin-left: 25%;
}

/*
----------RESOURCE PAGE - END----------
*/


/*
----------PARTNER PAGE - START----------
*/

.partner-apply{
    border-color: #0054a4 !important;
    padding-top: 15px;
    padding-bottom: 15px;

}
.partners_login-btn, .partners_apply-btn {
    align-self: flex-end;
    color: #fff;
}

.partners_eventreg-btn, .form-btn {
    align-self: start;
    color: #fff;
    background-color: #0054a4;
}

.partners_login-btn{
    background-color: #f7323f;
}

.partners_apply-btn {
    background-color: #0054a4;
}

.partners_login-btn:hover, .partners_apply-btn:hover, .partners_eventreg-btn:hover, .form-btn:hover {
    font-weight: bolder;
    color: #ffffff;
}

/*
----------PARTNER PAGE - END----------
*/


/*
----------EVENTS - START----------
*/

.eve-booking.webinar, .eve-booking.workshop, .eve-booking.download-btn, .eve-request .download-btn {
    background: #fff;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
}
.eve-booking.webinar {
    color: #501d4e;
}
.eve-booking.workshop {
    color: #009984;
}

.eve-booking.download-btn, .eve-request .download-btn {
    color: #0054a4;
}
.eve-booking:hover {
    font-weight: bolder !important;
}
.eve-booking.download-btn:hover, .eve-request .download-btn:hover {
    font-weight: bolder !important;
    background: #fff;
    color: #0054a4;
}

.newsletter-error {
    color: red;
    font-weight: bolder;
}

.eve_webinar {
    background: linear-gradient(to right, #0054a4 0%, #82397f 100%);
    padding-right: 15px;
    color: #fff;
}

.eve_workshop {
    background: linear-gradient(to right, #0054a4 0%, #009984 100%);
    color: #fff;
    margin-bottom: 10px;
}

.card-link-primary
{
    color:#75b8ff;
}

.card-link-primary:active, .card-link-primary:focus, .card-link-primary:hover
{
    color: #bbdcff;
}

@media screen and (max-width: 576px) {
    .eve_workshop {
        left: 0px;
        margin-left: -8px;
        margin-top: 1rem;
    }

    .newsletter-submit-btn {
        margin-top: 5px;
    }
}

/*
----------EVENTS - END----------
*/


/*
----------GET IN TOUCH - START----------
*/

.contact-page {
    background-color: #DCDCDC;
    padding: 35px;
    border: 1px solid #414042;
    border-radius: .3rem;
    margin-top: 35px;
}

.contactform-container {
    background-image: url('../img/contactus.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: -31px;
}

.contactform-container {
    background-image: url('../img/contactus.webp');
}

#contactForm {
    z-index: 99;
}

.form-box {
    background-color: white;
    opacity: 0.9;
}

.locations .card .card-header {
    border-bottom: 2px solid #0054a4 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

@media screen and (max-width: 576px) {
    .contactform-container {
        background-image: url('../img/contactus-small.jpg');
    }
    .contactform-container {
        background-image: url('../img/contactus-small.webp');
    }
}

/*
----------GET IN TOUCH - END----------
*/


/*
----------FOOTER - START----------
*/

.page-footer {
    width: 100%;
    background-color: #0054A4;
    color: #ffffff;
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
    position: absolute;
    left: 0;
}

.page-footer li {
    list-style: none;
    margin-left: -40px;
}

.page-footer p, .page-footer a {
    color: #ffffff;
}

.page-footer a:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none !important;
}

.social-icons picture
{
    margin-right: 5px;
}

@media screen and (max-width: 576px) {
    .page-footer{
        padding-left: 45px;
        width: auto;
    }
}

/*
----------FOOTER - END----------
*/


/*
----------SITEMAP - START----------
*/

ul.sitemap-events, ul.sitemap-events ul{
    list-style: none;
}
.sitemap-events {
    margin-top: 1em;
    margin-bottom: 3em;
}
.sitemap-events .menu-btn{
    float: none;
}

.sitemap-events a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.sitemap-events a:hover {
    font-weight: normal;
    color: #0054a4;
    text-decoration: underline;
}

/*
----------SITEMAP - END----------
*/


/* Modal Content */

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 35px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
#menuModal {
    background-color: #0054a4;
    position: screen;
}
.modal.menu {
    padding-top: 0px !important;
}
  
.modal-content {
    background-color: #DCDCDC ;
    margin: auto;
    margin-bottom: 30px;
    padding: 35px;
    border: 1px solid #414042;
    width: 65%;
}
#menuModal .modal-content{
    width: 100% !important;
    height: 100% !important;
    border:0px;
    background-color:#0054a4;
    color: #fff !important;
    position: absolute;
}
/* The Close Button */
.close, .menuclose, .eveclose, .partnersclose {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
    position: absolute;
    right:30px;
}

.close:hover,
.close:focus,
.menuclose:hover,
.menuclose.focus, 
.eveclose:hover, 
.eveclose:focus,
.partnersclose:hover,
.partnersclose:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    text-shadow: none !important;
}

@media screen and (max-width: 772px) {
    .modal-content {
        width:85%;
        padding: 20px;
    }
}


/* FORM */
.link-btn {
    color: #fff;
    background: #0054a4;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
}
a.link-btn:hover {
    color: #fff;
    font-weight: bolder;
    text-decoration: none;
}
.submit-btn, .download-btn, .form-modal-btn {
    color: #fff;
    background: #0054a4;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
}

.download-btn {
    margin-left: inherit;
}

.submit-btn:hover, .download-btn:hover, .form-modal-btn:hover{
    font-weight: bolder !important;
    color: #ffffff;
}

input[type="checkbox"], input[type="radio"] {
    margin-left: -40px;
}

.form-checkbox {
    padding-left: 15px;
}
.col-form-label {
    border-radius: .25rem;
    border: 1px solid #ced4da;
    margin-right: 10px;
}

.col-form-label:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-group {
    margin-left: inherit;
    margin-right: inherit;
}

.col-form-label {
    padding-left: 10px;
}

.events-subs-card
{
    border-color:#0054a4!important;
}

.newsletter input[type="checkbox"] {
    margin-left: 0px;
}

.newsletter label {
    padding-right: 15px;
    margin-left: 10px;
    vertical-align: middle;
}

.newsletterSubscription div{display: inline-block}

.newsletterSubscription
{
    text-align: left;
}

.newslsub-form-container
{
    margin-bottom: 10px;
}

@media screen and (max-width: 772px) {
    .download-btn {
        margin-top: 10px;
    }
}

/*
----------MENU - END----------
*/


/*
----------MENU - END----------
*/

/*
----------FORMS - END----------
*/

div.form-box label, 
form#expertForm label,
form#quoteForm label,
form#visitSOCForm label{
    display: contents;
}

/*
----------FORMS - END----------
*/


/*
----------CYBER HEALTH CHECK - START----------
*/

.rhc-dualdisplay {
	display: flex; 
	display: -ms-flexbox;
    padding-bottom: 1rem;
    margin-top: -40px;
}
.rhc-dualdisplay.home {
    background-color: #0054a4; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #0054a4 , #009984);
    color: white;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
}

.rhc-singleresource {
	padding-top:15px;
	padding-bottom:5px;
}

.rhc-singleresource input[type=radio] {
	margin-left: -1.25rem;
}

.rhc_hidden {
	display:none;
}

.rhc-dualdisplay > div {
	display: inline-block;
	box-sizing: border-box;
}

.rhc-dualdisplay.home > div.textBlock, .rhc-dualdisplay.home > div.imgBlock {
    background: none;
}

.rhc-dualdisplay > div.textBlock {
	width: 63%;
	padding: 40px;
	background: #f2f2f2;
}

.rhc-dualdisplay > div.imgBlock {
	width: 37%;
	padding-top: 13%;
	background: #009984;
}

.rhc-dualdisplay ol {
	margin-left: -20px;
}

.imgBlock p {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 1rem;
}
.imgBlock_img {
	text-align: center;
}

@media screen and (max-width: 600px) {
	.rhc-dualdisplay {
		display: inherit; 
		vertical-align: top;
	}
	.rhc-dualdisplay > div.textBlock {
		padding: 40px;
		background: #f2f2f2;
		width: 100%;
	}
	.rhc-dualdisplay > div.imgBlock {
		width: 100%;
	}
	.survey_intro > .rhc-dualdisplay > div.imgBlock {
		width: 100%;
	}
	.rhc-dualdisplay > div.imgBlock#rhcimg {
		display: none;
	}
	.rhc-dualdisplay .hide600 {
		display:none;
	}
}

/*
----------CYBER HEALTH CHECK - END----------
*/

/*------- CONSENT FORM - START --------*/

.switch-checkbox {
    position: relative;
    width: 62px;
    height: 24px;
    float: right;
    margin-top: 5px;
  }
  
.switch-checkbox input {
    opacity: 0;
    width: 0;
    height: 0;
}
  
.switch-checkbox .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
  
.switch-checkbox .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 28px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 2;
}
  
.switch-checkbox input:checked + .slider {
    background-color: #47cf73;
}
  
.switch-checkbox input:focus + .slider {
    box-shadow: 0 0 1px #47cf73;
}
  
.switch-checkbox input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
  
.switch-checkbox .slider.slider-round {
    border-radius: 34px;
}
  
.switch-checkbox .slider.slider-round:before {
    border-radius: 10px;
}

.switch-checkbox-on, .switch-checkbox-off
{
    position: relative;
    font-size: 0.7em;
    font-weight: bold;
    color: #000;
}

.switch-checkbox-on
{
    padding-left: 42px;
}

.switch-checkbox-off
{
    padding-left: 11px;
}

/* End switch checkbox */

#consent-overlay{
    z-index:1000;
    position: fixed;
    left:0;
    right: 0;
    bottom:0;
    top:0;
    background: rgba(0,0,0,0.4);
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.side-cookie-container {
    height: 100%;
    position: fixed;
    z-index: 1101;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    bottom: 0;
    width: 90%;
    max-width: 500px;
    margin-left: -700px;
    color: #fff;
    padding: 20px;
  }
  
.side-cookie-container .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

#cookie_toggle {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1102;
    cursor: pointer;
    width: 0;
    height: 0;
    border-bottom: 50px solid rgb(0, 104, 201);
    border-right: 50px solid transparent;
}

#cookie_toggle:hover, #cookie_toggle:active {
    border-bottom: 50px solid #3d85d3;
}

  .cookie-toggle-text
{
    position: fixed;
    bottom: 5px;
    left: 10px;
    color: #fff;
    z-index: 1103;
    font-weight: bold;
    pointer-events: none;
}

.growl-notice {
    display:none;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    background-color: #9C2846;
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 1030;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0px 0px 7px 3px #4646464f;
}

/*------- CONSENT FORM - END --------*/

/*------- ECSC A DAISY COMPANY - START --------*/
h2.heading {
    color: #300dff;
    font-size: 1.3rem;
}
@media screen and (max-width: 1200px) {
    h2.heading {
        margin-top: 15px;
    }
}
@media screen and (max-width: 498px) {
    h2.heading {
        margin-top: 6px;
    }
}
a.daisy-home {
    background: #00c100;
    color: #000000;
    display: inline-block;
    padding: 14px;
    font-weight: bold;
    margin-top: 10px;
}
.our-services {
    background: #f6f6f6;
    padding: 25px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) {
    .solutions-grid {
        grid-template-columns: 32% 32% 32%;
   }
    div#case-studies .daisy-carousel-caption {
        padding: 130px 0px;
   }
}
.grid-container {
    display: grid;
    grid-gap: 10px 10px;
}
.grid-item {
    background-color: #ffffff;
    padding: 20px 20px 40px 20px;
    font-size: 30px;
    text-align: left;
    position: relative;
    border: 1px solid #300dff;
}
.solutions-grid {
    grid-template-columns: 100%;
}
.services-grid {
    grid-template-columns: 100%;
}
.sectors-grid {
    grid-template-columns: 100%;
}
.solution-container {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}
.solution-icon .fas {
    font-size: 60px;
    color: #f333e0;
    margin-bottom: 20px;
    margin-top: 10px;
}
.solution-title {
    font-weight: bold;
    font-size: 18px;
}
a.solution-link {
    color: #00c100;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    position: absolute;
    bottom: 10px;
}
.solution-description {
    display: block;
    line-height: 24px;
    padding: 25px 0px;
}
.solution-icon img {
    width: auto;
    height: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
}
div#myHeader {
    display: none;
}
/*Media query*/
@media only screen and (min-width: 576px) {
    .solutions-grid .tab_container {
        max-width: 95%;
   }
    .solutions-grid {
        grid-template-columns: 49.5% 49.5%;
   }
    .services-grid {
        grid-template-columns: 49.5% 49.5%;
   }
    .sectors-grid {
        grid-template-columns: 49.5% 49.5%;
   }
}
@media only screen and (min-width: 768px) {
    .solutions-grid {
        grid-template-columns: 32.3% 32.3% 32.3%;
   }
    .services-grid {
        grid-template-columns: 32.3% 32.3% 32.3%;
   }
    .sectors-grid {
        grid-template-columns: 32.3% 32.3% 32.3%;
   }
}
@media only screen and (min-width: 992px) {
    .solutions-grid {
        grid-template-columns: 32% 32% 32%;
   }
    .sectors-grid {
        grid-template-columns: 24.0% 24.0% 24.0% 24.0%;
   }
    .carousel-control-prev-icon {
        margin-left: -70px;
   }
    .carousel-control-next-icon {
        margin-right: -70px;
   }
}
@media only screen and (min-width: 1200px) {
    .solutions-grid {
        grid-template-columns: 32% 32% 32%;
   }
    .sectors-grid {
        grid-template-columns: 19.0% 19.0% 19.0% 19.0% 19.0%;
   }
}
.solutions-grid .no_wrap {
    text-align: center;
    color: #0ce;
}
.solutions-grid .link {
    text-align: center;
}

/*------- ECSC A DAISY COMPANY - END --------*/