/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure, main { display: block } figure { margin: 0; line-height: 0 } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: inherit } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } /* VORTEX EDITOR STYLES */ .NGW-Button-Pill-Gray { border-radius: 50px; padding: 13px 25px; font-size: 10px; background-color: #b7c3d8; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-weight: 700; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase; } .NGW-Button-Pill-Orange { border-radius: 50px; padding: 13px 25px; font-size: 10px; background-color: #f7941e; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-weight: 700; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase; } /* END VORTEX EDITOR STYLES */ .tpl4 .container { max-width: 1200px; -webkit-box-sizing: content-box; box-sizing: content-box; margin-right: auto; margin-left: auto } .u-fill-white { fill: #fff } .u-color-white { color: #fff } .u-white { fill: #fff; color: #fff } .u-bg-white { background-color: #fff } .u-fill-white--darkest { fill: #e8ebf0 } .u-color-white--darkest { color: #e8ebf0 } .u-white--darkest { fill: #e8ebf0; color: #e8ebf0 } .u-bg-white--darkest { background-color: #e8ebf0 } .u-fill-gray { fill: #8e8e8e } .u-color-gray { color: #8e8e8e } .u-gray { fill: #8e8e8e; color: #8e8e8e } .u-bg-gray { background-color: #8e8e8e } .u-fill-gray--content { fill: #4e4e4e } .u-color-gray--content { color: #4e4e4e } .u-gray--content { fill: #4e4e4e; color: #4e4e4e } .u-bg-gray--content { background-color: #4e4e4e } .u-fill-orange { fill: #f7941e } .u-color-orange { color: #f7941e } .u-orange { fill: #f7941e; color: #f7941e } .u-bg-orange { background-color: #f7941e } .u-color-blue--dark { color: #b7c3d8 } .u-fill-blue--dark { color: #b7c3d8 } .u-blue--dark { fill: #b7c3d8; color: #b7c3d8 } .u-bg-blue--dark { background-color: #b7c3d8 } .u-color-blue--darker { color: #7e88a5 } .u-fill-blue--darker { color: #7e88a5 } .u-blue--darker { fill: #7e88a5; color: #7e88a5 } .u-bg-blue--darker { background-color: #7e88a5 } .u-color-blue--heading { color: #bdc1cc } .u-fill-blue--heading { color: #bdc1cc } .u-blue--heading { fill: #bdc1cc; color: #bdc1cc } .u-bg-blue--heading { background-color: #bdc1cc } .u-bg-gradient { background: #f6f7f9; background: -webkit-gradient(linear, left top, left bottom, from(#f6f7f9), to(#fff)); background: linear-gradient(to bottom, #f6f7f9 0, #fff 100%) } .u-sans { font-family: proxima-nova, sans-serif } .u-serif { font-family: ff-tisa-web-pro, serif; letter-spacing: 0 } .u-fwr { font-weight: regular } .u-fwb { font-weight: 700 } .u-bold { font-weight: 700 } .u-fz10 { font-size: 10px } .u-fz12 { font-size: 12px } .u-fz13 { font-size: 13px } .u-fz15 { font-size: 15px } .u-fz16 { font-size: 16px } .u-fz18 { font-size: 18px } .u-fz24 { font-size: 24px } .u-fz12i { font-size: 12px!important } .u-fz15i { font-size: 15px!important } .u-fz18i { font-size: 18px!important } .u-fz24i { font-size: 24px!important } .u-spaced { letter-spacing: 1.5px } .no-scroll { overflow: hidden } *, button, input, optgroup, select, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: proxima-nova, sans-serif; letter-spacing: 1px } a { text-decoration: none; color: #f7941e; cursor: pointer } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, p em { color: #222; font-family: ff-tisa-web-pro, serif; letter-spacing: 0 } h3 em.orange { color: #f7941e; } .fa { overflow: hidden } .o-burger { position: absolute; width: 67px; margin: auto 0; top: 0; right: 0; bottom: 0; text-align: center; color: #f7941e; fill: #f7941e } .o-burger:hover { color: #ea840b; fill: #ea840b } .o-burger .fa-bars { display: block } .o-burger .fa-times { display: none } .is-open .o-burger { background-color: #f7941e; color: #fff; fill: #fff } .is-open .o-burger .fa-bars { display: none } .is-open .o-burger .fa-times { display: block } .o-branding { margin: 0; padding: 12px 0 } @media (min-width: 1080px) { .o-branding { padding: 19px 0 } } .o-branding img { width: auto; height: 100% } .o-input { border: none } .o-input--text { padding: 11px 17px; font-size: 13px; line-height: 1 } .o-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 19px 30px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase } .o-btn .fa { margin-left: 10px } .o-btn .fa.u-mar-l0 { margin-left: 0; } .o-btn:hover { -webkit-filter: brightness(1.05); filter: brightness(1.05) } .o-btn--blue { background-color: #2f50a6 } .o-btn--gray { background-color: #b7c3d8 } .o-btn--orange { background-color: #f7941e } .o-btn--orange-dark { background-color: #ea840b } .o-btn--red { background-color: #DD4B39 } .o-btn--pill { border-radius: 50px; padding: 13px 25px; font-size: 10px } button.o-btn { border: 0 } button.o-btn:hover { cursor: pointer } .o-link { font-size: 10px; color: #b7c3d8; text-transform: uppercase; font-weight: 700 } .o-pagination__number { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .o-pagination__number a { margin: 0 7px; font-weight: 700; color: #b7c3d8 } .o-pagination__number a.is-active { color: #7e88a5 } .o-form-label { font-size: 12px; text-transform: uppercase; color: #7e88a5 } .o-dropdown { display: inline-block; position: relative; width: 100% } .o-dropdown label { width: 100%; height: 31px; line-height: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; color: orange; padding: 7px 15px; font-size: 10px; font-weight: 700; text-transform: uppercase; pointer-events: none; overflow: hidden; } @media (min-width: 860px) { .o-dropdown label { width: 180px } } .o-dropdown label .fa { opacity: .8 } .o-dropdown .o-input--dropdown { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer } .o-tag { display: inline-block; margin: 8px 3px } .o-tag label { border: 1px solid #7e88a5; border-radius: 20px; padding: 5px 15px; display: inline-block; font-size: 14px; -webkit-transition: all .1s ease-out; transition: all .1s ease-out } .o-tag label:hover { cursor: pointer; background-color: #7e88a5; color: #fff } .o-tag input[type=checkbox] { display: none } .o-tag input[type=checkbox]:checked+label { background-color: #7e88a5; color: #fff } .o-tags-hidden { display: none } .s-header { position: fixed; width: 100%; background-color: #fff; z-index: 50; -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 80px 0 rgba(0, 0, 0, .2) } .s-header+* { padding-top: 75px } @media (min-width: 1080px) { .s-header { position: fixed } .s-header+* { padding-top: 148px } } .s-header__top { height: 75px } .s-header__top .o-branding { width: 250px } .s-header__top .o-branding img { width: 100%; height: auto } @media (min-width: 1080px) { .s-header__top { height: 98px } } .s-header__social { height: 18px; font-size: 18px; margin-top: auto; margin-bottom: auto; color: #9da0a8; fill: #9da0a8; -webkit-transition: color .3s, fill .3s; transition: color .3s, fill .3s } .s-header__social:hover { color: #2e3547; fill: #2e3547 } .s-header__social+.s-header__social { margin-left: 7px } .s-header__search { width: 273px; margin-top: auto; margin-bottom: auto; margin-left: 35px } .s-header__search .o-input--button, .s-header__search .o-input--text { background-color: #f1f1f1; letter-spacing: 0 } .s-header__search .o-input--button:-moz-placeholder, .s-header__search .o-input--button:-ms-input-placeholder, .s-header__search .o-input--button::-moz-placeholder, .s-header__search .o-input--button::-webkit-input-placeholder, .s-header__search .o-input--text:-moz-placeholder, .s-header__search .o-input--text:-ms-input-placeholder, .s-header__search .o-input--text::-moz-placeholder, .s-header__search .o-input--text::-webkit-input-placeholder { color: #8e8e8e; font-size: 13px; opacity: .5 } .s-header__search .o-input--text { width: 100% } .s-header__search .o-input--button { padding: 0 13px; color: #9da0a8; fill: #9da0a8 } .s-header__nav { height: 50px; background-color: #f7941e; position: relative } .s-header__nav a:not(.o-btn):hover { color: #2e3547 } .s-header__nav-left>.s-header__nav-link+.s-header__nav-link { margin-left: 40px } .s-header__nav-left>.s-header__nav-link>a { display: inline-block; height: 100%; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; color: #fff; line-height: 49px } @media (min-width: 1080px) { .s-header__nav-left>.s-header__nav-link:hover .s-header__subnav { display: block } } .s-header__nav-right { height: 100% } .s-header__nav-right .fa { color: #ba6500 } .s-header__subnav { position: absolute; width: 100%; left: 0; background-color: #f1f1f1; display: none; box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.1); } .s-header__subnav-content { margin: 0 -15px; width: 100% } .s-header__subnav ul { list-style: none; margin: 0 auto; padding: 0 } .s-header__subnav li { display: inline-block } .s-header__subnav-content a:not(.o-btn) { padding: 15px 15px; display: inline-block; font-size: 12px } .s-header__subnav-content a:not(.o-btn).active, .s-header__subnav-content a:not(.o-btn):hover { background-color: #7e88a5; color: #fff } .s-header__nav--mobile { position: absolute; width: 100%; height: calc(100vh - 75px); background-color: #f7941e; display: none; overflow: scroll } .is-open .s-header__nav--mobile { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1080px) { .is-open .s-header__nav--mobile { display: none } } .s-header__nav--mobile .s-header__nav-left { width: 100% } .s-header__nav--mobile .s-header__nav-left .s-header__search { width: calc(100% - 50px); margin: 0 25px } .s-header__nav--mobile .s-header__nav-left .s-header__search .o-input--text { padding: 16px 17px } .s-header__nav--mobile .s-header__nav-left .s-header__search .o-input--button { padding: 0 20px } .s-header__nav--mobile .s-header__nav-left>.s-header__nav-link { border-top: 1px solid #f8a847 } .s-header__nav--mobile .s-header__nav-left>.s-header__nav-link.open .s-header__subnav { display: block } .s-header__nav--mobile .s-header__nav-left>.s-header__nav-link:last-child { border-bottom: 1px solid #f8a847 } .s-header__nav--mobile .s-header__nav-left>.s-header__nav-link:hover { background-color: #f8a847 } .s-header__nav--mobile .s-header__nav-left>.s-header__nav-link+.s-header__nav-link { margin-top: 0; margin-left: 0 } .s-header__nav--mobile .s-header__nav-left>.s-header__nav-link a { display: block } .s-header__nav--mobile .s-header__nav-left .s-header__subnav { position: relative } .s-header__nav--mobile .s-header__nav-left .s-header__subnav-content { margin: 0 } .s-header__nav--mobile .s-header__nav-left .s-header__subnav li { display: block } .s-header__nav--mobile .s-header__nav-left .s-header__subnav a { display: block; padding: 20px } .s-header__nav--mobile .s-header__nav-right { height: auto; margin-top: auto } .s-header__nav--mobile .s-header__nav-right a+a { margin-top: 5px } .s-header__nav--mobile .s-header__nav-social .s-header__social { color: #fff; fill: #fff } .is-logged-in .o-btn--sign-in { display: none } .is-logged-in .o-btn--subscribe { display: none } .is-logged-in .o-btn--account { display: -webkit-box; display: -ms-flexbox; display: flex } .s-main__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 860px) { .s-main__footer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .s-main__footer>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; width: 100%; height: 228px; padding: 28px; text-align: center; background-size: cover } @media (min-width: 860px) { .s-main__footer>div { width: 50% } } .s-main__footer h4 { font-size: 28px; line-height: 1; margin: 0 } .s-main__footer p { color: #ececec; line-height: 1; margin: 10px 0 0 0 } .s-main__footer__subscribe { background-image: url(/v4/template/bg-subscribe.jpg) } .s-main__footer__perspective { background-image: url(/v4/template/bg-perspective.jpg) } .s-footer { padding-top: 60px; padding-bottom: 60px; background-color: #2e3547 } @media (min-width: 860px) { .s-footer { padding-left: 56px; padding-right: 56px; padding-bottom: 80px } } @media (min-width: 1080px) { .s-footer { padding-left: 0; padding-right: 0 } } .s-footer .s-footer__social a { color: #b7c3d8 } @media (min-width: 860px) { .s-footer .s-footer__branding { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .s-footer .s-footer__repeat { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 40px } .s-footer .s-footer__social { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: 40px } .s-footer .s-footer__form { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } @media (min-width: 1080px) { .s-footer .s-footer__branding, .s-footer .s-footer__form, .s-footer .s-footer__repeat, .s-footer .s-footer__social { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-top: 0 } } .s-footer__top.c-grid { grid-template-columns: 1fr; padding-bottom: 50px; border-bottom: 1px solid #3d4456; margin-bottom: 40px } @media (min-width: 860px) { .s-footer__top.c-grid { grid-template-columns: 1fr 1fr } } @media (min-width: 1080px) { .s-footer__top.c-grid { grid-template-columns: 11.5fr 5.5fr 5fr 9fr; grid-gap: 1fr } } .s-footer__top.c-grid>div { -webkit-box-align: top; -ms-flex-align: top; align-items: top } .s-footer__top.c-grid a+a { margin-top: 25px } @media (min-width: 860px) { .s-footer__top-left, .s-footer__top-right { width: 50% } } .s-footer__repeat a { font-weight: 700; color: #fff } @media (min-width: 1080px) { .s-footer__repeat { width: 30% } } .s-footer__social a { font-weight: 700 } .s-footer__social .fa { width: 28px } .s-footer__social a+a, .s-footer__social h4+a { margin-top: 19.5px } @media (min-width: 1080px) { .s-footer__social { width: 50%; padding-left: 50px } } @media (min-width: 860px) { .s-footer__branding { height: 130px } } @media (min-width: 1080px) { .s-footer__branding { width: 70% } } .s-footer__branding .o-branding img { width: 80%; height: auto } @media (max-width: 859px) { .s-footer__form { text-align: center; padding: 0 62px } } @media (min-width: 860px) { .s-footer__form { height: 130px; width: 50% } } .s-footer__form .o-input--text { width: 100%; padding-right: 50px } .s-footer__form .o-input--button { width: 27px; height: 27px; background-color: #f7941e; border-radius: 100%; fill: #fff; color: #fff; padding: 0; font-size: 12px; line-height: 32px; text-align: center; text-indent: 1px; top: 0; bottom: 0; right: 13px; margin: auto } .s-header__bottom a { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #7383a1 } @media (max-width: 859px) { .s-header__bottom a+a { margin-top: 20px } } @media (min-width: 1080px) { .s-header__bottom a+a { margin-left: 35px } } .s-main { background-image: url(/v4/template/bg-pattern.jpg); background-repeat: repeat; padding-bottom: 0 } @media (min-width: 1080px) { .s-main { padding-bottom: 115px } } .s-main__hero { position: relative; width: 100%; height: 200px; margin-bottom: 0; background-color: #8e8e8e; -webkit-box-shadow: 0 0 160px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 160px 0 rgba(0, 0, 0, .2) } @media (min-width: 860px) { .s-main__hero { height: 300px } } @media (min-width: 1080px) { .s-main__hero { margin-bottom: -46px } } @media (min-width: 860px) { .s-main__hero--small { height: 220px } } .s-main__section { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; background-color: #f6f7f9; z-index: 10 } @media (min-width: 1080px) { .s-main__section { max-width: 980px } } @media (min-width: 1200px) { .s-main__section { max-width: 1140px } } @media (min-width: 1440px) { .s-main__section { max-width: 1200px } } .s-main__section-bar { display: block; width: 100%; padding: 35px 42px; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; background-color: #7e88a5 } .c-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 860px) { .c-section { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .c-section__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 60px 26px } @media (min-width: 860px) { .c-section__inner { padding: 46px 42px } } .c-section__inner.has-2-cols { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .c-section__inner--slim { padding-left: 28px; padding-right: 28px } .c-section--book .c-section__left { width: 100%; padding: 38px 42px; background-color: #eef0f3 } .c-section--book .c-section__left p { line-height: 28px } .c-section--book .c-section__left .o-btn--pill+.o-btn--pill { margin-left: 10px } .c-section--book .c-section__right { display: none; padding: 38px 42px; background-color: #e8ebf0; overflow: hidden } .c-section--book .c-section__right p { line-height: 24px } .c-section--book .c-section__right .c-section__right__book { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; margin-top: auto; margin-left: 20px; margin-right: -42px; margin-bottom: -38px; } .c-section--book .c-section__right .c-section__right__book img { width: 100%; -webkit-box-shadow: 0 0 46px 0 rgba(0, 0, 0, .35); box-shadow: 0 0 46px 0 rgba(0, 0, 0, .35) } @media (min-width: 860px) { .c-section--book .c-section__left { padding: 56px 98px } } @media (min-width: 1080px) { .c-section--book .c-section__left { width: 50%; padding: 38px 42px } .c-section--book .c-section__right { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50% } } @media (min-width: 1080px) { .c-section--book-slim .c-section__left { width: 71.42857% } .c-section--book-slim .c-section__right { width: 28.57143%; padding-left: 28px; padding-right: 28px } .c-section--book-slim .c-section__right .c-section__right__book { width: 50%; margin-top: -10px; margin-left: 28px; margin-right: -28px } .c-section--book-slim .c-section__right .c-section__right__book img { width: auto; height: 100% } } .content { font-size: 16px; line-height: 28px } .s-news .content.full { width: 100%; } .content>*, .content>* span { /*font-family: ff-tisa-web-pro, serif; color: #4e4e4e; letter-spacing: 0; width: 100%*/ } .content>:first-child { margin-top: 0 } .content a { font-family: ff-tisa-web-pro, serif; position: relative; letter-spacing: 0 } /*.content a:after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background-color: #f1f1f1 }*/ .content h3 { font-family: proxima-nova, sans-serif; font-size: 24px; text-transform: uppercase; color: #bdc1cc } .content h4 { font-size: 24px; font-weight: 400; text-transform: capitalize; color: #f7941e; margin: 1.5em 0 0 0 } .content img { max-width: 100%; height: auto; /*width: 100%; margin-top: 1em*/ } @media (max-width: 450px) { .content img { margin: 10px 0 !important; } } @media (min-width: 860px) { .content img { /*width: calc(100% + 42px); height: auto; margin-left: -42px*/ } } .c-section__inner .content { width: 100% } @media (min-width: 860px) { .c-section__inner .content { width: 65.625% } .c-section__inner.full-width .content { width: 100% } } @media (min-width: 860px) { .s-news .content { width: 75%; margin: 0 auto } .s-news .content img { /*width: calc(100% + 84px); margin-left: -42px*/ max-width: 100%; height: auto } } @media (min-width: 1080px) { .s-news .content { margin-left: 0 } .s-news .content img { /*width: calc(100% + 42px); height: auto; margin-left: -42px*/; max-width: 100%; height: auto } } .sidebar .sidebar__list h6 { margin-top: 30px; margin-bottom: 0; font-family: proxima-nova, sans-serif; font-size: 14px; text-transform: uppercase; color: #bdc1cc } .sidebar .sidebar__list ul { list-style: none; padding-left: 0 } .sidebar .sidebar__list ul a, .sidebar .sidebar__list ul li { font-family: ff-tisa-web-pro, serif; font-size: 15px; letter-spacing: 0; color: #e29f4f } .sidebar .sidebar__list ul li+li { margin-top: 10px } .c-section__inner .sidebar { width: 100%; min-width: 280px } @media (min-width: 860px) { .c-section__inner .sidebar { width: 31.25%; margin-right: -42px } } .sidebar figure img { width: 100%; height: auto } .sidebar figure+figure { margin-top: 30px } @media (min-width: 860px) { .c-section--subscribe { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .c-section--subscribe .c-section__free-subscribe { background-color: #f6f7f9; } .c-section--subscribe .c-section__left, .c-section--subscribe .c-section__right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 28px 32px } @media (min-width: 860px) { .c-section--subscribe .c-section__left, .c-section--subscribe .c-section__right { /* width: 50%; padding: 63px 5% 56px 5% */ width: 33.3333333%; padding: 63px 2.85714% 56px 2.85714%; } } .c-section--subscribe .o-btn, .c-section--subscribe h3, .c-section--subscribe h4 { margin-left: 0; text-align: center } @media (min-width: 860px) { .c-section--subscribe .o-btn, .c-section--subscribe h3, .c-section--subscribe h4 { margin-left: 20px; text-align: left } } @media (max-width: 859px) { .c-section--subscribe .o-btn { display: block; padding: 0; margin-top: 30px; margin-right: auto; margin-left: auto; color: #8e8e8e; text-align: center; background-color: transparent } } .c-section--subscribe h4 { margin-top: 30px; color: #8e8e8e; letter-spacing: .025em } .c-section--subscribe .o-price { margin-top: 20px; letter-spacing: -1px } @media (max-width: 859px) { .c-section--subscribe .o-price>div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } } .c-section--subscribe .o-price>div>div { height: 56px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; letter-spacing: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .c-section--subscribe .o-price span { font-size: 36px; font-weight: 100; line-height: 1.5 } .c-section--subscribe .o-price .o-price__big { font-size: 72px; line-height: 1; height: 56px; letter-spacing: -1px } .c-section--subscribe .o-price .o-price__small { line-height: .6; margin-top: auto } .c-section--subscribe .o-price p { font-size: 10px; line-height: 15.67px; text-transform: uppercase; margin-left: 0; margin-bottom: 0; margin-top: 25px; color: #8e8e8e; font-weight: 700 } @media (min-width: 860px) { .c-section--subscribe .o-price p { margin-bottom: -5px; margin-left: 10px; margin-top: auto } } @media (min-width: 860px) { .c-section--subscribe .mobile-only { display: none } } @media (max-width: 859px) { .c-section--subscribe .no-mobile { display: none } .c-section.no-mobile { display: none } } @media (min-width: 860px) { .s-subscribe-details .mobile-only { display: none } } @media (max-width: 859px) { .s-subscribe-details .no-mobile { display: none } } .s-subscribe-details .c-section__inner { padding-top: 56px; padding-bottom: 56px } .s-subscribe-details article { width: 100%; padding-right: 6.06061%; padding-left: 6.06061%; text-align: center } @media (max-width: 859px) { .s-subscribe-details article+article { margin-top: 60px; border-top: 1px solid #f3f3f3; padding-top: 60px } } @media (min-width: 860px) { .s-subscribe-details article { /*width: 50%*/ width: 33.3333333%; } .s-subscribe-details article:not(:last-child) { border-right: 1px solid #f3f3f3 } } .s-subscribe-details p { color: #2e3547; margin: 0 0 49px 0; text-align: left } .s-subscribe-details ul { list-style: none; margin: 0; padding: 0; text-align: left } .s-subscribe-details ul li { color: #8e8e8e; position: relative; padding-left: 35px } .s-subscribe-details ul li:before { position: absolute; content: "\f00c"; font-family: FontAwesome; top: 0; left: 0 } .s-subscribe-details ul li+li { margin-top: 35px } .s-subscribe-details .o-btn { margin-top: 30px } .s-subscribe-details .c-section__price { display: block; margin-bottom: 40px } @media (min-width: 860px) { .s-subscribe-details .c-section__price { display: none } } .s-subscribe-details .c-section__price .o-btn, .s-subscribe-details .c-section__price h3, .s-subscribe-details .c-section__price h4 { margin-left: 0; text-align: center } @media (min-width: 860px) { .s-subscribe-details .c-section__price .o-btn, .s-subscribe-details .c-section__price h3, .s-subscribe-details .c-section__price h4 { margin-left: 20px; text-align: left } } @media (max-width: 859px) { .s-subscribe-details .c-section__price .o-btn { display: block; padding: 0; margin-top: 30px; margin-right: auto; margin-left: auto; color: #8e8e8e; text-align: center; background-color: transparent } } .s-subscribe-details .c-section__price h4 { margin-top: 30px; color: #8e8e8e; letter-spacing: .025em } .s-subscribe-details .c-section__price .o-price { margin-top: 20px; letter-spacing: -1px } @media (max-width: 859px) { .s-subscribe-details .c-section__price .o-price>div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } } .s-subscribe-details .c-section__price .o-price>div>div { height: 56px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; letter-spacing: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .s-subscribe-details .c-section__price .o-price span { font-size: 36px; font-weight: 100; line-height: 1.5 } .s-subscribe-details .c-section__price .o-price .o-price__big { font-size: 72px; line-height: 1; height: 56px; letter-spacing: -1px } .s-subscribe-details .c-section__price .o-price .o-price__small { line-height: .6; margin-top: auto } .s-subscribe-details .c-section__price .o-price p { font-size: 10px; line-height: 15.67px; text-transform: uppercase; margin-left: 0; margin-bottom: 0; margin-top: 25px; color: #8e8e8e; font-weight: 700; text-align: center } @media (min-width: 860px) { .s-subscribe-details .c-section__price .o-price p { margin-bottom: -5px; margin-left: 10px; margin-top: auto } } .s-subscribe-cta .c-section__inner { padding-left: 10.60606%; padding-right: 16.66667% } @media (max-width: 859px) { .s-subscribe-cta .c-section__inner { text-align: center } } .s-subscribe-cta p { font-size: 12px; line-height: 18px } @media (min-width: 860px) { .s-subscribe-cta p { font-size: 16px; line-height: 24px } } .s-subscribe-cta .o-btn { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 10px; margin-left: 0 } @media (min-width: 860px) { .s-subscribe-cta .o-btn { margin-top: 0; margin-left: 6.06061% } } .s-testimony { padding-left: 40px; padding-right: 40px } .s-cart-item { border-bottom: 1px solid #7e88a5 } .c-grid { display: grid; width: 100%; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-gap: 26.47px; margin-top: 26px } @media (min-width: 860px) { .c-grid { grid-template-columns: repeat(3, 1fr) } } .c-grid--4 { grid-template-columns: repeat(auto-fit, minmax(213px, 1fr)); grid-gap: 24px } .c-grid--4 article img { min-width: 90% } .c-grid__item { padding: 24px; position: relative; background-size: cover; background-position: center center } .c-grid__item:before { display: block; content: ''; width: 100%; padding-top: 72.24199% } .c-grid__item>* { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; overflow: hidden; width: 100% } .c-grid__item>a { overflow: visible; padding: 24px; z-index: 10 } .c-grid__item>a h3 { font-size: 15px; line-height: 19.15px; text-transform: uppercase; margin-bottom: 0; color: #fff } .c-grid__item:after { position: absolute; display: block; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(rgba(0, 0, 0, .8))); background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0, rgba(0, 0, 0, .8) 100%) } .c-column { -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 28px; column-gap: 28px } @media (min-width: 860px) { .c-column { -webkit-column-count: 2; column-count: 2 } } @media (min-width: 1080px) { .c-column { -webkit-column-count: 3; column-count: 3 } } .c-column article { -webkit-column-break-inside: avoid; break-inside: avoid; -webkit-column-break-after: avoid; break-after: avoid; -webkit-column-break-before: avoid; break-before: avoid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 28px; text-align: center } @media (min-width: 860px) { .c-column article { text-align: left } } .c-column article h5 { font-size: 12px; line-height: 20px } .c-column article p { font-size: 16px; line-height: 25px; color: #2e3547 } .c-slider { height: 100%; position: relative } .c-slider__frame { width: 100%; height: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden; white-space: nowrap; z-index: 5 } .c-slider__slides { display: inline-block; padding: 0; width: 100%; height: 100% } .c-slider__slides li { position: relative; display: inline-block; width: 100% } .c-slider__slides .slick-list, .c-slider__slides .slick-track { width: 100%; height: 100% } .c-slider__slides .slick-dots { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0 auto; width: 100%; height: 10px; right: 0; bottom: 20px; left: 0; cursor: pointer; list-style: none; z-index: 10 } @media (min-width: 1080px) { .c-slider__slides .slick-dots { width: 980px; padding: 0 84px 0 0; bottom: 84px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } .c-slider__slides .slick-dots li { width: 10px } .c-slider__slides .slick-dots li+li { margin-left: 7px } .c-slider__slides .slick-dots button { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; border-radius: 100%; background-color: #fff; opacity: .4; padding: 0; border: 0; margin: 0 2px; outline: 0; cursor: pointer } .c-slider__slides .slick-dots .slick-active button { opacity: 1 } .c-slide { position: relative; height: 100%; background-color: #4e5a77 } .c-slide:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .4; z-index: 10 } .c-slide__content { width: 100%; height: 100%; font-size: 100%; z-index: 10 } .c-slide__content .container { top: 0; right: 0; bottom: 0; left: 0; padding: 26px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (min-width: 860px) { .c-slide__content .container { padding-right: 40px; padding-left: 40px; padding-bottom: 75px } } @media (min-width: 1080px) { .c-slide__content .container { padding-right: 0; padding-left: 0 } } .c-slide__content h5 { font-size: 12px; color: #e8ebf0; text-transform: uppercase; line-height: 1; padding-left: 0; margin: 0; width: 100% } @media (min-width: 1080px) { .c-slide__content h5 { padding-left: 2.85714% } } .c-slide__content h2 { font-size: 24px; color: #fff; text-transform: uppercase; width: 100%; line-height: 1; padding-left: 0; margin: 10px 0; -ms-flex-negative: 0; flex-shrink: 0; white-space: pre-wrap } .c-slide__content h2 a { color: #fff; } @media (min-width: 860px) { .c-slide__content h2 { font-size: 36px } } @media (min-width: 1080px) { .c-slide__content h2 { width: 57.14286%; padding-left: 2.85714% } } .c-slide__content time { font-size: 16px; color: #f7941e; font-family: ff-tisa-web-pro, serif; line-height: 1; padding-left: 0; letter-spacing: 0; margin: 0 } @media (min-width: 1080px) { .c-slide__content time { padding-left: 2.85714% } } .c-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; z-index: 5 } .c-modal { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; z-index: 50 } .c-modal.is-shown { display: -webkit-box; display: -ms-flexbox; display: flex } .c-modal.is-visible { opacity: 1 } .c-modal:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .6; z-index: 1 } @media (min-width: 1080px) { .c-modal { padding: 50px 0 } } .c-modal__container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 28px; width: 100vw; max-width: 924px; height: 100vh; overflow-y: auto; background-color: #fff; z-index: 2 } @media (min-width: 860px) { .c-modal__container { width: 94%; height: auto } } .c-modal__container .o-btn--close { position: absolute; top: 28px; right: 28px; width: 34px; height: 32px; background-image: url(/v4/template/close.png) } .c-modal__content { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 860px) { .c-modal__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .c-modal__content h3 { font-size: 24px; color: #f7941e; font-weight: 400; letter-spacing: 0; margin: 0 } .c-modal__content h4 { font-size: 10px; text-transform: uppercase; color: #4e4e4e } .c-modal__content p { margin: 0; font-size: 15px; line-height: 28px } .c-modal__content figure { text-align: center } .c-modal__social a { color: #000 } .c-modal__social a+a { margin-left: 20px } @media (max-width: 859px) { .s-homepage__relevant .c-section__inner { padding-bottom: 35px } } .s-homepage__relevant h3 { line-height: 1 } .s-homepage__filters { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px } @media (min-width: 860px) { .s-homepage__filters { margin-bottom: 35px } } .s-homepage__filters+.c-grid { margin-top: 0 } .s-homepage__filters .o-form-group { width: 100% } @media (min-width: 860px) { .s-homepage__filters .o-form-group { width: 180px } .s-homepage__filters .o-form-group+.o-form-group { margin-left: 34px } } .s-homepage__filters .o-dropdown { width: 100% } .s-homepage__filters .o-dropdown label { width: 100% } .s-homepage__filters .o-form-label { margin-left: 14px } .s-news__content--continue .c-grid { grid-template-columns: 1fr } @media (min-width: 860px) { .s-news__content--continue .c-grid { grid-template-columns: 3fr 3fr 2fr } } @media (min-width: 1080px) { .s-news__content--continue .c-grid { grid-template-columns: 10fr 8fr 9fr } } .s-news__content--continue .c-grid p { font-size: 16px; line-height: 28px } .s-news__content--continue .c-grid .o-form-group+.o-form-group { margin-top: 5px } .s-news__content--continue .c-grid .o-form-group { background-color: #f1f1f1; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .s-news__content--continue .c-grid .o-form-group label { padding: 11px 0 11px 17px; width: 70px; font-size: 10px; font-weight: 700; line-height: 1; color: #4e4e4e; opacity: .3 } .s-news__content--continue .c-grid .o-input--text { width: 100%; background-color: transparent } .s-news__content--continue .c-grid .o-input--text:-moz-placeholder, .s-news__content--continue .c-grid .o-input--text:-ms-input-placeholder, .s-news__content--continue .c-grid .o-input--text::-moz-placeholder, .s-news__content--continue .c-grid .o-input--text::-webkit-input-placeholder { color: #f1f1f1 } .s-news__content--continue .c-grid .ad { max-width: 300px } @media (max-width: 859px) { .s-news__content--continue .c-grid .ad { margin-left: auto; margin-right: auto } } .s-news__content--continue .c-grid .ad img { width: 100% } @media (min-width: 860px) { .s-news__content--continue form { padding-right: 28px; border-right: 1px solid #f1f1f1 } } .s-news__content--continue form+div { padding: 28px 0; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1 } @media (min-width: 860px) { .s-news__content--continue form+div { padding-right: 28px; border: none } } .s-news__content--continue .ad-leaderboard img { width: 100%; max-width: 728px } @media (max-width: 859px) { .s-news-list__content .has-2-cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .s-news-list__content .sidebar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100vw; padding: 0; margin-top: -60px; margin-left: -28px; margin-bottom: 28px } @media(max-width: 859px) { .s-news-list__content .sidebar { width: calc(100vw - 15px); } } @media (min-width: 860px) { .s-news-list__content .sidebar { width: 30.30303% } } .s-news-list__content .sidebar .c-section--book-slim .c-section__right { width: 100% } .s-news-list__content .sidebar .c-section--book-slim .u-bg-gray { background-color: #f6f7f9 } @media (min-width: 860px) { .s-news-list__content .sidebar { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: -46px } } .s-news-list__content .c-section__right { display: none } @media (min-width: 860px) { .s-news-list__content .c-section__right { display: block } } .s-news-list__content .c-section__right .c-section__right__book { display: none } @media (min-width: 1080px) { .s-news-list__content .c-section__right .c-section__right__book { display: block; margin: 20px 0 0; height: 200px } } .sidebar__filters { padding: 60px 28px; background-color: #f6f7f9 } .sidebar__filters .o-form-label { margin-left: 10px } .sidebar__filters .o-form-group+.o-form-group { margin-top: 25px } .s-news-listing { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media (min-width: 860px) { .s-news-listing { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 56px } } .s-news-listing .o-pagination { margin-top: 60px } .s-news-listing .o-pagination h5 { color: #bdc1cc; text-align: center } @media (min-width: 860px) { .s-news-listing .o-pagination h5 { text-align: left } } .s-news-listing .o-pagination .o-pagination__number+* { margin-top: 25px } @media (min-width: 860px) { .s-news-listing .o-pagination .o-pagination__number+* { margin-top: 0; margin-left: 40px } } .s-news-listing .o-pagination a:not(.o-btn) { color: #bdc1cc; margin: 0 } .s-news-listing .o-pagination a:not(.o-btn)+a { margin-left: 20px } .s-news-listing .o-pagination a:not(.o-btn).is-active { color: #f7941e } .s-news-listing__item { display: block } .s-news-listing__item>div { width: 100%; display: inline-block } .s-news-listing__item > div { display: flex; flex-direction: column; justify-content: center; } @media (min-width: 860px) { .s-news-listing__item { display: grid; grid-template-columns: 3fr 4fr } } .s-news-listing__item img { width: 100%; height: auto; display: inline-block } .s-news-listing__item>a { display: block; position: relative; line-height: 0 } @media (min-width: 860px) { .s-news-listing__item>div { margin-left: 28px } } .s-news-listing__item h5 a { color: #9da0a8 } .s-news-listing__item h2 a { color: #4e4e4e } .s-news-listing__item+.s-news-listing__item { margin-top: 25px } @media (min-width: 1080px) { .s-our-partners.s-main__section .c-section__left { width: 67.040816327% } .s-our-partners.s-main__section .c-section__right { min-width: 32.959183673%; padding-right: 40px; padding-left: 40px } } .s-our-partners .has-2-cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 860px) { .s-our-partners .has-2-cols { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media (min-width: 1080px) { .s-our-partners .sidebar { padding-right: 30px } } .s-advisory.s-main__section .c-section__left { width: 100%; background-color: #eef0f3 } .s-advisory.s-main__content .c-section__inner { padding: 28px } .s-advisory.s-main__content .c-section__inner a { font-family: ff-tisa-web-pro, serif; display: block } .s-advisory.s-main__content .c-section__inner img { width: 100% } .s-advisory.s-main__content .c-section__inner figure { width: calc((100% / 3) - 14px) } .s-advisory.s-main__content .c-section__inner figcaption { line-height: 1; margin-top: 10px } .s-account { /*margin-top: 35px*/ margin-bottom: 35px; } .s-account .o-form-group { margin-top: 10px; } .s-account__sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #2e3547; width: 100%; padding: 35px 0; font-family: proxima-nova, sans-serif; text-transform: uppercase } @media (min-width: 860px) { .s-account__sidebar { width: 28.57143% } } .s-account__sidebar h2 { font-size: 12px; color: #b7bed1; margin: 0; padding: 0 42px 35px 42px } .s-account__sidebar a { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 10px; padding: 15px 42px; color: #fefeff; background-color: #363e53; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 700 } .s-account__sidebar a:hover { -webkit-filter: brightness(1.05); filter: brightness(1.05) } .s-account__sidebar a+a { margin-top: 5px } .s-account__content { width: 100%; padding: 35px 42px 0 42px } @media (min-width: 860px) { .s-account__content { width: 71.42857% } } .s-account__content h3 { font-size: 15px; color: #7e88a5; text-transform: uppercase; margin: 0 } .s-account__content h4 { font-size: 13px; color: #b0b1b4 } .s-account__content p { font-size: 16px; font-family: ff-tisa-web-pro, serif; letter-spacing: 0; line-height: 24px; color: #4e4e4e; /*margin: 0*/ } /*.s-account__content h3+p { margin-top: 10px }*/ .s-account__content p+p { margin-top: 1em } .s-account__content p+div { margin-top: 1em } .s-account__content>div+div { margin-top: 40px } .s-account__content .summary { margin-left: -42px; margin-right: -42px; padding: 42px; background-color: #fff; margin-top: 35px } .s-account__content .summary h2 { font-size: 26px; margin-top: 10px } .s-account__content .summary h2 .currency { font-size: 14px } .s-account__content .summary h4 { margin: 0 } .s-account__content .summary a { height: 36px } .s-account__content .summary .subtotal { color: #bdc1cc } .s-account__content .summary .total { color: #60636b } .s-account__content .o-dropdown label { height: 38px; line-height: 26px; min-width: 209px } .s-account__content .billing { width: 100% } @media (min-width: 860px) { .s-account__content .billing { max-width: 69.5% } } .s-account__content .o-input--text { width: 209px } .s-account__content .o-input--text:-moz-placeholder, .s-account__content .o-input--text:-ms-input-placeholder, .s-account__content .o-input--text::-moz-placeholder, .s-account__content .o-input--text::-webkit-input-placeholder { color: #8e8e8e; font-size: 13px; opacity: .5 } .s-account__content .o-input--text.gray { background-color: #f1f1f1 } .s-account__content .o-input--text.full { width: 100% } @media (max-width: 859px) { .s-account__content .u-df { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .s-account__content .u-df .o-input { width: 100% } .s-account__content .u-df .u-mar-l10 { margin-left: 0 } } .s-payment .s-account__sidebar { background-color: #f1f1f1 } .s-payment .chosen-plan { padding: 42px; background-color: #fff } .s-payment .chosen-plan>* { display: block } .s-payment .chosen-plan h2 { margin: 0; padding: 0; font-size: 24px; color: #60636b; text-transform: uppercase } .s-payment .chosen-plan h5 { color: #b0b1b4; font-size: 10px } .s-payment .chosen-plan h5+h2 { margin-top: 5px; margin-bottom: 10px } .s-payment .chosen-plan h2+h5 { color: #8e8e8e } .s-payment .chosen-plan a { display: inline-block; background-color: transparent; color: #f7941e; font-family: ff-tisa-web-pro, serif; text-transform: none; padding: 0; font-size: 14px; font-weight: 400; font-style: italic; margin-top: 20px; letter-spacing: 0 } .s-payment .chosen-plan+h5 { padding: 10px 42px; font-size: 10px; color: #b0b1b4 } .s-payment .chosen-plan+h5+figure { padding: 0 42px } .s-dashboard { margin-top: 35px } .s-dashboard header { display: block; width: 100%; padding: 35px 42px; color: #b7bed1; font-weight: 700; font-size: 12px; text-transform: uppercase; background-color: #2e3547 } .s-dashboard .dashboard-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; flex-wrap: wrap; } @media (min-width: 860px) { .s-dashboard .dashboard-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .s-dashboard .dashboard-section { width: 100%; height: 309px; display: block; background-color: #f1f1f1; padding: 42px; margin-bottom: 1rem; } @media (min-width: 860px) { .s-dashboard .dashboard-section { width: calc(100% / 2) } } .s-dashboard .dashboard-section.alt { background-color: #e8ebf0 } .s-dashboard .dashboard-section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: 320px; margin-left: auto; margin-right: auto } .s-dashboard .dashboard-section__inner>* { margin: 0 } .s-dashboard .dashboard-section__inner a { margin-top: auto; margin-right: auto } .s-dashboard .dashboard-section__inner h4, .s-dashboard .dashboard-section__inner h5 { text-transform: uppercase } .s-dashboard .dashboard-section__inner h4 { font-size: 15px; color: #7e88a5 } .s-dashboard .dashboard-section__inner h2 { font-weight: 400; font-size: 21px; color: #2e3547; margin-top: 35px } .s-dashboard .dashboard-section__inner h5 { font-size: 10px; color: #8e8e8e; margin-top: 7px } .s-dashboard .dashboard-section__inner h5+h2 { margin-top: 20px; overflow-wrap: break-word; } .s-dashboard .dashboard-section__inner p { font-size: 16px; line-height: 23px; width: 180px; color: #8e8e8e; margin-top: 35px } .s-magazines { background-color: #fff; padding: 42px; margin-left: -42px; margin-right: -42px } .s-magazine { margin-top: 50px; padding-bottom: 20px; border-bottom: 1px solid #7e88a5 } .s-magazine__image { width: 70%; max-width: 250px; margin: 0 auto 30px } .s-magazine__image img { width: 100% } .s-magazine h3 { font-size: 18px; color: #7e88a5 } .s-magazine p { font-size: 12px; font-family: proxima-nova, sans-serif; margin: 0 } .s-magazine .s-magazine__date { color: #f7941e; font-weight: 700; margin: 0 } .s-magazine .s-magazine__intro { font-weight: 700 } .s-magazine .s-magazine__intro+p { margin-top: 0 } @media (min-width: 860px) { .s-magazine { display: grid; grid-template-columns: 2fr 4fr; position: relative } .s-magazine__date { float: right; /* position: absolute; right: 0; top: 0 */ } .s-magazine__image { width: 90%; margin: 0 0 30px } } .u-di { display: inline } .u-db { display: block } .u-dn { display: none } .u-dg { display: grid } .u-df { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 860px) { .u-di\@t { display: inline } } @media (min-width: 860px) { .u-db\@t { display: block } } @media (min-width: 860px) { .u-dn\@t { display: none } } @media (min-width: 860px) { .u-df\@t { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width: 860px) { .u-dg\@t { display: grid } } @media (min-width: 1080px) { .u-di\@d { display: inline } } @media (min-width: 1080px) { .u-db\@d { display: block } } @media (min-width: 1080px) { .u-dn\@d { display: none } } @media (min-width: 1080px) { .u-df\@d { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width: 1080px) { .u-dg\@d { display: grid } } @media (min-width: 1280px) { .u-di\@dm { display: inline } } @media (min-width: 1280px) { .u-db\@dm { display: block } } @media (min-width: 1280px) { .u-dn\@dm { display: none } } @media (min-width: 1280px) { .u-df\@dm { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width: 1280px) { .u-dg\@dm { display: grid } } @media (min-width: 1440px) { .u-di\@dl { display: inline } } @media (min-width: 1440px) { .u-db\@dl { display: block } } @media (min-width: 1440px) { .u-dn\@dl { display: none } } @media (min-width: 1440px) { .u-df\@dl { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width: 1440px) { .u-dg\@dl { display: grid } } .u-df--fdc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .u-df--fdr { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .u-df--fdcr { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .u-df--fdrr { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media (min-width: 860px) { .u-df--fdc\@t { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 860px) { .u-df--fdr\@t { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media (min-width: 860px) { .u-df--fdcr\@t { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media (min-width: 860px) { .u-df--fdrr\@t { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } @media (min-width: 1080px) { .u-df--fdc\@d { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 1080px) { .u-df--fdr\@d { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media (min-width: 1080px) { .u-df--fdcr\@d { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media (min-width: 1080px) { .u-df--fdrr\@d { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } .u-df--jcsa { -ms-flex-pack: distribute; justify-content: space-around } .u-df--jcsb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .u-df--jcse { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } .u-df--jcfs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .u-df--jcfe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .u-df--jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 860px) { .u-df--jcsa\@t { -ms-flex-pack: distribute; justify-content: space-around } } @media (min-width: 860px) { .u-df--jcsb\@t { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media (min-width: 860px) { .u-df--jcse\@t { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } } @media (min-width: 860px) { .u-df--jcfs\@t { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media (min-width: 860px) { .u-df--jcfe\@t { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media (min-width: 860px) { .u-df--jcc\@t { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media (min-width: 1080px) { .u-df--jcsa\@d { -ms-flex-pack: distribute; justify-content: space-around } } @media (min-width: 1080px) { .u-df--jcsb\@d { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media (min-width: 1080px) { .u-df--jcse\@d { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } } @media (min-width: 1080px) { .u-df--jcfs\@d { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media (min-width: 1080px) { .u-df--jcfe\@d { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media (min-width: 1080px) { .u-df--jcc\@d { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .u-df--aic { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .u-df--aifs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .u-df--aife { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .u-df--fww { -ms-flex-wrap: wrap; flex-wrap: wrap } .u-df--fwnw { -ms-flex-wrap: no-wrap; flex-wrap: no-wrap } .u-pos-r { position: relative } .u-pos-a { position: absolute } .u-pad-20 { padding: 20px } .u-pad-t20 { padding-top: 20px } .u-pad-r20 { padding-right: 20px } .u-pad-b20 { padding-bottom: 20px } .u-pad-l20 { padding-left: 20px } .u-pad-25 { padding: 25px } .u-pad-t25 { padding-top: 25px } .u-pad-r25 { padding-right: 25px } .u-pad-b25 { padding-bottom: 25px } .u-pad-l25 { padding-left: 25px } .u-pad-40 { padding: 40px } .u-pad-t40 { padding-top: 40px } .u-pad-r40 { padding-right: 40px } .u-pad-b40 { padding-bottom: 40px } .u-pad-l40 { padding-left: 40px } @media (min-width: 1080px) { .u-pad-40\@d { padding: 40px } } @media (min-width: 1080px) { .u-pad-t40\@d { padding-top: 40px } } @media (min-width: 1080px) { .u-pad-r40\@d { padding-right: 40px } } @media (min-width: 1080px) { .u-pad-b40\@d { padding-bottom: 40px } } @media (min-width: 1080px) { .u-pad-l40\@d { padding-left: 40px } } .u-mar-0 { margin: 0 } .u-mar-t0 { margin-top: 0 } .u-mar-r0 { margin-right: 0 } .u-mar-b0 { margin-bottom: 0 } .u-mar-l0 { margin-left: 0 } @media (min-width: 860px) { .u-mar-0\@t { margin: 0 } } @media (min-width: 860px) { .u-mar-t0\@t { margin-top: 0 } } @media (min-width: 860px) { .u-mar-r0\@t { margin-right: 0 } } @media (min-width: 860px) { .u-mar-b0\@t { margin-bottom: 0 } } @media (min-width: 860px) { .u-mar-l0\@t { margin-left: 0 } } .u-mar-10 { margin: 10px } .u-mar-t10 { margin-top: 10px } .u-mar-r10 { margin-right: 10px } .u-mar-b10 { margin-bottom: 10px } .u-mar-l10 { margin-left: 10px } @media (min-width: 860px) { .u-mar-10\@t { margin: 10px } } @media (min-width: 860px) { .u-mar-t10\@t { margin-top: 10px } } @media (min-width: 860px) { .u-mar-r10\@t { margin-right: 10px } } @media (min-width: 860px) { .u-mar-b10\@t { margin-bottom: 10px } } @media (min-width: 860px) { .u-mar-l10\@t { margin-left: 10px } } .u-mar-20 { margin: 20px } .u-mar-t20 { margin-top: 20px } .u-mar-r20 { margin-right: 20px } .u-mar-b20 { margin-bottom: 20px } .u-mar-l20 { margin-left: 20px } @media (min-width: 860px) { .u-mar-20\@t { margin: 20px } } @media (min-width: 860px) { .u-mar-t20\@t { margin-top: 20px } } @media (min-width: 860px) { .u-mar-r20\@t { margin-right: 20px } } @media (min-width: 860px) { .u-mar-b20\@t { margin-bottom: 20px } } @media (min-width: 860px) { .u-mar-l20\@t { margin-left: 20px } } .u-mar-25 { margin: 25px } .u-mar-t25 { margin-top: 25px } .u-mar-r25 { margin-right: 25px } .u-mar-b25 { margin-bottom: 25px } .u-mar-l25 { margin-left: 25px } .u-mar-28 { margin: 28px } .u-mar-t28 { margin-top: 28px } .u-mar-r28 { margin-right: 28px } .u-mar-b28 { margin-bottom: 28px } .u-mar-l28 { margin-left: 28px } .u-mar-40 { margin: 40px } .u-mar-t40 { margin-top: 40px } .u-mar-r40 { margin-right: 40px } .u-mar-b40 { margin-bottom: 40px } .u-mar-l40 { margin-left: 40px } @media (min-width: 860px) { .u-mar-40\@t { margin: 40px } } @media (min-width: 860px) { .u-mar-t40\@t { margin-top: 40px } } @media (min-width: 860px) { .u-mar-r40\@t { margin-right: 40px } } @media (min-width: 860px) { .u-mar-b40\@t { margin-bottom: 40px } } @media (min-width: 860px) { .u-mar-l40\@t { margin-left: 40px } } .u-tal { text-align: left } .u-tac { text-align: center } .u-tar { text-align: right } .u-taj { text-align: justify } @media (min-width: 860px) { .u-tal\@t { text-align: left } } @media (min-width: 860px) { .u-tac\@t { text-align: center } } @media (min-width: 860px) { .u-tar\@t { text-align: right } } @media (min-width: 860px) { .u-taj\@t { text-align: justify } } @media (min-width: 1080px) { .u-tal\@d { text-align: left } } @media (min-width: 1080px) { .u-tac\@d { text-align: center } } @media (min-width: 1080px) { .u-tar\@d { text-align: right } } @media (min-width: 1080px) { .u-taj\@d { text-align: justify } } .u-ttn { text-transform: none } .u-ttl { text-transform: lowercase } .u-ttu { text-transform: uppercase } .u-ttc { text-transform: capitalize } .u-bold { font-weight: 700 } .u-normal { font-weight: 400 } .u-italic { font-style: italic } .u-underline { font-style: underline } .u-no-style { font-style: unset } /* Added by Vortex team */ .ribbon { position: absolute; width: 115px; height: 115px; top: -5px; z-index: 9999; right: -6px; } .ribbon.premium { background: url(/v4/template/ribbon-premium.png); } .ribbon.magazine { background: url(/v4/template/ribbon-magazine.png); } .ribbon.complimentary { background: url(/v4/template/ribbon-complimentary.png); } #tinymce p, #tinymce span { font-size: 16px; line-height: 28px; font-family: Georgia, serif; color: #111; letter-spacing: 0; } #tinymce span a { font-size: 16px; line-height: 28px; font-family: Georgia, serif; letter-spacing: 0; } .s-account__sidebar a.active { background-color: #475068; } .s-account__sidebar a.disabled { background-color: #7e212c; } .ngw-book-section p { font-style: italic; margin: 0; font-size: 18px; font-family: ff-tisa-web-pro,serif; letter-spacing: 0; } .ngw-book-section .NGW-Button-Pill-Gray, .ngw-book-section .NGW-Button-Pill-Orange { font-style: normal; } .isa_error, .isa_success { padding: 12px; margin: 15px 0; } .isa_error { color: #D8000C !important; background-color: #FFD2D2; } .isa_error a { color: #D8000C !important; } .isa_success { color: #4F8A10 !important; background-color: #DFF2BF; } form.validate input.error, .s-account__content .o-input--text.gray.error, .o-input--dropdown.error + label { background-color: #f2dede; } .svalidate label.error { background-color: #f2dede; padding: 10px 15px; border-radius: 5px; margin: 1rem 0 0 0; display: block; } /*form * { max-width: 100%; }*/ #frm_renew .account_type label { min-width: 270px; } .s-main__footer a { color: #fff; } .s-news-listing .o-pagination .o-pagination__number { margin-top: 25px; } share-button.o-btn--pill { padding: 12px 25px; } .p-only { display: none; } @media (max-width: 860px) { #account_result div br { display: none; } } @media (min-width: 860px) { .s-news-listing .o-pagination .o-pagination__number { margin-top: 0; } .s-news-listing .o-pagination .nav-prev { margin-right: 40px; } } /****** OVERWRITING WITH BETTER SETUP **************/ .flexgrid { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 26px; } .flexgrid.nomtop { margin-top: 0; } .flexgrid.col3 .c-grid__item { width: 31.5%; margin-bottom: 2.5%; } @media (max-width: 860px) { .flexgrid.col3 .c-grid__item { width: 48%; margin-bottom: 4%; } } @media (max-width: 575px) { .flexgrid.col3 .c-grid__item { width: 100%; margin-bottom: 5%; } } .pageid1 .magazine { }