@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Euclid Circular B';
    src: url('../fonts/EuclidCircularB-Regular.woff2') format('woff2'), url('../fonts/EuclidCircularB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

.customClear,
body,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
p,
select,
textarea {
    margin: 0;
    padding: 0
}

#ieWrapper,
.overlay {
    background: #000;
    position: fixed
}

#ieWrapper,
.btnIeUpdate {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.mobileNav li:last-child,
img {
    border: none
}

#ieWrapper,
.mobileNav li ul {
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0
}

.iconMobNav,
a,
a:link,
a:visited {
    -webkit-tap-highlight-color: transparent
}

.innovateNetworkslider,
.pageFooter {
    box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, .4)
}

.clearfix::after,
.homeBanner li img,
.pageBanner img {
    visibility: hidden
}

.aboutCarvreMemberBox,
.aboutLeft,
.ambassadorListNew .listGridInner,
.ambassadorsList,
.carvreCotentArea,
.contactLeftBox,
.contactRight,
.contactRightTopList,
.contentSection ul,
.headerRight ul,
.homeContact li,
.innovareLeft,
.innovareRight,
.innovateListHandle,
.innovateNetworkslider .sliderContent,
.listGridContent,
.listGridHandle .column,
.mobContact,
.mobileNav li li a,
.mobileNav ul,
.pageContentInner,
.pageFooter ul,
.pageLogo,
.whatCarvreRight,
.whatCarvreRightInner {
    box-sizing: border-box
}

.aboutContent b,
.bannerContent em,
.contactLeft li address,
.revenueList em,
.revenueList span,
.whatCarvreLeft span p,
.whatCarvreRight em {
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Light.woff2');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Regular.woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Medium.woff2');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-SemiBold.woff2');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Bold.woff2');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: museo_slab500_italic;
    src: url('../fonts/museo_slab_500italic-webfont.woff2') format('woff2'), url('../fonts/museo_slab_500italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_slab900_italic;
    src: url('../fonts/museo_slab_900_italic-webfont.woff2') format('woff2'), url('../fonts/museo_slab_900_italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

body,
html {
    width: 100%;
    min-height: 100%
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #004b8a
}

a,
a:link,
a:visited {
    outline: 0;
    text-decoration: none;
    -webkit-transition: color .4s ease-out;
    -moz-transition: color .4s ease-out;
    -o-transition: color .4s ease-out;
    transition: color .4s ease-out
}

img {
    margin: 0
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.2em
}

h3,
h4,
h5,
h6 {
    font-size: .9em
}

textarea {
    resize: none
}

input:focus,
textarea:focus {
    outline: 0
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time {
    display: block;
    margin: 0;
    padding: 0
}

.customClear {
    clear: both;
    font-size: 0em;
    line-height: 0;
    height: 0
}

.clearfix::after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none
}

.modal_wrapper {
    width: 100%;
    position: absolute;
    padding-top: 50px;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none
}

#ieWrapper {
    height: 100%
}

.ieHolder {
    position: relative;
    width: 555px;
    padding: 20px;
    margin: 200px auto 0;
    background: #fff;
    border: 7px solid #2b2927
}

.btnIeUpdate {
    background: url(../images/btnIeUpdate.jpg) no-repeat;
    width: 144px;
    height: 37px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #fff;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px
}

.ieLogo {
    float: left;
    width: 134px;
    height: 139px;
    background: url(../images/ieLogo.jpg) no-repeat
}

.mobileNav,
.ourPartners .bx-viewport {
    height: 100% !important
}

.ieContent {
    float: right;
    margin: 0;
    padding: 0;
    width: 400px;
    color: #666;
    font-size: 15px;
    line-height: 18px
}

.ieContent strong {
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #ccc;
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.layoutWrapper {
    position: relative;
    overflow-x: hidden
}

.leftAnimo {
    -webkit-transform: translate3d(246px, 0, 0);
    -moz-transform: translate3d(246px, 0, 0);
    transform: translate3d(246px, 0, 0);
    -webkit-transition: .3s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: .3s cubic-bezier(.42, 0, .58, 1);
    transition: .3s cubic-bezier(.42, 0, .58, 1)
}

#container {
    background: #fff;
    position: relative
}

.mobileNav {
    background: #0b1c27;
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow-x: hidden;
    display: block
}

.mobileNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

.mobileNav li {
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    color: #c1c1c1;
    list-style: none;
    float: none;
    position: relative;
    border-bottom: 1px dashed #636363
}

.mobileNav li a {
    padding: 10px 15px 9px;
    color: #c1c1c1;
    -webkit-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -o-transition: .5s cubic-bezier(.23, 1, .32, 1);
    transition: .5s cubic-bezier(.23, 1, .32, 1);
    display: block
}

.mobileNav li a:hover,
.mobileNav li.selected a {
    color: #fff;
    background: #008aff
}

.footerSocialIcons li::after,
.socialIcons li::after {
    border: 3px solid #fff;
    transform: translate(-50%, -50%)
}

.mobileNav li ul {
    position: relative;
    padding: 0;
    display: block
}

.mobileNav li li {
    float: none;
    border-bottom: 1px dotted #ccc !important
}

.mobileNav li li:last-child {
    border: none !important
}

.mobileNav li li a {
    background: #0a2d44 !important;
    color: #efefef !important;
    padding: 6px 15px 6px 30px;
    display: block
}

.mobileNav li li a:hover {
    background: #008aff !important
}

.iconMobNav {
    width: 35px;
    height: 37px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    opacity: 1;
    position: absolute;
    top: 28px;
    left: 15px;
    display: none !important
}

.iconMobNav span,
.socialIcons li::after {
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out
}

.iconMobNav span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    transition: .25s ease-in-out
}

.iconMobNav span:first-child {
    top: 0
}

.iconMobNav span:nth-child(2),
.iconMobNav span:nth-child(3) {
    top: 11px
}

.iconMobNav span:nth-child(4) {
    top: 22px
}

.iconMobNav.open span:first-child,
.iconMobNav.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

.iconMobNav.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.iconMobNav.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.homeBanner {
    background: #10223f;
    position: relative;
    z-index: 0
}

.homeBanner li {
    min-height: 669px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.homeBanner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-perspective: 1000;
    -moz-backface-visibility: hidden;
    perspective: 1000;
    backface-visibility: hidden
}

