@import url('https://fonts.googleapis.com/css?family=Yellowtail');
@font-face {
    font-family: 'MontserratLight';
    src: url('../fonts/MontserratLight.eot');
    src: url('../fonts/MontserratLight.eot') format('embedded-opentype'), url('../fonts/MontserratLight.woff2') format('woff2'), url('../fonts/MontserratLight.woff') format('woff'), url('../fonts/MontserratLight.ttf') format('truetype'), url('../fonts/MontserratLight.svg#MontserratLight') format('svg');
}

@font-face {
    font-family: 'MontserratMedium';
    src: url('../fonts/MontserratMedium.eot');
    src: url('../fonts/MontserratMedium.eot') format('embedded-opentype'), url('../fonts/MontserratMedium.woff2') format('woff2'), url('../fonts/MontserratMedium.woff') format('woff'), url('../fonts/MontserratMedium.ttf') format('truetype'), url('../fonts/MontserratMedium.svg#MontserratMedium') format('svg');
}

@font-face {
    font-family: 'MontserratSemiBold';
    src: url('../fonts/MontserratSemiBold.eot');
    src: url('../fonts/MontserratSemiBold.eot') format('embedded-opentype'), url('../fonts/MontserratSemiBold.woff2') format('woff2'), url('../fonts/MontserratSemiBold.woff') format('woff'), url('../fonts/MontserratSemiBold.ttf') format('truetype'), url('../fonts/MontserratSemiBold.svg#MontserratSemiBold') format('svg');
}

@font-face {
    font-family: 'MontserratRegular';
    src: url('../fonts/MontserratRegular.eot');
    src: url('../fonts/MontserratRegular.eot') format('embedded-opentype'), url('../fonts/MontserratRegular.woff2') format('woff2'), url('../fonts/MontserratRegular.woff') format('woff'), url('../fonts/MontserratRegular.ttf') format('truetype'), url('../fonts/MontserratRegular.svg#MontserratRegular') format('svg');
}

@font-face {
    font-family: 'MontserratLightItalic';
    src: url('../fonts/MontserratLightItalic.eot');
    src: url('../fonts/MontserratLightItalic.eot') format('embedded-opentype'), url('../fonts/MontserratLightItalic.woff2') format('woff2'), url('../fonts/MontserratLightItalic.woff') format('woff'), url('../fonts/MontserratLightItalic.ttf') format('truetype'), url('../fonts/MontserratLightItalic.svg#MontserratLightItalic') format('svg');
}

@font-face {
    font-family: 'MontserratBold';
    src: url('../fonts/MontserratBold.eot');
    src: url('../fonts/MontserratBold.eot') format('embedded-opentype'), url('../fonts/MontserratBold.woff2') format('woff2'), url('../fonts/MontserratBold.woff') format('woff'), url('../fonts/MontserratBold.ttf') format('truetype'), url('../fonts/MontserratBold.svg#MontserratBold') format('svg');
}

@font-face {
    font-family: 'DamionRegular';
    src: url('../fonts/DamionRegular.eot');
    src: url('../fonts/DamionRegular.eot') format('embedded-opentype'), url('../fonts/DamionRegular.woff2') format('woff2'), url('../fonts/DamionRegular.woff') format('woff'), url('../fonts/DamionRegular.ttf') format('truetype'), url('../fonts/DamionRegular.svg#DamionRegular') format('svg');
}

@font-face {
    font-family: 'PoppinsBold';
    src: url('../fonts/PoppinsBold.eot');
    src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'), url('../fonts/PoppinsBold.woff2') format('woff2'), url('../fonts/PoppinsBold.woff') format('woff'), url('../fonts/PoppinsBold.ttf') format('truetype'), url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}

@font-face {
    font-family: 'PoppinsRegular';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'), url('../fonts/PoppinsRegular.woff2') format('woff2'), url('../fonts/PoppinsRegular.woff') format('woff'), url('../fonts/PoppinsRegular.ttf') format('truetype'), url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}

@font-face {
    font-family: 'Conv_Montserrat-ExtraBold';
    src: url("../fonts/Montserrat-ExtraBold.eot");
    src: local("☺"), url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #2d3e50;
    text-decoration: none;
    outline: none;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}


/*Reset CSS end*/

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    outline: none;
}

::-webkit-input-placeholder {
    opacity: 0.5;
    font-family: 'MontserratMedium';
    color: #646464;
    font-size: 14px;
}

:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0.5;
    font-family: 'MontserratMedium';
    color: #646464;
    font-size: 14px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0.5;
    font-family: 'MontserratMedium';
    color: #646464;
    font-size: 14px;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: 'MontserratMedium';
}

