@font-face {
    font-family: 'CGG-icomoon';
    src: url(s3/widgets/release-v3.81/iconia/fonts/CGG-icomoon.eot?b1svws);
    src: url(s3/widgets/release-v3.81/iconia/fonts/CGG-icomoon.eot?b1svws#iefix) format('embedded-opentype'), url(s3/widgets/release-v3.81/iconia/fonts/CGG-icomoon.ttf?b1svws) format('truetype'), url(s3/widgets/release-v3.81/iconia/fonts/CGG-icomoon.woff?b1svws) format('woff'), url(s3/widgets/release-v3.81/iconia/fonts/CGG-icomoon.svg?b1svws#CGG-icomoon) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "proxima-nova";
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "proxima-nova";
    font-weight: normal;
    font-style: normal
}

[class^="m-cgg-icon--"], [class*=" m-cgg-icon--"] {
    font-family: 'CGG-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-cgg-icon--home-2018-bank-acc:before {
    content: "\e9ed"
}

.m-cgg-icon--home-2018-creditcards:before {
    content: "\e9ee"
}

.m-cgg-icon--home-2018-insurance:before {
    content: "\e9ef"
}

.m-cgg-icon--home-2018-loans:before {
    content: "\e9f0"
}

.m-cgg-icon--home-2018-mortage:before {
    content: "\e9f1"
}

.m-cgg-icon--Filter-mobile:before {
    content: "\e9ec"
}

.m-cgg-icon--instant-lightening-bolt:before {
    content: "\e9eb"
}

.m-cgg-icon--noResults:before {
    content: "\e9ea"
}

.m-cgg-icon--onlinebanking:before {
    content: "\e900"
}

.m-cgg-icon--otc:before {
    content: "\e901"
}

.m-cgg-icon--paymentcentre:before {
    content: "\e902"
}

.m-cgg-icon--paypal:before {
    content: "\e903"
}

.m-cgg-icon--cheque:before {
    content: "\e904"
}

.m-cgg-icon--creditcard:before {
    content: "\e905"
}

.m-cgg-icon--notification:before {
    content: "\e906"
}

.m-cgg-icon--cat-right:before {
    content: "\e002"
}

.m-cgg-icon--arrow-back:before {
    content: "\e003"
}

.m-cgg-icon--load:before {
    content: "\e004"
}

.m-cgg-icon--arrow-top:before {
    content: "\e005"
}

.m-cgg-icon--arrow-bottom:before {
    content: "\e006"
}

.m-cgg-icon--open-quote:before {
    content: "\e007"
}

.m-cgg-icon--arrow-next:before {
    content: "\e008"
}

.m-cgg-icon--twitter:before {
    content: "\e009"
}

.m-cgg-icon--uniE00A:before {
    content: "\e00a"
}

.m-cgg-icon--clock:before {
    content: "\e00b"
}

.m-cgg-icon--check2:before {
    content: "\e015"
}

.m-cgg-icon--cross2:before {
    content: "\e016"
}

.m-cgg-icon--no:before {
    content: "\e017"
}

.m-cgg-icon--tlist:before {
    content: "\e020"
}

.m-cgg-icon--ci-car2:before {
    content: "\e021"
}

.m-cgg-icon--ci-user:before {
    content: "\e022"
}

.m-cgg-icon--ci-details:before {
    content: "\e023"
}

.m-cgg-icon--tlist-small:before {
    content: "\e024"
}

.m-cgg-icon--tlist-small-vertical:before {
    content: "\e025"
}

.m-cgg-icon--tlist-grid:before {
    content: "\e026"
}

.m-cgg-icon--paper-plane:before {
    content: "\e027"
}

.m-cgg-icon--popular:before {
    content: "\e028"
}

.m-cgg-icon--exclusive:before {
    content: "\e029"
}

.m-cgg-icon--price-tag:before {
    content: "\e02a"
}

.m-cgg-icon--return:before {
    content: "\e030"
}

.m-cgg-icon--libris-usp1:before {
    content: "\e100"
}

.m-cgg-icon--libris-usp2:before {
    content: url()
}

.m-cgg-icon--libris-usp3:before {
    content: "\e102"
}

.m-cgg-icon--libris-details:before {
    content: "\e103"
}

.m-cgg-icon--libris-search:before {
    content: "\e104"
}

.m-cgg-icon--libris-bestoption:before {
    content: "\e105"
}

.m-cgg-icon--ci-car:before {
    content: "\e106"
}

.m-cgg-icon--ci-driver:before {
    content: "\e107"
}

.m-cgg-icon--ci-compare:before {
    content: "\e108"
}

.m-cgg-icon--faq:before {
    content: "\e109"
}

.m-cgg-icon--tips:before {
    content: "\e110"
}

.m-cgg-icon--need-help:before {
    content: "\e111"
}

.m-cgg-icon--tipseur:before {
    content: "\e112"
}

.m-cgg-icon--guide-ci:before {
    content: "\e200"
}

.m-cgg-icon--guide-cc:before {
    content: "\e201"
}

.m-cgg-icon--guide-mobile:before {
    content: "\e202"
}

.m-cgg-icon--guide-pl:before {
    content: "\e203"
}

.m-cgg-icon--guide-ti:before {
    content: "\e204"
}

.m-cgg-icon--guide-mi:before {
    content: "\e205"
}

.m-cgg-icon--guide-broadband:before {
    content: "\e206"
}

.m-cgg-icon--guide-mortgage:before {
    content: "\e207"
}

.m-cgg-icon--list:before {
    content: "\e600"
}

.m-cgg-icon--arrow-up:before {
    content: "\e601"
}

.m-cgg-icon--arrow-left:before {
    content: "\e602"
}

.m-cgg-icon--arrow-down:before {
    content: "\e603"
}

.m-cgg-icon--arrow-right:before {
    content: "\e604"
}

.m-cgg-icon--home:before {
    content: "\e605"
}

.m-cgg-icon--cross:before {
    content: "\e606"
}

.m-cgg-icon--signal:before {
    content: "\e607"
}

.m-cgg-icon--gift:before {
    content: "\e608"
}

.m-cgg-icon--hand:before {
    content: "\e609"
}

.m-cgg-icon--phone:before {
    content: "\e60a"
}

.m-cgg-icon--caret-right:before {
    content: "\e60b"
}

.m-cgg-icon--caret-left:before {
    content: "\e60c"
}

.m-cgg-icon--caret-up:before {
    content: "\e60d"
}

.m-cgg-icon--caret-down:before {
    content: "\e60e"
}

.m-cgg-icon--help:before {
    content: "\e60f"
}

.m-cgg-icon--phone-invert:before {
    content: "\e610"
}

.m-cgg-icon--star:before {
    content: "\e611"
}

.m-cgg-icon--check:before {
    content: "\e612"
}

.m-cgg-icon--plus:before {
    content: "\e613"
}

.m-cgg-icon--airmiles-o:before {
    content: "\e614"
}

.m-cgg-icon--best-deal-1-o:before {
    content: "\e615"
}

.m-cgg-icon--cashback-o:before {
    content: "\e616"
}

.m-cgg-icon--bar-contactless-payment-o:before {
    content: "\e617"
}

.m-cgg-icon--bar-Creditline:before {
    content: "\e618"
}

.m-cgg-icon--all-o:before {
    content: "\e619"
}

.m-cgg-icon--usp-1-id:before {
    content: "\e61a"
}

.m-cgg-icon--bar-deposit-o:before {
    content: "\e61b"
}

.m-cgg-icon--dining-o:before {
    content: "\e61c"
}

.m-cgg-icon--online-shopping-o:before {
    content: "\e61d"
}

.m-cgg-icon--bar-Instalment:before {
    content: "\e61e"
}

.m-cgg-icon--bar-Tax:before {
    content: "\e61f"
}

.m-cgg-icon--calendar-empty:before {
    content: "\e620"
}

.m-cgg-icon--calendar-full:before {
    content: "\e621"
}

.m-cgg-icon--couple:before {
    content: "\e622"
}

.m-cgg-icon--dental-2:before {
    content: "\e623"
}

.m-cgg-icon--premium-1-o:before {
    content: "\e624"
}

.m-cgg-icon--existing-history:before {
    content: "\e625"
}

.m-cgg-icon--eye:before {
    content: "\e626"
}

.m-cgg-icon--single-flight:before {
    content: "\e627"
}

.m-cgg-icon--group:before {
    content: "\e628"
}

.m-cgg-icon--inpatient:before {
    content: "\e629"
}

.m-cgg-icon--just-me:before {
    content: "\e62a"
}

.m-cgg-icon--maternity-o2:before {
    content: "\e62b"
}

.m-cgg-icon--me-and-kids:before {
    content: "\e62c"
}

.m-cgg-icon--my-family:before {
    content: "\e62e"
}

.m-cgg-icon--outpatient2:before {
    content: "\e62f"
}

.m-cgg-icon--private-room:before {
    content: "\e630"
}

.m-cgg-icon--sport2:before {
    content: "\e631"
}

.m-cgg-icon--doctor:before {
    content: "\e632"
}

.m-cgg-icon--cag-gift:before {
    content: "\e633"
}

.m-cgg-icon--fee-waiver:before {
    content: "\e634"
}

.m-cgg-icon--contactless-payment:before {
    content: "\e635"
}

.m-cgg-icon--lock:before {
    content: "\e636"
}

.m-cgg-icon--early-payment-fee-waiver:before {
    content: "\e637"
}

.m-cgg-icon--boxes-contacless:before {
    content: "\e638"
}

.m-cgg-icon--boxes-download:before {
    content: "\e639"
}

.m-cgg-icon--close2:before {
    content: "\e63a"
}

.m-cgg-icon--boxes-fee-waiver:before {
    content: "\e63b"
}

.m-cgg-icon--boxes-gift:before {
    content: "\e63c"
}

.m-cgg-icon--boxes-mortgage:before {
    content: "\e63d"
}

.m-cgg-icon--boxes-tick:before {
    content: "\e63e"
}

.m-cgg-icon--chevron-right:before {
    content: "\e63f"
}

.m-cgg-icon--airmile-local-o:before {
    content: "\e640"
}

.m-cgg-icon--usp-1-pt:before {
    content: "\e641"
}

.m-cgg-icon--clock2:before {
    content: "\e642"
}

.m-cgg-icon--amateur-sports:before {
    content: "\e643"
}

.m-cgg-icon--nav-home:before {
    content: "\e644"
}

.m-cgg-icon--chevron-down:before {
    content: "\e645"
}

.m-cgg-icon--chevron-left:before {
    content: "\e646"
}

.m-cgg-icon--chevron-up:before {
    content: "\e647"
}

.m-cgg-icon--credit-cards:before {
    content: "\e648"
}

.m-cgg-icon--health-insurance:before {
    content: "\e649"
}

.m-cgg-icon--home-loans:before {
    content: "\e64a"
}

.m-cgg-icon--personal-loans:before {
    content: "\e64b"
}

.m-cgg-icon--timer:before {
    content: "\e64c"
}

.m-cgg-icon--travel-insurance:before {
    content: "\e64d"
}

.m-cgg-icon--dental-1:before {
    content: "\e64e"
}

.m-cgg-icon--maternity:before {
    content: "\e64f"
}

.m-cgg-icon--outpatient:before {
    content: "\e650"
}

.m-cgg-icon--surgical:before {
    content: "\e651"
}

.m-cgg-icon--high-risk-sports:before {
    content: "\e652"
}

.m-cgg-icon--winter-sports:before {
    content: "\e653"
}

.m-cgg-icon--bb-plus-tv:before {
    content: "\e654"
}

.m-cgg-icon--car-insurance:before {
    content: "\e655"
}

.m-cgg-icon--mobile:before {
    content: "\e656"
}

.m-cgg-icon--unemployment-benefits:before {
    content: "\e657"
}

.m-cgg-icon--china-star:before {
    content: "\e658"
}

.m-cgg-icon--bar-FastCashLoan:before {
    content: "\e659"
}

.m-cgg-icon--critical-illness:before {
    content: "\e65a"
}

.m-cgg-icon--supplemental-major:before {
    content: "\e65b"
}

.m-cgg-icon--boxes-early-payment:before {
    content: "\e65c"
}

.m-cgg-icon--fast-approval:before {
    content: "\e65d"
}

.m-cgg-icon--cc-low-application-o:before {
    content: "\e65e"
}

.m-cgg-icon--car-insurance2:before {
    content: "\e65f"
}

.m-cgg-icon--usp-1-dk:before {
    content: "\e660"
}

.m-cgg-icon--usp-1-en:before {
    content: "\e661"
}

.m-cgg-icon--usp-2:before {
    content: "\e662"
}

.m-cgg-icon--usp-3:before {
    content: "\e663"
}

.m-cgg-icon--currency-cny-o:before {
    content: "\e664"
}

.m-cgg-icon--easy-card-o:before {
    content: "\e665"
}

.m-cgg-icon--gasoline-o:before {
    content: "\e666"
}

.m-cgg-icon--movie-o:before {
    content: "\e667"
}

.m-cgg-icon--other-currencies-o:before {
    content: "\e668"
}

.m-cgg-icon--currency-twd-o:before {
    content: "\e669"
}

.m-cgg-icon--currency-usd-o:before {
    content: "\e66a"
}

.m-cgg-icon--easy-card:before {
    content: "\e66b"
}

.m-cgg-icon--broadband:before {
    content: "\e66c"
}

.m-cgg-icon--close:before {
    content: "\e66d"
}

.m-cgg-icon--i-tooltip:before {
    content: "\e66e"
}

.m-cgg-icon--search-o:before {
    content: "\e66f"
}

.m-cgg-icon--dollar-o:before {
    content: "\e670"
}

.m-cgg-icon--star-o:before {
    content: "\e671"
}

.m-cgg-icon--warning:before {
    content: "\e672"
}

.m-cgg-icon--cookie-icon-simple:before {
    content: "\e673"
}

.m-cgg-icon--time-deposit:before {
    content: "\e674"
}

.m-cgg-icon--cookie-icon:before {
    content: "\e675"
}

.m-cgg-icon--best-deal-2-o:before {
    content: "\e676"
}

.m-cgg-icon--premium-2-o:before {
    content: "\e677"
}

.m-cgg-icon--specialty-o:before {
    content: "\e678"
}

.m-cgg-icon--car-loan:before {
    content: "\e679"
}

.m-cgg-icon--fast-cash-loan:before {
    content: "\e67a"
}

.m-cgg-icon--star-o2:before {
    content: "\e67b"
}

.m-cgg-icon--search-o2:before {
    content: "\e67c"
}

.m-cgg-icon--scales-o:before {
    content: "\e67d"
}

.m-cgg-icon--dollar-o2:before {
    content: "\e67e"
}

.m-cgg-icon--edit:before {
    content: "\e67f"
}

.m-cgg-icon--heart:before {
    content: "\e680"
}

.m-cgg-icon--usp-1-fi:before {
    content: "\e681"
}

.m-cgg-icon--bank:before {
    content: "\e682"
}

.m-cgg-icon--coinseur:before {
    content: "\e683"
}

.m-cgg-icon--coins:before {
    content: "\e684"
}

.m-cgg-icon--cta-arrow:before {
    content: "\e685"
}

.m-cgg-icon--cta-arrow-down:before {
    content: "\e686"
}

.m-cgg-icon--islamic:before {
    content: "\e687"
}

.m-cgg-icon--glc:before {
    content: "\e688"
}

.m-cgg-icon--BB_Business:before {
    content: "\e689"
}

.m-cgg-icon--BB_Home:before {
    content: "\e68a"
}

.m-cgg-icon--BB_HomeTV:before {
    content: "\e68b"
}

.m-cgg-icon--BB_Mobile:before {
    content: "\e68c"
}

.m-cgg-icon--dollareur-o:before {
    content: "\e68d"
}

.m-cgg-icon--flight:before {
    content: "\e68e"
}

.m-cgg-icon--multiple-flight:before {
    content: "\e68f"
}

.m-cgg-icon--credit-cards-md:before {
    content: "\e690"
}

.m-cgg-icon--Zeroannuity:before {
    content: "\e800"
}

.m-cgg-icon--Balancetransfer:before {
    content: "\e801"
}

.m-cgg-icon--bar-glc:before {
    content: "\e802"
}

.m-cgg-icon--bar-islamic:before {
    content: "\e803"
}

.m-cgg-icon--bar-Debt:before {
    content: "\e804"
}

.m-cgg-icon--bar-lendingCompanies:before {
    content: "\e805"
}

.m-cgg-icon--icon-funnel-pt-Residente-Perm:before {
    content: "\e907"
}

.m-cgg-icon--discount:before {
    content: "\e908"
}

.m-cgg-icon--Student-1:before {
    content: "\e909"
}

.m-cgg-icon--officechair:before {
    content: "\e90a"
}

.m-cgg-icon--optical-fiber:before {
    content: "\e90b"
}

.m-cgg-icon--wifi:before {
    content: "\e90c"
}

.m-cgg-icon--cafe:before {
    content: "\e90d"
}

.m-cgg-icon--gym:before {
    content: "\e90e"
}

.m-cgg-icon--hotel:before {
    content: "\e90f"
}

.m-cgg-icon--sport:before {
    content: "\e910"
}

.m-cgg-icon--store:before {
    content: "\e911"
}

.m-cgg-icon--supermarket:before {
    content: "\e912"
}

.m-cgg-icon--requirement:before {
    content: "\e913"
}

.m-cgg-icon--no-fee:before {
    content: "\e914"
}

.m-cgg-icon--balance-transfer:before {
    content: "\e915"
}

.m-cgg-icon--for-personal:before {
    content: "\e916"
}

.m-cgg-icon--for-my-business:before {
    content: "\e917"
}

.m-cgg-icon--for-new-business:before {
    content: "\e918"
}

.m-cgg-icon--money:before {
    content: "\e919"
}

.m-cgg-icon--email:before {
    content: "\e91a"
}

.m-cgg-icon--BBFunnel-FiveUsers:before {
    content: "\e91b"
}

.m-cgg-icon--BBFunnel-Games:before {
    content: "\e91c"
}

.m-cgg-icon--BBFunnel-HomeOut:before {
    content: "\e91d"
}

.m-cgg-icon--BBFunnel-Home:before {
    content: "\e91e"
}

.m-cgg-icon--BBFunnel-Hour1:before {
    content: "\e91f"
}

.m-cgg-icon--BBFunnel-Hour2:before {
    content: "\e920"
}

.m-cgg-icon--BBFunnel-Hour3:before {
    content: "\e921"
}

.m-cgg-icon--BBFunnel-Hour4:before {
    content: "\e922"
}

.m-cgg-icon--Retired-1:before {
    content: "\e923"
}

.m-cgg-icon--BBFunnel-No:before {
    content: "\e924"
}

.m-cgg-icon--BBFunnel-NotSure:before {
    content: "\e925"
}

.m-cgg-icon--BBFunne-OneUser:before {
    content: "\e926"
}

.m-cgg-icon--BBFunnel-Out:before {
    content: "\e927"
}

.m-cgg-icon--BBFunnel-ReadPaper:before {
    content: "\e928"
}

.m-cgg-icon--BBFunnel-SixUsers:before {
    content: "\e929"
}

.m-cgg-icon--BBFunnel-ThreeUsers:before {
    content: "\e92a"
}

.m-cgg-icon--BBFunnel-Work:before {
    content: "\e92b"
}

.m-cgg-icon--BBFunnel-Yes:before {
    content: "\e92c"
}

.m-cgg-icon--cta-arrow-left:before {
    content: "\e92d"
}

.m-cgg-icon--wifi2:before {
    content: "\e92e"
}

.m-cgg-icon--laptop:before {
    content: "\e92f"
}

.m-cgg-icon--infinity:before {
    content: "\e930"
}

.m-cgg-icon--wedding:before {
    content: "\e931"
}

.m-cgg-icon--car-car-loan:before {
    content: "\e932"
}

.m-cgg-icon--debt-consolidation:before {
    content: "\e933"
}

.m-cgg-icon--education:before {
    content: "\e934"
}

.m-cgg-icon--couple-with-children:before {
    content: "\e935"
}

.m-cgg-icon--couple-without-children:before {
    content: "\e936"
}

.m-cgg-icon--electronics:before {
    content: "\e937"
}

.m-cgg-icon--homeworks-and-renovation:before {
    content: "\e938"
}

.m-cgg-icon--refinancing:before {
    content: "\e939"
}

.m-cgg-icon--relocation:before {
    content: "\e93a"
}

.m-cgg-icon--single-with-children:before {
    content: "\e93b"
}

.m-cgg-icon--single-without-children:before {
    content: "\e93c"
}

.m-cgg-icon--student:before {
    content: "\e93d"
}

.m-cgg-icon--holiday:before {
    content: "\e93e"
}

.m-cgg-icon--home-decoration:before {
    content: "\e93f"
}

.m-cgg-icon--investment-purposes:before {
    content: "\e940"
}

.m-cgg-icon--medical-bills:before {
    content: "\e941"
}

.m-cgg-icon--mortgage-repayments:before {
    content: "\e942"
}

.m-cgg-icon--property-purchase:before {
    content: "\e943"
}

.m-cgg-icon--tax-payment:before {
    content: "\e944"
}

.m-cgg-icon--employed:before {
    content: "\e945"
}

.m-cgg-icon--HK-ID-holder:before {
    content: "\e946"
}

.m-cgg-icon--HK-PID-holder:before {
    content: "\e947"
}

.m-cgg-icon--Non-HK-resident:before {
    content: "\e948"
}

.m-cgg-icon--prefer-not-to-say:before {
    content: "\e949"
}

.m-cgg-icon--self-employed:before {
    content: "\e94a"
}

.m-cgg-icon--unemployed:before {
    content: "\e94b"
}

.m-cgg-icon--something-else:before {
    content: "\e94c"
}

.m-cgg-icon--cashback:before {
    content: "\e94d"
}

.m-cgg-icon--dining:before {
    content: "\e94e"
}

.m-cgg-icon--lock-2:before {
    content: "\e94f"
}

.m-cgg-icon--nine-dots:before {
    content: "\e950"
}

.m-cgg-icon--shopping-rewards:before {
    content: "\e951"
}

.m-cgg-icon--premium-privileges:before {
    content: "\e952"
}

.m-cgg-icon--travel-insurance2:before {
    content: "\e953"
}

.m-cgg-icon--three-stars:before {
    content: "\e954"
}

.m-cgg-icon--prepaid:before {
    content: "\e955"
}

.m-cgg-icon--cashback-2:before {
    content: "\e956"
}

.m-cgg-icon--air-miles:before {
    content: "\e957"
}

.m-cgg-icon--call-circle:before {
    content: "\e958"
}

.m-cgg-icon--chevron-down-2:before {
    content: "\e959"
}

.m-cgg-icon--chevron-right-circle:before {
    content: "\e95a"
}

.m-cgg-icon--chevron-up-2:before {
    content: "\e95b"
}

.m-cgg-icon--fixed-contract:before {
    content: "\e95c"
}

.m-cgg-icon--indefinite-contract:before {
    content: "\e95d"
}

.m-cgg-icon--refine-01:before {
    content: "\e95e"
}

.m-cgg-icon--ciab-cross:before {
    content: "\e95f"
}

.m-cgg-icon--ciab-minus:before {
    content: "\e960"
}

.m-cgg-icon--ciab-tick:before {
    content: "\e961"
}

.m-cgg-icon--fb:before {
    content: "\e962"
}

.m-cgg-icon--commercial-vehicle:before {
    content: "\e963"
}

.m-cgg-icon--couple-with-children2:before {
    content: "\e964"
}

.m-cgg-icon--couple-without-children2:before {
    content: "\e965"
}

.m-cgg-icon--employed2:before {
    content: "\e966"
}

.m-cgg-icon--employee-fixed-contract:before {
    content: "\e967"
}

.m-cgg-icon--employee-indefinite-contract:before {
    content: "\e968"
}

.m-cgg-icon--expired-policy:before {
    content: "\e969"
}

.m-cgg-icon--id-holder:before {
    content: "\e96a"
}

.m-cgg-icon--new-policy:before {
    content: "\e96b"
}

.m-cgg-icon--non-hk-resident:before {
    content: "\e96c"
}

.m-cgg-icon--personal-vehicle:before {
    content: "\e96d"
}

.m-cgg-icon--pid-holder:before {
    content: "\e96e"
}

.m-cgg-icon--prefer-not-to-say2:before {
    content: "\e96f"
}

.m-cgg-icon--renewal-policy:before {
    content: "\e970"
}

.m-cgg-icon--single-without-children2:before {
    content: "\e971"
}

.m-cgg-icon--self-employed2:before {
    content: "\e972"
}

.m-cgg-icon--single-with-children2:before {
    content: "\e973"
}

.m-cgg-icon--student2:before {
    content: "\e974"
}

.m-cgg-icon--uber-or-grab:before {
    content: "\e975"
}

.m-cgg-icon--unemployed2:before {
    content: "\e976"
}

.m-cgg-icon--with-aon:before {
    content: "\e977"
}

.m-cgg-icon--without-aon:before {
    content: "\e978"
}

.m-cgg-icon--filter-panel:before {
    content: "\e979"
}

.m-cgg-icon--giftbox:before {
    content: "\e97a"
}

.m-cgg-icon--trophy:before {
    content: "\e97b"
}

.m-cgg-icon--online-music:before {
    content: "\e97c"
}

.m-cgg-icon--online-video:before {
    content: "\e97d"
}

.m-cgg-icon--iphone4:before {
    content: "\e97e"
}

.m-cgg-icon--earth-phone:before {
    content: "\e97f"
}

.m-cgg-icon--phone-wifi:before {
    content: "\e980"
}

.m-cgg-icon--BBFunnel-HourInfinite:before {
    content: "\e981"
}

.m-cgg-icon--newspaper:before {
    content: "\e982"
}

.m-cgg-icon--phone-message:before {
    content: "\e983"
}

.m-cgg-icon--full-arrow-down:before {
    content: "\e984"
}

.m-cgg-icon--full-arrow-left:before {
    content: "\e985"
}

.m-cgg-icon--full-arrow-right:before {
    content: "\e986"
}

.m-cgg-icon--full-arrow-up:before {
    content: "\e987"
}

.m-cgg-icon--chevron-bottom-circle:before {
    content: "\e988"
}

.m-cgg-icon--chevron-top-circle:before {
    content: "\e989"
}

.m-cgg-icon--video-player:before {
    content: "\e98a"
}

.m-cgg-icon--music-note:before {
    content: "\e98b"
}

.m-cgg-icon--magazine-blocks:before {
    content: "\e98c"
}

.m-cgg-icon--hotspot-right:before {
    content: "\e98d"
}

.m-cgg-icon--angle-double-up:before {
    content: "\e98e"
}

.m-cgg-icon--angle-double-down:before {
    content: "\e98f"
}

.m-cgg-icon--cl-details:before {
    content: "\e990"
}

.m-cgg-icon--cl-new:before {
    content: "\e991"
}

.m-cgg-icon--td_AUD:before {
    content: "\e992"
}

.m-cgg-icon--td_CNY:before {
    content: "\e993"
}

.m-cgg-icon--td_NZD:before {
    content: "\e994"
}

.m-cgg-icon--td_OTHER:before {
    content: "\e995"
}

.m-cgg-icon--cl-used:before {
    content: "\e996"
}

.m-cgg-icon--td_TWD:before {
    content: "\e997"
}

.m-cgg-icon--td_USD:before {
    content: "\e998"
}

.m-cgg-icon--td_ZAR:before {
    content: "\e999"
}

.m-cgg-icon--gplus:before {
    content: "\e99a"
}

.m-cgg-icon--linkedin:before {
    content: "\e99b"
}

.m-cgg-icon--youtube:before {
    content: "\e99c"
}

.m-cgg-icon--location:before {
    content: "\e99d"
}

.m-cgg-icon--ownhouse:before {
    content: "\e99e"
}

.m-cgg-icon--rent-house:before {
    content: "\e99f"
}

.m-cgg-icon--familhouse:before {
    content: "\e9a0"
}

.m-cgg-icon--BBFunnel-Movies:before {
    content: "\e9a1"
}

.m-cgg-icon--info:before {
    content: "\e9a2"
}

.m-cgg-icon--instagram:before {
    content: "\e9a3"
}

.m-cgg-icon--Islamic:before {
    content: "\e9a4"
}

.m-cgg-icon--BBFunnel-homeandphone:before {
    content: "\e9a5"
}

.m-cgg-icon--BBFunnel-TV:before {
    content: "\e9a6"
}

.m-cgg-icon--cell-phone:before {
    content: "\e9a7"
}

.m-cgg-icon--icon-cc-home-overall:before {
    content: "\e9a8"
}

.m-cgg-icon--icon-cc-home-all:before {
    content: "\e9a9"
}

.m-cgg-icon--icon-cc-home-cashback:before {
    content: "\e9aa"
}

.m-cgg-icon--icon-cc-home-dining:before {
    content: "\e9ab"
}

.m-cgg-icon--icon-cc-home-airmiles:before {
    content: "\e9ac"
}

.m-cgg-icon--icon-cc-home-shopping:before {
    content: "\e9ad"
}

.m-cgg-icon--icon-cc-home-premium:before {
    content: "\e9ae"
}

.m-cgg-icon--icon-funnel-pt-Residente-Temp:before {
    content: "\e9af"
}

.m-cgg-icon--icon-funnel-pt-portugues:before {
    content: "\e9b0"
}

.m-cgg-icon--icon-funnel-pt-Nao-Residente:before {
    content: "\e9b1"
}

.m-cgg-icon--Fuel-Rebate:before {
    content: "\e9b2"
}

.m-cgg-icon--Low-interest-rate:before {
    content: "\e9b3"
}

.m-cgg-icon--coverage_Integral:before {
    content: "\e9b4"
}

.m-cgg-icon--party:before {
    content: "\e9b5"
}

.m-cgg-icon--sweet15:before {
    content: "\e9b6"
}

.m-cgg-icon--ticket:before {
    content: "\e9b7"
}

.m-cgg-icon--Religious:before {
    content: "\e9b8"
}

.m-cgg-icon--coverage_amplia:before {
    content: "\e9b9"
}

.m-cgg-icon--coverage_limited:before {
    content: "\e9ba"
}

.m-cgg-icon--coverage_r-civil:before {
    content: "\e9bb"
}

.m-cgg-icon--boat:before {
    content: "\e9bc"
}

.m-cgg-icon--caravan:before {
    content: "\e9bd"
}

.m-cgg-icon--tv-remote:before {
    content: "\e9be"
}

.m-cgg-icon--Phone-Bundle:before {
    content: "\e9bf"
}

.m-cgg-icon--PackBundle:before {
    content: "\e9c0"
}

.m-cgg-icon--motorcycle:before {
    content: "\e9c1"
}

.m-cgg-icon--energy-saving:before {
    content: "\e9c2"
}

.m-cgg-icon--contract:before {
    content: "\e9c3"
}

.m-cgg-icon--bonus:before {
    content: "\e9c4"
}

.m-cgg-icon--autopay:before {
    content: "\e9c5"
}

.m-cgg-icon--permanent-contract:before {
    content: "\e9c6"
}

.m-cgg-icon--employee:before {
    content: "\e9c7"
}

.m-cgg-icon--SIM:before {
    content: "\e9c8"
}

.m-cgg-icon--SIM2:before {
    content: "\e9c9"
}

.m-cgg-icon--SIM3:before {
    content: "\e9ca"
}

.m-cgg-icon--Part-time:before {
    content: "\e9cb"
}

.m-cgg-icon--recording:before {
    content: "\e9cc"
}

.m-cgg-icon--vod:before {
    content: "\e9cd"
}

.m-cgg-icon--multiple-screen:before {
    content: "\e9ce"
}

.m-cgg-icon--chat:before {
    content: "\e9cf"
}

.m-cgg-icon--china-star-2:before {
    content: "\e9d0"
}

.m-cgg-icon--nostar:before {
    content: "\e9d1"
}

.m-cgg-icon--onestar:before {
    content: "\e9d2"
}

.m-cgg-icon--portugal-phone:before {
    content: "\e9d3"
}

.m-cgg-icon--2stars:before {
    content: "\e9d4"
}

.m-cgg-icon--3stars:before {
    content: "\e9d5"
}

.m-cgg-icon--usage-light:before {
    content: "\e9d6"
}

.m-cgg-icon--usage-medium:before {
    content: "\e9d7"
}

.m-cgg-icon--Commission:before {
    content: "\e9d8"
}

.m-cgg-icon--Housewife:before {
    content: "\e9d9"
}

.m-cgg-icon--usage-heavy:before {
    content: "\e9da"
}

.m-cgg-icon--local-use:before {
    content: "\e9db"
}

.m-cgg-icon--internet-use:before {
    content: "\e9dc"
}

.m-cgg-icon--a-flight:before {
    content: "\e9dd"
}

.m-cgg-icon--multiple-places:before {
    content: "\e9de"
}

.m-cgg-icon--family-home:before {
    content: "\e9df"
}

.m-cgg-icon--relatives-home:before {
    content: "\e9e0"
}

.m-cgg-icon--myself:before {
    content: "\e9e1"
}

.m-cgg-icon--earth:before {
    content: "\e9e2"
}

.m-cgg-icon--local-use-filled:before {
    content: "\e9e3"
}

.m-cgg-icon--0-2mth-contract:before {
    content: "\e9e4"
}

.m-cgg-icon--2-6mth-contract:before {
    content: "\e9e5"
}

.m-cgg-icon--6mthplus-contract:before {
    content: "\e9e6"
}

.m-cgg-icon--unionpay:before {
    content: "\e9e7"
}

.m-cgg-icon--sorting:before {
    content: "\e9e8"
}

.m-cgg-icon--PRC:before {
    content: "\e9e9"
}

@charset "UTF-8";
body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

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

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

.img-responsive {
    display: block;
    height: 50%;
    width: 100%;
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #777
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

    h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
        font-size: 65%
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
        font-size: 75%
    }

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase, .initialism {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover, a.text-primary:focus {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover, a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff
}

.bg-primary {
    background-color: #337ab7
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

    ul ul, ul ol, ol ul, ol ol {
        margin-bottom: 0
    }

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0
    }

    blockquote footer, blockquote small, blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857;
        color: #777
    }

        blockquote footer:before, blockquote small:before, blockquote .small:before {
            content: '\2014 \00A0'
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right
    }

        .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
            content: ''
        }

        .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
            content: '\00A0 \2014'
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857
}

    .container:before, .container:after {
        content: " ";
        display: table
    }

    .container:after {
        clear: both
    }

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 15px
}

    .container-fluid:before, .container-fluid:after {
        content: " ";
        display: table
    }

    .container-fluid:after {
        clear: both
    }

    .row:before, .row:after {
        content: " ";
        display: table
    }

    .row:after {
        clear: both
    }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 10px 5px 10px;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px
    }

    input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sminput[type="time"], input[type="datetime-local"].input-sm, .input-group-sminput[type="datetime-local"], input[type="month"].input-sm, .input-group-sminput[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lginput[type="time"], input[type="datetime-local"].input-lg, .input-group-lginput[type="datetime-local"], input[type="month"].input-lg, .input-group-lginput[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .radio label, .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px
    }

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled]{
    cursor: not-allowed
}

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled].checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled].checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0
        }

        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

    .form-horizontal .form-group:before, .form-horizontal .form-group:after {
        content: " ";
        display: table
    }

    .form-horizontal .form-group:after {
        clear: both
    }

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #333;
        text-decoration: none
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

        .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c
        }

    .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
        background-image: none
    }

    .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40
        }

    .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        background-image: none
    }

    .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

        .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625
        }

    .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
        background-image: none
    }

    .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

    .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

        .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85
        }

    .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
        background-image: none
    }

    .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

    .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

        .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d
        }

    .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
        background-image: none
    }

    .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

        .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19
        }

    .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
        background-image: none
    }

    .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent
        }

            .btn-link:hover, .btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
                color: #777;
                text-decoration: none
            }

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}


.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header:before, .modal-header:after {
        content: " ";
        display: table
    }

    .modal-header:after {
        clear: both
    }

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden
}

    .collapse.in {
        height: auto;
        overflow: visible
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -moz-transition: -moz-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }

        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
            left: 0
        }

        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
            left: 0
        }

            .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                left: 0
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0
    }

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: transparent
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
    }

    .carousel-control:hover, .carousel-control:focus {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif
    }

        .carousel-control .icon-prev:before {
            content: '\2039'
        }

        .carousel-control .icon-next:before {
            content: '\203a'
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: transparent
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:992px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width;
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }

    .hidden-print {
        display: none !important
    }
}

.col-lg-2-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:1200px) {
    .col-lg-2-4 {
        float: left;
        width: 20%
    }
}

.col-md-2-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:992px) {
    .col-md-2-4 {
        float: left;
        width: 20%
    }
}

.col-sm-2-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .col-sm-2-4 {
        float: left;
        width: 20%
    }
}

@media (min-width:992px) {
    .col-md-push-2-4 {
        left: 20%
    }

    .col-md-pull-2-4 {
        right: 20%
    }

    .col-md-offset-2-4 {
        margin-left: 20%
    }
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body {
    font-family: proxima-nova,"Helvetica Neue",Helvetica,"Microsoft JhengHei","Open Sans",Arial,sans-serif;
    font-size: 14px;
    color: #312f2e;
    background-color: #f3f2ee;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    display: block !important
}

a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none
}

.padding-0 {
    padding: 0
}

.margin-0 {
    margin: 0
}

.padding-right-0 {
    padding-right: 0
}

.padding-left-0 {
    padding-left: 0
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.blue-header-text, .blue-header-text__main, .blue-header-text__secondary {
    color: #0e6f9a;
    font-weight: bold
}

.blue-header-text__main {
    font-size: 1.5em
}

.blue-header-text__secondary {
    font-size: 1.3em
}

.noSelect {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.visible-mobile {
    display: initial
}

.hidden {
    display: none
}

.table-container {
    width: 100%;
    overflow-y: auto
}

.table {
    border: 1px solid #ddd;
    margin-bottom: 15px
}

.result-page-spinner__container {
    min-height: 475px
}

.center-text {
    text-align: center
}

.bold-text {
    font-weight: 600
}

.right-text {
    text-align: right
}

.increase-text {
    font-size: 1.2em
}

.slick-loading .slick-list {
    background-image: none !important
}

.ciab-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .ciab-btn.active, .ciab-btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

        .ciab-btn.active:focus, .ciab-btn:active:focus, .ciab-btn:focus {
            outline: dotted thin;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px
        }

    .ciab-btn .m-cgg {
        font-size: 16px
    }

.ciab-btn--general-style, .ciab-btn--orange, .ciab-btn--cta, .ciab-btn--green, .ciab-btn--main-white, .ciab-btn--grey {
    border-radius: 3px;
    color: #fff;
    width: 100%;
    display: block;
    font-size: 22px;
    font-weight: 800;
    padding: 8px 12px;
    position: relative;
    z-index: 0;
    white-space: normal;
    height: auto
}

    .ciab-btn--general-style a, .ciab-btn--orange a, .ciab-btn--cta a, .ciab-btn--green a, .ciab-btn--main-white a, .ciab-btn--grey a {
        text-decoration: none;
        color: #fff
    }

.ciab-btn--orange {
    margin-bottom: 5px;
    background: #f08227;
    box-shadow: 0 5px #e4602d
}

    .ciab-btn--orange:hover, .ciab-btn--orange:active, .ciab-btn--orange:focus {
        background-color: #f37619;
        color: #fff;
        text-decoration: none
    }

.ciab-btn--cta {
    background: #f08227;
    margin-bottom: 5px;
    box-shadow: 0 5px #e4602d
}

.ciab-btn--green {
    background: #78aa43;
    margin-bottom: 5px;
    box-shadow: 0 5px #618840;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    font-size: 15px
}

.ciab-btn--main-white {
    background: #fff;
    margin-bottom: 5px;
    box-shadow: 0 5px #e7e6e2;
    color: #000
}

.ciab-btn--grey {
    background: #194f75;
    margin-bottom: 5px;
    box-shadow: 0 5px #0a243c;
    color: #fff
}

    .ciab-btn--grey:hover, .ciab-btn--grey:active, .ciab-btn--grey:focus {
        background-color: #16405d;
        color: #fff;
        text-decoration: none
    }

.ciab-btn--white {
    margin-bottom: 5px;
    box-shadow: 0 5px #979290
}

.ciab-btn--xs {
    font-size: 14px;
    border-bottom-width: 3px;
    padding: 1px;
    line-height: 1.8;
    font-weight: 600
}

.ciab-btn--sm {
    font-size: 20px
}

@media (min-width:992px) {
    .ciab-btn--sm {
        font-size: 17px
    }
}

.ciab-btn--light {
    background: #fff;
    color: #979290;
    border: solid 1px #e7e6e2;
    padding: 0;
    border-radius: 4px;
    box-shadow: none
}

    .ciab-btn--light:hover, .ciab-btn--light:active, .ciab-btn--light:focus {
        color: #979290;
        text-decoration: none
    }

.ciab-btn__inner {
    display: block;
    padding: 12px 12px;
    margin-bottom: 5px;
    box-shadow: 0 5px #f3f2ee;
    border-radius: 3px
}

.ciab-btn--form {
    font-size: 24px;
    font-weight: 600;
    background: #78aa43;
    box-shadow: 0 5px #77aa43
}

@media (min-width:992px) {
    .ciab-btn--form {
        font-size: 15px
    }
}

@media (max-width:992px) {
    .ciab-btn--form {
        font-size: 15px
    }
}

.ciab-btn--busy {
    text-indent: -90009px;
    text-align: left;
    background-image: url(assets/loading-alt.gif);
    background-repeat: no-repeat;
    background-position: 50%
}

.ciab-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    float: left;
    border: 1px solid #e7e6e2;
    border-radius: 2px
}

.ciab-checkbox__checked {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0
}

.ciab-checkbox__input {
    margin: 0 !important;
    position: relative;
    z-index: 999;
    opacity: 0;
    cursor: pointer;
    width: 20px;
    height: 20px
}

    .ciab-checkbox__input:checked + .ciab-checkbox__checked {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABA5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVBN0U0MzUyRkUxMTExRTRCRkZERDE1QTc1QzBFMzI1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVBN0U0MzUxRkUxMTExRTRCRkZERDE1QTc1QzBFMzI1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIElsbHVzdHJhdG9yIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplNTRkYWRmMS05ZDFiLTRkNjUtYWU2ZC1lZDhiYjc0MmRlNGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowZDIxNTk0Yy0zNjQ3LTExNzgtOWYzNy1mMGQ3ODVmNWQ4YTQiLz4gPGRjOnRpdGxlPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5kZXNrLWNhcl92NC4xYjwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gVmNLwAAASJJREFUeNpi/P//PwM1ARMDlcGogSSBdiAuwhAFxTIZuOI/FFy7f3Uashw5LkwH4jYQ4++/v38WbV/AKOTBa0HIhdJA3A3EbGjiEUD8B+Syf//+/W1f1DJP0J2nAIhlYWqwGSYKxJdBml6+e3H8xJXjvFBxLyD+CfXpv2nrpiwDGlQExMrI+rEZqAG0/RksjICGXv387XMAkPkVJrZ015L1QIOKgVgLXT9WL285utn445ePr/5jAUC5HVDDDLHpxRmT6w6s0Xz78e1jZMMOnN9/CGqYJS59eJPH6n0r5V+9e3kHZNjZG2dOCXvwlQANc8Cnh2Cam7dljti+M3tWSfgIlwIN8yCknpGY4guYztiAlCEQn3q34zNeDYyj5SHFACDAAGi/7f1nPtDDAAAAAElFTkSuQmCC);
        background-position: -3px -1px;
        background-repeat: no-repeat;
        background-color: #78aa43;
        border: 1px solid #78aa43;
        width: 18px;
        height: 18px
    }

.ciab-checkbox__lbl {
    padding-left: 10px;
    width: 89%;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4
}

@media (min-width:992px) {
    .ciab-checkbox__lbl {
        font-size: 16px
    }
}

.ciab-checkbox__chk-label {
    display: inline;
    font-weight: normal;
    cursor: pointer;
    font-size: 14px;
    padding-left: 5px;
    line-height: 1
}

@media (min-width:992px) {
    .ciab-checkbox__chk-label {
        font-size: 12px;
        color: #fafafa
    }
}

.ciab-checkbox__lbl a {
    color: #77aa43
}

.checkbox label.ciab-checkbox__lbl {
    padding-left: 10px;
    color: #312f2e !important
}

.ciab-text-input {
    line-height: 1.42857;
    outline: 0;
    border: 1px solid #e7e6e2;
    width: 100%;
    padding: 11px 18px 10px;
    border-radius: 3px;
    font-size: 16px;
    color: #312f2e;
    height: auto
}

.ciab-newsletter-input {
    height: 50px
}

.ciab-select-input {
    height: 45px
}

.ciab-textarea-chars-remaining {
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    font-weight: 500;
    color: #979290
}

.ciab-input-help {
    position: relative;
    float: right
}

@media (min-width:992px) {
    .ciab-input-help {
        float: none
    }
}

.ciab-input-help__toggle-link {
    color: #78aa43;
    font-weight: 600;
    font-size: 20px;
    margin-left: 6px
}

@media (min-width:992px) {
    .ciab-input-help__toggle-link {
        font-size: 14px
    }
}

.ciab-input-help__toggle-link:hover, .ciab-input-help__toggle-link:focus, .ciab-input-help__toggle-link:active {
    text-decoration: none
}

.ciab-input-help__arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-top-width: 0;
    border-bottom-color: #fbf29b;
    border-width: 9px;
    top: 14px;
    right: 1px;
    border-right-width: 9px
}

@media (min-width:992px) {
    .ciab-input-help__arrow {
        top: 12px;
        right: -2px
    }
}

.ciab-input-help__message {
    background: #fbf29b;
    padding: 14px;
    font-size: 18px;
    margin: 0 0 10px
}

@media (min-width:992px) {
    .ciab-input-help__message {
        font-size: 14px;
        margin-top: 4px
    }
}

.ciab-input-help__icon--tooltip {
    display: none
}

.collapsed .ciab-input-help__icon--tooltip {
    display: inline-block
}

.collapsed .ciab-input-help__icon--close {
    display: none
}

.collapsed .ciab-input-help__arrow {
    display: none
}

.checkbox .help-block {
    clear: both
}

.form-group {
    margin: 0;
    position: relative
}

.form-group--large:first-child {
    margin-top: 20px
}

.form-group--large {
    margin-bottom: 40px
}

.ciab-text-input::-webkit-input-placeholder, .ciab-text-input:-moz-placeholder, .ciab-text-input::-moz-placeholder, .ciab-text-input:-ms-input-placeholder {
    color: #979290
}

.ciab-text-input:focus::-webkit-input-placeholder {
    color: transparent
}

.ciab-text-input.form-control:focus {
    border-color: #78aa43;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(120,170,67,.6)
}

.has-error .help-block {
    display: block !important;
    margin-left: 20px
}

.has-error .help-block, .has-error .help-block_light {
    position: relative
}

.has-error .help-block_light {
    padding: 10px 10px 10px 40px;
    color: #000;
    background: #fbf29b
}

    .has-error .help-block_light ul {
        margin-bottom: 0
    }

    .has-error .help-block:before, .has-error .help-block_light:before {
        font-family: "CGG-icomoon";
        display: block;
        position: absolute;
        font-size: 15px;
        font-weight: 400
    }

.has-error .help-block:before {
    left: -20px
}

.has-error .help-block_light:before {
    color: #ff533f;
    left: 10px
}

.has-error.form-group--large .help-block {
    margin-left: 30px
}

.has-error.form-group--large .help-block, .has-error.form-group--large .help-block_light {
    margin-top: 10px;
    font-size: 18px
}

@media (min-width:992px) {
    .has-error.form-group--large .help-block, .has-error.form-group--large .help-block_light {
        font-size: 14px
    }
}

.has-error.form-group--large .help-block:before, .has-error.form-group--large .help-block_light:before {
    font-size: 20px
}

.has-error.form-group--large .help-block:before {
    left: -30px;
    top: -3px
}

@media (min-width:992px) {
    .has-error.form-group--large .help-block:before {
        top: -5px
    }
}

.has-error.form-group--large .help-block_light:before {
    top: 7px
}

@media (min-width:992px) {
    .has-error.form-group--large .help-block_light:before {
        top: 4px
    }
}

.has-error .form-control, .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error .ciab-text-input.form-control, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #ff533f
}

.has-error .form-control {
    border-color: #ff533f
}

.has-error .control-label, .has-error label {
    color: #312f2e
}

.has-error .ciab-checkbox {
    border-color: #ff533f
}

.has-error .cgg-global-input {
    border-color: #ff533f !important;
    box-shadow: inset 0 0 0 1px #ff533f !important
}

.ciab-reset {
    position: relative;
    float: right;
    font-size: 25px;
    cursor: pointer;
    margin: -37px 10px 0 0;
    color: #e7e6e2
}

    .ciab-reset.m-cgg-icon--check2 {
        color: #78aa43
    }

.cgg-global-input {
    width: 100%;
    box-shadow: none;
    font-size: 20px;
    padding: 0 20px;
    border: 1px solid #cccac7;
    height: 60px;
    outline: transparent solid 1px;
    font-weight: 400;
    overflow: hidden;
    -webkit-transition: border .1s ease;
    -o-transition: border .1s ease;
    transition: border .1s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    border-radius: 3px;
    background-color: #fff
}

.ciab-button-default {
    color: #979290;
    background-color: #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-user-select: none;
    user-select: none;
    display: block;
    line-height: 1.42857;
    border: 1px solid #cccac7;
    border-bottom: none;
    font-size: 18px;
    font-weight: 800;
    -webkit-box-shadow: 0 5px #dedbd0;
    -moz-box-shadow: 0 5px #dedbd0;
    box-shadow: 0 5px #dedbd0;
    width: 100%;
    position: relative;
    z-index: 0;
    white-space: normal;
    height: auto;
    padding: 6px 0
}

.contact-form__form .contact-form__input {
    height: 50px
}

.contact-form__form .ciab-textarea-input {
    padding: 20px;
    height: 120px;
    max-width: 700px
}

.newsletter__form .newsletter__input {
    height: 50px !important
}

.ciab-header {
    padding: 0 20px;
    height: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:768px) {
    .ciab-header {
        padding: 0 10px;
        height: 60px;
        justify-content: initial
    }
}

.ciab-header__mobile-btn {
    padding: 0 5px;
    width: 48px;
    height: 100%;
    background: none;
    border: none;
    align-items: center;
    outline: none;
    display: none
}

@media (max-width:768px) {
    .ciab-header__mobile-btn {
        display: flex
    }
}

.ciab-header__mobile-btn:nth-of-type(2) {
    margin-left: auto
}

.ciab-header__mobile-btn.mobile-menu-btn {
    margin-left: initial
}

    .ciab-header__mobile-btn.mobile-menu-btn .ciab-header__mobile-btn__text {
        margin-top: 10px;
        color: #cccbc8
    }

.ciab-header__mobile-btn a {
    width: 100%;
    color: #cccbc8;
    text-align: center;
    cursor: pointer
}

    .ciab-header__mobile-btn a:hover {
        text-decoration: none
    }

.ciab-header__mobile-btn .m-cgg, .ciab-header__mobile-btn img {
    margin: 3px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ciab-header__mobile-btn .m-cgg-icon--tlist {
    margin-bottom: 8px;
    height: 18px;
    font-size: 45px
}

.ciab-header__mobile-btn .m-cgg-icon--phone {
    padding: 5px;
    background: #155072;
    border-radius: 100%;
    color: #fff;
    font-size: 16px
}

.ciab-header__mobile-btn__text {
    margin-top: 4px;
    color: #77aa43;
    font-size: 9px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ciab-header .logo {
    max-width: 210px;
    max-height: 40px;
    float: left;
    cursor: pointer
}

@media (max-width:768px) {
    .ciab-header .logo {
        margin-left: 7px;
        max-width: calc(100% - 40px - 48px * 3);
        max-height: calc(100% - 28px)
    }
}

.ciab-header .logo-extra-for-mobile {
    margin: 0 3px;
    max-width: 33px;
    max-height: calc(100% - 28px);
    display: none
}

@media (max-width:768px) {
    .ciab-header .logo-extra-for-mobile {
        display: block
    }
}

.ciab-header nav {
    margin-right: -10px;
    height: 100%;
    align-items: center;
    display: flex
}

@media (max-width:768px) {
    .ciab-header nav {
        display: none
    }
}

.ciab-header nav a {
    padding: 0 10px;
    height: 100%;
    color: #312f2e;
    font-size: 16px;
    font-weight: bold;
    align-items: center;
    text-align: center;
    outline: none;
    display: flex;
    cursor: pointer;
    transition: all .2s ease, box-shadow 0s
}

@media (max-width:991px) {
    .ciab-header nav a {
        padding: 0 6px;
        font-size: 13px
    }
}

.ciab-header nav a:hover {
    background: #fafafa;
    color: #77aa43;
    text-decoration: none
}

.ciab-header nav a:focus {
    text-decoration: none
}

.ciab-header nav a.secondary {
    font-weight: normal
}

.ciab-header nav a.submenu:after {
    content: "";
    margin: 2px 0 0 5px;
    color: #cccbc8;
    font-size: 14px;
    font-family: "CGG-icomoon" !important
}

.ciab-header nav a.separator {
    margin: 0 10px;
    padding: 0;
    width: 1px;
    max-width: 1px;
    height: 24px;
    background: #dedcd9;
    overflow: hidden;
    cursor: default
}

.ciab-header nav a.notification {
    margin: 0 8px 0 10px;
    width: 18px;
    height: 22px;
    background: #77aa43
}

.ciab-header nav a.userlogin {
    color: #77aa43
}

    .ciab-header nav a.userlogin:after {
        content: "";
        margin: 2px 0 0 5px;
        color: #cccbc8;
        font-size: 14px;
        font-family: "CGG-icomoon" !important
    }

    .ciab-header nav a.userlogin .avatar {
        margin-right: 8px;
        width: 24px;
        height: 24px
    }

.ciab-header__menu {
    margin: 0;
    height: 100%;
    list-style: none;
    display: flex;
    align-items: center
}

    .ciab-header__menu li {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center
    }

        .ciab-header__menu li:hover > a.submenu {
            background: #fafafa !important;
            box-shadow: 3px 3px 0 0 rgba(0,0,0,.15);
            color: #77aa43
        }

            .ciab-header__menu li:hover > a.submenu:after {
                color: #77aa43
            }

        .ciab-header__menu li:hover > .ciab-header__menu__submenu {
            display: block
        }

        .ciab-header__menu li:hover li:hover > a:not(.separator):not(.header__langIco) {
            background: #fff !important;
            box-shadow: none !important
        }

        .ciab-header__menu li.mobile-only {
            display: none
        }

@media (max-width:768px) {
    .ciab-header__menu li.mobile-only {
        display: block
    }
}

.ciab-header__menu li > p > a {
    min-height: 0 !important;
    border-top: none !important;
    width: auto !important
}

    .ciab-header__menu li > p > a:first-child {
        margin-left: auto
    }

    .ciab-header__menu li > p > a.language {
        width: 24px !important;
        height: 24px !important
    }

.ciab-header__menu__submenu {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    width: 200px;
    background-color: #fafafa;
    box-shadow: 3px 3px 0 0 rgba(0,0,0,.15);
    z-index: 9;
    display: none
}

    .ciab-header__menu__submenu.right {
        left: initial;
        right: 0
    }

    .ciab-header__menu__submenu a {
        margin: 0;
        padding: 10px !important;
        width: 100%;
        min-height: 48px !important;
        text-align: left !important
    }

        .ciab-header__menu__submenu a:hover:not(.separator):not(.header__langIco) {
            background: #fff !important
        }

        .ciab-header__menu__submenu a.submenu {
            position: relative
        }

            .ciab-header__menu__submenu a.submenu:after {
                content: "" !important;
                position: absolute;
                right: 8px;
                margin-top: 2px;
                color: #cccbc8;
                font-size: 14px;
                font-family: "CGG-icomoon" !important
            }

        .ciab-header__menu__submenu a.separator {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
            max-width: initial !important;
            height: 1px !important;
            max-height: 1px !important;
            min-height: 0 !important
        }

        .ciab-header__menu__submenu a.option {
            margin-left: auto;
            margin-right: 5px;
            padding: 0;
            width: auto;
            color: #659d34
        }

            .ciab-header__menu__submenu a.option:hover {
                background: none !important
            }

    .ciab-header__menu__submenu p {
        margin: 0;
        padding: 0 10px;
        width: 100%;
        height: 48px;
        color: #312f2e;
        font-size: 16px;
        font-weight: bold;
        align-items: center;
        outline: none;
        display: flex
    }

    .ciab-header__menu__submenu .ciab-header__menu__submenu {
        top: 0;
        left: 100%
    }

.ciab-header__contact {
    height: 40px;
    background: #f3f2ee
}

@media (max-width:768px) {
    .ciab-header__contact {
        display: none
    }
}

.ciab-header__contact .fb-likeshare-load {
    display: flex
}

.ciab-header__contact .fb__share {
    margin-left: 5px;
    white-space: nowrap
}

    .ciab-header__contact .fb__share .fb__share--button {
        display: inline-block;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        background: #4267b2;
        font-weight: 600;
        font-size: .8em;
        color: #fff;
        height: 20px;
        line-height: 20px;
        text-shadow: 0 -1px 0 #354c8c;
        white-space: nowrap;
        padding: 0 5px;
        cursor: pointer;
        border-radius: 2px
    }

        .ciab-header__contact .fb__share .fb__share--button:hover {
            color: #fff;
            background: #365899;
            text-decoration: none
        }

        .ciab-header__contact .fb__share .fb__share--button:active {
            text-decoration: none;
            background: #577fbc
        }

    .ciab-header__contact .fb__share .fb__share--count {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 11px;
        background: #fff;
        border: 1px solid #9197a3;
        color: #4e5665;
        display: inline-block;
        height: 20px;
        line-height: 19px;
        margin: 0 5px 0 5px;
        min-width: 15px;
        padding: 0 3px;
        text-align: center;
        white-space: nowrap;
        position: relative;
        border-radius: 2px
    }

        .ciab-header__contact .fb__share .fb__share--count:before {
            position: absolute;
            content: "";
            border-color: transparent #9197a3;
            border-style: solid;
            border-width: 4px 5px 4px 0;
            display: block;
            top: 5px;
            left: -5px
        }

        .ciab-header__contact .fb__share .fb__share--count:after {
            position: absolute;
            content: "";
            border-color: transparent #fff;
            border-style: solid;
            border-width: 4px 4px 4px 0;
            display: block;
            top: 5px;
            left: -3px
        }

.ciab-header__contact__left {
    align-items: center;
    display: flex
}

.ciab-header__contact__right {
    color: #979290;
    font-size: 13px;
    align-items: center;
    display: flex
}

    .ciab-header__contact__right .m-cgg-icon--phone {
        margin-right: 5px;
        background: #155072;
        border-radius: 100%;
        color: #fff;
        padding: 5px;
        font-size: 10px
    }

    .ciab-header__contact__right span, .ciab-header__contact__right a {
        margin-right: 10px
    }

        .ciab-header__contact__right span:last-child, .ciab-header__contact__right a:last-child {
            margin-right: 0
        }

    .ciab-header__contact__right .bold {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: -.1px;
        color: #979290;
        text-decoration: none !important
    }

.ciab-header__contact__emaerket {
    margin-right: 20px;
    max-width: 160px;
    color: #979290;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    align-items: center;
    display: flex
}

@media (max-width:768px) {
    .ciab-header__contact__emaerket {
        display: none
    }
}

.ciab-header__contact__emaerket img {
    margin-right: 10px;
    max-height: 28px
}

.ciab-header__contact__languages {
    margin-left: 5px;
    padding-left: 5px;
    border-left: #e7e6e2 2px solid;
    display: flex;
    align-items: center
}

@media (max-width:768px) {
    .ciab-header__contact__languages {
        display: none
    }
}

.ciab-header__contact__languages a {
    margin-left: 5px;
    width: 24px;
    height: 24px
}

.ciab-header__mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 20;
    display: none
}

@media (max-width:768px) {
    .ciab-header__mobile-menu {
        display: block
    }

        .ciab-header__mobile-menu.active {
            width: 100%
        }

            .ciab-header__mobile-menu.active .ciab-header__mobile-menu__backdrop {
                opacity: .6
            }

            .ciab-header__mobile-menu.active .ciab-header__mobile-menu__menu {
                left: 0;
                transition: left .35s ease-in-out
            }
}

.ciab-header__mobile-menu__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #312f2e;
    opacity: 0;
    transition: opacity .35s ease-in-out
}

.ciab-header__mobile-menu__menu {
    position: absolute;
    top: 0;
    left: -265px;
    width: 265px;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    transition: all .35s ease-in-out
}

    .ciab-header__mobile-menu__menu nav {
        border-top: 1px solid #e7e6e2
    }

.ciab-header__mobile-menu__menu__container {
    position: absolute;
    width: 100%;
    min-height: 100%
}

    .ciab-header__mobile-menu__menu__container > .userlogin {
        padding: 15px;
        width: 100%;
        background: #fff;
        color: #77aa43;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        align-items: center
    }

        .ciab-header__mobile-menu__menu__container > .userlogin:hover {
            text-decoration: none
        }

        .ciab-header__mobile-menu__menu__container > .userlogin .avatar {
            margin-right: 12px;
            width: 60px;
            height: 60px
        }

    .ciab-header__mobile-menu__menu__container > .ciab-header__menu__submenu {
        position: absolute;
        top: 0;
        display: block !important;
        left: 100%;
        background: transparent;
        box-shadow: none;
        width: calc(100% - 60px);
        height: 100%;
        list-style: none
    }

        .ciab-header__mobile-menu__menu__container > .ciab-header__menu__submenu a {
            margin: 0 20px;
            width: calc(100% - 40px);
            min-height: 48px;
            border-bottom: 1px solid #e7e6e2;
            color: #312f2e;
            font-size: 16px;
            display: flex;
            align-items: center
        }

.ciab-header__mobile-menu__menu .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #cccbc8;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    z-index: 3
}

    .ciab-header__mobile-menu__menu .close-btn:before {
        content: "✕"
    }

.ciab-header__mobile-menu__menu .logo {
    margin: 15px;
    max-width: 200px;
    cursor: default
}

    .ciab-header__mobile-menu__menu .logo img {
        width: 100%;
        height: 100%
    }

.ciab-header__mobile-menu__menu .ciab-header__menu {
    position: relative;
    margin-bottom: 150px;
    padding: 0;
    height: auto;
    background: #fff;
    display: flex;
    flex-direction: column;
    z-index: 20
}

    .ciab-header__mobile-menu__menu .ciab-header__menu li, .ciab-header__mobile-menu__menu .ciab-header__menu a {
        width: 100%;
        height: auto;
        flex-flow: row wrap;
        transition: all .25s cubic-bezier(0,1,0,1)
    }

        .ciab-header__mobile-menu__menu .ciab-header__menu li:first-child a {
            border-top: none
        }

        .ciab-header__mobile-menu__menu .ciab-header__menu li:hover a.submenu {
            background: transparent !important;
            color: #312f2e
        }

        .ciab-header__mobile-menu__menu .ciab-header__menu li:hover li:hover > a {
            background: transparent !important
        }

        .ciab-header__mobile-menu__menu .ciab-header__menu li.active {
            background: #fafafa
        }

            .ciab-header__mobile-menu__menu .ciab-header__menu li.active > a.submenu:after {
                content: "" !important
            }

            .ciab-header__mobile-menu__menu .ciab-header__menu li.active > .ciab-header__menu__submenu {
                max-height: 1000px;
                overflow: visible
            }

    .ciab-header__mobile-menu__menu .ciab-header__menu a, .ciab-header__mobile-menu__menu .ciab-header__menu p {
        margin-left: 15px;
        margin-right: 15px;
        padding: 10px 0;
        min-height: 48px;
        color: #312f2e;
        font-size: 16px;
        font-weight: bold;
        border-top: 1px solid #e7e6e2;
        box-shadow: none !important;
        display: flex;
        align-items: center;
        cursor: pointer
    }

        .ciab-header__mobile-menu__menu .ciab-header__menu a:hover, .ciab-header__mobile-menu__menu .ciab-header__menu a:active, .ciab-header__mobile-menu__menu .ciab-header__menu p:hover, .ciab-header__mobile-menu__menu .ciab-header__menu p:active {
            background: transparent !important;
            color: #312f2e !important;
            text-decoration: none
        }

        .ciab-header__mobile-menu__menu .ciab-header__menu a.separator, .ciab-header__mobile-menu__menu .ciab-header__menu a.notification {
            display: none
        }

        .ciab-header__mobile-menu__menu .ciab-header__menu a.secondary {
            color: #979290;
            font-weight: normal
        }

            .ciab-header__mobile-menu__menu .ciab-header__menu a.secondary:hover, .ciab-header__mobile-menu__menu .ciab-header__menu a.secondary:active {
                color: #77aa43
            }

        .ciab-header__mobile-menu__menu .ciab-header__menu a.userlogin {
            border-top: none;
            display: none
        }

        .ciab-header__mobile-menu__menu .ciab-header__menu a.submenu:after {
            content: "" !important;
            position: absolute;
            right: 15px;
            color: #e7e6e2 !important;
            font-size: 20px;
            font-family: "CGG-icomoon" !important
        }

        .ciab-header__mobile-menu__menu .ciab-header__menu a.submenu:hover {
            color: #312f2e
        }

.ciab-header__mobile-menu__menu .ciab-header__menu__submenu {
    position: initial;
    margin-left: 24px;
    width: 100%;
    max-height: 0;
    background: transparent;
    box-shadow: none;
    transition: all .25s cubic-bezier(0,1,0,1);
    overflow: hidden;
    display: block !important
}

    .ciab-header__mobile-menu__menu .ciab-header__menu__submenu a:before {
        content: "•";
        position: absolute;
        top: 0;
        margin-left: -24px;
        margin-right: 12px;
        color: #cccbc8;
        font-size: 28px;
        font-weight: normal
    }

    .ciab-header__mobile-menu__menu .ciab-header__menu__submenu a {
        height: auto !important;
        border: none;
        font-weight: normal;
        list-style: none;
        display: list-item
    }

    .ciab-header__mobile-menu__menu .ciab-header__menu__submenu li.active {
        margin-left: -24px;
        padding-left: 24px;
        width: calc(100% + 24px);
        background: #f3f2ee
    }

.ciab-header__mobile-menu__menu .ciab-header__contact {
    position: absolute;
    bottom: 10px;
    padding: 0 15px;
    height: auto;
    background: transparent;
    display: block
}

.ciab-header__mobile-menu__menu .ciab-header__contact__left {
    margin-bottom: 16px
}

.ciab-header__mobile-menu__menu .ciab-header__contact__right {
    align-items: baseline;
    flex-direction: column
}

    .ciab-header__mobile-menu__menu .ciab-header__contact__right span {
        margin-bottom: 5px
    }

    .ciab-header__mobile-menu__menu .ciab-header__contact__right .bold {
        color: #77aa43;
        font-size: 14px
    }

    .ciab-header__mobile-menu__menu .ciab-header__contact__right .m-cgg-icon--phone {
        background: #77aa43
    }

.header__mobileHeader {
    background-color: #056f9d;
    padding: 2vw 1.5vw;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center
}

@media (min-width:480px) {
    .header__mobileHeader {
        padding: 16px 21px
    }
}

.header__whatsapp__mobileHeader {
    background-color: #fff;
    padding: 2vw 1.5vw;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center
}

@media (min-width:480px) {
    .header__whatsapp__mobileHeader {
        padding: 16px 21px
    }
}

.header__whatsapp__mobileHeader .header__whatsapp_mobileArrowCol {
    display: none
}

.header__whatsapp__mobileHeader .header__whatsapp__mobileMenuBtnCol .header__mobileMenuBtn {
    background: none;
    border: none;
    padding: 5px;
    color: #cccbc8
}

    .header__whatsapp__mobileHeader .header__whatsapp__mobileMenuBtnCol .header__mobileMenuBtn .m-cgg.m-cgg-icon--tlist {
        font-size: 45px;
        display: flex;
        display: -webkit-flex;
        height: 16px;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center
    }

.header__whatsapp__mobileHeader .header__whatsapp__mobileMenuBtnCol .header__mobileMenuBtn-text {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    margin-top: 10px
}

.header__whatsapp__mobileHeader .header__whatsapp__mobileLogoCol {
    flex: 1;
    padding-left: 15px
}

    .header__whatsapp__mobileHeader .header__whatsapp__mobileLogoCol .header__whatsapp__mobileLogo {
        height: 40px;
        width: 175px
    }

    .header__whatsapp__mobileHeader .header__whatsapp__mobileLogoCol .header__whatsapp__mobileLogo-white {
        display: none
    }

.header__whatsapp__mobileHeader .header__whatsapp__mobileTelBtnCol {
    flex: .15
}

    .header__whatsapp__mobileHeader .header__whatsapp__mobileTelBtnCol .header__whatsapp__mobile__phoneIcon {
        color: #fff;
        background-color: #155072;
        margin-right: 10px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle
    }

@media (min-width:768px) {
    .header__whatsapp__mobileHeader .header__whatsapp__mobileTelBtnCol .header__whatsapp__mobile__phoneIcon {
        margin-right: 5px
    }
}

.header__whatsapp__mobileHeader .header__whatsapp__mobileTelBtnCol .header__whatsapp__mobile__phoneIcon .m-cgg-icon--phone {
    padding: 0 0 0 7px;
    line-height: 32px;
    font-size: 18px
}

.header__whatsapp__mobileHeader .header__whatsapp__mobileWhatsappBtnCol {
    flex: .15
}

    .header__whatsapp__mobileHeader .header__whatsapp__mobileWhatsappBtnCol .header__whatsapp__mobileWhatsappIcon {
        height: 32px;
        padding-right: 10px
    }

.header__mobileMenuBtnCol {
    display: inline-block;
    vertical-align: middle
}

    .header__mobileMenuBtnCol .header__mobileMenuBtn {
        background: none;
        border: none;
        padding: 5px;
        color: #fff
    }

        .header__mobileMenuBtnCol .header__mobileMenuBtn .m-cgg.m-cgg-icon--tlist {
            font-size: 45px;
            display: flex;
            display: -webkit-flex;
            height: 16px;
            justify-content: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            align-items: center;
            -webkit-align-items: center
        }

    .header__mobileMenuBtnCol .header__mobileMenuBtn-text {
        display: block;
        font-size: 8px;
        text-transform: uppercase;
        margin-top: 10px
    }

.header__mobileLogoCol {
    flex: 1;
    display: inline-block;
    vertical-align: middle
}

    .header__mobileLogoCol .header__mobileLogo {
        width: 37vw
    }

@media (min-width:480px) {
    .header__mobileLogoCol .header__mobileLogo {
        width: 192px
    }
}

.header__mobileLogoCol .header__mobileLogo.whiteLogo {
    display: none
}

.header__mobileEmaerketLogoCol {
    flex: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 5px
}

    .header__mobileEmaerketLogoCol .header__mobileEmarket {
        width: 10vw;
        margin-bottom: 10px
    }

.header .header__mobileLogo {
    width: 37vw
}

@media (min-width:480px) {
    .header .header__mobileLogo {
        width: 192px
    }
}

.header .header__mobileLogo.whiteLogo {
    display: none
}

.header__mobileTelBtnCol {
    display: inline-block;
    vertical-align: middle;
    float: right
}

    .header__mobileTelBtnCol .header__telBtn {
        display: block;
        background-color: #78aa43;
        color: #fff;
        padding: 9px 10px;
        border-radius: 4px;
        box-shadow: 0 4px #618840;
        font-weight: 600
    }

@media (max-width:350px) {
    .header__mobileTelBtnCol .header__telBtn {
        font-size: 12px;
        padding: 8px
    }
}

.header__mobileTelBtnCol .header__telBtn:hover {
    text-decoration: none
}

.header__emaerketLogoCol {
    margin-left: 6px;
    display: inline-block
}

@media (max-width:480px) {
    .header__emaerketLogoCol {
        margin-left: 0
    }
}

.header__emaerketLogoCol img {
    max-width: 70%;
    opacity: .5
}

.header__header {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 50;
    top: 0;
    left: 0
}

@media (min-width:768px) {
    .header__header {
        position: relative;
        display: block !important;
        z-index: 6
    }
}

.header__header .header__menuCol {
    width: 70%;
    height: 100%;
    background-color: #fafafa;
    position: absolute;
    z-index: 2;
    padding: 10px 16px 0;
    top: 0;
    transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: transform ease-out .5s;
    -o-transition: transform ease-out .5s;
    -moz-transition: transform ease-out .5s;
    -webkit-transition: transform ease-out .5s
}

@media (min-width:768px) {
    .header__header .header__menuCol {
        position: relative;
        transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        width: 100%;
        height: auto;
        padding: 0;
        background-color: #fff;
        transition: none;
        -o-transition: none;
        -moz-transition: none;
        -webkit-transition: none
    }
}

.header__header .header__menuCol.active {
    transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0)
}

    .header__header .header__menuCol.active.subactive {
        transform: translateX(-80%);
        -o-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
        -moz-transform: translateX(-80%);
        -webkit-transform: translateX(-80%)
    }

        .header__header .header__menuCol.active.subactive .header__menu-itemUrl:before, .header__header .header__menuCol.active.subactive .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__menuCol.active.subactive .header__subMenu-itemUrl:before {
            color: #dedcd9
        }

@media (min-width:768px) {
    .header__header .header__menuCol.active.subactive {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

.header__header .header__notVisibleCol {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

@media (min-width:768px) {
    .header__header .header__notVisibleCol {
        display: none !important
    }
}

.header__header .header__menuCloseBtnCol {
    display: inline-block;
    vertical-align: middle
}

    .header__header .header__menuCloseBtnCol .header__mobileMenuCloseBtn {
        width: 35px;
        height: 35px;
        padding: 5px;
        line-height: 35px;
        display: flex;
        display: -webkit-flex;
        background: none;
        border: none;
        font-size: 21px;
        color: #979290
    }

@media (min-width:768px) {
    .header__header .header__headerTop {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        padding: 0 10px;
        background-color: #fff
    }
}

.header__header .header__headerTop .header__headerTop__langCol {
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width:1200px) {
    .header__header .header__headerTop {
        padding: 0 50px
    }
}

.header__header .header__desktopLogoCol {
    display: inline-block;
    vertical-align: middle
}

@media (min-width:1200px) {
    .header__header .header__desktopLogoCol {
        width: 267px
    }
}

.header__header .header__desktopLogoCol .header__desktopLogoUrl {
    display: inline-block;
    vertical-align: middle
}

.header__header .header__desktopLogoCol .header__returnArrow {
    margin-right: 10px;
    padding: 6px 3px 0 9px;
    border-radius: 50%;
    font-size: 23px;
    color: #056f9d;
    background-color: #fff;
    display: none
}

    .header__header .header__desktopLogoCol .header__returnArrow:hover, .header__header .header__desktopLogoCol .header__returnArrow:focus {
        text-decoration: none
    }

.header__header .header__desktopLogoCol .header__desktopLogo, .header__header .header__desktopLogoCol .header__desktopLogo-white {
    width: 40vw
}

@media (min-width:480px) {
    .header__header .header__desktopLogoCol .header__desktopLogo, .header__header .header__desktopLogoCol .header__desktopLogo-white {
        width: 192px
    }
}

@media (min-width:768px) {
    .header__header .header__desktopLogoCol .header__desktopLogo, .header__header .header__desktopLogoCol .header__desktopLogo-white {
        width: 180px
    }
}

@media (min-width:1200px) {
    .header__header .header__desktopLogoCol .header__desktopLogo, .header__header .header__desktopLogoCol .header__desktopLogo-white {
        width: 220px
    }
}

.header__header .header__desktopLogoCol .header__desktopLogo-white {
    display: none
}

.header__header .header__menu {
    margin-left: auto
}

@media (min-width:768px) {
    .header__header .header__menu {
        display: inline-block;
        vertical-align: middle
    }

        .header__header .header__menu.pt-header-width {
            width: 50%
        }
}

.header__header .header__menu-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0
}

@media (max-width:768px) {
    .header__header .header__menu-list {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .header__header .header__menu-list {
        margin: 0
    }

        .header__header .header__menu-list li.header__menu-item {
            float: left;
            padding: 0
        }
}

.header__header .header__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    display: none;
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4
}

@media (min-width:768px) {
    .header__header .header__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
        display: auto
    }
}

@media (min-width:1200px) {
    .header__header .header__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
        top: 80px
    }
}

.header__header .header__menu-list .header__menu-itemUrl, .header__header .header__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__subMenu-itemUrl {
    transition: color ease-out .5s;
    -o-transition: color ease-out .5s;
    -moz-transition: color ease-out .5s;
    -webkit-transition: color ease-out .5s;
    width: 100%;
    display: block;
    position: relative;
    color: #000;
    padding: 11px 0;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer
}

@media (min-width:992px) {
    .header__header .header__menu-list .header__menu-itemUrl, .header__header .header__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__subMenu-itemUrl {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .header__header .header__menu-list .header__menu-itemUrl, .header__header .header__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__subMenu-itemUrl {
        padding: 30px 9px
    }
}

@media (min-width:1300px) {
    .header__header .header__menu-list .header__menu-itemUrl, .header__header .header__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__subMenu-itemUrl {
        padding: 30px 15px
    }
}

.header__header .header__menu-list .header__menu-itemUrl:hover, .header__header .header__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:hover, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__subMenu-itemUrl:hover {
    text-decoration: none;
    color: #618840
}

.header__header .header__menu-list .header__menu-itemUrl.active:before, .header__header .header__menu-list .header__subMenuCol ul.header__subMenu-list .active.header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .active.header__subMenu-itemUrl:before {
    color: #f58423 !important
}

.header__header .header__menu-list .header__menu-itemUrl:before, .header__header .header__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__subMenu-itemUrl:before {
    position: absolute;
    right: -5px;
    top: 13px;
    font-family: CGG-icomoon;
    content: "";
    color: #f58423;
    font-size: 14px
}

@media (min-width:768px) {
    .header__header .header__menu-list .header__menu-itemUrl:before, .header__header .header__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list .header__subMenu-itemUrl:before {
        display: none
    }
}

.header__header .header__menu-list > li.header__menu-item:nth-child(n+2) {
    border-top: 1px solid #e7e6e2
}

@media (min-width:768px) {
    .header__header .header__menu-list > li.header__menu-item:nth-child(n+2) {
        border: none
    }

        .header__header .header__menu-list > li.header__menu-item:nth-child(n+2).pt-menu-fit {
            max-width: 20%;
            text-align: center
        }
}

.header__header .header__menu-list.hk-header .header__menu-itemUrl, .header__header .header__menu-list.hk-header .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__menu-list.hk-header .header__subMenu-itemUrl {
    font-size: 14px
}

.header__header .header__subMenuCol {
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 100%;
    background-color: #f3f2ee;
    border-left: 6px solid #eaeae8;
    z-index: -1;
    padding: 99px 16px 0;
    transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: transform ease-out .5s;
    -o-transition: transform ease-out .5s;
    -moz-transition: transform ease-out .5s;
    -webkit-transition: transform ease-out .5s;
    transition: -ms-transform ease-out .5s;
    -o-transition: -ms-transform ease-out .5s;
    -moz-transition: -ms-transform ease-out .5s;
    -webkit-transition: -ms-transform ease-out .5s;
    transition: -webkit-transform ease-out .5s;
    -o-transition: -webkit-transform ease-out .5s;
    -moz-transition: -webkit-transform ease-out .5s;
    -webkit-transition: -webkit-transform ease-out .5s
}

@media (min-width:768px) {
    .header__header .header__subMenuCol {
        transition: none;
        -o-transition: none;
        -moz-transition: none;
        -webkit-transition: none
    }
}

.header__header .header__subMenuCol.active {
    transform: translateX(117.7%);
    -o-transform: translateX(117.7%);
    -ms-transform: translateX(117.7%);
    -moz-transform: translateX(117.7%);
    -webkit-transform: translateX(117.7%)
}

@media (min-width:768px) {
    .header__header .header__subMenuCol.active {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        border-top: 1px solid #e7e6e2;
        border-left: none;
        width: 100%;
        height: auto;
        padding: 20px 0;
        position: absolute;
        top: auto;
        z-index: 2;
        text-align: center
    }
}

.header__header .header__subMenuCol .header__subMenuCloseBtn {
    display: none;
    width: 35px;
    height: 35px;
    padding: 5px;
    line-height: 35px;
    background: none;
    border: none;
    font-size: 21px;
    color: #979290;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width:768px) {
    .header__header .header__subMenuCol .header__subMenuCloseBtn {
        display: flex;
        display: -webkit-flex
    }
}

.header__header .header__subMenuCol ul.header__subMenu-list {
    list-style: none;
    padding: 0
}

@media (min-width:768px) {
    .header__header .header__subMenuCol ul.header__subMenu-list > li.header__subMenu-item {
        text-align: center;
        margin: 0 20px;
        display: inline-flex;
        display: -webkit-inline-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-around;
        -moz-justify-content: space-around;
        -webkit-justify-content: space-around
    }
}

.header__header .header__subMenuCol ul.header__subMenu-list > li.header__subMenu-item:nth-child(n+2) {
    border-top: 1px solid #e7e6e2
}

@media (min-width:768px) {
    .header__header .header__subMenuCol ul.header__subMenu-list > li.header__subMenu-item:nth-child(n+2) {
        border-top: none
    }
}

.header__header .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:before {
    content: none !important
}

@media (min-width:768px) {
    .header__header .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl {
        width: auto !important;
        text-transform: capitalize !important;
        padding: 0 !important
    }
}

.header__header .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl .header__subMenu-itemImg {
    display: none;
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    text-align: center
}

@media (min-width:768px) {
    .header__header .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl .header__subMenu-itemImg {
        display: block
    }
}

.header__header .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl .header__subMenu-itemImg img {
    width: 40px
}

.header__header .header__telBtnCol {
    margin-left: auto;
    padding: 15px 0;
    display: none
}

    .header__header .header__telBtnCol .emaerket-logo {
        margin-right: 20px;
        opacity: .5
    }

@media (min-width:768px) {
    .header__header .header__telBtnCol {
        display: block
    }
}

.header__header .header__telBtnCol .header__phoneIcon {
    color: #fff;
    background-color: #155072;
    margin-right: 5px;
    padding: 6px 8px 4px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top
}

@media (min-width:768px) {
    .header__header .header__telBtnCol .header__phoneIcon {
        margin-right: 5px
    }
}

.header__header .header__telBtnCol .header__companyInfo {
    display: inline-block;
    vertical-align: middle
}

    .header__header .header__telBtnCol .header__companyInfo > span {
        display: block
    }

    .header__header .header__telBtnCol .header__companyInfo .header__phoneText {
        font-weight: 600;
        font-size: 19px;
        font-size: 1.65vw;
        line-height: 20px;
        text-transform: uppercase;
        color: #000
    }

@media (min-width:768px) {
    .header__header .header__telBtnCol .header__companyInfo .header__phoneText {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .header__header .header__telBtnCol .header__companyInfo .header__phoneText {
        font-size: 1vw
    }
}

.header__header .header__telBtnCol .header__companyInfo .header__officeHr {
    font-weight: 600;
    font-size: 13px;
    color: #979290
}

@media (min-width:768px) {
    .header__header .header__telBtnCol .header__companyInfo .header__officeHr {
        font-size: 11px;
        font-size: .97vw
    }
}

@media (min-width:1200px) {
    .header__header .header__telBtnCol .header__companyInfo .header__officeHr {
        font-size: .5vw
    }
}

.header__header .header__headerBottom {
    margin-top: 20px
}

@media (min-width:768px) {
    .header__header .header__headerBottom {
        width: 100%;
        margin-top: 0;
        padding: 12.5px 10px;
        background-color: #f3f2ee;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        align-items: center;
        -webkit-align-items: center
    }

        .header__header .header__headerBottom .fb_iframe_widget {
            top: 2px
        }
}

@media (min-width:1200px) {
    .header__header .header__headerBottom {
        padding: 10px 50px
    }
}

.header__header .header__headerBottom .header__fbCol .fb-whatsapp-like {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:768px) {
    .header__header .header__headerBottom .header__fbCol .fb-whatsapp-like {
        margin-right: 5px;
        margin-top: 5px
    }
}

.header__header .header__headerBottom .header__fbCol .fb__share {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:768px) {
    .header__header .header__headerBottom .header__fbCol .fb__share {
        margin-left: 0;
        margin-top: 5px
    }
}

.header__header .header__headerBottom .header__fbCol .fb__share .fb__share--button {
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #4c69ba;
    background: linear-gradient(#4c69ba,#3b55a0);
    background: -o-linear-gradient(#4c69ba,#3b55a0);
    background: -moz-linear-gradient(#4c69ba,#3b55a0);
    background: #4c69ba;
    font-weight: 600;
    font-size: .8em;
    color: #fff;
    height: 20px;
    line-height: 20px;
    text-shadow: 0 -1px 0 #354c8c;
    white-space: nowrap;
    padding: 0 5px;
    cursor: pointer;
    border-radius: 2px
}

    .header__header .header__headerBottom .header__fbCol .fb__share .fb__share--button:hover {
        color: #fff;
        text-decoration: none;
        background: #5b7bd5;
        background: linear-gradient(#5b7bd5,#4864b1);
        background: -o-linear-gradient(#5b7bd5,#4864b1);
        background: -moz-linear-gradient(#5b7bd5,#4864b1);
        background: -webkit-linear-gradient(#5b7bd5,#4864b1)
    }

    .header__header .header__headerBottom .header__fbCol .fb__share .fb__share--button:focus {
        text-decoration: none
    }

.header__header .header__headerBottom .header__fbCol .fb__share .fb__share--count {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    background: #fff;
    border: 1px solid #9197a3;
    color: #4e5665;
    display: inline-block;
    height: 20px;
    line-height: 19px;
    margin: 0 5px 0 5px;
    min-width: 15px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    position: relative;
    border-radius: 2px
}

    .header__header .header__headerBottom .header__fbCol .fb__share .fb__share--count:before {
        position: absolute;
        content: "";
        border-color: transparent #9197a3;
        border-style: solid;
        border-width: 4px 5px 4px 0;
        display: block;
        top: 5px;
        left: -5px
    }

    .header__header .header__headerBottom .header__fbCol .fb__share .fb__share--count:after {
        position: absolute;
        content: "";
        border-color: transparent #fff;
        border-style: solid;
        border-width: 4px 4px 4px 0;
        display: block;
        top: 5px;
        left: -3px
    }

.header__header .header__headerBottom .header__langCol {
    border-top: 1px solid #e7e6e2;
    margin-top: 11px;
    padding-top: 11px
}

@media (min-width:768px) {
    .header__header .header__headerBottom .header__langCol {
        border-top: none;
        border-left: 1px solid #c7c7c7;
        margin-top: 0;
        margin-left: 5px;
        padding-top: 0;
        padding-left: 10px
    }
}

.header__header .header__headerBottom .header__emaerket {
    top: -40px;
    left: 0;
    width: 100%;
    border-top: 1px solid #e7e6e2;
    padding-top: 10px;
    position: absolute;
    margin-top: 12px
}

@media (min-width:768px) {
    .header__header .header__headerBottom .header__emaerket {
        margin-top: 5px;
        top: 0;
        width: auto;
        border-top: none;
        padding-top: 0;
        left: 12px
    }
}

@media (min-width:1200px) {
    .header__header .header__headerBottom .header__emaerket {
        left: 50px
    }
}

.header__header .header__headerBottom .header__emaerket img {
    width: 35px;
    margin-right: 10px;
    float: left
}

.header__header .header__headerBottom .header__emaerket p {
    max-width: 115px;
    font-size: 10px;
    display: inline-block;
    color: #979290;
    font-weight: 600;
    line-height: 12px
}

.header__header .header__headerBottom.da {
    position: relative
}

    .header__header .header__headerBottom.da .header__fbCol {
        position: relative;
        top: 20px
    }

@media (min-width:768px) {
    .header__header .header__headerBottom.da .header__fbCol {
        top: auto
    }

    .header__header .header__whatsapp__headerTop {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        padding: 0 10px;
        background-color: #fff
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerTop {
        padding: 0 18px 0 25px
    }
}

.header__header .header__whatsapp__headerTop .header__headerTop__langCol {
    display: none
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerTop .header__headerTop__langCol {
        display: inline-block
    }
}

.header__header .header__whatsapp__menu-list {
    list-style: none;
    margin: 20px 0 0;
    padding: 0 0 0 0
}

@media (max-width:768px) {
    .header__header .header__whatsapp__menu-list {
        margin: 0 0 0;
        font-size: 14px
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list {
        padding: 0 120px 0 0;
        margin: 0
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__menu-list {
        padding: 0 180px 0 0
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list li.header__menu-item {
        float: left;
        padding: 0
    }
}

.header__header .header__whatsapp__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__whatsapp__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    display: none;
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__whatsapp__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
        display: auto
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__whatsapp__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
        top: 80px
    }
}

.header__header .header__whatsapp__menu-list .header__menu-itemUrl, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl {
    transition: color ease-out .5s;
    -o-transition: color ease-out .5s;
    -moz-transition: color ease-out .5s;
    -webkit-transition: color ease-out .5s;
    width: 100%;
    display: block;
    position: relative;
    color: #000;
    padding: 9px 0;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer
}

@media (min-width:480px) {
    .header__header .header__whatsapp__menu-list .header__menu-itemUrl, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl {
        padding: 11px 0
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list .header__menu-itemUrl, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl {
        padding: 28px 35px 29px 0;
        font-size: 13px;
        font-size: 1.11vw
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__menu-list .header__menu-itemUrl, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl {
        font-size: 16px
    }
}

.header__header .header__whatsapp__menu-list .header__menu-itemUrl:hover, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:hover, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl:hover {
    text-decoration: none;
    color: #618840
}

.header__header .header__whatsapp__menu-list .header__menu-itemUrl.active:before, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .active.header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .active.header__subMenu-itemUrl:before {
    color: #f58423 !important
}

.header__header .header__whatsapp__menu-list .header__menu-itemUrl:before, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl:before {
    position: absolute;
    right: -5px;
    top: 13px;
    font-family: CGG-icomoon;
    content: "";
    color: #f58423;
    font-size: 14px
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list .header__menu-itemUrl:before, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl:before {
        display: none
    }
}

.header__header .header__whatsapp__menu-list > li.header__menu-item:nth-child(n+2) {
    border-top: 1px solid #e7e6e2
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list > li.header__menu-item:nth-child(n+2) {
        border: none
    }

        .header__header .header__whatsapp__menu-list > li.header__menu-item:nth-child(n+2).pt-menu-fit {
            max-width: 20%;
            text-align: center
        }

    .header__header .header__whatsapp__headerBottom {
        width: 100%;
        margin-top: 0;
        padding: 3px 10px;
        background-color: #f3f2ee;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        align-items: center;
        -webkit-align-items: center
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerBottom {
        height: 40px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol {
    flex: 1;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol {
        padding-bottom: 0
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb-like {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb-like {
        margin-right: 5px;
        margin-top: 5px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share {
        margin-left: 0;
        margin-top: 5px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--button {
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #4c69ba;
    background: linear-gradient(#4c69ba,#3b55a0);
    background: -o-linear-gradient(#4c69ba,#3b55a0);
    background: -moz-linear-gradient(#4c69ba,#3b55a0);
    background: #4c69ba;
    font-weight: 600;
    font-size: .8em;
    color: #fff;
    height: 20px;
    line-height: 20px;
    text-shadow: 0 -1px 0 #354c8c;
    white-space: nowrap;
    padding: 0 5px;
    cursor: pointer;
    border-radius: 2px
}

    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--button:hover {
        color: #fff;
        text-decoration: none;
        background: #5b7bd5;
        background: linear-gradient(#5b7bd5,#4864b1);
        background: -o-linear-gradient(#5b7bd5,#4864b1);
        background: -moz-linear-gradient(#5b7bd5,#4864b1);
        background: -webkit-linear-gradient(#5b7bd5,#4864b1)
    }

    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--button:focus {
        text-decoration: none
    }

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--count {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    background: #fff;
    border: 1px solid #9197a3;
    color: #4e5665;
    display: inline-block;
    height: 20px;
    line-height: 19px;
    margin: 0 5px 0 5px;
    min-width: 15px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    position: relative;
    border-radius: 2px
}

    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--count:before {
        position: absolute;
        content: "";
        border-color: transparent #9197a3;
        border-style: solid;
        border-width: 4px 5px 4px 0;
        display: block;
        top: 5px;
        left: -5px
    }

    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--count:after {
        position: absolute;
        content: "";
        border-color: transparent #fff;
        border-style: solid;
        border-width: 4px 4px 4px 0;
        display: block;
        top: 5px;
        left: -3px
    }

.header__header .header__whatsapp__headerBottom .header__desktopLogoCol {
    display: none
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol {
    padding-left: 5px;
    padding-top: 10px
}

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__telBtn:hover {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__telBtn:visited {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__telBtn:active {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__telBtn:link {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .m-cgg-icon--phone {
        padding: 0 0 0 5px;
        font-size: 11px
    }

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .m-cgg-icon--phone {
        padding: 0 0 0 6px;
        font-size: 15px;
        line-height: 25px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .emaerket-logo {
    margin-right: 20px;
    opacity: .5
}

@media (min-width:480px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol {
        padding: 10px 0;
        display: none
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol {
        padding: 15px 0;
        display: block;
        padding: 0 0
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__phoneIcon {
    color: #fff;
    background-color: #155072;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__phoneIcon {
        margin-right: 5px;
        width: 26px;
        height: 26px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo {
    display: inline-block;
    vertical-align: middle
}

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo > span {
        display: block
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText {
        line-height: 17px;
        font-weight: bold;
        letter-spacing: -.1px;
        color: #979290;
        padding-right: 6px
    }

        .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText:hover {
            text-decoration: none
        }

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText {
        max-width: 25vw;
        font-size: 13px;
        font-weight: 600;
        font-size: 19px;
        font-size: 1.65vw;
        line-height: 20px;
        text-transform: uppercase
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText {
        font-size: 14px;
        height: 17px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__officeHr {
    font-weight: 600;
    font-size: 13px;
    color: #979290
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__officeHr {
        font-size: 11px;
        font-size: .97vw
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__officeHr {
        font-size: 14px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__headerBottom__mobileMenu__langCol {
    padding-left: 6px;
    padding-top: 10px;
    border-top: 1px solid #e7e6e2
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__headerBottom__mobileMenu__langCol {
        display: none
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol {
    padding-top: 8px
}

@media (min-width:480px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol {
        padding-top: 0
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappIcon {
    width: 30px
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo {
    font-weight: bold;
    letter-spacing: -.1px;
    color: #979290;
    padding-right: 10px
}

    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:hover {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:visited {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:active {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:link {
        text-decoration: none
    }

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo {
        font-size: 13px
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__seperatorCol {
        width: 1px;
        height: 16px;
        background-color: #dedcd9
    }
}

@media (min-width:480px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__officeCol {
        padding-left: 10px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__officeCol .header__whatsapp__officeHr {
    height: 16px;
    font-size: 13px;
    color: #979290
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__seperator2Col {
    visibility: hidden
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__headerBottom__langCol {
    visibility: hidden
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerTop {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        padding: 0 10px;
        background-color: #fff
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerTop {
        padding: 0 18px 0 25px
    }
}

.header__header .header__whatsapp__headerTop .header__headerTop__langCol {
    display: none
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerTop .header__headerTop__langCol {
        display: inline-block
    }
}

.header__header .header__whatsapp__menu-list {
    list-style: none;
    margin: 20px 0 0;
    padding: 0 0 0 0
}

@media (max-width:768px) {
    .header__header .header__whatsapp__menu-list {
        margin: 0 0 0;
        font-size: 14px
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list {
        padding: 0 120px 0 0;
        margin: 0
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__menu-list {
        padding: 0 180px 0 0
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list li.header__menu-item {
        float: left;
        padding: 0
    }
}

.header__header .header__whatsapp__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__whatsapp__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    display: none;
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__whatsapp__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
        display: auto
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__menu-list .header__menu-hasSubItem span.header__menu-itemUrl.active:after, .header__header .header__whatsapp__menu-list .header__menu-hasSubItem .header__subMenuCol ul.header__subMenu-list span.active.header__subMenu-itemUrl:after, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__menu-hasSubItem span.active.header__subMenu-itemUrl:after {
        top: 80px
    }
}

.header__header .header__whatsapp__menu-list .header__menu-itemUrl, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl {
    transition: color ease-out .5s;
    -o-transition: color ease-out .5s;
    -moz-transition: color ease-out .5s;
    -webkit-transition: color ease-out .5s;
    width: 100%;
    display: block;
    position: relative;
    color: #000;
    padding: 9px 0;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer
}

@media (min-width:480px) {
    .header__header .header__whatsapp__menu-list .header__menu-itemUrl, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl {
        padding: 11px 0
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list .header__menu-itemUrl, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl {
        padding: 28px 35px 29px 0;
        font-size: 13px;
        font-size: 1.11vw
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__menu-list .header__menu-itemUrl, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl {
        font-size: 16px
    }
}

.header__header .header__whatsapp__menu-list .header__menu-itemUrl:hover, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:hover, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl:hover {
    text-decoration: none;
    color: #618840
}

.header__header .header__whatsapp__menu-list .header__menu-itemUrl.active:before, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .active.header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .active.header__subMenu-itemUrl:before {
    color: #f58423 !important
}

.header__header .header__whatsapp__menu-list .header__menu-itemUrl:before, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl:before {
    position: absolute;
    right: -5px;
    top: 13px;
    font-family: CGG-icomoon;
    content: "";
    color: #f58423;
    font-size: 14px
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list .header__menu-itemUrl:before, .header__header .header__whatsapp__menu-list .header__subMenuCol ul.header__subMenu-list .header__subMenu-itemUrl:before, .header__header .header__subMenuCol ul.header__subMenu-list .header__whatsapp__menu-list .header__subMenu-itemUrl:before {
        display: none
    }
}

.header__header .header__whatsapp__menu-list > li.header__menu-item:nth-child(n+2) {
    border-top: 1px solid #e7e6e2
}

@media (min-width:768px) {
    .header__header .header__whatsapp__menu-list > li.header__menu-item:nth-child(n+2) {
        border: none
    }

        .header__header .header__whatsapp__menu-list > li.header__menu-item:nth-child(n+2).pt-menu-fit {
            max-width: 20%;
            text-align: center
        }

    .header__header .header__whatsapp__headerBottom {
        width: 100%;
        margin-top: 0;
        padding: 3px 10px;
        background-color: #f3f2ee;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        align-items: center;
        -webkit-align-items: center
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerBottom {
        height: 40px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol {
    flex: 1;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol {
        padding-bottom: 0
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb-like {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb-like {
        margin-right: 5px;
        margin-top: 5px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share {
        margin-left: 0;
        margin-top: 5px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--button {
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #4c69ba;
    background: linear-gradient(#4c69ba,#3b55a0);
    background: -o-linear-gradient(#4c69ba,#3b55a0);
    background: -moz-linear-gradient(#4c69ba,#3b55a0);
    background: #4c69ba;
    font-weight: 600;
    font-size: .8em;
    color: #fff;
    height: 20px;
    line-height: 20px;
    text-shadow: 0 -1px 0 #354c8c;
    white-space: nowrap;
    padding: 0 5px;
    cursor: pointer;
    border-radius: 2px
}

    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--button:hover {
        color: #fff;
        text-decoration: none;
        background: #5b7bd5;
        background: linear-gradient(#5b7bd5,#4864b1);
        background: -o-linear-gradient(#5b7bd5,#4864b1);
        background: -moz-linear-gradient(#5b7bd5,#4864b1);
        background: -webkit-linear-gradient(#5b7bd5,#4864b1)
    }

    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--button:focus {
        text-decoration: none
    }

.header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--count {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    background: #fff;
    border: 1px solid #9197a3;
    color: #4e5665;
    display: inline-block;
    height: 20px;
    line-height: 19px;
    margin: 0 5px 0 5px;
    min-width: 15px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    position: relative;
    border-radius: 2px
}

    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--count:before {
        position: absolute;
        content: "";
        border-color: transparent #9197a3;
        border-style: solid;
        border-width: 4px 5px 4px 0;
        display: block;
        top: 5px;
        left: -5px
    }

    .header__header .header__whatsapp__headerBottom .header__whatsappFbCol .fb__share .fb__share--count:after {
        position: absolute;
        content: "";
        border-color: transparent #fff;
        border-style: solid;
        border-width: 4px 4px 4px 0;
        display: block;
        top: 5px;
        left: -3px
    }

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol {
    padding-left: 5px;
    padding-top: 10px
}

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__telBtn:hover {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__telBtn:visited {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__telBtn:active {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__telBtn:link {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .m-cgg-icon--phone {
        padding: 0 0 0 5px;
        font-size: 11px
    }

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .m-cgg-icon--phone {
        padding: 0 0 0 6px;
        font-size: 15px;
        line-height: 25px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .emaerket-logo {
    margin-right: 20px;
    opacity: .5
}

@media (min-width:480px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol {
        display: block
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol {
        padding: 15px 0;
        padding: 0 0
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__phoneIcon {
    color: #fff;
    background-color: #155072;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__phoneIcon {
        margin-right: 5px;
        width: 26px;
        height: 26px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo {
    display: inline-block;
    vertical-align: middle
}

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo > span {
        display: block
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText {
        line-height: 17px;
        font-weight: bold;
        letter-spacing: -.1px;
        color: #979290;
        padding-right: 6px
    }

        .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText:hover {
            text-decoration: none
        }

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText {
        max-width: 25vw;
        font-size: 13px;
        font-weight: 600;
        font-size: 19px;
        line-height: 23px;
        text-transform: uppercase
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText {
        font-size: 14px;
        height: 17px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__officeHr {
    font-weight: 600;
    font-size: 13px;
    color: #979290
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__officeHr {
        font-size: 11px;
        font-size: .97vw
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__officeHr {
        font-size: 14px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__headerBottom__mobileMenu__langCol {
    padding-left: 6px;
    padding-top: 10px;
    border-top: 1px solid #e7e6e2
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__headerBottom__mobileMenu__langCol {
        display: none
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol {
    padding-top: 8px
}

@media (min-width:480px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol {
        padding-top: 0
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappIcon {
    width: 34px
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo {
    font-weight: bold;
    letter-spacing: -.1px;
    color: #979290;
    padding-right: 10px
}

    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:hover {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:visited {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:active {
        text-decoration: none
    }

    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:link {
        text-decoration: none
    }

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo {
        font-size: 13px
    }
}

@media (min-width:1200px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__seperatorCol {
        width: 1px;
        height: 16px;
        background-color: #dedcd9
    }
}

@media (min-width:480px) {
    .header__header .header__whatsapp__headerBottom .header__whatsapp__officeCol {
        padding-left: 10px
    }
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__officeCol .header__whatsapp__officeHr {
    height: 16px;
    font-size: 13px;
    color: #979290
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__seperator2Col {
    visibility: hidden
}

.header__header .header__whatsapp__headerBottom .header__whatsapp__headerBottom__langCol {
    visibility: hidden
}

.header__whatsapp__langIco {
    display: block;
    width: 24px;
    height: 24px;
    padding: 0 0 26px 0
}

.header .header__headerTop__langCol {
    display: none
}

.header .header__headerTop .header__langIco {
    display: block;
    height: 40px;
    width: 40px;
    margin-bottom: 7px
}

.header .header__headerTop .header__lang-be-nl {
    background: url(assets/BE/nl_white.svg) no-repeat
}

.header .header__headerTop .header__lang-be-fr {
    background: url(assets/BE/fr_white.svg) no-repeat
}

.header .header__headerTop .header__lang-hk-zh {
    background: url(assets/HK/zh_white.svg) no-repeat
}

.header .header__headerTop .header__lang-hk-en {
    background: url(assets/HK/en_white.svg) no-repeat
}

.header .header__headerTop .header__lang-th-th {
    background: url(assets/TH/th_white.svg) no-repeat
}

.header .header__headerTop .header__lang-th-en {
    background: url(assets/TH/en_white.svg) no-repeat
}

.header .header__headerTop .header__lang-id-id {
    background: url(assets/ID/id_white.svg) no-repeat
}

.header .header__headerTop .header__lang-id-en {
    background: url(assets/ID/en_white.svg) no-repeat
}

.header .header__headerBottom .header__langIco {
    display: block;
    height: 20px;
    width: 20px
}

.header .header__headerBottom .header__lang-be-nl {
    background: url(assets/BE/nl.svg) no-repeat
}

.header .header__headerBottom .header__lang-be-fr {
    background: url(assets/BE/fr.svg) no-repeat
}

.header .header__headerBottom .header__lang-hk-zh {
    background: url(assets/HK/zh.svg) no-repeat
}

.header .header__headerBottom .header__lang-hk-en {
    background: url(assets/HK/en.svg) no-repeat
}

.header .header__headerBottom .header__lang-th-th {
    background: url(assets/TH/th.svg) no-repeat
}

.header .header__headerBottom .header__lang-th-en {
    background: url(assets/TH/en.svg) no-repeat
}

.header .header__headerBottom .header__lang-id-id {
    background: url(assets/ID/id.svg) no-repeat
}

.header .header__headerBottom .header__lang-id-en {
    background: url(assets/ID/en.svg) no-repeat
}

.header .plain {
    display: none
}

@media (min-width:768px) {
    .header__regret .header__headerTop {
        background-color: #056f9d !important;
        padding: 20px 10px
    }

        .header__regret .header__headerTop .header__headerTop__langCol {
            display: block
        }
}

@media (min-width:1200px) {
    .header__regret .header__headerTop {
        padding: 20px 50px
    }
}

@media (min-width:768px) {
    .header__regret .header__headerTop .header__returnArrow {
        display: inline !important
    }

    .header__regret .header__desktopLogo, .header__regret .header__header .header__desktopLogoCol .header__desktopLogo-white, .header__header .header__desktopLogoCol .header__regret .header__desktopLogo-white {
        display: none
    }

    .header__regret .header__desktopLogo-white {
        display: inline !important
    }

    .header__regret .header__mobileMenuCol {
        display: inline-block;
        vertical-align: middle
    }

    .header__regret .header__menu, .header__regret .header__fbCol, .header__regret .header__emaerket, .header__regret .header__langCol {
        display: none
    }

    .header__regret .header__headerBottom {
        background-color: #056f9d !important;
        margin-top: -25px
    }
}

@media (min-width:1200px) {
    .header__regret .header__headerBottom {
        padding: 10px 50px;
        margin-top: -10px
    }
}

@media (min-width:768px) {
    .header__regret .header__headerBottom .header__langCol {
        border-left: none
    }

        .header__regret .header__headerBottom .header__langCol .header__lang-be-nl {
            background: url(assets/BE/nl_white.svg) no-repeat
        }

        .header__regret .header__headerBottom .header__langCol .header__lang-be-fr {
            background: url(assets/BE/fr_white.svg) no-repeat
        }

        .header__regret .header__headerBottom .header__langCol .header__lang-hk-zh {
            background: url(assets/HK/zh_white.svg) no-repeat
        }

        .header__regret .header__headerBottom .header__langCol .header__lang-hk-en {
            background: url(assets/HK/en_white.svg) no-repeat
        }

        .header__regret .header__headerBottom .header__langCol .header__lang-th-th {
            background: url(assets/TH/th_white.svg) no-repeat
        }

        .header__regret .header__headerBottom .header__langCol .header__lang-th-en {
            background: url(assets/TH/en_white.svg) no-repeat
        }

        .header__regret .header__headerBottom .header__langCol .header__lang-id-id {
            background: url(assets/ID/id_white.svg) no-repeat
        }

        .header__regret .header__headerBottom .header__langCol .header__lang-id-en {
            background: url(assets/ID/en_white.svg) no-repeat
        }

    .header__regret .header__phoneText {
        color: #fff !important
    }

    .header__regret .header__officeHr {
        color: #c0d9d9 !important
    }
}

.header__regret .header__whatsapp__headerTop {
    display: none
}

.header__regret .header__whatsapp__headerBottom {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width:768px) {
    .header__regret .header__whatsapp__headerBottom {
        height: 61px
    }
}

@media (min-width:1200px) {
    .header__regret .header__whatsapp__headerBottom {
        height: 84px
    }
}

.header__regret .header__whatsapp__headerBottom .header__whatsappFbCol {
    display: none
}

    .header__regret .header__whatsapp__headerBottom .header__whatsappFbCol .fb-likeshare-load {
        display: none
    }

.header__regret .header__whatsapp__headerBottom .header__desktopLogoCol {
    display: inline-block;
    flex: 1
}

@media (min-width:768px) {
    .header__regret .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo {
        width: 145px
    }
}

@media (min-width:1200px) {
    .header__regret .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo {
        width: 240px
    }
}

.header__regret .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo-white {
    display: none
}

.header__regret .header__whatsapp__headerBottom .header__desktopLogoCol .header__returnArrow {
    padding: 0 0 0 0;
    display: inline-block;
    color: #cccbc8
}

@media (min-width:768px) {
    .header__regret .header__whatsapp__headerBottom .header__desktopLogoCol .header__returnArrow {
        font-size: 20px
    }
}

@media (min-width:1200px) {
    .header__regret .header__whatsapp__headerBottom .header__desktopLogoCol .header__returnArrow {
        font-size: 30px
    }
}

.header__regret .header__whatsapp__headerBottom .header__whatsapp__officeCol {
    padding-right: 10px
}

.header__regret .header__whatsapp__headerBottom .header__whatsapp__seperator2Col {
    visibility: visible;
    width: 1px;
    height: 16px;
    background-color: #dedcd9
}

.header__regret .header__whatsapp__headerBottom .header__whatsapp__headerBottom__langCol {
    visibility: visible;
    padding-left: 10px
}

.header__regret .header__whatsapp__blue-bar {
    height: 2px;
    background-color: #076b9c
}

@media (min-width:480px) {
    .header__regret .header__whatsapp__mobileBlue-bar {
        height: 2px;
        background-color: #076b9c
    }
}

@media (min-width:768px) {
    .header__regret .header__whatsapp__mobileBlue-bar {
        height: 0
    }
}

.header__regret .header__whatsapp__mobileHeader {
    height: 60px
}

    .header__regret .header__whatsapp__mobileHeader .header__whatsapp__mobileMenuBtnCol {
        display: none
    }

    .header__regret .header__whatsapp__mobileHeader .header__whatsapp_mobileArrowCol {
        display: inline-block;
        padding-left: 10px
    }

        .header__regret .header__whatsapp__mobileHeader .header__whatsapp_mobileArrowCol .header__returnArrow {
            color: #cccbc8;
            font-size: 25px
        }

.header__regret__whatsapp .header__whatsapp__headerTop {
    display: none
}

.header__regret__whatsapp .header__whatsapp__headerBottom {
    background-color: #076b9c;
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width:768px) {
    .header__regret__whatsapp .header__whatsapp__headerBottom {
        height: 61px
    }
}

@media (min-width:1200px) {
    .header__regret__whatsapp .header__whatsapp__headerBottom {
        height: 84px
    }
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsappFbCol {
    display: none
}

    .header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsappFbCol .fb-likeshare-load {
        display: none
    }

.header__regret__whatsapp .header__whatsapp__headerBottom .header__desktopLogoCol {
    padding-left: 25px;
    padding-top: 11px;
    visibility: visible;
    flex: 1;
    display: inline-block;
    vertical-align: middle
}

    .header__regret__whatsapp .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo {
        display: none
    }

@media (min-width:768px) {
    .header__regret__whatsapp .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo-white {
        width: 150px
    }
}

@media (min-width:1200px) {
    .header__regret__whatsapp .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo-white {
        width: 240px
    }
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__desktopLogoCol .header__returnArrow {
    padding: 0 0 0 4px;
    width: 30.4px;
    height: 30.4px;
    display: inline-block;
    color: #076b9c
}

    .header__regret__whatsapp .header__whatsapp__headerBottom .header__desktopLogoCol .header__returnArrow .m-cgg {
        padding: 0 0 0 2px;
        line-height: 1.3
    }

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__phoneText {
    line-height: 17px;
    color: #fff
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__telBtn:hover {
    text-decoration: none
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__telBtn:visited {
    text-decoration: none
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__telBtn:active {
    text-decoration: none
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__telBtnCol .header__whatsapp__companyInfo .header__whatsapp__telBtn:link {
    text-decoration: none
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo {
    color: #fff
}

    .header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:hover {
        text-decoration: none
    }

    .header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:visited {
        text-decoration: none
    }

    .header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:active {
        text-decoration: none
    }

    .header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__whatsappCol .header__whatsapp__whatsappNo:link {
        text-decoration: none
    }

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__seperatorCol {
    width: 1px;
    height: 16px;
    background-color: #2e86bc
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__officeCol {
    padding-right: 10px
}

    .header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__officeCol .header__whatsapp__officeHr {
        color: #fff
    }

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__seperator2Col {
    display: none
}

.header__regret__whatsapp .header__whatsapp__headerBottom .header__whatsapp__headerBottom__langCol {
    display: none
}

.header__regret__whatsapp .header__whatsapp__blue-bar {
    height: 0
}

.header__regret__whatsapp .header__whatsapp__mobileBlue-bar {
    height: 0
}

.header__regret__whatsapp .header__whatsapp__mobileHeader {
    height: 60px;
    background-color: #076b9c
}

    .header__regret__whatsapp .header__whatsapp__mobileHeader .header__whatsapp__mobileMenuBtnCol {
        display: none
    }

    .header__regret__whatsapp .header__whatsapp__mobileHeader .header__whatsapp_mobileArrowCol {
        display: inline-block;
        padding-left: 10px
    }

        .header__regret__whatsapp .header__whatsapp__mobileHeader .header__whatsapp_mobileArrowCol .header__returnArrow {
            background-color: #fff;
            padding: 0 0 0 2px;
            width: 21.2px;
            height: 21.2px;
            display: inline-block;
            color: #076b9c;
            border-radius: 50%
        }

            .header__regret__whatsapp .header__whatsapp__mobileHeader .header__whatsapp_mobileArrowCol .header__returnArrow .m-cgg {
                padding: 0 0 0 1px;
                line-height: 1.1;
                font-size: 20px
            }

    .header__regret__whatsapp .header__whatsapp__mobileHeader .header__whatsapp__mobileLogoCol .header__whatsapp__mobileLogo {
        display: none
    }

    .header__regret__whatsapp .header__whatsapp__mobileHeader .header__whatsapp__mobileLogoCol .header__whatsapp__mobileLogo-white {
        display: inline-block;
        height: 40px
    }

@media (min-width:480px) {
    .header__regret__whatsapp .header__whatsapp__mobileHeader .header__whatsapp__mobileLogoCol .header__whatsapp__mobileLogo-white {
        height: 30px
    }
}

.header__regret__whatsapp .header__whatsapp__mobileHeader .header__whatsapp__mobileWhatsappBtnCol {
    padding-right: 10px
}

.header__simple_plain .header__whatsapp__headerTop {
    display: none
}

.header__simple_plain .header__whatsapp__headerBottom {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width:768px) {
    .header__simple_plain .header__whatsapp__headerBottom {
        height: 61px
    }
}

@media (min-width:1200px) {
    .header__simple_plain .header__whatsapp__headerBottom {
        height: 84px
    }
}

.header__simple_plain .header__whatsapp__headerBottom .header__whatsappFbCol {
    display: none
}

    .header__simple_plain .header__whatsapp__headerBottom .header__whatsappFbCol .fb-likeshare-load {
        display: none
    }

.header__simple_plain .header__whatsapp__headerBottom .header__desktopLogoCol {
    text-align: left;
    display: inline-block;
    flex: 1
}

@media (min-width:768px) {
    .header__simple_plain .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo {
        width: 150px
    }
}

@media (min-width:1200px) {
    .header__simple_plain .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo {
        width: 240px
    }
}

.header__simple_plain .header__whatsapp__headerBottom .header__desktopLogoCol .header__whatsapp__Logo-white {
    display: none
}

.header__simple_plain .header__whatsapp__headerBottom .header__desktopLogoCol .header__returnArrow {
    padding: 0 0 0 0;
    display: inline-block;
    color: #cccbc8
}

@media (min-width:768px) {
    .header__simple_plain .header__whatsapp__headerBottom .header__desktopLogoCol .header__returnArrow {
        font-size: 20px
    }
}

@media (min-width:1200px) {
    .header__simple_plain .header__whatsapp__headerBottom .header__desktopLogoCol .header__returnArrow {
        font-size: 30px
    }
}

.header__simple_plain .header__whatsapp__headerBottom .header__whatsapp__officeCol {
    padding-right: 10px
}

.header__simple_plain .header__whatsapp__headerBottom .header__whatsapp__seperator2Col {
    display: none
}

.header__simple_plain .header__whatsapp__headerBottom .header__whatsapp__headerBottom__langCol {
    display: none
}

.header__simple_plain .header__whatsapp__blue-bar {
    height: 2px;
    background-color: #076b9c
}

@media (min-width:480px) {
    .header__simple_plain .header__whatsapp__mobileBlue-bar {
        height: 2px;
        background-color: #076b9c
    }
}

@media (min-width:768px) {
    .header__simple_plain .header__whatsapp__mobileBlue-bar {
        height: 0
    }
}

.header__simple_plain .header__whatsapp__mobileHeader .header__whatsapp__mobileMenuBtnCol {
    display: none
}

.header__simple_plain .header__whatsapp__mobileHeader .header__whatsapp_mobileArrowCol {
    display: inline-block
}

    .header__simple_plain .header__whatsapp__mobileHeader .header__whatsapp_mobileArrowCol .header__returnArrow {
        color: #cccbc8;
        font-size: 25px
    }

.header__simple_plain .header__mobileTelBtnCol, .header__simple_plain .header__headerBottom, .header__simple_plain .header__menu, .header__simple_plain .header__mobileMenuBtnCol, .header__simple_plain .header__telBtnCol {
    display: none
}

    .header__simple_plain .header__mobileTelBtnCol.activate, .header__simple_plain .header__headerBottom.activate, .header__simple_plain .header__menu.activate, .header__simple_plain .header__mobileMenuBtnCol.activate, .header__simple_plain .header__telBtnCol.activate {
        display: block
    }

.header__simple_plain .header__headerTop, .header__simple_plain .header__mobileHeader {
    background: #fff;
    border-bottom: 5px solid #056f9d
}

    .header__simple_plain .header__mobileHeader.header__mobile-global {
        background: #056f9d
    }

.header__simple_plain .header__desktopLogoCol, .header__simple_plain .header__mobileLogoCol {
    margin: auto;
    text-align: center
}

.header__simple_plain .header__headerTop {
    min-height: 82px
}

.header__simple_plain .header__mobileLogo {
    width: 160px
}

.header__simple_plain.da_header .header__mobileLogo, .header__simple_plain.da_header .header__mobileEmarket {
    display: none
}

.header__simple_plain.da_header .plain {
    display: block
}

.header__simple_plain.da_header .header__emaerketLogoCol img {
    max-width: 40px
}

.header__simple_plain.da_header .header__mobileLogoCol, .header__simple_plain.da_header .header__desktopLogoCol {
    margin: 0;
    text-align: left
}

.header__simple_plain.da_header .header__telBtnCol {
    display: block
}

    .header__simple_plain.da_header .header__telBtnCol .emaerket-logo {
        display: none;
        margin-right: 0
    }

        .header__simple_plain.da_header .header__telBtnCol .emaerket-logo.plain {
            display: block
        }

.header__simple_plain.da_header .header__telBtn {
    display: none
}

.header__simple_plain .header__headerTop__langCol {
    display: block
}

.header__simple_plain .header__headerTop .header__lang-be-nl {
    background: url(assets/BE/nl.svg) no-repeat
}

.header__simple_plain .header__headerTop .header__lang-be-fr {
    background: url(assets/BE/fr.svg) no-repeat
}

.header__simple_plain .header__headerTop .header__lang-hk-zh {
    background: url(assets/HK/zh.svg) no-repeat
}

.header__simple_plain .header__headerTop .header__lang-hk-en {
    background: url(assets/HK/en.svg) no-repeat
}

.header__simple_plain .header__headerTop .header__lang-th-th {
    background: url(assets/TH/th.svg) no-repeat
}

.header__simple_plain .header__headerTop .header__lang-th-en {
    background: url(assets/TH/en.svg) no-repeat
}

.header__simple_plain .header__headerTop .header__lang-id-id {
    background: url(assets/ID/id.svg) no-repeat
}

.header__simple_plain .header__headerTop .header__lang-id-en {
    background: url(assets/ID/en.svg) no-repeat
}

@media (max-width:768px) {
    .da_header.da_header .header__mobileTelBtnCol a {
        font-size: 11px
    }
}

.header__mobileBgCol {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

@media (min-width:768px) {
    .header__mobileBgCol {
        display: none
    }
}

.custom-cloud--disabled.header__regret .back_arrow_plain {
    display: none
}

.custom-cloud--disabled.header__regret .header__headerTop .header__headerTopTel .header__office-hrs, .custom-cloud--disabled.header__regret .header__headerTop .header__headerTopTel .phone-link .header__call-us {
    color: #fff
}

.custom-cloud--disabled.header__regret .header__mobileHeader {
    background-color: #056f9d
}

.custom-cloud--disabled.header__regret .header__mobileLogo.header__mobileLogo__mob {
    display: block
}

.custom-cloud--disabled.header__regret .header__mobileLogo.header__mobileLogo__plain {
    display: none
}

.custom-cloud--disabled .header__mobileLogo.header__mobileLogo__mob {
    display: none
}

.custom-cloud--disabled .header__phoneIcon {
    padding: 6px 8px 4px;
    font-size: 14px;
    color: #fff;
    background-color: #155072;
    margin-right: 5px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top
}

@media (min-width:768px) {
    .custom-cloud--disabled .header__phoneIcon {
        padding: 4px 6px 2px;
        font-size: 12px
    }
}

.custom-cloud--disabled .header__phoneIcon .header__phone {
    display: inline-block
}

.custom-cloud--disabled .header__headerTop {
    height: 82px
}

    .custom-cloud--disabled .header__headerTop .header__headerTopTel {
        display: table
    }

        .custom-cloud--disabled .header__headerTop .header__headerTopTel .header__office-hrs {
            color: #8d8b8c;
            padding-right: 10px;
            display: table-cell;
            vertical-align: middle
        }

        .custom-cloud--disabled .header__headerTop .header__headerTopTel .phone-link {
            text-decoration: none
        }

            .custom-cloud--disabled .header__headerTop .header__headerTopTel .phone-link:hover {
                text-decoration: none
            }

            .custom-cloud--disabled .header__headerTop .header__headerTopTel .phone-link .header__call-us {
                color: #827e7b;
                font-size: 18px;
                font-weight: 700
            }

.custom-cloud--disabled .header__headerBottom {
    display: none
}

.footer {
    background: #155072;
    padding-top: 20px;
    font-size: 16px
}

    .footer.grid-4 .footer__links-container .col-md-4 {
        width: 50%
    }

@media (min-width:992px) {
    .footer {
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 10px
    }
}

@media (max-width:480px) {
    .footer {
        padding-top: 35px
    }
}

.footer__logo__link {
    display: block;
    text-align: center
}

@media (min-width:992px) {
    .footer__logo__link {
        display: inline;
        text-align: left
    }
}

.footer__logo__img {
    max-width: 60%;
    margin: 0;
    padding: 0 15px;
    color: #056f9d
}

@media (min-width:992px) {
    .footer__logo__img {
        margin: 28px 0 28px 0;
        width: 300px
    }
}

.footer__sitemap-link {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 20px 0;
    margin: 10px 0 20px;
    border-bottom: solid 1px #056f9d;
    text-align: center
}

@media (min-width:992px) {
    .footer__sitemap-link {
        font-size: 18px
    }
}

@media (max-width:480px) {
    .footer__sitemap-link {
        font-size: 16px;
        font-height: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0;
        margin-top: 20px
    }
}

.footer__sitemap-link:hover, .footer__sitemap-link:visited, .footer__sitemap-link:active, .footer__sitemap-link:focus {
    color: #fff;
    text-decoration: none
}

.footer__sitemap-link .m-cgg-icon--caret-up {
    display: none
}

.footer__sitemap-link .m-cgg {
    font-size: 15px
}

.footer--sitemap-open .footer__sitemap-link .m-cgg-icon--caret-up {
    display: inline-block;
    margin-left: 4px
}

.footer--sitemap-open .footer__sitemap-link .m-cgg-icon--caret-down {
    display: none;
    margin-left: 4px
}

.footer--sitemap-open .footer__links-container {
    display: block
}

.footer__links_header {
    color: #519bc6;
    font-weight: bold;
    font-size: 20px
}

@media (min-width:992px) {
    .footer__links_header {
        font-size: 16px;
        text-align: left;
        line-height: 26px
    }
}

.footer__header_link {
    color: #519bc6
}

    .footer__header_link:hover, .footer__header_link:visited, .footer__header_link:active, .footer__header_link:focus {
        text-decoration: underline;
        color: #519bc6
    }

.footer__links__icon {
    position: absolute;
    left: 0;
    top: 2.5px;
    color: #78aa43;
    font-size: 1em
}

.footer__links-container {
    display: none
}

@media (min-width:992px) {
    .footer__links-container {
        display: block !important
    }
}

.footer__links-container .inline {
    display: inline
}

.footer__links__list {
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}

@media (min-width:992px) {
    .footer__links__list {
        margin: 0
    }
}

.footer__links__list li {
    margin: 5px 0;
    position: relative;
    padding: 0 0 0 13px
}

.footer__links-container .hard-links-container {
    width: 50%;
    padding: 0
}

.footer__link {
    color: #fff
}

    .footer__link:hover, .footer__link:visited, .footer__link:active, .footer__link:focus {
        text-decoration: underline;
        color: #fff
    }

@media (max-width:480px) {
    .footer__link {
        font-size: .75em
    }

    .footer__links_header {
        margin: 25px 0;
        font-size: 16px;
        line-height: 26px
    }

    .footer__links__icon {
        left: .3em
    }

    .footer__links__list li {
        margin: .5em 0;
        padding: 0 0 0 1em;
        line-height: 1em
    }
}

@media (max-width:768px) {
    .footer__links-container .hard-links-container .col-xs-8 {
        width: 100%
    }

    .footer__links_header {
        margin: 25px 0 0
    }

    .footer__links__list {
        margin: 0
    }

    .footer__links__icon {
        left: 0
    }

    .footer__links__list li {
        margin: 5px 0;
        line-height: 100%
    }

    .footer.grid-4 .footer__links-container .col-md-4 {
        width: 100%
    }
}

.footer__sitelock-wrap {
    position: relative
}

    .footer__sitelock-wrap .co2-neutral-icon {
        max-width: 120px
    }

.footer__sitelock {
    position: absolute;
    right: 0;
    text-align: center;
    margin-top: 0
}

@media (min-width:992px) {
    .footer__sitelock {
        margin-top: 0;
        text-align: left
    }
}

@media (max-width:992px) {
    .footer__sitelock {
        text-align: center;
        margin: 25px auto 0;
        float: none;
        position: static
    }
}

@media (min-width:992px) {
    .footer__sitelock.da {
        text-align: right
    }
}

.footer__sitelock__img {
    max-width: 70px
}

.footer__sitelock__text {
    color: #6aaad4;
    margin-top: 10px;
    line-height: 15px
}

.footer__emaerket {
    margin-top: 20px;
    font-size: 11px;
    color: #fff
}

    .footer__emaerket p {
        width: 70%;
        float: right;
        line-height: 14px
    }

    .footer__emaerket img {
        max-width: 35px
    }

.footer__copyright-terms {
    text-align: left;
    color: #6aaad4;
    padding-top: 50px;
    width: 80%;
    float: left;
    padding-bottom: 20px;
    position: relative;
    color: #6aaad4;
    padding-bottom: 20px;
    right: auto
}

@media (max-width:992px) {
    .footer__copyright-terms {
        padding-top: 20px
    }
}

@media (max-width:480px) {
    .footer__copyright-terms {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.footer__copyright-terms__text {
    padding: 0;
    margin: 0 0 15px;
    line-height: 15px
}

.footer__copyright-terms a {
    color: rgba(106,170,212,.8)
}

    .footer__copyright-terms a:hover, .footer__copyright-terms a:visited, .footer__copyright-terms a:active, .footer__copyright-terms a:focus {
        text-decoration: underline;
        color: #6aaad4
    }

@media (max-width:992px) {
    .footer__copyright-terms {
        width: 100%;
        text-align: center
    }
}

@media (max-width:480px) {
    .footer__sitelock__text, .footer__copyright-terms__text {
        font-size: .75em;
        width: auto
    }
}

@media (min-width:992px) {
    .footer__links-flex-container {
        display: flex
    }

        .footer__links-flex-container .item {
            flex-grow: 1;
            flex-basis: 0
        }

        .footer__links-flex-container .arrow-icon {
            display: none
        }
}

@media (max-width:992px) {
    .footer__links-flex-container {
        padding: 0 15px
    }

        .footer__links-flex-container h5 {
            line-height: 26px;
            border-bottom: 2px dotted #076b9c;
            margin: 0 0 2px 0;
            padding: 11px 0 14px 0;
            color: #fff
        }

            .footer__links-flex-container h5 a.footer__header_link {
                color: #fff !important
            }

            .footer__links-flex-container h5.no-border {
                border: none
            }

        .footer__links-flex-container .arrow-icon {
            float: right;
            color: #66abce;
            padding-top: 5px
        }

        .footer__links-flex-container li {
            font-size: 16px;
            margin: 16px 0
        }

        .footer__links-flex-container a {
            font-size: 16px
        }

    .footer__links__list__hidden {
        display: none
    }
}

.cookies-info-static {
    background-color: #f3f2ee;
    border: 0;
    bottom: initial;
    top: 0;
    left: 0;
    margin: 0;
    position: static;
    right: 0;
    text-align: left !important;
    width: 100%;
    z-index: 999999;
    color: #787878;
    display: none
}

.cookies-info-message-static {
    margin: 0;
    color: #312f2e;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f3f2ee;
    border-top: 1px #ccc solid;
    z-index: 16000003;
    line-height: 22px;
    min-height: 60px
}

@media (min-width:992px) {
    .cookies-info-message-static {
        font-size: 16px !important;
        text-align: left
    }
}

@media (max-width:480px) {
    .cookies-info-message-static {
        font-size: 14px;
        font-weight: normal
    }
}

.cookies-link-static {
    color: #312f2e;
    text-decoration: underline
}

@media (min-width:992px) {
    .close-btn {
        float: right;
        position: absolute;
        top: 4px;
        right: 10px
    }
}

.cookies-info-message-static .accept-cookies-button-static {
    color: #fff;
    background: #312f2e;
    border-radius: 50% !important;
    behavior: url(assets/webjars/pie/1.0.0/PIE.htc);
    border: 1px solid #312f2e;
    -webkit-box-shadow: inset 0 -3px 0 0 #fff;
    -moz-box-shadow: inset 0 -3px 0 0 #d8d7d3;
    box-shadow: inset 0 -3px 0 0 #312f2e;
    padding: 3px 0 !important;
    font-size: 16px;
    display: block;
    font-weight: 600;
    margin-top: 0;
    width: 30px;
    min-height: 60px
}

@media (min-width:992px) {
    .cookies-info-message-static .accept-cookies-button-static {
        display: inline-block;
        margin-top: 0;
        position: relative;
        top: 4px
    }
}

.cookies-apply-button {
    padding-left: 0;
    padding-right: 0;
    max-width: 100px;
    height: 35px;
    line-height: 14px;
    float: right
}

    .cookies-apply-button:hover {
        color: inherit
    }

.accept-cookies-button-static .m-cgg {
    color: #fff;
    font-size: 20px
}

.table-row {
    display: table-row
}

.cookies-info__footer-cookie {
    line-height: 22px;
    padding-left: 20px
}

    .cookies-info__footer-cookie a {
        text-decoration: underline;
        color: #78aa43
    }

@media (min-width:992px) {
    .cookies-info__footer-cookie {
        line-height: 35px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block !important
    }
}

.cookies-apply-button-wrapper {
    line-height: 22px
}

@media (min-width:992px) {
    .cookies-apply-button-wrapper {
        text-align: left
    }
}

body.nav-open .cookies-info-static {
    display: none
}

.page {
    padding: 0
}

@media (min-width:992px) {
    .page {
        background: #fff url(assets/page-bg.jpg) no-repeat 50% 0;
        background-size: contain;
        -ms-behavior: url(scripts/_vendor/backgroundsize.min.htc);
        padding: 50px 0 0
    }

    .page {
        padding: 90px 0
    }
}

@media (min-width:1200px) {
    .page {
        padding: 150px 0 100px
    }
}

.page__header {
    font-weight: 700;
    font-size: 38px;
    color: #fff;
    padding: 20px 15px 15px;
    margin: 0 -15px;
    background: #175072
}

@media (min-width:992px) {
    .page__header {
        font-size: 50px;
        padding: 50px 0 30px 40px;
        margin: 0;
        background: transparent
    }
}

.page__content {
    background: #fff;
    font-size: 14px
}

.page__content__inner {
    padding: 20px 0
}

@media (min-width:992px) {
    .page__content__inner {
        padding: 40px 10px 40px 40px
    }
}

.page__content__inner > h2 {
    font-size: 16px;
    font-weight: 700
}

.page__content__inner > p {
    margin: 0;
    padding: 0 0 20px;
    font-size: 14px
}

    .page__content__inner > p > a {
        color: #78aa43
    }

.page__content__inner > blockquote {
    font-size: 14px
}

.page__content__last-updated {
    color: #979290;
    font-style: normal;
    display: block;
    margin: 0 0 15px
}

@media (min-width:992px) {
    .page__content__col--sub {
        padding-right: 0
    }
}

.page__content__panel {
    background: #f3f2ee;
    padding: 20px;
    font-size: 19px;
    margin: 0 -15px 20px
}

@media (min-width:992px) {
    .page__content__panel {
        font-size: 13px;
        margin: 0 0 20px
    }
}

.page__content__panel--clear {
    background: transparent;
    padding: 0
}

.contact-us-thank-you__products-container {
    margin: 20px 0 0
}

@media (max-width:768px) {
    .contact-us-thank-you__products-container .product-showcase__container {
        text-align: center
    }
}

.page__content__justified {
    text-align: justify
}

.page-hero {
    font-size: 16px;
    color: #0e273a;
    background: #f3f2ee;
    padding: 0
}

.page-hero--oops .row {
    padding: 20px 0
}

@media (min-width:992px) {
    .page-hero--oops .row {
        padding: 55px 0 55px
    }
}

.page-hero__header {
    font-weight: 700;
    font-size: 50px;
    margin: 30px 0 10px;
    padding: 0;
    line-height: 59px;
    color: #0e273a
}

@media (max-width:992px) {
    .page-hero__header {
        font-size: 22px
    }
}

.page-hero__subheader {
    font-size: 24px;
    font-weight: 400;
    color: #0e273a;
    margin: 5px 0 15px;
    padding: 0 0;
    line-height: 32px
}

@media (max-width:992px) {
    .page-hero__subheader {
        font-size: 16px;
        line-height: 16px
    }
}

.page-hero__backhome:hover {
    color: #77aa43 !important
}

.page-hero__backhome {
    font-size: 20px;
    font-weight: bold;
    color: #77aa43;
    margin: 5px 0 15px;
    padding: 0 0;
    line-height: 22px;
    text-decoration: none !important
}

@media (max-width:992px) {
    .page-hero__backhome {
        font-size: 14px;
        line-height: 16.8px
    }

    .notFoundImg {
        margin-top: 25px
    }

    .mobile-header {
        font-size: 24px !important;
        line-height: 32px !important;
        font-weight: bold
    }

    .mobile-body {
        font-size: 15px !important;
        line-height: 22px !important
    }

    .ciab-checkbox__lbl {
        font-size: 12px;
        line-height: 16px
    }
}

.page-hero--oops .row {
    background: transparent
}

@media (min-width:992px) {
    .page-hero--oops .row {
        background-position: 100% 50%;
        background-repeat: no-repeat
    }
}

@media (min-width:992px) and (-webkit-min-device-pixel-ratio:2),(min-width:992px) and (min-resolution:192dpi) {
    .page-hero--oops .row {
        background-size: 425px 368px
    }
}

.join-elsewhere__header {
    font-weight: 600;
    margin: 0;
    padding: 0 0 15px;
    font-size: 12px;
    line-height: 22px
}

@media (min-width:992px) {
    .join-elsewhere__header {
        font-size: 12px;
        padding: 6px 0 0;
        line-height: 22px
    }
}

.join-elsewhere__link:hover, .join-elsewhere__link:visited, .join-elsewhere__link:active, .join-elsewhere__link:focus {
    text-decoration: none;
    color: #fff
}

.join-elsewhere__logo {
    width: auto;
    display: inline-block;
    max-width: 55px
}

@media (min-width:992px) {
    .join-elsewhere__logo {
        max-width: 30px;
        margin-right: 10px
    }
}

@media (max-width:992px) {
    .join-elsewhere__logo {
        max-width: 35px
    }
}

.join-elsewhere__label {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600
}

.join-elsewhere__link .m-cgg {
    color: #fff;
    background-color: #056f9d;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    line-height: 38px;
    font-size: 20px
}

.join-elsewhere__link .m-cgg-icon--fb {
    line-height: 38px;
    font-size: 28px
}

.join-elsewhere__link .m-cgg-icon--youtube {
    line-height: 38px;
    font-size: 24px
}

.join-elsewhere__link .m-cgg-icon--gplus {
    line-height: 36px;
    font-size: 28px
}

.join-elsewhere__link .m-cgg-icon--instagram {
    line-height: 36px;
    font-size: 28px
}

@media (min-width:992px) {
    .join-elsewhere__link .m-cgg {
        max-width: 35px;
        margin-right: 10px
    }
}

@media (max-width:992px) {
    .join-elsewhere__link .m-cgg {
        max-width: 35px
    }
}

.join-elsewhere__link:hover .join-elsewhere__label, .join-elsewhere__link:visited .join-elsewhere__label, .join-elsewhere__link:active .join-elsewhere__label, .join-elsewhere__link:focus .join-elsewhere__label {
    text-decoration: underline;
    color: #fff;
    font-size: 12px;
    line-height: 22px
}

.join-elsewhere--footer {
    color: #056f9d;
    background: #0e273a;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    padding: 32.5px 0 32.5px 0
}

    .join-elsewhere--footer .col-md-2 {
        padding: 0
    }

@media (min-width:992px) {
    .join-elsewhere--footer {
        text-align: left;
        color: #fff
    }
}

@media (max-width:480px) {
    .join-elsewhere--footer {
        padding: 15px 0 20px 0
    }
}

.join-elsewhere--footer .col-md-2 {
    padding-left: 15px
}

@media (max-width:480px) {
    .join-elsewhere--footer .col-md-2 {
        padding-right: 15px
    }
}

.join-elsewhere--sidebar {
    text-transform: uppercase
}

    .join-elsewhere--sidebar .join-elsewhere__header {
        font-weight: 600;
        font-size: 11px;
        margin: 0 0 10px
    }

    .join-elsewhere--sidebar .join-elsewhere__link {
        color: #312f2e;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
        margin: 0 0 10px;
        display: inline-block;
        width: 100%
    }

        .join-elsewhere--sidebar .join-elsewhere__link:hover, .join-elsewhere--sidebar .join-elsewhere__link:visited, .join-elsewhere--sidebar .join-elsewhere__link:active, .join-elsewhere--sidebar .join-elsewhere__link:focus, .join-elsewhere--sidebar .join-elsewhere__label, .join-elsewhere--sidebar .join-elsewhere__link:hover .join-elsewhere__label, .join-elsewhere--sidebar .join-elsewhere__link:visited .join-elsewhere__label, .join-elsewhere--sidebar .join-elsewhere__link:active .join-elsewhere__label, .join-elsewhere--sidebar .join-elsewhere__link:focus .join-elsewhere__label {
            color: #312f2e
        }

.text-center {
    padding-left: 0;
    padding-right: 0
}

.hero-carousel {
    background: #fff
}

.item .hero-carousel_item-newlanding {
    border-bottom: 20px solid #175072;
    padding-bottom: 57px
}

@media (min-width:992px) {
    .item.pl .hero-carousel_item > .container {
        background-repeat: no-repeat;
        background-position: 0 100%
    }
}

@media (max-width:992px) {
    .item.pl .hero-carousel_item > .container {
        background-image: none !important
    }
}

@media (min-width:992px) {
    .item.cc .hero-carousel_item {
        background-repeat: no-repeat;
        background-position: 60% 100%
    }
}

.item.cc .hero-carousel_item > .container {
    background: no-repeat 0 100%
}

@media (max-width:992px) {
    .item.cc .hero-carousel_item {
        background-image: none !important
    }

        .item.cc .hero-carousel_item > .container {
            background-image: none !important
        }
}

@media (min-width:992px) {
    .item.ti .hero-carousel_item > .container {
        background-repeat: no-repeat;
        background-position: 0 100%
    }
}

@media (max-width:992px) {
    .item.ti .hero-carousel_item > .container {
        background-size: contain !important;
        padding-bottom: 50px;
        border-top: 1px solid #fff
    }
}

@media (min-width:768px) and (max-width:992px) {
    .item.ti .hero-carousel__item__cta .ciab-btn {
        width: 40%
    }
}

@media (min-width:992px) {
    .item.ci .hero-carousel_item > .container {
        background-repeat: no-repeat;
        background-position: 0 100%
    }

    .item.cl .hero-carousel_item > .container {
        background-repeat: no-repeat;
        background-position: 0 100%
    }
}

.hero-carousel_item {
    font-size: 16px;
    background-color: #056f9d;
    color: #312f2e
}

@media (min-width:992px) {
    .hero-carousel_item {
        border-bottom: 20px solid #175072
    }
}

.hero-carousel__item__row {
    padding: 30px 0 25px
}

@media (min-width:992px) {
    .hero-carousel__item__row {
        padding: 70px 0
    }
}

.hero-carousel__item__header {
    color: #fff
}

    .hero-carousel__item__header h1 {
        font-size: 45px;
        line-height: 62px;
        text-align: left;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 0
    }

@media (max-width:992px) {
    .hero-carousel__item__header h1 {
        font-size: 24px;
        line-height: 32px
    }
}

.hero-carousel__item__header h2 {
    font-size: 45px;
    line-height: 62px;
    text-align: left;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width:992px) {
    .hero-carousel__item__header h2 {
        font-size: 24px;
        line-height: 32px
    }
}

.hero-carousel__item__header h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 5px 0 20px;
    line-height: 32px;
    text-align: left
}

@media (max-width:992px) {
    .hero-carousel__item__header h3 {
        font-size: 16px;
        line-height: 24px
    }
}

.hero-carousel__item__header b {
    font-size: 25px;
    line-height: 34px;
    text-align: left;
    font-weight: 700
}

.hero-carousel__item__cta {
    position: relative
}

    .hero-carousel__item__cta .ciab-btn {
        font-weight: bold;
        font-size: 26px;
        line-height: 30px;
        text-align: center
    }

@media (max-width:992px) {
    .hero-carousel__item__cta .ciab-btn--main-white {
        background: #fff;
        box-shadow: 0 5px #cac9c8;
        color: #312f2e;
        font-size: 22px
    }
}

.hero-carousel__item__cta--icon {
    color: #f3a53d;
    font-size: 64px;
    position: absolute;
    top: -40px;
    left: -48px
}

@media (max-width:992px) {
    .hero-carousel__item__cta--icon {
        display: none
    }
}

.hero-carousel__item__scroll-down {
    text-align: center
}

    .hero-carousel__item__scroll-down img {
        width: 50px
    }

@media (max-width:992px) {
    .hero-carousel__item__scroll-down img {
        width: 40px
    }
}

.hero-carousel__item-custom-quote {
    width: 60%
}

@media (max-width:992px) {
    .hero-carousel__item-custom-quote {
        width: 100%
    }
}

.hero-carousel__item-cta-grey-position {
    min-height: 72px;
    font-size: 22px;
    line-height: 22px
}

.hero-carousel__item-custom-quote__link span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center
}

.hero-carousel__item__details {
    background: #fff;
    padding: 50px 65px 15px 35px;
    border-radius: 10px;
    min-height: 350px
}

.hero-carousel__item__badge {
    font-size: 28px;
    color: #fff;
    background-image: url(assets/sticker.png);
    background-image: url(assets/sticker.svg);
    background-size: 100% 100%;
    height: 174px;
    width: 174px;
    position: absolute;
    top: -40px;
    right: 0
}

.hero-carousel__item__badge__wrapper {
    padding: 38px 0 0 6px;
    text-align: center;
    transform: rotate(12deg)
}

.hero-carousel__item__badge__text {
    font-size: 21px;
    line-height: 1;
    margin: 0;
    text-align: center;
    padding: 15px
}

    .hero-carousel__item__badge__text strong {
        line-height: 1.4;
        font-size: 25px
    }

.hero-carousel__item__details_text {
    font-size: 15px
}

    .hero-carousel__item__details_text p {
        line-height: 22px;
        text-align: left;
        width: 70%
    }

        .hero-carousel__item__details_text p.hero-carousel__item__details_text_promise {
            width: 100%
        }

.hero-carousel__item__details_header {
    font-size: 26px;
    font-weight: 800;
    line-height: .9;
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
    width: calc(100% - 100px)
}

.hero-carousel__item__details__list {
    margin: 25px 0 10px;
    padding: 0;
    list-style: none
}

    .hero-carousel__item__details__list li {
        margin-bottom: 10px;
        clear: both;
        font-size: 16px
    }

.hero-carousel__item__details__list__item span {
    width: 90%;
    float: left;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    text-align: left
}

.hero-carousel__item__details__list__item i:before {
    color: #6aaad4;
    font-family: CGG-icomoon;
    position: relative;
    float: left;
    margin-right: 6px;
    margin-top: 3px
}

.hero-carousel-indicators__item {
    font-size: 18px
}

.hero-carousel-indicators__item__header {
    color: #78aa43;
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}

.hero-carousel-indicators__item__text {
    margin: 0;
    padding: 0
}

.hero-carousel .carousel-indicators {
    position: static;
    z-index: 1;
    width: 100%;
    padding: 0;
    margin: auto;
    text-align: left;
    list-style: none
}

.hero-carousel .hero-carousel-indicators__item {
    position: relative;
    background: #fff;
    padding: 22px 36px 36px 0;
    width: 33.33%;
    height: 142px;
    float: left;
    cursor: pointer
}

@media (min-width:992px) {
    .hero-carousel .hero-carousel-indicators__item {
        height: 122px
    }
}

.hero-carousel .hero-carousel-indicators__item.active {
    margin: auto;
    background: #fff;
    font-weight: 700
}

.hero-carousel .carousel-indicators .hero-carousel-indicators__item.active:after {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -30px;
    z-index: 1
}

.hero-carousel__item-button-between-message {
    font-weight: normal;
    color: #fff
}

.hero-carousel__item-button-between-message__table, .hero-carousel__item-button-between-message__table_two {
    display: table;
    overflow: hidden;
    width: 100%
}

.hero-carousel__item-button-between-message__table_two {
    height: 51px
}

.hero-carousel__item-button-between-message__table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 26px;
    line-height: 34px
}

.hero-carousel__item-button-right__table-cell {
    display: table-cell;
    font-size: 26px;
    vertical-align: middle;
    text-align: center;
    line-height: 26px
}

@media (max-width:992px) {
    .hero-carousel__item-button-right__table-cell {
        font-size: 22px;
        line-height: 30px
    }
}

@media screen and (max-width:767px) {
    .goFunnelBtn.stickBottom {
        position: fixed;
        top: auto;
        bottom: 0 !important;
        margin: 10px;
        width: calc(100% - 20px);
        z-index: 99999;
        left: 0
    }
}

@media (min-width:992px) {
    .funnel-button__container {
        border-radius: 8px;
        background-color: #f3f2ee;
        padding: 25px
    }
}

.funnel-button__description {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .funnel-button__description {
        font-size: 18px
    }
}

.funnel-button__selectinput {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    padding: 13px 0 12px 20px;
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(assets/updown-grey50.svg) no-repeat right center;
    background-size: 10% 50%;
    border: 1px solid #cccbc8;
    border-bottom: none;
    box-shadow: #cccbc8 0 5px 0 0;
    border-radius: 3px;
    font-size: 18px;
    vertical-align: top;
    outline: none
}

@media (min-width:992px) {
    .funnel-button__selectinput {
        margin-bottom: 0;
        width: 54%;
        font-size: 16px
    }
}

.funnel-button__selectinput.has-error {
    border: 1px solid #c90006;
    box-shadow: #c90006 0 5px 0
}

.funnel-button__form a.ciab-btn.hide {
    display: none
}

.funnel-button__formsubmit {
    font-size: 20px !important;
    width: 100%;
    display: inline-block
}

@media (min-width:992px) {
    .funnel-button__formsubmit {
        width: 45%
    }
}

.provider-hero {
    background: #056f9d;
    color: #fff;
    text-align: center
}

.provider-hero__header {
    font-weight: 500;
    font-size: 17px;
    margin: 10px 0
}

@media (max-width:992px) {
    .provider-hero__header {
        font-size: 14px;
        line-height: 17px
    }

        .provider-hero__header .header1 {
            font-weight: bold
        }
}

.provider-hero__sub-header {
    color: #6aaad4;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-weight: 700;
    font-size: 12px
}

.provider-hero__list {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    overflow: hidden
}

    .provider-hero__list li {
        float: left
    }

.provider-hero__list__img {
    margin: 0 10px 0 19px;
    padding: 7px 0;
    height: 50px
}

.cc-provider {
    background: #f3f2ee;
    text-align: center;
    padding: 30px 0 40px
}

@media (max-width:992px) {
    .cc-provider {
        padding: 25px 0 30px
    }
}

.cc-provider__header {
    font-weight: normal;
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 14px;
    text-align: center
}

    .cc-provider__header span {
        text-align: center;
        font-weight: bold;
        font-size: 26px;
        line-height: 38px;
        color: #056f9d
    }

@media (max-width:992px) {
    .cc-provider__header {
        margin: 0 0 5px;
        font-size: 14px;
        line-height: 16px
    }

        .cc-provider__header span {
            font-size: 14px;
            line-height: 16px
        }
}

.cc-provider__list {
    padding: 0;
    height: 50px;
    list-style: none;
    overflow: hidden;
    margin: 0
}

@media (max-width:992px) {
    .cc-provider__list {
        height: 90px
    }
}

.cc-provider__list li {
    display: inline-block
}

.cc-provider__list__img {
    margin: 0 10px 0 19px;
    padding: 0 0;
    height: 45px
}

@media (max-width:992px) {
    .cc-provider__list__img {
        margin: 0 5px 0 5px;
        height: 40px;
        width: 85px
    }
}

.bb-provider {
    background: #f3f2ee;
    text-align: center;
    padding: 30px 0 40px;
    overflow: hidden
}

@media (max-width:768px) {
    .bb-provider {
        padding: 25px 0 30px
    }
}

@media (min-width:768px) {
    .bb-provider .row {
        overflow: hidden
    }
}

.bb-provider .bb-provider__list {
    padding: 0;
    list-style: none;
    margin: 0
}

@media (min-width:768px) {
    .bb-provider .bb-provider__list {
        display: table
    }
}

.bb-provider .bb-provider__list li {
    display: inline-block;
    padding: 10px
}

@media (max-width:1199px) {
    .bb-provider .bb-provider__list li:nth-child(n+8) {
        display: none
    }
}

@media (max-width:768px) {
    .bb-provider .bb-provider__list li {
        width: 24%
    }

        .bb-provider .bb-provider__list li:nth-child(n+8) {
            display: inline-block
        }

        .bb-provider .bb-provider__list li:nth-child(n+9) {
            display: none
        }
}

@media (min-width:768px) {
    .bb-provider .bb-provider__list li {
        width: 5%;
        display: table-cell;
        vertical-align: middle;
        padding: 10px 15px
    }
}

.bb-provider .bb-provider__list__img {
    max-width: 100%;
    margin: 0 auto
}

@media (min-width:768px) {
    .bb-provider .bb-provider__list__img {
        max-width: 100px
    }
}

.bb-provider__header {
    font-weight: normal;
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 14px;
    text-align: center
}

    .bb-provider__header span {
        text-align: center;
        font-weight: bold;
        font-size: 26px;
        line-height: 38px;
        color: #056f9d
    }

@media (max-width:768px) {
    .bb-provider__header {
        margin: 0 0 5px;
        font-size: 14px;
        line-height: 16px
    }

        .bb-provider__header span {
            font-size: 14px;
            line-height: 16px
        }
}

.sim-provider {
    background: #f3f2ee;
    text-align: center;
    padding: 30px 0 40px;
    overflow: hidden
}

@media (max-width:768px) {
    .sim-provider {
        padding: 25px 0 30px
    }
}

@media (min-width:768px) {
    .sim-provider .row {
        overflow: hidden
    }
}

.sim-provider .sim-provider__list {
    padding: 0;
    list-style: none;
    margin: 0
}

@media (min-width:768px) {
    .sim-provider .sim-provider__list {
        display: table
    }
}

.sim-provider .sim-provider__list li {
    display: inline-block;
    padding: 10px
}

@media (max-width:1199px) {
    .sim-provider .sim-provider__list li:nth-child(n+8) {
        display: none
    }
}

@media (max-width:768px) {
    .sim-provider .sim-provider__list li {
        width: 24%
    }

        .sim-provider .sim-provider__list li:nth-child(n+8) {
            display: inline-block
        }

        .sim-provider .sim-provider__list li:nth-child(n+9) {
            display: none
        }
}

@media (min-width:768px) {
    .sim-provider .sim-provider__list li {
        width: 5%;
        display: table-cell;
        vertical-align: middle;
        padding: 10px 15px
    }
}

.sim-provider .sim-provider__list__img {
    max-width: 100%;
    margin: 0 auto
}

@media (min-width:768px) {
    .sim-provider .sim-provider__list__img {
        max-width: 100px
    }
}

.sim-provider__header {
    font-weight: normal;
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 14px;
    text-align: center
}

    .sim-provider__header span {
        text-align: center;
        font-weight: bold;
        font-size: 26px;
        line-height: 38px;
        color: #056f9d
    }

@media (max-width:768px) {
    .sim-provider__header {
        margin: 0 0 5px;
        font-size: 14px;
        line-height: 16px
    }

        .sim-provider__header span {
            font-size: 14px;
            line-height: 16px
        }
}

.ci-provider {
    background: #f3f2ee;
    text-align: center;
    padding: 30px 0 40px
}

@media (max-width:768px) {
    .ci-provider {
        padding: 25px 0 30px
    }
}

.ci-provider__header {
    font-weight: normal;
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 14px;
    text-align: center
}

    .ci-provider__header span {
        text-align: center;
        font-weight: bold;
        font-size: 26px;
        line-height: 38px;
        color: #056f9d
    }

@media (max-width:768px) {
    .ci-provider__header {
        margin: 0 0 5px;
        font-size: 14px;
        line-height: 16px
    }

        .ci-provider__header span {
            font-size: 14px;
            line-height: 16px
        }
}

.ci-provider__list {
    padding: 0;
    height: 50px;
    list-style: none;
    overflow: hidden;
    margin: 0
}

@media (max-width:768px) {
    .ci-provider__list {
        height: 90px
    }
}

.ci-provider__list li {
    display: inline-block
}

@media (max-width:768px) {
    .ci-provider__list li {
        padding: 0 5px;
        width: 75px;
        height: 45px;
        line-height: 45px
    }
}

.ci-provider__list__img {
    margin: 0 10px;
    padding: 0 0;
    height: 45px
}

@media (max-width:768px) {
    .ci-provider__list__img {
        margin: auto;
        padding: 3px 0;
        vertical-align: middle;
        height: auto;
        max-height: 45px;
        display: inline-block
    }
}

.ti-provider {
    background: #f3f2ee;
    text-align: center;
    padding: 30px 0 40px
}

@media (max-width:768px) {
    .ti-provider {
        padding: 25px 0 30px
    }
}

.ti-provider__header {
    font-weight: normal;
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 14px;
    text-align: center
}

    .ti-provider__header span {
        text-align: center;
        font-weight: bold;
        font-size: 26px;
        line-height: 38px;
        color: #056f9d
    }

@media (max-width:768px) {
    .ti-provider__header {
        margin: 0 0 5px;
        font-size: 14px;
        line-height: 16px
    }

        .ti-provider__header span {
            font-size: 14px;
            line-height: 16px
        }
}

.ti-provider__list {
    padding: 0;
    height: 50px;
    list-style: none;
    overflow: hidden;
    margin: 0
}

@media (max-width:768px) {
    .ti-provider__list {
        height: 90px
    }
}

.ti-provider__list li {
    display: inline-block
}

@media (max-width:768px) {
    .ti-provider__list li {
        padding: 0 10px;
        vertical-align: middle;
        width: 75px
    }
}

.ti-provider__list__img {
    margin: 0 10px;
    padding: 0 0;
    height: 45px
}

@media (max-width:768px) {
    .ti-provider__list__img {
        margin: 0 auto;
        max-height: 45px;
        padding: 3px 0
    }
}

.product-showcase {
    text-align: center;
    padding: 30px 0
}

@media (min-width:992px) {
    .product-showcase {
        padding: 50px 0 40px;
        background: #f3f2ee
    }
}

.product-showcase__header {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 20px
}

@media (min-width:992px) {
    .product-showcase__header {
        margin-bottom: 40px
    }
}

.product-showcase__item {
    min-height: 136px;
    text-align: center;
    width: 225px;
    display: inline-block;
    vertical-align: top;
    transition: .25s all
}

@media (max-width:480px) {
    .product-showcase__item {
        min-height: 0
    }
}

.product-showcase__item__img {
    position: relative;
    z-index: 0;
    background: #fff;
    border-radius: 50%;
    behavior: url(assets/webjars/pie/1.0.0/PIE.htc);
    padding: 18px 10px 10px;
    display: block;
    margin: 0 auto
}

@media (min-width:992px) {
    .product-showcase__item__img {
        width: 100px;
        height: 100px;
        margin: 10px auto 25px
    }
}

.product-showcase__item__img img {
    width: 70%
}

@media (min-width:992px) {
    .product-showcase__item__img img {
        width: 70%;
        margin-top: 8px
    }
}

.product-showcase__item__icon {
    background-color: #fff;
    border-radius: 50% 50%;
    width: 100%;
    height: 120px;
    text-align: center;
    line-height: 120px;
    margin: 0 auto 20px auto
}

    .product-showcase__item__icon img {
        width: 60px;
        height: 60px
    }

@media (min-width:992px) {
    .product-showcase__item__icon {
        width: 120px
    }
}

@media (max-width:992px) {
    .product-showcase__item {
        width: 30%
    }
}

@media (max-width:768px) {
    .product-showcase {
        background: #fff
    }

    .product-showcase__item {
        width: 30%
    }

        .product-showcase__item .product-showcase__item__time, .product-showcase__item .product-showcase__item__btn, .product-showcase__item .product-showcase__item__subtext {
            display: none
        }
}

.product-showcase__item__text {
    font-size: 11px;
    font-size: 3.5vw;
    font-weight: 700;
    margin-top: 10px;
    line-height: 24px
}

    .product-showcase__item__text a {
        color: #312f2e
    }

@media (min-width:992px) {
    .product-showcase__item__text {
        font-size: 17px
    }
}

.product-showcase__item__subtext {
    font-size: 13px;
    color: #979290;
    min-height: 54px
}

.product-showcase__item__subtext-padding {
    padding: 0 5px
}

.product-showcase__item__btn {
    max-width: 150px;
    margin: 15px auto;
    text-transform: uppercase
}

.product-showcase__item_btn-padding {
    padding-top: 6px
}

.product-showcase__item__time {
    color: #979290;
    font-size: 11px
}

.product-showcase__all-products-container {
    display: none
}

@media (max-width:480px) {
    .product-showcase__container--item-count-limit-xs-show .row .product-showcase__item.nth-child-np7 {
        display: none
    }

    .product-showcase__container--item-count-limit-xs-show .product-showcase__all-products-container {
        display: block
    }
}

@media (min-width:992px) {
    .product-showcase__container--item-count-limit-sm-show .row .product-showcase__item.nth-child-np6 {
        display: none
    }

    .product-showcase__container--item-count-limit-sm-show .product-showcase__all-products-container {
        display: block
    }
}

.product-showcase__all-products-label--see-all, .product-showcase__all-products-icon--see-all {
    display: inline-block
}

.product-showcase__all-products-label--see-less, .product-showcase__all-products-icon--see-less {
    display: none
}

.product-showcase__container .product-list-wrap {
    height: 200px;
    overflow: hidden
}

.product-showcase__container--is-expanded .product-list-wrap {
    height: auto
}

.product-showcase__container--is-expanded .product-showcase__all-products-label--see-all, .product-showcase__container--is-expanded .product-showcase__all-products-icon--see-all {
    display: none
}

.product-showcase__container--is-expanded .product-showcase__all-products-label--see-less, .product-showcase__container--is-expanded .product-showcase__all-products-icon--see-less {
    display: inline-block
}

.product-showcase__btn-all-products {
    display: none
}

    .product-showcase__btn-all-products.show {
        display: block;
        margin-top: 30px;
        margin-bottom: 10px
    }

@media (min-width:992px) {
    .product-showcase__item.no-height {
        height: 0;
        overflow: hidden;
        min-height: 0
    }
}

.number-one-panel {
    background: #f0f5f9;
    padding: 30px 0;
    text-align: center
}

    .number-one-panel .inline-flex-row {
        display: table
    }

@media (min-width:992px) {
    .number-one-panel .inline-flex-row .display_table-cell {
        display: table-cell;
        vertical-align: top;
        width: 50%;
        float: none
    }

    .number-one-panel {
        text-align: left;
        padding: 50px 0
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .number-one-panel {
        background-size: 50%
    }
}

.number-one-panel__header {
    font-size: 60px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    width: 540px;
    height: auto;
    margin: 0 0 30px
}

@media (min-width:992px) {
    .number-one-panel__header {
        font-size: 42px
    }
}

@media (max-width:992px) {
    .number-one-panel__header {
        font-size: 22px !important;
        line-height: 26px !important;
        text-align: center;
        width: auto
    }
}

.number-one-panel__text {
    font-size: 20px;
    text-align: left;
    line-height: 22px;
    width: 540px;
    margin-bottom: 0
}

@media (min-width:992px) {
    .number-one-panel__text {
        font-size: 17px
    }
}

@media (max-width:992px) {
    .number-one-panel__text {
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: center;
        width: auto;
        height: auto
    }
}

.number-one-panel__points-container {
    font-size: 16px;
    font-weight: 700;
    color: #979290
}

@media (min-width:992px) {
    .number-one-panel__points-container {
        font-size: 18px
    }
}

@media (max-width:992px) {
    .number-one-panel__points-container {
        font-size: 14px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .number-one-panel__points-container {
        font-size: 34px;
        font-weight: 300;
        line-height: 52px;
        text-align: left;
        color: #312f2e
    }
}

.number-one-panel__points-container .m-cgg {
    position: relative;
    color: #fff;
    top: 3px;
    background-color: #2e86bc;
    border-radius: 50%;
    behavior: url(assets/webjars/pie/1.0.0/PIE.htc);
    display: inline-block;
    text-align: center;
    min-width: 80px;
    min-height: 80px;
    line-height: 80px;
    font-size: 56px;
    margin: 0 0 15px
}

@media (min-width:992px) {
    .number-one-panel__points-container .m-cgg {
        top: 0;
        margin: 0;
        min-width: 50px;
        min-height: 50px;
        line-height: 50px;
        font-size: 38px
    }
}

@media (max-width:992px) {
    .number-one-panel__points-container .m-cgg {
        top: 0;
        min-width: 60px;
        min-height: 60px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin: 0 0 10px
    }
}

.number-one-panel__point {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .number-one-panel__point {
        margin-bottom: 40px
    }

        .number-one-panel__point:last-child {
            margin-bottom: 0
        }
}

.business-model {
    background: #076b9c;
    color: #fff;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    font-size: 16px
}

    .business-model:before {
        width: 50%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        display: block;
        height: 100%;
        background-color: #363636
    }

    .business-model h3 {
        font-size: 32px;
        text-align: center;
        font-weight: bold
    }

    .business-model h4 {
        font-size: 16px;
        text-align: center;
        margin: 25px 0 60px;
        line-height: normal
    }

@media (min-width:992px) {
    .business-model h4 {
        max-width: 544px;
        margin: 25px auto 60px
    }
}

.business-model__title {
    font-weight: 600;
    font-size: 24px
}

.business-model__content {
    text-align: center
}

.business-model__content-text {
    min-height: 145px;
    position: relative;
    padding: 10px 0;
    margin-bottom: 20px;
    display: table;
    width: 100%
}

@media (min-width:992px) {
    .business-model__content-text {
        margin: 0 auto 70px;
        width: 240px
    }
}

.business-model__content-text p {
    display: block
}

@media (min-width:992px) {
    .business-model__content-text p {
        display: table-cell;
        vertical-align: middle
    }
}

.business-model__content-text p a {
    text-decoration: none;
    color: #fff
}

.business-model__content-image {
    max-width: 235px;
    margin: 0 auto
}

@media (min-width:992px) {
    .business-model__content-image {
        position: absolute;
        left: -226px;
        top: -40px
    }
}

@media (min-width:1200px) {
    .business-model__content-image {
        max-width: 276px;
        left: -296px
    }
}

.business-model__btn {
    background: #77aa43;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.5), inset 0 -4px 0 0 #56924b;
    padding: 15px 64px;
    width: auto;
    color: #fff;
    border-radius: 6px;
    -webkit-transition: all .35s;
    transition: all .35s;
    font-size: 24px;
    font-weight: bold
}

    .business-model__btn:hover, .business-model__btn:active, .business-model__btn:focus {
        background: #56924b;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.5), inset 0 -4px 0 0 #42703a;
        cursor: pointer;
        color: #fff;
        text-decoration: none
    }

.compare-then-buy {
    padding: 30px 0 60px;
    text-align: center;
    background: #fff
}

@media (min-width:992px) {
    .compare-then-buy {
        padding: 50px 0;
    }
}

.compare-then-buy__header {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 20px
}

@media (min-width:992px) {
    .compare-then-buy__header {
        font-size: 40px;
        margin: 0 0 15px;
    }
}

.compare-then-buy .carousel-inner > .item > img, .compare-then-buy .carousel-inner > .item > a > img {
    display: inline-block;
    max-width: 120px
}

@media (min-width:992px) {
    .compare-then-buy .carousel-inner > .item > img, .compare-then-buy .carousel-inner > .item > a > img {
        max-width: 100px
    }

    .compare-then-buy.v2 .carousel-inner > .item > img {
        max-width: 130px
    }
}

.compare-then-buy .carousel-indicators {
    bottom: -60px
}

    .compare-then-buy .carousel-indicators li {
        padding: 15px;
        margin: 0;
        width: auto;
        height: auto;
        border-radius: 0
    }

        .compare-then-buy .carousel-indicators li div {
            background: #ddead0;
            border-color: #ddead0;
            width: 18px;
            height: 18px;
            border-radius: 50%
        }

        .compare-then-buy .carousel-indicators li.active div {
            background: #78aa43;
            border-color: #78aa43
        }

@media (min-width:768px) {
    .compare-then-buy .carousel-inner > .item {
        display: block
    }
}

.compare-then-buy__step-header {
    color: #979290;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 600;
    margin: 30px 0 5px
}

@media (min-width:992px) {
    .compare-then-buy__step-header {
        font-size: 14px;
        font-weight: 400
    }
}

.compare-then-buy__step-text {
    font-weight: 600;
    font-size: 20px
}

@media (min-width:992px) {
    .compare-then-buy__step-text {
        font-weight: 700;
        font-size: 15px
    }
}

.compare-then-buy.v2 .container {
    max-width: 1024px
}

.compare-then-buy.v2 .compare-then-buy__header {
    font-size: 32px;
    font-weight: bold
}

.compare-then-buy.v2 .compare-then-buy__step-text {
    font-size: 16px;
    margin-top: 16px
}

    .compare-then-buy.v2 .compare-then-buy__step-text a img {
        width: 22px;
        position: relative;
        top: -1px;
        left: 3px
    }

@media (min-width:992px) {
    .compare-then-buy.v2 .compare-then-buy__step-text {
        max-width: 224px;
        margin: 16px auto
    }
}

.compare-then-buy.v2 .compare-then-buy__list {
    margin-top: 40px
}

@media (min-width:992px) {
    .compare-then-buy.v2 .compare-then-buy__list {
        margin-top: 0
    }
}

.compare-then-buy.v2 .compare-then-buy__list-img {
    max-width: 144px
}

.testimonial-panel {
    background: #f3f2ee;
    padding: 30px 0 24px;
    text-align: center;
    position: relative
}

@media (min-width:992px) {
    .testimonial-panel {
        padding: 50px 0 20px;
        text-align: left;
        min-height: 450px
    }

        .testimonial-panel .img-wrapper {
            position: static
        }
}

.testimonial-panel__img {
    max-width: 180px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .testimonial-panel__img {
        border-radius: 0;
        margin: 0;
        width: 100%;
        bottom: 0;
        min-width: 414px;
        max-width: 458px;
        position: absolute
    }
}

@media (max-width:992px) {
    .testimonial-panel__img {
        margin-bottom: 0;
        height: 165px;
        width: 165px
    }
}

.testimonial-panel__quote {
    font-size: 42px;
    font-weight: 300;
    text-align: left;
    margin-top: 75px;
    margin-bottom: 25px
}

@media (min-width:992px) {
    .testimonial-panel__quote {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 25px;
        width: 540px
    }
}

@media (max-width:992px) {
    .testimonial-panel__quote {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 15px
    }
}

.testimonial-panel__quote .m-cgg-icon--open-quote {
    margin-top: 75px;
    font-size: 8px;
    position: absolute;
    top: 4px
}

@media (min-width:992px) {
    .testimonial-panel__quote .m-cgg-icon--open-quote {
        font-size: 70px;
        left: -70px;
        color: #eaeae8;
        top: -30px
    }
}

@media (max-width:992px) {
    .testimonial-panel__quote .m-cgg-icon--open-quote {
        display: none
    }
}

.testimonial-panel__quote-text {
    padding-left: 10px
}

@media (min-width:992px) {
    .testimonial-panel__quote-text {
        padding-left: 0
    }
}

@media (max-width:992px) {
    .testimonial-panel__quote-text {
        font-size: 18px !important;
        line-height: 24px !important;
        font-weight: 400
    }
}

.testimonial-panel__source-info {
    font-size: 18px;
    line-height: 30px
}

.testimonial-panel__rating {
    font-size: 26px;
    color: #facb1e
}

@media (min-width:992px) {
    .testimonial-panel__rating {
        margin-bottom: 20px
    }
}

.testimonial-panel__name {
    margin-bottom: 10px;
    font-size: 18px
}

@media (max-width:992px) {
    .testimonial-panel__name {
        margin-bottom: 5px
    }
}

.testimonial-panel__links a {
    color: #78aa43;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    display: inline-block
}

@media (min-width:992px) {
    .testimonial-panel__links a {
        font-weight: 400
    }
}

@media (max-width:992px) {
    .testimonial-panel__links a {
        font-size: 14px;
        line-height: 15.4px;
        font-weight: 600;
        text-align: left
    }
}

.testimonial-panel__links a:hover {
    text-decoration: none
}

.testimonial-panel__link--twitter {
    margin-right: 10px
}

    .testimonial-panel__link--twitter .m-cgg {
        font-size: 15px
    }

@media (min-width:992px) {
    .testimonial-panel__link--twitter .m-cgg {
        font-size: 25px;
        vertical-align: middle
    }
}

.testimonial-panel__link--more-testimonials .m-cgg {
    font-size: 15px
}

@media (min-width:992px) {
    .column-center-wide {
        bottom: 50px
    }
}

.testimonial-panel-v2 {
    padding: 70px 0 10px;
    background: #fff
}

@media (max-width:480px) {
    .testimonial-panel-v2 {
        padding: 50px 0 10px
    }
}

.testimonial-panel-v2 .container {
    max-width: 920px;
    margin: 0 auto
}

@media (min-width:992px) {
    .testimonial-panel-v2 .container .slide_container {
        width: 860px
    }
}

@media (max-width:480px) {
    .testimonial-panel-v2 .container .slide_container .testimonial-panel-v2__list-item {
        padding: 0 45px;
        width: 320px
    }
}

@media (max-width:320px) {
    .testimonial-panel-v2 .container .slide_container .testimonial-panel-v2__list-item {
        padding: 0 30px;
        width: 300px
    }
}

.testimonial-panel-v2__list {
    padding: 20px;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    height: 230px
}

@media (max-width:480px) {
    .testimonial-panel-v2__list {
        height: 250px
    }
}

.testimonial-panel-v2__list-item {
    display: inline-block;
    float: left;
    padding: 0 25px;
    min-height: 230px
}

@media (max-width:480px) {
    .testimonial-panel-v2__list-item {
        min-height: 250px
    }
}

@media (min-width:768px) {
    .testimonial-panel-v2__list-item {
        padding: 0 54px
    }
}

@media (min-width:992px) {
    .testimonial-panel-v2__list-item {
        width: 424px
    }
}

.testimonial-panel-v2__list-item-quote {
    font-size: 16px;
    position: relative
}

    .testimonial-panel-v2__list-item-quote .m-cgg {
        color: #979290;
        font-size: 32px;
        position: absolute;
        top: -12px;
        left: -40px
    }

.testimonial-panel-v2__list-item-author {
    text-align: right
}

    .testimonial-panel-v2__list-item-author img {
        max-width: 120px
    }

.facebook-panel {
    padding: 20px 0 20px;
    text-align: center;
    background: #2e86bc
}

@media (min-width:992px) {
    .facebook-panel {
        padding: 100px 0 80px;
        min-height: 500px
    }

    .facebook-panel {
        text-align: left
    }
}

@media (min-width:1200px) {
    .facebook-panel {
        padding: 120px 0 80px
    }
}

.facebook-panel_header {
    font-size: 29px;
    font-weight: 700;
    margin: 0 0 30px
}

@media (min-width:992px) {
    .facebook-panel_header {
        font-size: 42px;
        line-height: 46px;
        width: 635px
    }
}

.facebook-panel_fb-embed {
    width: 100%;
    text-align: center
}

@media (min-width:992px) {
    .facebook-panel_fb-embed {
        text-align: left
    }
}

.facebook-panel .fb_iframe_widget {
    margin: 0 auto;
    float: none;
    max-width: 100%
}

@media (min-width:992px) {
    .facebook-panel .fb_iframe_widget {
        margin: 0
    }
}

.facebook-panel .fb_iframe_widget > span, .facebook-panel .fb_iframe_widget > span > iframe {
    max-width: 100%
}

.facebook-panel-v2 {
    background: #fff
}

    .facebook-panel-v2 .container {
        max-width: 1060px
    }

.facebook-panel-v2__text {
    display: table;
    font-size: 20px;
    height: 214px
}

@media (min-width:992px) {
    .facebook-panel-v2__text {
        padding-right: 70px
    }
}

.facebook-panel-v2__text p {
    display: table-cell;
    vertical-align: middle
}

.newsletter {
    background: #f3f2ee;
    padding: 30px 0
}

@media (min-width:992px) {
    .newsletter {
        background: #e6f1f9;
        padding: 35px 0 35px
    }
}

.newsletter__header {
    font-size: 32px;
    text-align: left;
    font-weight: 700;
    margin: 0 0 15px
}

@media (min-width:992px) {
    .newsletter__header {
        font-size: 42px;
        line-height: 46px;
        margin: 0 0 20px
    }
}

@media (max-width:992px) {
    .newsletter__header {
        font-size: 22px !important;
        line-height: 26px !important;
        text-align: center;
        margin: 0 0 10px
    }
}

.newsletter__text {
    font-size: 20px;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .newsletter__text {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 40px
    }
}

@media (max-width:992px) {
    .newsletter__text {
        font-size: 12px !important;
        line-height: 16px !important;
        text-align: center;
        color: #979290
    }
}

.newsletter__img {
    display: block;
    margin: 15px auto
}

@media (max-width:992px) {
    .newsletter__img {
        width: 100%
    }
}

.ie8 .newsletter__img {
    width: auto
}

@media (min-width:992px) {
    .newsletter__checkbox-container {
        margin-top: 20px
    }
}

.newsletter__subscribed {
    font-size: 16px
}

.newsletter__subscribed_text {
    padding: 10px 0
}

.newsletter__subscribed .m-cgg {
    color: #78aa43;
    margin: 0 5px 0 0
}

.newsletter__form--loading .newsletter__subscribe__submit {
    text-indent: -90009px;
    text-align: left;
    background-image: url(assets/loading-alt.gif);
    background-repeat: no-repeat;
    background-position: 50%
}

.newsletter__subscribe__submit-padding {
    padding: 11px 0;
    box-shadow: 0 5px #618840
}

    .newsletter__subscribe__submit-padding:focus, .newsletter__subscribe__submit-padding:hover {
        outline: none
    }

.newsletter__form--loading .ciab-text-input {
    opacity: .6
}

.newsletter__form--sidebar.newsletter {
    padding: 0;
    background: none
}

.newsletter__form--sidebar .newsletter__img {
    display: none
}

.newsletter__form--sidebar .newsletter__subscribe-container--top {
    display: none !important
}

.newsletter__form--sidebar .newsletter__subscribe-container--bottom {
    display: block !important
}

@media (min-width:992px) {
    .newsletter__form--sidebar .newsletter__header {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 10px
    }

    .newsletter__form--sidebar .newsletter__text {
        font-size: 13px;
        margin: 0 0 10px
    }
}

.newsletter__form--sidebar .newsletter__subscribed {
    font-size: 13px;
    text-align: center
}

.newsletter__form--sidebar .col-xs-12 {
    width: 100%;
    float: none
}

@media (min-width:992px) {
    .newsletter__form--sidebar .ciab-text-input, .newsletter__form--sidebar .checkbox label.ciab-checkbox__lbl {
        font-size: 13px
    }
}

.hero-lead-capture {
    font-size: 16px;
    color: #312f2e;
    background: #056f9d;
    padding: 20px 0
}

@media (min-width:992px) {
    .hero-lead-capture {
        border-bottom: 20px solid #175072;
        padding: 70px 0 0
    }
}

.hero-lead-capture__row {
    background: #fff;
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

@media (min-width:992px) {
    .hero-lead-capture__row {
        margin-left: -15px;
        margin-right: -15px;
        background: transparent;
        border-radius: 0;
        height: 400px
    }
}

.hero-lead-capture__header {
    font-weight: 700;
    font-size: 26px;
    margin: 20px 0 10px;
    padding: 0 110px 0 0
}

@media (min-width:992px) {
    .hero-lead-capture__header {
        color: #fff;
        font-size: 44px;
        margin-top: 0;
        padding: 0
    }
}

.hero-lead-capture__subheader {
    font-weight: 700;
    font-size: 18px;
    color: #979290;
    margin: 0 0 10px;
    padding: 0 110px 0 0
}

@media (min-width:992px) {
    .hero-lead-capture__subheader {
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        margin: 5px 0 15px;
        padding: 0;
        line-height: 1.4
    }
}

.hero-lead-capture__text {
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
    position: relative;
    font-weight: 500
}

@media (min-width:992px) {
    .hero-lead-capture__text {
        font-weight: 700;
        font-size: 20px;
        padding: 0 0 0 45px;
        margin-top: 50px;
        width: 300px
    }
}

.hero-lead-capture__text__icon {
    background: #78aa43;
    color: #056f9d;
    border-radius: 50%;
    padding: 7px 6px 7px 8px;
    font-size: 14px
}

@media (min-width:992px) {
    .hero-lead-capture__text__icon {
        font-size: 18px;
        position: absolute;
        left: 0
    }
}

.hero-lead-capture__text__phone {
    white-space: nowrap;
    color: #78aa43;
    font-weight: 700
}

.hero-lead-capture__details__container {
    position: static
}

@media (min-width:992px) {
    .hero-lead-capture__details__container {
        position: relative
    }
}

.hero-lead-capture__details {
    background: #fff;
    border-radius: 10px;
    padding: 14px 0 24px
}

@media (min-width:992px) {
    .hero-lead-capture__details {
        padding: 24px;
        position: absolute;
        width: 350px;
        z-index: 1
    }
}

.hero-lead-capture__icon {
    transform: scaleY(-1);
    color: #f08227;
    font-size: 95px;
    position: absolute;
    top: -46px;
    left: -25px;
    zoom: 1
}

    .hero-lead-capture__icon .m-cgg {
        display: block;
        transform: rotate(18deg);
        zoom: 1
    }

.hero-lead-capture__badge {
    font-size: 24px;
    color: #fff;
    background-image: url(assets/sticker-sm.png);
    height: 120px;
    width: 120px;
    position: absolute;
    top: -10px;
    right: -12px
}

@media (min-width:992px) {
    .hero-lead-capture__badge {
        top: -42px;
        right: -64px
    }
}

.hero-lead-capture__badge__wrapper {
    padding: 26px 4px 0 8px;
    text-align: center;
    transform: rotate(12deg)
}

.hero-lead-capture__badge__text {
    font-size: 17px;
    line-height: 1;
    margin: 0;
    text-align: center
}

    .hero-lead-capture__badge__text strong {
        line-height: 1.4;
        font-size: 25px
    }

.hero-lead-capture__form__header {
    font-weight: 900;
    font-size: 25px;
    margin-bottom: 15px;
    padding-right: 40px
}

.hero-lead-capture__form, .hero-lead-capture__form .ciab-text-input {
    font-size: 18px
}

@media (min-width:992px) {
    .hero-lead-capture__form, .hero-lead-capture__form .ciab-text-input {
        font-size: 14px
    }
}

.hero-lead-capture__form__submit {
    margin-top: 10px;
    min-height: 60px
}

.hero-lead-capture__form--loading .hero-lead-capture__form__submit {
    text-indent: -90009px;
    text-align: left;
    background-image: url(assets/loading.gif);
    background-repeat: no-repeat;
    background-position: 50%
}

.hero-lead-capture__form--loading .ciab-text-input {
    opacity: .6
}

@media (min-width:992px) {
    .hero-lead-capture__thank-you-message {
        padding-bottom: 40px
    }
}

.hero-lead-capture__thank-you-message .hero-lead-capture__form__header {
    font-weight: 500;
    margin-bottom: 20px
}

.hero-lead-capture__thank-you-message p {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 30px
}

.hero-lead-capture__thank-you-message__another-quote {
    text-decoration: none;
    color: #f08227;
    font-size: 14px;
    font-weight: 700
}

    .hero-lead-capture__thank-you-message__another-quote:hover, .hero-lead-capture__thank-you-message__another-quote:visited, .hero-lead-capture__thank-you-message__another-quote:active {
        color: #f08227;
        text-decoration: none
    }

.hero-lead-capture__details .form-group {
    margin-bottom: 5px
}

.hero-lead-capture__details .error-msg {
    color: #e9505a;
    margin: 5px 0
}

.featured-in {
    background: #e7e6e2;
    padding: 30px 0
}

@media (min-width:992px) {
    .featured-in {
        padding: 40px 0 60px
    }
}

.featured-in__header {
    font-size: 20px;
    margin: 0;
    text-align: center
}

@media (min-width:992px) {
    .featured-in__header {
        font-size: 15px;
        text-align: left
    }
}

.featured-in__list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    text-align: center
}

.featured-in__img {
    width: 80%
}

.featured-in__list li {
    margin-bottom: 10px;
    margin-right: 5px;
    display: inline-block;
    width: 30%
}

@media (min-width:480px) {
    .featured-in__list li {
        width: 19%;
        text-align: left;
        margin-right: .5%
    }
}

.featured-in__list li:last-child {
    margin-right: 0
}

.get-cheapest {
    background: #fff;
    padding: 40px 0;
    text-align: center;
    font-size: 18px
}

@media (min-width:992px) {
    .get-cheapest {
        padding: 50px 0
    }

    .get-cheapest {
        padding: 130px 0
    }
}

.get-cheapest__header {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 0
}

@media (min-width:992px) {
    .get-cheapest__header {
        font-size: 48px
    }
}

.get-cheapest__list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    text-align: center
}

@media (min-width:992px) {
    .get-cheapest__list {
        margin: 40px 0 0
    }
}

.get-cheapest__img {
    height: 65px;
    margin: 0 0 10px
}

@media (min-width:992px) {
    .get-cheapest__img {
        margin: 10px
    }
}

.get-cheapest__list li {
    display: inline-block;
    margin-right: 20px
}

    .get-cheapest__list li:last-child {
        margin-right: 0
    }

.how-it-works {
    padding: 30px 0 60px;
    text-align: center;
    background: #fff;
    border-bottom: solid 0 #fff
}

@media (min-width:992px) {
    .how-it-works {
        padding: 50px 0
    }
}

.how-it-works__header {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 20px
}

@media (min-width:992px) {
    .how-it-works__header {
        font-size: 42px;
        margin: 0 0 60px
    }
}

.how-it-works .carousel-inner > .item img, .how-it-works .carousel-inner > .item a img {
    display: inline-block;
    max-width: 120px
}

@media (min-width:992px) {
    .how-it-works .carousel-inner > .item img, .how-it-works .carousel-inner > .item a img {
        max-width: 100px
    }
}

.how-it-works .carousel-indicators {
    bottom: -60px
}

    .how-it-works .carousel-indicators li {
        padding: 15px;
        margin: 0;
        width: auto;
        height: auto;
        border-radius: 0
    }

        .how-it-works .carousel-indicators li div {
            background: #ddead0;
            border-color: #ddead0;
            width: 18px;
            height: 18px;
            border-radius: 50%
        }

        .how-it-works .carousel-indicators li.active div {
            background: #78aa43;
            border-color: #78aa43
        }

@media (min-width:768px) {
    .how-it-works .carousel-inner > .item {
        display: block
    }
}

.how-it-works__step-header {
    color: #979290;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 600;
    margin: 30px 0 5px
}

@media (min-width:992px) {
    .how-it-works__step-header {
        font-size: 14px;
        font-weight: 400
    }
}

.how-it-works__step-text {
    font-weight: 600;
    font-size: 20px
}

@media (min-width:992px) {
    .how-it-works__step-text {
        font-weight: 700;
        font-size: 15px
    }
}

.how-it-works__step-item {
    position: relative;
    max-width: 255px;
    margin: 0 auto;
    padding-top: 10px
}

@media (min-width:992px) {
    .how-it-works__step-item {
        padding-top: 30px
    }

    .how-it-works__step-item {
        margin: 0 20px
    }
}

@media (min-width:1200px) {
    .how-it-works__step-item {
        margin: 0 60px
    }
}

.how-it-works__step-number {
    position: absolute;
    top: 0;
    left: 20px;
    font-weight: 700;
    color: #2e86bc;
    font-size: 27px;
    line-height: 32.3px;
    text-align: center;
    background: #eaf2f8;
    border-radius: 50%;
    padding-top: 15px;
    width: 60px;
    height: 60px;
    display: none
}

@media (min-width:992px) {
    .how-it-works__step-number {
        font-size: 27px;
        display: block
    }

    .how-it-works__step-number {
        left: 28px
    }
}

.ci .how-it-works__step-number {
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding-top: 5px;
    left: 0
}

.customer-promise {
    background: #fd4f57;
    padding: 40px 0;
    color: #fff;
    text-align: center
}

@media (min-width:992px) {
    .customer-promise {
        text-align: left;
        padding: 60px 0 50px
    }

    .customer-promise {
        padding: 50px 0
    }
}

@media (max-width:992px) {
    .customer-promise {
        padding: 40px 0 30px
    }
}

@media (min-width:992px) {
    .customer-promise .row {
        display: table;
        vertical-align: middle
    }

        .customer-promise .row .col-lg-7.col-md-7 {
            display: table-cell;
            vertical-align: middle
        }
}

.customer-promise__header {
    margin: 0;
    font-size: 28px;
    margin: 0 0 15px;
    font-weight: 700
}

@media (min-width:992px) {
    .customer-promise__header {
        font-size: 45px;
        line-height: 47px
    }
}

@media (max-width:992px) {
    .customer-promise__header {
        font-size: 22px;
        line-height: 26px
    }
}

.customer-promise__text {
    font-size: 20px;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .customer-promise__text {
        font-size: 20px;
        margin-bottom: 30px;
        line-height: 30px
    }
}

@media (max-width:992px) {
    .customer-promise__text {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0
    }
}

.customer-promise__img {
    display: inline-block;
    max-width: 160px
}

@media (min-width:992px) {
    .customer-promise__img {
        max-width: 100%;
        margin: 0
    }

    .customer-promise__img {
        width: 345px;
        height: 345px;
        max-width: inherit;
        margin-top: -25px
    }
}

@media (max-width:992px) {
    .customer-promise__img {
        margin-bottom: 15px;
        width: 110px;
        height: 110px
    }
}

.product-know-how {
    padding: 60px 0
}

@media (min-width:992px) {
    .product-know-how {
        padding: 50px 0
    }
}

@media (max-width:992px) {
    .product-know-how {
        padding: 30px 0 15px 0
    }
}

.product-know-how__header {
    margin: 0;
    font-size: 28px;
    margin: 0 0 30px;
    font-weight: 700
}

@media (min-width:992px) {
    .product-know-how__header {
        font-size: 45px;
        line-height: 47px;
        width: auto
    }
}

@media (max-width:992px) {
    .product-know-how__header {
        margin: 0 0 10px;
        font-size: 22px;
        line-height: 26px;
        text-align: left;
        width: auto
    }

    .product-know-how_cc-workflow {
        width: 100%
    }
}

.product-know-how__panel-group {
    font-size: 14px;
    margin: 10px 0 0 0
}

.product-know-how__panel {
    border-bottom: solid 1px #e7e6e2;
    padding: 0
}

    .product-know-how__panel .collapseContent {
        overflow: hidden
    }

    .product-know-how__panel:last-child {
        border: none
    }

.product-know-how__panel__header {
    font-weight: 700;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 30px
}

@media (min-width:992px) {
    .product-know-how__panel__header {
        font-size: 28px
    }
}

.product-know-how__panel__header a {
    display: block;
    padding: 20px 0 20px 28.7188px;
    color: #312f2e;
    position: relative;
    text-align: left
}

@media (max-width:992px) {
    .product-know-how__panel__header a {
        padding: 15px 0 10px 18.7188px;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        width: auto
    }
}

.product-know-how__panel__header i:before {
    position: absolute;
    left: 0;
    top: 25px;
    font-family: CGG-icomoon;
    color: #78aa43;
    font-size: 24px
}

@media (max-width:992px) {
    .product-know-how__panel__header i:before {
        top: 15px
    }
}

.product-know-how__panel__header a i.m-cgg-icon--caret-up {
    display: inline
}

.product-know-how__panel__header a i.m-cgg-icon--caret-down {
    display: none
}

.product-know-how__panel__header a.collapsed i.m-cgg-icon--caret-up {
    display: none
}

.product-know-how__panel__header a.collapsed i.m-cgg-icon--caret-down {
    display: inline
}

.product-know-how__panel__header a:hover, .product-know-how__panel__header a:active, .product-know-how__panel__header a:focus {
    text-decoration: none
}

.product-know-how__panel__body {
    margin: 15px 0 25px;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden
}

@media (min-width:992px) {
    .product-know-how__panel__body {
        font-size: 20px
    }
}

@media (max-width:992px) {
    .product-know-how__panel__body {
        padding: 15px 0 20px;
        font-size: 14px;
        line-height: 24px;
        width: auto;
        height: auto;
        text-align: left
    }
}

.product-know-how__panel__body p {
    margin: 0 0 25px
}

.contact-us-details a {
    color: #78aa43
}

.contact-us-details__header {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 15px
}

@media (min-width:992px) {
    .contact-us-details__header {
        font-size: 16px;
        margin: 0 0 10px
    }
}

.contact-us-details__address {
    margin: 20px 0 0
}

.cta-banner {
    position: relative;
    display: none
}

@media (min-width:992px) {
    .cta-banner {
        padding: 30px 0;
        min-height: 160px;
        display: flex;
        align-items: center
    }
}

.cta-banner .container {
    display: flex;
    align-items: center
}

.cta-banner__img {
    text-align: center
}

    .cta-banner__img img {
        width: 95%
    }

.cta-banner h3 {
    margin: 0;
    padding: 0 5%;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.22
}

.cta-banner .ciab-btn {
    padding: 18px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none
}

.best-price-guarantee__header {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 15px
}

@media (min-width:992px) {
    .best-price-guarantee__header {
        font-size: 16px;
        margin: 0 0 10px
    }
}

.best-price-guarantee__list {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

    .best-price-guarantee__list li {
        margin: 0 0 6px;
        position: relative;
        padding: 0 0 0 34px
    }

@media (min-width:992px) {
    .best-price-guarantee__list li {
        padding-left: 23px
    }
}

.best-price-guarantee__list__icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px
}

@media (min-width:992px) {
    .best-price-guarantee__list__icon {
        font-size: 16px
    }
}

.call-info-sidepanel__img-col {
    padding-right: 0;
    margin-bottom: 0
}

@media (min-width:992px) {
    .call-info-sidepanel__img-col {
        padding-right: 15px;
        margin-bottom: 15px
    }

    .call-info-sidepanel__img-col {
        padding-right: 0;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .call-info-sidepanel__img-col {
        padding-right: 15px;
        margin-bottom: 0
    }
}

.call-info-sidepanel__call {
    font-size: 28px;
    font-weight: 700;
    margin: 15px 0 0;
    padding: 0 0 0 30px;
    position: relative;
    line-height: 22px
}

.call-info-sidepanel__icon {
    display: inline-block;
    background: #f08227;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    padding: 1px 0 0 1px;
    border-radius: 50%;
    margin: 0 2px 0 0;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #f3f2ee;
    line-height: 1.8
}

.call-info-sidepanel__sched {
    display: block;
    margin: 15px 0 0;
    color: #979290
}

.navigation-block {
    position: relative;
    padding-top: 0;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .navigation-block {
        padding: 50px 0 0
    }
}

.navigation-block .container {
    position: relative
}

@media (max-width:480px) {
    .navigation-block .container {
        padding: 0 35px
    }
}

.navigation-block__btn-prev {
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    font-size: 30px;
    cursor: pointer
}

@media (min-width:768px) {
    .navigation-block__btn-prev {
        left: -15px
    }
}

.navigation-block__btn-next {
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    font-size: 30px;
    cursor: pointer
}

@media (min-width:768px) {
    .navigation-block__btn-next {
        right: -15px
    }
}

.navigation-block__container {
    margin-top: 20px;
    margin-bottom: 0;
    height: 100%;
    overflow: hidden
}

@media (min-width:992px) {
    .navigation-block__container {
        margin: 20px 0
    }
}

.navigation-block__header {
    font-weight: 700;
    text-align: center
}

@media (min-width:992px) {
    .navigation-block__header {
        font-size: 42px;
        line-height: 46px;
        margin-top: 0;
        margin-bottom: 5px
    }
}

.navigation-block__sub-header {
    text-align: center
}

@media (min-width:992px) {
    .navigation-block__sub-header {
        font-size: 20px;
        line-height: 30px
    }
}

.navigation-block-item {
    margin-bottom: 15px
}

    .navigation-block-item:hover {
        text-decoration: none
    }

    .navigation-block-item img {
        margin-bottom: 10px;
        width: 100%
    }

.navigation-block-item__title {
    margin-bottom: 10px;
    height: 20px;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    color: #312f2e;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.navigation-block-item__description {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #979290;
    height: 90px;
    display: block;
    overflow: hidden
}

.provider-item, .provider-item-no-title {
    padding-bottom: 30px
}

.provider-item__wrapper, .provider-item-no-title__wrapper {
    background: #fff;
    text-align: center;
    color: #979290;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 0;
    position: relative;
    height: 150px
}

@media (min-width:480px) {
    .provider-item__wrapper, .provider-item-no-title__wrapper {
        height: 200px
    }
}

@media (min-width:992px) {
    .provider-item__wrapper, .provider-item-no-title__wrapper {
        height: 250px
    }

    .provider-item__wrapper, .provider-item-no-title__wrapper {
        height: 240px
    }
}

@media (min-width:1200px) {
    .provider-item__wrapper, .provider-item-no-title__wrapper {
        height: 180px
    }
}

.provider-item__logo {
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    max-height: 120px;
    min-height: 120px
}

    .provider-item__logo img {
        max-height: 100px;
        max-width: 140px;
        position: absolute;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        left: 50%
    }

@media (max-width:480px) {
    .provider-item__logo img {
        max-width: 100%
    }
}

.provider-item__logo img.default {
    content: url(assets/placeholder.gif)
}

.provider-item__title, .provider-item-no-title__title {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding: 0 30px;
    display: none;
    max-width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
    margin: 0 auto
}

@media (min-width:992px) {
    .provider-item__title, .provider-item-no-title__title {
        font-size: 25px;
        line-height: 20px;
        margin: 10px auto
    }
}

@media (min-width:1200px) {
    .provider-item__title, .provider-item-no-title__title {
        font-size: 20px
    }
}

.provider-item .provider-button-red, .provider-item-no-title .provider-button-red {
    font-size: 14px;
    height: 45px;
    width: 100%
}

.provider-item .provider-button-white, .provider-item-no-title .provider-button-white {
    background-color: #fff;
    border: 2px solid #e7e6e2;
    color: #979290
}

.provider-item-no-title__wrapper {
    line-height: 180px;
    height: auto
}

.provider-item-no-title__title {
    display: none
}

.provider-item-no-title__logo img {
    max-width: 100%;
    padding: 0 20px;
    display: inline-block;
    margin: 0 auto
}

.provider-landing {
    width: 100%;
    background: #fafafa;
}

.provider-landing-header {
    padding-top: 30px;
    padding-bottom: 30px
}

.provider-landing-header__page-name {
    font-weight: 800
}

.provider-landing-header__tile {
    padding-top: 20px;
    font-size: 45px;
    font-weight: 800;
    line-height: 45px
}

    .provider-landing-header__tile h1 {
        font-size: 45px
    }

.provider-landing-header__description {
    padding-top: 20px;
    line-height: 20px;
    font-size: 16px
}

.provider-landing-body {
    padding: 20px 0;
    background: #f3f2ee
}

    .provider-landing-body a {
        text-decoration: none !important;
        color: #979290 !important
    }

.provider-landing-body__categories {
    padding: 20px 0 30px 0;
    color: #979290;
    font-weight: 600
}

    .provider-landing-body__categories .category-btn {
        max-width: 200px;
        padding: 5px 10px 5px 5px;
        background: #fff;
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        cursor: pointer;
        margin: 0 5px 5px 0
    }

        .provider-landing-body__categories .category-btn.selected a {
            color: #fff !important
        }

        .provider-landing-body__categories .category-btn a {
            text-decoration: none;
            color: #979290
        }

        .provider-landing-body__categories .category-btn:hover {
            background: #ddead0
        }

        .provider-landing-body__categories .category-btn.selected {
            color: #fff;
            background: #78aa43
        }

.provider-landing-body__all-providers-container .ciab-btn {
    display: block;
    width: 100%;
    padding: 0;
    border: 1px solid #e7e6e2
}

.provider-landing-tooltip {
    min-height: 400px
}

.provider-landing-tooltip-item {
    min-width: 300px;
    margin-top: 30px;
    text-align: center;
    float: left
}

.provider-landing-tooltip-item__title {
    padding-top: 20px;
    font-weight: 600;
    font-size: 20px
}

.provider-landing-tooltip-item__description {
    padding: 10px 40px 0 40px;
    color: #979290
}

    .provider-landing-tooltip-item__description a {
        color: #979290;
        font-weight: 600;
        cursor: pointer
    }

.provider-landing-tooltip .newsletter__form {
    text-align: left
}

.provider-landing-tooltip .newsletter__subscribed_text {
    text-align: center
}

.provider-landing-tooltip-form-container {
    padding: 30px 0;
    width: 100%
}

@media (max-width:480px) {
    .provider-landing-tooltip-form-container {
        padding: 30px 15px
    }
}

.provider-landing-tooltip-form-container__email {
    text-align: center
}

.provider-landing-tooltip-form-container__email-input {
    resize: none;
    height: 50px;
    width: 200px;
    line-height: 42px;
    overflow: hidden;
    float: left
}

.provider-landing-tooltip-form-container__email-submit {
    margin-left: 15px;
    font-weight: 600;
    float: left
}

.provider-landing-tooltip-form-container__email-terms-conditions {
    text-align: center
}

    .provider-landing-tooltip-form-container__email-terms-conditions a {
        color: #78aa43;
        cursor: pointer
    }

.provider-landing-tooltip-form-container__email-terms-check {
    height: 0;
    float: left
}

.provider-landing-tooltip-form-container__email-terms-text {
    padding-left: 10px;
    float: left;
    text-align: left;
    max-width: 300px
}

.provider-landing .provider-landing-catInfo__wrapper {
    background: url(assets/pay-by-credit-card.jpg) no-repeat;
    background-size: 100% 400px;
    min-height: 400px;
    background: rgba(106,170,212,.8);
    width: 100%;
    color: #fff;
    padding-left: 200px;
    padding-top: 50px
}

    .provider-landing .provider-landing-catInfo__wrapper select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(assets/updown.png) no-repeat 100% #2e86bc;
        height: 30px;
        width: 200px
    }

    .provider-landing .provider-landing-catInfo__wrapper .provider-landing-container--compareBtn {
        background: #f3a53d;
        font-weight: 700;
        margin-left: 10px;
        height: 30px;
        width: 150px
    }

.provider-landing .provider-landing-catInfo__title {
    font-size: 40px;
    font-weight: 700;
    width: 50%
}

.provider-landing .provider-landing-catInfo__subtitle {
    font-weight: 700
}

.provider-landing .provider-block-cc-portal {
    background: url(assets/pay-by-creditcard.jpg) no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale')";
    color: #fff;
    padding: 50px 0
}

@media (min-width:992px) {
    .provider-landing .provider-block-cc-portal {
        padding: 100px 0
    }
}

.provider-landing .provider-block-cc-portal__dropdown {
    display: block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 50px;
    font-size: 14px;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 5px;
    line-height: 40px;
    background: url(assets/updown-white50.svg) no-repeat;
    background-size: 8% 100%;
    background-color: #facb1e;
    background-position: right;
    border: none;
    border-weight: 2px;
    border-radius: 3px
}

.provider-landing .provider-block-cc-portal__compareBtn {
    display: block;
    font-weight: 700;
    height: 50px;
    font-size: 20px
}

    .provider-landing .provider-block-cc-portal__compareBtn a {
        text-decoration: none;
        color: #fff
    }

.provider-landing .provider-block-cc-portal__title {
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center
}

.provider-landing .provider-block-cc-portal__subtitle {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px
}

.provider-landing .provider-block-know-how {
    text-align: center;
    min-height: 400px;
    background-color: #eef4f8
}

.provider-landing .provider-block-know-how__title {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 50px;
    font-weight: 600
}

.provider-landing .provider-block-know-how__menu {
    font-weight: 600;
    background-color: #eef4f8;
    border: none;
    margin: 0
}

    .provider-landing .provider-block-know-how__menu ul {
        height: 100%
    }

    .provider-landing .provider-block-know-how__menu a:focus, .provider-landing .provider-block-know-how__menu a:hover, .provider-landing .provider-block-know-how__menu .active {
        background-color: #fff !important
    }

.provider-landing .provider-block-know-how__content-wrapper {
    text-align: left;
    background-color: #fff
}

    .provider-landing .provider-block-know-how__content-wrapper a {
        color: #78aa43;
        cursor: pointer;
        font-weight: 600
    }

.provider-landing .provider-block-cc-portal__title {
    font-size: 24px
}

.provider-landing .provider-block-customer-support {
    min-height: 400px;
    background-color: #eef4f8
}

.provider-landing .provider-block-customer-support-item {
    margin-top: 30px;
    text-align: center
}

.provider-landing .provider-block-customer-support-item__title {
    padding-top: 20px;
    font-weight: 600;
    font-size: 20px
}

.provider-landing .provider-block-customer-support-item__description {
    padding: 10px 40px 0 40px;
    color: #979290
}

    .provider-landing .provider-block-customer-support-item__description a {
        color: #979290;
        font-weight: 600;
        cursor: pointer
    }

.provider-landing .provider-block-customer-support-item__icon {
    background-color: #fff;
    border-radius: 50% 50%;
    color: #3684a8;
    font-size: 60px;
    text-align: center;
    width: 70px;
    height: 70px;
    padding: 7px;
    display: inline-block
}

.provider-landing .provider-block-customer-support-form-container {
    margin-top: 30px;
    width: 100%
}

.provider-landing .provider-block-customer-support-form-container__email-input {
    resize: none;
    height: 50px;
    width: 200px;
    line-height: 42px;
    overflow: hidden;
    float: left
}

.provider-landing .provider-block-customer-support-form-container__email-submit {
    margin-left: 15px;
    font-weight: 600;
    float: left
}

.provider-landing .provider-block-customer-support-form-container__email-terms-conditions a {
    color: #78aa43;
    cursor: pointer
}

.provider-landing .provider-block-customer-support-form-container__email-terms-check {
    height: 0;
    float: left
}

.provider-landing .provider-block-customer-support-form-container__email-terms-text {
    padding-left: 10px;
    float: left;
    max-width: 300px
}

@media (max-width:992px) {
    .provider-landing-header__tile h1 {
        font-size: 24px
    }
}

.provider-details {
    background-color: #fff
}

.provider-details-mobile-select {
    background-color: #f3f2ee;
    padding-top: 20px
}

.provider-details-header {
    padding: 30px 0 20px 0;
    font-weight: bold
}

@media (min-width:992px) {
    .provider-details-header {
        padding-top: 80px
    }
}

.provider-details-header__page-name {
    font-size: 15px
}

.provider-details-header__page-title {
    font-size: 40px;
    line-height: 45px;
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width:992px) {
    .provider-details-header__page-title {
        float: left
    }
}

@media (max-width:768px) {
    .provider-details-header__page-title {
        padding-top: 0
    }
}

.provider-details-header__page-title h1 {
    font-size: 40px;
    line-height: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold
}

@media (max-width:768px) {
    .provider-details-header__page-title h1 {
        margin: 0;
        padding: 0
    }
}

@media (min-width:768px) {
    .provider-details-header__page-logo {
        margin-top: 30px
    }
}

.provider-details-header__page-logo img {
    width: 100%;
    max-width: 220px
}

@media (min-width:992px) {
    .provider-details-header__page-logo {
        float: right
    }
}

.provider-details-body__tabs {
    background: none;
    border: none;
    font-weight: normal;
    min-height: 0;
    margin: 0;
    left: 0
}

    .provider-details-body__tabs li {
        min-width: 150px
    }

@media (min-width:992px) {
    .provider-details-body__tabs li {
        margin-right: 10px
    }
}

.provider-details-body__tabs li:last-child {
    margin-right: 0
}

.provider-details-body__tabs li a {
    color: #000 !important;
    background-color: #eaeae8
}

.provider-details-body__tabs li.active {
    font-weight: bold;
    background-color: #e7e6e2
}

    .provider-details-body__tabs li.active a {
        background-color: #e7e6e2 !important
    }

@media (min-width:992px) {
    .provider-details-body__tabs .navbar-nav {
        margin: 0
    }
}

.provider-details-body__tabs-mobile {
    margin-top: 10px;
    display: block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 60px;
    font-size: 18px;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 5px;
    background: url(assets/updown-grey50.svg) no-repeat;
    background-size: 8% 100%;
    background-color: #fff;
    background-position: right;
    border-radius: 5px;
    border: 1px solid #979290;
    color: #000;
    font-weight: bold;
    overflow: hidden !important;
    text-overflow: ellipsis
}

    .provider-details-body__tabs-mobile option {
        max-width: 90%
    }

.provider-details-body__description {
    color: #454443
}

    .provider-details-body__description a {
        font-weight: bold;
        color: #78aa43
    }

.provider-details-body__description-container {
    padding: 20px 0;
    width: 100%;
    background-color: #e7e6e2
}

@media (max-width:screen-md) {
    .provider-details-body__description-container {
        background-color: #f3f2ee
    }
}

.provider-details-footer__more-about {
    padding-left: 5%;
    background-color: #eef4f8;
    width: 100%;
    min-height: 300px
}

.provider-details-footer__more-about-header {
    padding-top: 30px;
    font-size: 50px;
    text-align: center;
    font-weight: 600
}

.provider-details-footer__more-about-body {
    font-size: 15px
}

    .provider-details-footer__more-about-body a {
        color: #78aa43;
        font-weight: 600;
        cursor: pointer
    }

.provider-details-footer__faq {
    padding-left: 5%
}

.provider-details-footer__faq-header {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: 600
}

.provider-details-footer__faq-body {
    border-bottom: 2px solid #eaeae8
}

.provider-details-footer__faq-question {
    font-size: 18px;
    font-weight: 600;
    cursor: pointer
}

    .provider-details-footer__faq-question img {
        content: url(assets/down-tri-green.png);
        padding-right: 5px
    }

.provider-details-footer__related-providers {
    min-height: 400px;
    text-align: center;
    padding-top: 30px;
    width: 100%;
    background-color: #e6f1f9
}

.provider-details-recent-awards {
    text-align: center;
    padding: 25px;
    min-height: 300px
}

.provider-details-recent-awards__title {
    font-size: 30px
}

.provider-details-recent-awards-items {
    display: inline-block;
    overflow: scroll
}

.provider-details-recent-awards-item {
    text-align: left;
    float: left;
    width: 30%;
    padding: 25px
}

    .provider-details-recent-awards-item img {
        float: left;
        padding-right: 10px
    }

.provider-details-recent-awards-item__title {
    float: left;
    font-weight: 600
}

.provider-details-recent-awards-item__description {
    color: #979290
}

.provider-details-product-entries {
    text-align: center;
    padding: 25px;
    min-height: 300px
}

.provider-details-product-entries__entry {
    text-align: center;
    padding-right: 10px
}

.provider-details-product-entries__entry-name {
    font-weight: 600
}

.provider-details-product-entries__entry-description {
    color: #979290
}

.provider-details-product-cc-result {
    text-align: center
}

.provider-details-product-cc-result__result {
    font-weight: 600
}

.provider-details-product-cc-result-creditcards-header img.default {
    content: url(assets/placeholder.gif);
    width: 200px
}

.provider-details-product-cc-result-creditcards-footer {
    text-align: center
}

.provider-details-product-cc-result-creditcards-footer__CTA {
    width: 50%;
    margin: auto
}

.provider-details-header__page-name, .provider-details-header__provider-dropdown-container {
    width: 49.5%;
    display: block;
    vertical-align: middle
}

@media (max-width:768px) {
    .provider-details-header__page-name, .provider-details-header__provider-dropdown-container {
        width: 100%
    }
}

@media (min-width:768px) {
    .provider-details-header__page-name {
        height: 41px;
        line-height: 41px
    }

    .provider-details-header__provider-dropdown-container {
        float: right
    }
}

.provider-details-header .dropdown-box {
    float: right;
    position: relative
}

@media (max-width:768px) {
    .provider-details-header .dropdown-box {
        width: 100%
    }
}

@media (min-width:768px) {
    .provider-details-header .dropdown-box.mobile {
        display: none
    }
}

.provider-details-header .dropdown-box.desktop {
    display: none
}

@media (min-width:768px) {
    .provider-details-header .dropdown-box.desktop {
        display: block
    }
}

.provider-details-header .dropdown-box .dropdown-btn {
    width: 200px;
    padding: 10px 12px;
    border: 1px solid #cccbc8;
    border-radius: 4px;
    font-size: 14px;
    color: #cccbc8;
    background-color: #fff;
    position: relative;
    cursor: pointer
}

@media (max-width:768px) {
    .provider-details-header .dropdown-box .dropdown-btn {
        width: 100%;
        margin-bottom: 30px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(assets/updown-grey50.svg) no-repeat;
        background-size: 10% 50%;
        background-position: right
    }
}

.provider-details-header .dropdown-box .dropdown-btn i.m-cgg-icon--uniE00A {
    position: absolute;
    right: 10px;
    font-size: 20px;
    color: #000
}

@media (max-width:768px) {
    .provider-details-header .dropdown-box .dropdown-btn i.m-cgg-icon--uniE00A {
        display: none
    }
}

.provider-details-header .dropdown-box .dropdown-btn * {
    pointer-events: none
}

.provider-details-header .dropdown-box .provider-dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 95%;
    width: 100%;
    height: 140px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
    overflow-y: scroll;
    display: none
}

    .provider-details-header .dropdown-box .provider-dropdown.active {
        display: block
    }

    .provider-details-header .dropdown-box .provider-dropdown li.dropdown-item {
        width: 100%;
        font-size: 14px;
        border-bottom: 1px solid #ccc
    }

        .provider-details-header .dropdown-box .provider-dropdown li.dropdown-item a.dropdown-link {
            padding: 10px 12px;
            display: block;
            transition: none;
            -o-transition: none;
            -ms-transition: none;
            -moz-transition: none;
            -webkit-transition: none
        }

            .provider-details-header .dropdown-box .provider-dropdown li.dropdown-item a.dropdown-link:hover, .provider-details-header .dropdown-box .provider-dropdown li.dropdown-item a.dropdown-link:focus, .provider-details-header .dropdown-box .provider-dropdown li.dropdown-item a.dropdown-link:visited {
                text-decoration: none;
                transition: none;
                -o-transition: none;
                -ms-transition: none;
                -moz-transition: none;
                -webkit-transition: none
            }

        .provider-details-header .dropdown-box .provider-dropdown li.dropdown-item:not(.current) a.dropdown-link {
            color: #555;
            background-color: #fff
        }

            .provider-details-header .dropdown-box .provider-dropdown li.dropdown-item:not(.current) a.dropdown-link:hover {
                color: #fff;
                background-color: #2e86bc
            }

        .provider-details-header .dropdown-box .provider-dropdown li.dropdown-item.current a.dropdown-link {
            color: #fff;
            background-color: #056f9d;
            cursor: default
        }

.provider-block-product-contents__content {
    background-size: 100% 400px
}

.provider-block-product-contents__content-features {
    background: #007ca2 url(assets/sunglasses.jpg) bottom no-repeat;
    background-size: 100% auto;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale')";
    color: #fff;
    padding: 50px 0
}

@media (min-width:992px) {
    .provider-block-product-contents__content-features {
        padding: 100px 0
    }
}

.provider-block-product-contents__content-features-header {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px
}

.provider-block-product-contents__content-features .bullets {
    font-size: 18px
}

    .provider-block-product-contents__content-features .bullets ul {
        padding: 0
    }

    .provider-block-product-contents__content-features .bullets li {
        position: relative;
        padding-left: 35px;
        margin-top: 10px
    }

        .provider-block-product-contents__content-features .bullets li span {
            position: absolute;
            color: #78aa43;
            left: -6px;
            top: -6px;
            font-size: 33px
        }

.provider-block-product-contents__content-features .read-more {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    cursor: pointer
}

.provider-block-product-contents .provider-block-cc-portal {
    background: #fff;
    color: #312f2e
}

.provider-block-product-contents .provider-block-cc-portal__dropdown {
    border: 1px solid #cccac7;
    background-size: 8% 100% !important;
    background-color: #fff;
    background-position: right !important;
    background: url(assets/updown-grey50.svg) no-repeat
}

.provider-block-product-contents__search-no-result {
    background: #f3f2ee;
    padding-top: 20px;
    padding-bottom: 20px
}

.provider-block-product-contents__search-no-result-block {
    text-align: left;
    background: #fff;
    box-shadow: 2px 1px 1px #e7e6e2
}

    .provider-block-product-contents__search-no-result-block img {
        padding: 5%
    }

@media (max-width:screen-md) {
    .provider-block-product-contents__search-no-result-block img {
        width: 100%
    }
}

.provider-block-product-contents__search-no-result-block span {
    padding: 10px
}

@media (min-width:480px) {
    .provider-block-product-contents__search-no-result-block span:last-child {
        margin-top: 5%
    }
}

.provider-block-product-contents__search-result .cgg-results__widget-result {
    background: #eaeae8
}

    .provider-block-product-contents__search-result .cgg-results__widget-result .cgg-results__results-main-menu, .provider-block-product-contents__search-result .cgg-results__widget-result .cgg-results__results-summary {
        display: none !important
    }

.provider-block-product-contents .provider-block-product-contents__telco-result .cgg-filter-panel__textContainer-group {
    display: none
}

@media (max-width:screen-md) {
    .provider-block-product-contents__content-features-header {
        font-size: 29px
    }

    .provider-block-product-contents__content-features .bullets {
        font-size: 16px;
        clear: both
    }
}

.provider-block-more-about {
    padding: 50px 0;
    background-color: #eef4f8
}

@media (min-width:992px) {
    .provider-block-more-about {
        padding: 100px 0
    }
}

.provider-block-more-about__header {
    font-size: 50px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .provider-block-more-about__header {
        margin-bottom: 40px
    }
}

.provider-block-more-about__body {
    font-size: 15px
}

@media (min-width:769px) {
    .provider-block-more-about__body {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.provider-block-more-about__body a {
    color: #78aa43;
    font-weight: 600;
    cursor: pointer
}

@media (max-width:992px) {
    .provider-block-more-about__header {
        font-size: 24px
    }
}

.provider-block-faq {
    background-color: #fff;
    border-bottom: solid 1px #e7e6e2;
    padding: 50px 0
}

@media (min-width:992px) {
    .provider-block-faq {
        padding: 100px 0
    }
}

.provider-block-faq__header {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 20px
}

.provider-block-related-providers {
    text-align: center;
    padding: 50px 0;
    width: 100%;
    background-color: #e6f1f9
}

@media (min-width:992px) {
    .provider-block-related-providers {
        padding: 100px 0
    }
}

.provider-block-related-providers__header {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: center
}

.provider-block-related-providers__all-provider-btn a {
    display: inline
}

@media (min-width:992px) {
    .provider-block-related-providers__all-provider-btn a {
        width: 20%
    }
}

.provider-block-recent-awards {
    text-align: center;
    min-height: 300px;
    padding: 40px 0
}

@media (min-width:992px) {
    .provider-block-recent-awards {
        padding: 70px 0
    }
}

.provider-block-recent-awards__title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px
}

.provider-block-recent-awards-items {
    overflow: scroll
}

.provider-block-recent-awards-item {
    text-align: left;
    padding: 25px;
    min-height: 130px
}

    .provider-block-recent-awards-item img {
        float: left;
        padding-right: 10px;
        width: 100px
    }

.provider-block-recent-awards-item__title {
    font-weight: 600;
    margin-left: 110px
}

.provider-block-recent-awards-item__description {
    color: #979290;
    margin-left: 110px
}

.provider-block-product-entries {
    background-color: #fff;
    text-align: center;
    padding: 50px 0;
    min-height: 300px
}

@media (min-width:992px) {
    .provider-block-product-entries {
        padding: 100px 0
    }
}

.provider-block-product-entries__entries {
    padding-top: 30px
}

.provider-block-product-entries__entry {
    text-align: center;
    padding-right: 10px
}

.provider-block-product-entries__entry-cc {
    content: url(assets/provider-details/creditcards.svg)
}

.provider-block-product-entries__entry-pl {
    content: url(assets/provider-details/personalloans.svg)
}

.provider-block-product-entries__entry-mt {
    content: url(assets/provider-details/mortgage.svg)
}

.provider-block-product-entries__entry-ins {
    content: url(assets/provider-details/insurance.svg)
}

.provider-block-product-entries__entry-name {
    font-weight: 600
}

.provider-block-product-entries__entry-description {
    color: #979290
}

.provider-block-product-entries__title {
    font-size: 30px;
    font-weight: bold
}

.row-centered {
    text-align: center
}

.col-centered {
    vertical-align: top;
    display: inline-block;
    float: none;
    text-align: center;
    margin-right: -4px
}

.provider-block-cc-result {
    background-color: #f3f2ee;
    color: #000;
    padding-bottom: 20px
}

.provider-block-cc-result__header {
    padding-top: 20px;
    font-size: 18px
}

.provider-block-cc-result__result {
    font-weight: 600
}

.provider-block-cc-result__sorting {
    float: right
}

    .provider-block-cc-result__sorting .title {
        display: inline-block
    }

    .provider-block-cc-result__sorting .options {
        display: inline-block;
        color: #979290
    }

    .provider-block-cc-result__sorting select {
        appearance: none;
        border: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: #fff;
        font-weight: 600;
        min-width: 200px;
        background: url(assets/updown-grey50.svg) no-repeat;
        background-size: 15% 100%;
        background-position: right
    }

.provider-block-cc-result-creditcards-footer {
    text-align: center
}

.provider-block-cc-result-creditcards-footer__CTA {
    width: 50%;
    margin: auto
}

.provider-block-result-creditcard {
    border: 2px solid #eaeae8;
    margin-top: 20px;
    text-align: center;
    padding: 5%
}

.provider-block-result-creditcard-header {
    font-weight: 600
}

    .provider-block-result-creditcard-header img.default {
        content: url(assets/error-placeholder.png);
        width: 200px
    }

.provider-block-result-creditcard__image img {
    width: 100%;
    height: 200px
}

.provider-block-result-creditcard-body {
    padding-top: 10px;
    text-align: left
}

.provider-block-result-creditcard-body__title {
    font-weight: 600
}

.provider-block-result-creditcard-body__description {
    color: #979290
}

.provider-block-result-creditcard-body__approving-rating {
    margin-top: 15px
}

.provider-block-result-creditcard-body__approving-rating-title {
    display: block
}

.provider-block-result-creditcard-body__approving-rating-text {
    float: left;
    font-weight: 600
}

.provider-block-result-creditcard-body__approving-rating-value {
    float: right;
    color: #979290
}

.provider-block-result-creditcard-body__approving-rating-graph {
    clear: both;
    display: block;
    width: 100%;
    padding-top: 10px
}

.provider-block-result-creditcard-body__approving-rating-graph-table .column {
    float: left;
    width: 18%;
    height: 5px;
    background: #e7e6e2;
    margin-right: 2%
}

    .provider-block-result-creditcard-body__approving-rating-graph-table .column.active {
        background: #78aa43
    }

.provider-block-result-creditcard-body-columns {
    padding-top: 20px;
    font-weight: 600;
    border-bottom: 2px solid #e7e6e2
}

    .provider-block-result-creditcard-body-columns td {
        border: none !important;
        padding: 20px 0 0 0 !important
    }

.provider-block-result-creditcard-body-columns__name {
    text-align: left
}

.provider-block-result-creditcard-body-columns__value {
    text-align: right
}

.provider-block-result-creditcard-body-columns__extra {
    text-align: right;
    font-weight: normal;
    font-size: 80%;
    color: #979290
}

.provider-block-result-creditcard-footer {
    padding-top: 10px;
    padding-bottom: 10px
}

.provider-block-result-creditcard-footer__CTA:disabled {
    cursor: not-allowed;
    opacity: .55;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.provider-block-result-creditcard-footer__CTA i {
    position: relative !important;
    top: 0;
    color: #f08227;
    width: 25px;
    height: 25px
}

.provider-block-result-creditcard-footer__call {
    color: #f08227;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px
}

.provider-block-result-creditcard-footer__last-apply-info {
    font-size: 90%
}

.provider-block-cc-portal {
    background: url(assets/pay-by-creditcard.jpg) no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale')";
    color: #fff;
    padding: 50px 0
}

@media (min-width:992px) {
    .provider-block-cc-portal {
        padding: 100px 0
    }
}

.provider-block-cc-portal__dropdown {
    display: block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 50px;
    font-size: 14px;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 5px;
    line-height: 40px;
    background: url(assets/updown-white50.svg) no-repeat;
    background-size: 8% 100%;
    background-color: #facb1e;
    background-position: right;
    border: none;
    border-weight: 2px;
    border-radius: 3px
}

.provider-block-cc-portal__compareBtn {
    display: block;
    font-weight: 700;
    height: 50px;
    font-size: 20px
}

    .provider-block-cc-portal__compareBtn a {
        text-decoration: none;
        color: #fff
    }

.provider-block-cc-portal__title {
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center
}

.provider-block-cc-portal__subtitle {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px
}

.provider-block-know-how {
    text-align: center;
    min-height: 400px;
    background-color: #eef4f8
}

.provider-block-know-how__title {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 50px;
    font-weight: 600
}

.provider-block-know-how__menu {
    font-weight: 600;
    background-color: #eef4f8;
    border: none;
    margin: 0
}

    .provider-block-know-how__menu ul {
        height: 100%
    }

    .provider-block-know-how__menu a:focus, .provider-block-know-how__menu a:hover, .provider-block-know-how__menu .active {
        background-color: #fff !important
    }

.provider-block-know-how__content-wrapper {
    text-align: left;
    background-color: #fff
}

    .provider-block-know-how__content-wrapper a {
        color: #78aa43;
        cursor: pointer;
        font-weight: 600
    }

.provider-block-cc-portal__title {
    font-size: 24px
}

.press__details_address {
    margin-bottom: 0
}

.signup-bar-widget {
    width: 100%;
    color: #fff;
    background: linear-gradient(to bottom,#194d6c,#0b263a);
    background: -o-linear-gradient(bottom,#194d6c,#0b263a);
    background: -moz-linear-gradient(bottom,#194d6c,#0b263a);
    background: -webkit-linear-gradient(top,#194d6c,#0b263a)
}

@media (min-width:992px) {
    .signup-bar-widget .container {
        display: flex;
        align-items: stretch
    }
}

.signup-bar-widget .container .signup-bar-content-container {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-content-container {
        margin-bottom: 28px
    }
}

.signup-bar-widget .container .signup-bar-content-container h2.signup-bar-title {
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    margin: 22px 0
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-content-container h2.signup-bar-title {
        margin-bottom: 10px
    }
}

@media (min-width:1200px) {
    .signup-bar-widget .container .signup-bar-content-container h2.signup-bar-title {
        font-size: 45px
    }
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-promise > ul {
    list-style: none;
    margin: 0;
    margin-bottom: 22px;
    padding: 0
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-content-container .signup-bar-promise > ul {
        margin-bottom: 15px
    }
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-promise > ul li.promise-item {
    font-size: 19px;
    line-height: 35px
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-content-container .signup-bar-promise > ul li.promise-item {
        font-size: 15px;
        line-height: 35px;
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-right: 10px
    }
}

@media (min-width:1200px) {
    .signup-bar-widget .container .signup-bar-content-container .signup-bar-promise > ul li.promise-item {
        font-size: 20px
    }
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-promise > ul li.promise-item > i.m-cgg-icon--ciab-tick {
    color: #73a645;
    font-size: 29px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button {
    width: 100%
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-content-container .signup-bar-button {
        display: flex
    }
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 9px 15px;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    border-radius: 3px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup {
        width: 270px;
        padding: 5px 10px;
        font-size: 14px
    }
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login:hover, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login:active, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login:focus, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup:hover, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup:active, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup:focus {
    text-decoration: none
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login:hover, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup:hover {
    margin-top: 2px;
    margin-bottom: 13px
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login i.m-cgg, .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup i.m-cgg {
    display: inline-flex;
    vertical-align: middle;
    justify-content: space-around;
    align-items: center;
    width: 32px;
    height: 32px
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login {
    background: #3e5a98;
    box-shadow: 0 4px 0 0 #334a8c
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login {
        margin-right: 10px
    }
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login:hover {
    box-shadow: 0 2px 0 0 #334a8c
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button .facebook-login i.m-cgg.m-cgg-icon--fb {
    font-size: 32px
}

.signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup {
    background: #77aa43;
    box-shadow: 0 4px 0 0 #56924b
}

    .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup:hover {
        box-shadow: 0 2px 0 0 #56924b
    }

    .signup-bar-widget .container .signup-bar-content-container .signup-bar-button .email-signup i.m-cgg.m-cgg-icon--email {
        font-size: 19px
    }

.signup-bar-widget .container .signup-bar-content-container .signup-bar-disclaimer p.disclaimer-content {
    margin: 0
}

    .signup-bar-widget .container .signup-bar-content-container .signup-bar-disclaimer p.disclaimer-content > a {
        font-weight: bold;
        color: #77aa43
    }

.signup-bar-widget .container .signup-bar-background {
    position: relative;
    text-align: center
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-background {
        text-align: initial
    }
}

.signup-bar-widget .container .signup-bar-background > img.background-computer {
    width: 180px
}

@media (min-width:992px) {
    .signup-bar-widget .container .signup-bar-background > img.background-computer {
        width: 200px;
        position: absolute;
        bottom: 10px
    }
}

@media (min-width:1200px) {
    .signup-bar-widget .container .signup-bar-background > img.background-computer {
        width: 230px
    }
}

.static__header-container {
    background: #e3e3e3;
    padding: 0 15px
}

.static__header-container__inner {
    max-width: 1036px;
    margin: 0 auto;
    padding: 2em 0
}

    .static__header-container__inner h1 {
        margin-bottom: 0;
        margin-top: 0;
        line-height: 30px;
        font-size: 21px;
        font-weight: bold
    }

.static__content-container {
    background-color: #f2f2f2;
    padding: 0 15px
}

.static__content-container__inner {
    max-width: 1036px;
    padding: 20px 0 40px 0;
    margin: 0 auto
}

    .static__content-container__inner .table-container table {
        background: #fff;
        margin-bottom: 1em
    }

        .static__content-container__inner .table-container table th {
            background: #156c9a;
            color: #fff;
            font-weight: bold;
            text-align: left
        }

        .static__content-container__inner .table-container table th, .static__content-container__inner .table-container table td {
            border: 1px solid #000;
            padding: 4px
        }

        .static__content-container__inner .table-container table.mid-table {
            width: 50%;
            margin-left: auto;
            margin-right: auto
        }

    .static__content-container__inner .table-container .car-price-table th:first-child {
        background: #fff;
        width: 28%;
        text-decoration: underline;
        text-align: left;
        color: #000
    }

    .static__content-container__inner .table-container .car-price-table td {
        padding: 3px;
        text-align: right
    }

        .static__content-container__inner .table-container .car-price-table td:first-child {
            background: #edebec;
            width: 25%;
            text-align: center
        }

    .static__content-container__inner .table-container .car-price-table tr:nth-child(2) td:first-child, .static__content-container__inner .table-container .car-price-table tr:nth-child(8) td:first-child {
        background: #72a748;
        color: #fff;
        font-weight: bold
    }

    .static__content-container__inner .table-container .car-price-table tr:nth-child(10) td:first-child {
        background: gray;
        line-height: 0
    }

    .static__content-container__inner .table-container .car-price-table tr:nth-child(14) {
        background: #ecaf50;
        font-weight: bold
    }

        .static__content-container__inner .table-container .car-price-table tr:nth-child(14) td:first-child {
            background: #e58f0b
        }

.site-map div {
    padding-left: 30px;
    font-weight: 600;
    font-size: 16px;
    color: #0e6f9a;
    line-height: 25px
}

.site-map > div {
    margin-bottom: 10px
}

.site-map div::before {
    content: "● "
}

.site-map > div > div::before {
    color: green
}

.site-map > div > div > div::before {
    color: #ffa500
}

.site-map > div > div > div > div::before {
    color: purple
}

.site-map > div > div > div > div > div::before {
    color: #d3d3d3
}

#guides-overall .guide-secondary-title {
    color: #6fad42;
    font-size: 18px;
    font-weight: bold
}

#guides-overall .guide-secondary-description {
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 40px
}

#guides-overall .guide-icon {
    background-color: #fff;
    border-radius: 50% 50%;
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    margin: auto auto 20px auto
}

    #guides-overall .guide-icon img {
        width: 50%;
        height: 50%
    }

#guides-overall .guide-sub-description {
    font-size: 14px;
    line-height: 20px;
    margin: auto;
    text-align: center;
    min-height: 120px
}

.query-form {
    background-color: #056f9d;
    color: #fafafa;
    padding: 50px 0
}

@media (min-width:992px) {
    .query-form {
        padding: 100px 0
    }
}

.query-form__header {
    font-weight: 600
}

.query-form__title {
    font-size: 45px
}

.query-form__description {
    font-size: 15px
}

.query-form__email {
    margin-top: 10px
}

.query-form__body {
    padding-top: 20px
}

    .query-form__body input[type="radio"] {
        background: transparent
    }

    .query-form__body textarea {
        resize: none;
        font-weight: normal;
        padding: 10px;
        min-height: 180px;
        text-align: left;
        vertical-align: top;
        width: 100%;
        max-height: 250px;
        background-color: #2681b5;
        color: #9cc7e8;
        border: none
    }

        .query-form__body textarea::-webkit-input-placeholder {
            color: #9cc7e8
        }

    .query-form__body p {
        font-weight: 600
    }

    .query-form__body input[type="email"] {
        padding: 10px;
        display: block;
        width: 100%;
        background-color: #2681b5;
        color: #9cc7e8;
        height: 50px;
        border: none
    }

        .query-form__body input[type="email"]::-webkit-input-placeholder {
            color: #9cc7e8
        }

@media (min-width:992px) {
    .query-form__body input[type="email"]::-webkit-input-placeholder {
        margin-right: 15px
    }
}

.query-form__checkbox-container {
    clear: left
}

    .query-form__checkbox-container a {
        color: #78aa43;
        font-weight: 600
    }

    .query-form__checkbox-container .has-error label {
        color: #fafafa
    }

.query-form__tandc {
    margin: 10px 0
}

    .query-form__tandc .ciab-checkbox__lbl {
        padding-left: 0;
        width: 100%
    }

.query-form__success_text {
    color: #fafafa
}

.query-form__checkbox__lbl {
    padding-left: 10px !important;
    color: #fafafa !important;
    display: inline
}

.query-form .has-error .query-form__input {
    border-color: #ff533f !important;
    box-shadow: inset 0 0 0 1px #ff533f !important
}

.query-form .ciab-btn {
    display: inline-block;
    margin: 15px 0;
    width: 100%;
    color: #fafafa;
    box-shadow: 0 5px #618840
}

@media (min-width:992px) {
    .query-form .ciab-btn {
        float: right;
        margin: 0;
        height: 45px
    }
}

.blog-feed {
    background: #fff;
    padding-top: 0;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .blog-feed {
        padding: 50px 0 0
    }
}

.blogs-container {
    margin-top: 20px;
    margin-bottom: 0;
    height: 100%;
    overflow: hidden
}

@media (min-width:992px) {
    .blogs-container {
        margin: 20px 0
    }
}

.blog-block {
    margin-bottom: 15px;
    height: 250px
}

@media (min-width:992px) {
    .blog-block {
        margin-bottom: 30px;
        height: 280px
    }
}

.blog-feed__header {
    font-weight: 700;
    text-align: center
}

@media (min-width:992px) {
    .blog-feed__header {
        font-size: 42px;
        line-height: 46px;
        margin-top: 0;
        margin-bottom: 5px
    }
}

.blog-feed__text {
    text-align: center
}

@media (min-width:992px) {
    .blog-feed__text {
        font-size: 20px;
        line-height: 30px
    }
}

.blog-feed__text-footer {
    position: relative;
    text-align: center
}

@media (min-width:992px) {
    .blog-feed__text-footer {
        font-size: 20px;
        top: -40px
    }
}

.blog-feed__link:hover {
    text-decoration: none
}

.blog-feed__default-image {
    height: 68px;
    width: 100%;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .blog-feed__default-image {
        height: 110px;
        margin-bottom: 22px
    }
}

.blog-feed__image {
    width: 100%
}

.blog-feed__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #312f2e;
    height: 60px;
    overflow: hidden;
    margin-top: 12px
}

@media (min-width:992px) {
    .blog-feed__title {
        font-size: 17px;
        height: 40px
    }
}

.blog-feed__description {
    font-size: 13px;
    line-height: 18px;
    color: #979290;
    height: 90px;
    overflow: hidden
}

.cgg-breadcrumbs-nav.cgg-breadcrumbs-static-page.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme {
    padding-left: 15px
}

    .cgg-breadcrumbs-nav.cgg-breadcrumbs-static-page.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-element a, .cgg-breadcrumbs-nav.cgg-breadcrumbs-static-page.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-element span {
        color: #979290
    }

@media (max-width:480px) {
    .cgg-breadcrumbs-nav.cgg-breadcrumbs-static-page.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-element a, .cgg-breadcrumbs-nav.cgg-breadcrumbs-static-page.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-element span {
        color: #fff
    }
}

.cgg-breadcrumbs-nav.cgg-breadcrumbs-static-page.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-separator:before {
    color: #979290
}

@media (max-width:480px) {
    .cgg-breadcrumbs-nav.cgg-breadcrumbs-static-page.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-separator:before {
        color: #fff
    }
}

.cgg-breadcrumbs-nav.cgg-breadcrumbs-static-page.cgg-breadcrumbs-grey-theme + .static__header-container {
    padding-top: 40px
}

.cgg-breadcrumbs-nav.cgg-breadcrumbs-padding-top.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-element a, .cgg-breadcrumbs-nav.cgg-breadcrumbs-padding-top.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-element span {
    color: #979290
}

@media (max-width:480px) {
    .cgg-breadcrumbs-nav.cgg-breadcrumbs-padding-top.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-element a, .cgg-breadcrumbs-nav.cgg-breadcrumbs-padding-top.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-element span {
        color: #979290
    }
}

.cgg-breadcrumbs-nav.cgg-breadcrumbs-padding-top.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-separator:before {
    color: #979290;
    color: #979290
}

@media (max-width:480px) {
    .cgg-breadcrumbs-nav {
        padding: 0
    }

        .cgg-breadcrumbs-nav .m-cgg-icon--chevron-right {
            margin-left: 0
        }

        .cgg-breadcrumbs-nav.cgg-breadcrumbs-landing-page {
            margin: -30px -15px 15px -15px;
            padding: 2px 15px;
            background-color: #076b9c;
            color: #fff;
            display: block
        }
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner {
    list-style: none
}

    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-static-page {
        position: relative;
        height: 0;
        top: 30px
    }

        .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-static-page + .static__header-container, .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-static-page + #guides-overall > .static__header-container {
            padding-top: 40px
        }

        .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-static-page + #faq, .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-static-page + #sitemap {
            padding-top: 80px
        }

@media (max-width:480px) {
    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-static-page {
        position: static;
        height: auto;
        margin-top: 10px;
        background: #076b9c;
        color: #fff;
        margin: 0;
        padding: 3px 15px
    }
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-landing-page {
    position: relative;
    padding-left: 0;
    height: 0;
    top: -45px
}

@media (max-width:992px) {
    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-landing-page {
        height: auto;
        display: block;
        position: static;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-learning-center {
    position: relative;
    margin: 0;
    padding: 0;
    top: 10px
}

    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-learning-center a, .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-learning-center span.cgg-breadcrumbs-separator {
        color: #fff
    }

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-padding-top {
    padding-top: 20px
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-margin-bottom {
    margin-bottom: 50px
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-grey-theme {
    padding-left: 0
}

@media (max-width:480px) {
    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-grey-theme li {
        color: #979290
    }
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-grey-theme a {
    color: #979290;
    font-weight: normal
}

@media (max-width:480px) {
    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-grey-theme {
        padding-left: 15px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-grey-theme .last {
            color: #fff
        }
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-grey-theme .last {
    color: #979290
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-grey-theme .cgg-breadcrumbs-separator:before {
    color: #979290
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner.cgg-breadcrumbs-white-background {
    background-color: #fff
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .cgg-breadcrumbs-element {
    display: inline-block
}

    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .cgg-breadcrumbs-element a, .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .cgg-breadcrumbs-element span {
        color: #fff
    }

@media (max-width:480px) {
    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .cgg-breadcrumbs-element a, .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .cgg-breadcrumbs-element span {
        font-size: 12px;
        color: #fff
    }
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .cgg-breadcrumbs-separator {
    display: inline-block
}

    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .cgg-breadcrumbs-separator:before {
        opacity: .5
    }

@media (max-width:480px) {
    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .cgg-breadcrumbs-separator:before {
        color: #fff;
        font-size: 10px
    }
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner .last {
    color: #fff
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner a {
    color: #78aa43
}

@media (max-width:480px) {
    .cgg-breadcrumbs-nav .cgg-breadcrumbs-inner a {
        color: #fff;
        font-weight: normal
    }
}

.cgg-breadcrumbs-nav .cgg-breadcrumbs-inner span.cgg-breadcrumbs-separator {
    color: #fff;
    font-size: 12px
}

.related-links h3 {
    font-size: 21px
}

.related-links > ul {
    padding-left: 30px
}

    .related-links > ul > li {
        margin-bottom: 10px
    }

        .related-links > ul > li > a {
            color: #77aa43;
            font-size: 15px;
            font-weight: 800
        }

.related-links.faq-sidebar, .related-links.guide-sidebar, .related-links.accordion-sidebar {
    margin: 30px 0 0 0
}

    .related-links.faq-sidebar h3, .related-links.guide-sidebar h3, .related-links.accordion-sidebar h3 {
        height: 60px
    }

.related-links.glossary-sidebar, .related-links.listview-sidebar {
    margin: 0
}

    .related-links.glossary-sidebar h3, .related-links.listview-sidebar h3 {
        margin: 0;
        height: 33px
    }

    .related-links.glossary-sidebar > ul > li, .related-links.listview-sidebar > ul > li {
        margin-bottom: 5px
    }

.related-links.accordion-2-sidebar {
    margin: 17px 0 0 0
}

    .related-links.accordion-2-sidebar h3 {
        height: 30px;
        margin-top: 0
    }

.related-links.accordion-3-sidebar h3 {
    height: 30px;
    margin-top: 0
}

.static__content-container__inner.row > .col-md-9 {
    padding-left: 0
}

.static__content-container__inner.row > .col-md-3 {
    padding-right: 0
}

.free-text {
    background-color: #fff
}

    .free-text .container .row {
        font-size: 16px;
        padding: 50px 0
    }

        .free-text .container .row h1, .free-text .container .row h2, .free-text .container .row h3, .free-text .container .row h4, .free-text .container .row h5 {
            font-weight: bold
        }

        .free-text .container .row h1 {
            font-size: 32px
        }

@media (min-width:992px) {
    .free-text .container .row h1 {
        font-size: 64px
    }
}

.free-text .container .row h2 {
    font-size: 26px
}

@media (min-width:992px) {
    .free-text .container .row h2 {
        font-size: 45px
    }
}

.free-text .container .row h3 {
    font-size: 20px
}

@media (min-width:992px) {
    .free-text .container .row h3 {
        font-size: 32px
    }
}

.free-text .container .row h4 {
    font-size: 16px
}

@media (min-width:992px) {
    .free-text .container .row h4 {
        font-size: 23px
    }
}

.free-text .container .row h5 {
    font-size: 12px
}

@media (min-width:992px) {
    .free-text .container .row h5 {
        font-size: 16px
    }
}

.free-text .container .row p {
    font-size: 12px
}

@media (min-width:992px) {
    .free-text .container .row p {
        font-size: 16px
    }

    .funnel-button__container {
        border-radius: 8px;
        background-color: #f3f2ee;
        padding: 25px
    }
}

.funnel-button__description {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .funnel-button__description {
        font-size: 18px
    }
}

.funnel-button__selectinput {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    padding: 13px 0 12px 20px;
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(assets/updown-grey50.svg) no-repeat right center;
    background-size: 10% 50%;
    border: 1px solid #cccbc8;
    border-bottom: none;
    box-shadow: #cccbc8 0 5px 0 0;
    border-radius: 3px;
    font-size: 18px;
    vertical-align: top;
    outline: none
}

@media (min-width:992px) {
    .funnel-button__selectinput {
        margin-bottom: 0;
        width: 54%;
        font-size: 16px
    }
}

.funnel-button__selectinput.has-error {
    border: 1px solid #c90006;
    box-shadow: #c90006 0 5px 0
}

.funnel-button__form a.ciab-btn.hide {
    display: none
}

.funnel-button__formsubmit {
    font-size: 20px !important;
    width: 100%;
    display: inline-block
}

@media (min-width:992px) {
    .funnel-button__formsubmit {
        width: 45%
    }
}

.whiteMenu.header__mobileHeader {
    background-color: #fff
}

    .whiteMenu.header__mobileHeader .header__mobileMenuBtnCol .header__mobileMenuBtn {
        color: #cccbc8
    }

.whiteMenu .header__mobileHeader {
    background-color: #fff
}

    .whiteMenu .header__mobileHeader .header__mobileMenuBtnCol .header__mobileMenuBtn {
        color: #cccbc8
    }

.whiteMenu.userlogin-menu .header__mobileHeader {
    border-bottom: 5px solid #fff;
    padding: 2vw 15px 0;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

.whiteMenu.userlogin-menu .header__mobileMenuBtnCol .header__mobileMenuBtn {
    color: #cccbc8
}

.whiteMenu.credit-cards-landing .hero-carousel__item__header {
    color: #fff
}

.whiteMenu.credit-cards-landing .hero-carousel_item {
    background-color: #076b9c
}

.whiteMenu.credit-cards-landing .funnel-button__container {
    border-top: 2px solid #2e86bc;
    padding-top: 15px
}

.whiteMenu.credit-cards-landing .funnel-button__description {
    font-size: 19px;
    color: #fff
}

@media (min-width:992px) {
    .whiteMenu.credit-cards-landing .funnel-button__description {
        color: #312f2e
    }
}

.resultPage .whiteMenu.header__mobileHeader {
    background-color: #056f9d
}

    .resultPage .whiteMenu.header__mobileHeader .header__mobileMenuBtnCol .header__mobileMenuBtn {
        color: #fff
    }

    .resultPage .whiteMenu.header__mobileHeader .header__mobileLogo.whiteLogo {
        display: block
    }

    .resultPage .whiteMenu.header__mobileHeader .header__mobileLogo:not(.whiteLogo) {
        display: none
    }

.credit-cards-landing .hero-carousel_item {
    background-color: #e7e6e2;
    border-bottom: none
}

@media (min-width:992px) {
    .credit-cards-landing .hero-carousel_item {
        background-color: #056f9d;
        border-bottom: 20px solid #175072
    }
}

.credit-cards-landing .hero-carousel__item__header {
    color: #312f2e
}

@media (min-width:992px) {
    .credit-cards-landing .hero-carousel__item__header {
        color: #fff
    }
}

.credit-cards-landing .hero-carousel__item-button-between-message {
    color: #312f2e;
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .credit-cards-landing .hero-carousel__item-button-between-message {
        color: #fff
    }
}

@media (max-width:480px) {
    .broadband-landing .cgg-breadcrumbs-override.cgg-breadcrumbs-override {
        margin-left: -15px;
        margin-right: -15px
    }
}

.broadband-landing .form-container {
    margin-bottom: 10px
}

.broadband-landing .has-error .broadband-error-message {
    display: block;
    background: #c90000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 0;
    font-weight: normal;
    font-size: .9em
}

.broadband-landing .broadband-error-message {
    display: none
}

.broadband-landing .hero-carousel__item__details_header {
    font-size: 1.35em
}

.broadband-landing .hero-carousel__item__details__list li:first-child {
    width: 82%;
    overflow: hidden
}

.broadband-landing .hero-carousel_item {
    position: relative
}

@media (max-width:767px) {
    .broadband-landing .hero-carousel_item {
        background-color: transparent
    }
}

.broadband-landing .hero-carousel_item .container-fluid {
    background-image: url(assets/broadband-feature-image.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-left: 40px;
    padding-right: 40px
}

@media (max-width:1240px) {
    .broadband-landing .hero-carousel_item .container-fluid {
        background-position: -219px 100%
    }
}

@media (max-width:767px) {
    .broadband-landing .hero-carousel_item .container-fluid {
        background-image: none;
        padding: 0 15px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .broadband-landing .hero-carousel_item .container-fluid {
        background-image: none
    }
}

.broadband-landing .hero-carousel__item__row .tag {
    top: 0
}

.broadband-landing .hero-carousel__item__row .right-side-banner-text {
    position: relative;
    top: -20px
}

.broadband-landing .hero-carousel__item__details {
    width: 100%
}

@media (max-width:1240px) {
    .broadband-landing .hero-carousel__item__details {
        padding: 2.5em 2.2em
    }

    .broadband-landing .hero-carousel__item__badge {
        width: 140px;
        height: 140px
    }

        .broadband-landing .hero-carousel__item__badge .hero-carousel__item__badge__wrapper {
            padding-top: 20px
        }
}

.broadband-landing .tag {
    position: absolute;
    top: 184px;
    left: 0;
    color: #fff;
    font-weight: bold
}

    .broadband-landing .tag .tag-shape__triangle {
        width: 0;
        height: 0;
        border-top: 170px solid #77aa43;
        border-right: 170px solid transparent
    }

@media (max-width:1330px) {
    .broadband-landing .tag .tag-shape__triangle {
        border-top-width: 140px;
        border-right-width: 140px
    }
}

@media (max-width:1260px) {
    .broadband-landing .tag .tag-shape__triangle {
        border-top-width: 110px;
        border-right-width: 110px
    }
}

.broadband-landing .tag .tag__text {
    position: absolute;
    top: 0;
    left: -48px;
    text-align: center;
    transform: rotateZ(-45deg);
    font-size: 12px;
    padding: 30px 0 10px 20px;
    width: 182px
}

@media (max-width:1330px) {
    .broadband-landing .tag .tag__text {
        font-size: 11px;
        left: -57px
    }
}

@media (max-width:1260px) {
    .broadband-landing .tag .tag__text {
        font-size: 9px;
        top: -7px;
        left: -67px
    }
}

.broadband-landing .tag .tag__text .highlight {
    font-size: 24px
}

@media (max-width:1330px) {
    .broadband-landing .tag .tag__text .highlight {
        font-size: 17px
    }
}

@media (max-width:1260px) {
    .broadband-landing .tag .tag__text .highlight {
        font-size: 18px;
        top: -6px;
        left: -67px
    }
}

.broadband-landing .broadband-landing-checkbox-container {
    margin: 4px 0;
    padding-left: 0
}

@media (max-width:767px) {
    .broadband-landing .broadband-landing-checkbox-container {
        margin-top: 10px
    }
}

.broadband-landing .broadband-input-group.checkbox {
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px
}

@media (max-width:767px) {
    .broadband-landing .broadband-input-group.checkbox {
        color: #302e2d
    }
}

.broadband-landing .broadband-landing-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    top: -2px;
    border: 2px solid #8c8c8a;
    border-radius: 2px
}

    .broadband-landing .broadband-landing-checkbox input[type="checkbox"] {
        cursor: pointer;
        opacity: 0
    }

.broadband-landing .btn--libris-orange {
    background: #f38223;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    width: 100%;
    display: block;
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 5px solid #e55f2c;
    padding: 7px 12px
}

.broadband-landing .link-terms {
    color: #77aa43
}

    .broadband-landing .link-terms:hover {
        text-decoration: none
    }

.broadband-landing .broadband-input-group.checkbox {
    cursor: pointer;
    padding: 0;
    margin: 0
}

    .broadband-landing .broadband-input-group.checkbox .link-terms {
        color: #77aa43
    }

    .broadband-landing .broadband-input-group.checkbox:hover .broadband-landing-checkbox {
        background: #ccdfb9;
        border: 2px solid #77aa43
    }

        .broadband-landing .broadband-input-group.checkbox:hover .broadband-landing-checkbox.checked {
            background-image: url(assets/broadband-feature-image.png);
            background: #76a743 url(assets/check.png) no-repeat -3px -1px;
            border: 2px solid #77aa43
        }

    .broadband-landing .broadband-input-group.checkbox .broadband-landing-checkbox.checked {
        background: #76a743 url(assets/check.png) no-repeat -3px -1px;
        border: 2px solid #77aa43
    }

.broadband-landing .broadband-landing-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 0;
    padding: 0 !important;
    top: -2px;
    border: 2px solid #8c8c8a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

    .broadband-landing .broadband-landing-checkbox input[type="checkbox"] {
        cursor: pointer;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0
    }

.broadband-landing .landing--checkbox {
    margin: 4px 0;
    padding-left: 0
}

@media (max-width:767px) {
    .broadband-landing .hero-carousel__item__header {
        color: #302e2d;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media only screen and (min-device-width:768px) and (orientation:portrait) {
    .broadband-landing .hero-carousel__item__header {
        padding-top: 20px
    }
}

.broadband-landing .hero-carousel__item__header h1 {
    font-size: 2.5em;
    line-height: 100%
}

@media (max-width:767px) {
    .broadband-landing .hero-carousel__item__header h1 {
        font-size: 1.3em
    }
}

.broadband-landing .hero-carousel__item__header h2 {
    font-size: 2.5em;
    line-height: 100%
}

@media (max-width:767px) {
    .broadband-landing .hero-carousel__item__header h2 {
        font-size: 1.3em
    }
}

.broadband-landing .hero-carousel__item__header h3 {
    font-size: 1.3em;
    line-height: 120%
}

@media (max-width:767px) {
    .broadband-landing .hero-carousel__item__header h3 {
        font-size: 1em
    }
}

.broadband-landing .row-left-item.has-error .broadband-input-box {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .broadband-landing .row-left-item {
        padding-right: 5px
    }
}

.broadband-landing .row-right-item.has-error .broadband-input-box {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .broadband-landing .row-right-item {
        padding-left: 5px
    }
}

@media (max-width:768px) {
    .broadband-landing .desktop-button {
        display: none
    }
}

@media (min-width:768px) {
    .broadband-landing .mobile-button {
        display: none
    }
}

.broadband-landing .ciab-btn:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125), 0 5px #e4602d
}

.broadband-landing .ciab-btn:focus {
    outline: none
}

.broadband-input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.broadband-input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.broadband-input-group-lg > .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 3px;
    z-index: 10
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle
}

@media (max-width:767px) {
    .btn--libris-wrapper {
        float: right;
        margin-top: 20px
    }
}

.btn--libris-wrapper .ciab-btn--orange {
    font-size: 1.3em;
    font-weight: 700
}

@media (max-width:768px) {
    .btn--libris-wrapper .ciab-btn--orange {
        font-size: 1.1em;
        font-weight: 600
    }
}

.btn--libris-wrapper .ciab-btn--cta {
    font-size: 18px;
    font-weight: 700
}

@media (max-width:991px) {
    .btn--libris-wrapper .ciab-btn--cta .m-cgg-icon--chevron-right {
        margin-left: 5px
    }
}

.broadband-input-group-lg .form-control:focus {
    border-color: #77aa43
}

@media (max-width:767px) {
    .broadband-input-group-lg .form-control {
        box-shadow: none
    }
}

@-webkit-keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(5px, 0, 0);
    }
}

@-moz-keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(5px, 0, 0);
    }
}

@-o-keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(5px, 0, 0);
    }
}

.shake-checkbox {
    -webkit-animation: shake 500ms ease-in-out;
    -moz-animation: shake 500ms ease-in-out;
    -ms-animation: shake 500ms ease-in-out;
    -o-animation: shake 500ms ease-in-out;
    animation: shake 500ms ease-in-out
}

.broadband-contact-page--textarea {
    height: auto;
    padding-top: 12px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .broadband-landing3 .hero-carousel__item__row {
        padding: 60px 0
    }
}

.broadband-landing3 .hero-carousel__item__row .broadband-landing-checkbox-container label {
    font-size: 14px
}

@media (min-width:991px) {
    .broadband-landing3 .hero-carousel__item__row .broadband-landing-checkbox-container label {
        font-size: 16px
    }
}

.broadband-landing3.da-DK .hero-carousel__item__row .broadband-landing-checkbox-container label {
    font-size: 13px
}

@media (min-width:991px) {
    .broadband-landing3.da-DK .hero-carousel__item__row .broadband-landing-checkbox-container label {
        font-size: 13px
    }
}

.broadband-landing3 .da-DK .hero-carousel__item__row .broadband-landing-checkbox-container label {
    font-size: 13px
}

@media (min-width:991px) {
    .broadband-landing3 .da-DK .hero-carousel__item__row .broadband-landing-checkbox-container label {
        font-size: 13px
    }
}

.broadband-landing .da-DK .row-right-item {
    padding-left: 15px
}

.broadband-landing2 .hero-carousel__item__badge, .broadband-landing4 .hero-carousel__item__badge {
    display: none
}

.broadband-landing2 .hero-carousel__item__details.hero-carousel__item__details, .broadband-landing4 .hero-carousel__item__details.hero-carousel__item__details {
    padding: 30px 20px
}

.broadband-landing2 .hero-carousel__item__details .hero-carousel__item__details_header, .broadband-landing4 .hero-carousel__item__details .hero-carousel__item__details_header {
    text-align: center;
    font-size: 1.45em
}

.broadband-landing2 .trustpilot-container, .broadband-landing4 .trustpilot-container {
    background-color: #fff;
    padding: 30px 20px
}

@media (min-width:992px) {
    .broadband-landing2, .broadband-landing4 {
        border-top: 1px solid #e7e6e2;
        border-top-padding: 30px 20px 0 20px
    }
}

.broadband-landing2 .trustpilot-container iframe, .broadband-landing4 .trustpilot-container iframe {
    margin: 0 auto;
    width: auto;
    display: block
}

@media (min-width:767px) {
    .broadband-landing2 .ciab-checkbox__chk-label, .broadband-landing4 .ciab-checkbox__chk-label {
        color: #fff
    }
}

@media (max-width:767px) {
    .broadband-landing2 .no-padding--mobile, .broadband-landing4 .no-padding--mobile {
        padding: 0 !important
    }

    .broadband-landing2 .form-container, .broadband-landing4 .form-container {
        margin-bottom: 0
    }

    .broadband-landing2 .btn--libris-wrapper, .broadband-landing4 .btn--libris-wrapper {
        margin-top: 10px
    }

    .broadband-landing2 .broadband-input-group-lg .form-control, .broadband-landing4 .broadband-input-group-lg .form-control {
        font-size: 15px
    }

    .broadband-landing2 .broadband-landing-checkbox-container, .broadband-landing4 .broadband-landing-checkbox-container {
        line-height: 1.25
    }

    .broadband-landing2 .hero-carousel__item__header, .broadband-landing4 .hero-carousel__item__header {
        margin-top: 0 !important;
        margin-bottom: 10px
    }

        .broadband-landing2 .hero-carousel__item__header h1, .broadband-landing4 .hero-carousel__item__header h1 {
            color: #076b9c;
            font-size: 18px;
            text-align: center;
            margin-bottom: 10px
        }

        .broadband-landing2 .hero-carousel__item__header h3, .broadband-landing4 .hero-carousel__item__header h3 {
            font-size: 13px;
            text-align: justify;
            margin-bottom: 10px;
            line-height: 1.25
        }

    .broadband-landing2 .ciab-checkbox__chk-label, .broadband-landing4 .ciab-checkbox__chk-label {
        font-size: 12px
    }

    .broadband-landing2 .link-terms, .broadband-landing4 .link-terms {
        color: #7aa155
    }

    .broadband-landing2 .hero-carousel_item, .broadband-landing2 .broadband-input-group.checkbox, .broadband-landing4 .hero-carousel_item, .broadband-landing4 .broadband-input-group.checkbox {
        color: #979290
    }

    .broadband-landing2 .row-left-item, .broadband-landing4 .row-left-item {
        padding-right: 2px;
        width: 50%
    }

    .broadband-landing2 .row-left-item {
        padding-right: 15px;
        width: 100%
    }

    .broadband-landing2 .row-right-item, .broadband-landing4 .row-right-item {
        padding-left: 2px;
        width: 50%
    }
}

.sim-landing .cgg-breadcrumbs.cgg-breadcrumbs-landing-page {
    top: -29px
}

.sim-landing .form-container {
    margin-bottom: 10px
}

.sim-landing .has-error .sim-error-message {
    display: block;
    background: #c90000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 0;
    font-weight: normal;
    font-size: .9em
}

.sim-landing .sim-error-message {
    display: none
}

.sim-landing .hero-carousel__item__details_header {
    font-size: 1.35em
}

.sim-landing .hero-carousel__item__details__list li:first-child {
    width: 82%;
    overflow: hidden
}

.sim-landing .hero-carousel_item {
    position: relative
}

@media (max-width:767px) {
    .sim-landing .hero-carousel_item {
        background-color: transparent
    }
}

.sim-landing .hero-carousel_item .container-fluid {
    background-image: url(assets/sim-feature-image.png);
    background-repeat: no-repeat;
    background-position: center 100%;
    padding-left: 40px;
    padding-right: 40px
}

@media (max-width:1240px) {
    .sim-landing .hero-carousel_item .container-fluid {
        background-position: -219px 100%
    }
}

@media (max-width:767px) {
    .sim-landing .hero-carousel_item .container-fluid {
        background-image: none;
        padding: 0 15px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .sim-landing .hero-carousel_item .container-fluid {
        background-image: none
    }
}

.sim-landing .hero-carousel__item__row .tag {
    top: 0
}

.sim-landing .hero-carousel__item__row .right-side-banner-text {
    position: relative;
    top: -20px
}

.sim-landing .hero-carousel__item__details {
    width: 100%;
    min-height: 290px
}

@media (max-width:1240px) {
    .sim-landing .hero-carousel__item__details {
        padding: 2.5em 2.2em
    }

    .sim-landing .hero-carousel__item__badge {
        width: 140px;
        height: 140px
    }

        .sim-landing .hero-carousel__item__badge .hero-carousel__item__badge__wrapper {
            padding-top: 20px
        }
}

.sim-landing .tag {
    position: absolute;
    top: 184px;
    left: 0;
    color: #fff;
    font-weight: bold
}

    .sim-landing .tag .tag-shape__triangle {
        width: 0;
        height: 0;
        border-top: 170px solid #77aa43;
        border-right: 170px solid transparent
    }

@media (max-width:1330px) {
    .sim-landing .tag .tag-shape__triangle {
        border-top-width: 140px;
        border-right-width: 140px
    }
}

@media (max-width:1260px) {
    .sim-landing .tag .tag-shape__triangle {
        border-top-width: 110px;
        border-right-width: 110px
    }
}

.sim-landing .tag .tag__text {
    position: absolute;
    top: 0;
    left: -48px;
    text-align: center;
    transform: rotateZ(-45deg);
    font-size: 12px;
    padding: 30px 0 10px 20px;
    width: 182px
}

@media (max-width:1330px) {
    .sim-landing .tag .tag__text {
        font-size: 11px;
        left: -57px
    }
}

@media (max-width:1260px) {
    .sim-landing .tag .tag__text {
        font-size: 9px;
        top: -7px;
        left: -67px
    }
}

.sim-landing .tag .tag__text .highlight {
    font-size: 24px
}

@media (max-width:1330px) {
    .sim-landing .tag .tag__text .highlight {
        font-size: 17px
    }
}

@media (max-width:1260px) {
    .sim-landing .tag .tag__text .highlight {
        font-size: 18px;
        top: -6px;
        left: -67px
    }
}

.sim-landing .sim-landing-checkbox-container {
    margin: 4px 0;
    padding-left: 0
}

@media (max-width:767px) {
    .sim-landing .sim-landing-checkbox-container {
        margin-top: 10px
    }
}

.sim-landing .sim-input-group.checkbox {
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px
}

@media (max-width:767px) {
    .sim-landing .sim-input-group.checkbox {
        color: #302e2d
    }
}

.sim-landing .sim-landing-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    top: -2px;
    border: 2px solid #8c8c8a;
    border-radius: 2px
}

    .sim-landing .sim-landing-checkbox input[type="checkbox"] {
        cursor: pointer;
        opacity: 0
    }

.sim-landing .btn--libris-orange {
    background: #f38223;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    width: 100%;
    display: block;
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 5px solid #e55f2c;
    padding: 7px 12px
}

.sim-landing .link-terms {
    color: #77aa43
}

    .sim-landing .link-terms:hover {
        text-decoration: none
    }

.sim-landing .sim-input-group.checkbox {
    cursor: pointer;
    padding: 0;
    margin: 0
}

    .sim-landing .sim-input-group.checkbox .link-terms {
        color: #77aa43
    }

    .sim-landing .sim-input-group.checkbox:hover .sim-landing-checkbox {
        background: #ccdfb9;
        border: 2px solid #77aa43
    }

        .sim-landing .sim-input-group.checkbox:hover .sim-landing-checkbox.checked {
            background-image: url(assets/sim-feature-image.png);
            background: #76a743 url(assets/check.png) no-repeat -3px -1px;
            border: 2px solid #77aa43
        }

    .sim-landing .sim-input-group.checkbox .sim-landing-checkbox.checked {
        background: #76a743 url(assets/check.png) no-repeat -3px -1px;
        border: 2px solid #77aa43
    }

.sim-landing .sim-landing-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 0;
    padding: 0 !important;
    top: -2px;
    border: 2px solid #8c8c8a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

    .sim-landing .sim-landing-checkbox input[type="checkbox"] {
        cursor: pointer;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0
    }

.sim-landing .landing--checkbox {
    margin: 4px 0;
    padding-left: 0
}

@media (max-width:767px) {
    .sim-landing .hero-carousel__item__header {
        color: #302e2d;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media only screen and (min-device-width:768px) and (orientation:portrait) {
    .sim-landing .hero-carousel__item__header {
        padding-top: 20px
    }
}

.sim-landing .hero-carousel__item__header h1 {
    font-size: 2.5em;
    line-height: 100%
}

@media (max-width:767px) {
    .sim-landing .hero-carousel__item__header h1 {
        font-size: 1.3em
    }
}

.sim-landing .hero-carousel__item__header h2 {
    font-size: 2.5em;
    line-height: 100%
}

@media (max-width:767px) {
    .sim-landing .hero-carousel__item__header h2 {
        font-size: 1.3em
    }
}

.sim-landing .hero-carousel__item__header h3 {
    font-size: 1.75em;
    line-height: 100%
}

@media (max-width:767px) {
    .sim-landing .hero-carousel__item__header h3 {
        font-size: 1em
    }
}

.sim-landing .row-left-item.has-error .sim-input-box {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .sim-landing .row-left-item {
        padding-right: 5px
    }
}

.sim-landing .row-right-item.has-error .sim-input-box {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .sim-landing .row-right-item {
        padding-left: 5px
    }
}

@media (max-width:768px) {
    .sim-landing .desktop-button {
        display: none
    }
}

@media (min-width:768px) {
    .sim-landing .mobile-button {
        display: none
    }
}

.sim-landing .ciab-btn:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125), 0 5px #e4602d
}

.sim-landing .ciab-btn:focus {
    outline: none
}

.sim-input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.sim-input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.sim-input-group-lg > .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 3px;
    z-index: 10
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle
}

@media (max-width:767px) {
    .btn--libris-wrapper {
        float: right;
        margin-top: 20px
    }
}

.btn--libris-wrapper .ciab-btn--orange {
    font-size: 1.3em;
    font-weight: 700
}

@media (max-width:768px) {
    .btn--libris-wrapper .ciab-btn--orange {
        font-size: 1.1em;
        font-weight: 600
    }
}

.btn--libris-wrapper .ciab-btn--cta {
    font-size: 24px;
    font-weight: 700
}

@media (max-width:991px) {
    .btn--libris-wrapper .ciab-btn--cta .m-cgg-icon--chevron-right {
        margin-left: 5px
    }
}

.sim-input-group-lg .form-control:focus {
    border-color: #77aa43
}

@media (max-width:767px) {
    .sim-input-group-lg .form-control {
        box-shadow: none
    }
}

@-webkit-keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(5px, 0, 0);
    }
}

@-moz-keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(5px, 0, 0);
    }
}

@-o-keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(5px, 0, 0);
    }
}

.shake-checkbox {
    -webkit-animation: shake 500ms ease-in-out;
    -moz-animation: shake 500ms ease-in-out;
    -ms-animation: shake 500ms ease-in-out;
    -o-animation: shake 500ms ease-in-out;
    animation: shake 500ms ease-in-out
}

.sim-contact-page--textarea {
    height: auto;
    padding-top: 12px
}

.sim-landing .da-DK .row-right-item {
    padding-left: 15px
}

.ci .hero-carousel__item__details_header {
    line-height: 25px;
    width: 80%
}

.ci .hero-carousel__item__cta .ciab-btn--main-white {
    line-height: 26px;
    font-size: 25px;
    min-height: 70px
}

.ci .hero-carousel__item-button-between-message__table-cell {
    height: 75px;
    line-height: 70px
}

.ci .hero-carousel__item .hero-carousel__item__details_text p {
    width: 80%
}

.cookie-landing .hero-carousel__item__header h2 {
    font-size: 30px
}

.cookie-landing .hero-carousel__item__header__name {
    text-transform: capitalize
}

.cookie-landing .chagecar-btn {
    color: #fafafa;
    font-size: 11px;
    background: #78aa43;
    padding: 0 5px;
    position: relative;
    bottom: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    left: 10px;
    text-decoration: none;
    display: inline-block
}

.cookie-landing__provider-box {
    padding: 10px;
    background-color: #fafafa;
    border-radius: 5px;
    margin-bottom: 2em
}

    .cookie-landing__provider-box img {
        max-width: 80%;
        margin: 10px auto 10px auto;
        max-height: 30px
    }

    .cookie-landing__provider-box p {
        margin-bottom: 5px;
        text-align: center;
        font-weight: bold;
        font-size: .9em
    }

    .cookie-landing__provider-box .price {
        font-size: 1.2em;
        text-align: center;
        font-weight: bold;
        color: #056f9d;
        margin: 0
    }

.cookie-landing__quote-made p {
    color: #fafafa
}

.cookie-landing__quote-made .date {
    text-transform: capitalize
}

.cookie-landing__get-quote {
    border-top: 2px solid #f3f2ee;
    margin: 15px -65px -15px -35px;
    padding: 30px
}

.cookie-landing .hero-carousel__item__details_text .ciab-btn {
    width: 70%
}

.carinsurance-landing__bg {
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative
}

@media (min-width:768px) {
    .carinsurance-landing__bg {
        background-position: bottom center
    }
}

.carinsurance-landing__bg > .container {
    position: relative
}

.carinsurance-landing__bg .hero-carousel__item__row {
    position: relative
}

@media (min-width:768px) and (max-width:1199px) {
    .carinsurance-landing__bg .hero-carousel__item__row {
        padding: 20px 0 45px
    }
}

@media (min-width:1200px) and (max-width:1440px) {
    .carinsurance-landing__bg .hero-carousel__item__row {
        padding: 50px 0 70px
    }
}

@media (max-width:767px) {
    .carinsurance-landing__bg .hero-carousel__item__row {
        padding: 0
    }
}

.carinsurance-landing__bg .ci-error-message {
    display: none
}

.carinsurance-landing__bg-mask {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.carinsurance-landing__mascot {
    position: absolute;
    top: 165px;
    right: 0
}

@media (max-width:767px) {
    .carinsurance-landing__mascot {
        z-index: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 160px;
        right: initial
    }
}

@media (min-width:768px) and (max-width:991px) {
    .carinsurance-landing__mascot {
        top: 140px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .carinsurance-landing__mascot {
        top: 130px;
        right: 30px
    }
}

@media (min-width:1441px) {
    .carinsurance-landing__mascot {
        right: -225px;
        top: 110px
    }
}

.carinsurance-landing__mascot img {
    max-width: 260px
}

@media (min-width:768px) and (max-width:991px) {
    .carinsurance-landing__mascot img {
        max-width: 230px
    }
}

@media (min-width:1441px) {
    .carinsurance-landing__mascot img {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .carinsurance-landing .row-left-item {
        padding-right: 5px
    }
}

.carinsurance-landing .row-left-item.has-error .ci-input-box {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width:992px) {
    .carinsurance-landing .row-right-item {
        padding-left: 5px
    }
}

.carinsurance-landing .row-right-item .ci-landing__ciab-btn {
    height: 54px;
    line-height: 18px
}

    .carinsurance-landing .row-right-item .ci-landing__ciab-btn span {
        font-size: 14px
    }

        .carinsurance-landing .row-right-item .ci-landing__ciab-btn span .m-cgg {
            font-size: 12px
        }

.carinsurance-landing .ci-landing-text {
    color: #fff;
    margin-top: 15px
}

    .carinsurance-landing .ci-landing-text a {
        color: #9dbeda;
        text-decoration: underline
    }

@media (min-width:768px) {
    .carinsurance-landing .ci-landing-text .hero-carousel__item-custom-quote__link {
        float: right
    }
}

.carinsurance-landing .has-error .ci-error-message {
    display: block;
    color: red;
    line-height: 15px;
    margin-top: 6px;
    font-size: 14px
}

.carinsurance-landing .ci-input-group-lg .form-control {
    background-size: 33px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    height: 59px;
    padding: 10px 16px 10px 40px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 3px;
    z-index: 10
}

    .carinsurance-landing .ci-input-group-lg .form-control:focus {
        border-color: #77aa43
    }

@media (max-width:767px) {
    .carinsurance-landing .ci-input-group-lg .form-control {
        box-shadow: none
    }
}

.carinsurance-landing .modal-header {
    padding: 15px 15px 0 15px;
    border-bottom: none
}

    .carinsurance-landing .modal-header .close {
        font-size: 2em;
        opacity: .8;
        color: #312f2e;
        float: right;
        line-height: 25px
    }

        .carinsurance-landing .modal-header .close:hover {
            text-decoration: none
        }

.carinsurance-landing .modal-body {
    padding: 0 15px 25px 15px
}

    .carinsurance-landing .modal-body h3 {
        font-weight: 700;
        margin-top: 0;
        color: #555
    }

    .carinsurance-landing .modal-body p {
        font-size: 14px
    }

    .carinsurance-landing .modal-body label {
        font-size: 16px;
        font-weight: 700
    }

.carinsurance-landing .cgg-global-input {
    height: 45px;
    font-size: 16px
}

.carinsurance-landing .ciab-reset {
    margin: -37px 10px 0 0
}

.carinsurance-landing .ciab-btn--cta {
    font-size: 18px;
    padding: 6px 0;
    margin-top: 15px;
    color: #fff;
    text-decoration: none
}

@media (min-width:992px) {
    .carinsurance-landing .ciab-btn--cta {
        margin-top: 0
    }
}

.carinsurance-landing .modal {
    display: none !important
}

    .carinsurance-landing .modal.in {
        display: block !important
    }

.carinsurance-landing__container {
    max-width: 850px;
    display: table;
    margin-top: 60px
}

@media (min-width:768px) and (max-width:991px) {
    .carinsurance-landing__container {
        max-width: 490px;
        margin-left: 20px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .carinsurance-landing__container {
        max-width: 590px;
        margin-left: 50px
    }
}

@media (min-width:1200px) {
    .carinsurance-landing__container {
        margin-top: 80px;
        margin-left: 50px
    }
}

@media (min-width:1441px) {
    .carinsurance-landing__container {
        max-width: 924px;
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .carinsurance-landing__container {
        padding: 0 5px;
        z-index: 1;
        position: relative;
        margin-top: 160px
    }
}

.carinsurance-landing__title {
    font-size: 34px;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    margin-bottom: 26px;
    font-weight: 600;
    padding: 0 160px
}

@media (min-width:768px) and (max-width:991px) {
    .carinsurance-landing__title {
        padding: 0 20px;
        font-size: 30px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .carinsurance-landing__title {
        padding: 0 70px
    }
}

@media (min-width:1441px) {
    .carinsurance-landing__title {
        font-size: 36px
    }
}

@media (max-width:767px) {
    .carinsurance-landing__title {
        font-size: 24px;
        padding: 15px;
        line-height: 25px;
        min-height: 130px
    }
}

.carinsurance-landing__panel {
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    padding: 20px 20px 10px;
    min-height: 130px
}

.carinsurance-landing__panel-label {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    color: #312f2e;
    margin-top: -6px;
    margin-bottom: 8px
}

@media (min-width:768px) and (max-width:991px) {
    .carinsurance-landing__panel-label {
        font-size: 14px
    }
}

.carinsurance-landing__panel-tooltip {
    position: relative;
    display: inline-block;
    top: 1px;
    left: 5px
}

.carinsurance-landing__panel-tooltip-box {
    display: none;
    position: absolute;
    background-color: #77aa43;
    color: #fff;
    bottom: 30px;
    left: -150px;
    padding: 5px 8px;
    border-radius: 3px 5px;
    width: 300px;
    z-index: 999
}

    .carinsurance-landing__panel-tooltip-box:after {
        content: " ";
        height: 5px;
        background-color: #77aa43;
        border-left: 7px solid #fff;
        border-top: 7px solid #77aa43;
        border-right: 7px solid #fff;
        position: absolute;
        bottom: -7px;
        left: 151px
    }

.carinsurance-landing__panel-tooltip .m-cgg-icon {
    color: #77aa43;
    cursor: pointer;
    background: none;
    position: initial;
    font-size: 16px;
    padding: 0
}

.carinsurance-landing__panel-item {
    float: left;
    width: 250px
}

@media (min-width:1441px) {
    .carinsurance-landing__panel-item {
        width: 275px
    }
}

@media (min-width:992px) {
    .carinsurance-landing__panel-item:last-child {
        width: 220px
    }
}

@media (min-width:1441px) {
    .carinsurance-landing__panel-item:last-child {
        width: 230px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .carinsurance-landing__panel-item:last-child {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .carinsurance-landing__panel-item {
        width: 200px
    }
}

@media (max-width:767px) {
    .carinsurance-landing__panel-item {
        width: 100%
    }
}

.carinsurance-landing__panel .has-error input, .carinsurance-landing__panel .has-error select {
    border: solid 2px red
}

.carinsurance-landing__panel *[disabled] {
    cursor: not-allowed;
    background-color: #eeee
}

.carinsurance-landing__panel-select {
    height: 55px;
    width: 100%;
    border-radius: 3px;
    border: solid 1px #cccbc8;
    line-height: 1.11;
    background-color: #fff
}

@media (max-width:767px) {
    .carinsurance-landing__panel-select {
        width: 100%
    }
}

.carinsurance-landing__panel-select:focus {
    outline: none;
    border: solid 2px #77aa43
}

.carinsurance-landing__panel-button {
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    padding: 11px 12px;
    position: relative
}

@media (min-width:768px) {
    .carinsurance-landing__panel-button {
        margin-top: 22px
    }
}

.carinsurance-landing__panel-button.ciab-btn--busy {
    background-image: url(assets/loading.gif)
}

.carinsurance-landing__panel-button .button-arrow {
    -webkit-animation: next 1s infinite normal ease-out;
    animation: next 1s infinite normal ease-out;
    position: absolute;
    content: "";
    top: 4px;
    bottom: 0;
    right: 6%;
    margin: auto;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #fff
}

.carinsurance-landing__panel-button:disabled {
    background: #f08227
}

.carinsurance-landing__input {
    min-height: 55px;
    border: solid 1px #cccbc8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 18px;
    line-height: 1.11;
    width: 100%;
    padding-left: 40px;
    text-transform: uppercase
}

    .carinsurance-landing__input:focus {
        outline: none;
        border: solid 2px #77aa43
    }

.carinsurance-landing__separator-container {
    position: relative;
    float: left;
    width: 50px;
    height: 55px;
    margin-top: 22px
}

@media (max-width:767px) {
    .carinsurance-landing__separator-container {
        height: 20px;
        width: 100%;
        margin: 15px 0;
        text-align: center
    }
}

@media (min-width:1200px) {
    .carinsurance-landing__separator-container2 {
        width: 40px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .carinsurance-landing__separator-container2 {
        display: none
    }
}

.carinsurance-landing__separator-text {
    color: #076b9c;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    z-index: 999;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

@media (max-width:767px) {
    .carinsurance-landing__separator-text {
        display: inline-block;
        padding: 0 10px
    }
}

.carinsurance-landing__separator-line {
    margin-left: 50%;
    border-left: 1px solid #cccbc8;
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0
}

@media (max-width:767px) {
    .carinsurance-landing__separator-line {
        border-left: none;
        border-bottom: 1px solid #cccbc8;
        height: 10px;
        width: 100%;
        margin: 0
    }
}

.carinsurance-landing__plate-container {
    width: 100%;
    position: relative
}

    .carinsurance-landing__plate-container:before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        width: 50px;
        height: 55px;
        background-image: url(http://www.samlino.dk/s3/denmark/samlino.dk/production/dk/images/general/platenumber.png);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: 35px;
        z-index: 2
    }

    .carinsurance-landing__plate-container i {
        color: #77aa43;
        position: absolute;
        top: 18px;
        right: 15px;
        font-size: 18px
    }

    .carinsurance-landing__plate-container .loading {
        text-align: left;
        background: url(assets/spin-grey.gif) no-repeat;
        background-size: 90%;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 9px;
        right: 6px
    }

.carinsurance-landing__plate-input {
    position: relative;
    padding-left: 52px;
    width: 100%;
    text-transform: uppercase
}

.carinsurance-landing__trustpilot-container {
    padding: 17px 0;
    position: relative;
    text-align: center
}

@media (min-width:768px) {
    .carinsurance-landing__trustpilot-container {
        max-width: 340px;
        margin: 100px auto 20px;
        padding: 0
    }
}

@media (min-width:1441px) {
    .carinsurance-landing__trustpilot-container {
        margin: 120px auto 20px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .carinsurance-landing__trustpilot-container {
        margin: 60px auto 50px
    }
}

.carinsurance-landing__trustpilot-container .trustpilot-widget {
    position: relative;
    display: inline-block
}

@media (max-width:320px) {
    .carinsurance-landing__trustpilot-container .trustpilot-widget {
        width: 270px
    }
}

.carinsurance-landing__trustpilot-eye {
    display: inline-block;
    position: relative;
    top: -2px
}

    .carinsurance-landing__trustpilot-eye img {
        max-width: 30px
    }

.carinsurance-landing__footer {
    background: #076b9c;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 42px;
    padding: 20px 0
}

@media (min-width:768px) {
    .carinsurance-landing__footer {
        position: absolute;
        height: 80px;
        line-height: 80px;
        padding: 0;
        bottom: -20px
    }
}

.carinsurance-landing__footer span {
    display: inline-block;
    padding-left: 35px
}

@media (max-width:767px) {
    .carinsurance-landing__footer span:first-child {
        display: block;
        padding: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .carinsurance-landing__footer span {
        padding-left: 10px
    }
}

@media (max-width:767px) {
    .carinsurance-landing__footer span {
        padding: 0 10px
    }
}

@media (min-width:992px) {
    .cookie-landing-left-pane.hero-carousel__item__row {
        padding-bottom: 20px
    }
}

select {
    outline: none
}

    select::-ms-expand {
        display: none
    }

@keyframes next {
    0% {
        right: 6%;
    }

    100% {
        right: 1%;
    }
}

@-webkit-keyframes next {
    0% {
        right: 6%;
    }

    100% {
        right: 1%;
    }
}

@-moz-keyframes next {
    0% {
        right: 6%;
    }

    100% {
        right: 1%;
    }
}


*.userlogin-page .cgg-learning {
    margin: 20px 0
}

.userlogin-page .cgg-learning .learning-container > [class*="col-"] {
    padding-top: 5px;
    padding-bottom: 5px
}

.userlogin-page .cgg-learning .learning-header {
    color: #056f9d;
    font-weight: 600
}

.userlogin-page .cgg-learning .learn-box {
    background: #fff;
    padding: 0;
    height: auto;
    position: relative
}

@media (min-width:768px) {
    .userlogin-page .cgg-learning .learn-box {
        height: 185px
    }
}

@media (min-width:992px) {
    .userlogin-page .cgg-learning .learn-box {
        height: 185px
    }
}

.userlogin-page .cgg-learning .learn-box a, .userlogin-page .cgg-learning .learn-box a:active, .userlogin-page .cgg-learning .learn-box a:hover {
    text-decoration: none;
    color: #312f2e
}

.userlogin-page .cgg-learning .learn-box-link {
    display: flex
}

@media (min-width:768px) {
    .userlogin-page .cgg-learning .learn-box-link {
        display: block
    }
}

@media (min-width:992px) {
    .userlogin-page .cgg-learning .learn-box-link {
        display: block
    }
}

.userlogin-page .cgg-learning .learn-img-container .img {
    width: 100%;
    height: auto
}

.userlogin-page .cgg-learning .learn-img-container, .userlogin-page .cgg-learning .learn-text-container {
    float: left;
    flex: 1;
    width: 50%
}

@media (min-width:768px) {
    .userlogin-page .cgg-learning .learn-img-container, .userlogin-page .cgg-learning .learn-text-container {
        float: none;
        flex: inherit;
        width: auto
    }
}

@media (min-width:992px) {
    .userlogin-page .cgg-learning .learn-img-container, .userlogin-page .cgg-learning .learn-text-container {
        float: none;
        flex: inherit;
        width: auto
    }
}

.userlogin-page .cgg-learning .learn-text-container {
    padding: 10px 10px 0 10px
}

    .userlogin-page .cgg-learning .learn-text-container .learn-header {
        color: #979290;
        font-size: 1em;
        margin: 10px 0 5px 0
    }

@media (min-width:768px) {
    .userlogin-page .cgg-learning .learn-text-container .learn-header {
        font-size: .8em
    }
}

@media (min-width:992px) {
    .userlogin-page .cgg-learning .learn-text-container .learn-header {
        font-size: .8em
    }
}

.userlogin-page .cgg-learning .learn-text-container .learn-content {
    font-size: .9em;
    font-weight: 600;
    margin: 0
}

@media (min-width:768px) {
    .userlogin-page .cgg-learning .learn-text-container .learn-content {
        font-size: 1em
    }
}

@media (min-width:992px) {
    .userlogin-page .cgg-learning .learn-text-container .learn-content {
        font-size: 1em
    }
}

.userlogin-page .cgg-learning .learn-text-container .learn-time {
    font-size: .8em;
    margin: 0;
    max-width: 100px;
    position: absolute;
    right: 10px;
    padding: 5px 10px;
    bottom: 15px;
    text-decoration: none;
    text-align: center;
    background: #fff;
    border: 1px solid #f3f2ee;
    color: #979290;
    box-shadow: 0 5px #e7e6e2;
    border-radius: 3px;
    overflow: hidden
}

.userlogin-menu .bolder, .userlogin-page .bolder {
    font-weight: 600
}

.userlogin-menu .highlight, .userlogin-page .highlight {
    background-color: #eef4e8
}

.userlogin-menu .login.is-login i.icon-dwn, .userlogin-page .login.is-login i.icon-dwn {
    display: none;
    font-size: 1em;
    position: relative;
    padding-left: 3px;
    color: #cccbc8;
    top: 2px
}

.userlogin-menu .badge-menu-container, .userlogin-page .badge-menu-container {
    display: none
}

.userlogin-menu .cgg-badge .user-display-name, .userlogin-page .cgg-badge .user-display-name {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: auto;
    margin-right: auto
}

.userlogin-menu .cgg-badge .user-name, .userlogin-menu .cgg-badge .first-name, .userlogin-page .cgg-badge .user-name, .userlogin-page .cgg-badge .first-name {
    display: none
}

.userlogin-menu .cgg-badge .img, .userlogin-page .cgg-badge .img {
    margin: 0 auto 10px auto;
    border-radius: 50%;
    cursor: pointer
}

.userlogin-menu .cgg-badge a, .userlogin-menu .cgg-badge a:hover, .userlogin-menu .cgg-badge a:active, .userlogin-page .cgg-badge a, .userlogin-page .cgg-badge a:hover, .userlogin-page .cgg-badge a:active {
    color: #5e5e5e;
    text-decoration: none
}

.userlogin-menu .cgg-badge.badge-menu, .userlogin-page .cgg-badge.badge-menu {
    position: fixed;
    text-align: center;
    bottom: 15px;
    width: 240px
}

    .userlogin-menu .cgg-badge.badge-menu .user-name, .userlogin-page .cgg-badge.badge-menu .user-name {
        display: block
    }

    .userlogin-menu .cgg-badge.badge-menu .img, .userlogin-page .cgg-badge.badge-menu .img {
        height: 80px;
        width: 80px
    }

    .userlogin-menu .cgg-badge.badge-menu .img-container, .userlogin-page .cgg-badge.badge-menu .img-container {
        width: 100%
    }

    .userlogin-menu .cgg-badge.badge-menu .notification-container, .userlogin-menu .cgg-badge.badge-menu .notification-box, .userlogin-page .cgg-badge.badge-menu .notification-container, .userlogin-page .cgg-badge.badge-menu .notification-box {
        display: none
    }

    .userlogin-menu .cgg-badge.badge-menu .login, .userlogin-page .cgg-badge.badge-menu .login {
        font-size: 1.2em;
        font-weight: 600;
        color: #fff
    }

.userlogin-menu .cgg-badge.badge-header, .userlogin-page .cgg-badge.badge-header {
    float: right
}

    .userlogin-menu .cgg-badge.badge-header .first-name, .userlogin-page .cgg-badge.badge-header .first-name {
        display: inline
    }

    .userlogin-menu .cgg-badge.badge-header .img-container, .userlogin-page .cgg-badge.badge-header .img-container {
        text-align: right
    }

    .userlogin-menu .cgg-badge.badge-header .notification-container, .userlogin-page .cgg-badge.badge-header .notification-container {
        text-align: center;
        padding: 0
    }

    .userlogin-menu .cgg-badge.badge-header .login, .userlogin-page .cgg-badge.badge-header .login {
        color: #78aa43;
        font-weight: 600;
        font-size: 1em;
        float: right;
        overflow: hidden;
        max-width: 80px;
        white-space: nowrap;
        margin: 12px 5px;
        line-height: 22px;
        text-overflow: ellipsis
    }

@media (min-width:768px) {
    .userlogin-menu .cgg-badge.badge-header .login, .userlogin-page .cgg-badge.badge-header .login {
        max-width: 50px;
        margin: 10px 0 10px 10px
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .login, .userlogin-page .cgg-badge.badge-header .login {
        font-size: 1.2em;
        max-width: 160px;
        margin: 10px 0 10px 10px
    }
}

.userlogin-menu .cgg-badge.badge-header .login.is-login, .userlogin-page .cgg-badge.badge-header .login.is-login {
    display: none
}

@media (min-width:768px) {
    .userlogin-menu .cgg-badge.badge-header .login.is-login, .userlogin-page .cgg-badge.badge-header .login.is-login {
        display: block
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .login.is-login, .userlogin-page .cgg-badge.badge-header .login.is-login {
        display: block
    }
}

.userlogin-menu .cgg-badge.badge-header .login.is-login i.icon-dwn, .userlogin-page .cgg-badge.badge-header .login.is-login i.icon-dwn {
    display: inline;
    float: right
}

.userlogin-menu .cgg-badge.badge-header .img, .userlogin-page .cgg-badge.badge-header .img {
    height: 42px;
    width: 42px;
    display: inline-block;
    margin: 0 0 5px 0
}

@media (min-width:768px) {
    .userlogin-menu .cgg-badge.badge-header .img, .userlogin-page .cgg-badge.badge-header .img {
        margin: 0
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .img, .userlogin-page .cgg-badge.badge-header .img {
        margin: 0
    }
}

.userlogin-menu .cgg-badge.badge-header .img .badge-bell, .userlogin-page .cgg-badge.badge-header .img .badge-bell {
    font-size: 30px;
    color: #5e5e5e
}

.userlogin-menu .cgg-badge.badge-header .img .noti-badge[data-badge]:after, .userlogin-page .cgg-badge.badge-header .img .noti-badge[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: .8em;
    background: #78aa43;
    color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 1px #78aa43
}

.userlogin-menu .cgg-badge.badge-header .img .noti-badge[data-badge=""]:after, .userlogin-page .cgg-badge.badge-header .img .noti-badge[data-badge=""]:after {
    content: none
}

.userlogin-menu .cgg-badge.badge-header .notification-icon, .userlogin-page .cgg-badge.badge-header .notification-icon {
    display: inline;
    visibility: hidden
}

    .userlogin-menu .cgg-badge.badge-header .notification-icon img, .userlogin-page .cgg-badge.badge-header .notification-icon img {
        max-width: 25px !important
    }

    .userlogin-menu .cgg-badge.badge-header .notification-icon spam, .userlogin-page .cgg-badge.badge-header .notification-icon spam {
        position: relative;
        top: -10px;
        right: 10px
    }

.userlogin-menu .cgg-badge.badge-header .notifications-badge, .userlogin-page .cgg-badge.badge-header .notifications-badge {
    height: 16px;
    width: 16px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #e56035;
    color: #fff;
    display: inline-table;
    font-size: 12px;
    visibility: hidden
}

.userlogin-menu .cgg-badge.badge-header .notification-box.stat, .userlogin-page .cgg-badge.badge-header .notification-box.stat {
    right: 0;
    display: none;
    width: 100%
}

@media (min-width:768px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box.stat, .userlogin-page .cgg-badge.badge-header .notification-box.stat {
        width: 200px;
        right: 15px
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box.stat, .userlogin-page .cgg-badge.badge-header .notification-box.stat {
        width: 200px;
        right: 15px
    }
}

.userlogin-menu .cgg-badge.badge-header .notification-box.noti, .userlogin-page .cgg-badge.badge-header .notification-box.noti {
    display: none;
    padding: 10px 0 0 0;
    z-index: 1025;
    right: 0;
    width: 100%
}

@media (min-width:768px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box.noti, .userlogin-page .cgg-badge.badge-header .notification-box.noti {
        top: auto;
        width: 300px;
        right: 56px
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box.noti, .userlogin-page .cgg-badge.badge-header .notification-box.noti {
        top: auto;
        width: 320px;
        right: 167px
    }
}

.userlogin-menu .cgg-badge.badge-header .notification-box.noti .noti-list, .userlogin-page .cgg-badge.badge-header .notification-box.noti .noti-list {
    line-height: normal;
    z-index: 1025;
    display: inline
}

.userlogin-menu .cgg-badge.badge-header .notification-box, .userlogin-page .cgg-badge.badge-header .notification-box {
    position: absolute;
    background: #fff;
    border: 1px solid #f3f2ee;
    box-shadow: 0 6px 3px #979290;
    padding: 10px 0 5px 0;
    top: auto;
    z-index: 2;
    margin-top: 5px;
    text-align: left
}

@media (min-width:480px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box, .userlogin-page .cgg-badge.badge-header .notification-box {
        right: 40px;
        border-radius: 5px;
        margin-top: 0;
        display: none
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box, .userlogin-page .cgg-badge.badge-header .notification-box {
        top: auto;
        right: 182px;
        border-radius: 5px;
        margin-top: 10px;
        display: none
    }
}

.userlogin-menu .cgg-badge.badge-header .notification-box .noti-header, .userlogin-page .cgg-badge.badge-header .notification-box .noti-header {
    margin: 0;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bolder;
    color: #312f2e;
    padding-right: 5px;
    float: left
}

.userlogin-menu .cgg-badge.badge-header .notification-box .noti-nav, .userlogin-page .cgg-badge.badge-header .notification-box .noti-nav {
    padding: 10px 0;
    list-style: none;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

.userlogin-menu .cgg-badge.badge-header .notification-box .noti-time, .userlogin-page .cgg-badge.badge-header .notification-box .noti-time {
    font-size: .8em;
    color: #979290;
    margin: 0;
    padding-top: 4px
}

.userlogin-menu .cgg-badge.badge-header .notification-box .noti-text, .userlogin-page .cgg-badge.badge-header .notification-box .noti-text {
    font-size: 1em;
    margin: 0;
    color: #312f2e
}

.userlogin-menu .cgg-badge.badge-header .notification-box .noti-nav-box, .userlogin-page .cgg-badge.badge-header .notification-box .noti-nav-box {
    min-height: 50px
}

    .userlogin-menu .cgg-badge.badge-header .notification-box .noti-nav-box:hover, .userlogin-page .cgg-badge.badge-header .notification-box .noti-nav-box:hover {
        background-color: #eef4e8
    }

    .userlogin-menu .cgg-badge.badge-header .notification-box .noti-nav-box .content, .userlogin-page .cgg-badge.badge-header .notification-box .noti-nav-box .content {
        padding: 7px 0 7px 15px;
        border-top: 1px solid #e7e6e2
    }

        .userlogin-menu .cgg-badge.badge-header .notification-box .noti-nav-box .content .logo-box, .userlogin-page .cgg-badge.badge-header .notification-box .noti-nav-box .content .logo-box {
            border-radius: 50%;
            background: #fff;
            width: 50px !important;
            height: 50px !important;
            margin: auto;
            text-align: center;
            overflow: hidden;
            line-height: 48px
        }

            .userlogin-menu .cgg-badge.badge-header .notification-box .noti-nav-box .content .logo-box img, .userlogin-page .cgg-badge.badge-header .notification-box .noti-nav-box .content .logo-box img {
                display: initial !important
            }

@media (min-width:480px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box .noti-nav-box .content .logo-box, .userlogin-page .cgg-badge.badge-header .notification-box .noti-nav-box .content .logo-box {
        width: 36px;
        height: 36px;
        line-height: 55px
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box .noti-nav-box .content .logo-box, .userlogin-page .cgg-badge.badge-header .notification-box .noti-nav-box .content .logo-box {
        line-height: 55px
    }
}

.userlogin-menu .cgg-badge.badge-header .notification-box .stat-nav-box, .userlogin-page .cgg-badge.badge-header .notification-box .stat-nav-box {
    overflow: hidden
}

    .userlogin-menu .cgg-badge.badge-header .notification-box .stat-nav-box ul, .userlogin-page .cgg-badge.badge-header .notification-box .stat-nav-box ul {
        list-style: none;
        padding: 0 10px;
        font-size: 1.2em;
        margin-bottom: 0
    }

    .userlogin-menu .cgg-badge.badge-header .notification-box .stat-nav-box li, .userlogin-page .cgg-badge.badge-header .notification-box .stat-nav-box li {
        padding: 5px 0;
        line-height: 24px
    }

    .userlogin-menu .cgg-badge.badge-header .notification-box .stat-nav-box a:hover, .userlogin-menu .cgg-badge.badge-header .notification-box .stat-nav-box a:active, .userlogin-page .cgg-badge.badge-header .notification-box .stat-nav-box a:hover, .userlogin-page .cgg-badge.badge-header .notification-box .stat-nav-box a:active {
        color: #78aa43
    }

.userlogin-menu .cgg-badge.badge-header .notification-box .stat-img-block, .userlogin-page .cgg-badge.badge-header .notification-box .stat-img-block {
    display: table;
    padding: 0 0 10px 0;
    width: 100%;
    font-size: 1.2em;
    font-weight: 600;
    border-top: 2px solid #5e5e5e
}

.userlogin-menu .cgg-badge.badge-header .notification-box .stat-img-row, .userlogin-page .cgg-badge.badge-header .notification-box .stat-img-row {
    display: table-row
}

.userlogin-menu .cgg-badge.badge-header .notification-box .stat-img-cell, .userlogin-page .cgg-badge.badge-header .notification-box .stat-img-cell {
    display: table-cell;
    vertical-align: middle
}

    .userlogin-menu .cgg-badge.badge-header .notification-box .stat-img-cell.img-box, .userlogin-page .cgg-badge.badge-header .notification-box .stat-img-cell.img-box {
        text-align: center;
        width: 85px
    }

        .userlogin-menu .cgg-badge.badge-header .notification-box .stat-img-cell.img-box .img, .userlogin-page .cgg-badge.badge-header .notification-box .stat-img-cell.img-box .img {
            height: 65px;
            width: 65px;
            float: none
        }

.userlogin-menu .cgg-badge.badge-header .notification-box:after, .userlogin-menu .cgg-badge.badge-header .notification-box:before, .userlogin-page .cgg-badge.badge-header .notification-box:after, .userlogin-page .cgg-badge.badge-header .notification-box:before {
    bottom: 100%;
    left: 93%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

@media (min-width:768px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box:after, .userlogin-menu .cgg-badge.badge-header .notification-box:before, .userlogin-page .cgg-badge.badge-header .notification-box:after, .userlogin-page .cgg-badge.badge-header .notification-box:before {
        left: 86%
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box:after, .userlogin-menu .cgg-badge.badge-header .notification-box:before, .userlogin-page .cgg-badge.badge-header .notification-box:after, .userlogin-page .cgg-badge.badge-header .notification-box:before {
        left: 86%
    }
}

.userlogin-menu .cgg-badge.badge-header .notification-box.noti:after, .userlogin-menu .cgg-badge.badge-header .notification-box.noti:before, .userlogin-page .cgg-badge.badge-header .notification-box.noti:after, .userlogin-page .cgg-badge.badge-header .notification-box.noti:before {
    left: 75.5%
}

@media (min-width:768px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box.noti:after, .userlogin-menu .cgg-badge.badge-header .notification-box.noti:before, .userlogin-page .cgg-badge.badge-header .notification-box.noti:after, .userlogin-page .cgg-badge.badge-header .notification-box.noti:before {
        left: 85%
    }
}

@media (min-width:992px) {
    .userlogin-menu .cgg-badge.badge-header .notification-box.noti:after, .userlogin-menu .cgg-badge.badge-header .notification-box.noti:before, .userlogin-page .cgg-badge.badge-header .notification-box.noti:after, .userlogin-page .cgg-badge.badge-header .notification-box.noti:before {
        left: 85%
    }
}

.userlogin-menu .cgg-badge.badge-header .notification-box:after, .userlogin-page .cgg-badge.badge-header .notification-box:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.userlogin-menu .cgg-badge.badge-header .notification-box:before, .userlogin-page .cgg-badge.badge-header .notification-box:before {
    border-color: rgba(243,242,238,0);
    border-bottom-color: #f3f2ee;
    border-width: 11px;
    margin-left: -11px
}

.userlogin-menu .cgg-badge.badge-header-mobile .first-name, .userlogin-page .cgg-badge.badge-header-mobile .first-name {
    display: inline
}

.userlogin-menu .cgg-badge.badge-header-mobile .badge-menu-container, .userlogin-page .cgg-badge.badge-header-mobile .badge-menu-container {
    display: block
}

    .userlogin-menu .cgg-badge.badge-header-mobile .badge-menu-container .badge-menu-list, .userlogin-page .cgg-badge.badge-header-mobile .badge-menu-container .badge-menu-list {
        list-style: none;
        padding: 5px 10px 0 10px;
        margin-bottom: -10px
    }

    .userlogin-menu .cgg-badge.badge-header-mobile .badge-menu-container li, .userlogin-page .cgg-badge.badge-header-mobile .badge-menu-container li {
        border-top: 1px solid #f3f2ee;
        padding: 5px 0
    }

    .userlogin-menu .cgg-badge.badge-header-mobile .badge-menu-container a, .userlogin-menu .cgg-badge.badge-header-mobile .badge-menu-container a:active, .userlogin-menu .cgg-badge.badge-header-mobile .badge-menu-container a:hover, .userlogin-page .cgg-badge.badge-header-mobile .badge-menu-container a, .userlogin-page .cgg-badge.badge-header-mobile .badge-menu-container a:active, .userlogin-page .cgg-badge.badge-header-mobile .badge-menu-container a:hover {
        font-weight: 600;
        color: #056f9d;
        text-decoration: none
    }

.userlogin-menu .cgg-badge.badge-header-mobile .img-container, .userlogin-page .cgg-badge.badge-header-mobile .img-container {
    text-align: left
}

.userlogin-menu .cgg-badge.badge-header-mobile .notification-container, .userlogin-page .cgg-badge.badge-header-mobile .notification-container {
    text-align: center;
    padding: 0
}

.userlogin-menu .cgg-badge.badge-header-mobile .login, .userlogin-page .cgg-badge.badge-header-mobile .login {
    color: #78aa43;
    font-weight: 600;
    font-size: 1.4em;
    display: inline-block;
    overflow: hidden;
    max-width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 10px 0 10px 0;
    vertical-align: middle
}

.userlogin-menu .cgg-badge.badge-header-mobile .img, .userlogin-page .cgg-badge.badge-header-mobile .img {
    height: 65px;
    width: 65px;
    display: inline-block;
    margin: 5px 10px
}

.userlogin-menu.header__plain .cgg-badge.badge-header .login {
    line-height: 22px
}

.userlogin-menu.header__regret .cgg-badge.badge-header .login {
    color: #fff
}

.userlogin-menu.header__regret .header__header .header__returnArrow_plain {
    display: block
}

.ciab-header__mobile-menu .ciab-header__mobile-btn__text {
    display: none
}

.ciab-header__mobile-menu .ciab-header__desktop-btn__text {
    overflow: hidden;
    word-wrap: break-word
}

.ciab-header__mobile-menu .userlogin .avatar {
    border-radius: 50%
}

.ciab-header__mobile-btn .ciab-header__menu__submenu.right {
    top: 60px;
    list-style: none;
    padding: 10px;
    background: #fff;
    width: 100%
}

    .ciab-header__mobile-btn .ciab-header__menu__submenu.right li {
        padding: 5px 0
    }

        .ciab-header__mobile-btn .ciab-header__menu__submenu.right li a {
            color: #312f2e;
            text-decoration: none
        }

    .ciab-header__mobile-btn .ciab-header__menu__submenu.right .separator {
        display: block;
        background: #dedcd9;
        cursor: default
    }

.userlogin-menu li:hover > .badge-new-header-desktop.open-login-modal {
    background: #fff !important;
    box-shadow: none
}

.userlogin-menu .ciab-header__desktop-btn__text {
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.userlogin-menu .badge-new-header-desktop.userlogin.open-login-modal:after {
    content: none
}

.userlogin-menu .badge-new-header-desktop.userlogin .avatar {
    border-radius: 50%
}

.userlogin-menu .badge-new-header-desktop .ciab-header__mobile-btn__text {
    display: none
}

.userlogin-menu .badge-new-header-mobile.userlogin .avatar {
    border-radius: 50%;
    margin: 3px 3px 3px 5px
}

.userlogin-menu .badge-new-header-mobile .ciab-header__desktop-btn__text {
    display: none
}

.userlogin-menu .badge-new-header-mobile .open-login-modal .ciab-header__mobile-btn__text {
    display: none
}

.ciab-header__mobile-menu__menu .cgg-notification, .ciab-header__mobile-menu__menu .cgg-notification-phone {
    display: none !important
}

.userlogin-page .cgg-menu-container {
    padding: 0;
    background: #076b9c;
    color: #fff;
    position: relative;
    min-height: 475px;
    width: 240px
}

@media (min-width:768px) {
    .userlogin-page .cgg-menu-container {
        border-top: 5px solid #155072
    }
}

@media (min-width:992px) {
    .userlogin-page .cgg-menu-container {
        border-top: 5px solid #155072
    }
}

.userlogin-page ul.sidebar-nav {
    list-style: none;
    padding: 0;
    font-size: 1.2em
}

    .userlogin-page ul.sidebar-nav li {
        line-height: 60px;
        position: relative;
        border-bottom: 1px solid #155072;
        background: #056f9d
    }

        .userlogin-page ul.sidebar-nav li a {
            color: #fff;
            display: block;
            text-decoration: none;
            padding: 0 15px
        }

            .userlogin-page ul.sidebar-nav li a:hover {
                text-decoration: none;
                color: #77aa43;
                background: #155072
            }

            .userlogin-page ul.sidebar-nav li a:active {
                text-decoration: none
            }

        .userlogin-page ul.sidebar-nav li .m-cgg {
            position: absolute;
            font-size: 1.8em;
            top: 15px;
            right: 15px;
            color: #6aaad4;
            -moz-transition: -moz-transform .3s ease-in-out;
            -o-transition: -o-transform .3s ease-in-out;
            -webkit-transition: -webkit-transform .3s ease-in-out;
            transition: transform .3s ease-in-out
        }

        .userlogin-page ul.sidebar-nav li .rotate-icon {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

        .userlogin-page ul.sidebar-nav li.active a {
            background: #155072;
            font-weight: 600
        }

            .userlogin-page ul.sidebar-nav li.active a .m-cgg-icon--cat-right {
                color: #fff
            }

.userlogin-page ul.products-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .userlogin-page ul.products-list li {
        border-bottom: none
    }

        .userlogin-page ul.products-list li .img {
            width: 30px;
            height: auto;
            position: relative;
            top: -3px;
            margin-right: 15px
        }

.ciab-header__mobile-menu .menu-new-header-mobile a, .ciab-header__mobile-menu .menu-new-header-mobile a:hover, .ciab-header__mobile-menu .menu-new-header-mobile a:active {
    text-decoration: none
}

.ciab-header__mobile-menu .menu-new-header-mobile ul.sidebar-nav {
    list-style: none;
    margin: 0 15px;
    padding: 0
}

    .ciab-header__mobile-menu .menu-new-header-mobile ul.sidebar-nav li {
        padding: 10px 0;
        min-height: 48px;
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px solid #e7e6e2;
        box-shadow: none !important;
        cursor: pointer
    }

        .ciab-header__mobile-menu .menu-new-header-mobile ul.sidebar-nav li.no-border {
            border-top: none
        }

        .ciab-header__mobile-menu .menu-new-header-mobile ul.sidebar-nav li .m-cgg {
            float: right;
            color: #e7e6e2;
            font-size: 20px;
            -moz-transition: -moz-transform .3s ease-in-out;
            -o-transition: -o-transform .3s ease-in-out;
            -webkit-transition: -webkit-transform .3s ease-in-out;
            transition: transform .3s ease-in-out
        }

        .ciab-header__mobile-menu .menu-new-header-mobile ul.sidebar-nav li .rotate-icon {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

        .ciab-header__mobile-menu .menu-new-header-mobile ul.sidebar-nav li a {
            display: block
        }

.ciab-header__mobile-menu .menu-new-header-mobile ul.products-list {
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0 10px
}

    .ciab-header__mobile-menu .menu-new-header-mobile ul.products-list li {
        border-top: none;
        font-weight: normal
    }

        .ciab-header__mobile-menu .menu-new-header-mobile ul.products-list li .img {
            width: 25px;
            height: auto;
            position: relative;
            top: -3px;
            margin-right: 10px
        }

        .ciab-header__mobile-menu .menu-new-header-mobile ul.products-list li.active {
            font-weight: bold
        }

.submenu.cgg-notification:after {
    content: none !important
}

.ciab-header__menu__submenu.cgg-notification .notification-highlight {
    background: #eef4e8
}

    .ciab-header__menu__submenu.cgg-notification .notification-highlight .noti-text {
        font-weight: bold !important
    }

.ciab-header__menu__submenu.cgg-notification .notification-img {
    width: 50px;
    height: 50px;
    background: #fff;
    padding: 10px
}

.ciab-header__menu__submenu.cgg-notification .notification-img-container {
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    min-width: 50px;
    border: 1px solid #fafafa
}

.ciab-header__menu__submenu.cgg-notification .notification-desc {
    margin-left: 15px
}

    .ciab-header__menu__submenu.cgg-notification .notification-desc .noti-text {
        font-weight: normal;
        margin: 0;
        padding: 0;
        height: auto
    }

    .ciab-header__menu__submenu.cgg-notification .notification-desc .noti-time {
        font-weight: normal;
        font-size: 12px;
        margin: 0;
        padding: 0;
        height: auto;
        color: #5e5e5e
    }

.ciab-header__menu__submenu.cgg-notification .submenu__head {
    padding: 5px 10px
}

    .ciab-header__menu__submenu.cgg-notification .submenu__head .notifications-badge {
        height: 16px;
        width: 18px;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;
        background: #e4602d;
        color: #fff;
        display: inline-table;
        font-size: 12px;
        position: relative;
        left: 5px;
        bottom: 2px
    }

.submenu.cgg-notification.notification-new-header-desktop img {
    max-width: 18px
}

.submenu.cgg-notification.notification-new-header-desktop .notifications-badge {
    height: 14px;
    width: 16px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #e4602d;
    color: #fff;
    display: inline-table;
    font-size: 10px;
    position: absolute;
    bottom: 38px;
    right: 2px
}

.submenu.cgg-notification.notification-new-header-mobile {
    position: relative
}

    .submenu.cgg-notification.notification-new-header-mobile img {
        margin: 3px 0 3px 7px;
        width: 28px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .submenu.cgg-notification.notification-new-header-mobile .notifications-badge {
        height: 16px;
        width: 18px;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;
        background: #e4602d;
        display: inline-table;
        font-size: 12px;
        position: absolute;
        bottom: 30px;
        right: 0;
        color: #fff
    }

.ciab-header__menu__submenu.cgg-notification.notification-new-header-desktop {
    width: 320px;
    font-size: 16px
}

.ciab-header__menu__submenu.cgg-notification.notification-new-header-mobile {
    width: 100%;
    font-size: 16px
}

    .ciab-header__menu__submenu.cgg-notification.notification-new-header-mobile a {
        height: 100%;
        font-size: 16px;
        font-weight: bold;
        align-items: center;
        text-align: center;
        display: flex;
        cursor: pointer;
        padding: 0 10px !important;
        outline: none;
        transition: all .2s ease, box-shadow 0s
    }

.userlogin-page .highlight {
    background-color: #eef4e8 !important
}

.userlogin-page .bolder {
    font-weight: 600
}

.userlogin-page .userlogin-block {
    display: table;
    width: 100%;
    border: 2px solid #fff;
    border-radius: 3px;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .userlogin-page .userlogin-block {
        margin-bottom: 15px
    }
}

@media (min-width:992px) {
    .userlogin-page .userlogin-block {
        margin-bottom: 15px
    }
}

.userlogin-page .userlogin-block-row {
    display: table-row
}

.userlogin-page .userlogin-block-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    background: #fff
}

    .userlogin-page .userlogin-block-cell.logo {
        width: 80px;
        background: #f3f2ee;
        text-align: center
    }

@media (min-width:992px) {
    .userlogin-page .userlogin-block-cell.logo {
        width: 100px
    }
}

.userlogin-page .userlogin-block-cell.logo .logo-box {
    border-radius: 50%;
    background: #fff;
    width: 50px;
    height: 50px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    line-height: 48px
}

@media (min-width:768px) {
    .userlogin-page .userlogin-block-cell.logo .logo-box {
        width: 60px;
        height: 60px;
        line-height: 55px
    }
}

@media (min-width:992px) {
    .userlogin-page .userlogin-block-cell.logo .logo-box {
        width: 60px;
        height: 60px;
        line-height: 55px
    }
}

.userlogin-page .userlogin-block-cell.text {
    min-width: 115px
}

@media (min-width:768px) {
    .userlogin-page .userlogin-block-cell.text {
        padding: 5px 10px
    }
}

@media (min-width:992px) {
    .userlogin-page .userlogin-block-cell.text {
        padding: 5px 15px
    }
}

@media (min-width:768px) {
    .userlogin-page .userlogin-block-cell.action {
        padding: 5px 10px
    }
}

@media (min-width:992px) {
    .userlogin-page .userlogin-block-cell.action {
        padding: 5px 15px
    }
}

.userlogin-page .userlogin-block-cell.logo .img {
    margin: auto;
    height: 40px;
    width: 40px;
    vertical-align: middle
}

@media (min-width:768px) {
    .userlogin-page .userlogin-block-cell.logo .img {
        height: 45px;
        width: 45px
    }
}

@media (min-width:992px) {
    .userlogin-page .userlogin-block-cell.logo .img {
        height: 45px;
        width: 45px
    }
}

.userlogin-page .userlogin-block-cell.text .time {
    color: #979290;
    margin: 0
}

.userlogin-page .userlogin-block-cell.text .content {
    margin: 0;
    font-size: 1em
}

@media (min-width:992px) {
    .userlogin-page .userlogin-block-cell.text .content {
        font-size: 1.2em;
        max-width: none
    }
}

.userlogin-page .userlogin-block-cell.action .action-link {
    width: 95px;
    float: right;
    border-radius: 3px;
    text-decoration: none;
    padding: 5px;
    text-align: center;
    font-size: 1em
}

@media (min-width:992px) {
    .userlogin-page .userlogin-block-cell.action .action-link {
        width: 180px;
        white-space: nowrap;
        font-size: 1.2em
    }
}

.userlogin-page .userlogin-block-cell.action .action-link:hover, .userlogin-page .userlogin-block-cell.action .action-link:active {
    text-decoration: none
}

.userlogin-tile {
    border: 1px solid #cccbc8;
    background: #fff;
    border-radius: 3px;
    padding: 10px
}

.userlogin-tile__header {
    border-bottom: 1px solid #cccbc8;
    margin: 0 -10px 0 -10px;
    padding: 0 15px
}

    .userlogin-tile__header p {
        margin: 0;
        color: #cccbc8
    }

    .userlogin-tile__header h4 {
        margin: 0 0 10px 0;
        font-weight: 600
    }

.userlogin-tile__image {
    padding: 10px 0;
    max-height: 85px;
    overflow: hidden;
    text-align: center
}

.userlogin-tile__detail {
    list-style: none;
    padding: 0;
    margin: 10px 0 10px 0
}

    .userlogin-tile__detail p {
        margin: 0
    }

.userlogin-tile__findoutmore {
    background: #fff;
    border: 1px solid #e7e6e2;
    box-shadow: 0 3px #e7e6e2;
    margin: 10px auto 10px auto;
    font-size: 1.1em;
    color: #333;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 5px;
    text-align: center;
    max-width: 180px
}

    .userlogin-tile__findoutmore:hover, .userlogin-tile__findoutmore:active {
        color: #333;
        text-decoration: none
    }

.userlogin-tile .bold {
    font-weight: 600
}

.carinsurance-application-page .application-box-container {
    display: flex;
    flex-wrap: wrap
}

.carinsurance-application-page .feed-carinsurance {
    margin-bottom: 30px
}

    .carinsurance-application-page .feed-carinsurance a {
        text-decoration: none
    }

.carinsurance-application-page .feed-carinsurance-policies {
    background: #fff;
    color: #312f2e;
    -webkit-box-shadow: 5px 5px 0 1px #e7e6e2;
    -moz-box-shadow: 5px 5px 0 1px #e7e6e2;
    box-shadow: 5px 5px 0 1px #e7e6e2;
    padding: 15px
}

@media (min-width:768px) {
    .carinsurance-application-page .feed-carinsurance-policies {
        min-height: 365px
    }
}

.carinsurance-application-page .feed-carinsurance-policies-title {
    color: #979290;
    font-weight: bold;
    text-align: center;
    min-height: 35px
}

.carinsurance-application-page .feed-carinsurance-policies-image {
    text-align: center;
    margin: 15px 0;
    min-height: 72px
}

    .carinsurance-application-page .feed-carinsurance-policies-image img {
        max-height: 75px;
        max-width: 100px
    }

.carinsurance-application-page .feed-carinsurance-policies-details ul {
    padding-left: 0;
    font-size: 16px
}

.carinsurance-application-page .feed-carinsurance-policies-details-list {
    list-style: none;
    font-size: 16px;
    line-height: 30px
}

.carinsurance-application-page .feed-carinsurance-policies-details-list-label {
    color: #979290;
    width: 50%;
    display: inline-block;
    float: left;
    line-height: 16px;
    margin-top: 7px
}

.carinsurance-application-page .feed-carinsurance-policies-details-list-value {
    text-align: right;
    width: 50%;
    display: inline-block;
    line-height: 16px
}

    .carinsurance-application-page .feed-carinsurance-policies-details-list-value .cgg-autorenewal button {
        text-align: right;
        padding: 0;
        text-decoration: underline
    }

    .carinsurance-application-page .feed-carinsurance-policies-details-list-value a {
        color: #fc3a31;
        text-decoration: underline
    }

.carinsurance-application-page .feed-carinsurance-policies-expire-link {
    text-align: center;
    margin-top: 18px;
    line-height: 16px
}

    .carinsurance-application-page .feed-carinsurance-policies-expire-link a {
        font-weight: bold;
        color: #ff533f;
        font-size: 20px
    }

.carinsurance-application-page .feed-carinsurance-policies-button a {
    font-size: 16px
}

.carinsurance-application-page .feed-carinsurance-no-policies {
    padding: 2em 0
}

    .carinsurance-application-page .feed-carinsurance-no-policies h3 {
        color: #056f9d;
        font-weight: 600;
        margin-bottom: 5px
    }

    .carinsurance-application-page .feed-carinsurance-no-policies p {
        font-size: 18px;
        color: #979290;
        margin: 0;
        font-weight: 600
    }

.carinsurance-application-page .feed-carinsurance-no-policies-banner {
    margin-top: 1.5em
}

    .carinsurance-application-page .feed-carinsurance-no-policies-banner img {
        max-width: 100%
    }

@media (min-width:768px) {
    .carinsurance-application-page .feed-carinsurance-no-policies-banner img {
        max-width: 600px
    }
}

.userlogin-page .feed-carinsurance-detail {
    font-size: 16px;
    color: #312f2e;
    margin-top: 1em
}

.userlogin-page .feed-carinsurance-detail-back-btn {
    font-size: 18px;
    font-weight: bold;
    color: #979290
}

.userlogin-page .feed-carinsurance-detail-wrap {
    background: #fff;
    -webkit-box-shadow: 5px 5px 0 1px #e7e6e2;
    -moz-box-shadow: 5px 5px 0 1px #e7e6e2;
    box-shadow: 5px 5px 0 1px #e7e6e2;
    padding: 15px;
    margin-top: 1em
}

@media (min-width:768px) {
    .userlogin-page .feed-carinsurance-detail-wrap {
        padding: 30px
    }
}

.userlogin-page .feed-carinsurance-detail__title {
    color: #979290;
    text-align: center;
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .userlogin-page .feed-carinsurance-detail__title {
        font-size: 32px
    }
}

.userlogin-page .feed-carinsurance-detail__section-header {
    font-weight: bold;
    border-bottom: solid 1px #dcdad7;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.userlogin-page .feed-carinsurance-detail__section-image {
    text-align: center;
    margin: 15px 0
}

    .userlogin-page .feed-carinsurance-detail__section-image img {
        max-width: 75px
    }

.userlogin-page .feed-carinsurance-detail__section-details {
    padding: 0
}

    .userlogin-page .feed-carinsurance-detail__section-details ul {
        padding-left: 0;
        font-size: 16px
    }

.userlogin-page .feed-carinsurance-detail__section-details-list {
    list-style: none;
    font-size: 16px;
    margin-bottom: 12px;
    clear: both
}

.userlogin-page .feed-carinsurance-detail__section-details-list-label {
    color: #979290;
    width: 50%;
    display: inline-block;
    float: left
}

.userlogin-page .feed-carinsurance-detail__section-details-list-value {
    text-align: right;
    width: 50%;
    display: inline-block
}

    .userlogin-page .feed-carinsurance-detail__section-details-list-value.red-text {
        color: #fc3a31
    }

    .userlogin-page .feed-carinsurance-detail__section-details-list-value a {
        color: #659d34;
        text-decoration: underline
    }

.userlogin-page .feed-carinsurance-detail__section-details-list .cgg-autorenewal {
    float: right;
    width: 50%
}

    .userlogin-page .feed-carinsurance-detail__section-details-list .cgg-autorenewal button {
        text-align: right;
        padding-right: 0;
        padding-top: 0;
        text-decoration: underline
    }

.userlogin-page .feed-carinsurance-detail__section-details-list-doc-icon, .userlogin-page .feed-carinsurance-detail__section-details-list-doc-link a {
    color: #77aa43
}

.userlogin-page .travelinsurance-application-page-header {
    position: relative;
    min-height: 40px
}

@media (max-width:767px) {
    .userlogin-page .travelinsurance-application-page-header {
        margin-bottom: 10px
    }
}

.userlogin-page .travelinsurance-application-page-btn {
    border: 1px solid #cccbc8;
    box-shadow: inset 0 -4px 0 0 #f3f2ee;
    font-size: 15px;
    right: 0;
    text-decoration: none
}

@media (min-width:768px) {
    .userlogin-page .travelinsurance-application-page-btn {
        position: absolute;
        top: -10px;
        width: 170px
    }
}

.userlogin-page .feed-travelinsurance {
    margin-bottom: 30px
}

    .userlogin-page .feed-travelinsurance a {
        text-decoration: none
    }

.userlogin-page .feed-travelinsurance-policies {
    background: #fff;
    color: #312f2e;
    -webkit-box-shadow: 5px 5px 0 1px #e7e6e2;
    -moz-box-shadow: 5px 5px 0 1px #e7e6e2;
    box-shadow: 5px 5px 0 1px #e7e6e2;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.userlogin-page .feed-travelinsurance-policies-title {
    color: #312f2e;
    font-weight: bold;
    min-height: 30px;
    border-bottom: 1px solid #eee;
    padding: 5px 15px;
    margin-bottom: 15px;
    font-size: 16px
}

.userlogin-page .feed-travelinsurance-policies-image {
    text-align: center;
    margin: 15px 0;
    min-height: 72px
}

    .userlogin-page .feed-travelinsurance-policies-image img {
        max-height: 75px;
        max-width: 100px
    }

.userlogin-page .feed-travelinsurance-policies-details ul {
    padding-left: 0;
    font-size: 16px
}

.userlogin-page .feed-travelinsurance-policies-details-list {
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    display: table;
    width: 100%;
    margin-bottom: 10px
}

.userlogin-page .feed-travelinsurance-policies-details-list-label {
    color: #979290;
    width: 50%;
    display: table-cell
}

.userlogin-page .feed-travelinsurance-policies-details-list-value {
    text-align: right;
    width: 50%;
    display: table-cell;
    line-height: 18px;
    color: #312f2e
}

    .userlogin-page .feed-travelinsurance-policies-details-list-value a {
        color: #fc3a31;
        text-decoration: underline
    }

.userlogin-page .feed-travelinsurance-policies-cta {
    text-align: center
}

.userlogin-page .feed-travelinsurance-policies-button {
    border: 1px solid #cccbc8;
    box-shadow: inset 0 -4px 0 0 #f3f2ee;
    color: #312f2e !important;
    margin-bottom: 10px;
    font-size: 15px;
    padding: 14px 10px
}

    .userlogin-page .feed-travelinsurance-policies-button:hover {
        background-color: #f2f2f2;
        border-color: #afada8
    }

.userlogin-page .feed-travelinsurance-policies-download-link {
    color: #78aa43
}

.travelinsurance-application-page .userlogin-container {
    margin-top: 25px !important
}

.travelinsurance-application-page .userlogin-header {
    margin-top: 0
}

.travelinsurance-application-page .userlogin-button-collapse {
    float: right;
    text-decoration: none;
    font-size: 28px
}

@media (max-width:767px) {
    .travelinsurance-application-page .row {
        margin-left: -5px;
        margin-right: -5px
    }
}

.userlogin-page .feed-travelinsurance-detail {
    font-size: 16px;
    color: #312f2e;
    margin-top: 1em
}

.userlogin-page .feed-travelinsurance-detail-back-btn {
    font-size: 18px;
    font-weight: bold;
    color: #979290
}

.userlogin-page .feed-travelinsurance-detail-wrap {
    background: #fff;
    -webkit-box-shadow: 5px 5px 0 1px #e7e6e2;
    -moz-box-shadow: 5px 5px 0 1px #e7e6e2;
    box-shadow: 5px 5px 0 1px #e7e6e2;
    padding: 15px;
    margin-top: 1em
}

@media (min-width:768px) {
    .userlogin-page .feed-travelinsurance-detail-wrap {
        padding: 30px
    }
}

.userlogin-page .feed-travelinsurance-detail__title {
    color: #979290;
    text-align: center;
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .userlogin-page .feed-travelinsurance-detail__title {
        font-size: 32px
    }
}

.userlogin-page .feed-travelinsurance-detail__section-header {
    font-weight: bold;
    border-bottom: solid 1px #dcdad7;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 30px
}

.userlogin-page .feed-travelinsurance-detail__section-image {
    text-align: center;
    margin: 15px 0
}

    .userlogin-page .feed-travelinsurance-detail__section-image img {
        max-width: 75px
    }

.userlogin-page .feed-travelinsurance-detail__section-details {
    padding: 0
}

    .userlogin-page .feed-travelinsurance-detail__section-details ul {
        padding-left: 0;
        font-size: 16px
    }

.userlogin-page .feed-travelinsurance-detail__section-details-list {
    list-style: none;
    font-size: 16px;
    margin-bottom: 12px;
    clear: both
}

.userlogin-page .feed-travelinsurance-detail__section-details-list-label {
    color: #979290;
    width: 50%;
    display: inline-block;
    float: left;
    margin: 5px 0
}

.userlogin-page .feed-travelinsurance-detail__section-details-list-value {
    text-align: right;
    width: 50%;
    display: inline-block;
    margin: 5px 0
}

@media (max-width:480px) {
    .userlogin-page .feed-travelinsurance-detail__section-details-list-value {
        overflow-wrap: break-word;
        word-wrap: break-word
    }
}

.userlogin-page .feed-travelinsurance-detail__section-details-list-value.red-text {
    color: #fc3a31
}

.userlogin-page .feed-travelinsurance-detail__section-details-list-value a {
    color: #659d34;
    text-decoration: underline
}

.userlogin-page .feed-travelinsurance-detail__section-details-list .cgg-autorenewal {
    float: right;
    width: 50%
}

    .userlogin-page .feed-travelinsurance-detail__section-details-list .cgg-autorenewal button {
        text-align: right;
        padding-right: 0;
        padding-top: 0;
        text-decoration: underline
    }

.userlogin-page .feed-travelinsurance-detail__section-details-list-doc-icon, .userlogin-page .feed-travelinsurance-detail__section-details-list-doc-linak a {
    color: #77aa43
}

.userlogin-page .row.application-box-container {
    margin: 0
}

.userlogin-page .feed-broadband {
    margin-bottom: 30px
}

.userlogin-page .broadband-landing .hero-carousel_item {
    background-color: #056f9d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 10px solid #175072;
    margin: 0
}

    .userlogin-page .broadband-landing .hero-carousel_item .container.container {
        width: 100%
    }

    .userlogin-page .broadband-landing .hero-carousel_item .container .container-fluid {
        min-height: 350px
    }

    .userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row {
        padding: 0
    }

@media (min-width:768px) {
    .userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row {
        padding: 40px 0
    }
}

.userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row .hero-carousel__item__header {
    color: #fff
}

    .userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row .hero-carousel__item__header h1 {
        font-size: 19px
    }

@media (min-width:768px) {
    .userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row .hero-carousel__item__header h1 {
        font-size: 32px
    }
}

.userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row .hero-carousel__item__header h3 {
    color: #b5d5ee;
    margin-top: 15px;
    font-size: 14px
}

@media (min-width:768px) {
    .userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row .hero-carousel__item__header h3 {
        font-size: 18px
    }
}

.userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row .btn--libris-wrapper .ciab-btn--cta {
    font-size: 18px
}

.userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row .btn--libris-wrapper.btn--libris-wrapper {
    width: auto;
    margin-top: 20px
}

@media (max-width:767px) {
    .userlogin-page .broadband-landing .hero-carousel_item .hero-carousel__item__row .btn--libris-wrapper.btn--libris-wrapper {
        float: none
    }
}

.cgg-relogin-forgetpassword-modal:before {
    height: inherit !important
}

.cgg-login-modal form, .cgg-relogin-forgetpassword-modal form, .reauthentication-page form, .agentlogin-page form {
    float: none
}

.cgg-login-modal .form-loading .btn-form-loading, .cgg-relogin-forgetpassword-modal .form-loading .btn-form-loading, .reauthentication-page .form-loading .btn-form-loading, .agentlogin-page .form-loading .btn-form-loading {
    text-indent: -90009px;
    text-align: left;
    background-image: url(assets/loading-alt.gif);
    background-repeat: no-repeat;
    background-position: 50%
}

.cgg-login-modal .show-block, .cgg-relogin-forgetpassword-modal .show-block, .reauthentication-page .show-block, .agentlogin-page .show-block {
    display: block !important
}

.cgg-login-modal .cgg-global-input, .cgg-relogin-forgetpassword-modal .cgg-global-input, .reauthentication-page .cgg-global-input, .agentlogin-page .cgg-global-input {
    font-size: 1.2em;
    height: 40px;
    padding: 0 10px
}

.cgg-login-modal .cgg-global-label, .cgg-relogin-forgetpassword-modal .cgg-global-label, .reauthentication-page .cgg-global-label, .agentlogin-page .cgg-global-label {
    font-size: 1.2em
}

.cgg-login-modal .green, .cgg-relogin-forgetpassword-modal .green, .reauthentication-page .green, .agentlogin-page .green {
    color: #78aa43;
    font-weight: 600
}

.cgg-login-modal .form-error, .cgg-relogin-forgetpassword-modal .form-error, .reauthentication-page .form-error, .agentlogin-page .form-error {
    display: none
}

    .cgg-login-modal .form-error .error-span, .cgg-relogin-forgetpassword-modal .form-error .error-span, .reauthentication-page .form-error .error-span, .agentlogin-page .form-error .error-span {
        display: none
    }

        .cgg-login-modal .form-error .error-span.show-block, .cgg-relogin-forgetpassword-modal .form-error .error-span.show-block, .reauthentication-page .form-error .error-span.show-block, .agentlogin-page .form-error .error-span.show-block {
            display: inline-block !important
        }

.cgg-login-modal .form-group, .cgg-relogin-forgetpassword-modal .form-group, .reauthentication-page .form-group, .agentlogin-page .form-group {
    margin-bottom: 10px
}

.cgg-login-modal .form-button, .cgg-relogin-forgetpassword-modal .form-button, .reauthentication-page .form-button, .agentlogin-page .form-button {
    display: inline-block;
    width: 100%;
    margin-top: 5px
}

    .cgg-login-modal .form-button .login-btn-1, .cgg-relogin-forgetpassword-modal .form-button .login-btn-1, .reauthentication-page .form-button .login-btn-1, .agentlogin-page .form-button .login-btn-1 {
        width: 40%;
        overflow: hidden;
        float: left;
        height: 40px;
        font-size: 1.3em
    }

    .cgg-login-modal .form-button .login-btn-2, .cgg-relogin-forgetpassword-modal .form-button .login-btn-2, .reauthentication-page .form-button .login-btn-2, .agentlogin-page .form-button .login-btn-2 {
        width: 55%;
        overflow: hidden;
        float: right;
        height: 40px;
        font-size: 1.3em;
        padding: 0
    }

.cgg-login-modal .m-cgg-icon--warning, .cgg-relogin-forgetpassword-modal .m-cgg-icon--warning, .reauthentication-page .m-cgg-icon--warning, .agentlogin-page .m-cgg-icon--warning {
    font-size: 1.1em;
    padding: 0 5px
}

.cgg-login-modal .modal-dialog.modal-sm, .cgg-relogin-forgetpassword-modal .modal-dialog.modal-sm, .reauthentication-page .modal-dialog.modal-sm, .agentlogin-page .modal-dialog.modal-sm {
    width: 300px;
    margin: auto;
    display: block !important
}

@media (min-width:768px) {
    .cgg-login-modal .modal-dialog.modal-sm, .cgg-relogin-forgetpassword-modal .modal-dialog.modal-sm, .reauthentication-page .modal-dialog.modal-sm, .agentlogin-page .modal-dialog.modal-sm {
        width: 360px;
        top: 120px
    }
}

@media (min-width:992px) {
    .cgg-login-modal .modal-dialog.modal-sm, .cgg-relogin-forgetpassword-modal .modal-dialog.modal-sm, .reauthentication-page .modal-dialog.modal-sm, .agentlogin-page .modal-dialog.modal-sm {
        width: 360px;
        top: 120px
    }
}

.cgg-login-modal h3, .cgg-relogin-forgetpassword-modal h3, .reauthentication-page h3, .agentlogin-page h3 {
    color: #056f9d;
    font-size: 1.6em;
    margin-top: 10px;
    margin-bottom: 15px
}

.cgg-login-modal a, .cgg-login-modal a:hover, .cgg-login-modal a:active, .cgg-relogin-forgetpassword-modal a, .cgg-relogin-forgetpassword-modal a:hover, .cgg-relogin-forgetpassword-modal a:active, .reauthentication-page a, .reauthentication-page a:hover, .reauthentication-page a:active, .agentlogin-page a, .agentlogin-page a:hover, .agentlogin-page a:active {
    font-weight: 600;
    text-decoration: none;
    color: #78aa43
}

.cgg-login-modal img, .cgg-relogin-forgetpassword-modal img, .reauthentication-page img, .agentlogin-page img {
    max-width: 280px;
    width: 100%
}

.cgg-login-modal .login-close, .cgg-relogin-forgetpassword-modal .login-close, .reauthentication-page .login-close, .agentlogin-page .login-close {
    font-size: 3em;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    right: 10px;
    top: 0
}

@media (min-width:768px) {
    .cgg-login-modal .login-close, .cgg-relogin-forgetpassword-modal .login-close, .reauthentication-page .login-close, .agentlogin-page .login-close {
        right: 15px;
        top: 5px
    }
}

@media (min-width:992px) {
    .cgg-login-modal .login-close, .cgg-relogin-forgetpassword-modal .login-close, .reauthentication-page .login-close, .agentlogin-page .login-close {
        right: 15px;
        top: 5px
    }
}

.cgg-login-modal .modal-dialog, .cgg-relogin-forgetpassword-modal .modal-dialog, .reauthentication-page .modal-dialog, .agentlogin-page .modal-dialog {
    top: 30px
}

.cgg-login-modal .modal-content, .cgg-relogin-forgetpassword-modal .modal-content, .reauthentication-page .modal-content, .agentlogin-page .modal-content {
    padding: 10px 15px;
    text-align: center;
    border-radius: 3px
}

.cgg-login-modal .terms-box, .cgg-relogin-forgetpassword-modal .terms-box, .reauthentication-page .terms-box, .agentlogin-page .terms-box {
    font-size: .9em;
    padding: 5px 0 0 0;
    text-align: center;
    margin: 0
}

@media (min-width:768px) {
    .cgg-login-modal .terms-box, .cgg-relogin-forgetpassword-modal .terms-box, .reauthentication-page .terms-box, .agentlogin-page .terms-box {
        font-size: .9em;
        padding: 10px 80px;
        text-align: left
    }
}

@media (min-width:992px) {
    .cgg-login-modal .terms-box, .cgg-relogin-forgetpassword-modal .terms-box, .reauthentication-page .terms-box, .agentlogin-page .terms-box {
        font-size: .9em;
        padding: 10px 80px;
        text-align: left
    }
}

.cgg-login-modal .modal-content.version1, .cgg-relogin-forgetpassword-modal .modal-content.version1, .reauthentication-page .modal-content.version1, .agentlogin-page .modal-content.version1 {
    text-align: left;
    padding: 10px 20px 10px 20px
}

@media (min-width:768px) {
    .cgg-login-modal .modal-content.version1, .cgg-relogin-forgetpassword-modal .modal-content.version1, .reauthentication-page .modal-content.version1, .agentlogin-page .modal-content.version1 {
        padding: 20px 40px 20px 40px
    }
}

@media (min-width:992px) {
    .cgg-login-modal .modal-content.version1, .cgg-relogin-forgetpassword-modal .modal-content.version1, .reauthentication-page .modal-content.version1, .agentlogin-page .modal-content.version1 {
        padding: 20px 40px 20px 40px
    }
}

.cgg-login-modal .modal-content.version1 h3, .cgg-relogin-forgetpassword-modal .modal-content.version1 h3, .reauthentication-page .modal-content.version1 h3, .agentlogin-page .modal-content.version1 h3 {
    font-size: 1.8em;
    margin-top: 5px;
    margin-bottom: 15px
}

.cgg-login-modal .modal-content.version1 p, .cgg-relogin-forgetpassword-modal .modal-content.version1 p, .reauthentication-page .modal-content.version1 p, .agentlogin-page .modal-content.version1 p {
    font-size: .85em
}

    .cgg-login-modal .modal-content.version1 p.signup-box, .cgg-relogin-forgetpassword-modal .modal-content.version1 p.signup-box, .reauthentication-page .modal-content.version1 p.signup-box, .agentlogin-page .modal-content.version1 p.signup-box {
        font-size: 1.1em
    }

.cgg-login-modal .fb-login-container, .cgg-relogin-forgetpassword-modal .fb-login-container, .reauthentication-page .fb-login-container, .agentlogin-page .fb-login-container {
    display: block
}

.cgg-login-modal .login-text-container, .cgg-relogin-forgetpassword-modal .login-text-container, .reauthentication-page .login-text-container, .agentlogin-page .login-text-container {
    padding-top: 20px
}

@media (min-width:768px) {
    .cgg-login-modal .login-text-container, .cgg-relogin-forgetpassword-modal .login-text-container, .reauthentication-page .login-text-container, .agentlogin-page .login-text-container {
        padding-top: 10px
    }
}

@media (min-width:992px) {
    .cgg-login-modal .login-text-container, .cgg-relogin-forgetpassword-modal .login-text-container, .reauthentication-page .login-text-container, .agentlogin-page .login-text-container {
        padding-top: 10px
    }
}

.cgg-login-modal .modal-error, .cgg-relogin-forgetpassword-modal .modal-error, .reauthentication-page .modal-error, .agentlogin-page .modal-error {
    display: none
}

.cgg-login-modal .has-error .modal-error, .cgg-relogin-forgetpassword-modal .has-error .modal-error, .reauthentication-page .has-error .modal-error, .agentlogin-page .has-error .modal-error {
    display: block;
    font-size: .85em
}

.cgg-login-modal .has-error .cgg-global-input, .cgg-relogin-forgetpassword-modal .has-error .cgg-global-input, .reauthentication-page .has-error .cgg-global-input, .agentlogin-page .has-error .cgg-global-input {
    box-shadow: none !important
}

.cgg-login-modal .fb-link, .cgg-relogin-forgetpassword-modal .fb-link, .reauthentication-page .fb-link, .agentlogin-page .fb-link {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    background: #3b5998;
    border: 1px solid #294377;
    border-radius: 3px;
    box-shadow: 0 5px #294377;
    height: 46px;
    padding: 12px 0;
    display: block;
    margin: 0 0 10px 0
}

    .cgg-login-modal .fb-link .button-text, .cgg-relogin-forgetpassword-modal .fb-link .button-text, .reauthentication-page .fb-link .button-text, .agentlogin-page .fb-link .button-text {
        float: left;
        overflow: hidden;
        font-size: 15px;
        white-space: nowrap;
        line-height: 25px;
        width: 80%;
        text-align: left
    }

@media (min-width:768px) {
    .cgg-login-modal .fb-link .button-text, .cgg-relogin-forgetpassword-modal .fb-link .button-text, .reauthentication-page .fb-link .button-text, .agentlogin-page .fb-link .button-text {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .cgg-login-modal .fb-link .button-text, .cgg-relogin-forgetpassword-modal .fb-link .button-text, .reauthentication-page .fb-link .button-text, .agentlogin-page .fb-link .button-text {
        font-size: 16px
    }
}

.cgg-login-modal .fb-link .button-ico, .cgg-relogin-forgetpassword-modal .fb-link .button-ico, .reauthentication-page .fb-link .button-ico, .agentlogin-page .fb-link .button-ico {
    float: left;
    padding: 0 0 0 5px;
    width: 17%;
    font-size: 40px;
    position: relative;
    top: -10px
}

.cgg-login-modal .fb-link:hover, .cgg-relogin-forgetpassword-modal .fb-link:hover, .reauthentication-page .fb-link:hover, .agentlogin-page .fb-link:hover {
    text-decoration: none;
    color: #fff
}

.cgg-login-alert {
    position: absolute;
    top: 75px;
    z-index: 1023;
    margin: auto;
    width: 100%;
    display: none
}

@media (min-width:768px) {
    .cgg-login-alert {
        top: 73px
    }
}

@media (min-width:992px) {
    .cgg-login-alert {
        top: 73px
    }
}

.cgg-login-alert .modal-chk {
    color: #fff;
    background: #78aa43;
    border-radius: 50px;
    position: relative;
    font-size: .8em;
    padding: 2px;
    margin-right: 10px
}

.cgg-login-alert .login-alert-container {
    position: relative;
    margin: auto;
    max-width: 520px;
    width: 100%;
    border: 2px solid transparent;
    background: #fff;
    padding: 0 20px;
    text-align: center;
    -webkit-box-shadow: 6px 6px 0 0 rgba(0,0,0,.09);
    -moz-box-shadow: 6px 6px 0 0 rgba(0,0,0,.09);
    box-shadow: 6px 6px 0 0 rgba(0,0,0,.09)
}

@media (min-width:768px) {
    .cgg-login-alert .login-alert-container {
        padding: 0 30px
    }
}

@media (min-width:992px) {
    .cgg-login-alert .login-alert-container {
        padding: 0 30px
    }
}

.cgg-login-alert .login-alert-container h3 {
    margin: 15px 0;
    color: #312f2e;
    display: none;
    font-size: 20px
}

.cgg-login-alert .login-alert-container .login-alert-close {
    position: absolute;
    font-size: 2em;
    color: #dedcd9;
    font-weight: 600;
    right: 10px;
    text-decoration: none
}

@media (min-width:768px) {
    .cgg-login-alert .login-alert-container .login-alert-close {
        font-size: 3em
    }
}

@media (min-width:992px) {
    .cgg-login-alert .login-alert-container .login-alert-close {
        font-size: 3em
    }
}

.cgg-login-alert .login-alert-container.normal {
    border: 2px solid #dedcd9
}

.cgg-login-alert .login-alert-container.success {
    border: 2px solid #78aa43
}

.cgg-login-alert .login-alert-container.fail {
    border: 2px solid #ff533f
}

.in-result {
    top: 75px
}

@media (min-width:768px) {
    .in-result {
        top: 320px
    }
}

@media (min-width:992px) {
    .in-result {
        top: 320px
    }
}

.in-result-on-checkout {
    top: 75px
}

@media (min-width:768px) {
    .in-result-on-checkout {
        top: 73px
    }
}

@media (min-width:992px) {
    .in-result-on-checkout {
        top: 73px
    }
}

.in-result-on-checkout .login-alert-close {
    top: 15px !important
}

.cgg-relogin-modal:before {
    content: "";
    display: inline;
    height: 100%;
    vertical-align: middle
}

@media (min-width:768px) {
    .cgg-relogin-modal:before {
        display: inline-block
    }
}

@media (min-width:992px) {
    .cgg-relogin-modal:before {
        display: inline-block
    }
}

.cgg-login-modal::before {
    display: initial !important;
    content: none;
    height: auto;
    vertical-align: initial !important
}

.cgg-relogin-email-modal, .cgg-relogin-modal {
    text-align: center;
    padding: 0 !important
}

.cgg-relogin-email-modal__input, .cgg-relogin-modal__input {
    float: left;
    margin-right: 10px;
    width: 350px;
    height: 55px;
    display: block
}

@media (max-width:768px) {
    .cgg-relogin-email-modal__input, .cgg-relogin-modal__input {
        width: 100%
    }
}

.cgg-relogin-email-modal__button, .cgg-relogin-modal__button {
    float: left;
    width: 170px;
    height: 50px
}

@media (max-width:768px) {
    .cgg-relogin-email-modal__button, .cgg-relogin-modal__button {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 20px
    }
}

.cgg-relogin-email-modal .relogin-close, .cgg-relogin-modal .relogin-close {
    font-size: 3em;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    right: 15px;
    position: absolute;
    top: 5px;
    text-decoration: none
}

    .cgg-relogin-email-modal .relogin-close:hover, .cgg-relogin-email-modal .relogin-close:active, .cgg-relogin-modal .relogin-close:hover, .cgg-relogin-modal .relogin-close:active {
        text-decoration: none
    }

.cgg-relogin-email-modal .modal-dialog, .cgg-relogin-modal .modal-dialog {
    display: block;
    text-align: left;
    vertical-align: middle
}

@media (min-width:768px) {
    .cgg-relogin-email-modal .modal-dialog, .cgg-relogin-modal .modal-dialog {
        display: inline-block
    }
}

@media (min-width:992px) {
    .cgg-relogin-email-modal .modal-dialog, .cgg-relogin-modal .modal-dialog {
        display: inline-block
    }
}

.cgg-relogin-email-modal .modal-content, .cgg-relogin-modal .modal-content {
    padding: 30px 40px
}

.cgg-relogin-email-modal h3, .cgg-relogin-modal h3 {
    font-size: 2em;
    margin: 0 0 15px 0;
    color: #056f9d
}

@media (max-width:768px) {
    .cgg-relogin-email-modal h3, .cgg-relogin-modal h3 {
        text-align: center;
        margin: 0 40px 15px 40px
    }
}

.cgg-relogin-email-modal p, .cgg-relogin-modal p {
    font-size: 1.3em;
    margin-bottom: 20px
}

.cgg-relogin-email-modal a.link {
    color: #77aa43;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none
}

.cgg-relogin-email-modal p {
    line-height: 28px;
    font-size: 20px
}

@media (max-width:768px) {
    .cgg-relogin-email-modal .modal-content {
        width: initial
    }
}

.cgg-relogin-email-modal .modal-dialog {
    width: 800px
}

@media (max-width:768px) {
    .cgg-relogin-email-modal .modal-dialog {
        width: initial
    }
}

.cgg-relogin-email-modal .error-message {
    font-size: 13px;
    color: #ff533f
}

.cgg-relogin-email-modal .error-message-desktop {
    clear: both
}

@media (max-width:768px) {
    .cgg-relogin-email-modal .error-message-desktop {
        display: none
    }
}

.cgg-relogin-email-modal .error-message-mobile {
    display: none
}

@media (max-width:768px) {
    .cgg-relogin-email-modal .error-message-mobile {
        display: block
    }
}

.cgg-login-modal .cgg-signup-block {
    display: none
}

    .cgg-login-modal .cgg-signup-block .email-login-container {
        margin-bottom: 15px;
        margin-top: 5px
    }

    .cgg-login-modal .cgg-signup-block .email-text {
        float: left;
        font-size: 16px;
        line-height: 25px;
        width: 80%;
        text-align: left
    }

    .cgg-login-modal .cgg-signup-block .m-cgg-icon--email {
        float: left;
        padding: 0 0 0 15px;
        width: 17%;
        font-size: 23px;
        text-align: left
    }

    .cgg-login-modal .cgg-signup-block .ciab-btn {
        color: #fff;
        height: 46px
    }

        .cgg-login-modal .cgg-signup-block .ciab-btn:hover {
            color: #fff
        }

    .cgg-login-modal .cgg-signup-block .login-ul-container {
        padding-bottom: 5px
    }

        .cgg-login-modal .cgg-signup-block .login-ul-container ul {
            list-style: none;
            text-align: left;
            padding-left: 0
        }

            .cgg-login-modal .cgg-signup-block .login-ul-container ul li {
                display: block;
                font-size: 1.1em
            }

            .cgg-login-modal .cgg-signup-block .login-ul-container ul .m-cgg {
                color: #78aa43
            }

.cgg-login-modal .cgg-login-block {
    display: none
}

    .cgg-login-modal .cgg-login-block .email-login-container {
        margin-bottom: 15px;
        margin-top: 5px
    }

    .cgg-login-modal .cgg-login-block .email-text {
        float: left;
        font-size: 16px;
        line-height: 25px;
        width: 80%;
        text-align: left
    }

    .cgg-login-modal .cgg-login-block .m-cgg-icon--email {
        float: left;
        padding: 0 0 0 15px;
        width: 17%;
        font-size: 23px;
        text-align: left
    }

    .cgg-login-modal .cgg-login-block .ciab-btn {
        color: #fff;
        height: 46px
    }

        .cgg-login-modal .cgg-login-block .ciab-btn:hover {
            color: #fff
        }

.cgg-login-modal .cgg-email-login {
    display: none
}

    .cgg-login-modal .cgg-email-login .has-error.fb-error {
        color: #333 !important
    }

        .cgg-login-modal .cgg-email-login .has-error.fb-error .error-span {
            font-size: 1.1em !important;
            margin-bottom: 5px
        }

            .cgg-login-modal .cgg-email-login .has-error.fb-error .error-span a {
                font-weight: normal
            }

.cgg-login-modal .cgg-email-signup {
    display: none
}

    .cgg-login-modal .cgg-email-signup .login-text-container {
        padding-top: 0
    }

        .cgg-login-modal .cgg-email-signup .login-text-container p {
            margin: 0 0 5px
        }

    .cgg-login-modal .cgg-email-signup .has-error.fb-error {
        color: #333 !important
    }

        .cgg-login-modal .cgg-email-signup .has-error.fb-error .error-span {
            font-size: 1.1em !important;
            margin-bottom: 5px
        }

            .cgg-login-modal .cgg-email-signup .has-error.fb-error .error-span a {
                font-weight: normal
            }

.cgg-login-modal .cgg-email-forgot {
    display: none
}

    .cgg-login-modal .cgg-email-forgot .main-sub {
        font-size: 1.25em !important
    }

    .cgg-login-modal .cgg-email-forgot .main-head {
        margin-bottom: 10px !important
    }

    .cgg-login-modal .cgg-email-forgot .has-error.fb-error {
        color: #333 !important
    }

        .cgg-login-modal .cgg-email-forgot .has-error.fb-error .error-span {
            font-size: 1.1em !important;
            margin-bottom: 5px
        }

            .cgg-login-modal .cgg-email-forgot .has-error.fb-error .error-span a {
                font-weight: normal
            }

.cgg-relogin-forgetpassword-modal .main-sub {
    font-size: 1.25em !important
}

.cgg-relogin-forgetpassword-modal .main-head {
    margin-bottom: 10px !important
}

.cgg-autorenewal {
    text-align: right
}

    .cgg-autorenewal button {
        color: #ff533f;
        background: none;
        border: none
    }

        .cgg-autorenewal button:hover {
            text-decoration: underline
        }

.cgg-autorenewal-modal__close {
    font-size: 3em;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    right: 10px;
    top: 0
}

.cgg-autorenewal-modal .modal-dialog {
    max-width: 360px
}

@media (min-width:480px) {
    .cgg-autorenewal-modal .modal-dialog {
        margin: 5em auto 0
    }
}

@media (max-width:480px) {
    .cgg-autorenewal-modal .modal-dialog {
        margin: 5em auto 0
    }
}

.cgg-autorenewal-modal__modal-content {
    padding: 15px
}

@media (min-width:768px) {
    .cgg-autorenewal-modal__modal-content {
        padding: 15px 40px
    }
}

.cgg-autorenewal-modal__modal-content h3 {
    font-size: 24px;
    color: #076b9c;
    margin-bottom: 15px
}

.cgg-autorenewal-modal__modal-content p {
    font-size: 16px;
    line-height: 22px
}

.cgg-autorenewal-modal__modal-content-buttons {
    margin: 20px 0
}

    .cgg-autorenewal-modal__modal-content-buttons a {
        font-size: 20px;
        margin-bottom: 15px;
        text-decoration: none
    }

.cgg-autorenewal-modal__modal-content-text-btn {
    text-align: center;
    color: #979290;
    font-size: 16px;
    display: block;
    line-height: 24px
}

    .cgg-autorenewal-modal__modal-content-text-btn strong {
        font-size: 20px;
        display: block
    }

        .cgg-autorenewal-modal__modal-content-text-btn strong span {
            text-decoration: underline
        }

    .cgg-autorenewal-modal__modal-content-text-btn:hover {
        color: #312f2e;
        text-decoration: underline
    }

.userlogin-page .userlogin-block-cell.text.welcome .content {
    max-width: none
}

.userlogin-page .userlogin-block-cell.logo.welcome .img {
    margin: auto;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #fff
}

@media (min-width:768px) {
    .userlogin-page .userlogin-block-cell.logo.welcome .img {
        height: 60px;
        width: 60px
    }
}

@media (min-width:992px) {
    .userlogin-page .userlogin-block-cell.logo.welcome .img {
        height: 60px;
        width: 60px
    }
}

.userlogin-menu .header__bot_multi_lang {
    display: block;
    border: none;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0
}

@media (min-width:768px) {
    .userlogin-menu .header__bot_multi_lang {
        padding: 3px 0 3px 15px;
        border-left: 2px solid #979290;
        margin-left: 20px;
        position: relative;
        top: -5px;
        float: right
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__bot_multi_lang {
        padding: 3px 0 3px 15px;
        border-left: 2px solid #979290;
        margin-left: 20px;
        position: relative;
        top: -5px;
        float: right
    }
}

.userlogin-menu .header__bot_multi_lang .header__langIco {
    height: 25px;
    width: 25px
}

.userlogin-menu .header__bot_multi_lang .header__langText {
    font-weight: 600
}

@media (min-width:768px) {
    .userlogin-menu .header__bot_multi_lang .header__langText {
        display: none
    }

    .userlogin-menu .header__bot_multi_lang .header__langText {
        display: none
    }
}

.userlogin-menu .header__userbandge_multi_lang .header__langIco {
    height: 25px;
    width: 25px;
    float: right
}

.userlogin-menu .header__userbandge_multi_lang .header__lang-id-id {
    background: url(assets/ID/id.svg) no-repeat !important
}

.userlogin-menu .header__userbandge_multi_lang .header__lang-id-en {
    background: url(assets/ID/en.svg) no-repeat !important
}

.userlogin-menu .header__userbandge_multi_lang .header__lang-hk-zh {
    background: url(assets/HK/zh.svg) no-repeat !important
}

.userlogin-menu .header__userbandge_multi_lang .header__lang-hk-en {
    background: url(assets/HK/en.svg) no-repeat !important
}

.userlogin-menu.header .header__multi_lang {
    display: none
}

.userlogin-menu.header__regret .header__multi_lang.login-anonymous {
    display: inline-block;
    float: right;
    border-left: 2px solid #fff;
    padding: 3px 15px 3px 10px;
    position: relative;
    top: 3px
}

    .userlogin-menu.header__regret .header__multi_lang.login-anonymous .header__langIco {
        margin: 0;
        height: 30px;
        width: 30px
    }

    .userlogin-menu.header__regret .header__multi_lang.login-anonymous .header__lang-id-id {
        background: url(assets/ID/id_white.svg) no-repeat
    }

    .userlogin-menu.header__regret .header__multi_lang.login-anonymous .header__lang-id-en {
        background: url(assets/ID/en_white.svg) no-repeat
    }

    .userlogin-menu.header__regret .header__multi_lang.login-anonymous .header__lang-hk-zh {
        background: url(assets/HK/zh.svg) no-repeat
    }

    .userlogin-menu.header__regret .header__multi_lang.login-anonymous .header__lang-hk-en {
        background: url(assets/HK/en.svg) no-repeat
    }

.userlogin-menu.header__regret_plain .header__multi_lang.login-anonymous {
    display: inline-block;
    float: right;
    border-left: 2px solid #979290;
    padding: 3px 15px 3px 10px;
    position: relative;
    top: 3px
}

    .userlogin-menu.header__regret_plain .header__multi_lang.login-anonymous .header__langIco {
        margin: 0;
        height: 30px;
        width: 30px
    }

    .userlogin-menu.header__regret_plain .header__multi_lang.login-anonymous .header__lang-id-id {
        background: url(assets/ID/id.svg) no-repeat
    }

    .userlogin-menu.header__regret_plain .header__multi_lang.login-anonymous .header__lang-id-en {
        background: url(assets/ID/en.svg) no-repeat
    }

    .userlogin-menu.header__regret_plain .header__multi_lang.login-anonymous .header__lang-hk-zh {
        background: url(assets/HK/zh.svg) no-repeat
    }

    .userlogin-menu.header__regret_plain .header__multi_lang.login-anonymous .header__lang-hk-en {
        background: url(assets/HK/en.svg) no-repeat
    }

.new-menu .header__userbandge_multi_lang.is-login .header__langIco {
    position: absolute;
    right: 10px;
    top: 10px;
    border: none
}

.new-menu .header__new_multi_lang.is-login {
    display: none
}

.new-menu .header__new_multi_lang.is-logoff .header__langIco {
    margin: 0;
    height: 30px;
    width: 30px
}

.new-menu .header__new_multi_lang.is-logoff .header__lang-id-id {
    background: url(assets/ID/id.svg) no-repeat
}

.new-menu .header__new_multi_lang.is-logoff .header__lang-id-en {
    background: url(assets/ID/en.svg) no-repeat
}

.new-menu .header__new_multi_lang.is-logoff .header__lang-hk-zh {
    background: url(assets/HK/zh.svg) no-repeat
}

.new-menu .header__new_multi_lang.is-logoff .header__lang-hk-en {
    background: url(assets/HK/en.svg) no-repeat
}

.ciab-header.header__regret .new-menu .header__lang-id-id {
    background: url(assets/ID/id_white.svg) no-repeat
}

.ciab-header.header__regret .new-menu .header__lang-id-en {
    background: url(assets/ID/en_white.svg) no-repeat
}

.ciab-header.header__regret .new-menu .header__lang-hk-zh {
    background: url(assets/HK/zh_white.svg) no-repeat
}

.ciab-header.header__regret .new-menu .header__lang-hk-en {
    background: url(assets/HK/en_white.svg) no-repeat
}

.ciab-header__mobile-menu__menu .new-menu .header__langIco {
    position: absolute;
    right: 10px;
    top: 5px;
    border: none
}

.cgg-recomended-products {
    display: block
}

.recomended-products__header {
    color: #056f9d;
    font-weight: 600
}

.userlogin-page.dashboard-page {
    display: block
}

.userlogin-page.application-page .filter-container {
    margin: 0 -5px
}

@media (min-width:768px) {
    .userlogin-page.application-page .filter-container {
        margin: 10px -5px 0 0
    }
}

@media (min-width:992px) {
    .userlogin-page.application-page .filter-container {
        margin: 10px -5px 0 0
    }
}

.userlogin-page.application-page .filter-container .filter-box {
    background: #fff;
    border-radius: 3px;
    font-weight: 600;
    text-align: center;
    padding: 5px;
    font-size: 1em;
    border: 1px solid #979290;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #979290
}

@media (min-width:768px) {
    .userlogin-page.application-page .filter-container .filter-box {
        font-size: .8em
    }
}

@media (min-width:992px) {
    .userlogin-page.application-page .filter-container .filter-box {
        font-size: .8em
    }
}

.userlogin-page.application-page .filter-container .filter-box.active {
    background: #78aa43;
    border: 1px solid #78aa43;
    color: #fff
}

.userlogin-page.application-page .filter-container .filter-box a, .userlogin-page.application-page .filter-container .filter-box a:hover, .userlogin-page.application-page .filter-container .filter-box a:active {
    color: #979290;
    text-decoration: none
}

.userlogin-page.application-page .filter-container .filter-box.active a, .userlogin-page.application-page .filter-container .filter-box.active a:hover, .userlogin-page.application-page .filter-container .filter-box.active a:active {
    color: #fff
}

.userlogin-page.application-page .filter-container > [class*="col-"] {
    padding: 5px
}

.userlogin-page.application-page .userlogin-product-header {
    font-weight: normal;
    font-size: 18px;
    color: #979290;
    margin: 0
}

@media (min-width:768px) {
    .userlogin-page.application-page .userlogin-product-header {
        font-weight: 600
    }
}

@media (min-width:992px) {
    .userlogin-page.application-page .userlogin-product-header {
        font-weight: 600
    }
}

.userlogin-page.carinsurance-application-page .back-btn {
    background: #fff;
    border: 1px solid #e7e6e2;
    box-shadow: 0 3px #e7e6e2;
    margin: 15px 0 15px 0;
    font-size: 1.1em;
    color: #333;
    font-weight: 600;
    text-decoration: none;
    padding: 5px 10px;
    text-align: center
}

.userlogin-page.carinsurance-application-page .recent-application-container {
    margin-top: 15px
}

@media (min-width:768px) {
    .userlogin-page.carinsurance-application-page .recent-application-container {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .userlogin-page.carinsurance-application-page .recent-application-container {
        margin-top: 30px
    }
}

.userlogin-page.my-application-page .cgg-container {
    width: 100%
}

.userlogin-page.my-application-page .my-application-header, .userlogin-page.my-application-page .my-application-header:hover, .userlogin-page.my-application-page .my-application-header:active {
    font-weight: 600;
    font-size: 18px;
    color: #979290;
    text-decoration: none
}

    .userlogin-page.my-application-page .my-application-header .m-cgg, .userlogin-page.my-application-page .my-application-header:hover .m-cgg, .userlogin-page.my-application-page .my-application-header:active .m-cgg {
        font-size: .8em
    }

@media (min-width:768px) {
    .userlogin-page.my-application-page .my-application-box-container {
        margin-top: 10px
    }
}

@media (min-width:992px) {
    .userlogin-page.my-application-page .my-application-box-container {
        margin-top: 10px
    }
}

.userlogin-page.my-application-page .my-application-box {
    background: #fff;
    padding: 15px 0;
    margin-bottom: 0;
    min-height: 300px;
    -webkit-box-shadow: 5px 5px 3px 0 #979290;
    -moz-box-shadow: 5px 5px 3px 0 #979290;
    box-shadow: 5px 5px 3px 0 #979290
}

@media (min-width:768px) {
    .userlogin-page.my-application-page .my-application-box {
        padding: 30px;
        margin-bottom: 30px;
        min-height: 400px
    }
}

@media (min-width:992px) {
    .userlogin-page.my-application-page .my-application-box {
        padding: 30px;
        margin-bottom: 30px;
        min-height: 400px
    }
}

.userlogin-page.my-application-page .my-application-box .my-application-box-header {
    font-size: 1.5em;
    margin: 0;
    text-align: center;
    word-break: break-all;
    line-height: 1.5em
}

    .userlogin-page.my-application-page .my-application-box .my-application-box-header span {
        display: block
    }

@media (min-width:768px) {
    .userlogin-page.my-application-page .my-application-box .my-application-box-header span {
        display: inline
    }
}

@media (min-width:992px) {
    .userlogin-page.my-application-page .my-application-box .my-application-box-header span {
        display: inline
    }
}

.userlogin-page.my-application-page .product-main-header {
    font-size: 1.5em;
    font-weight: 600;
    border-bottom: 1px solid #979290;
    margin: 30px 0 5px 0
}

.userlogin-page.my-application-page .product-main-detail {
    margin-top: 10px
}

    .userlogin-page.my-application-page .product-main-detail .product-main-detail-box {
        position: relative
    }

    .userlogin-page.my-application-page .product-main-detail .header {
        position: absolute;
        left: 15px
    }

    .userlogin-page.my-application-page .product-main-detail .img-responsive {
        margin: auto auto 15px auto
    }

@media (min-width:768px) {
    .userlogin-page.my-application-page .product-main-detail .img-responsive {
        margin: 0;
        max-width: 120px
    }
}

@media (min-width:992px) {
    .userlogin-page.my-application-page .product-main-detail .img-responsive {
        margin: 0;
        max-width: 120px
    }
}

.userlogin-page.my-application-page .product-sub-detail .main-detail {
    margin: 10px 0 5px 0;
    font-weight: 600;
    font-size: 1.2em
}

.userlogin-page.my-application-page .product-sub-detail .sub-detail {
    margin: 0;
    color: #979290;
    display: block
}

    .userlogin-page.my-application-page .product-sub-detail .sub-detail.inline {
        display: inline
    }

    .userlogin-page.my-application-page .product-sub-detail .sub-detail.inline-nowrap {
        display: inline;
        white-space: nowrap
    }

.userlogin-page.login-page {
    background: #fff
}

    .userlogin-page.login-page .userlogin-header {
        margin-top: 20px
    }

@media (min-width:768px) {
    .userlogin-page.login-page .userlogin-header {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .userlogin-page.login-page .userlogin-header {
        margin-top: 40px
    }
}

@media (min-width:768px) {
    .userlogin-page.login-page {
        border-top: 5px solid #979290
    }
}

@media (min-width:992px) {
    .userlogin-page.login-page {
        border-top: 5px solid #979290
    }
}

.userlogin-page.login-page .login-page-container {
    background: #fff;
    max-width: 700px;
    padding-bottom: 30px
}

.userlogin-page.login-page .signup-box {
    margin: 12px 0;
    font-size: 1.1em
}

.userlogin-page.login-page .terms-box {
    font-size: .9em
}

.userlogin-page.login-page a, .userlogin-page.login-page a:hover, .userlogin-page.login-page a:active {
    font-weight: 600;
    text-decoration: none;
    color: #78aa43
}

.userlogin-page.login-page .seperator-box .hr {
    text-align: center;
    position: relative;
    z-index: 2
}

    .userlogin-page.login-page .seperator-box .hr .hr-span {
        margin: 0;
        padding: 0 10px;
        background: #fff
    }

    .userlogin-page.login-page .seperator-box .hr:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        border-top: solid 1px #979290;
        z-index: -1
    }

.userlogin-page.login-page .seperator-box .vr {
    position: absolute;
    border-left: 1px solid #979290;
    left: 50%;
    top: 0;
    bottom: 0;
    min-height: 250px;
    z-index: 1
}

    .userlogin-page.login-page .seperator-box .vr .vr-span {
        position: absolute;
        top: 45%;
        background: #fff;
        padding: 8px;
        font-size: 16px;
        left: -18px;
        z-index: 5
    }

.userlogin-page.login-page .login-box .cgg-global-input {
    height: 40px;
    padding: 10px
}

.userlogin-page.login-page .login-box .cgg-global-label {
    margin: 5px 0;
    font-size: 1.1em
}

.userlogin-page.login-page .login-box .ciab-btn--orange {
    margin-top: 15px;
    height: 45px
}

.userlogin-page.login-page .login-box .navigate-forgot {
    padding-top: 10px;
    display: block;
    font-size: 1.1em
}

.userlogin-page.login-page .login-box .show-block {
    display: block !important
}

.userlogin-page.login-page .login-box .form-error {
    display: none
}

    .userlogin-page.login-page .login-box .form-error .has-error {
        margin: 5px 0
    }

    .userlogin-page.login-page .login-box .form-error .error-span {
        display: none
    }

        .userlogin-page.login-page .login-box .form-error .error-span.show-block {
            display: inline-block !important
        }

.userlogin-page.login-page .login-box .form-loading .btn-form-loading {
    text-indent: -90009px;
    text-align: left;
    background-image: url(assets/loading-alt.gif);
    background-repeat: no-repeat;
    background-position: 50%
}

@media (min-width:768px) {
    .userlogin-page.login-page .facebook-box {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width:992px) {
    .userlogin-page.login-page .facebook-box {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.userlogin-page.login-page .fb-link {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    background: #3b5998;
    border: 1px solid #294377;
    border-radius: 3px;
    box-shadow: 0 5px #294377;
    height: 46px;
    padding: 12px 0;
    display: block;
    margin: 0 0 10px 0
}

    .userlogin-page.login-page .fb-link .button-text {
        float: left;
        overflow: hidden;
        font-size: 15px;
        white-space: nowrap;
        line-height: 25px;
        width: 80%;
        text-align: left
    }

@media (min-width:768px) {
    .userlogin-page.login-page .fb-link .button-text {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .userlogin-page.login-page .fb-link .button-text {
        font-size: 16px
    }
}

.userlogin-page.login-page .fb-link .button-ico {
    float: left;
    padding: 0 0 0 5px;
    width: 17%;
    font-size: 40px;
    position: relative;
    top: -10px
}

.userlogin-page.login-page .fb-link:hover {
    text-decoration: none;
    color: #fff
}

.changepassword-page, .forgetpasswordui-page {
    background: #fff
}

@media (min-width:992px) {
    .changepassword-page .ciab-btn, .forgetpasswordui-page .ciab-btn {
        width: 280px;
        height: 50px
    }
}

.changepassword-page .input-container, .forgetpasswordui-page .input-container {
    margin-bottom: 10px
}

@media (min-width:992px) {
    .changepassword-page .input-container, .forgetpasswordui-page .input-container {
        width: 280px
    }
}

.changepassword-page .button-container, .forgetpasswordui-page .button-container {
    margin-top: 20px;
    margin-bottom: 30px
}

.changepassword-page .description-container, .forgetpasswordui-page .description-container {
    margin-bottom: 20px
}

.changepassword-page .input-label, .forgetpasswordui-page .input-label {
    font-size: 16px;
    line-height: 20px;
    color: #312f2e
}

.changepassword-page .input, .forgetpasswordui-page .input {
    height: 40px
}

.changepassword-page .error-message, .forgetpasswordui-page .error-message {
    color: #ff533f
}

.changepassword-page .description, .forgetpasswordui-page .description {
    font-size: 14px;
    color: #312f2e;
    line-height: 20px
}

@media (min-width:992px) {
    .changepassword-page .description, .forgetpasswordui-page .description {
        font-size: 20px;
        line-height: 30px
    }
}

.changepassword-page .header, .forgetpasswordui-page .header {
    color: #056f9d;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 20px
}

@media (min-width:768px) {
    .changepassword-page .header, .forgetpasswordui-page .header {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .changepassword-page .header, .forgetpasswordui-page .header {
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 32px
    }
}

@media (min-width:768px) {
    .changepassword-page, .forgetpasswordui-page {
        border-top: 5px solid #979290
    }
}

@media (min-width:992px) {
    .changepassword-page, .forgetpasswordui-page {
        border-top: 5px solid #979290
    }
}

.reauthentication-page {
    padding-bottom: 40px;
    background: #fff
}

    .reauthentication-page .forgot-password {
        padding-top: 30px
    }

    .reauthentication-page .cross {
        position: relative;
        text-align: center;
        height: 80px
    }

        .reauthentication-page .cross:before {
            border-right: 1px solid #cdccc9;
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%
        }

        .reauthentication-page .cross span {
            background-color: #fff;
            padding: 6px 0;
            position: relative;
            top: 32px
        }

    .reauthentication-page .facebook-btn {
        cursor: pointer;
        display: block;
        margin-bottom: 10px
    }

    .reauthentication-page .fb-login-container img {
        max-width: none !important
    }

    .reauthentication-page .button-container {
        margin: auto
    }

    .reauthentication-page .cross-or {
        margin: auto;
        width: 100px
    }

        .reauthentication-page .cross-or h2 {
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #cccbc8;
            line-height: .1em;
            margin: 25px 0 25px;
            font-weight: normal
        }

        .reauthentication-page .cross-or span {
            background: #fff;
            padding: 0 10px;
            font-size: 20px
        }

    .reauthentication-page .description {
        font-size: 14px;
        color: #312f2e;
        line-height: 20px
    }

@media (min-width:992px) {
    .reauthentication-page .description {
        font-size: 20px;
        line-height: 30px
    }
}

.reauthentication-page .description-container {
    margin-bottom: 20px
}

.reauthentication-page .header {
    color: #056f9d;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 20px
}

@media (min-width:768px) {
    .reauthentication-page .header {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .reauthentication-page .header {
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 32px
    }
}

@media (min-width:768px) {
    .reauthentication-page {
        border-top: 5px solid #979290
    }
}

@media (min-width:992px) {
    .reauthentication-page {
        border-top: 5px solid #979290
    }
}

.cgg-visible-xs, .cgg-visible-xs-block, .cgg-visible-xs-inline, .cgg-visible-xs-inline-block, .cgg-visible-sm-block, .cgg-visible-sm-inline, .cgg-visible-sm-inline-block, .cgg-visible-md-block, .cgg-visible-md-inline, .cgg-visible-md-inline-block, .cgg-visible-lg-block, .cgg-visible-lg-inline, .cgg-visible-lg-inline-block {
    display: none !important
}

@media (max-width:992px) {
    .cgg-visible-xs {
        display: block !important
    }

    table.cgg-visible-xs {
        display: table !important
    }

    tr.cgg-visible-xs {
        display: table-row !important
    }

    th.cgg-visible-xs, td.cgg-visible-xs {
        display: table-cell !important
    }

    .cgg-visible-xs {
        display: block !important
    }

    .cgg-visible-xs-block {
        display: block !important
    }

    .cgg-visible-xs-inline {
        display: inline !important
    }

    .cgg-visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cgg-visible-md {
        display: block !important
    }

    table.cgg-visible-md {
        display: table !important
    }

    tr.cgg-visible-md {
        display: table-row !important
    }

    th.cgg-visible-md, td.cgg-visible-md {
        display: table-cell !important
    }

    .cgg-visible-md-block {
        display: block !important
    }

    .cgg-visible-md-inline {
        display: inline !important
    }

    .cgg-visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .cgg-visible-lg {
        display: block !important
    }

    table.cgg-visible-lg {
        display: table !important
    }

    tr.cgg-visible-lg {
        display: table-row !important
    }

    th.cgg-visible-lg, td.cgg-visible-lg {
        display: table-cell !important
    }

    .cgg-visible-lg-block {
        display: block !important
    }

    .cgg-visible-lg-inline {
        display: inline !important
    }

    .cgg-visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .cgg-hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cgg-hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cgg-hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .cgg-hidden-lg {
        display: none !important
    }
}

.cgg-login-modal.cc-modal {
    color: #312f2e
}

    .cgg-login-modal.cc-modal .modal-dialog {
        width: 310px;
        margin: auto;
        top: 5px
    }

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog {
        width: 720px;
        top: 15%
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content {
    padding: 15px;
    text-align: center;
    border-radius: 3px;
    position: relative
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content {
        padding: 30px 40px;
        font-size: 0
    }

        .cgg-login-modal.cc-modal .modal-dialog .modal-content .fb-login-container {
            width: 43%;
            display: inline-block;
            vertical-align: top
        }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .fb-login-container__title {
    color: #076b9c;
    margin-top: 0;
    text-align: left;
    font-size: 24px
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .fb-login-container__benefits-lists {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 1.67
}

    .cgg-login-modal.cc-modal .modal-dialog .modal-content .fb-login-container__benefits-lists .m-cgg.m-cgg-icon--check2 {
        color: #73a645;
        font-size: 22px
    }

.cgg-login-modal.cc-modal .modal-dialog .modal-content .fb-login-container__sign-up-container {
    margin-bottom: 15px
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .fb-login-container__sign-up-button {
    width: 100%;
    display: block
}

@media (max-width:258px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .fb-login-container__sign-up-button img {
        width: 100%
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .pop-up-partition {
    position: relative;
    height: 20px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .pop-up-partition {
        width: 14%;
        height: 100%;
        min-height: 250px;
        margin: 0;
        display: inline-block;
        vertical-align: top
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .pop-up-partition__line {
    height: 2px;
    width: 100%;
    border-bottom: 2px solid #979290;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .pop-up-partition__line {
        width: 1px;
        height: 100%;
        border-bottom: none;
        border-right: 1px solid #cccbc8;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .pop-up-partition__text {
    display: inline-block;
    position: absolute;
    background-color: #fff;
    font-size: 16px;
    padding: 0 10px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .pop-up-partition__text {
        padding: 10px 0;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }

    .cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container {
        width: 43%;
        display: inline-block;
        vertical-align: top
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__title {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #312f2e
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__title {
        color: #076b9c;
        margin-top: 0;
        text-align: left;
        font-size: 24px;
        font-weight: normal
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__description {
    display: none;
    text-align: left;
    font-size: 18px;
    line-height: 1.39
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__description {
        display: block
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form {
    width: 100%;
    height: 40px;
    text-align: justify;
    font-size: 0;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form {
        height: initial
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form .form-email-input {
    height: 100%;
    width: 67%;
    margin-right: 2%;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #cccbc8
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form .form-email-input {
        width: 100%;
        height: 50px;
        padding: 15px 18px;
        margin-bottom: 5px;
        margin-right: 0;
        font-size: 18px
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form .form-email-input.error {
    border-color: red
}

    .cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form .form-email-input.error + .error-message {
        display: block
    }

.cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form .error-message {
    display: none;
    color: red;
    font-size: 16px;
    margin-bottom: 15px;
    float: left
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form .form-submit-btn {
    border: none;
    width: 31%;
    height: 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 8px;
    color: #fff;
    background-color: #f58423;
    border-radius: 3px;
    box-shadow: inset 0 -4px 0 #e56035
}

@media (min-width:768px) {
    .cgg-login-modal.cc-modal .modal-dialog .modal-content .email-result-container__form .form-submit-btn {
        width: 100%;
        height: 50px;
        padding: 10px;
        font-size: 20px
    }
}

.cgg-login-modal.cc-modal .modal-dialog .modal-content .disclaimer-container {
    margin-bottom: 15px;
    clear: both
}

    .cgg-login-modal.cc-modal .modal-dialog .modal-content .disclaimer-container .disclaimer {
        font-size: 13px;
        line-height: 1.38;
        text-align: left
    }

        .cgg-login-modal.cc-modal .modal-dialog .modal-content .disclaimer-container .disclaimer .disclaimer-link {
            color: #77aa43;
            font-weight: bold
        }

.cgg-login-modal.cc-modal .modal-dialog .modal-content .close-btn {
    -webkit-appearance: none;
    apperance: none;
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 32px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #cccbc8;
    position: absolute;
    top: 10px;
    right: 10px
}

body {
    font-size: 14px !important
}

.userlogin-page {
    background: #f3f2ee;
    min-height: 350px;
    overflow: hidden
}

    .userlogin-page .userlogin-header {
        color: #056f9d;
        font-weight: 600;
        margin-bottom: 15px
    }

    .userlogin-page .userlogin-text {
        font-size: 1.2em;
        margin-bottom: 15px
    }

    .userlogin-page .cgg-page-container {
        flex: 100;
        padding: 0 10px;
        width: 100%
    }

@media (min-width:768px) {
    .userlogin-page .cgg-page-container {
        border-top: 5px solid #cccbc8;
        width: auto
    }
}

@media (min-width:992px) {
    .userlogin-page .cgg-page-container {
        border-top: 5px solid #cccbc8;
        width: auto
    }
}

.userlogin-page .flex {
    display: flex
}

.userlogin-page .userlogin-container {
    max-width: 800px;
    padding-bottom: 30px;
    position: relative
}

@media (min-width:768px) {
    .userlogin-page .userlogin-container {
        margin: auto
    }
}

@media (min-width:992px) {
    .userlogin-page .userlogin-container {
        margin: auto
    }
}

.userlogin-page hr {
    border-top: 1px solid #979290;
    margin: 30px 0 0
}

@media (min-width:992px) {
    .userlogin-page hr {
        margin: 15px 0 0
    }
}

.userlogin-page .userlogin-end-line {
    width: 160px;
    text-align: center;
    font-size: 1.2em;
    color: #979290;
    margin: -12px auto 11px;
    background: #f3f2ee
}

.userlogin-page .see-more {
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
    background: #fff;
    border: 1px solid #f3f2ee;
    color: #979290;
    box-shadow: 0 5px #e7e6e2;
    margin-top: 10px
}

@media (min-width:768px) {
    .userlogin-page .see-more {
        margin-top: 0
    }
}

@media (min-width:992px) {
    .userlogin-page .see-more {
        margin-top: 0
    }
}

.userlogin-page .application_form.complete, .userlogin-page .result.pending, .userlogin-page .result.complete, .userlogin-page .funnel.pending, .userlogin-page .funnel.complete {
    background: #fff;
    border: 1px solid #e7e6e2;
    color: #979290;
    box-shadow: 0 5px #e7e6e2
}

.userlogin-page .application_form.pending {
    color: #fff
}

.block-hidden {
    display: none
}

.userlogin-menu {
    font-size: 14px
}

    .userlogin-menu .header__header .header__headerBottom .header__emaerket {
        position: relative;
        float: left;
        left: 5px;
        top: -8px
    }

        .userlogin-menu .header__header .header__headerBottom .header__emaerket p {
            padding: 0;
            margin: 0
        }

    .userlogin-menu .back_arrow_regret, .userlogin-menu .back_arrow_plain {
        display: none
    }

    .userlogin-menu .header__mobileLogo {
        width: 35vw;
        margin-bottom: 0
    }

@media (min-width:768px) {
    .userlogin-menu .header__mobileLogo {
        width: 192px;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__mobileLogo {
        width: 192px;
        margin-bottom: 0
    }
}

.userlogin-menu .header__mobileLogo.header__mobileLogo__plain {
    display: inline-block
}

.userlogin-menu .header__mobileLogo.header__mobileLogo__mob {
    display: none
}

.userlogin-menu .header__mobileHeader {
    padding: 2vw 1.5vw 0 1.5vw;
    background: #fff;
    border-bottom: 5px solid #056f9d !important
}

.userlogin-menu .header__mobileMenuBtnCol .header__mobileMenuBtn {
    color: #979290;
    padding: 5px 5px 0 0
}

.userlogin-menu .header__menuCloseBtnCol {
    display: block;
    text-align: right;
    padding: 10px;
    background: #fff
}

.userlogin-menu .header__menu-list > li.header__menu-item {
    border: 1px solid #e7e6e2
}

@media (min-width:768px) {
    .userlogin-menu .header__menu-list > li.header__menu-item {
        border: none
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__menu-list > li.header__menu-item {
        border: none
    }
}

.userlogin-menu .header__mobileMenuCloseBtn {
    position: absolute;
    right: 10px;
    line-height: 15px !important;
    display: block !important
}

.userlogin-menu .header__menu-list {
    margin: 0
}

    .userlogin-menu .header__menu-list .header__menu-itemUrl {
        font-weight: normal;
        padding: 10px 20px
    }

@media (min-width:768px) {
    .userlogin-menu .header__menu-list .header__menu-itemUrl {
        font-weight: 600;
        padding: 30px 20px
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__menu-list .header__menu-itemUrl {
        font-weight: 600;
        padding: 30px 20px
    }
}

.userlogin-menu .header__menu-list .header__menu-itemUrl:before {
    color: #979290;
    font-size: 10px;
    display: none;
    margin-right: 20px
}

.userlogin-menu .header__menu-hasSubItem .header__menu-itemUrl:before {
    display: block
}

@media (min-width:768px) {
    .userlogin-menu .header__menu-hasSubItem .header__menu-itemUrl:before {
        display: none
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__menu-hasSubItem .header__menu-itemUrl:before {
        display: none
    }
}

.userlogin-menu .header__menu-hasSubItem li.header__menu-item {
    border-top: none !important
}

.userlogin-menu .phone-link, .userlogin-menu .phone-link:hover, .userlogin-menu .phone-link:active {
    color: #312f2e;
    text-decoration: none;
    float: none
}

@media (min-width:768px) {
    .userlogin-menu .phone-link, .userlogin-menu .phone-link:hover, .userlogin-menu .phone-link:active {
        float: right
    }
}

@media (min-width:992px) {
    .userlogin-menu .phone-link, .userlogin-menu .phone-link:hover, .userlogin-menu .phone-link:active {
        float: right
    }
}

.userlogin-menu .header__office-hrs {
    font-size: 1.2em;
    position: relative;
    top: 0;
    color: #979290;
    display: block
}

@media (min-width:768px) {
    .userlogin-menu .header__office-hrs {
        top: 1px;
        font-size: 1em;
        display: inline
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__office-hrs {
        top: 1px;
        font-size: 1em;
        display: inline
    }
}

.userlogin-menu .header__phone {
    background: #78aa43;
    color: #fff;
    border-radius: 50%;
    padding: 5px;
    font-size: .8em;
    margin: 0
}

@media (min-width:768px) {
    .userlogin-menu .header__phone {
        margin: 0 8px;
        background: #056f9d;
        margin: 0 0 0 5px
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__phone {
        margin: 0 8px;
        background: #056f9d;
        margin: 0 0 0 5px
    }
}

.userlogin-menu .header__call-us {
    font-size: 1.2em;
    font-weight: 600;
    color: #78aa43
}

@media (min-width:768px) {
    .userlogin-menu .header__call-us {
        color: #979290
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__call-us {
        color: #979290
    }
}

.userlogin-menu .header__menuCol {
    padding: 0;
    background: #f3f2ee
}

.userlogin-menu .header__headerTopTel {
    display: none
}

@media (min-width:768px) {
    .userlogin-menu .header__headerTop {
        margin: 0;
        height: 82px;
        padding: 0 20px;
        border-top: none
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__headerTop {
        margin: 0;
        height: 82px;
        border-top: none;
        padding: 0 20px
    }
}

.userlogin-menu .header__desktopLogoCol {
    display: none
}

@media (min-width:768px) {
    .userlogin-menu .header__desktopLogoCol {
        display: inline-block
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__desktopLogoCol {
        display: inline-block
    }
}

.userlogin-menu .header__headerBottom {
    padding: 0 20px;
    display: block
}

@media (min-width:768px) {
    .userlogin-menu .header__headerBottom {
        padding: 10px 20px;
        position: relative;
        height: 44px
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__headerBottom {
        padding: 10px 20px;
        position: relative;
        height: 44px
    }
}

.userlogin-menu .header__fbCol {
    float: left
}

    .userlogin-menu .header__fbCol .fb__share {
        margin-left: 5px;
        display: inline-block;
        position: relative;
        top: -1px
    }

    .userlogin-menu .header__fbCol .fb_iframe_widget {
        top: 1px
    }

@media (min-width:768px) {
    .userlogin-menu .header__fbCol .fb_iframe_widget {
        top: -1px;
        left: -5px
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__fbCol .fb_iframe_widget {
        top: 1px;
        left: 0
    }
}

.userlogin-menu .header__phoneCol {
    float: left;
    position: absolute;
    bottom: 0
}

@media (min-width:768px) {
    .userlogin-menu .header__phoneCol {
        position: absolute;
        float: right;
        right: 10px;
        top: 16px;
        font-size: .8em
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__phoneCol {
        position: relative;
        float: right;
        right: auto;
        top: auto;
        font-size: 1em
    }
}

.userlogin-menu .header__telBtnCol {
    width: auto
}

@media (min-width:768px) {
    .userlogin-menu .header__telBtnCol {
        width: auto
    }
}

@media (min-width:992px) {
    .userlogin-menu .header__telBtnCol {
        width: 267px
    }
}

.userlogin-menu .header__returnArrow {
    display: none
}

.userlogin-menu.header__regret .header__mobileLogo.header__mobileLogo__plain {
    display: none
}

.userlogin-menu.header__regret .header__mobileLogo.header__mobileLogo__mob {
    display: inline-block
}

.userlogin-menu.header__regret .header__mobileHeader {
    background-color: #056f9d;
    border-bottom: 5px solid transparent
}

.userlogin-menu.header__regret .header__mobileMenuBtnCol .header__mobileMenuBtn {
    color: #fff
}

.userlogin-menu.header__regret .phone-link, .userlogin-menu.header__regret .phone-link:hover, .userlogin-menu.header__regret .phone-link:active {
    color: #fff;
    text-decoration: none
}

.userlogin-menu.header__regret .header__headerTopTel {
    display: block;
    margin: 10px 15px;
    float: right
}

    .userlogin-menu.header__regret .header__headerTopTel .header__office-hrs {
        color: #fff;
        top: -1px
    }

    .userlogin-menu.header__regret .header__headerTopTel .header__call-us {
        color: #fff
    }

    .userlogin-menu.header__regret .header__headerTopTel .header__phone {
        background: #155072
    }

@media (min-width:768px) {
    .userlogin-menu.header__regret .header__headerBottom {
        display: none
    }
}

@media (min-width:992px) {
    .userlogin-menu.header__regret .header__headerBottom {
        display: none
    }
}

.userlogin-menu.header__regret .header__header .header__returnArrow {
    margin: 0 15px 0 0;
    border-radius: 50%;
    font-size: 29px;
    color: #056f9d;
    display: inline;
    background-color: #fff;
    line-height: 20px;
    position: relative;
    top: 8px;
    padding: 6px 3px 0 10px
}

.userlogin-menu.header__regret .header__header .back_arrow_regret {
    display: inline
}

.userlogin-menu.header__regret .header__header .header__telBtnCol, .userlogin-menu.header__regret .header__header .header__desktopLogoCol {
    width: auto
}

.userlogin-product-showcase {
    padding-top: 20px
}

    .userlogin-product-showcase .product-showcase__item {
        width: 48%
    }

@media (min-width:768px) {
    .userlogin-product-showcase .product-showcase__item {
        width: 48%
    }
}

@media (min-width:992px) {
    .userlogin-product-showcase .product-showcase__item {
        width: 30%
    }
}

.userlogin-product-showcase .product-showcase__item .product-showcase__item__subtext {
    display: block
}

.userlogin-product-showcase .product-showcase__item .product-showcase__item__btn {
    display: block
}

.userlogin-product-showcase .product-showcase__item__icon {
    height: 95px;
    width: 95px
}

@media (min-width:768px) {
    .userlogin-product-showcase .product-showcase__item__icon {
        height: 100px;
        width: 100px
    }
}

@media (min-width:992px) {
    .userlogin-product-showcase .product-showcase__item__icon {
        height: 100px;
        width: 100px
    }
}

.userlogin-product-showcase .product-showcase__item__icon img {
    position: relative;
    bottom: 15px
}

@media (min-width:768px) {
    .userlogin-product-showcase .product-showcase__item__icon img {
        bottom: 10px
    }
}

@media (min-width:992px) {
    .userlogin-product-showcase .product-showcase__item__icon img {
        bottom: 10px
    }
}

.userlogin-product-showcase .product-list {
    margin: 0
}

.userlogin-product-showcase .product-showcase__item__text {
    font-size: 17px
}

.userlogin-menu.header__plain .header__headerBottom, .userlogin-menu.header__plain .header__menu, .userlogin-menu.header__plain .header__mobileMenuBtn {
    display: none
}

.userlogin-menu.header__plain .header__mobileHeader {
    background: #fff;
    border-bottom: 5px solid #056f9d
}

.userlogin-menu.header__plain .header__headerTop {
    border-bottom: 5px solid #056f9d
}

.userlogin-menu.header__plain .header__mobileLogo__plain {
    display: block
}

.userlogin-menu.header__regret_plain .header__office-hrs {
    top: -1px
}

.userlogin-menu.header__regret_plain .header__telBtnCol, .userlogin-menu.header__regret_plain .header__desktopLogoCol {
    width: auto
}

.userlogin-menu.header__regret_plain .header__headerTopTel {
    display: block;
    margin: 10px 15px;
    float: right
}

.userlogin-menu.header__regret_plain .header__headerBottom, .userlogin-menu.header__regret_plain .header__menu, .userlogin-menu.header__regret_plain .header__mobileMenuBtn {
    display: none
}

.userlogin-menu.header__regret_plain .header__mobileHeader {
    background: #fff;
    border-bottom: 5px solid #056f9d
}

.userlogin-menu.header__regret_plain .header__headerTop {
    border-bottom: 5px solid #056f9d
}

.userlogin-menu.header__regret_plain .header__mobileLogo__plain {
    display: inline-block
}

.userlogin-menu.header__regret_plain .header__desktopLogoCol {
    width: auto
}

.userlogin-menu.header__regret_plain .header__mobileMenuBtnCol .header__returnArrow {
    display: inline;
    font-size: 25px;
    position: relative;
    top: 5px;
    padding: 0;
    margin: 0;
    color: #f3f2ee
}

.userlogin-menu.header__regret_plain .header__mobileMenuBtnCol .back_arrow_plain {
    display: inline
}

.userlogin-menu.header__regret_plain .header__header .header__returnArrow {
    margin: 0;
    font-size: 30px;
    color: #f3f2ee;
    display: inline;
    position: relative;
    top: 10px;
    padding: 0
}

.userlogin-menu.header__regret_plain .header__header .back_arrow_plain {
    display: inline
}

.ciab-btn--white {
    background: #fff;
    border: 1px solid #e7e6e2;
    color: #979290 !important;
    box-shadow: 0 5px #e7e6e2;
    border-radius: 3px;
    width: 100%;
    display: block;
    font-size: 22px;
    font-weight: 800;
    padding: 8px 12px;
    position: relative;
    z-index: 0;
    white-space: normal;
    height: auto
}

.has-error {
    color: #ff533f !important
}

.number-circle {
    color: #fff;
    border-radius: 50%;
    font-size: .8em;
    background: #e4602d;
    padding: 3px 8px 3px 8px;
    text-align: center
}


*.home-hero-banner + .blue-logo-band + .product-showcase, .home-hero-banner + .product-showcase, .home-hero-banner + .blue-logo-band + .provider-hero + .cc-provider + .product-showcase, .home-hero-banner + .regulatory-logos + .product-showcase {
    display: none
}

.cc-provider + .product-showcase {
    display: none
}

.home-hero-banner {
    background: #dedcd9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    min-height: 500px
}

    .home-hero-banner.v2 {
        background-size: cover;
        background-position: center;
        position: relative
    }

        .home-hero-banner.v2 .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: rgba(49,47,46,.2)
        }

            .home-hero-banner.v2 .hero-overlay + .container {
                z-index: 3;
                position: relative;
                display: table
            }

        .home-hero-banner.v2 .home-hero-banner_wrap {
            text-align: center;
            float: none;
            margin: 0 auto;
            padding: 100px 0;
            height: 500px;
            display: table-cell;
            vertical-align: middle
        }

@media (max-width:768px) {
    .home-hero-banner.v2 .home-hero-banner_wrap {
        padding: 20px 0;
        height: 360px
    }
}

.home-hero-banner.v2 .home-hero-banner_wrap h1 {
    text-align: center;
    color: #fff;
    font-size: 42px;
    line-height: normal;
    margin: 0 0 21.5px 0;
    text-shadow: 0 2px 4px rgba(0,0,0,.5)
}

@media (max-width:768px) {
    .home-hero-banner.v2 .home-hero-banner_wrap h1 {
        margin: 0 5px 23px 5px;
        font-size: 27px;
        line-height: normal;
        text-shadow: 0 2px 2px rgba(0,0,0,.5)
    }
}

.home-hero-banner.v2 .home-hero-banner_wrap .text-wrap {
    width: 100%
}

.home-hero-banner.v2 .home-hero-banner_wrap ul {
    background: none;
    box-shadow: none;
    margin: 0;
    width: 100%;
    border-radius: 0;
    display: block;
    text-align: center;
    overflow: visible
}

@media (max-width:768px) {
    .home-hero-banner.v2 .home-hero-banner_wrap ul {
        position: static;
        padding: 0 45px 0 45px
    }
}

.home-hero-banner.v2 .home-hero-banner_wrap ul li {
    width: auto;
    float: none;
    border-right: none;
    margin: 7.5px
}

@media (max-width:768px) {
    .home-hero-banner.v2 .home-hero-banner_wrap ul li {
        display: inline-block;
        margin: 7.5px
    }
}

@media (max-width:480px) {
    .home-hero-banner.v2 .home-hero-banner_wrap ul li {
        display: block;
        border-bottom: none;
        margin: 0 0 20px 0
    }

        .home-hero-banner.v2 .home-hero-banner_wrap ul li:last-child {
            margin-bottom: 0
        }
}

.home-hero-banner.v2 .home-hero-banner_wrap ul li a {
    background: #77aa43;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.5), inset 0 -4px 0 0 #56924b;
    padding: 15px 30px 15px 20px;
    width: auto;
    color: #fff;
    border-radius: 6px;
    -webkit-transition: all .35s;
    transition: all .35s
}

    .home-hero-banner.v2 .home-hero-banner_wrap ul li a:hover {
        background: #56924b;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.5), inset 0 -4px 0 0 #42703a;
        cursor: pointer
    }

@media (max-width:768px) {
    .home-hero-banner.v2 .home-hero-banner_wrap ul li a {
        width: 100%;
        padding: 10px 20px 12px 20px;
        display: table;
        vertical-align: middle
    }

        .home-hero-banner.v2 .home-hero-banner_wrap ul li a .icon-wrap {
            width: 26px
        }
}

@media (max-width:768px) and (max-width:768px) {
    .home-hero-banner.v2 .home-hero-banner_wrap ul li a .icon-wrap img {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:768px) {
    .home-hero-banner.v2 .home-hero-banner_wrap ul li a .hero-item-txt {
        padding-left: 10px;
        line-height: 1.15;
        top: 0;
        word-break: break-word;
        text-align: left
    }

    .home-hero-banner.v2 .home-hero-banner_wrap ul li a span {
        display: table-cell;
        vertical-align: middle
    }
}

.home-hero-banner.v2 .home-hero-banner_wrap ul li a img {
    margin-right: 8px;
    max-height: 40px;
    max-width: 40px;
    height: auto
}

.home-hero-banner.v3 {
    background-size: cover;
    background-position: center;
    position: relative;
    max-height: 564px
}

@media (max-width:992px) {
    .home-hero-banner.v3 {
        max-height: 664px
    }
}

.home-hero-banner.v3 .home-hero-banner_wrap {
    text-align: center;
    float: none;
    margin: 0 auto;
    padding: 50px 0 0;
    height: 445px;
    display: table-cell;
    vertical-align: middle
}

@media (max-width:768px) {
    .home-hero-banner.v3 .home-hero-banner_wrap {
        padding: 20px 0 0;
        height: 360px
    }
}

@media (max-width:480px) {
    .home-hero-banner.v3 .home-hero-banner_wrap {
        padding: 20px 0
    }
}

.home-hero-banner.v3 .home-hero-banner_wrap h1 {
    text-align: center;
    color: #fff;
    font-size: 42px;
    line-height: normal;
    margin: 0 0 21.5px 0;
    text-shadow: 0 2px 4px rgba(0,0,0,.5)
}

@media (max-width:768px) {
    .home-hero-banner.v3 .home-hero-banner_wrap h1 {
        margin: 0 5px 23px 5px;
        font-size: 27px;
        line-height: normal;
        text-shadow: 0 2px 2px rgba(0,0,0,.5)
    }
}

.home-hero-banner.v3 .home-hero-banner_wrap h1 img {
    max-width: 300px
}

.home-hero-banner.v3 .home-hero-banner_wrap .text-wrap {
    width: 100%
}

.home-hero-banner.v3 .home-hero-banner_wrap ul {
    background: none;
    box-shadow: none;
    margin: 0;
    width: 100%;
    border-radius: 0;
    display: block;
    text-align: center;
    overflow: visible
}

@media (max-width:768px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul {
        position: static
    }
}

.home-hero-banner.v3 .home-hero-banner_wrap ul li {
    width: auto;
    height: 132px;
    float: none;
    border-right: none;
    margin: 5px;
    position: relative
}

@media (min-width:768px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li {
        min-width: 142px
    }
}

@media (min-width:1200px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li {
        min-width: 144px
    }
}

@media (max-width:992px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li {
        display: inline-block;
        margin: 5px;
        height: auto
    }
}

@media (max-width:480px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li {
        border-bottom: none;
        margin: 0 5px 10px 5px;
        min-width: 132px
    }

        .home-hero-banner.v3 .home-hero-banner_wrap ul li:last-child {
            margin-bottom: 0
        }
}

.home-hero-banner.v3 .home-hero-banner_wrap ul li a {
    background: #77aa43;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.5), inset 0 -4px 0 0 #56924b;
    padding: 15px 10px;
    color: #fff;
    border-radius: 6px;
    -webkit-transition: all .35s;
    transition: all .35s
}

    .home-hero-banner.v3 .home-hero-banner_wrap ul li a .hero-item-txt {
        display: block;
        text-align: right
    }

@media (max-width:992px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li a .hero-item-txt {
        position: absolute;
        top: initial;
        bottom: 15px;
        right: 12px;
        font-size: 22px
    }
}

@media (max-width:480px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li a .hero-item-txt {
        bottom: 12px;
        font-size: 20px;
        line-height: 18px
    }
}

.home-hero-banner.v3 .home-hero-banner_wrap ul li a:hover {
    background: #56924b;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.5), inset 0 -4px 0 0 #42703a;
    cursor: pointer
}

@media (max-width:992px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li a {
        width: 160px;
        position: relative;
        height: 90px
    }
}

@media (max-width:480px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li a {
        width: 132px
    }
}

.home-hero-banner.v3 .home-hero-banner_wrap ul li a img {
    max-height: 80px;
    max-width: 80px;
    height: auto;
    display: block
}

@media (max-width:992px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li a img {
        position: absolute;
        top: 5px;
        left: 5px;
        max-width: 64px
    }
}

@media (max-width:768px) {
    .home-hero-banner.v3 .home-hero-banner_wrap ul li a img {
        width: auto
    }
}

.home-hero-banner.v3 .provider-hero {
    background: transparent;
    padding: 0 0 15px
}

    .home-hero-banner.v3 .provider-hero .container {
        max-width: 1024px;
        margin: 0 auto 15px
    }

.home-hero-banner.v3 .provider-hero__header {
    color: #fff;
    display: table;
    white-space: nowrap
}

@media (max-width:768px) {
    .home-hero-banner.v3 .provider-hero__header {
        margin: 10px 20px
    }
}

.home-hero-banner.v3 .provider-hero__header:before, .home-hero-banner.v3 .provider-hero__header:after {
    border-top: 1px solid #fff;
    content: "";
    display: table-cell;
    position: relative;
    top: .5em;
    width: 45%
}

.home-hero-banner.v3 .provider-hero__header:before {
    right: 1.5%
}

.home-hero-banner.v3 .provider-hero__header:after {
    left: 1.5%
}

@media (min-width:1200px) {
    .home-hero-banner {
        background-size: contain
    }
}

@media (max-width:480px) {
    .home-hero-banner.v1 {
        background-image: none !important;
        background: #e7e6e2;
        min-height: 0
    }
}

.home-hero-banner.v1 .mobile-hero-banner {
    display: none
}

@media (max-width:768px) {
    .home-hero-banner.v1 .mobile-hero-banner {
        display: none
    }
}

@media (max-width:480px) {
    .home-hero-banner.v1 .mobile-hero-banner {
        display: block
    }
}

.home-hero-banner.v1 .mascot-tab-view {
    display: none;
    text-align: center;
    margin: 25px auto
}

@media (max-width:768px) {
    .home-hero-banner.v1 .mascot-tab-view {
        display: block
    }
}

@media (max-width:480px) {
    .home-hero-banner.v1 .mascot-tab-view {
        display: none
    }
}

.home-hero-banner.v1 .mascot-tab-view img {
    max-width: 250px;
    display: inline-block
}

.home-hero-banner.v1.mascotted {
    background-size: cover;
    background-position: bottom left
}

@media (max-width:480px) {
    .home-hero-banner.v1.mascotted .text-wrap {
        display: none
    }
}

@media (max-width:768px) {
    .home-hero-banner {
        min-height: 0
    }
}

.home-hero-banner_wrap {
    padding: 72px 0 112px 0
}

    .home-hero-banner_wrap.mascotted {
        width: 67%;
        float: left
    }

@media (max-width:768px) {
    .home-hero-banner_wrap.mascotted {
        width: 100%
    }
}

@media (max-width:480px) {
    .home-hero-banner_wrap.mascotted {
        width: 100%
    }
}

.home-hero-banner_wrap.mascotted .text-wrap {
    width: 55%
}

    .home-hero-banner_wrap.mascotted .text-wrap.column-wide-4 {
        width: 100%
    }

.home-hero-banner_wrap.mascotted .mobile-hero-banner {
    text-align: center;
    margin: -20px;
    height: auto;
    background: #e7e6e2;
    background-size: cover
}

@media (max-width:480px) {
    .home-hero-banner_wrap.mascotted .mobile-hero-banner {
        margin: -15px
    }

        .home-hero-banner_wrap.mascotted .mobile-hero-banner .heading-wrap {
            padding: 30px 30px 0 30px
        }
}

.home-hero-banner_wrap.mascotted .mobile-hero-banner img {
    max-width: 161px;
    margin: 25px auto
}

@media (max-width:768px) {
    .home-hero-banner_wrap {
        padding: 15px 0 25px 0
    }
}

.home-hero-banner_wrap .text-wrap {
    width: 55%
}

    .home-hero-banner_wrap .text-wrap.column-wide-4 {
        width: 67%
    }

        .home-hero-banner_wrap .text-wrap.column-wide-4.mascotted {
            width: 100%
        }

@media (max-width:768px) {
    .home-hero-banner_wrap .text-wrap.column-wide-4 {
        width: 100%
    }
}

@media (max-width:480px) {
    .home-hero-banner_wrap .text-wrap.column-wide-4 {
        width: 100%
    }
}

@media (max-width:768px) {
    .home-hero-banner_wrap .text-wrap {
        width: 60%
    }
}

@media (max-width:480px) {
    .home-hero-banner_wrap .text-wrap {
        width: 100%;
        position: relative;
        z-index: 2
    }
}

.home-hero-banner_wrap h1 {
    color: #56924b;
    font-size: 45px;
    line-height: 55px;
    font-weight: bold;
    margin: 0 0 13px 0;
    text-align: left
}

@media (max-width:768px) {
    .home-hero-banner_wrap h1 {
        line-height: 55px
    }
}

@media (max-width:480px) {
    .home-hero-banner_wrap h1 {
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 0;
        text-align: center
    }
}

.home-hero-banner_wrap p {
    color: #312f2e;
    font-size: 23px;
    line-height: 34px;
    font-weight: bold;
    margin-bottom: 20px
}

@media (max-width:768px) {
    .home-hero-banner_wrap p {
        margin-bottom: 10px
    }
}

@media (max-width:480px) {
    .home-hero-banner_wrap p {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin-top: 4px;
        margin-bottom: 0
    }

    .home-hero-banner_wrap .mobile-hero-banner {
        height: 65vw;
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
        margin: -20px -15px -15px -15px;
        position: relative
    }
}

@media (max-width:991px) {
    .home-hero-banner_wrap .column-wide-5 p {
        margin-bottom: 15px
    }
}

.home-hero-banner_wrap .btn-padding {
    padding: 15px
}

.home-hero-banner_wrap ul {
    background: #fbfbfb;
    margin-bottom: 0;
    box-shadow: 0 1px 4px 0 rgba(78,78,78,.5);
    border-radius: 8px;
    padding-left: 0;
    display: inline-block;
    overflow: hidden;
    width: 57.2%
}

    .home-hero-banner_wrap ul.hero-btns-wrapper-5 {
        width: 84%;
        display: table
    }

@media (max-width:768px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-5 {
        width: 100%
    }
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-5 {
        width: 100%
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-5 li {
    width: 20%;
    display: table-cell;
    border-left: 1px solid #dedcd9;
    border-right: none
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-5 li {
        width: 100%
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-5 li:first-child {
    border-left: none
}

.home-hero-banner_wrap ul.hero-btns-wrapper-5 li:last-child {
    border-left: 1px solid #dedcd9
}

.home-hero-banner_wrap ul.hero-btns-wrapper-5 li a {
    padding: 38px 10px
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-5 li a {
        padding: 5px 30px;
        display: table
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-5 li a .icon-wrap {
    display: block;
    text-align: center
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-5 li a .icon-wrap {
        display: table-cell;
        width: 30%;
        vertical-align: middle
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-5 li a .icon-wrap img {
    height: 62px;
    margin: 0 auto 15px auto
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-5 li a .icon-wrap img {
        margin-bottom: 0
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-5 li a .hero-item-txt {
    font-size: 17px;
    top: 0;
    line-height: 1.3
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-5 li a .hero-item-txt {
        top: 0;
        display: table-cell;
        padding-left: 10px;
        width: 70%;
        vertical-align: middle
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-4 {
    width: 67%;
    display: table
}

    .home-hero-banner_wrap ul.hero-btns-wrapper-4.mascotted {
        width: 100%
    }

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-4.mascotted {
        top: 0
    }

        .home-hero-banner_wrap ul.hero-btns-wrapper-4.mascotted.outer {
            display: none
        }

        .home-hero-banner_wrap ul.hero-btns-wrapper-4.mascotted.inner {
            display: block
        }

        .home-hero-banner_wrap ul.hero-btns-wrapper-4.mascotted li a .icon-wrap img {
            margin: 0 auto
        }
}

@media (max-width:768px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-4 {
        width: 100%
    }
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-4 {
        width: 100%
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-4 li {
    width: 25%;
    text-align: center;
    display: table-cell;
    vertical-align: top;
    height: 100%;
    float: none
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-4 li {
        display: table;
        width: 50%;
        text-align: center;
        float: left;
        clear: none
    }

        .home-hero-banner_wrap ul.hero-btns-wrapper-4 li:nth-child(2n+1) {
            border-right: 1px solid #dedcd9
        }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-4 li a {
    padding: 37px 20px
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-4 li a {
        padding: 15px;
        line-height: normal;
        display: table-cell;
        height: 120px;
        vertical-align: middle
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-4 li a .icon-wrap {
    display: inline-block;
    margin-bottom: 8px;
    width: 100%
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-4 li a .icon-wrap {
        text-align: center;
        margin-bottom: 10px
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-4 li a .icon-wrap img {
    height: 56px;
    margin-right: 0
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-4 li a .icon-wrap img {
        height: 18vw;
        width: auto
    }
}

.home-hero-banner_wrap ul.hero-btns-wrapper-4 li a .hero-item-txt {
    font-size: 20px;
    line-height: 1.15;
    word-break: break-word
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul.hero-btns-wrapper-4 li a .hero-item-txt {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 13px;
        line-height: 1.1;
        position: static
    }
}

@media (max-width:768px) {
    .home-hero-banner_wrap ul {
        width: 95%
    }
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul {
        width: 100%;
        top: -15px;
        position: relative;
        z-index: 1
    }
}

@media (min-width:479px) and (max-width:685px) {
    .home-hero-banner_wrap ul {
        width: 100%
    }
}

.home-hero-banner_wrap ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #dedcd9;
    width: 50%;
    float: left
}

    .home-hero-banner_wrap ul li.hero-btn-3 {
        width: 33.3%
    }

@media (max-width:480px) {
    .home-hero-banner_wrap ul li {
        border-right: none;
        border-bottom: 1px solid #dedcd9;
        width: 100%;
        clear: both
    }

        .home-hero-banner_wrap ul li.hero-btn-3 {
            width: 100%
        }
}

.home-hero-banner_wrap ul li:last-child {
    border: none
}

.home-hero-banner_wrap ul li a {
    color: #56924b;
    padding: 38px 42px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #56924b;
    line-height: 25px;
    font-weight: bold;
    -webkit-transition: all .35s;
    transition: all .35s
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul li a {
        text-align: left;
        padding: 24px
    }
}

@media (max-width:768px) {
    .home-hero-banner_wrap ul li a:focus {
        background: #ddead0;
        cursor: pointer
    }
}

.home-hero-banner_wrap ul li a:hover {
    background: #ddead0;
    cursor: pointer
}

.home-hero-banner_wrap ul li a:active, .home-hero-banner_wrap ul li a:focus, .home-hero-banner_wrap ul li a:hover {
    text-decoration: none;
    outline: none
}

.home-hero-banner_wrap ul li a img {
    margin-right: 15px;
    height: 32px
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul li a img {
        margin-right: 18px;
        width: 51px
    }
}

.home-hero-banner_wrap ul li a .hero-item-txt {
    display: inline-block;
    position: relative;
    font-size: 23px;
    top: 5px
}

@media (max-width:480px) {
    .home-hero-banner_wrap ul li a .hero-item-txt {
        font-size: 19px
    }
}

@media (min-width:479px) and (max-width:685px) {
    .home-hero-banner_wrap ul li a .hero-item-txt {
        font-size: 19px
    }
}

.home-hero-banner .mascot-wrapper {
    width: 33%;
    float: left
}

@media (max-width:768px) {
    .home-hero-banner .mascot-wrapper {
        display: none
    }
}

.home-hero-banner .mascot-wrapper .mascot {
    margin-top: 90px;
    margin-left: 25px
}

    .home-hero-banner .mascot-wrapper .mascot img {
        width: 100%;
        max-width: 424px
    }


*.blue-logo-band {
    padding: 25px 0;
    background: #076b9c;
    text-align: center
}

@media (max-width:480px) {
    .blue-logo-band {
        padding: 15px 0;
        display: none
    }
}

.blue-logo-band .short-txt {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: normal;
    display: inline-block;
    margin-right: 35px;
    position: relative;
    top: 4px
}

@media (max-width:480px) {
    .blue-logo-band .short-txt {
        top: 0;
        margin-right: 0;
        font-size: 14px
    }
}

.blue-logo-band ul {
    text-align: center;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0
}

@media (max-width:480px) {
    .blue-logo-band ul {
        margin-top: -5px
    }
}

.blue-logo-band ul li {
    display: inline-block;
    margin-right: 30px
}

@media (max-width:480px) {
    .blue-logo-band ul li {
        margin-top: 15px;
        width: 33%;
        float: left;
        padding: 0 8px;
        margin-right: 0;
        margin-left: 0;
        height: 30px
    }
}

@media (max-width:768px) {
    .blue-logo-band ul li {
        margin-top: 20px;
        width: 33%;
        float: left;
        padding: 0 10px;
        margin-right: 0;
        margin-left: 0;
        height: 30px
    }
}

.blue-logo-band ul li:last-child {
    margin-right: 0
}

.blue-logo-band ul li img {
    height: 32px
}

@media (max-width:480px) {
    .blue-logo-band ul li img {
        max-width: 100%;
        max-height: 30px;
        height: auto
    }
}

@media (max-width:768px) {
    .blue-logo-band ul li img {
        max-width: 100%;
        max-height: 32px;
        height: auto
    }
}

.regulatory-logos {
    background-color: #e6f1f9;
    padding: 50px 30px;
    text-align: center
}

.regulatory-logos__header {
    font-size: 24px;
    line-height: 1.2
}

.regulatory-logos__logo_container {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 20px
}

    .regulatory-logos__logo_container > div > img {
        max-width: 150px;
        width: 100%
    }

.top-banner-desktop.settings-secondary {
    min-height: 392px
}

@media (max-width:480px) {
    .top-banner-desktop.settings-secondary {
        min-height: auto;
        background-image: none !important
    }
}

.top-banner-desktop.settings-secondary .product-list {
    margin-top: 102px
}

@media (max-width:480px) {
    .top-banner-desktop.settings-secondary .product-list {
        margin-top: 0
    }
}

.top-banner-desktop.settings-secondary .product-list .ciab-btn--xs {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 27px;
    line-height: 23px;
    max-width: 280px;
    text-transform: none;
    border-radius: 6px;
    margin-top: 25px
}

.top-banner-desktop.settings-secondary .product-list .product-showcase__item {
    padding: 15px 10px
}

@media (max-width:480px) {
    .top-banner-desktop.settings-secondary .product-list .product-showcase__item:nth-child(2n) {
        background: #155072
    }

    .top-banner-desktop.settings-secondary .product-list .product-showcase__item:nth-child(2n+1) {
        background: #076b9c
    }
}

.top-banner-desktop.settings-secondary .product-list .product-showcase__item__text {
    margin-bottom: 12px
}

@media (max-width:480px) {
    .top-banner-desktop.settings-secondary .product-list .product-showcase__item__text {
        margin: 0
    }
}

.top-banner-desktop.settings-secondary .product-list .product-showcase__item__text a {
    font-size: 33px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 0 rgba(0,0,0,.3)
}

@media (max-width:480px) {
    .top-banner-desktop.settings-secondary .product-list .product-showcase__item__text a {
        font-size: 18px
    }
}

.top-banner-desktop.settings-secondary .product-list .product-showcase__item__subtext {
    margin-bottom: 0;
    min-height: auto
}

@media (max-width:480px) {
    .top-banner-desktop.settings-secondary .product-list .product-showcase__item__subtext {
        display: block;
        line-height: 16px;
        min-height: 72px
    }
}

.top-banner-desktop.settings-secondary .product-list .product-showcase__item__subtext a {
    font-size: 15px
}

@media (max-width:480px) {
    .top-banner-desktop.settings-secondary .product-list .product-showcase__item__subtext a {
        font-size: 13px;
        line-height: 15px
    }
}

.top-banner-desktop.settings-secondary .product-list .product-showcase__item__btn {
    margin-top: 25px
}

@media (max-width:480px) {
    .top-banner-desktop.settings-secondary .product-list .product-showcase__item__btn {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        padding: 6px 10px;
        line-height: 16px;
        margin-top: 10px
    }
}