.bannerContent {
    font-family: Poppins;
    font-weight: 300;
    text-align: center;
    font-size: 62px;
    color: #fff;
    max-width: 520px;
    line-height: 62px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.bannerContent span {
    font-family: Poppins;
    font-weight: 700;
    font-size: 80px;
    display: block
}

.bannerContent em,
.checkboxHolder,
.homeContact,
.homeContact li,
.mainNav li,
.pageHeader ul,
.qstnTextBoxHolder .commonFieldHolder,
.qstnTextBoxHolder p,
.revenueList em,
.socialIcons,
.socialIcons li {
    display: inline-block
}

.bannerContent em {
    font-family: Poppins;
    font-weight: 700
}

.pageHeader {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10
}

.pageLogo {
    padding: 24px 0 13px
}

.pageHeader ul {
    font-size: 0px;
    margin: 0;
    list-style: none
}

.headerRight {
    text-align: right;
    vertical-align: middle
}

.headerRight ul {
    padding: 28px 0 27px
}

.homeContact li {
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    height: 29px;
    padding: 0 0 0 40px;
    position: relative;
    vertical-align: middle;
    margin-right: 18px
}

.homeContact li::before {
    content: "";
    width: 28px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0
}

.homeContact li:first-child::before {
    background: url(../images/iconMail.png) no-repeat
}

.homeContact li:last-child::before {
    background: url(../images/iconPhone.png) no-repeat !important
}

.homeContact li a {
    color: #fff;
    padding: 3px 0 0;
    display: block
}

.bannerCaption a.selected,
.bannerCaption a:hover,
.btnMemberLoggedin li a:hover,
.btnMemberLoggedin li.logout a,
.footerLeft li a:hover,
.footerRight li a:hover,
.homeContact li a:hover {
    color: #008aff
}

.socialIcons li {
    margin-right: 6px;
    position: relative
}

.socialIcons li::after {
    content: "";
    width: 0%;
    height: 0%;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .25s ease-in-out;
    z-index: -1;
    border-radius: 50px
}

.btnMemberLoggedin,
.btnMemberLogin {
    font-size: 17px;
    border-radius: 50px;
    margin: 20px 0 0;
    font-family: Poppins;
    font-weight: 400;
    color: #fff;
    float: right
}

.footerSocialIcons li::after,
.socialIcons li:hover img {
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out
}

.footerSocialIcons li:last-child,
.mainNav li:last-child,
.socialIcons li:last-child {
    margin: 0
}

.socialIcons li:hover img {
    transform: scale(.85);
    transition: .25s ease-in-out
}

.footerSocialIcons li:hover::after,
.socialIcons li:hover::after {
    width: 100%;
    height: 100%
}

.mainNav {
    border-top: 1px solid #50739e;
    width: 100%
}

.mainNav ul {
    padding: 22px 0 0
}

.mainNav li {
    font-size: 17px;
    margin-right: 20px;
    position: relative;
    padding-bottom: 11px
}

.aboutContent a:hover,
.bannerCaption a.selected:hover,
.mainNav li a,
.mobTab.active span,
.tabList li.selected span {
    color: #fff
}

.mainNav li::after {
    content: "";
    width: 0%;
    height: 3px;
    background: #008aff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.mainNav li.selected::after,
.mainNav li:hover::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #008aff;
    position: absolute;
    bottom: 0;
    left: 0
}

.btnMemberLogin {
    text-align: center;
    background: #008aff;
    min-width: 148px;
    height: 39px;
    padding: 7px 0;
    -webkit-transition: .3s ease-in-out !important;
    -moz-transition: .3s ease-in-out !important;
    -o-transition: .3s ease-in-out !important;
    transition: .3s ease-in-out !important;
    display: block
}

.btnMemberLogin:hover {
    background: #fff;
    color: #008aff
}

.btnMemberLoggedin {
    background: url(../images/iconDropdown.png) 93% 15px no-repeat #008aff;
    min-width: 198px;
    padding: 6px 12px;
    -webkit-transition: .3s ease-in-out !important;
    -moz-transition: .3s ease-in-out !important;
    -o-transition: .3s ease-in-out !important;
    transition: .3s ease-in-out !important;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.btnMemberLoggedin .loggedinDet,
.btnMemberLoggedin figure,
.secRegInput {
    display: inline-block;
    vertical-align: middle
}

.btnMemberLoggedin figure img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #fff
}

.btnMemberLoggedin span {
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    padding: 0 12px 0 6px;
    display: block;
    line-height: 20px
}

.btnMemberLoggedin ul {
    background: #fff;
    border-radius: 10px;
    display: none;
    list-style: none;
    margin: 0;
    padding: 25px 20px 20px;
    position: absolute;
    top: 61px;
    left: 0;
    width: 100%;
    z-index: 50
}

.btnMemberLoggedin ul:after {
    content: "";
    position: absolute;
    top: -5px;
    right: 24px;
    width: 15px;
    height: 6px;
    background: url('../images/iconTraingleDrpdwn.png') center center no-repeat
}

.btnMemberLoggedin li {
    display: block;
    margin: 0;
    padding-bottom: 18px
}

.btnMemberLoggedin li:last-child,
.commonFieldHolder:last-child,
.footerSocialIcons li a {
    padding: 0
}

.btnMemberLoggedin li img {
    padding-right: 8px;
    max-width: 32px
}

.btnMemberLoggedin li a {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #24272c;
    display: block;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out
}

.btnRadio input[type=radio],
.checkboxHolder input,
.conventionLeft figure img,
.conventionRight figure img,
.mainNav .btnMemberLoggedin li:hover::after,
.rem-wrap .checkboxHolder input {
    display: none
}

.contentSection h1,
.contentSection h2 {
    font-family: Poppins;
    display: block;
    font-weight: 700
}

.contentSection h1 {
    font-size: 40px;
    color: #fff
}

.contentSection h2 {
    font-size: 29px;
    color: #24272c
}

.contentSection p {
    font-size: 15px;
    color: #24272c;
    line-height: 21px
}

.contentSection ul,
.pageFooter ul {
    margin: 0;
    padding: 15px 0 0;
    list-style: none
}

.aboutCarvre {
    background: #163a7f
}

.aboutCarvre.row,
.benefitWhyLeft img {
    max-width: inherit
}

.aboutLeft {
    background: url(../images/bgAbout.png) center center/cover no-repeat;
    position: relative;
    padding: 90px 59px 80px 0
}

.aboutContent {
    max-width: 395px;
    width: 100%;
    position: relative;
    z-index: 1;
    float: right
}

.aboutContent a {
    font-size: 15px;
    color: #00aeff;
    margin-top: 20px;
    display: inline-block
}

.aboutContent span {
    font-size: 40px;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 40px;
    display: block
}

.aboutContent b,
.aboutContent span p {
    font-weight: 300;
    font-size: 36px;
    color: #fff;
    font-family: Poppins
}

.aboutContent span p {
    line-height: 40px
}

.aboutContent span p strong {
    font-size: 40px;
    color: #fff;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 12px;
    display: block;
    font-family: Poppins;
    font-weight: 700
}

.aboutContent b {
    line-height: 12px;
    display: block
}

.aboutContent span::after,
.benefitHowHolder span::after,
.benefitWhyBottom span::after,
.conventionHandle span::after,
.innovateNetworkslider h2::after,
.ourPartners h2::after {
    content: "";
    width: 79px;
    height: 3px;
    background: #008aff;
    position: absolute;
    bottom: 0;
    left: 0
}

.aboutContent p {
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    font-family: Poppins;
    font-weight: 400
}

.aboutRight {
    position: relative;
    z-index: 50
}

.aboutRight .contentWrapper {
    background: #fff;
    min-height: 678px;
    margin-top: -114px;
    position: relative
}

.aboutRight .contentWrapper::before {
    content: "";
    background: url(../images/bgShadow.png) no-repeat;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -10px
}

.carvreCotentArea {
    max-width: 709px;
    width: 100%;
    padding: 50px 0 35px 50px;
    line-height: 16px
}

.accessWrapper,
.innovateNetwork {
    padding-top: 30px
}

.carvreCotentArea span.titleCarvre {
    font-family: Poppins;
    font-weight: 700;
    font-size: 29px;
    line-height: 34px
}

.accessWrapper span,
.carvreCotentArea em.subTitleCarvre,
.innovateNetwork span,
.innovateNetworkslider h2,
.sliderContent span {
    font-weight: 400;
    font-family: Poppins
}

.carvreCotentArea em.subTitleCarvre {
    font-size: 29px;
    line-height: 30px;
    font-style: normal;
    display: inline-block
}

.accessWrapper span {
    font-size: 15px;
    color: #24272c;
    text-align: center;
    padding-top: 25px;
    display: block;
    line-height: 18px
}

.accessWrapper .column {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out
}

.accessWrapper .column:hover img {
    filter: brightness(0) invert(1)
}

.accessWrapper .column:hover {
    background: #008aff
}

.accessWrapper .column:hover span {
    color: #fff !important
}

.carvreCotentArea h2.titleInnovate {
    font-family: Poppins;
    font-weight: 700;
    font-size: 17px !important;
    color: #24272c
}

.innovateNetwork {
    border-top: 1px solid #dce0e7;
    margin-top: 35px
}

.innovateNetwork p {
    padding-top: 25px
}

.innovareLeft,
.innovareRight {
    padding: 0 5px;
    text-align: center;
    margin-top: 30px
}

.innovateListHandle {
    border: 3px solid #dce0e7;
    padding: 28px 15px;
    position: relative
}

.innovateListHandle img {
    max-height: 95px;
    min-height: 89px
}

.innovateNetwork span {
    font-size: 15px;
    color: #24272c;
    display: block;
    line-height: 20px
}

.innovateNetworkslider h2,
.ourPartners h2 {
    margin-bottom: 30px;
    line-height: 29px;
    position: relative
}

.innovateNetworkslider {
    width: 100%;
    background: url(../images/bgInnovateSlider.png) top right/cover no-repeat #f1f0ef;
    padding: 37px 0
}

.innovateNetworkslider h2 {
    font-size: 25px;
    color: #24272c;
    padding-bottom: 15px
}

.innovateNetworkslider h2 span {
    font-family: Poppins;
    font-weight: 700;
    font-size: 29px
}

.innovateNetworkslider li {
    color: #000;
    padding-bottom: 25px
}

.innovateNetworkslider .bx-wrapper {
    width: 850px !important;
    position: relative
}

.innovateNetworkslider .sliderContent {
    float: left !important;
    padding: 0 115px 0 30px
}

.sliderContent span {
    font-size: 19px;
    padding: 0 0 6px;
    display: block
}

.sliderContent span strong {
    font-family: Poppins !important;
    font-weight: 700 !important
}

.innovateNetworkslider .bx-controls {
    width: 50px;
    position: absolute;
    top: -30px;
    right: 115px
}

.innovateNetworkslider .bx-controls .bx-next,
.innovateNetworkslider .bx-controls .bx-prev {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 0;
    border-radius: 100px;
    text-indent: -9999px
}

.innovateNetworkslider .bx-controls .bx-next {
    background: url(../images/btnNext.png) center center no-repeat #fff;
    right: 0
}

.innovateNetworkslider .bx-controls .bx-next:hover {
    background: url(../images/btnNextMO.png) center center no-repeat #008aff
}

.innovateNetworkslider .bx-controls .bx-prev {
    background: url(../images/btnPrev.png) center center no-repeat #fff;
    right: 27px
}

.innovateNetworkslider .bx-controls .bx-prev:hover {
    background: url(../images/btnPrevMO.png) center center no-repeat #008aff;
    right: 27px
}

.ourPartners {
    padding: 45px 0
}

.ourPartners span {
    padding-right: 7px;
    display: inline-block;
    font-family: Poppins;
    font-weight: 700
}

.footerLeft li,
.ourPartners h2,
.pageFooter {
    font-weight: 400;
    font-family: Poppins
}

.ourPartners h2 {
    font-size: 25px;
    color: #004b8a;
    padding-bottom: 15px
}

.ourPartners .bx-wrapper {
    max-width: 100% !important;
    width: 100%
}

.ourPartners li {
    margin-right: 37px;
    text-align: center;
    display: inline-block
}

.footerRight,
.footerRight p {
    text-align: right
}

.ourPartners li img {
    max-height: 75px
}

.pageFooter {
    background: #004b8a;
    padding: 30px 0
}

.footerLeft li {
    font-size: 14px;
    color: #cbd4e0;
    position: relative;
    padding: 0 0 0 20px
}

.footerLeft li::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 13px;
    height: 13px;
    background: url(../images/iconFooterMail.png) center center no-repeat
}

