@import url('https://fonts.googleapis.com/css?family=Yellowtail');


@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: '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: 'BarlowRegular';
    src: url('../fonts/BarlowRegular.eot');
    src: url('../fonts/BarlowRegular.eot') format('embedded-opentype'),
         url('../fonts/BarlowRegular.woff2') format('woff2'),
         url('../fonts/BarlowRegular.woff') format('woff'),
         url('../fonts/BarlowRegular.ttf') format('truetype'),
         url('../fonts/BarlowRegular.svg#BarlowRegular') format('svg');
}

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

* {
    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
}
.section{padding: 0 !important}
ol,
ul {
    list-style: none
}

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

a {
    color: #000;
    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: 'BarlowRegular';
    color: #fff;
    font-size: 1rem
}

:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0.5;
     font-family: 'BarlowRegular';
    color: #fff;
   font-size: 1rem
}

::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0.5;
     font-family: 'BarlowRegular';
    color: #fff;
   font-size: 1rem
}

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

:-ms-input-placeholder {
    opacity: 0.5;
    color: #fff;
   font-size: 1.125rem
}

textarea {
    resize: none
}

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

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


/* Firefox 18- */

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


/* Firefox 19+ */

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


/* 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;
}

html{font-size: 16px;}
body {
    margin: 0px;
    padding: 0px;

    font-family: 'BarlowRegular';
    overflow-x: hidden;
    color: #2c3e50
}

.fl {
    float: left
}

.fr {
    float: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

p {
    font-size: 1rem;
    margin-bottom:2rem;
    line-height: 1.4rem;
    color: #fff
}

.pad0 {
    padding: 0px
}

.mt20 {
    margin-bottom: 20px
}

.mar0 {
    margin: 0px
}

.marB0 {
    margin-bottom: 0
}

.clear {
    clear: both;
}

.disnon {
    display: none
}

.disblk {
    display: block
}

.wrapper {
    width: 89%;
    margin: 0 auto;
}

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



.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
}

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

.clearfix:after{clear: both;display: block;content: ''}
.barlow-med {
    font-family: 'BarlowMedium';
}

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

.mont-reg{font-family: 'MontserratLight';}
.mont-med{ font-family: 'MontserratMedium';}
.anchor-link li a {
    color: #006090;
    font-size: 14px
}
p.blue-text{color: #2c3e50}
/* common css end */

header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.right-menu{border: solid 1px #8f9ba5;border-right: 0}
header .right-sec {
    float: right;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
}
.hamburger-icon.sprite {
    float: right;
    background-position: -38px -2px;
    width: 24px;
    height: 23px;
    cursor: pointer;
}
.hamburger-sec {
    cursor: pointer;
    display: flex;
    align-items: center;
 padding: 25px 20px;
    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);
}
.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: -68px -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';
}
.social-icons a:first-child {
    margin-left: 0;
}
.region-head{ font-family: 'MontserratSemiBold';;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;
}

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


.flag-tab {background: transparent;
    transition: 0.5s ease all;padding:0 35px 0 15px;height: 100%;display: flex;align-items: center;
    text-transform: uppercase;position: relative;cursor: pointer;width: 190px;
}
.country-dropdown{width: 100%}
.country-dropdown .btm-text {
    font-size: 0.750em;
    font-family: 'MontserratSemiBold';
    display: block;color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
}
.country-dropdown .btm-text::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -23px;
    bottom:6px;
    border: none;
    transform: none !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #Fff;
}
.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: 1s 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: 20px
}

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


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

.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}