:-ms-input-placeholder {
    opacity: 0.5;
    color: #646464;
    font-size: 13px;
}

textarea {
    resize: none
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
    font-family: 'MontserratMedium';
}

textarea:focus:-moz-placeholder {
    color: transparent;
    font-family: 'MontserratMedium';
}


/* Firefox 18- */

textarea:focus::-moz-placeholder {
    color: transparent;
    font-family: 'MontserratMedium';
}


/* Firefox 19+ */

textarea:focus:-ms-input-placeholder {
    color: transparent;
    font-family: 'MontserratMedium';
}


/* oldIE ;) */


/* global classes */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-word-break: keep-all;
    word-break: keep-all;
    -webkit-word-break: keep-all;
    -moz-word-break: keep-all;
    word-wrap: break-word;
}

input[type="button"],
input[type="submit"] {
    border: none;
    cursor: pointer;
    outline: none;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-family: 'MontserratRegular';
    padding-top: 65px;
    overflow-x: hidden;
    position: relative;
    color: #2d3e50
}

.fl {
    float: left
}

.fr {
    float: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

p {
    font-size: 0.875em;
    margin-bottom: 35px;
    line-height: 26px;
    color: #2d3e50
}

.pad0 {
    padding: 0px
}

.mt20 {
    margin-bottom: 20px
}

.mar0 {
    margin: 0px !important
}

.marB0 {
    margin-bottom: 0
}

.clear {
    clear: both;
}

.disnon {
    display: none
}

.disblk {
    display: block
}

.wrapper {
    width: 1200px;
    margin: 0 auto
}

.sprite {
    background: url(../images/sprite.png) no-repeat top left
}

h1 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 20px;
}

.bor-btm {
    border-bottom: solid 1px #e3e8e9;
}

.blackoverlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.6);
    display: none
}
.blackoverlay.thnk-pop{z-index: 9999;}
.d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mont-light {
    font-family: 'MontserratLight';
}

.mont-med {
    font-family: 'MontserratMedium';
}

.mont-semibold {
    font-family: 'MontserratSemiBold';
}

.mont-regl {
    font-family: 'MontserratRegular';
}

.anchor-link li a {
    color: #006090;
    font-size: 14px
}

.hilighted-sub-title {
    font-size: 14px;
    font-family: 'MontserratSemiBold';
    margin-bottom: 13px
}

.thin-title {
    font-size: 24px;
    font-family: 'MontserratLight';
    margin-bottom: 23px
}

.marB24 {
    margin-bottom: 24px !important
}