.footerLeft li.phone::after {
    background: url(../images/iconFooterPhone.png) center center no-repeat
}

.footerLeft li.address::after {
    background: url(../images/iconFooterAddres.png) center center no-repeat
}

.contactForm input[type=submit]:hover,
.mobContact {
    background: #004b8a
}

.footerLeft li a,
.footerRight li a {
    color: #cbd4e0
}

.footerRight li {
    font-size: 14px;
    margin-right: 9px;
    display: inline-block
}

.footerRight li:last-child {
    margin-right: 0
}

.footerRight p {
    font-size: 14px;
    color: #cbd4e0;
    padding-top: 10px
}

.footerSocialIcons {
    padding-top: 15px
}

.footerSocialIcons li {
    margin-right: 6px;
    border: none;
    display: inline-block;
    position: relative
}

.footerSocialIcons li a:hover {
    background: 0 0 !important
}

.footerSocialIcons li::after {
    content: "";
    width: 0%;
    height: 0%;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .25s ease-in-out;
    z-index: 0;
    border-radius: 50px
}

.footerSocialIcons li:hover img {
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    transform: scale(.85)
}

.footerSocialIcons li img {
    position: relative;
    z-index: 1;
    max-width: 25px
}

.mobContact {
    padding-bottom: 15px
}

.mobileNav .mobContactList li {
    border-color: #fff !important
}

.mobileNav .footerSocialIcons {
    padding-left: 15px;
    padding-top: 15px;
    border-top: 1px dashed #fff
}

.pageBanner img {
    width: 100%
}

.pageBanner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.bannerCaptionHolder,
.inputAddmoreHolder {
    position: relative
}

.bannerCaption {
    position: absolute;
    bottom: 40px;
    left: 0
}

.bannerCaption span {
    display: block;
    font-family: Poppins;
    font-weight: 700;
    font-size: 30px;
    color: #fff
}

.bannerCaption a,
.bannerCaption em {
    font-size: 13px;
    color: #fff
}

.bannerCaption a {
    display: inline-block;
    font-family: Poppins;
    font-weight: 400;
    text-transform: uppercase
}

.whatCarvreLeft span,
.whatCarvreLeft span p {
    color: #24272c;
    font-weight: 400;
    font-size: 29px;
    display: inline-block;
    font-family: Poppins
}

.pageContentHandle {
    background: #f1f3f4
}

.pageContentInner {
    padding: 60px 0 70px
}

.whatCarvreLeft span {
    position: relative;
    padding-bottom: 5px;
    margin: 0 0 30px
}

.whatCarvreLeft span p strong {
    padding: 0 0 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 29px
}

.whatCarvreLeft strong {
    display: inline-block;
    font-family: Poppins;
    font-weight: 700;
    padding: 0 0 0 8px
}

.ambassadorsList h2:after,
.whatCarvreLeft span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #008aff;
    width: 79px;
    height: 3px
}

.aboutCarvreMemberBoxRight p,
.whatCarvreLeft p {
    font-size: 15px;
    color: #43464a;
    font-family: Poppins;
    font-weight: 400;
    line-height: 21px
}

.whatCarvreRight em,
.whatCarvreRight li,
.whatCarvreRight strong {
    font-weight: 400;
    color: #fff;
    font-family: Poppins
}

.whatCarvreRight {
    padding-left: 30px;
    margin-top: -155px
}

.whatCarvreRightInner {
    background: #0f70c2;
    padding: 40px 20px 25px 40px
}

.whatCarvreRight strong {
    display: block;
    font-size: 24px;
    line-height: 25px
}

.whatCarvreRight em {
    display: block;
    font-size: 20px
}

.whatCarvreRight ul {
    padding: 40px 0 0;
    margin: 0;
    list-style: none
}

.whatCarvreRight li {
    font-size: 15px;
    padding: 0 0 15px 35px;
    line-height: 18px;
    background: url(../images/iconTick.png) left 5px no-repeat
}

