@charset "utf-8";
/* CSS Document */

/* Lato/Noto Serif are now loaded via <link> tags in each page's <head>
   (inserted right before this stylesheet) instead of @import here — @import
   is render-blocking in a way a <link> isn't: the browser has to download
   and parse this whole file before it even discovers the font request,
   instead of discovering it immediately during HTML parsing. */

/* thin,light,regular,bold,black */
body {
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 18px;
    border-top: 5px solid #7e0606;
}

input,
textarea,
label,
samp,
big,
small {
    font-family: 'Lato', sans-serif;
}

div,
p,
form,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
form,
img,
br,
input,
textarea,
label,
samp,
figure,
section,
aside,
article,
big,
small {
    padding: 0;
    margin: 0;
}

a,
input {
    text-decoration: none;
    outline: none;
}

img {
    border: 0;
    outline: none;
    max-width: 100%;
}

ul {
    list-style-type: none;
}

*:focus {
    outline: none;
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="button"],
input[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.clear {
    clear: both;
    line-height: 0 !important;
    font-size: 0 !important;
    height: 0px !important;
}

.left {
    float: left;
}

.right {
    right: 0
}

.block {
    display: block;
}

.inlineblock {
    display: inline-block;
}

.relative {
    position: relative
}

.absolute {
    position: absolute;
}

.addAnimate {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in-out;
}

.transition {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.transition2 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.transition3 {
    -webkit-transition: all 12s ease-in-out;
    -moz-transition: all 12s ease-in-out;
    -o-transition: all 12s ease-in-out;
    transition: all 12s ease-in-out;
}

.transition4 {
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

.delay5 {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.delay8 {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    transition-delay: 0.8s;
}


.more {
    height: 43px;
    line-height: 43px;
    padding: 0 35px;
    color: #FFF;
    text-transform: uppercase;
    background: #cd2629;
    font-size: 12px;
    display: inline-block;
    position: relative;
}

.more:after {
    content: '';
    width: 48px;
    height: 9px;
    position: absolute;
    top: 14px;
    right: -25px;
    background: url(/assets/img/symbol/arrow.png) no-repeat 0 0;
    z-index: 1;
}

.more:before {
    content: '';
    width: 22px;
    height: 1px;
    position: absolute;
    top: 22px;
    right: 0px;
    background: #FFF;
    z-index: 2;
}

/* ------------------------------------- */

.center {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

.center:after {
    content: '';
    display: block;
    clear: both;
}

header {
    background: #FFF;
    z-index: 2;
    width: 100%;
    float: left;
    padding: 10px 0;
}

header:after,
.headerSec1:after,
headerSec2:after,
.topLinks:after,
.topSearch:after,
footerSec1:after,
footerSec2:after {
    content: '';
    display: block;
    clear: both;
}

.content_panel {
    position: relative;
    z-index: 1;
}



.top_right {
    float: right;
    font-size: 12px;
    text-align: right;
    position: relative;
    max-width: 600px;
}

.top_right .top_link {
    position: absolute;
    right: 0;
    top: 0;
}

.top_right .top_link a {
    display: inline-block;
    margin: 0 5px;
    font-weight: 700;
    color: #001b36;
}

.top_right .top_link a.got_enq {
    color: #7e0606;
    font-weight: 400;
}

.top_right .top_link a.mail {
    color: #001b36;
    padding: 0 0 0 25px;
    position: relative;
}

.top_right .top_link a.mail:after {
    position: absolute;
    content: "";
    background: url(/assets/img/symbol/mailic.png) no-repeat;
    width: 13px;
    height: 10px;
    left: 0px;
    top: 5px;
}

.top_right .top_link span.phn {
    color: #001b36;
    padding: 0 0 0 20px;
    position: relative;
    font-weight: 700;
}

.top_right .top_link span.phn:after {
    position: absolute;
    content: "";
    /* background: url(/assets/img/symbol/phnic.png) no-repeat; */
    width: 13px;
    height: 10px;
    left: 8px;
    top: 5px;
}

.top_right .top_link2 {
    display: inline-block;
    width: 100%;
    margin: 40px 5px 0
}

.top_right .top_link2 a {
    display: inline-block;
    margin: 0px 5px 0;
    font-weight: 400;
    color: #001b36;
}

.top_right .top_link2 a.latest_link {
    color: #7e0606;
    font-weight: 400;
}

.top_right .top_link2 a.latest_link i {
    background-color: #cd3536;
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    padding: 1px 5px;
    border-radius: 2px;
    font-style: normal;
    display: inline-block;
    line-height: normal;
    margin: 0 0 0 3px;
}

.subscribe_thanks {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 0 0 0 66px;
    position: relative;
    margin: 50px 0 0;
}

.subscribe_thanks i {
    position: absolute;
    margin: -3px 0 0 -40px;
}

.form-submit-error {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #cd3536;
    line-height: 22px;
    font-style: normal;
    padding-bottom: 15px;
    text-align: center;
}

.dsk_show_tel {
    display: inline-block
}

.mob_show_tel {
    display: none !important
}

@media screen and (min-width:1025px) {
    nav ul li a {
        font-size: 15px;
        font-weight: 700;
        color: #080907;
    }

    nav {
        float: left;
        width: 100%;
    }

    nav ul li {
        float: left;
        padding: 0 18px;
        height: 66px;
        line-height: 66px;
    }
}

/*



.siteSearchHolder{ float:left; height:66px; position:relative;}
.globalbtn{ float:left; width:55px; color:#FFF; text-transform:uppercase; font-size:10px; text-align:center; position:absolute; right:194px; top:29px;}
.globalbtn:after{position:absolute; content:""; background-color:#514e4d; width:1px; height:15px; right:0px; top:10px;}
#navTrigger{ display:none;}*/



footer {
    background: #fff url(/assets/img/symbol/footer_bg.jpg) repeat-x top;
    float: left;
    width: 100%;
    padding: 57px 0;
}

.subscribe {
    float: left;
    width: 100%;
    background-color: #7e0606;
    padding: 35px 0;
}

.subs_block {
    margin: 0 auto;
    max-width: 440px;
}

.subs_block h3 {
    font-family: 'Noto Serif', serif;
    color: #fff;
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    line-height: 30px;
    padding: 0 10px 25px;
}

.subs_block .input {
    max-width: 280px;
    width: 100%;
    border: 0px solid;
    padding: 0 20px;
    background-color: #fff;
    border-radius: 25px;
    height: 41px;
}

.subs_block .btn {
    max-width: 137px;
    width: 100%;
    border: 1px solid #70a0d2;
    padding: 0 20px;
    background-color: #7e0606;
    border-radius: 25px;
    height: 41px;
    color: #fff;
    font-size: 12px;
    margin: 0 0 0 10px;
    cursor: pointer;
}

.footerlink {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    float: left;
}

.footerlink .left_sec {
    float: left;
    width: 35%;
    background-color: #f2f5f8;
    padding-left: 55px;
    padding-top: 20px;
}

.footerlink .left_sec .footer_logo {
    display: inline-block;
    margin: 0 0 20px;
}

.footerlink .left_sec ul {
    float: left;
    width: 100%;
}

.footerlink .left_sec ul li {
    float: left;
    width: 100%;
    border-right: 2px solid #7e0606;
    color: #676767;
}

.footerlink .left_sec ul li span {
    color: #676767;
    font-size: 12px;
    width: 100%;
    display: inline-block;
    padding: 0 0 0px;
}

.footerlink .left_sec ul li a {
    /*float:left; width:21px; height:21px;*/
    position: relative;
    color: #7e0606;
    font-size: 12px;
    margin: 13px 4px 0 0;
}

.footerlink .left_sec ul li a img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
}

.footerlink .left_sec ul li:last-child {
    border-right: 0px solid #7e0606;
    padding: 0 0 0 15px;
}

.footerlink .right_sec {
    float: left;
    width: 65%;
    background-color: #e7ebee;
    padding-right: 55px;
    padding-top: 20px;
    padding-bottom: 35px;
}

.footerlink .right_sec ul {
    float: left;
    /* width: 100%; */
}

.footerlink .right_sec li {
    float: left;
    /* width: 25%; */
    margin: 0 0 10px;
}

.footerlink .right_sec li a {
    font-size: 12px;
    color: #676767;
    font-weight: 600;
    text-transform: uppercase;
}

.footerlink .right_sec .others_link {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 11px;
    margin: 15px 0 0;
}

.footerlink .right_sec .others_link a {
    color: #000000;
}

.footerlink .right_sec .others_link span {
    display: inline-block;
}

.container {
    width: 95%;
    max-width: 1225px;
    margin: 0 auto;
}

.row {
    float: left;
    width: 100%;
}

.responsivevoice-button {
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    color: #FFF;
    border-radius: 20px;
    background-color: #7e0606;
    font-size: 11px;
    display: inline-block;
    border: 0px solid;
    position: relative;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease-in-out;
    font-weight: 500;
    float: right;
    cursor: pointer;
}

.subscribe {
    position: relative;
}

#sub_email_validate {
    position: absolute;
    bottom: 0;
}

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

    .top_right .top_link2,
    .top_right .top_link {
        display: none;
    }

    .top_link a {
        display: inline-block;
        margin: 0 5px;
        font-weight: 700;
        color: #001b36;
    }

    .top_link a.got_enq {
        color: #7e0606;
        font-weight: 400;
    }

    .top_link a.mail {
        color: #001b36;
        padding: 0 0 0 25px;
        position: relative;
    }

    .top_link a.mail:after {
        position: absolute;
        content: "";
        background: url(/assets/img/symbol/mailic.png) no-repeat;
        width: 13px;
        height: 10px;
        left: 0px;
        top: 5px;
    }

    .top_link i {
        display: none;
    }

    .top_link {
        margin: 25px 0 0;
        width: 100%;
        font-size: 12px;
    }

    .top_link a,
    .top_link span {
        float: left;
        width: 100%;
        margin: 5px 0;
    }

    .top_link span {
        font-weight: 700;
        padding: 0 0 0 25px;
        background: url(/assets/img/symbol/phn_ic.png) no-repeat 0 5px;
    }

    .top_link .phn {
        font-weight: 700;
        padding: 0 0 0 25px;
        background: url(/assets/img/symbol/phn_ic.png) no-repeat 0 5px;
        color: #000
    }

    .dsk_show_tel {
        display: none !important
    }

    .mob_show_tel {
        display: block !important
    }

    footer {
        padding: 57px 0 0;
    }

    .footerlink .left_sec {
        width: 40%;
    }

    .footerlink .right_sec {
        width: 60%;
        padding: 35px 25px;
    }

}

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

    .footerSm {
        position: relative;
        top: auto;
        right: auto;
        width: 211px;
        margin: 0 auto 30px;
    }

    .footerSm:after {
        content: '';
        display: block;
        clear: both;
    }

    .footerSec2 {
        text-align: center;
    }

    .footerSec2 article {
        padding: 0 5px;
    }

    .footerSec2 article a {
        float: none;
        display: inline-block;
    }

    .footerlink .left_sec {
        padding: 35px 25px;
    }

    .footerlink .left_sec ul li {
        width: 100%;
        border-right: 0px solid #7e0606;
        margin: 0 0 15px;
    }

    .footerlink .left_sec ul li:last-child {
        border-right: 0px solid #7e0606;
        padding: 0 0 0 0px;
    }

    .footerlink .right_sec li {
        width: 50%;
        margin: 0 0 10px;
    }

    .footerlink .left_sec {
        width: 50%;
    }

    .footerlink .right_sec {
        width: 50%;
        padding: 35px 25px;
    }

}

@media screen and (max-width:600px) {
    .headerSec1 {
        display: none;
    }

    .heading1_b {
        font-size: 24px;
    }

    .heading1_w {
        font-size: 24px;
    }

    .inner_banner {
        margin: 65px 0 0;
    }

    .inner_banner .banner_info {
        position: relative;
        width: 100%;
        bottom: auto;
        background-color: #192553;
        float: left;
        padding: 30px;
    }

    .inner_banner img {
        display: block;
    }

    .inner_banner .banner_info .bredcrub {
        display: none;
    }

    .inner_banner .banner_info h3 {
        padding: 0px;
        font-size: 20px;
    }

    header {
        position: relative;
    }

    .logo {
        /* width is handled by flexbox + newer media rules */
        max-width: 100%;
    }

    .globalbtn {
        right: 47px;
    }

    #sub_email_validate {
        position: relative;
        bottom: 0;
    }

    body {
        overflow-x: hidden;
    }


}