.banner-sec{background: url(../images/banner/home.jpg) no-repeat top center;background-size: cover}
.banner-sec .wrapper{position: relative;height: 100%;}
.banner-head{transform: translate(-0%,-50%);position: absolute;left: 0%;top: 50%}
.heading{font-size: 3rem;margin-bottom:1.5rem;color: #fff}
.global-map{width: 65%;margin: 0 auto}
.global-map img{width: 100%}
.global-sec .heading{color: #00508f;}
.global-sec p{padding: 0 4rem 0 7rem;margin-bottom: 1rem}
.global-map{text-align: center}
.contact-sec .left-sec{width: 50%;float: left;}
.contact-sec .left-sec iframe{width: 100%;height: 100vh;}
.contact-sec .right-sec{width: 50%;background:#00508f;float: right;height: 100vh;position: relative;}

.contact-desc a{text-transform: uppercase;font-size: 0.875rem;font-family: 'BarlowSemiBold';color: #fff;letter-spacing: 1px}
.contact-desc a span{margin-right: 7px}
.email-info{background: url(../images/sprite.png) no-repeat -1px -2px;width: 16px;height: 12px;display: inline-block}
.contact-inner{transform: translate(-0%,-50%);position: absolute;left: 0%;top: 50%;padding: 0 0 0 3rem;width: 530px}
.contact-inner form{margin: 2rem 0 0}
.call-info{background: url(../images/sprite.png) no-repeat -19px -2px;width: 16px;height: 15px;display: inline-block}
.input-field-container .input-field{width: 48%}
.input-field{position: relative;}
.effect-16{border: 0; padding: 4px 0 8px; border-bottom: 1px solid #fff; background-color: transparent;width: 100%;color: #fff;}

.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}
.effect-16 ~ label{position: absolute; left: 0; width: 100%; top: -16px; color: #fff; transition: 0.3s; z-index: -1; letter-spacing: 0.5px;font-size:12px}
.msg-feild .effect-16 ~ .focus-border{bottom: 2px}
.input-field{margin: 0 0 1.5rem;}
.input-field input{width: 100%;color: #fff}
.cta-btn{border:solid 1px #fff;text-align: right;font-size:1rem;padding:8px 30px;background: transparent;color: #fff;text-transform: uppercase;transition: 0.5s ease all}
.cta-btn:hover{background:#fff;color:#00508f;cursor: pointer;transition: 0.5s ease all}
.contact-inner form .cta-btn{margin-top: 1rem}
.small-head{font-size:1.125rem;color: #00508f;font-family: 'MontserratLight';;margin-bottom: 1.75rem}

.icon-button {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 2.0rem;
    height: 40px;
    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: 40px;
}
.icon-button i {
    background: none;
    color: white;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 40px;
    z-index: 10;
}

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

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

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

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

.icon-button .fa-vimeo {
    color: #fff;
    border-radius: 50%;
    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;
}
.footer-cont.d-flex{align-items: flex-start}
.footer-cont .left-sec{width: 30%}
.footer-cont .mid-sec{width: 30%}
.footer-cont .right-sec{width: 30%}
.footer-cont .mid-sec ul{flex-wrap: wrap;align-items: flex-start}
.footer-cont .mid-sec ul li{width: 50%;margin-bottom: 1rem}
.footer-cont .mid-sec ul li a{font-size: 1rem;color: #2c3e50}
.footer-btm{border-top:solid 1px #e5e5e5;padding-top: 2rem;margin-top: 1rem}
.footer-btm .left-sec{font-size: 1rem;}
.footer-btm .right-sec{padding: 0 5rem 0 0}
.footer-btm .right-sec ul li a{font-size: 1rem;color: #2c3e50}
.footer-btm .right-sec ul li+li{margin-left: 4rem}
.money-pay{background: url(../images/home/footer-img.jpg) no-repeat top right;width: 85%;height: 300px;margin:2rem 0 3rem;background-size: cover}
.who-we-sec{background:#00508f}
.who-we-inner .left-sec{background: url(../images/home/who-we.png) no-repeat top right;width: 50%;height: 481px;margin-right: 5rem;background-size: cover}
.who-we-inner .right-sec{width: 50%}
.who-we-inner .heading {color:#02bbfe}
.who-we-cont{width: 500px}
.highlited-text{font-size: 1.25rem;line-height: 1.6rem}
.submit-btn {
    position: relative;
    display: inline-block;color: #fff;font-size: 1rem;font-weight: 500;
}
.arrow::after {
    display: inline-block;
    position: relative;
    top: 2px;
    line-height: 5px;
    padding-left: 8px;left: 8px;
    content: "";
    background: url(../images/right-arrow.png) no-repeat 0 0;
    width: 14px;height: 15px;
    -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::after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);

}
.fp-viewing-1 #fp-nav ul li a span,.fp-viewing-2 #fp-nav ul li a span,
 .fp-viewing-3 #fp-nav ul li a span,
 .fp-viewing-5 #fp-nav ul li a span{background: #fff;transition: 0.5s ease all}
.fp-viewing-1 #fp-nav ul li a.active span,
 .fp-viewing-3 #fp-nav ul li a.active span,
 .fp-viewing-5 #fp-nav ul li a.active span{background: #02bbfe;transition: 0.5s ease all}

.fp-viewing-3 #fp-nav ul li a span,
 .fp-viewing-4 #fp-nav ul li a span,
 .fp-viewing-6 #fp-nav ul li a span{background: #00508f;transition: 0.5s ease all}
.fp-viewing-3 #fp-nav ul li a.active span,
 .fp-viewing-4 #fp-nav ul li a.active span,
 .fp-viewing-6 #fp-nav ul li a.active span{background: #02bbfe}

 .fp-viewing-3 .right-menu,.fp-viewing-5 .right-menu{border: solid 1px #1a629a; transition: 0.5s ease all}
 .fp-viewing-3 .country-dropdown .btm-text,.fp-viewing-4 .country-dropdown .btm-text,.fp-viewing-6 .country-dropdown .btm-text{color:#2d3e50; transition: 0.5s ease all}
.fp-viewing-3 .country-dropdown .btm-text::after,
 .fp-viewing-4 .country-dropdown .btm-text::after,
 .fp-viewing-6 .country-dropdown .btm-text::after{border-top: 6px solid #2d3e50;transition: 0.5s ease all}
 .fp-viewing-3 .right-menu,.fp-viewing-4 .right-menu,.fp-viewing-6 .right-menu{border: solid 1px #e5e5e5; transition: 0.5s ease all}

.service-offer{background: url(../images/home/service.jpg) no-repeat top right;width: 100%;height: 300px;}
.service-inner .left-sec{width: 45%;margin-right: 3rem}
.service-small-text{font-size: 0.875rem;color:#2c3e50;margin-bottom: 1.5rem}
.service-inner .right-sec{width: 55%;}
.finace-loan{align-items: stretch}
.service-cont {width: 85%;margin-left: auto;margin-top: 4rem;padding-right: 8rem;}
.service-cont .heading{color:#00508f}
.service-cont p{font-size: 1rem;line-height: 1.4rem;margin-bottom: 1rem}
.finace-sec{padding: 2rem 1.5rem 3.2rem;margin-bottom: 1.2rem;width: 48%;text-align: center;background: #00508f;border-radius: 10px;color: #fff;position: relative;}
.serial-no{text-align: left;color:#02bbfe;font-size: 1.125rem}
.finance-inner{width: 550px;}
.finace-sec .finance-img{padding-bottom: 1rem}
.finace-sec .finance-cont{padding-right: 1rem}
.finace-sec .finance-cont p{margin-bottom: 0;font-family: 'BarlowRegular';}
.finance-cont-head{color: #fff;font-family: 'MontserratSemiBold';font-size: 1.5rem;margin-bottom: 0.6rem}
.green-btn{background: #0a8f00;text-align: center;padding:25px 2rem;border-radius: 5px;color: #fff;font-family: 'BarlowRegular';font-size: 1.5rem;display: inline-block;margin-top: 1rem;line-height: 2rem;width: 100%}
.green-btn::after {
    display: inline-block;
    position: relative;
    top: 6px;
    line-height: 5px;
    padding-left: 8px;left: 8px;
    content: "";
    background: url(../images/circle-arrow.png) no-repeat 0 0;
    width: 25px;height: 26px;
    -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;
}

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

}
/* .btm-arrow{width: 60px;float: right;bottom: 0;position: absolute;right: 7rem;}
.btm-arrow img{width: 100%;display: block}
.up-arrow{width: 60px;float: left;bottom: 0;position: absolute;left: 8rem;}
.up-arrow img{width: 100%;display: block} */

.up-arrow{background: #00508f;padding: 45px 25px 14px;float: left;bottom: 0;position: absolute;left: 8rem;}
.up-arrow img,  .btm-arrow img{
    -webkit-animation: mover 0.6s infinite  alternate;
    animation: mover .6s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.btm-arrow{background: #00508f;float: right;bottom: 0;position: absolute;right: 7rem;padding: 45px 25px 14px;}
.banner-btm-cont{background:rgba(0, 0, 0, 0.3);padding:5px 10px;color: #fff;font-size:3rem;font-family: 'MontserratSemiBold';position: absolute;bottom: 40px;right: 0;}
.play-btn{color: #fff;font-size: 1.25rem;justify-content: center;position: absolute;bottom: 20px;left: 0;right: 0;margin: 0 auto;}
.play-btn span{margin-right: 5px;line-height: 1.5rem}
.read-more-btn{position: absolute;bottom: 20px;left: 0;right: 0;margin: 0 auto;color: #fff;font-size:1.25rem;}
.read-more-btn span{margin-right: 5px;line-height: 1.5rem}
.sticky-note{background-color: #00508f;
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;border-radius: .25rem;
    z-index: 999;}
    .sticky-note p{padding: 1.5rem 3rem 1.5rem 1.25rem;text-align: center;margin-bottom: 0}
    .close-note{position: absolute;right: 9px;top:10px;padding: 10px;display: inline-block;cursor: pointer;}
    .close-note img{width: 13px;filter: invert(82%) sepia(1%) saturate(80%) hue-rotate(314deg) brightness(99%) contrast(97%);;}
    .close-note img{width: 13px;}
    input[type="submit"].submit-btn{border:solid 1px #fff}

    .thank-page{background: #00508f;}
    .thank-msg {
        text-align: center;
        margin: 7rem auto 1rem;
        padding-bottom: 2rem;
    }

.thank-msg-cont{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100%;padding: 0 15px;}
.thank-msg .title-heading {
    color: #fff;
    line-height: 3rem;
}
.thank-msg span {
    margin-top: 15px;
    font-weight: 900;
    color: #fff;
    font-size: 24px;
}

.title-heading {
    font-size: 36px;
    line-height: 31px;
    margin-bottom: 14px;
}
.backtohome {
    text-align: center;
    margin-bottom: 7rem;
}
.backtohome a{padding: 13px 2rem;display: inline}