.aboutCarvreBottom,
.supportAmbassadorList {
    padding: 50px 0 0;
    box-sizing: border-box
}

.aboutCarvreMemberBox {
    background: #fff;
    padding: 35px 40px 35px 32px;
    -webkit-box-shadow: 1px 1px 12px -5px #889cb0;
    -moz-box-shadow: 1px 1px 12px -5px #889cb0;
    box-shadow: 1px 1px 12px -5px #889cb0;
    margin-bottom: 25px
}

.aboutCarvreMemberBoxRight strong {
    display: inline-block;
    font-family: Poppins;
    font-weight: 700;
    font-size: 22px;
    color: #24272c;
    padding: 0 0 12px
}

.aboutCarvreMemberBoxRight span {
    color: #0a599c;
    font-family: Poppins;
    font-weight: 400;
    display: inline-block
}

.ambassadorsList h2,
.ambassadorsList h3,
.listGridContent strong {
    font-family: Poppins;
    font-weight: 700;
    color: #24272c;
    text-transform: uppercase
}

.aboutCarvreMemberBoxLeft,
.formInputMarg {
    padding-right: 15px
}

.aboutCarvreMemberBoxLeft img {
    width: 213px;
    max-height: 213px
}

.ambassadorsList h2 {
    font-size: 22px;
    position: relative;
    padding: 0 0 8px
}

.ambassadorsList {
    padding: 45px 0 0
}

.ambassadorsList h3 {
    font-size: 17px;
    padding: 0 0 30px
}

.listGridContent {
    background: #fff;
    padding: 30px 15px 10px
}

.listGridContent strong {
    font-size: 14px;
    display: block;
    padding: 0 0 10px
}

.contactLeft span,
.listGridContent .mailLink,
.listGridContent span {
    font-weight: 400;
    font-family: Poppins
}

.listGridContent span {
    font-size: 14px;
    color: #24272c;
    display: block
}

.listGridTop {
    padding: 0 0 8px
}

.listGridContent .mailLink {
    font-size: 14px;
    color: #0a599c;
    display: block;
    word-break: break-all
}

.listGridBottom {
    border-top: 1px dashed #c6cad0;
    padding: 8px 0 0;
    min-height: 50px
}

.listGridHandle img {
    width: 100%;
    max-height: 178px;
    min-height: 178px
}

.listGridHandle .column {
    padding: 0 10px 20px
}

.listBtmInner,
.listGridInner {
    -webkit-box-shadow: 1px 1px 12px -5px #889cb0;
    -moz-box-shadow: 1px 1px 12px -5px #889cb0;
    box-shadow: 1px 1px 12px -5px #889cb0
}

.ambassadorListNew,
.ambassadorListNew .supportAmbassadorList,
.btnRadio {
    display: inline-block;
    vertical-align: top
}

.ambassadorListNew .supportAmbassadorList {
    padding: 0 0 15px
}

.ambassadorListNew {
    padding: 50px 0 0
}

.ambassadorListNew .listGridHandle,
.contactWrapper,
.divideInputHolder,
.revenueBoxHandle {
    display: table;
    width: 100%
}

.ambassadorListNew .listGridInner {
    display: table-cell;
    width: 276px;
    padding: 0 10px;
    box-shadow: none
}

.contactLeft,
.contactRight {
    display: table-cell;
    vertical-align: top
}

.contactLeft {
    width: 307px
}

.contactLeftBox {
    background: #0f70c2;
    padding: 30px 12px 12px
}

.contactRight {
    width: 692px;
    padding: 0 0 0 45px
}

.contactLeft span {
    font-size: 29px;
    color: #fff;
    display: inline-block;
    padding: 0 0 10px 10px;
    position: relative
}

.contactLeft span::after {
    content: "";
    width: 79px;
    height: 3px;
    background: #008aff;
    position: absolute;
    bottom: 0;
    left: 10px
}

.contactLeft strong {
    display: inline-block;
    font-family: Poppins;
    font-weight: 700
}

.contactLeft ul {
    padding: 45px 0 20px 20px
}

.contactLeft li,
.contactLeft li a {
    font-family: Poppins;
    font-weight: 400;
    font-size: 17px;
    color: #fff
}

.contactLeft li.address {
    background: url(../images/iconLocationWhite.png) left 15px no-repeat
}

.contactLeft li.telephone {
    background: url(../images/iconPhoneWhite.png) left 1px no-repeat
}

.contactLeft li.mail {
    background: url(../images/iconMailWhite.png) left 1px no-repeat
}

.contactLeft li {
    padding: 0 0 18px 35px
}

.contactLeft li:last-child {
    padding-bottom: 0
}

.contactRightTopList {
    padding: 0 0 55px
}

.contactRightTopList figure img {
    border: 3px solid #fff;
    border-radius: 50%;
    width: 110px;
    height: 110px
}

.contactRightTopList strong {
    font-family: Poppins;
    font-weight: 700;
    font-size: 18px;
    color: #24272c;
    display: block;
    line-height: 18px
}

.contactRight p,
.contactRightTopList span {
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    color: #24272c
}

.contactRightTopList span {
    display: block
}

.contactRightTopList figure {
    padding-bottom: 12px
}

.contactRightTopList .column {
    text-align: center;
    padding: 0 8px
}

.contactRight p {
    line-height: 18px;
    padding-left: 8px
}

.contactForm input[type=text],
.contactForm textarea {
    max-width: 338px;
    border: 1px solid #d2d5d7;
    background: #f1f3f4;
    font-size: 15px;
    box-shadow: none;
    color: #8e9196;
    font-weight: 400;
    box-sizing: border-box;
    font-family: Poppins;
    width: 100%
}

.contactForm {
    padding: 35px 0 0 8px;
    box-sizing: border-box
}

.contactForm input[type=text] {
    height: 44px;
    padding: 0 20px;
    margin: 0 0 15px
}

.contactForm textarea {
    padding: 10px 20px;
    height: 102px;
    border-radius: 0
}

.contactForm input[type=text]::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder {
    color: #8e9196;
    opacity: 1
}

.contactForm input[type=text]::-moz-placeholder,
.contactForm textarea::-moz-placeholder {
    color: #8e9196;
    opacity: 1
}

.contactForm input[type=text]:-ms-input-placeholder,
.contactForm textarea:-ms-input-placeholder {
    color: #8e9196;
    opacity: 1
}

.contactForm input[type=text]:-moz-placeholder,
.contactForm textarea:-moz-placeholder {
    color: #8e9196;
    opacity: 1
}

.contactForm input[type=text]:focus,
.contactForm textarea:focus {
    border: 1px solid #0f70c2
}

.contactForm input[type=submit] {
    max-width: 120px;
    width: 100%;
    background: #0f70c2;
    border: 0;
    font-family: Poppins;
    font-weight: 400;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 0;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
    margin-top: 15px
}

.conventionTop {
    text-align: center
}

.conventionTop p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 22px;
    color: #24272c;
    line-height: 28px
}

.conventionHandle {
    padding: 70px 0 0;
    box-sizing: border-box
}

.conventionLeft {
    padding-right: 30px
}

.conventionRight {
    padding-left: 30px
}

.conventionHandle figure {
    margin: 0 0 40px
}

.conventionLeft figure,
.conventionRight figure {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 280px
}

.conventionHandle span {
    font-family: Poppins;
    font-weight: 700;
    font-size: 25px;
    color: #24272c;
    display: block;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 8px;
    margin: 0 0 20px
}

.benefitWhyBottom p,
.conventionHandle p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    color: #24272c;
    padding: 0 0 10px;
    line-height: 21px
}

.mobTab,
.tabList li {
    background: rgba(217, 224, 228, .7);
    line-height: 14px;
    border-radius: 50px;
    margin: 0 5px 10px 0;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    cursor: pointer
}