/* ===== Small phones (max-width: 479px) ===== */
@media screen and (max-width:479px) {

    .searchTrigger {
        width: 45px;
    }

    .inner_banner .banner_info {
        padding: 10px;
    }

    .top_right {
        float: left;
        font-size: 12px;
        text-align: left;
        width: 100%;
    }

    .top_right .top_link2 {
        margin: 15px 0px 15px;
    }

    .footerlink {
        display: flex;
        flex-direction: column;
    }

    .footerlink .left_sec {
        width: 100%;
        text-align: center;
    }

    .footerlink .right_sec {
        width: 100%;
        padding: 20px 15px;
        text-align: center;
    }

    .footerlink .left_sec ul li {
        border-right: 2px solid #7e0606;
        margin: 0 0 15px;
    }

    .footerlink .left_sec ul li:last-child {
        border-right: 0px solid #7e0606;
        padding: 0;
    }

    .footerlink .right_sec .others_link .footer-links-wrap {
        justify-content: center !important;
    }

    .footerlink .right_sec .others_link .copyright-text {
        text-align: center !important;
    }

    .subs_block {
        padding: 0 20px;
        text-align: center;
    }

    .subs_block .input {
        max-width: 100%;
        margin: 0 auto 20px;
    }

    .footerlink .left_sec ul li span {
        width: auto;
        display: inline;
        padding: 0;
    }

    .responsivevoice-button {
        position: absolute;
        right: 0;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        font-size: 11px;
    }

    footer {
        padding: 0;
    }

}