.green-btn {
    background: rgb(0, 206, 39);
    background: -moz-linear-gradient(top, rgba(0, 206, 39, 1) 0%, rgba(24, 172, 52, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 206, 39, 1) 0%, rgba(24, 172, 52, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 206, 39, 1) 0%, rgba(24, 172, 52, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ce27', endColorstr='#18ac34', GradientType=0);
    padding: 14px 23px;
    color: #fff;
    border-radius: 5px;
    font-family: 'MontserratMedium';
}
.section-para-title{font-size: 1.5em;font-family: 'MontserratSemiBold';margin-bottom: 35px}

/*************** Header start ******************/

header {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 9999;
    box-shadow: 1px 1px 8px #ccc;
    height:70px
}

.logo {
    float: left;
    display: flex;
    height: 70px;
    align-items: center;
}

.logo a {
    display: inline-block
}

.right-menu {
    float: right;
    border-right: solid 1px #e1e1e1;
    padding: 0px 0px 0px 0;
    float: left;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.right-menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* .right-menu ul li{padding:0 0 21px 0} */

.contact-info-sec {
    padding: 15px 25px 15px 0;
    border-right: solid 1px #e1e1e1;
    /* margin-right: 35px */
}

.right-menu > ul li+li {
    margin-left: 61px
}

.right-menu > ul li a {
    font-size: 1.125em;
    font-family: 'MontserratMedium';
}

.right-menu > ul li a.brochure-pdf {
    background: url(../images/pdf-icon.png) no-repeat 0 0;
    padding: 3px 0 4px 30px;
    min-height: 28px;
}

.country-dropdown .top-text{font-family: 'MontserratSemiBold';display: block;margin-bottom: 5px;}
.country-dropdown .btm-text{font-size:0.750em;font-family: 'MontserratMedium'; display: block;position: relative;display: flex;
    align-items: center;letter-spacing: 0.5px;}
.country-dropdown .btm-text:after{content:'';width: 0;
    height: 0;position: absolute;
    right: -40px;
    bottom: 6px;
    border: none;
    transform: none !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #2d3e50;}

/* .right-menu ul li a:hover{color: #006090} */

.flag-tab {background: #eaf9ff;
    background: -moz-linear-gradient(top, #eaf9ff 0%, #ccf1ff 100%);
    background: -webkit-linear-gradient(top, #eaf9ff 0%,#ccf1ff 100%);
    background: linear-gradient(to bottom, #eaf9ff 0%,#ccf1ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf9ff', endColorstr='#ccf1ff',GradientType=0 );
    transition: 0.5s ease all;padding:0 35px 0 15px;height: 70px;display: flex;align-items: center;
    text-transform: uppercase;position: relative;cursor: pointer;min-width: 130px;
}

.flag-tab a,
.flag-catg a {
    color: #b4b4b4;
    font-family: 'MontserratMedium';
    font-size:0.750em;
}

.flag-tab img {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px
}

.flag-tab:hover .flag-catg {
    display: block;
    transition: 0.5s ease all;
    color: #b4b4b4
}

.right-menu ul li.flag-tab a:hover {
    color: #b4b4b4 !important
}

.flag-tab>a {
    background: url(../images/dropdown.png) no-repeat 95% 7px;
    padding-right: 10px
}

.flag-catg {
    position: absolute;
    bottom: -170px;
    right: 0;
    background: #fff;
    border: solid 1px #e9e9e8;
    display: none;width: 100%
}


.flag-catg a {
    padding: 15px 30px 15px 15px;
    display: flex;color: #2d3e50;font-family: 'MontserratSemiBold';letter-spacing: 0.5px;align-items: center
}

.flag-catg img {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px
}
.flag-tab:hover .flag-catg {
    display: block;
    transition: 0.5s ease all;
    color: #b4b4b4;
}

.flag-catg ul{display: block}
.flag-catg ul li{display: block;border-bottom: solid 1px #d6d6d6}
header .right-sec {
    float: right;
    display: flex;
    justify-content: flex-end;
    align-items: stretch
}

.menu-phone-number{
    padding: 30px 5% 30px 9%;
    border-top: solid 1px #740004;
    display: none;
}

.phone-number-container{
    display: flex;
    align-items: center;
}

.phone-number-container a{
    color: white;
    margin-left:10px;
    font-size: 16px;
}


.hamburger-sec {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-right: 15px;
    padding-left: 15px;
    background: #9c080b;
    background: -moz-linear-gradient(top, #9c080b 0%, #c3292d 100%);
    background: -webkit-linear-gradient(top, #9c080b 0%, #c3292d 100%);
    background: linear-gradient(to bottom, #9c080b 0%, #c3292d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c080b', endColorstr='#c3292d', GradientType=0);
}

.hamburger-icon.sprite {
    float: right;
    background-position: -2px -3px;
    width: 30px;
    height: 23px;
    cursor: pointer
}

.switch-site {
    border-right: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    display: flex;
    align-items: center;
    padding: 0 22px 0 17px;
    position: relative;
}

.contact-number {
    border-left: solid 1px #e1e1e1;
    padding-left: 20px;
    margin-left: 20px
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn::before {
    border-color: #fff!important;
}

.mm-next::after,
.mm-prev::before {
    width: 10px !important;
    height: 10px !important;
}

.mm-menu .mm-close.mm-btn::before {
    display: none
}

.mm-menu .mm-btn:after {
    background: url(../images/sprite.png) no-repeat;
    background-position: -3px -75px;
    width: 16px;
    height: 18px;
    border-color: transparent !important;
    transform: none !important
}

.icon-button {
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    font-size: 2.0rem;
    height: 30px;
    line-height: 40px;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 30px;
}


/* Circle */


/* .icon-button span {border-radius: 0;display: block;height: 0;left: 50%;margin: 0;position: absolute;top: 50%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width: 0;}
.icon-button:hover span {width: 40px;height: 40px;border-radius: 40px;margin: -20px;}
.twitter span {background-color: #1da1f2;}
.facebook span {background-color: #3B5998;}
.gplus span {background-color: #db5a3c;}
.youtube span {background-color: #e02d2d;}
.linkedin span {background-color: #0077b5;}
.vimeo span {background-color: #75bfe8;} */


/* Icons */

.icon-button i {
    background: none;
    color: white;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 30px;
    z-index: 10;
}

.icon-button .fa-twitter {
    color: #fff;
    border-radius: 5px;
    font-size: 17px;
    background: #1da1f2;
}

.icon-button .fa-facebook {
    color: #fff;
    border-radius: 5px;
    font-size: 17px;
    background: #3B5998
}

.icon-button .fa-youtube-play {
    color: #fff;
    border-radius: 5px;
    font-size: 17px;
    background: #d31212
}

.icon-button .fa-linkedin {
    color: #fff;
    border-radius: 5px;
    font-size: 17px;
    background: #0077b5
}

.icon-button .fa-vimeo {
    color: #fff;
    border-radius: 5px;
    font-size: 21px;
    background: #75bfe8;
}

.icon-button:hover .fa-twitter {
    color: #1da1f2;
    background: #fff;
    border: solid 1px #1da1f2;
}

.icon-button:hover .fa-facebook {
    color: #3B5998;
    background: #fff;
    border: solid 1px #3B5998;
}

.icon-button:hover .fa-youtube-play {
    color: #d31212;
    background: #fff;
    border: solid 1px #d31212;
}

.icon-button:hover .fa-linkedin {
    color: #0077b5;
    background: #fff;
    border: solid 1px #0077b5;
}

.icon-button:hover .fa-vimeo {
    color: #1ab7ea;
    background: #fff;
    border: solid 1px #1ab7ea;
}

.submit-btn {
    position: relative;
    display: inline-block
}

.email-field {
    width: 100%;
    padding: 12px 58px 12px 12px;
}

.btm-footer-sec {
    background: url(../images/btm-footer-bg.jpg) repeat 0 0;
    width: 100%;
    color: #bdcbd5;
    padding: 32px 0
}

.copyright {
    font-size: 0.875em;
}

.btm-footer-sec .wrapper.d-flex {
    justify-content: space-between
}


/*************** Footer end ******************/

.menu-text {
    font-size: 2.500em;
    font-family: 'MontserratSemiBold';
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    float: left;
    line-height: 0.8em;
}

.desk-menu {
    background: #b41b1f;
    color: #fff;
    position: fixed;
    right: -400px;
    top: 0;
    z-index: 9999;
    height: 100vh;
    width: 400px;
    padding-top: 28px
}

.desk-menu-top {
    padding: 0 45px 26px 44px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.3)
}

.close-icon.sprite {
    background-position: -38px -2px;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer
}

.desk-menu-btm ul li a {
    font-size: 1.500em;
    color: #fff;
    font-family: 'MontserratMedium'
}


/* .desk-menu-btm ul li a:hover, .desk-menu-btm ul li span a.sub-links:hover{color: skyblue} */

.desk-menu-btm .left-sec ul li {
    margin-bottom: 24px
}

.submenu-links {
    margin: 10px 0 0px 34px
}

.desk-menu-btm ul li span {
    display: block;
    margin-bottom: 2px
}

.desk-menu-btm ul li span a.sub-links {
    font-size: 14px;
    color: #fff;
    padding-left: 14px;
    background: url(../images/right-arrow-bullet.png) no-repeat 0 4px;
    font-family: 'MontserratLight';
}

.region-head{font-family: 'MontserratBold';font-size: 1.250em;margin-bottom: 10px}
.region-sec{padding: 30px 5% 0 11%;border-top:solid 1px #740004}
.region-sec ul li{text-align: left;margin-bottom: 10px}
.region-sec ul li a{font-family: 'MontserratMedium';font-size: 1em;display: flex;justify-content:flex-start;align-items: center}
.region-sec ul li a span{margin-right: 10px}
.uk-flag{background-position:-68px 0;width: 31px;height: 31px;display: inline-block}
.us-flag{background-position:-103px 0;width: 31px;height: 31px;display: inline-block}
.in-flag{background-position:-136px 0;width: 31px;height: 31px;display: inline-block}
.desk-menu-btm .left-sec {
    width: 100%;
    padding: 43px 5% 0 11%;
  
}

.desk-menu-btm .right-sec {
    float: right;
    width: 50%;
    display: block
}

.top-right-sec {
    padding: 43px 10% 0
}

.follow-us {
    font-size: 18px;
    font-family: 'MontserratSemiBold'
}

.btm-right-sec {
    padding: 29px 10% 0;
    border-top: solid 1px #00547e;
}

.btm-right-sec .social-icons {
    margin-top: 14px;
}

nav:not(.mm-menu) {
    display: none;
}

.mobile {
    display: none
}

.contact-info-sec li {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'MontserratSemiBold'
}

.contact-info-sec li .left {
    margin-right: 10px
}

.contact-info-sec li .right span {
    display: block
}

.top-text {
    color: #c4292d;
    font-size: 0.750em;
    text-transform: uppercase;
    letter-spacing: 1px;margin-bottom: 3px;
}

.btm-text a {
    color: #2c3e50;
    font-size: 1.125em
}

.bredcrums {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bredcrums li a {
    color: #fff;
    font-size: 0.875em;
    font-family: 'MontserratMedium';
    text-transform: uppercase
}

.menu-divider {
    color: #02b6f8;
    padding: 0 15px
}

.about-banner {
    background: url(../images/banner/teams.jpg) no-repeat top center;
}

.banner-sec {
    width: 100%;
    height: 431px;
    background-size: cover;
    margin-bottom: 50px
}

.banner-sec .wrapper {
    position: relative;
    height: 100%;
}

.banner-text {
    position: absolute;
    bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

.page-title {
    font-size: 2.5em;
    font-family: 'MontserratBold';
    color: #fff;
    line-height: 1em
}


/* footer start */

.top-footer-sec {
    background: #233649;
    padding: 40px 0;
    color: #fff;
    align-items: flex-start
}

.top-footer-sec .wrapper.d-flex {
    align-items: flex-start
}

.top-footer-sec P {
    color: #fff
}

.btm-footer-sec {
    background: #1c2e3f;
    padding: 30px 0;
    color: #fff
}

.col-1 {
    width: 41%;
    padding-right: 3%
}

.read-link {
    color: #fff;
    font-size: 0.875em;
    font-family: 'MontserratMedium';
}

.read-link:hover {
    color: #02bbfe
}

.footer-sec-title {
    font-size: 0.875em;
    position: relative;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    margin: 0 0 25px 0;
    font-family: 'MontserratBold';
    letter-spacing: 1px
}

.footer-sec-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 3px;
    background: #02bbfe
}

.footer-links a {
    color: #fff;
    font-size: 1em
}

.footer-links a:hover {
    color: #02bbfe
}

.footer-links li {
    margin: 0 0 15px 0;
    width: 50%
}

.footer-links {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.col-2 {
    width: 38%;
    border-right: solid 2px #111b24;
    border-left: solid 2px #111b24;
    padding: 0 5% 0 7%
}

.col-3 {
    width: 30%;
    padding-left: 7%
}

.social-icons a:first-child {
    margin-left: 0
}

.footer-logo {
    margin-bottom: 10px;
    display: block
}

.compolicy-links {
    display: flex
}
.compolicy-links li + li{
    margin-left: 38px;
}
.compolicy-links li a {
    color: #fff;
    font-size: 0.875em;
}

.compolicy-links li a:hover {
    color: #02bbfe;
}

.compolicy-links li:first-child {
    margin-left: 0px
}


/* footer end */


.sec-title {
    font-size: 1.500em;
    color: #00508f;
    line-height: 1.3em;
    margin-bottom: 1em;
    font-family: 'MontserratBold'
}

.popoverlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}



.nav-sec {
    border-top: solid 5px #02bbfe;
    padding: 20px 0 0;
    margin: 30px 0 0
}

.image {
    cursor: pointer;
    padding: 70px 10px 80px
}

.image figure {
    width: 40%;
    margin: 0 auto
}

.image figure img {
    width: 100%
}

.image:hover .team-mem-name {
    color: #c4292d
}

.image:hover figure img {
    filter: grayscale(0);
}


.para-head {
    font-family: 'MontserratBold';
    font-size: 0.875em;
    text-transform: uppercase;
    line-height: 26px
}
.para-heading {
    font-size: 16px;
    color: #00508f;
    font-family: 'MontserratSemiBold';
    margin-bottom: 5px;
}
.divider {
    background: #e1e1e1;
    width: 100%;
    height: 1px;
    margin-bottom: 25px;
}
.bold-para{font-size: 1.5em;font-family: 'MontserratSemiBold';line-height: 28px}

.tabCnt.active {
    display: block !important;
}
.title-heading{font-size: 3em;font-family: 'MontserratBold';color: #00508f;margin-bottom: 40px}

.submit-sec {
    text-align: left
}

.submit-btn {
    border: solid 2px #c4292d;
    color: #c4292d;
    font-size: 1em;
    font-family: 'MontserratBold';
    padding: 17px 22px;
    background: transparent;
    border-radius: 5px
}

.arrow:after {
    display: inline-block;
    font-size: 21px;
    position: relative;
    top: 2px;
    line-height: 5px;
    padding-left: 8px;
    content: "\0279E";
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.arrow:hover {
    color: #fff;
    background-color: #c4292d;
}

.arrow:hover::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}

.bold-title {
    background: #0a8f00;
    color: #fff;
    font-size: 1.5em;
    font-family: 'MontserratBold';
    display: inline-block;
    padding: 5px 10px;
}

.blue-title {
    font-size: 1.500em;
    color: #2d3e50;
    font-family: 'Conv_Montserrat-ExtraBold';
    line-height: 1em;
    margin-bottom: 5px;
    text-transform: uppercase
}
.cta-link{    
    padding: 21px 56px;
    color: #ffffff;
    background-color: #0a8f00;
    font-family: 'MontserratBold';
    font-size: 1.125em;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    min-width: 215px;
    text-align: center
}
.cta-link::after{
    display: inline-block;
    position: relative;
    padding-left: 8px;
    content: url(../images/arrow.png);
    transition: 0.5s ease all;
}

.cta-link:hover::after {
    transform: translateX(4px);
    transition: 0.5s ease all;
}
.cta-link.blue-bg{background:#00508f}
/* bill payment start */
.bill-content{min-height: 778px}
.bill-pay-banner {
    background: url(../images/banner/bill-pay.jpg) no-repeat top center;height: 275px;
}
.section-title{font-size: 1.875em;color:#00508f;font-family: 'MontserratBold';margin-bottom: 0px;display: flex;
    align-items: center;
    justify-content:flex-start;}
.section-title .bharat-logo{
margin-left: auto
}
.section-title a{display: inline-flex;margin-right: 14px}
.bill-catg-title{
    color: #2c3e50;font-size: 1.5em;margin-bottom: 32px; margin-top: 20px;
}
.bill-catg-title:nth-last-of-type(0){margin-top: 0}
.bill-catg-list{
    justify-content: flex-start;flex-wrap: wrap;border-bottom: solid 1px #bdc3c7;padding-bottom: 30px;
}
.bill-catg-list:last-child{
    padding-bottom: 120px;
}
.bill-catg-list li{margin-bottom: 20px}
.bill-catg-list li:hover{
    background: rgba(2,187,254,0.1)
}
.bill-catg-list li + li{
margin-left: 2%
}
.bill-catg-list li:nth-child(6){margin-left: 0}
.bill-catg-list li a{
    width: 206px;height: 206px;border:solid 1px #e3e8e9;display: inline-block;
}
.bill-catg-list li a figure{margin: 50px 0 40px;display: flex;align-items: center;justify-content: center;min-height: 60px}
.bill-catg-list li a figcaption{font-size: 0.875em;text-align: center;font-family: 'MontserratMedium';}

.search-biller{margin-bottom: 30px}
.search-biller input{
    border:solid 1px #2d3e50;border-radius: 5px;padding: 17px 25px;display: block;width: 100%
}
.seach-list{
    margin-bottom: 120px
}
.seach-list li{
    font-size: 1em;font-family: 'MontserratMedium';border:solid 1px #e3e8e9;position: relative;margin-bottom: 10px;
}
.seach-list li::before{
    background: url(../images/list-bullet.png) no-repeat 0 0;content:"";position: absolute;top:21px;left: 38px;width: 16px;height: 16px;
}
.seach-list li a{padding: 20px 20px 20px 74px;display: block}
.seach-list li:hover{border: solid 1px #00508f}
.bill-field input{border:solid 1px #e3e8e9;border-radius: 5px;padding: 17px 29px;
    width: 100%;margin-bottom:10px}
.bill-field select{border:solid 1px #e3e8e9;border-radius: 5px;padding: 17px 29px;
    width: 100%;margin-bottom:10px}
.bill-field span{color:#00508f;font-size: 0.875em;display: block;font-family: 'MontserratMedium';margin-bottom: 20px;margin-top: 10px}    
.bill-fetch-btn{margin-bottom:30px}
.bill-fetch-btn a:nth-child(2){margin-left: 26px}
.payment-msg{font-size: 1em;font-family: 'MontserratMedium';margin-bottom: 46px}
.bill-summary{
    background: #ecf0f1;padding: 40px;border-radius: 10px;margin-bottom: 110px
}
.bill-summary .bill-details{margin-bottom: 30px}
.bill-summary .bill-details:last-child{margin-bottom: 0px}
.bill-summary .bill-details label{font-size: 1em;color: #8d99a5;font-family: 'MontserratMedium';margin-bottom: 2px;display: block}
.bill-summary .bill-details .field-info{font-size: 1em;font-family: 'MontserratMedium';}
.bill-summary .bill-details .field-info.bill-amt{color: #00508f;font-size: 2.25em; font-family: 'MontserratSemiBold';}
/* bill payment end */


/* Homepage start */
.home-banner{
    background: url(../images/homepage/banner.jpg) no-repeat top center;height:calc(100vh - 70px) ;background-size: cover;margin-bottom: 85px
}
.home-banner .wrapper .home-banner-cont{background: rgba(0,80,143,0.8);padding: 38px 148px;color: #fff;font-family: 'MontserratBold';font-size: 2.75em;text-align:center;position: absolute;bottom:0;left: 0;width:100%}
.key-benefits{background:#00508f;padding: 5% 5%;color: #fff;margin: 5% 0}
.key-benefits .benefits-title{font-size:3em;font-family: 'MontserratBold';text-align: center;margin-bottom: 62px;color: #fff}
.key-benefits ul{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content:space-between}
.key-benefits ul li{font-size: 1.125em;margin-bottom: 20px;width: 45%;padding-left: 38px;color: #fff;position: relative;}
.key-benefits ul li::before{background: url(../images/light-blue-arrow.png) no-repeat 0 0;width:9px;height: 12px;content: '';position: absolute;left: 0;top: 3px}
.who-we-are .wrapper .left-sec{width: 43%}

.who-we-are .wrapper {align-items: flex-start}
.who-we-are .wrapper .right-sec{width: 50%}
.who-we-are .wrapper .right-sec img{width: 100%}

/* Homepage end */
/* terms start */
.full-sec{margin-bottom: 100px}
.terms-cont .divider {
    margin: 35px 0;
}
.terms-points {
    padding-left: 15px;
}
.terms-points>li {
    font-size: 14px;
    color: #2c3e50;
    line-height: 23px;
    list-style: decimal;
    padding-left: 6px;
    margin-bottom: 25px;
}
.address{
    font-size: .875em;line-height: 21px;
}
.address span{font-size: 1.125em;font-family: 'MontserratMedium';display: block;margin-bottom: 4px}
.sub-point{list-style-type:lower-alpha;margin: 10px 0 0;padding-left: 14px}
.sub-point li{margin-bottom: 10px}
/* terms end */

.about-content{
    min-height: 428px
}
.about-banner{background: url(../images/banner/about.jpg) no-repeat bottom center;height: 275px;}
.contact-content{margin: 0px 0 100px;padding-top: 50px}
.contact-content .wrapper{justify-content: space-between;align-items: flex-start}
.contact-content .wrapper .left-sec{width: 48%}

.contact-content .wrapper .left-sec iframe{width: 100%}
.contact-content .wrapper .right-sec{width: 48%}
.contact-content .wrapper .right-sec .com-name{font-size: 1.5em;font-family: 'MontserratSemiBold';margin-bottom: 35px}
.contact-content .wrapper .right-sec .com-add{font-size: 0.875em;margin-bottom: 35px;line-height: 19px;}
.contact-content .wrapper .right-sec .com-contact{margin-bottom: 35px;line-height: 19px;}
.contact-content .wrapper .right-sec .com-contact span{font-size: 0.875em;display: block}
.contact-content .wrapper .right-sec .com-contact span a{font-size: 1.1em;display: block; color: #2d3e50}
.contact-content .wrapper .right-sec .com-email a{font-size: 0.875em;margin-bottom: 35px; color: #2d3e50}

.payment-success{font-size: 2em;color:#098e00;font-family: 'MontserratSemiBold';margin-bottom: 40px}
.payment-success{display: flex;justify-content: space-between;align-items: center}

.services-info{width: 40%;}
.service-details{justify-content: space-between;margin-top: 70px}
.services-info .section-para-title{margin-bottom: 27px}
.services-info .services-logo-list{width: 100%;justify-content: flex-start;align-items: flex-start}
.services-info .services-logo-list .left-sec{width: 97px;margin-right: 30px}
.services-info .services-logo-list .left-sec img{width:100%}
.services-info .services-logo-list .right-sec ul li{font-size: 0.875em;position: relative;margin-bottom: 10px;padding-left: 24px}
.services-info .services-logo-list .right-sec ul li::before{background: url(../images/light-blue-arrow.png) no-repeat 0 0;width:9px;height: 12px;content: '';position: absolute;left: 0;top: 3px}
.service-list{background:#00508f;padding: 70px;color: #fff;margin: 70px 0}
.service-list .section-para-title{color: #fff}
.service-list p{color: #fff;font-size: 1.125em}
.service-list ul{display: flex;flex-wrap: wrap}
.service-list ul li{position: relative;width: 30%;padding-left: 34px;font-size: 1.125em;line-height: 24px;}
.service-list ul li::before{background: url(../images/light-blue-arrow.png) no-repeat 0 0;width:9px;height: 12px;content: '';position: absolute;left: 0;top: 3px}




.loading-overlay {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9998;
  align-items: center;
  justify-content: center;
}

.loading-overlay {
  display: flex;
}



.spinner {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-width: 3px;
    border-color: rgba(255, 255, 255, 0.05) ;
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}