.mobTab {
    display: none;
    padding: 10px 20px
}

.mobTab span,
.tabList li span {
    display: block;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #24272c
}

.mobTab.active,
.tabList li.selected {
    background: #107fdd
}

.tabWrapper ul {
    font-size: 0;
    padding: 0 0 50px;
    box-sizing: border-box
}

.tabList li {
    display: inline-block;
    padding: 10px 20px
}

.memberListGrid .memberListInner {
    background: #fff;
    text-align: center;
    border: 2px solid #e8ebec;
    border-radius: 5px;
    padding: 20px 40px 0;
    box-sizing: border-box
}

.memberListInner figure img {
    max-width: 150px;
    max-height: 110px;
    padding-bottom: 10px
}

.memberListGrid .column {
    padding: 0 8px 10px
}

.memberListContent address,
.memberListContentView address {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #6c717a
}

.memberListContent span,
.memberListContentView span {
    font-family: Poppins;
    font-weight: 400;
    font-size: 12px;
    color: #6c717a;
    display: block;
    text-transform: uppercase
}

.benefitHowHolder li,
.benefitHowHolder p,
.benefitHowHolder span,
.benefitWhyBottom span {
    font-family: Poppins;
    font-weight: 400;
    color: #24272c
}

.benefitHowHolder span,
.benefitWhyBottom span {
    font-size: 33px;
    display: block;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 5px;
    margin: 0 0 25px
}

.benefitHowHolder p {
    font-size: 18px;
    padding: 0 0 10px;
    line-height: 21px
}

.benefitHowHolder ul {
    padding: 0;
    margin: 0
}

.benefitHowHolder li {
    font-size: 15px;
    padding: 0 0 2px 25px;
    line-height: 21px;
    background: url(../images/iconTickBenefit.png) left 5px no-repeat
}

.benefitWhyHolder {
    padding: 0 0 10px
}

.benefitWhyTop {
    background: #0f70c2;
    padding: 60px 30px 75px 55px;
    box-sizing: border-box;
    margin-top: -158px;
    position: relative
}

.benefitWhyTop p {
    font-family: museo_slab500_italic;
    font-size: 20px;
    color: #fff;
    line-height: 28px
}

.alertMsgBox p,
.errorMsgBox p,
.successMsgBox p {
    line-height: 21px;
    font-weight: 400
}

.benefitWhyTop strong {
    font-family: museo_slab900_italic;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400
}

.benefitWhyBottom {
    padding: 35px 0 0 110px;
    box-sizing: border-box
}

.benefitWhyRight {
    float: right;
    width: 678px
}

.benefitWhyLeft {
    position: relative;
    top: -85px
}

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

.forgotPswrdPopup,.qrcodepopup,
.loginPopupContent {
    background: #fff;
    right: 0;
    z-index: 1000;
    display: none;
    left: 0;
    width: 100%
}

.loginPopupContent {
    position: absolute;
    border-radius: 20px;
    max-width: 392px;
    top: 225px;
    margin: 0 auto
}

.forgotPswrdPopup,.qrcodepopup {
    position: absolute;
    border-radius: 15px;
    max-width: 370px;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    box-shadow: 0 0 32px 0 rgb(0, 0, 0, .25)
}

.loginPopupInner {
    padding: 70px 40px 45px;
    box-sizing: border-box;
    text-align: center
}

.alertMsgBox,
.errorMsgBox,
.successMsgBox {
    padding: 8px 10px;
    margin-bottom: 20px
}

.alertMsgBox,
.error,
.errorMsgBox,
.successMsgBox {
    text-align: left
}

.loginPopupInner span {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #425271;
    display: block;
    padding: 15px 0 25px
}

.loginPopupInner input[type=email],
.loginPopupInner input[type=password],
.loginPopupInner input[type=text] {
    height: 45px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #c8ccd2;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px
}

.loginPopupInner input[type=email]::-webkit-input-placeholder,
.loginPopupInner input[type=password]::-webkit-input-placeholder,
.loginPopupInner input[type=text]::-webkit-input-placeholder {
    color: #969ba4;
    opacity: 1
}

.loginPopupInner input[type=email]::-moz-placeholder,
.loginPopupInner input[type=password]::-moz-placeholder,
.loginPopupInner input[type=text]::-moz-placeholder {
    color: #969ba4;
    opacity: 1
}

.loginPopupInner input[type=email]:-ms-input-placeholder,
.loginPopupInner input[type=text]:-ms-input-placeholder.loginPopupInner input[type=password]:-ms-input-placeholder {
    color: #969ba4;
    opacity: 1
}

.loginPopupInner input[type=email]:-moz-placeholder,
.loginPopupInner input[type=password]:-moz-placeholder,
.loginPopupInner input[type=text]:-moz-placeholder {
    color: #969ba4;
    opacity: 1
}

.backToLogin,
.forgotPswrdLink {
    display: block;
    font-size: 16px;
    color: #000;
    font-family: Poppins;
    font-weight: 400;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out
}

.btnBlueSubmit,
.error {
    color: #fff;
    box-sizing: border-box
}

.backToLogin:hover,
.forget-wrap a:hover,
.forgotPswrdLink:hover {
    color: #6648a9
}

.popupClose {
    position: absolute;
    right: 23px;
    top: 25px
}

.commonError {
    border: 1px solid #f1180d !important
}

.errorMsgBox {
    border: 1px solid #e8aaad;
    background: #f9e5e6;
    border-radius: 4px
}

.errorMsgBox p {
    font-family: Poppins;
    font-size: 14px;
    color: #b50007
}

.successMsgBox {
    border: 1px solid #b4e8aa;
    background: #e9f9e5;
    border-radius: 4px
}

.successMsgBox p {
    font-family: Poppins;
    font-size: 14px;
    color: #1c8400
}

.alertMsgBox {
    border: 1px solid #aac6e8;
    background: #e5ecf9;
    border-radius: 4px
}

.alertMsgBox p {
    font-family: Poppins;
    font-size: 14px;
    color: #0055ca
}

.error {
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    display: block;
    background: #fc7379;
    padding: 5px 10px;
    margin: 10px 0 12px;
    position: relative;
    border-radius: 5px
}

.modalOverlay,
.preloader {
    display: none;
    position: fixed
}

.alertMsg,
.btnBlueSubmit,
.preloader {
    text-align: center
}

.error:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fc7379;
    position: absolute;
    top: -8px;
    left: 15px;
    content: ""
}

.modalOverlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    z-index: 100
}

.preloader {
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    margin: 0 auto;
    z-index: 100000;
    transform: translate(-50%, 0)
}

.eqWidthHolder {
    display: table-cell;
    width: 32%;
    padding: 0 16px
}

.eqWidthHolder:first-child,
.twoInputHolder:first-child {
    padding-left: 0
}

.eqWidthHolder:last-child,
.noPaddingInput,
.twoInputHolder:last-child {
    padding-right: 0
}

.commonFieldHolder input[type=text],
.commonFieldHolder select {
    background: #fcfcfc;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #d4d9dc;
    height: 41px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 15px;
    color: #24272c;
    font-family: Poppins;
    font-weight: 400;
    margin: 0;
    width: 100%;
    max-width: 315px
}

.memberAppBox h2 {
    font-family: Poppins;
    font-weight: 700;
    font-size: 19px;
    color: #24272c;
    padding: 0 0 20px
}

.commonFieldHolder textarea,
.inputHolder li span,
.memberAppBox span {
    font-size: 15px;
    font-weight: 400;
    font-family: Poppins
}

.memberAppBox span {
    color: #959ca0;
    display: block;
    padding: 0 0 5px
}