/* Mobile (481px - 768px) */
@media screen and (max-width: 768px) {
    .logo img {
        width: 55px;
    }

    .logo span {
        font-size: 12px;
    }

    .logo a {
        gap: 8px;
    }
}

/* Small phones (below 480px) */
@media screen and (max-width: 480px) {
    .logo img {
        width: 40px;
    }

    .logo span {
        font-size: 10px;
        line-height: 1.2;
    }

    .logo a {
        gap: 5px;
    }
}


/* ===== LOGO STYLES - UPDATED ===== */
.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    float: left;
}

.logo a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.logo img {
    width: 100px;
    height: auto;
    flex-shrink: 0;
    float: none;
}

.logo span {
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    line-height: 1.3;
    display: inline-block;
    float: none;
    max-width: 206px;
    padding: 5px 0 8px 25px;
    border-left: 1px solid #cdcdcd;
    word-break: break-word;
}

.logo span b {
    display: block;
    font-weight: 700;
}

/* ===== RESPONSIVE LOGO SIZES ===== */
/* Tablet (769px - 1024px) */
@media screen and (max-width: 1024px) {
    .logo img {
        width: 75px;
    }

    .logo span {
        font-size: 11.5px;
        max-width: 180px;
        padding: 3px 0 3px 15px;
        margin: 0 0 0 15px;
        line-height: 1.3;
        word-break: break-word;
    }
}

/* Mobile (481px - 768px) */
@media screen and (max-width: 768px) {
    .logo {
        gap: 5px;
    }

    .logo img {
        width: 55px;
    }

    .logo span {
        font-size: 10.5px;
        max-width: 150px;
        padding: 2px 0 2px 10px;
        margin: 0 0 0 10px;
        line-height: 1.25;
        word-break: break-word;
    }

    .logo a {
        gap: 6px;
    }
}

/* Small phones (below 480px) */
@media screen and (max-width: 480px) {
    .logo {
        gap: 3px;
        float: none;
    }

    .logo img {
        width: 40px;
    }

    .logo span {
        font-size: 9px;
        max-width: 130px;
        padding: 2px 0 2px 8px;
        margin: 0 0 0 8px;
        line-height: 1.2;
        border-left: 1px solid #cdcdcd;
        word-break: break-word;
    }

    .logo a {
        gap: 4px;
    }
}

/* Extra small phones (below 360px) */
@media screen and (max-width: 360px) {
    .logo img {
        width: 32px;
    }

    .logo span {
        font-size: 7.5px;
        max-width: 110px;
        padding: 1px 0 1px 6px;
        margin: 0 0 0 6px;
        line-height: 1.15;
        word-break: break-word;
    }

    .logo a {
        gap: 3px;
    }
}