.aboutCarvreMemberBox.memberAppBox {
    padding: 35px 40px 45px 32px
}

.commonFieldHolder {
    padding: 0 0 25px
}

.checkboxHolder input[type=checkbox]+label {
    vertical-align: middle;
    border: 1px solid #d4d9dc;
    margin: 0 5px 0 0;
    display: inline-block;
    height: 24px;
    padding: 0;
    width: 24px;
    border-radius: 3px;
    background: #fcfcfc;
    cursor: pointer
}

.commonFieldHolder textarea {
    background: #fcfcfc;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #d4d9dc;
    height: 134px;
    padding: 10px;
    box-sizing: border-box;
    color: #24272c;
    margin: 0;
    width: 100%
}

.checkboxHolder input[type=checkbox]:checked+label {
    background: url(../images/iconCheckboxTick.png) center center no-repeat #0f70c2;
    border: 1px solid #0f70c2
}

.inputHolder li {
    display: inline-block;
    padding: 0 35px 10px 0
}

.inputHolder li span {
    color: #868e93;
    display: inline-block;
    vertical-align: top;
    padding: 0
}

.memberAppBox strong {
    font-family: Poppins;
    font-weight: 400;
    font-size: 17px;
    color: #0a5a9d;
    display: block;
    padding: 0 0 15px
}

.leftInfoFields {
    padding: 0 18px 0 0
}

.rightInfoFields {
    padding: 0 0 0 15px
}

.officeInfoWrapper.margBtm {
    padding: 0 0 40px
}

.singleInputHolder .inputHolder {
    width: 32%
}

.qualificationList {
    width: 600px
}

.qualificationList li {
    display: inline-block;
    width: 180px;
    padding: 0 0 15px
}

.qualificationList li span {
    width: 105px;
    color: #24272c;
    display: inline-block
}

.otherOptionHolder span {
    color: #24272c;
    display: inline-block;
    padding: 0 5px 0 0
}

.commonFieldHolder .otherOptionHolder input[type=text] {
    max-width: 200px
}

.otherOptionHolder {
    padding: 20px 0 0
}

.qstnTextBoxHolder p {
    width: 385px;
    padding: 0 0 10px
}

.qstnTextBoxHolder .commonFieldHolder {
    width: 315px
}

.btnBlueSubmit {
    background: #0f70c2;
    border: 0;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 700;
    font-size: 17px;
    padding: 14px 10px;
    border-radius: 3px;
    max-width: 150px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: .5s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: .5s cubic-bezier(.25, .46, .45, .94);
    -o-transition: .5s cubic-bezier(.25, .46, .45, .94);
    transition: .5s cubic-bezier(.25, .46, .45, .94)
}

.btnRadio em,
.noDataMsg,
.revenueList em,
.revenueList span {
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px
}

.btnBlueSubmit:hover {
    background: #083a65
}

.qstnTextBoxHolder {
    padding: 20px 0 25px;
    box-sizing: border-box
}

.revenueList li {
    display: inline-block;
    width: 45%;
    padding-right: 15px
}

.revenueList .amountBox,
.revenueList .percentBox,
.revenueList span {
    display: table-cell
}

.revenueList em,
.revenueList span {
    color: #24272c
}

.revenueList .amountBox {
    width: 165px;
    padding: 0 15px 10px
}

.revenueList .amountBox input {
    max-width: 140px
}

.revenueList .percentBox input {
    max-width: 45px;
    display: inline-block
}

.revenueList span {
    width: 110px
}

.btnRadio input[type=radio]+label {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    padding: 0;
    width: 16px;
    position: relative;
    margin: 0 5px 0 0;
    border-radius: 50%;
    color: #4f5f6f;
    font-family: MyriadWebProRegular;
    font-size: 14px;
    border: 1px solid #b0afaf;
    background: #fff
}

.btnRadio input[type=radio]:checked+label {
    border: 1px solid #0f70c2;
    background: #0f70c2
}

.btnRadio em {
    color: #868e93;
    display: inline-block;
    vertical-align: top
}

.inputHolder.eqWidthHolder .chosen-container {
    width: 100% !important;
    max-width: 315px
}

.inputHolder.eqWidthHolder .chosen-single {
    line-height: 39px !important;
    background: #fcfcfc !important;
    border-radius: 3px;
    box-shadow: none !important;
    border: 1px solid #d4d9dc !important;
    height: 41px !important;
    padding: 0 10px !important;
    box-sizing: border-box;
    font-size: 15px !important;
    color: #24272c !important;
    font-family: Poppins !important;
    font-weight: 400 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 315px
}

.inputHolder.eqWidthHolder .chosen-container-single .chosen-single div b {
    background: url("chosen-sprite.png") 0 10px no-repeat !important
}

.radioBtnWrapper .error {
    max-width: 320px
}

.ui-icon-circle-triangle-w {
    background-image: url("../images/imgCalendarPrev.png") !important;
    background-position: -1px 3px !important
}

.ui-icon-circle-triangle-e {
    background-image: url("../images/imgCalendarNext.png") !important;
    background-position: 1px 3px !important
}

.noDataMsg {
    display: block;
    color: #3f4a53;
    padding: 5px 0
}

.addMoreIcon,
.removeIcon {
    color: #0f70c2;
    font-weight: 400;
    display: inline-block;
    font-family: Poppins
}

.addMoreIcon,
.loggedinDet span:nth-child(2),
.removeIcon {
    font-size: 14px
}

.twoInputHolder {
    display: inline-block;
    width: 32.5%;
    padding: 0 16px
}

.removeIcon {
    width: 20%;
    padding-left: 10px
}

.addMoreIcon {
    position: absolute;
    top: 0;
    right: 28.5%
}

.addMoreIcon img,
.removeIcon img {
    padding-right: 5px;
    vertical-align: top;
    display: inline-block
}

.inputAddmoreHolder .commonFieldHolder {
    padding-top: 15px !important
}

.commonLink {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0
}

.mathCaptcha {
    max-width: 338px;
    width: 100%;
    background: #f1f3f4;
    height: 44px;
    box-sizing: border-box;
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    color: #8e9196;
    margin: 0 0 15px;
    box-shadow: none
}

.alertMsg {
    font-size: 18px;
    min-width: 200px;
    padding: 15px 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000
}

.greenAlert {
    color: #155724;
    background: #d4edda;
    border: 1px solid #afdbb9
}

.redAlert {
    color: #491217;
    background: #f8d7da;
    border: 1px solid #f5c6cb
}

.memberLogin-wrapper {
    display: table;
    min-height: 100vh;
    width: 100%;
    background-color: #fff
}

.memberLogin-col-2 {
    display: table-cell;
    width: 50%
}

.memberLogin-left {
    background: url(../images/bg_Login.jpg) center left/cover no-repeat;
    vertical-align: bottom
}

.left-container {
    max-width: 640px;
    margin-left: auto;
    margin-right: 0;
    padding: 0 60px;
    padding-bottom: 10vh !important
}

.left-container .memberLogin-logo {
    margin-bottom: 20px
}

.left-container .memberLogin-logo img {
    width: auto;
    max-height: 80px
}

.left-container h3 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px
}

.left-container p {
    font-size: 16px;
    font-weight: 300;
    color: #fff
}

.memberLogin-right {
    vertical-align: middle
}

.right-container {
    max-width: 640px;
    margin-left: 0;
    margin-right: auto;
    padding: 30px 130px
}

.right-container h2 {
    font-size: 30px;
    font-weight: 700;
    color: #000
}

.right-container h3 {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-bottom: 40px
}

.memberLogin-form {
    margin-top: 50px
}

.memberLogin-formgroup {
    padding-bottom: 20px
}

.memberLogin-formgroup label {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block
}

.memberLogin-formgroup input {
    height: 45px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #c8ccd2;
    border-radius: 5px;
    width: 100%
}

.memberLogin-formgroup input::placeholder {
    color: #848591;
    opacity: 1;
    font-weight: 300
}

.memberLogin-formgroup input:-ms-input-placeholder {
    color: #848591;
    font-weight: 300
}

.memberLogin-formgroup input::-ms-input-placeholder {
    color: #848591;
    font-weight: 300
}

.rem-forget-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    max-width: 430px
}

.rem-wrap {
    margin-right: 20px;
    display: flex;
    align-items: center
}

.rem-wrap .checkboxHolder {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400
}

.rem-wrap .checkboxHolder input[type=checkbox]+label {
    vertical-align: middle;
    border: 1px solid #6648a9;
    margin: 0 8px 0 0;
    padding: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer
}

.rem-wrap .checkboxHolder input[type=checkbox]:checked+label {
    background: url(../images/iconCheckboxTick.png) center center no-repeat #6648a9
}

.forget-wrap a {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.memberLogin-submit {
    display: inline-flex;
    align-items: center;
    background: #6648a9;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 0 20px;
    width: 100%;
    max-width: 430px;
    height: 50px;
    margin-bottom: 20px;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .4s ease-out !important;
    -moz-transition: .4s ease-out !important;
    -o-transition: .4s ease-out !important;
    transition: .4s ease-out !important
}

.memberLogin-submit:hover {
    background-color: #4b347e
}

.noAccount-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 430px
}

.noAccount-wrap p {
    font-size: 16px;
    font-weight: 300;
    color: #68696d;
    margin-right: 5px
}

.noAccount-wrap a {
    font-size: 16px;
    font-weight: 600;
    color: #6648a9
}

.memberLogin-wrapper .preloader img {
    width: 70px
}

.web-logo img {
    width: 100%;
    max-width: 120px
}

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

    .loginPopupInner input[type=email],
    .loginPopupInner input[type=password],
    .loginPopupInner input[type=text],
    .memberLogin-formgroup input {
        height: 38px;
        padding: 0 12px;
        font-size: 14px
    }

    .left-container .memberLogin-logo img {
        max-height: 75px
    }

    .left-container h3 {
        font-size: 20px
    }

    .backToLogin,
    .forget-wrap a,
    .forgotPswrdLink,
    .left-container p,
    .noAccount-wrap a,
    .noAccount-wrap p,
    .rem-wrap .checkboxHolder {
        font-size: 14px
    }

    .right-container {
        padding: 30px 80px
    }

    .right-container h2 {
        font-size: 24px
    }

    .right-container h3 {
        font-size: 16px
    }

    .memberLogin-form {
        margin-top: 30px
    }

    .memberLogin-formgroup label {
        font-size: 14px;
        margin-bottom: 5px
    }

    .memberLogin-formgroup input {
        max-width: 430px
    }

    .rem-wrap .checkboxHolder input[type=checkbox]+label {
        height: 16px;
        width: 16px
    }

    .memberLogin-submit {
        font-size: 16px;
        height: 42px
    }
}

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

    .bannerCaption,
    .headerLeft,
    .headerRight,
    .innovateNetworkslider,
    .mainNav,
    .ourPartners,
    .pageContentInner,
    .pageFooter {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box
    }

    .row.aboutCarvreTop {
        padding: 0
    }

    .aboutCarvre {
        padding-left: 0;
        padding-right: 0
    }

    .aboutLeft {
        padding-left: 15px;
        box-sizing: border-box
    }

    .carvreCotentArea {
        padding-right: 15px;
        box-sizing: border-box
    }

    .whatCarvreRight {
        margin-top: -120px
    }

    .bannerCaption {
        bottom: 20px
    }

    .benefitWhyLeft img {
        max-width: 100%
    }

    .benefitWhyBottom {
        padding: 35px 0 0 40px
    }

    .sliderContentInner {
        padding: 10px;
        background: rgba(255, 255, 255, .5)
    }
}

@media screen and (max-width:1115px) {
    .mainNav li {
        font-size: 14px;
        margin-right: 8px
    }

    .btnMemberLoggedin ul {
        padding: 25px 15px 20px
    }
}

@media screen and (max-width:1024px) {
    #container {
        -moz-transition: .3s cubic-bezier(.42, 0, .58, 1);
        -webkit-transition: .3s cubic-bezier(.42, 0, .58, 1);
        transition: .3s cubic-bezier(.42, 0, .58, 1);
        padding-top: 0 !important
    }

    .btnMemberLogin {
        font-size: 15px;
        min-width: 131px;
        height: 34px;
        padding: 6px 0
    }

    .bannerContent {
        font-size: 44px;
        line-height: 43px
    }

    .bannerContent span {
        font-size: 55px
    }

    .homeBanner li {
        min-height: 500px
    }

    .accessWrapper .column {
        width: 32%;
        padding-bottom: 25px
    }

    .carvreCotentArea {
        padding: 25px 15px 35px 25px;
        max-width: inherit
    }

    .bannerCaption span {
        font-size: 24px
    }

    .benefitWhyTop {
        margin-top: -110px
    }

    .benefitWhyLeft {
        top: -70px
    }

    .benefitWhyRight {
        width: 600px
    }

    .aboutRight .contentWrapper {
        margin-top: -55px
    }

    .btnMemberLoggedin li a {
        font-size: 13px
    }

    .revenueList li {
        display: block;
        width: 100%;
        padding-right: 0
    }
}

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

    .left-container,
    .right-container {
        padding: 30px 40px
    }
}

@media screen and (max-width:900px) {
    .pageBanner {
        min-height: 280px
    }

    .bannerCaption {
        bottom: -15px
    }

    .memberListGrid .memberListInner {
        padding: 20px 15px 18px
    }

    .benefitWhyRight {
        width: 550px
    }

    .mainNav li {
        font-size: 13px
    }

    .btnMemberLoggedin {
        min-width: 94px;
        margin: 20px 0 0 3px;
        padding: 6px 10px
    }

    .btnMemberLoggedin span {
        font-size: 12px !important;
        padding: 0 12px 0 0
    }

    .btnMemberLoggedin ul {
        padding: 20px 10px
    }

    .btnMemberLoggedin li a {
        font-size: 12px
    }

    .btnMemberLoggedin li img {
        padding-right: 5px
    }

    .btnMemberLoggedin li {
        padding-bottom: 8px
    }

    .inputHolder li {
        display: block
    }

    .qualificationList li {
        display: inline-block
    }
}

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

    .contactLeftBox,
    .pageLogo {
        text-align: center
    }

    .benefitWhyRight,
    .whatCarvreLeft,
    .whatCarvreRight {
        float: none;
        width: 100%
    }

    .iconMobNav,
    .mobileNav ul {
        display: block !important
    }

    .footerLeft .mail,
    .footerLeft .phone,
    .footerNav,
    .footerSocialIcons,
    .innovateNetworkslider figure,
    .mainNav ul,
    .pageHeader .socialIcons {
        display: none
    }

    .headerLeft,
    .qstnTextBoxHolder p,
    .singleInputHolder .inputHolder {
        width: 100%
    }

    .homeContact {
        display: none !important
    }

    .aboutContent,
    .aboutLeft,
    .aboutRight {
        width: 100%;
        max-width: inherit
    }

    .aboutRight .contentWrapper,
    .benefitWhyTop {
        margin-top: 0
    }

    .aboutLeft {
        padding: 40px 15px
    }

    .innovateNetwork,
    .innovateNetworkslider {
        margin-top: 20px
    }

    .innovateNetworkslider .bx-viewport {
        height: inherit
    }

    .innovareLeft,
    .innovareRight {
        padding: 15px
    }

    .carvreCotentArea {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px
    }

    .innovateNetworkslider {
        background: #163a7f
    }

    .innovateNetworkslider h2,
    .sliderContent,
    .sliderContent p {
        color: #fff
    }

    .ourPartners {
        padding: 20px 15px
    }

    .whatCarvreRight {
        margin-top: 20px;
        padding-left: 0
    }

    .whatCarvreRightInner {
        padding: 40px 20px 25px 25px
    }

    .contactLeft,
    .contactRight {
        display: block;
        width: 100%
    }

    .contactRight {
        padding: 20px 0 0
    }

    .contactLeftBox {
        padding: 30px 12px 20px
    }

    .contactLeft li {
        background: 0 0 !important;
        padding: 0 0 18px
    }

    .benefitWhyRight {
        padding: 0 0 30px
    }

    .benefitWhyLeft {
        position: inherit;
        top: inherit
    }

    .benefitWhyBottom {
        padding: 35px 0 0 25px
    }

    .sliderContentInner {
        padding: 0;
        background: 0 0
    }

    .btnMemberLoggedin {
        min-width: 100px;
        margin: 20px 0 0 3px;
        padding: 6px 15px
    }

    .innovateNetworkslider .sliderContent {
        float: none !important;
        width: 100%;
        padding: 0;
        box-sizing: border-box
    }

    .eqWidthHolder,
    .twoInputHolder {
        display: block;
        width: 100%;
        padding: 0 0 12px
    }

    .divideInputHolder {
        display: block
    }

    .commonFieldHolder input[type=text],
    .commonFieldHolder select,
    .inputHolder.eqWidthHolder .chosen-container,
    .inputHolder.eqWidthHolder .chosen-single {
        max-width: inherit
    }

    .leftInfoFields,
    .rightInfoFields {
        float: none;
        width: 100%;
        padding: 0
    }

    .revenueList .percentBox input {
        max-width: 45px
    }

    .addMoreIcon,
    .innovateNetworkslider .bx-controls {
        right: 0
    }

    .removeIcon {
        width: 100%;
        padding: 0
    }
}

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

    .bannerContent,
    .contactForm input[type=text],
    .contactForm textarea {
        max-width: inherit
    }

    .aboutContent span p,
    .bannerContent {
        font-size: 30px
    }

    .innovareLeft,
    .innovareRight {
        width: 100%;
        max-width: inherit;
        float: none !important;
        display: block
    }

    .innovareRight {
        margin-top: 10px
    }

    .homeBanner li {
        min-height: 350px
    }

    .bannerContent {
        width: 100%;
        line-height: 32px;
        top: 63%
    }

    .bannerContent span {
        font-size: 35px
    }

    .aboutCarvreMemberBoxRight,
    .benefitWhyLeft,
    .footerLeft,
    .footerRight p {
        text-align: center
    }

    .ourPartners h2 {
        margin-bottom: 10px
    }

    .carvreCotentArea em.subTitleCarvre,
    .whatCarvreLeft span p strong {
        font-size: 22px
    }

    .carvreCotentArea span.titleCarvre {
        font-size: 19px;
        line-height: 26px
    }

    .aboutContent b,
    .aboutContent span {
        font-size: 26px
    }

    .aboutContent span {
        margin-bottom: 25px
    }

    .bannerCaption {
        bottom: -85px
    }

    .aboutCarvreMemberBoxLeft,
    .aboutCarvreMemberBoxRight,
    .benefitWhyBottom,
    .benefitWhyLeft,
    .contactForm .column,
    .conventionLeft,
    .conventionRight {
        float: none;
        width: 100%
    }

    .aboutCarvreMemberBoxLeft figure {
        text-align: center;
        padding: 0 0 10px
    }

    .aboutCarvreMemberBoxRight p {
        text-align: left
    }

    .formInputMarg {
        padding-right: 0
    }

    .contactForm input[type=submit] {
        margin: 10px 0 0
    }

    .contactRightTopList .column {
        float: none;
        width: 100%;
        padding: 0 0 10px
    }

    .conventionLeft {
        padding: 0 0 10px
    }

    .conventionRight {
        padding: 0
    }

    .conventionHandle img,
    .qstnTextBoxHolder .commonFieldHolder {
        width: 100%
    }

    .mobTab {
        display: block
    }

    .tabList {
        display: none
    }

    .benefitWhyBottom {
        padding: 35px 0 0
    }

    .benefitWhyTop {
        padding: 40px 30px
    }

    .benefitWhyTop p {
        line-height: 23px;
        font-size: 18px
    }

    .benefitWhyTop strong {
        font-size: 19px
    }

    .forgotPswrdPopup,.qrcodepopup,
    .loginPopupContent {
        top: 170px
    }

    .aboutContent span p strong {
        font-size: 28px
    }

    .whatCarvreLeft span p {
        font-size: 25px
    }

    .innovateListHandle {
        min-height: inherit
    }
}

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

    .revenueBoxHandle,
    .revenueList span {
        width: 100%;
        display: block
    }

    .pageLogo {
        text-align: right
    }

    .pageLogo img {
        max-width: 180px
    }

    .qualificationList li {
        display: block
    }

    .commonFieldHolder .otherOptionHolder input[type=text] {
        max-width: inherit;
        margin: 10px 0 0
    }

    .revenueList .amountBox {
        padding: 0 15px 10px 0
    }

    .commonFieldHolder.percentBox {
        width: 135px
    }
}

@media screen and (max-width:480px) {
    .listGridHandle .column {
        padding: 0 0 20px;
        float: none;
        width: 100%
    }

    .ambassadorListNew .listGridHandle,
    .ambassadorListNew .listGridInner {
        display: block;
        width: 100%
    }

    .ambassadorListNew .listGridInner {
        padding: 0
    }

    .memberListGrid .column {
        float: none;
        width: 100%;
        padding: 0 0 10px
    }

    .forgotPswrdPopup,.qrcodepopup,
    .loginPopupContent {
        width: 90%
    }

    .loginPopupInner {
        padding: 70px 15px 45px
    }

    .listGridHandle img {
        width: 100%;
        max-height: inherit;
        min-height: inherit
    }

    .ambassadorListNew,
    .ambassadorListNew .supportAmbassadorList {
        display: block
    }
}

@media screen and (max-width:430px) {
    .bannerCaption {
        bottom: -155px
    }

    .whatCarvreLeft span {
        font-size: 20px
    }
}

@media screen and (max-width:380px) {
    .contactLeft span::after {
        display: none
    }

    .contactLeft ul {
        padding: 10px 0 20px 20px
    }

    .loginPopupInner input[type=button],
    .loginPopupInner input[type=submit] {
        background: url(../images/iconPswrdLock.png) 33% center no-repeat #588ee6
    }

    .loginPopupInner input[type=button]:hover,
    .loginPopupInner input[type=submit]:hover {
        background: url('../images/iconPswrdLock.png') 33% center no-repeat #0b6ab9
    }

    .commonFieldHolder.percentBox,
    .revenueList .amountBox {
        width: 100%;
        display: block
    }

    .revenueList li {
        padding: 0 0 20px
    }

    .revenueList .amountBox {
        padding: 0 0 10px
    }
}

.termsContentsWrapper {
    display: flex;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    column-gap: 20px;

}

.termsContentsWrapper a {
    color: #fff;

}

.termsContentsWrapper a:hover {
    color: #88868d;
}

.termsContentsWrapper p {
    position: relative;
}

.termsContentsWrapper p:not(:last-child)::after {
    position: absolute;
    content: '|';
    top: 0px;
    right: -10px;
}