.slide-pane { display: flex; flex-direction: column; background: #fff; min-width: 100px; height: 100%; box-shadow: 0 8px 8px rgba(0,0,0,0.5); transition: transform 0.5s; will-change: transform; } .slide-pane:focus { outline-style: none; } .slide-pane_from_right { margin-left: auto; transform: translateX(100%); } .slide-pane_from_right.ReactModal__Content--after-open { transform: translateX(0%); } .slide-pane_from_right.ReactModal__Content--before-close { transform: translateX(100%); } .slide-pane_from_left { margin-right: auto; transform: translateX(-100%); } .slide-pane_from_left.ReactModal__Content--after-open { transform: translateX(0%); } .slide-pane_from_left.ReactModal__Content--before-close { transform: translateX(-100%); } .slide-pane_from_bottom { height: 90%; margin-top: 10%; background-color: #f00; transform: translateY(100%); } .slide-pane_from_bottom.ReactModal__Content--after-open { transform: translateY(-9%); } .slide-pane_from_bottom.ReactModal__Content--before-close { transform: translateY(100%); } .slide-pane__overlay { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0); } .slide-pane__overlay.ReactModal__Overlay--after-open { background-color: rgba(0,0,0,0.3); transition: background-color 0.5s; } .slide-pane__overlay.ReactModal__Overlay--before-close { background-color: rgba(0,0,0,0); } .slide-pane__header { display: flex; flex: 0 0 64px; align-items: center; background: #ebebeb; height: 64px; border-bottom: 1px solid rgba(0,0,0,0.1); } .slide-pane__title-wrapper { display: flex; flex: 1; flex-direction: column; margin-left: 32px; min-width: 0; } .slide-pane .slide-pane__title { font-size: 18px; font-weight: normal; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; padding: 0; } .slide-pane__close { margin-left: 24px; padding: 16px; opacity: 0.7; cursor: pointer; } .slide-pane__close svg { width: 12px; padding: 0; } .slide-pane__content { position: relative; overflow-y: auto; padding: 24px 32px; flex: 1 1 auto; } .slide-pane__subtitle { font-size: 12px; margin-top: 2px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block}.react-datepicker{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time{border-radius:0.3rem}.react-datepicker--time-only .react-datepicker__time-box{border-radius:0.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^="bottom"]{margin-top:10px}.react-datepicker-popper[data-placement^="top"]{margin-bottom:10px}.react-datepicker-popper[data-placement^="right"]{margin-left:8px}.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^="left"]{margin-right:8px}.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;border-top-right-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 2px}.react-datepicker__current-month,.react-datepicker-time__header{margin-top:0;color:#000;font-weight:bold;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:none;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1;height:10px;width:10px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:80px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:70px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:0.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:70px;overflow-x:hidden;margin:0 auto;text-align:center}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + (1.7rem / 2));overflow-y:scroll;padding-right:0px;padding-left:0px;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day{cursor:pointer}.react-datepicker__day:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today{font-weight:bold}.react-datepicker__day--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1{color:magenta}.react-datepicker__day--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,0.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;outline:0;padding:0;vertical-align:middle;position:absolute;height:16px;width:16px;top:25%;right:7px}.react-datepicker__close-icon::after{background-color:#216ba5;border-radius:50%;bottom:0;box-sizing:border-box;color:#fff;content:"\D7";cursor:pointer;font-size:12px;height:16px;width:16px;line-height:1;margin:-8px auto 0;padding:2px;position:absolute;right:0px;text-align:center}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px), (max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default} .picky { width: 100%; position: relative; } .picky * { box-sizing: border-box; } .picky__input { width: 100%; background-color: white; border: 0; border-width: 1px; border-color: #eee; border-style: solid; border-radius: 2px; padding: 5px; text-align: left; position: relative; box-sizing: border-box; height: 38px; } .picky__input--disabled, .picky__input--disabled + .picky__dropdown .option { color: rgb(95, 94, 94); } .picky__input::after { position: absolute; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; right: 16px; top: 16px; } .picky__dropdown { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ width: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: white; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; top: 39px; } .picky__dropdown .option, .picky__dropdown li { list-style: none; background-color: white; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ padding: 0.5em; cursor: pointer; border-bottom: 1px solid #eee; text-align: left; } .picky__dropdown .option:hover, .picky__dropdown li:hover { background-color: #ecf0f1; } .picky__dropdown .option.selected, .picky__dropdown li.selected { background-color: #ecf0f1; } .picky__dropdown .option:focus, .picky__dropdown li:focus { outline: -webkit-focus-ring-color auto 5px !important; } .picky__dropdown .option input[type='checkbox'], .picky__dropdown .option input[type='radio'], .picky__dropdown li input[type='checkbox'], .picky__dropdown li input[type='radio'] { margin-right: 3px; } .picky__filter { display: flex; width: 100%; padding: 3px; } .picky__filter__input { width: 100%; padding: 3px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; position: relative; height: 30px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8='); src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('embedded-opentype'), url('data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF') format('woff'), url('data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('truetype'), url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmetadata%3EGenerated by Fontastic.me%3C%2Fmetadata%3E%3Cdefs%3E%3Cfont id%3D%22slick%22 horiz-adv-x%3D%22512%22%3E%3Cfont-face font-family%3D%22slick%22 units-per-em%3D%22512%22 ascent%3D%22480%22 descent%3D%22-32%22%2F%3E%3Cmissing-glyph horiz-adv-x%3D%22512%22 %2F%3E%3Cglyph unicode%3D%22%26%238594%3B%22 d%3D%22M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z%22%2F%3E%3Cglyph unicode%3D%22%26%238592%3B%22 d%3D%22M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z%22%2F%3E%3Cglyph unicode%3D%22%26%238226%3B%22 d%3D%22M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z%22%2F%3E%3Cglyph unicode%3D%22%26%2397%3B%22 d%3D%22M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z%22%2F%3E%3C%2Ffont%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '\2190'; } [dir='rtl'] .slick-prev:before { content: '\2192'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '\2192'; } [dir='rtl'] .slick-next:before { content: '\2190'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-component="author-overview"]{margin-left:auto;margin-right:auto} #overview .container{margin-top:10px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"]{display:flex} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .authorPageImage{flex:0 1 30%;max-width:300px;width:100%;height:auto;margin:0 auto;margin-right:5%} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .authorPageImage .authorImage img{max-width:300px;max-height:390.7px;opacity:.9;margin-top:15px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .authorPageDetails{border:1px solid #D9E0E4;margin-bottom:70px;border-radius:3px;background-color:#FDFDFD;padding:40px 60px;min-height:460px} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"]{flex-direction:column}div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .authorPageImage{margin:0 auto 3%}div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .authorPageDetails{margin:0 3%;padding-left:32px;padding-right:28px}} @media (max-width: 767px){#overview .container{margin-top:0px}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"]{width:300px;height:400px;border-radius:4px;background-color:#e4e7ea;margin-top:30px;margin-left:auto;margin-right:auto;display:block;vertical-align:middle} @media (max-width: 1023px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"]{width:160px;height:210px}} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"]{margin-top:0px;margin-bottom:30px;border-radius:3px;width:200px;height:260px}} @media only screen and (min-width: 1024px) and (max-width: 1199px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"]{width:230px;height:350px}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CenterAlign{width:300px;height:400px;display:table-cell;vertical-align:middle} @media (max-width: 1023px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CenterAlign{width:160px;height:210px}} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CenterAlign{width:200px;height:260px}} @media only screen and (min-width: 1024px) and (max-width: 1199px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CenterAlign{width:230px;height:350px}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CircleIcons{width:140px;height:140px;padding:14px 16px;border-radius:100px;border:3px solid #197E80;text-align:center;margin:auto;font-size:22px;line-height:1.36;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C} @media (max-width: 1023px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CircleIcons{width:118px;height:118px}} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CircleIcons{width:125px;height:125px}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CircleIconsText{width:140px;height:101px;display:table-cell;vertical-align:middle} @media (max-width: 1023px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CircleIconsText{width:118px;height:85px}} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] div[data-module="author-default-image"] .CircleIconsText{width:125px;height:90px}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .authorImage img{border-radius:4px;box-shadow:0 0 20px 0 rgba(0,0,0,0.06)} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorDetails{border:1px solid #D9E0E4;border-radius:3px;background-color:#FDFDFD;width:768px;padding:40px 70px;margin-bottom:70px;min-height:460px} @media (max-width: 1279px) and (min-width: 768px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorDetails{padding:calc(27.5px + .97656vw) calc(15px + 1.95312vw);width:calc(98px + 52.34375vw)}} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorDetails{width:calc(100% - 16px);padding:35px 10px !important;margin:30px auto 70px}} @media only screen and (min-width: 1024px) and (max-width: 1199px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorDetails{width:calc(75px + 52.34375vw);padding:40px 70px}} @media only screen and (min-width: 1200px) and (max-width: 1280px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorDetails{padding:40px 70px}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer{border-bottom:2px solid #D9E0E4;position:relative;display:flex;flex-wrap:wrap;padding:0 0 30px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle{flex:1;position:relative;text-align:left} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle{text-align:center;margin-left:0px}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle h1{margin:0;font-size:36px;line-height:40px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.025em;margin:0;padding-right:10px} @media (max-width: 1279px) and (min-width: 768px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle h1{font-size:calc(6px + 2.34375vw);line-height:calc(25px + 1.17188vw)}} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle h1{font-size:32px;line-height:44px}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle h2{font-size:22px;line-height:40px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;letter-spacing:0.04em;text-align:left;margin-top:0px} @media (max-width: 1279px) and (min-width: 768px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle h2{font-size:calc(17px + .39062vw);line-height:calc(25px + 1.17188vw)}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorSocialShare{align-self:flex-start} @media (max-width: 767px){div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer{padding:0}div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorSocialShare{flex:100%;margin:20px 0 30px}div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle h1,div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .titleContainer .AuthorTitle h2{padding:0}} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AssetsDivider{height:0;border:solid 1px #d9e0e4;margin:0px !important} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorBio{text-align:left;margin-top:30px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorBiography{font-size:20px;line-height:35px;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:400;color:#57687C;letter-spacing:0.3px;text-align:left} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .UI-Icon-Left-Arrow{width:8px;height:12px;-o-object-fit:contain;object-fit:contain} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorBioSeeMoreLink{font-size:18px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;color:#197E80;cursor:pointer} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorWebsite{list-style-type:none;text-align:left;padding:0px;margin-top:30px;margin-bottom:30px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorWebsite>li{margin-bottom:10px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .AuthorWebsiteLink{font-size:18px;line-height:1.44;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;color:#197E80;cursor:pointer;overflow-wrap:break-word} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .newsletter{font-family:"Gotham A","Gotham B",Helvetica,Arial,sans-serif;text-align:left;margin-top:30px;padding-bottom:20px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .newsletterIcon img{height:15px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .newsletterIcon .message{font-family:"Gotham A","Gotham B",Helvetica,Arial,sans-serif;font-size:18px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.44;letter-spacing:normal;color:#2e445c} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .newsletterInput{position:relative;height:44px;margin-bottom:10px} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .newsletterInput Input{height:inherit;width:360px;border:1px solid #D9E0E5;border-right-color:#d9e0e5;border-right-style:solid;border-right-width:1px;border-right:none;border-radius:5px 0 0 5px;padding:0 10px;color:#2E445C;opacity:0.5;font-size:14px;line-height:1;font-family:"Gotham A","Gotham B",Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;color:#2E445C} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .newsletterInput Input:focus{border-color:#197E80} div[data-component="author-overview"] div[data-module="author-overview-wrapper"] .newsletterInput button{background-color:#3e3f3f;display:inline-block;vertical-align:top;height:inherit;width:52px;border-radius:0 5px 5px 0;border:none;color:white;background:#197E80} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-component="awards"]{margin:auto;max-width:768px} @media (max-width: 1023px){div[data-component="awards"]{max-width:540px}} div[data-component="awards"] .row{width:33.33%;display:inline-block;vertical-align:top} @media (max-width: 1023px){div[data-component="awards"] .row{width:50%}} @media (max-width: 767px){div[data-component="awards"] .row{width:100%}} div[data-component="awards"] .Left-Laurel{width:31.1px;height:72.5px;-o-object-fit:contain;object-fit:contain} div[data-component="awards"] .Right-Laurel{width:31.1px;height:72.5px;-o-object-fit:contain;object-fit:contain} div[data-component="awards"] .award{margin:0px auto 25px;text-align:center} div[data-component="awards"] .award>span{display:inline-block;vertical-align:middle;font-size:16px;line-height:1.38;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;color:#2E445C;text-align:center} div[data-component="awards"] .award>p{display:block;font-size:14px;line-height:1.36;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;color:#57687C;text-align:center;margin:15px auto 0px;max-width:205px} div[data-component="awards"] .majorAwardTextWidth{width:122px} div[data-component="awards"] .minorAwardTextWidth{max-width:205px} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="badge"]{border:1px solid #D9E0E4;border-radius:5px;padding:0;width:118px;float:right;text-align:center;overflow:hidden} div[data-module="badge"] .badgeInfo{font-size:12px;line-height:16px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.3px;padding:8px 15px} div[data-module="badge"] .badgeInfo+div{border-top:1px solid #D9E0E4;border-radius:0 0 5px 5px} div[data-module="badge"] .badgeVolume{font-size:10px;line-height:14px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;background:#F4F8F9;padding:3px 0} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} [data-page="catalog"] [data-module="banner"] .wrapper,[data-page="promo"] [data-module="banner"] .wrapper{margin-bottom:30px} [data-page="catalog"] [data-module="banner"] [data-module="breadcrumbs"]{position:absolute;z-index:100} [data-module="banner"]{border-bottom:1px solid #D9E0E4;position:relative;width:100%;background:linear-gradient(0deg, #F4F8F9, #FDFDFD);min-height:230px;display:flex;align-items:stretch;justify-content:center} [data-module="banner"].hasCatalog [data-module="header"]:first-of-type .headerDefault h1,[data-module="banner"].default .bannerContainer>[data-module="header"]:first-of-type .headerDefault h1{margin:0} [data-module="banner"].hasCatalog [data-module="header"]:first-of-type .headerDefault p,[data-module="banner"].default .bannerContainer>[data-module="header"]:first-of-type .headerDefault p{margin:0} [data-module="banner"].hasCatalog [data-module="header"]:first-of-type .headerDefault,[data-module="banner"].default .bannerContainer>[data-module="header"]:first-of-type .headerDefault,[data-module="banner"].hasCatalog [data-module="header"]:first-of-type .headerDefault :only-child,[data-module="banner"].default .bannerContainer>[data-module="header"]:first-of-type .headerDefault :only-child{font-size:40px;line-height:55px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:1px;max-width:480px} [data-module="banner"].hasCatalog [data-module="header"] .subHeader.headerDefault,[data-module="banner"].default .bannerContainer>[data-module="header"] .subHeader.headerDefault{margin-bottom:20px} [data-module="banner"].hasCatalog [data-module="header"] .subHeader.headerDefault p,[data-module="banner"].default .bannerContainer>[data-module="header"] .subHeader.headerDefault p{margin:0} [data-module="banner"].hasCatalog [data-module="header"] .subHeader.headerDefault,[data-module="banner"].default .bannerContainer>[data-module="header"] .subHeader.headerDefault,[data-module="banner"].hasCatalog [data-module="header"] .subHeader.headerDefault :only-child,[data-module="banner"].default .bannerContainer>[data-module="header"] .subHeader.headerDefault :only-child{font-size:20px;line-height:35px;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:400;color:#57687C;max-width:480px} [data-module="banner"] [data-module="list"] .JustifyList,[data-module="banner"] [data-module="list"] .JustifyList>[class*='col']{padding:0;margin-bottom:0;width:auto;float:none;display:inline-block} [data-module="banner"] .bannerHeader{font-size:20px;line-height:28px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.7px;opacity:0.3;display:block} [data-module="banner"].hasBackground .backgroundImage{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;width:100%;height:100%;position:absolute} @media (max-width: 767px){[data-module="banner"].hasBackground .backgroundImage{display:none}} [data-module="banner"] [data-module="list"]{width:480px} [data-module="banner"] [data-module="list"] .JustifyList>[class*='col']+div{margin-left:20px} [data-module="banner"] [data-module="button"]{margin-top:0;margin-bottom:0} [data-module="banner"] [data-module="button"] .button.withoutBackground{margin-bottom:0} [data-module="banner"] [data-module="button"] .button.buttonImage{padding:0 !important} [data-module="banner"].hasCatalog{position:relative;min-height:460px} [data-module="banner"].hasCatalog .catalogContainer{float:left;position:relative;top:50%;transform:translateY(-50%);left:70px;width:300px} [data-module="banner"].hasCatalog .catalogContainer.expanded{max-width:initial;z-index:100;position:absolute;float:none;margin:50px auto 0;top:0;right:0;bottom:0;left:0;width:90%;height:auto;transform:none} [data-module="banner"].hasCatalog .bannerContainer{float:right;position:relative;top:50%;transform:translateY(-50%);right:70px} [data-module="banner"].hasCatalog .showCatalog{margin:0 auto -25px} [data-module="banner"].hasCatalog .showCatalog button{border:1px solid #D9E0E4;font-size:16px;line-height:50px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;width:335px;height:50px;background-color:#fff} [data-module="banner"].hasCatalog [data-module="header"]{position:relative;text-align:center} [data-module="banner"].hasCatalog [data-module="header"]:first-of-type :only-child{max-width:480px} [data-module="banner"].hasCatalog [data-module="button"]{text-align:right !important} [data-module="banner"].hasCatalog [data-module="list"] .row{text-align:right} [data-module="banner"].hasCatalog [data-module="link"]{margin:20px 0 0} [data-module="banner"].default .bannerContainer{position:relative;top:50%;transform:translateY(-50%);padding:50px 0;width:100%} [data-module="banner"].default .bannerContainer>[data-module="header"]{position:relative;margin-bottom:30px} [data-module="banner"].default .bannerContainer>[data-module="header"]:first-of-type{display:inline-block;margin:0 auto 20px} [data-module="banner"].default .bannerContainer>[data-module="header"] .headerDefault{margin:0 auto} [data-module="banner"].default .bannerContainer>[data-module="header"]+[data-module="list"]{margin:0 auto} [data-module="banner"].default .bannerContainer>[data-module="header"]+.galleryContainer{margin:50px 0 15px} [data-module="banner"].default .galleryContainer{margin:30px 0 20px} [data-module="banner"].default .galleryContainer [data-module=carousel]{max-width:1070px;margin:0 auto} [data-module="banner"].default .galleryContainer [data-module=carousel] .slick-slide{min-height:250px !important;height:auto !important;padding:0 35px;margin:0;float:left} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel]{padding:0 !important;border-radius:0;min-height:250px;height:auto;display:flex;flex-wrap:nowrap;align-items:center;align-content:center} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent]{text-align:left;margin:0 !important;align-self:center} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="media"]{flex:0 0 250px} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="media"] img{max-width:190px} @media (max-width: 1023px){[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="media"]{flex:0 0 190px}[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="media"] img{max-width:130px}} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="content"]{padding-right:30px !important} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="content"] [data-module="content"] [data-module="rich-text"]{margin-bottom:15px} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="content"] [data-module="content"] [data-module="rich-text"] .data-component p{margin:0} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="content"] .HeaderCopy{margin:20px 0 10px !important} @media (max-width: 767px){[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="content"]{margin:0 !important;padding:0 30px 25px !important}[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="content"] .HeaderCopy{text-align:center}[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent][data-type="content"] .JustifyList{margin:20px auto 0 !important}} [data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent] .headerDefault{margin:0} @media (max-width: 767px){[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel]{flex-direction:column;align-content:center}[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent] [data-module=media]{margin:30px auto 0 !important}[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent] [data-module="header"] .headerDefault{text-align:center !important}[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent]:first-of-type{flex:none;height:30px}[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel] [data-id=panelComponentParent]:first-of-type [data-module=media]{display:none}} [data-module="banner"].default .galleryContainer [data-module=media]{margin:30px;width:190px;height:auto} [data-module="banner"].default .galleryContainer [data-module=media] img{top:initial;left:initial;transform:none} @media (max-width: 767px){[data-module="banner"].default .galleryContainer [data-module=carousel] .slick-slide{height:auto !important;padding:0}[data-module="banner"].default .galleryContainer [data-module=carousel] [data-module=panel]{height:auto}} @media (max-width: 1023px){[data-module="banner"].default .galleryContainer [data-module=media]{width:130px}} [data-module="banner"] .breadCrumbsList{padding-top:10px} [data-module="banner"] .breadCrumbsList [data-module="chip"]{font-size:13px;line-height:19px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;background-color:#F1F5F6;padding:2px 14px;margin:0 7px 10px 0} [data-module="banner"] .wrapper{width:100%;max-width:1280px;position:relative;display:inline-block} [data-module="banner"] .wrapper.overlap{margin-bottom:50px} [data-module="banner"]+section.hasCard{margin-top:-50px;background:transparent} [data-module="banner"]+.spacer{margin-top:50px} @media (max-width: 1023px){[data-module="banner"].hasCatalog{min-height:initial}[data-module="banner"].hasCatalog .bannerContainer{float:none;padding:50px 0;width:100%;top:initial;right:initial;transform:none}[data-module="banner"].hasCatalog [data-module="list"] .row{text-align:center}[data-module="banner"].default .bannerContainer>[data-module="header"],[data-module="banner"].hasCatalog .bannerContainer>[data-module="header"]{position:relative}[data-module="banner"].default .bannerContainer>[data-module="header"]:first-of-type .headerDefault,[data-module="banner"].default .bannerContainer>[data-module="header"]:first-of-type .headerDefault :only-child,[data-module="banner"].hasCatalog .bannerContainer>[data-module="header"]:first-of-type .headerDefault,[data-module="banner"].hasCatalog .bannerContainer>[data-module="header"]:first-of-type .headerDefault :only-child{font-size:32px;line-height:44px;letter-spacing:0.8px;margin:0 auto 10px}[data-module="banner"].default .bannerContainer>[data-module="header"] .headerDefault.subHeader,[data-module="banner"].default .bannerContainer>[data-module="header"] .headerDefault.subHeader :only-child,[data-module="banner"].hasCatalog .bannerContainer>[data-module="header"] .headerDefault.subHeader,[data-module="banner"].hasCatalog .bannerContainer>[data-module="header"] .headerDefault.subHeader :only-child{font-size:18px;line-height:34px;margin:0 auto 30px}[data-module="banner"].default .bannerContainer>[data-module="header"]+[data-module="list"],[data-module="banner"].hasCatalog .bannerContainer>[data-module="header"]+[data-module="list"]{margin:0 auto}} @media (max-width: 767px){[data-module="banner"]+section.hasCard{margin-top:-25px;background:transparent}[data-module="banner"] .breadCrumbsList [data-module="chip"]:not(:last-of-type){display:none}[data-module="banner"].hasBackground{background-image:none !important}[data-module="banner"] [data-module="list"]{width:100%;text-align:center}[data-module="banner"] [data-module="button"] .button{font-size:14px}} @media (max-width: 575px){[data-module="banner"].default .bannerContainer [data-module="list"] .JustifyList>[class*='col'],[data-module="banner"].hasCatalog .bannerContainer [data-module="list"] .JustifyList>[class*='col']{display:block}[data-module="banner"].default .bannerContainer [data-module="list"] .JustifyList>[class*='col']+div,[data-module="banner"].hasCatalog .bannerContainer [data-module="list"] .JustifyList>[class*='col']+div{margin-left:0;margin-top:20px}[data-module="banner"].default .bannerContainer [data-module="list"] .JustifyList [data-module="button"],[data-module="banner"].hasCatalog .bannerContainer [data-module="list"] .JustifyList [data-module="button"]{text-align:center !important}} @media (max-width: 374px){[data-module="banner"].hasCatalog .bannerContainer{padding:50px 0 0}[data-module="banner"].hasCatalog .catalogContainer.expanded{width:100%}[data-module="banner"].hasCatalog .showCatalog button{width:90%}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} @-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}} @keyframes fade-in{0%{opacity:0}100%{opacity:1}} [data-module="breadcrumbs"].breadcrumbsList{text-align:left;margin-top:6px} [data-module="breadcrumbs"].breadcrumbsList ol.breadCrumbs{padding:0;margin:0} [data-module="breadcrumbs"].breadcrumbsList li:first-of-type{margin-left:-5px} [data-module="breadcrumbs"].breadcrumbsList .breadcrumb{font-size:14px;line-height:14px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;border-bottom:1px solid #D9E0E4;text-align:left;background-color:#F4F8F9;display:inline-block;padding:5px 20px;border-radius:20px;margin-top:6px;margin-right:5px;margin-bottom:0;opacity:1;cursor:pointer;-webkit-animation:fade-in 0.3s ease-out;animation:fade-in 0.3s ease-out} [data-module="breadcrumbs"].breadcrumbsList .breadcrumb a{color:inherit;font-weight:400} [data-module="breadcrumbs"].breadcrumbsList .breadcrumb a:hover{text-decoration:none} [data-module="breadcrumbs"].breadcrumbsList .breadcrumb:last-of-type{margin-right:0;max-width:initial} @media (max-width: 767px){[data-module="breadcrumbs"].breadcrumbsList .breadcrumb:not(:last-of-type){display:none}[data-module="breadcrumbs"].breadcrumbsList .breadcrumb:last-of-type{margin-left:-3px}} @media (max-width: 575px){[data-module="breadcrumbs"].breadcrumbsList .breadcrumb{font-size:12px;line-height:12px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .booklink,.booklink:hover,.booklink:focus{color:#197E80;font-weight:bold} .insideBook{border:2px solid #197E80;border-radius:20px;color:#197E80;background:#FFF;padding:8px 25px;max-width:180px;font-weight:bold;text-align:center;margin:8% 27%} .insideBook [data-module="banner"] .wrapper,[data-module="banner"] .insideBook .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){.insideBook [data-module="banner"] .wrapper,[data-module="banner"] .insideBook .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){.insideBook [data-module="banner"] .wrapper,[data-module="banner"] .insideBook .wrapper{max-width:100vw;padding:0 15px}} .insideBook [data-module="button"] button,[data-module="button"] .insideBook button{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} .insideBook [data-module="button"] button::-moz-focus-inner,[data-module="button"] .insideBook button::-moz-focus-inner{border:0} @media (max-width: 767px){.insideBook [data-module="button"] button,[data-module="button"] .insideBook button{font-size:14px}} @media only screen and (min-width: 320px) and (max-width: 599px){.insideBook{margin:8% 20%}} @media only screen and (min-width: 768px) and (max-width: 991px){.insideBook{margin:8% 10%}} @media only screen and (min-width: 320px) and (max-width: 767px){.insideBook{margin:8% auto}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .catalogContainer{max-width:300px} .catalogContainer .hide{display:none} .catalogContainer .categories .title{padding:0 40px} .catalogContainer.expanded{transition:width 0.3s ease-out;max-width:initial} .catalogContainer.expanded .categories.mobile{display:block} @media (max-width: 575px){.catalogContainer.expanded .categories.mobile .categoryList{padding:0 15px}.catalogContainer.expanded .categories.mobile .categoryList .element{font-size:15px}.catalogContainer.expanded .categories.mobile .closeCategory{right:15px}.catalogContainer.expanded .categories.mobile .title{padding:0 15px}} .catalogContainer.expanded .categories .categoryList{-moz-columns:4 250px;columns:4 250px;padding:0 40px 25px} .catalogContainer .categories{display:block;position:relative;border:2px solid #D9E0E4;background-color:#FDFDFD;border-radius:4px;overflow:hidden;text-align:left} .catalogContainer .categories.mobile{display:none} .catalogContainer .categories .title{font-size:16px;line-height:48px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:1.44px;text-transform:uppercase;margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .catalogContainer .categories .categoryList{padding:0 40px;list-style:none} .catalogContainer .categories .categoryList .element{font-size:16px;line-height:24px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;letter-spacing:0.4px;margin-bottom:20px} .catalogContainer .categories .categoryList .element:hover{cursor:pointer} .catalogContainer .categories button.toggle{font-size:16px;line-height:48px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.4px;border:none;padding:0;background-color:#D9E0E4;width:100%} .catalogContainer .categories button.closeCategory{position:absolute;right:20px;top:23px;border:none;background:transparent;opacity:0.5} .catalogContainer .categories button.closeCategory svg{fill:#2E445C} .catalogsubcategorylist{font-family:"Gotham A", "Gotham B";font-size:16px;color:#2E445C;list-style:none;text-align:left} .catalogsubcategorylist li{margin-bottom:20px;padding-right:10px} .topsubcategory{font-weight:bold;font-size:16px;text-align:left} .catalogseeallbutton{font-family:"Gotham A", "Gotham B";font-size:16px;font-weight:bold;background:#D9E0E4;border:2px solid #EBEEF0;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#2E445C;cursor:pointer} .hideSubCategory{display:none} .hideAllSubCategory{overflow:hidden;opacity:0;width:1px;height:400px;background-color:white} .showAllSubCategory{overflow:visible;opacity:1;width:330%;height:400px} .showAllSubCategory ul.allsubcategorylist{opacity:1} .catalogallsubcategories{background:#FDFDFD;border-left:2px solid #EBEEF0;border-right:2px solid #EBEEF0;border-top:2px solid #EBEEF0;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0px 0px 20px rgba(0,0,0,0.06);padding:20px 0 5px 0;min-height:380px;transition:5s;left:0} .catalogseelessbutton{font-family:"Gotham A", "Gotham B";font-size:16px;font-weight:bold;background:#D9E0E4;border:1px solid #EBEEF0;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#2E445C;cursor:pointer} .allsubcategorytitle{font-weight:bold;font-size:16px;text-align:left} .allsubcategoryheader{padding:0px 10px 20px 20px;float:left;width:100%} .allsubcategoryheader span.closeIcon{background:url(/static/assets/images/close.svg) no-repeat;cursor:pointer;text-align:left} ul.allsubcategorylist{-moz-column-count:4;column-count:4;-moz-column-gap:0;column-gap:0;width:93%;min-height:370px;font-family:"Gotham A", "Gotham B";font-size:16px;color:#2E445C;padding-left:35px;opacity:0.5} ul.allsubcategorylist li{display:inline-block;width:100%;height:35px;text-align:left;font-size:16px;word-wrap:break-word;padding-right:10px;margin-bottom:15px} @media only screen and (min-width: 992px) and (max-width: 1199px){.catalogseeallbutton,.catalogseelessbutton,.topsubcategory,.catalogsubcategorylist,ul.allsubcategorylist,ul.allsubcategorylist li,.allsubcategorytitle{font-size:15px}ul.allsubcategorylist{width:97%}.showAllSubCategory{width:340% !important}} @media only screen and (min-width: 768px) and (max-width: 991px){.catalogseeallbutton,.catalogseelessbutton,.topsubcategory,.catalogsubcategorylist,ul.allsubcategorylist,ul.allsubcategorylist li,.allsubcategorytitle{font-size:13px}ul.allsubcategorylist{width:97%}.showAllSubCategory{width:225% !important}} @media only screen and (min-width: 600px) and (max-width: 767px){.catalogseeallbutton,.catalogseelessbutton,.topsubcategory,.catalogsubcategorylist,ul.allsubcategorylist,ul.allsubcategorylist li,.allsubcategorytitle{font-size:12px}ul.allsubcategorylist{width:97%}.showAllSubCategory{width:222% !important}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .chip{text-align:left;color:#57687c;display:inline-block;border:1px #B6BEC6 solid;padding:7px 20px;border-radius:20px;margin-right:5px;margin-left:5px;font-size:12px;line-height:1.33;letter-spacing:normal} @media only screen and (min-width: 320px) and (max-width: 767px){.chip{text-align:center}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .ContentCenter{justify-content:center} #Collections{margin-Left:-40px} .ImageMargin{margin-left:24px} .BigBookSize .AuthorImage img{min-width:208.29px;max-height:291.57px} .SmallSizeBook .AuthorImage img{min-width:90.08px;max-height:138.53px} @media only screen and (min-width: 768px) and (max-width: 991px){#Collections{margin-Left:0}.ContentCenter{justify-content:left}.ImageMargin{margin-left:0px}#Collections .col-md-3{min-width:33.33333333% !important}#Collections .col-md-1{min-width:15% !important}.BigBookSize .AuthorImage img{min-width:110.29px !important;max-height:291.57px}.extraSpaceBetween{margin-right:16px}} @media only screen and (min-width: 300px) and (max-width: 767px){.BigBookSize .AuthorImage img{min-width:70%;max-height:100%}.SmallSizeBook .AuthorImage img{min-width:70%;max-height:100%}#Collections{margin-Left:0}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="content"] [data-module="header"] .headerDefault p{margin-bottom:30px} .button-group{display:flex;flex-direction:row;justify-content:center;margin:0 auto;margin-bottom:25px} @media only screen and (min-width: 320px) and (max-width: 767px){.button-group{display:inline-block;justify-content:center;margin:0 auto}.button-item{width:auto;height:auto;margin-left:0px;margin-right:0px;margin-bottom:15px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .pageHeading{font-size:24px;color:red} .sectionHeading{font-size:20px;color:green} .moduleHeading{font-size:18px;color:skyblue} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="default-image"]{background:#e4e7ea;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center} div[data-module="media"]{width:100%;height:100%} @media (max-width: 767px){div[data-module="media"]{min-height:160px}} div[data-module="default-image"] .circle-contnets{margin:0 auto;width:180px;height:180px} div[data-module="default-image"] .circle-contnets .border{border:4px solid #197E80;border-radius:100%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center} div[data-module="default-image"] .circle-contnets .border .initials{font-size:40px;line-height:40px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;text-transform:uppercase;text-align:center} div[data-module="default-image"] .circle-contnets .border.hideBorder{border:none;border-radius:0} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .featureditemcontainer{padding:49px 15px;border-radius:3px;border:2px solid #ebeef0;background-color:#fdfdfd} .featureditemcontainer .contributorLineTop,.featureditemcontainer .contributorLineBottom{height:1px !important} .featureditemheader{float:left;font-size:22px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.36;letter-spacing:0.2px;text-align:left;color:#2e445c} .featureditemreadingline{float:left;font-size:20px;color:#57687C;text-align:left} .featureditemreadingline p{margin:0px !important} .featureditemdescription{float:left;font-size:20px;font-weight:normal;padding:30px 0;line-height:1.7;letter-spacing:0.3px;text-align:left;color:#58697d;font-family:"Mercury Text G2 A", "Mercury Text G2 B"} .featureditemcontainer .JustifyList .col-md-12{padding-left:0px} .featureditemcontainer .badge-container{margin-top:0 !important} div[data-module="featured-item"] div[data-module="media"] .AuthorImage img{height:240px;width:192px} @media only screen and (min-width: 320px) and (max-width: 767px){.featureditemcontainer{padding:40px 35px}.featureditemcontainer .AuthorImage{text-align:center}.featureditemcontainer .AuthorImage img{height:173px}.featureditemcontainer .badge-container{margin-top:0 !important}.featureditemheader{text-align:center}.featureditemreadingline{text-align:center;float:none;margin-bottom:30px}div[data-module="featured-item"] .featureditemheader{float:none}div[data-module="featured-item"] div[data-module="media"] .AuthorImage{margin-top:20px}div[data-module="featured-item"] div[data-module="media"] .AuthorImage img{height:172px;width:136px}div[data-module="featured-item"] div[data-module="badge"]{float:none;margin:0 auto 30px}div[data-module="featured-item"] div[data-module="contributor"]{margin-left:25px;margin-right:25px}div[data-module="featured-item"] div[data-module="contributor"] hr{margin-left:auto !important;margin-right:auto !important;width:50%}div[data-module="featured-item"] #ContributorContent{text-align:center}div[data-module="featured-item"] .featureditemdescription{margin-left:20px;margin-right:20px}} @media only screen and (min-width: 1024px) and (max-width: 1199px){div[data-module="featured-item"] div[data-module="media"] .AuthorImage img{height:200px;width:150px}} @media only screen and (min-width: 768px) and (max-width: 1023px){.featureditemheader,.featureditemreadingline{float:unset}} @media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait){.featureditemheader,.featureditemreadingline{text-align:center}div[data-module="featured-item"] div[data-module="button"]{text-align:center !important}} @media only screen and (min-width: 768px) and (max-width: 1023px){.featureditemcontainer .badge-container{width:auto}div[data-module="featured-item"] div[data-module="badge"]{float:none;margin-bottom:30px}div[data-module="featured-item"] div[data-module="media"] .AuthorImage img{height:203px;width:161px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} [data-module="gallery"] .lessThanSixImages,[data-module="gallery"] .moreThanSixImages{display:inline-block;min-width:750px} [data-module="gallery"] .lessThanSixImages .defaultImage,[data-module="gallery"] .moreThanSixImages .defaultImage{max-height:225px;width:auto} [data-module="gallery"].shorten-section [data-module="carousel"] .slick-list{height:initial !important} [data-module="gallery"].shorten-section [data-module="carousel"] .slick-track{padding:30px 0} [data-module="gallery"] div[data-module="card"].default .cardContent{padding:0px;width:100%;height:auto} [data-module="gallery"] div[data-module="card"].default .cardContent div:first-child [data-module=header]:first-child{padding-top:40px;padding-bottom:30px;display:flex;flex-direction:column;justify-content:center} [data-module="gallery"] div[data-module="card"].default .cardContent [class*="col-"]:not(:first-of-type){margin-top:0px} [data-module="gallery"] div[data-module="card"].default .cardContent [data-module=header]{margin:0px 20px 0} [data-module="gallery"] div[data-module="card"].default .cardContent .HeaderCopy{position:relative} [data-module="gallery"] div[data-module="card"].default .cardContent .data-component{padding:30px 30px 30px 30px} [data-module="gallery"] div[data-module="card"].default .cardContent [data-module=button]{margin-bottom:30px} [data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] .AuthorImage{width:100%;height:320px;background-color:#EDF1F4;display:flex;justify-content:center;align-items:center;overflow:hidden} [data-module="gallery"] div[data-module="card"].default .cardContent [data-module="image"]{margin:0;display:block} [data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"]{max-width:none;display:block} [data-module="gallery"] div[data-module="masonry"] div[data-module="card"].default .cardContent div:first-child [data-module=header]:first-child{padding-top:0px !important;padding-bottom:0px !important} [data-module="gallery"] div[data-module="card"].default .card-root-col{padding-left:0px} [data-module="gallery"] .article[data-module="card"] .card-root-col .cardContent .LinesEllipsis div{padding:8px 0 0 0 !important} [data-module="gallery"] div[data-module="card"].article .cardContent{padding:0px} [data-module="gallery"] div[data-module="card"].article .cardContent div:first-child [data-module=header]:first-child{margin:10px 25px 20px 25px;display:flex;flex-direction:column;justify-content:center} [data-module="gallery"] div[data-module="card"].article .cardContent [class*="col-"]:not(:first-of-type){margin-top:0px;padding:0px} [data-module="gallery"] div[data-module="card"].article .cardContent [data-module=header]{margin:0px 20px 30px 20px} [data-module="gallery"] div[data-module="card"].article .cardContent [data-module=header] h3{margin-top:15px;line-height:28px;letter-spacing:0.22px;color:#2e445c} [data-module="gallery"] div[data-module="card"].article .cardContent [data-module=header] .subHeader h4{font-size:18px} [data-module="gallery"] div[data-module="card"].article .cardContent [data-module=header] h4{margin-top:0} [data-module="gallery"] div[data-module="card"].article .cardContent .HeaderCopy{position:relative;top:-17px} [data-module="gallery"] div[data-module="card"].article .cardContent .data-component{padding:5px 25px !important} [data-module="gallery"] div[data-module="card"].article .cardContent [data-module=button]{margin-bottom:20px} @-webkit-keyframes appear{from{opacity:0}to{opacity:1}} @keyframes appear{from{opacity:0}to{opacity:1}} .item{opacity:0;-webkit-animation:300ms appear 30ms ease-in-out forwards;animation:300ms appear 30ms ease-in-out forwards;display:inline-block;width:100px;height:100px;line-height:100px;text-align:center;text-shadow:1px -1px 0 black;background:#0032af;margin:4px;color:white;transition:all 333ms ease-in-out;transition-delay:100ms;cursor:pointer} .item:hover{background:#00a !important} .button-group{display:flex;flex-direction:row;justify-content:center;margin:0 auto;margin-bottom:25px} .button-item{width:auto;margin-left:10px} .data-infoBlur{flex:1 1 200px;height:90px !important;overflow:hidden;border-radius:2px;margin:5px 104px 0px 10px;background-color:#eeeeee;color:#222222;box-shadow:5px 2px 14px #888888;padding-right:0px !important;padding-left:0px !important} .borderShadow{border-radius:2px;box-shadow:5px 2px 14px #888888} .data-info{flex:1 1 200px;border-radius:2px;margin:5px 10px 11px 10px;background-color:#eeeeee;color:#222222;box-shadow:5px 2px 14px #888888;padding-right:0px !important;padding-left:0px !important} .data-info1{flex:1 1 200px;height:230px;border-radius:2px;margin:5px 104px 55px 10px;background-color:#eeeeee;color:#222222;box-shadow:5px 2px 14px #888888;padding-right:0px !important;padding-left:0px !important} .imageHeightBlur{width:100% !important;height:210px !important} .imageHeight{width:150.56px !important;height:100% !important;margin-bottom:17px;box-shadow:2px 2px 14px #888} .BookGallaryViewPort>.data-info>.imageHeight{width:100% !important;height:100% !important;margin-bottom:17px;box-shadow:2px 2px 14px #888} .BookGallaryViewPort>.data-info1>.imageHeight{width:100% !important;height:100% !important;margin-bottom:17px;box-shadow:2px 2px 14px #888} #promoCarousel>div>div>div>div>.imageHeight{width:100% !important;height:100% !important;margin-bottom:17px;box-shadow:2px 2px 14px #888} .blurImages img{filter:opacity(0.2)} .buttonImageSeeMore{cursor:pointer;height:16px;width:16px} .ButtonSeeMore{position:relative;cursor:pointer;width:204px !important;display:block} .ButtonMorParent{width:inherit;text-align:center;text-align:-webkit-center} .moreThanSixImages{display:inline-block;overflow:hidden;position:relative;padding-top:40px !important} .BookGallaryViewPort{display:'inline-block';overflow:'hidden';position:'relative';padding-top:40px} @media only screen and (min-width: 992px) and (max-width: 1199px){.bookCarousel .data-info{margin:5px 20px 65px 10px}.bookCarousel .GallaryBookTitle{font-size:16px !important}} @media only screen and (min-width: 320px) and (max-width: 1023px){.imageHeight{width:135px !important;height:100% !important;margin-bottom:17px;box-shadow:2px 2px 14px #888}.bookCarousel .GallaryBookTitle{font-size:15px !important}} #featured .cardContainer .row :first-child.col-md-12{padding-left:0px} #featured [data-module="gallery"] [data-module="carousel"] div[data-module="card"].default .cardContent{height:auto !important} #featured [data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] .AuthorImage{height:270px !important} @media (min-width: 1200px){#GallaryArea{width:1280px !important;padding-left:120px;padding-top:40px}} @media only screen and (min-width: 320px) and (max-width: 599px){#FeaturedBooks .AuthorImage img{width:200px !important;height:300px !important}.button-group{display:inline-block;justify-content:center;margin:0 auto}.button-item{width:auto;height:auto;margin-left:0px;margin-right:0px;margin-bottom:0px}[data-module="gallery"] div[data-module="card"].default .cardContent{height:auto !important}[data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] .AuthorImage{height:192px !important}[data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] [data-module="video"] .jwplayer{height:192px !important}[data-module="gallery"] div[data-module="card"].default .cardContent .data-component{padding:30px}#featured [data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] .AuthorImage{height:160px !important}#featured [data-module="carousel"] .slick-slide .defaultImage{max-height:160px !important}[data-module="carousel"] .noSlide div[data-module="card"].default .cardContent{width:100% !important}} @media only screen and (min-width: 600px) and (max-width: 767px){#FeaturedBooks .AuthorImage img{width:390px !important;height:500px !important}.button-group{display:inline-block;justify-content:center;margin:0 auto}.button-item{width:auto;height:auto;margin-left:0px;margin-right:0px;margin-bottom:0px}} @media (min-width: 768px) and (max-width: 1024px){[data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] [data-module="video"]{height:184px}[data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] [data-module="video"] .jwplayer{height:184px !important}[data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] .AuthorImage{height:184px !important}[data-module="gallery"] div[data-module="card"].default .cardContent [data-module='rich-text'] .HeaderCopy{line-height:33px !important}[data-module="gallery"] div[data-module="card"].default .cardContent div[data-column="single"] div[data-module="button"]{padding-top:0px !important}#featured [data-module="gallery"] div[data-module="card"].default .cardContent [data-module="media"] .AuthorImage{height:184px !important}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .ReadingLine{font-size:20px;color:#57687C;text-align:left} .headerDefault{margin:0px 0px 15px 0px;font-family:"Gotham A", "Gotham B", sans-serif;font-size:22px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.36;letter-spacing:0.2px;text-align:left;color:#2E445C} .headerDefault.subHeader{font-size:18px;line-height:34px;margin:0 auto 30px;font-weight:normal} .headerDefault.subHeader h4{font-size:18px} .headerDefault *:only-child{font-weight:bold;margin-bottom:0px} .headerDefault h1,.headerDefault h2,.headerDefault h3,.headerDefault h4,.headerDefault h5,.headerDefault h6{font-size:22px} .headerDefault.subHeader{font-weight:normal} .headerDefault.subHeader a{font-weight:bold} .subHeader *:only-child{font-weight:normal} @media only screen and (min-width: 320px) and (max-width: 599px){.ReadingLine{text-align:center}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module=icon]{display:inline-block;margin-right:10px} div[data-module=icon]:last-of-type{margin-right:0} div[data-module=icon] .circleIcons{padding:10px;display:inline-block;border-radius:50%;border:1px solid #D9E0E4;box-shadow:0px 0px 2px #D9E0E4;line-height:0} div[data-module=icon] .circleIcons>a{line-height:0} div[data-module=icon] .iconLabel{font-size:18px;line-height:26px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .examRequest [data-module="media"],.AllEditionBooks [data-module="media"]{text-align:center} .examRequest [data-module="media"] [data-module="image"],.AllEditionBooks [data-module="media"] [data-module="image"]{display:inline} div[data-module="image"]{height:100%;margin:0 auto} div[data-module="image"] .examRequest .defaultImage,div[data-module="image"] .AllBookEdition .defaultImage{align-self:flex-end;position:relative;box-shadow:3px 5px 15px 2px rgba(0,0,0,0.2);display:table;border-top:1px solid #dfdfdf;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} div[data-module="image"] .examRequest .defaultImage:before,div[data-module="image"] .AllBookEdition .defaultImage:before{content:" ";display:table-row;width:100%;height:100%;position:absolute;background:linear-gradient(to right, rgba(60,60,60,0.521569), rgba(255,255,255,0) 5%),linear-gradient(to left, rgba(45,45,45,0.0784314), rgba(255,255,255,0) 8%)} div[data-module="image"].AllBookEditionSelcted img{opacity:0.5} div[data-module="image"].PanelDefaultAuthorImage{height:100%} div[data-module="image"].PanelDefaultAuthorImage>div{height:inherit} div[data-module="image"].wrapperImage{border:solid 4px #197E80;border-radius:100%;width:192px;height:192px} div[data-module="image"].wrapperImage>div{position:relative;width:100%;height:100%} div[data-module="image"].wrapperImage>div img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)} div[data-module="image"] .AuthorImage{height:100%} div[data-module="image"] .ImageBookTitle,div[data-module="image"] .SelectedBookTitle,div[data-module="image"] .examRequest ~ .ImageBookTitle,div[data-module="image"] .examRequest ~ .ImageBookEdition,div[data-module="image"] .AllBookEdition ~ .ImageBookTitle,div[data-module="image"] .AllBookEdition ~ .ImageBookEdition,div[data-module="image"] .examRequest ~ .ImageBookVolume,div[data-module="image"] .AllBookEdition ~ .ImageBookVolume,div[data-module="image"] .examRequest ~ .ImageBookPrice,div[data-module="image"] .AllBookEdition ~ .ImageBookPrice,div[data-module="image"] div[data-module="newsletter"] .messageForm .messageLabel .symbol,div[data-module="newsletter"] .messageForm .messageLabel div[data-module="image"] .symbol,div[data-module="image"] div[data-module="newsletter"] .messageForm .messageLabel .message,div[data-module="newsletter"] .messageForm .messageLabel div[data-module="image"] .message,div[data-module="image"] div[data-module="newsletter"] .messageForm .messageInput,div[data-module="newsletter"] .messageForm div[data-module="image"] .messageInput,div[data-module="image"] div[data-module="newsletter"] .messageForm .messageInput input,div[data-module="newsletter"] .messageForm .messageInput div[data-module="image"] input,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .socialShareContainer,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .socialShareContainer,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .bookCoverContainer,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .bookCoverContainer{max-width:90px;width:90px;overflow-wrap:break-word;margin:10px auto 0px} div[data-module="image"] .ImageBookTitle{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;margin-top:20px;text-align:center} div[data-module="image"] .SelectedBookTitle{font-size:14px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;margin-top:20px;letter-spacing:0.025em;text-align:center;color:#197E80} div[data-module="image"] .examRequest{display:block;height:100%} div[data-module="image"] .examRequest .selectbookedition{padding:0;border:none;background:transparent} div[data-module="image"] .examRequest .selectbookedition:focus{outline:-webkit-focus-ring-color 5px auto !important;outline:1px dotted #000} div[data-module="image"] .examRequest .defaultImage{height:auto;width:90px} div[data-module="image"] .examRequest,div[data-module="image"] .AllBookEdition{display:table-cell;max-width:90px;height:140px;margin:0 auto;vertical-align:bottom} div[data-module="image"] .examRequest .imageAnchor,div[data-module="image"] .AllBookEdition .imageAnchor{display:flex} div[data-module="image"] .examRequest .defaultImage,div[data-module="image"] .AllBookEdition .defaultImage{width:100%;height:auto} div[data-module="image"] .examRequest ~ .ImageBookTitle,div[data-module="image"] .examRequest ~ .ImageBookEdition,div[data-module="image"] .AllBookEdition ~ .ImageBookTitle,div[data-module="image"] .AllBookEdition ~ .ImageBookEdition{font-size:16px;line-height:22px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C} div[data-module="image"] .examRequest ~ .ImageBookVolume,div[data-module="image"] .AllBookEdition ~ .ImageBookVolume{font-size:16px;line-height:22px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#57687C;text-align:center} div[data-module="image"] .examRequest ~ .ImageBookPrice,div[data-module="image"] .AllBookEdition ~ .ImageBookPrice{font-size:14px;line-height:22px;font-family:"Gotham A", "Gotham B";font-style:italic;font-weight:400;color:#57687C} @media (max-width: 1023px){div[data-module="image"].wrapperImage{width:162px;height:161px}} .borderCornerRounded{border-radius:5px 0px 0px 5px} .authorOverview .CircleIcons{margin-top:20px;margin-bottom:20px;cursor:pointer} .ListBorder .PanelHeight.wrapperImage{margin-top:0px} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="link"] .linkContainer>a{font-size:14px;line-height:20px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;color:#197E80;letter-spacing:1px} div[data-module="link"] .linkContainer>a svg{fill:currentColor;transform:rotate(-90deg);margin-left:1px} .booklink,.booklink:hover,.booklink:focus{color:#197E80 !important;text-decoration:none} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="list"]>.row:not(:last-of-type){margin-bottom:30px} div[data-module="list"] .JustifyContent{text-align:center;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center} @media (max-width: 767px){div[data-module="list"] .JustifyContent>div{margin-bottom:20px}} div[data-module="list"] .JustifyContent div[data-module=icon]{min-width:150px;text-align:center} @media (max-width: 767px){div[data-module="list"] .JustifyContent div[data-module=icon]{text-align:left}div[data-module="list"] .JustifyContent div[data-module=icon]:last-of-type{margin-bottom:0}} div[data-module="list"] .ListParentHr{text-align:-webkit-center} div[data-module="list"] .ListParentHr .Listhr{height:0px;width:25%;margin:30px 0 0 !important;border-bottom:1px solid #D9E0E4} div[data-module="list"] .ListBorder{border:2px solid #EBEEF0;border-radius:4px;padding:50px 0px} div[data-module="list"] .listTypebullet span{display:list-item;list-style-type:disc;list-style-position:inside} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="masonry"] .masonry-element{padding:0} div[data-module="masonry"] .masonry-element.card{margin-bottom:30px} @media (max-width: 1023px){div[data-module="masonry"] .masonry-element.card{margin-bottom:20px}} div[data-module="masonry"] .masonry-element.card div[data-module="card"] .wrapperImage{position:relative} div[data-module="masonry"] .masonry-element.card div[data-module="card"] .wrapperImage img{max-width:92px;max-height:92px} div[data-module="masonry"] .masonry-element.card div[data-module="card"] div[data-module="panel"] .headerDefault{text-align:center !important} div[data-module="masonry"] .masonry-element.card div[data-module="card"] div[data-module="panel"] .headerDefault *{text-align:center !important} @media (max-width: 991px){div[data-module="masonry"] .masonry-element.card div[data-module="card"] div[data-module="panel"].PanelBoxPadding{padding:0 !important}} div[data-module="masonry"] .masonry-element.card div[data-module="card"] div[data-module="panel"] div[data-id="panelComponentParent"]{width:100%;display:block} div[data-module="masonry"] .masonry-element.card div[data-module="card"] div[data-module="panel"] div[data-id="panelComponentParent"] img{transform:none;-webkit-transform:none;left:50%;transform:translateX(-50%)} @media (max-width: 991px){div[data-module="masonry"] .masonry-element.card div[data-module="card"] div[data-module="panel"] div[data-id="panelComponentParent"] img{width:100%;transform:none;-webkit-transform:none}} div[data-module="masonry"] .masonry-element.card div[data-module="card"] div[data-module="panel"] .wrapperImage img{transform:translate(-50%, -50%) !important} @media (max-width: 991px){div[data-module="masonry"] .masonry-element.card div[data-module="card"] div[data-module="panel"] div[data-module="button"]{text-align:center !important;margin-bottom:20px}} div[data-module="masonry"] .masonry-element.masonryCountOne{left:25% !important} @media (max-width: 991px){div[data-module="masonry"] .masonry-element.masonryCountOne{left:5px !important}} @media (max-width: 767px){div[data-module="masonry"] .masonry-element.masonryCountMoreThanOne{left:5px !important}} div[data-module="masonry"] div[data-module="card"] .cardContent{margin-bottom:0;border:none;height:auto} div[data-module="masonry"] div[data-module="card"] .cardContent .AuthorImage img{width:100% !important;min-height:200px} div[data-module="masonry"] div[data-module="card"] .cardContent div[data-module="video"] img{width:100%} div[data-module="masonry"] div[data-module="card"] .cardContent div[data-module="video"] .jwplayer{width:auto !important} div[data-module="masonry"] div[data-module="card"] .cardContent div[data-module="pdf-viewer"] canvas{width:100% !important;height:auto !important} div[data-module="masonry"] div[data-module="card"] .cardContent div[data-module="header"] .headerDefault.subHeader{margin-top:20px} div[data-module="masonry"] div[data-module="card"] .cardContent div[data-module="header"] .headerDefault:not(.subHeader){margin:30px 30px 30px 30px} div[data-module="masonry"] div[data-module="card"] .cardContent div[data-module="rich-text"] div[data-module="header"] .headerDefault{text-align:center !important;margin:25px 0} div[data-module="masonry"] div[data-module="card"] .cardContent .button{padding:8px 25px} div[data-module="masonry"] div[data-module="card"].article div[data-module="header"] .headerDefault.subHeader{margin-top:0px} div[data-module="masonry"] div[data-module="card"].article div[data-module="header"] .headerDefault:not(.subHeader){margin:0px} div[data-module="masonry"] div[data-module="card"].article .more-holder{margin-bottom:20px !important} div[data-module="masonry"] div[data-module="card"] div:first-child{padding-left:0;padding-right:0} div[data-module="masonry"] div[data-module="card"] div[data-module="panel"].PanelBoxPadding{margin-bottom:0 !important;border:none} @media (max-width: 1023px){div[data-module="masonry"] div[data-module="card"] div[data-module="panel"] .HeaderCopy{padding:20px 30px}} div[data-module="masonry"] div[data-module="card"] div[data-module="panel"] .AuthorImage img{padding:30px 0} div[data-module="masonry"] div[data-module="card"] div[data-module="panel"] .wrapperImage{margin:30px auto !important} div[data-module="masonry"] div[data-module="card"] div[data-module="panel"] .wrapperImage img{padding:0} div[data-module="masonry"] div[data-module="card"] div[data-module="panel"] div[data-module="pdf-viewer"] canvas{width:100% !important;height:auto !important} @media (max-width: 1023px){div[data-module="masonry"] div[data-module="card"] div[data-module="panel"] div[data-module="video"] .jwplayer{width:auto !important}} @media (max-width: 767px){div[data-module="masonry"] div[data-module="card"]{padding:0 0}} @media (max-width: 767px){div[data-module="masonry"]{margin:0 15px}} .masonry-container{padding-left:1%} .masonry-element{background-color:white;width:46%;margin-left:15px;margin-right:15px;margin-bottom:30px;border-radius:3px;border:1px solid #D9E0E4;padding:60px 50px 60px 50px;text-align:left} .masonry-element.card{padding:0} .masonry-title{margin-top:0px;margin-bottom:20px;font-size:19px;font-weight:bold} .masonry-copy{font-size:18px;line-height:30px;font-family:"Mercury Text G2 A", "Mercury Text G2 B"} .masonry-buttons{text-align:center} @media only screen and (min-width: 768px) and (max-width: 1199px){.masonry-element{margin-left:10px;margin-right:10px;margin-bottom:10px;border-radius:3px;border:1px solid #D9E0E4;padding:20px 20px 20px 20px;text-align:left}} @media only screen and (max-width: 767px){.masonry-element{margin-left:-2px;width:98%;min-width:none}} @media only screen and (min-width: 320px) and (max-width: 359px){.masonry-element{min-width:290px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .defaultMedia{min-width:100%;min-height:100px;background-color:#c5c5c5;display:inline-block} .round-button{box-sizing:border-box;display:block;width:80px;height:80px;padding-top:20px;padding-left:8px;line-height:20px;left:40%;top:25%;border-radius:50%;color:#f5f5f5;text-align:center;text-decoration:none;background-color:rgba(0,160,163,0.8);font-size:20px;font-weight:bold;position:absolute;transition:all 0.3s ease} @media only screen and (min-width: 360px) and (max-width: 767px){.round-button{width:54px;height:54px;padding-top:14px}.round-button .fa-2x{font-size:1.5em}} div[data-module="media"] div[data-module="video"] .jwplayer{width:100% !important} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} #ModelPop .modal-dialog{width:98% !important;height:95% !important;margin:20px !important} @media only screen and (min-width: 1366px){#ModelPop .modal{height:95%}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-component="author-newsletter"] div[data-module="newsletter"] .messageForm{text-align:left !important;height:auto;width:100%} div[data-component="author-newsletter"] div[data-module="newsletter"] .messageForm label{display:block} div[data-component="author-newsletter"] div[data-module="newsletter"] .messageForm .messageLabel{margin-bottom:10px} @media (max-width: 767px){div[data-component="author-newsletter"] div[data-module="newsletter"] .messageForm .messageLabel{width:100%}} @media (max-width: 575px){div[data-component="author-newsletter"] div[data-module="newsletter"] .messageForm .messageInput{width:100%}div[data-component="author-newsletter"] div[data-module="newsletter"] .messageForm .messageInput input{width:calc(100% - 80px)}} @-webkit-keyframes success-anim{0%{margin-left:100%}100%{margin-left:0}} @keyframes success-anim{0%{margin-left:100%}100%{margin-left:0}} div[data-module="newsletter"]{font-size:14px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;position:relative} div[data-module="newsletter"] div[data-module="image"] .ImageBookTitle,div[data-module="image"] div[data-module="newsletter"] .ImageBookTitle,div[data-module="newsletter"] div[data-module="image"] .SelectedBookTitle,div[data-module="image"] div[data-module="newsletter"] .SelectedBookTitle,div[data-module="newsletter"] div[data-module="image"] .examRequest ~ .ImageBookEdition,div[data-module="image"] div[data-module="newsletter"] .examRequest ~ .ImageBookEdition,div[data-module="newsletter"] div[data-module="image"] .AllBookEdition ~ .ImageBookEdition,div[data-module="image"] div[data-module="newsletter"] .AllBookEdition ~ .ImageBookEdition,div[data-module="newsletter"] div[data-module="image"] .examRequest ~ .ImageBookVolume,div[data-module="image"] div[data-module="newsletter"] .examRequest ~ .ImageBookVolume,div[data-module="newsletter"] div[data-module="image"] .AllBookEdition ~ .ImageBookVolume,div[data-module="image"] div[data-module="newsletter"] .AllBookEdition ~ .ImageBookVolume,div[data-module="newsletter"] div[data-module="image"] .examRequest ~ .ImageBookPrice,div[data-module="image"] div[data-module="newsletter"] .examRequest ~ .ImageBookPrice,div[data-module="newsletter"] div[data-module="image"] .AllBookEdition ~ .ImageBookPrice,div[data-module="image"] div[data-module="newsletter"] .AllBookEdition ~ .ImageBookPrice,div[data-module="newsletter"] .messageForm .messageLabel .symbol,div[data-module="newsletter"] .messageForm .messageLabel .message,div[data-module="newsletter"] .messageForm .messageInput,div[data-module="newsletter"] .messageForm .messageInput input,div[data-module="newsletter"] div[data-component="overview"] .bookCoverSocialMedia .socialShareContainer,div[data-component="overview"] .bookCoverSocialMedia div[data-module="newsletter"] .socialShareContainer,div[data-module="newsletter"] div[data-component="overview"] .bookCoverSocialMedia .bookCoverContainer,div[data-component="overview"] .bookCoverSocialMedia div[data-module="newsletter"] .bookCoverContainer{display:inline-block;vertical-align:middle} div[data-module="newsletter"] .messageForm{float:left;display:block;position:relative;height:44px} div[data-module="newsletter"] .messageForm .messageLabel{margin:0 20px 0 0} div[data-module="newsletter"] .messageForm .messageLabel .symbol{margin-right:10px} div[data-module="newsletter"] .messageForm .messageLabel .symbol svg{display:block;fill:#2E445C} div[data-module="newsletter"] .messageForm .messageLabel .message{margin:0;color:#2E445C} div[data-module="newsletter"] .messageForm .messageInput{position:relative;height:44px;border-radius:5px;overflow:hidden} div[data-module="newsletter"] .messageForm .messageInput input{font-size:14px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:300;color:#2E445C;height:inherit;width:360px;border:1px solid #D9E0E4;border-right:none;border-radius:5px 0 0 5px;padding:0 10px;color:#2E445C;-webkit-appearance:none} @media (max-width: 1279px){div[data-module="newsletter"] .messageForm .messageInput input{width:calc(60px + 23.4375vw)}} div[data-module="newsletter"] .messageForm .messageInput input:focus{border-color:#197E80} div[data-module="newsletter"] .messageForm .messageInput button{display:inline-block;vertical-align:top;height:inherit;width:52px;border-radius:0 5px 5px 0;border:none;color:white;padding:0;background:#197E80;-webkit-font-smoothing:antialiased} div[data-module="newsletter"] .messageForm .messageInput button:disabled{background:#64C5C6} div[data-module="newsletter"] .messageForm .messageInput .successLabel{font-size:14px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#fff;padding:15px 10px;position:absolute;left:0;background:#197E80;width:100%;height:100%} div[data-module="newsletter"] .messageForm .messageInput .successLabel svg{position:absolute;width:24px;height:18px;right:15px;top:13px;fill:#fff} div[data-module="newsletter"] .messageForm .messageInput.success .successLabel{margin-left:100%;display:inline-block;-webkit-animation:success-anim 1s ease-out, success-anim 0.2s ease-in;animation:success-anim 1s ease-out, success-anim 0.2s ease-in;animation-direction:normal, reverse;-webkit-animation-fill-mode:both, both;animation-fill-mode:both, both;-webkit-animation-delay:0s, 2.8s;animation-delay:0s, 2.8s} div[data-module="newsletter"] .messageForm .messageInput.has-error{margin-bottom:30px;overflow:initial} div[data-module="newsletter"] .messageForm .messageInput.has-error input{border-color:#ED5B58} div[data-module="newsletter"] .messageForm .messageInput.has-error input:focus{box-shadow:0 0 3px #ED5B58 !important;border-color:#ED5B58 !important} div[data-module="newsletter"] .messageForm .messageInput .errorLabel{font-size:14px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:italic;font-weight:700;color:#ED5B58;display:block;margin:10px 0;transition-property:opacity;transition-duration:.5s;opacity:1} div[data-module="newsletter"] .messageForm .messageInput .errorLabel.fadeOut{opacity:0} div[data-module="newsletter"] .messageForm .legalNotice{font-size:14px;line-height:24px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;color:#57687C;text-align:left;margin-bottom:10px} div[data-module="newsletter"] .messageForm .legalNotice:last-of-type{margin-bottom:0} div[data-module="newsletter"] .messageForm .legalNotice a{color:#197E80} div[data-module="newsletter"] .messageForm .legalNotice a:focus,div[data-module="newsletter"] .messageForm .legalNotice a:hover{text-decoration:underline} div[data-module="newsletter"] .messageForm .legalNotice input{margin-right:10px;margin-top:7px} div[data-module="newsletter"] .messageForm .legalNotice input[type="checkbox"]{vertical-align:top} div[data-module="newsletter"] .messageForm .legalNotice input[type="checkbox"]+.message{display:inline-block;top:0;width:calc(100% - 30px);line-height:24px} div[data-module="newsletter"] .messageForm .legalNotice .message{line-height:16px} div[data-module="newsletter"] .messageForm .legalNotice.footer{font-size:12px;position:relative} @media (max-width: 1023px){div[data-module="newsletter"] .messageForm .legalNotice.footer{left:0;max-width:600px;min-width:550px;margin:0 auto}div[data-module="newsletter"] .messageForm .legalNotice.footer span{display:block}} @media (max-width: 575px){div[data-module="newsletter"] .messageForm .legalNotice.footer{left:0;top:-20px;width:285px;display:block;max-width:auto;min-width:auto;line-height:20px;margin:initial}div[data-module="newsletter"] .messageForm .legalNotice.footer span{padding-left:0;width:auto}} @media only screen and (min-width: 768px) and (max-width: 1024px){div[data-module="newsletter"] .messageForm .messageInput.has-error{margin-bottom:40px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .mainheaderHeading{font-size:40px;color:#2E445C;text-align:left;margin-bottom:50px;margin-top:42px;line-height:55px !important;letter-spacing:0.04em;padding-right:18px;padding-left:30px} .mainheaderImage{display:none} @media only screen and (min-width: 320px) and (max-width: 767px){.headerSubText{font-size:12px;font-weight:bold;color:#2E445C;opacity:0.3;text-align:center;margin-top:0px !important;font-family:"Gotham A","Gotham B";padding-left:52px;padding-right:50px;line-height:25px !important}.mainheaderHeading{font-size:40px;color:#2E445C;text-align:left;margin-bottom:60px;margin-top:152px;line-height:55px;word-spacing:2pt;padding-right:56px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="panel"]{display:flex;flex-direction:row;align-items:center;justify-content:center} div[data-module="masonry"] div[data-module="card"] .cardContent{padding:0} @media (max-width: 1023px){div[data-module="masonry"] div[data-module="card"]>[data-module="panel"]{flex-direction:column}div[data-module="masonry"] div[data-module="card"]>[data-module="panel"] [data-id="panelComponentParent"][data-type="media"]{width:initial !important;min-height:160px}div[data-module="masonry"] div[data-module="card"]>[data-module="panel"] [data-id="panelComponentParent"][data-type="header"]{padding:0 !important}} div[data-module="panel"]{border:1px solid #D9E0E4;background-color:#fff;border-radius:0px;overflow:hidden;display:flex;align-items:center;clear:both} div[data-module="panel"] p{margin:0} div[data-module="panel"] h1,div[data-module="panel"] h2,div[data-module="panel"] h3,div[data-module="panel"] h4,div[data-module="panel"] h5,div[data-module="panel"] h6{margin:0} div[data-module="panel"] img{max-width:100%} div[data-module="panel"] [data-module="list"]{text-align:left} @media (max-width: 767px){div[data-module="panel"] [data-module="list"]{float:none;text-align:center}} div[data-module="panel"] [data-module="media"] [data-module="image"].wrapperImage{padding:20px} @media (max-width: 767px){div[data-module="panel"] [data-module="media"]{margin-top:0px !important}} div[data-module="panel"] .trunc-right-carrot{display:none} div[data-module="panel"] .JustifyList{margin:0} div[data-module="panel"].PanelBoxPadding{padding:0;margin-bottom:0} @media (max-width: 1023px){div[data-module="panel"].PanelBoxPadding{margin-bottom:30px}} div[data-module="panel"].noBorder{border:0} div[data-module="panel"] div[data-id="panelComponentParent"]{overflow:hidden} div[data-module="panel"] div[data-id="panelComponentParent"][data-type="media"]{flex:0 0 40%} div[data-module="panel"] div[data-id="panelComponentParent"][data-type="media"]+[data-id="panelComponentParent"]{padding:60px 30px 60px 0 !important} div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"]{flex:0 1 auto;width:100%;padding:60px 30px 60px 60px !important} div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="list"] .JustifyList{margin-bottom:0;display:block} div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="list"] .JustifyList [data-module="button"]{text-align:left !important} div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] .headerDefault{text-align:left !important;margin:0 0 24px 0} div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] .headerDefault *{letter-spacing:.25px;text-align:left;font-size:22px;line-height:30px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C} @media (max-width: 1023px){div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] .headerDefault *{font-size:20px;line-height:28px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:.2px}} @media (max-width: 767px){div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] .headerDefault *{text-align:center !important}} @media (max-width: 767px){div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] .headerDefault{text-align:center !important}} div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] div[data-module="rich-text"]+div[data-module="button"]{margin-top:25px} div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] div[data-module="list"]+div[data-module="rich-text"]{margin-top:25px} div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] div[data-module="button"]{text-align:left !important} div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] div[data-module="button"]+div[data-module="rich-text"]{margin-top:25px} @media (max-width: 767px){div[data-module="panel"] div[data-id="panelComponentParent"] [data-module="content"] div[data-module="button"]{text-align:center !important}} @media (max-width: 1279px){div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"] [data-module="content"] .headerDefault *{text-align:left !important}div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"] [data-module="button"] button{padding:12px !important;line-height:1.25}} @media (max-width: 1023px){div[data-module="panel"] div[data-id="panelComponentParent"][data-type="media"]{flex:0 0 40%}} @media (max-width: 767px){div[data-module="panel"] div[data-id="panelComponentParent"]{display:block}} div[data-module="card"]>div[data-module="panel"]{flex-direction:row;align-items:center;justify-content:flex-start;position:relative;margin-bottom:30px} div[data-module="card"]>div[data-module="panel"] [data-id="panelComponentParent"][data-type="media"]{width:32% !important} div[data-module="card"]>div[data-module="panel"] [data-id="panelComponentParent"][data-type="header"]{padding:60px 60px !important} div[data-module="card"]>div[data-module="panel"] [data-id="panelComponentParent"][data-type="header"] [data-module="button"],div[data-module="card"]>div[data-module="panel"] [data-id="panelComponentParent"][data-type="header"] .headerDefault{text-align:center !important} div[data-module="card"]>div[data-module="panel"] [data-id="panelComponentParent"]+[data-id="panelComponentParent"]{padding:60px 60px 60px 0 !important} div[data-module="card"]>div[data-module="panel"] [data-id="panelComponentParent"]+[data-id="panelComponentParent"] [data-module="button"],div[data-module="card"]>div[data-module="panel"] [data-id="panelComponentParent"]+[data-id="panelComponentParent"] .headerDefault{text-align:left !important} div[data-column="multi"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"] [data-module="content"] .headerDefault *{font-size:20px} div[data-column="multi"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"] [data-module="content"] .HeaderCopy *{font-size:18px} @media (max-width: 1279px) and (min-width: 1024px){div[data-column="multi"] div[data-module="panel"]{flex-direction:column;align-items:center;justify-content:center}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="media"]{margin:30px 0 15px}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="media"] div[data-module="media"]{min-height:initial}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="content"]{padding:20px 30px 30px !important}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="content"] div[data-module="button"]{text-align:center !important;margin:0 !important}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="content"] div[data-module="button"] button{min-width:200px}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="content"] div[data-module="button"] button.withoutBackground{margin-bottom:0}} @media (max-width: 767px){div[data-column="multi"] div[data-module="panel"]{flex-direction:column;align-items:center;justify-content:center}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="media"]{margin:30px 0 15px}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="media"] div[data-module="media"]{min-height:initial}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="content"]{padding:20px 30px 30px !important}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="content"] div[data-module="button"]{text-align:center !important;margin:0 !important}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="content"] div[data-module="button"] button{min-width:200px}div[data-column="multi"] div[data-module="panel"] [data-id="panelComponentParent"][data-type="content"] div[data-module="button"] button.withoutBackground{margin-bottom:0}} div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"]+div[data-type="content"]{padding-left:0 !important} @media (max-width: 767px){div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"]+div[data-type="content"]{padding:20px 30px !important}} div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="media"]{width:32% !important} div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"]{padding:60px 30px 60px 60px !important} div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"].FirstColumnMargin{padding:60px 0 60px 60px !important} @media (max-width: 767px){div[data-column="single"] div[data-module="panel"]{flex-direction:column}div[data-column="single"] div[data-module="panel"]:not(.authorPanelClass) div[data-id="panelComponentParent"][data-type="media"]{margin:30px auto}div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="media"]{order:0;width:100% !important}div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"]{order:1}div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"],div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"].FirstColumnMargin{padding:30px 30px !important}div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"] [data-module="button"]{margin:0}div[data-column="single"] div[data-module="panel"] div[data-id="panelComponentParent"][data-type="content"] [data-module="button"] button{float:none}} div[data-module="panel"].authorPanelClass{flex-direction:row;align-items:stretch !important;justify-content:flex-start !important;position:relative;border-radius:3px;max-width:100%;height:340px} div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="media"]{background-color:#EDF1F4;flex:0 0 310px} div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="media"] [data-module="image"]>div img{-o-object-position:50% 50%;object-position:50% 50%;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:340px;max-width:310px} div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="content"]{text-align:left} div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="content"] [data-module="content"]{position:relative;top:50%;transform:translateY(-50%);padding-left:30px} @media (max-width: 1023px) and (min-width: 768px){div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="media"]{flex:0 0 250px}} @media (max-width: 767px){div[data-module="panel"].authorPanelClass{flex-direction:column;height:auto}div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="media"]{margin:0 0 30px;flex:0 0 auto}div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="media"] [data-module="image"]:not(.PanelDefaultAuthorImage)>div img{-o-object-fit:contain;object-fit:contain;height:340px;width:auto}div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="media"] [data-module="image"].PanelDefaultAuthorImage [data-module="default-image"]{padding:30px 0}div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="content"]{padding:0 30px !important}div[data-module="panel"].authorPanelClass div[data-id="panelComponentParent"][data-type="content"] [data-module="content"]{top:initial;transform:none;padding:0}} @media (max-width: 767px){div[data-module="panel"]{margin:0 20px 20px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .paging{display:flex;justify-content:center;width:100%;background-color:#171717;height:60px;top:10px} .pdfViewer{margin-top:40px;margin-bottom:50px} .paging .pagination{display:flex;justify-content:center} .paging .pagination .pageLinks .pagesText{color:#fff;margin-right:10px} .paging .pagination button{margin-top:20px !important;padding-right:10px !important;padding-left:10px !important;padding-top:0 !important;padding-bottom:0 !important;border:1px solid #fff;border-radius:3px;background:#171717;color:#fff;margin-right:10px;height:25px;line-height:1} .paging .pagination .disabled{color:#9E9E9E !important;border:1px solid #9E9E9E !important} .paging .pagination .pageLinks{display:flex} .paging .pagination .pageLinks .pageLink{color:#fff;margin-right:10px;cursor:pointer;background:#171717;padding:5px 10px !important;border:0;height:25px;line-height:1} .paging .pagination .pageLinks .active{color:#fff;border:1px solid #fff;border-radius:3px;padding:5px 10px !important;display:flex;height:25px;line-height:1} .paging .pagination .pageLinks .pageSeparator{color:#fff;margin-right:20px} .pdfViewer>nav{margin-left:0;top:0 !important;position:relative !important;width:100%;height:60px} .pdfViewer .floatingPrevious{position:absolute;display:block;top:380px;margin-left:3.0rem} .pdfViewer canvas{min-width:100% !important;width:100% !important;height:auto !important} .pdfViewer .floatingNext{position:absolute;display:block;top:380px;margin-left:3.0rem;right:3.0rem} .pdfViewer>div{display:flex;justify-content:space-around;border:1px solid #9ea2a7} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="promoroute"] .errorMessage{float:left;position:relative;left:22%} div[data-module="promoroute"] .form-control{width:390px} div[data-module="promoroute"] .data-component{text-align:center !important} @media (max-width: 767px){div[data-module="promoroute"]{width:auto !important}div[data-module="promoroute"] .HeaderCopy{text-align:center !important}div[data-module="promoroute"] .form-control{width:300px}div[data-module="promoroute"] .errorMessage{left:15%}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .quotedText{margin-bottom:13.9px;width:70%;color:#2E445C;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-size:20px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:0.3px} .quotedText q{quotes:"\201C" "\201D" "\2018" "\2019"} .publisherText{margin-bottom:20px;margin-top:20px;font-size:18px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.13;letter-spacing:0.2px;color:#57687c} .hrMargin{margin-bottom:20px !important;background-color:#D9E0E4;height:2px;margin-top:26.1px !important} .publisherHr{color:#58697d !important;height:2px;vertical-align:middle;display:inline-block;width:20px;margin-right:6px;margin-top:0px !important;border-top:1px solid #58697d} .parentQuoted{text-align:inherit;text-align:-webkit-center;text-align:-moz-center} .publisherText span{color:#00a0a3} @media only screen and (min-width: 768px) and (max-width: 991px){.hrMargin{margin-top:20px !important}} @media only screen and (min-width: 320px) and (max-width: 767px){.publisherText{font-size:15px}.hrMargin{margin-top:20px !important}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .low{color:red} .medium{color:orange} .high{color:green} .icon{width:13px;height:13px} .icon-text{display:inline-block;width:26px;font-size:2em;background-color:white} .row>div>span>span{cursor:pointer !important;margin-bottom:10px} .ratingBox{height:30px !important} .ratingTextParent{padding-top:3px !important} .ratingText{font-size:13px;color:#2E445C;font-weight:bold;line-height:16px;letter-spacing:1px;text-align:right;margin-top:5px;height:20px;padding:0px 10px 0 0 !important} hr{height:2px;color:#578daf;border:2px solid #EDF1F4;padding:0 !important;margin:9px 0 0 0;margin-bottom:0 !important;margin-top:40px !important} div[data-module="rating"] hr{border:1px solid #91989e} .ratingArea{width:54%;height:5%;background:#FDFDFD;margin:-15px auto 0 auto;border:2px solid #EDF1F4;border-radius:3px;cursor:pointer !important;position:relative;height:29px} .ratingArea a{display:block} .ratingSection{padding:0 !important;text-align:left} @media only screen and (max-width: 1223px){.ratingText{font-size:11px !important}.ratingArea{width:100% !important}.ratingSection{margin-top:2px !important}} @media only screen and (min-width: 1224px) and (max-width: 1379px){.ratingArea{width:55% !important}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} @media only screen and (min-width: 768px) and (max-width: 1023px){.packagesArea{width:40% !important}.retailerImages{width:100% !important}.buttonDiv{border:0 !important}.btn{border:0}} @media only screen and (min-width: 992px) and (max-width: 1023px){.packagesArea{width:35% !important}} @media only screen and (min-width: 1024px) and (max-width: 1199px){.packagesArea{width:35% !important}} @media only screen and (min-width: 531px) and (max-width: 600px){.packagesArea{width:33% !important}} @media only screen and (min-width: 320px) and (max-width: 530px){.packagesArea{width:50% !important}} @media only screen and (min-width: 320px) and (max-width: 767px){.retailerImages{width:100% !important}.buttonDiv{border:0 !important}.btn{border:0}.RetailerCircle{border:1px solid #ccc !important}} hr{height:2px;color:#578daf;border:2px solid #EDF1F4;padding:0 !important;margin:9px 0 0 0;margin-bottom:0 !important;margin-top:40px !important} .packagesArea{margin:-12px auto 0 auto;border:2px;background-color:white} .RetailerCircle{border-radius:50% !important;border:1px solid #D9E0E4;height:58px !important;width:58px !important;margin-bottom:10px} .packagesTextParent{padding-top:3px !important} .packagesText{font-size:16px;color:#2E445C;line-height:19px;letter-spacing:2;text-align:right;height:30px !important} .packagesSection{padding:0 !important;text-align:left} .RetailerButton{height:70px;min-width:100%;margin:5px;width:auto;float:left;border:1px solid #D9E0E4;text-align:center} .btn-default:hover{background-color:white !important} .buttonDiv{float:left;margin:5px;padding:15px;min-width:250px;width:30%;height:auto;border:1px solid black} .clsRetailers{display:inline-block} .retailerImages{height:100% !important;width:100%} @media only screen and (max-width: 1223px){#divRetailers .col-md-4{padding-left:5px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} [data-column="multi"] div[data-module="rich-text"] br{display:none} div[data-module="rich-text"] .HeaderCopy{font-size:20px;line-height:1.7;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:400;color:#57687C;letter-spacing:0.3px;text-align:left} div[data-module="rich-text"] b,div[data-module="rich-text"] bold,div[data-module="rich-text"] strong{font-weight:bold} div[data-module="rich-text"] i,div[data-module="rich-text"] em{font-style:italic} .data-component{line-height:35px;text-align:left} .data-component h2{font-weight:bold;font-size:18px;margin-bottom:30px;font-family:"Gotham A", "Gotham B", sans-serif} .data-component p{color:#58697D;text-align:left;font-family:"Mercury Text G2 A", "Mercury Text G2 B";margin:0px} .HorizontalCardContent{background-color:#FDFDFD;border:1px solid #D9E0E4;border-radius:3px;border-radius:8px} .HorizontalCardContentWithoutPadding{background-color:#FDFDFD;border:1px solid #D9E0E4;border-radius:3px;padding:0px;margin-bottom:36px;border-radius:8px} .HorizontalCardContent.noBorder{border:0 !important;box-shadow:none !important;background:transparent !important} .HorizontalCardContentWrapper{width:100%;text-align:center} .vertical-section{display:flex;-ms-flex-wrap:wrap} .ImageAlign{display:flex;align-items:center;justify-content:center} .headerSubText{font-size:16px;font-weight:bold;color:#2E445C;opacity:0.3;text-align:center;margin-top:10px;font-family:"Gotham A", "Gotham B"} .mainheaderHeading{font-size:40px;color:#2E445C;text-align:left;margin-bottom:50px;margin-top:42px;line-height:55px;letter-spacing:0.04em;padding-right:18px;padding-left:30px} .mainheaderImage{display:none} .photocredit{font-size:12px;color:#2E445C;font-weight:normal;font-style:italic;letter-spacing:0.1px;line-height:1.33;text-align:left} .QuestionAnswer{text-align:left;width:60%;margin:auto;font-size:20px;margin-bottom:30px} .QuestionAnswer .question{line-height:30px;letter-spacing:0.3px;font-weight:bold} .QuestionAnswer .answer{line-height:35px;letter-spacing:0.3px} .QuestionAnswer .extLink{color:#197E80} @media only screen and (min-width: 320px) and (max-width: 767px){.vertical-section{display:inline-block !important}.ImageAlign{display:inline-block !important;align-items:center;justify-content:center}.headerSubText{font-size:12px;font-weight:bold;color:#2E445C;opacity:0.3;text-align:center;margin-top:0px !important;font-family:"Gotham A", "Gotham B";padding-left:52px;padding-right:50px;line-height:25px !important}.mainheaderHeading{font-size:40px;color:#2E445C;text-align:left;margin-bottom:60px;margin-top:152px;line-height:55px;word-spacing:2pt;padding-right:56px}.photocredit{text-align:left;padding-bottom:10px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .inputSearchTextBox{font-size:18px;outline:0} .fieldSearchTextBox{border:1px solid #ddd;display:flex;position:relative;border-top-left-radius:20px;border-bottom-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px} .fieldSearchTextBox--focused{border-color:#ccc} .inputSearchTextBox{border:0;box-sizing:border-box;margin:0;padding:10px 0 10px 10px;width:100%;border-top-left-radius:20px;border-bottom-left-radius:20px} .clearSearchTextBoxButton,.submitSearchTextBoxButton{background:transparent;background-position:center center;background-repeat:no-repeat;border:0;cursor:pointer;font-size:0;outline:0;padding:0;width:25px} .clearSearchTextBoxButton{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjEyLjk4MiAyMTIuOTgyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMTIuOTgyIDIxMi45ODI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJDbG9zZSI+DQoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTEzMS44MDQsMTA2LjQ5MWw3NS45MzYtNzUuOTM2YzYuOTktNi45OSw2Ljk5LTE4LjMyMywwLTI1LjMxMg0KCQljLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGwtNzUuOTM3LDc1LjkzN0wzMC41NTQsNS4yNDJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGMtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTINCgkJbDc1LjkzNyw3NS45MzZMNS4yNDIsMTgyLjQyN2MtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJjNi45OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwbDc1LjkzNy03NS45MzdsNzUuOTM3LDc1LjkzNw0KCQljNi45ODksNi45OSwxOC4zMjIsNi45OSwyNS4zMTIsMGM2Ljk5LTYuOTksNi45OS0xOC4zMjIsMC0yNS4zMTJMMTMxLjgwNCwxMDYuNDkxeiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);background-size:30%;right:0;width:40px;margin-right:-15px} .submitSearchTextBoxButton{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ3NS4wODRweCIgaGVpZ2h0PSI0NzUuMDg0cHgiIHZpZXdCb3g9IjAgMCA0NzUuMDg0IDQ3NS4wODQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3NS4wODQgNDc1LjA4NDsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTQ2NC41MjQsNDEyLjg0NmwtOTcuOTI5LTk3LjkyNWMyMy42LTM0LjA2OCwzNS40MDYtNzIuMDQ3LDM1LjQwNi0xMTMuOTE3YzAtMjcuMjE4LTUuMjg0LTUzLjI0OS0xNS44NTItNzguMDg3DQoJCWMtMTAuNTYxLTI0Ljg0Mi0yNC44MzgtNDYuMjU0LTQyLjgyNS02NC4yNDFjLTE3Ljk4Ny0xNy45ODctMzkuMzk2LTMyLjI2NC02NC4yMzMtNDIuODI2DQoJCUMyNTQuMjQ2LDUuMjg1LDIyOC4yMTcsMC4wMDMsMjAwLjk5OSwwLjAwM2MtMjcuMjE2LDAtNTMuMjQ3LDUuMjgyLTc4LjA4NSwxNS44NDdDOTguMDcyLDI2LjQxMiw3Ni42Niw0MC42ODksNTguNjczLDU4LjY3Ng0KCQljLTE3Ljk4OSwxNy45ODctMzIuMjY0LDM5LjQwMy00Mi44MjcsNjQuMjQxQzUuMjgyLDE0Ny43NTgsMCwxNzMuNzg2LDAsMjAxLjAwNGMwLDI3LjIxNiw1LjI4Miw1My4yMzgsMTUuODQ2LDc4LjA4Mw0KCQljMTAuNTYyLDI0LjgzOCwyNC44MzgsNDYuMjQ3LDQyLjgyNyw2NC4yMzRjMTcuOTg3LDE3Ljk5MywzOS40MDMsMzIuMjY0LDY0LjI0MSw0Mi44MzJjMjQuODQxLDEwLjU2Myw1MC44NjksMTUuODQ0LDc4LjA4NSwxNS44NDQNCgkJYzQxLjg3OSwwLDc5Ljg1Mi0xMS44MDcsMTEzLjkyMi0zNS40MDVsOTcuOTI5LDk3LjY0MWM2Ljg1Miw3LjIzMSwxNS40MDYsMTAuODQ5LDI1LjY5MywxMC44NDkNCgkJYzkuODk3LDAsMTguNDY3LTMuNjE3LDI1LjY5NC0xMC44NDljNy4yMy03LjIzLDEwLjg0OC0xNS43OTYsMTAuODQ4LTI1LjY5M0M0NzUuMDg4LDQyOC40NTgsNDcxLjU2Nyw0MTkuODg5LDQ2NC41MjQsNDEyLjg0NnoNCgkJIE0yOTEuMzYzLDI5MS4zNThjLTI1LjAyOSwyNS4wMzMtNTUuMTQ4LDM3LjU0OS05MC4zNjQsMzcuNTQ5Yy0zNS4yMSwwLTY1LjMyOS0xMi41MTktOTAuMzYtMzcuNTQ5DQoJCWMtMjUuMDMxLTI1LjAyOS0zNy41NDYtNTUuMTQ0LTM3LjU0Ni05MC4zNmMwLTM1LjIxLDEyLjUxOC02NS4zMzQsMzcuNTQ2LTkwLjM2YzI1LjAyNi0yNS4wMzIsNTUuMTUtMzcuNTQ2LDkwLjM2LTM3LjU0Ng0KCQljMzUuMjEyLDAsNjUuMzMxLDEyLjUxOSw5MC4zNjQsMzcuNTQ2YzI1LjAzMywyNS4wMjYsMzcuNTQ4LDU1LjE1LDM3LjU0OCw5MC4zNkMzMjguOTExLDIzNi4yMTQsMzE2LjM5MiwyNjYuMzI5LDI5MS4zNjMsMjkxLjM1OHoNCgkJIi8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);background-size:35%;border:0px;padding:0 20px;opacity:.8;width:40px} .submitSearchTextBoxButton:hover{opacity:1} .suggestionsSearchTextBox{border:1px solid #ccc;list-style:none;margin:0;max-height:240px;overflow:auto;padding:0;position:relative;top:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .suggestionSearchTextBox{cursor:pointer;height:40px;letter-spacing:0.03em;line-height:40px;padding:0 7px 0 10px} .suggestionSearchTextBox--focused{background:#f5f5f5} .suggestionSearchTextBox:last-child{border:none} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .socialShareContainer{top:0;margin:0;background:#FDFDFD;width:40px} .socialShareContainer [data-module="social-share"]{color:#2E445C;background-color:#FDFDFD;border:1px solid #D9E0E4;text-transform:uppercase;border-radius:4px;list-style:none;padding:3px 0 5px;margin:0;overflow:hidden} .socialShareContainer [data-module="social-share"] label{font-size:8px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;display:block;margin-bottom:5px;letter-spacing:0.8px;text-align:center;width:inherit} .socialShareContainer [data-module="social-share"] .shareLink{width:30px;height:30px;border:1px solid #D9E0E4;border-radius:5px;padding:3px 4px;margin:0 4px 10px} .socialShareContainer [data-module="social-share"] .shareLink:last-of-type{margin-bottom:0} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .available-formats{margin-top:25px} .available-formats div[data-module="button"] button{line-height:22px} .available-formats a[aria-expanded="false"] .svg-caret-down{transform:rotate(-90deg)} .available-formats .panel-group .panel{border-radius:3px} .available-formats .panel-group .panel div[class*="col-"]{padding:0} .available-formats .panel-group .panel-success .panel-heading,.available-formats .panel-group .panel-default .panel-heading{padding:14px 20px;padding:initial;min-height:46px;height:auto;text-align:left;color:#2E445C;border-bottom:none} .available-formats .panel-group .panel-success .panel-heading .headerTitle,.available-formats .panel-group .panel-default .panel-heading .headerTitle{text-align:left} .available-formats .panel-group .panel-success .panel-heading{background-color:#F4F8F9;border-color:#D9E0E4} .available-formats .panel-group .panel-success .panel-heading .headerTitle{font-size:16px;line-height:22px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C} .available-formats .panel-group .panel-default .panel-heading{background-color:#fff} .available-formats .panel-group .panel-default .panel-heading .headerTitle{font-size:16px;line-height:22px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C} .available-formats .panel-group .temporarilyOutOfStock{display:inline-block;width:98px;float:right;margin-right:24px} .available-formats .panel-group .temporarilyOutOfStock span{font-size:16px;color:#c93f3c;line-height:22px;letter-spacing:0.16px} .available-formats .panel-heading .bookInfo{display:flex;align-items:center;justify-content:flex-start} .available-formats .panel-heading .bookInfo>div{display:inline-block} .available-formats .panel-heading .bookInfo .headerSubcontent{border:1px solid #D9E0E4;font-size:14px;line-height:20px;font-family:"Gotham A", "Gotham B";font-style:italic;font-weight:400;color:#2E445C;letter-spacing:-0.07px;border-radius:3px;text-align:left;padding:3px 5px;opacity:0.8;margin-left:10px;flex:0 0 auto} @media (max-width: 575px){.available-formats .panel-heading .bookInfo{flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:center}.available-formats .panel-heading .bookInfo .headerTitle{margin-bottom:15px;flex:0 0 auto}.available-formats .panel-heading .bookInfo .headerSubcontent{margin-left:0;flex:0 0 auto}} .available-formats .panel-heading .price{font-size:16px;line-height:22px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C} .available-formats .panel-heading a[role="button"]{padding:12px 20px 11px;display:flex;text-decoration:none} .available-formats .panel-body .cart-content{font-size:16px;line-height:22px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;text-align:left} .available-formats .panel-body .cart-content li{margin-bottom:10px} @media (max-width: 767px){.available-formats .panel-body .cart-content{font-size:14px;list-style:none;text-align:center;padding-left:0}.available-formats .panel-body .cart-content li{display:inline;margin-right:4px}} .available-formats .panel-body .dlpsection{border-top:1px solid #D9E0E4;font-size:16px;line-height:22px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;justify-content:center;display:flex;padding:20px 0 10px !important} @media (max-width: 1023px){.available-formats .panel-body .divPosition{float:none;width:100%}.available-formats .panel-body .cart-section{float:none;width:100%}.available-formats .panel-body .cart-section [data-module="button"]{text-align:center !important}.available-formats .panel-body .cart-section [data-module="button"] button{float:none}} .nds-callout__body a{font-weight:bold;color:#243547} .nds-callout__body a:hover{font-weight:bold;color:#243547} .nds-callout__header{margin-bottom:16px !important} .nds-callout__title{font-size:var(--nds-font-size-h5) !important;color:#243547 !important} div[data-module="book-available-format"] .panel-group .panel+.panel{margin-top:20px !important} .panel-default{box-shadow:0 0 2px rgba(0,0,0,0.16)} .bookAvailableFormat .panel-title{font-weight:normal;font-size:16px;height:100%} .panel-body{padding:16px 20px} .panel-success{box-shadow:none !important} .panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd !important} .header-subelement{float:left;width:15%} .nopadding{padding:0} .nopadding .btn-info{font-weight:bold;font-size:16px;border-color:#79c7c6;border-radius:20px;background-color:#6dbebc} .float-left{float:left} .right-align{text-align:right} .right-align span{font-weight:normal !important} .packageContent{padding:0px !important} .flexContainer{display:flex;align-items:center;height:100%} .activeEbook{background:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2246.633%22 height%3D%2225.785%22 viewBox%3D%220 0 46.633 25.785%22%3E %3Cdefs%3E %3Cstyle%3E .cls-1%7Bfill%3A%23fff%3Bstroke%3A%232e445c%7D.cls-2%7Bfill%3A%232e445c%7D.cls-3%7Bfill%3A%23d9e0e4%7D.cls-4%7Bstroke%3Anone%7D.cls-5%7Bfill%3Anone%7D %3C%2Fstyle%3E %3C%2Fdefs%3E %3Cg id%3D%22Registration_Card_Icon%22 data-name%3D%22Registration Card Icon%22 transform%3D%22translate(18585 20021)%22%3E %3Cg id%3D%22Rectangle_3505%22 class%3D%22cls-1%22 data-name%3D%22Rectangle 3505%22 transform%3D%22translate(-18585 -20021)%22%3E %3Crect width%3D%2246.633%22 height%3D%2225.785%22 class%3D%22cls-4%22 rx%3D%222%22%2F%3E %3Crect width%3D%2245.633%22 height%3D%2224.785%22 x%3D%22.5%22 y%3D%22.5%22 class%3D%22cls-5%22 rx%3D%221.5%22%2F%3E %3C%2Fg%3E %3Cg id%3D%22Group_5529%22 data-name%3D%22Group 5529%22 transform%3D%22translate(-18577.867 -20018.258)%22%3E %3Crect id%3D%22Rectangle_3506%22 width%3D%2232.369%22 height%3D%226.035%22 class%3D%22cls-2%22 data-name%3D%22Rectangle 3506%22 rx%3D%222%22 transform%3D%22translate(0 9.327)%22%2F%3E %3Crect id%3D%22Rectangle_3515%22 width%3D%228.778%22 height%3D%222.743%22 class%3D%22cls-3%22 data-name%3D%22Rectangle 3515%22 rx%3D%221%22 transform%3D%22translate(8.229 4.938)%22%2F%3E %3Crect id%3D%22Rectangle_3514%22 width%3D%225.486%22 height%3D%222.743%22 class%3D%22cls-3%22 data-name%3D%22Rectangle 3514%22 rx%3D%221%22 transform%3D%22translate(19.202 4.938)%22%2F%3E %3Crect id%3D%22Rectangle_3508%22 width%3D%2223.042%22 height%3D%222.743%22 class%3D%22cls-3%22 data-name%3D%22Rectangle 3508%22 rx%3D%221%22 transform%3D%22translate(4.938)%22%2F%3E %3Crect id%3D%22Rectangle_3513%22 width%3D%2216.459%22 height%3D%222.743%22 class%3D%22cls-3%22 data-name%3D%22Rectangle 3513%22 rx%3D%221%22 transform%3D%22translate(8.229 17.556)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;width:49px;height:28px;float:left;margin-right:10px} @media (max-width: 1023px){.activeEbook{display:none}} @media (max-width: 1023px){.activeEbook{width:75px}} .cartdiscountprice{text-decoration:line-through;text-align:right} @media only screen and (min-width: 320px) and (max-width: 767px){.available-formats .panel-group .temporarilyOutOfStock{display:inline-block;width:98px;margin-top:-10px;float:none;margin-right:0px}.header-subcontent{display:none}.panel-body{padding:10px 12px !important}.packageContent{padding:0px !important}.cart-section{text-align:center !important;padding-bottom:15px !important}.bookAvailableFormat{padding-right:0 !important}.bookAvailableFormat div[data-module="button"]{width:100%;display:flex;justify-content:center;text-align:center !important}} @media only screen and (min-width: 768px) and (max-width: 991px){.available-formats .panel-group .temporarilyOutOfStock{display:inline-block;width:98px;margin-top:-10px;float:none;margin-right:0px}} @media only screen and (min-width: 992px) and (max-width: 1200px){.divPosition{position:initial}.col-lg-5{max-width:100%}.col-lg-7{max-width:100%}} #avaliableFormatPanelGrp .panel-title .bookInfo .svg-caret-down{width:18.8px} @media only screen and (max-width: 730px){.available-formats .panel-heading .bookInfo .headerSubcontent{margin-left:20px}.available-formats .panel-heading .bookInfo{display:unset}#avaliableFormatPanelGrp .panel-title .bookInfo .svg-caret-down{float:left;height:10px;width:12px}#avaliableFormatPanelGrp .panel-title .bookInfo .headerTitle{width:75%}} @media only screen and (max-width: 1024px) and (min-width: 768px){.available-formats .panel-heading .bookInfo .headerSubcontent{margin-left:20px}.available-formats .panel-heading .bookInfo{display:unset}#avaliableFormatPanelGrp .panel-title .bookInfo .svg-caret-down{float:left;height:10px;width:12px}#avaliableFormatPanelGrp .panel-title .bookInfo .headerTitle{width:75%}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .fullWidthMargin{padding-right:0px !important;padding-left:0px !important} .bookCarousel{padding-top:60px} .bookCarousel .data-info{margin:5px 70px 85px 10px} .bookImages{width:190px !important;cursor:pointer} @media only screen and (min-width: 1224px){.bookCarousel .slick-next{top:45%;width:47px;height:47px;right:9px;margin:auto;text-align:center;border-radius:100%;border:1px solid #EDF1F4;box-shadow:0 0 20px rgba(0,0,0,0.06);background:#fff url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22%3E%3Ccircle cx%3D%2224.99%22 cy%3D%2225%22 r%3D%2223%22 fill%3D%22%23fdfdfd%22%2F%3E%3Ccircle cx%3D%2224.99%22 cy%3D%2225%22 r%3D%2222.5%22 fill%3D%22none%22 stroke%3D%22%2300a0a3%22%2F%3E%3Cpath d%3D%22M33.42%2C25.37%2C22.79%2C36%2C20%2C33.2l7.83-7.83L20%2C17.53l2.8-2.8Z%22 fill%3D%22%2300a0a3%22%2F%3E%3C%2Fsvg%3E") no-repeat 52% !important;background-size:30% !important}.bookCarousel .slick-prev{top:45%;left:3px;width:47px;height:47px;margin:auto;text-align:center;border-radius:100%;border:1px solid #EDF1F4;box-shadow:0 0 20px rgba(0,0,0,0.06);background:#fff url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22%3E%3Ccircle cx%3D%2225%22 cy%3D%2225%22 r%3D%2223%22 fill%3D%22%23fdfdfd%22%2F%3E%3Ccircle cx%3D%2225%22 cy%3D%2225%22 r%3D%2222.5%22 fill%3D%22none%22 stroke%3D%22%2300a0a3%22%2F%3E%3Cpath d%3D%22M27.2%2C14.73l2.8%2C2.8-7.84%2C7.84L30%2C33.2%2C27.2%2C36%2C16.57%2C25.37Z%22 fill%3D%22%2300a0a3%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% !important;background-size:30% !important;z-index:999}.bookCarousel .slick-slide{padding:0 20px}} @media only screen and (min-width: 992px) and (max-width: 1223px){.bookCarousel .slick-next{top:45%;width:47px;height:47px;right:-40px;margin:auto;text-align:center;border-radius:100%;border:1px solid #EDF1F4;box-shadow:0 0 20px rgba(0,0,0,0.06);background:#fff url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22%3E%3Ccircle cx%3D%2224.99%22 cy%3D%2225%22 r%3D%2223%22 fill%3D%22%23fdfdfd%22%2F%3E%3Ccircle cx%3D%2224.99%22 cy%3D%2225%22 r%3D%2222.5%22 fill%3D%22none%22 stroke%3D%22%2300a0a3%22%2F%3E%3Cpath d%3D%22M33.42%2C25.37%2C22.79%2C36%2C20%2C33.2l7.83-7.83L20%2C17.53l2.8-2.8Z%22 fill%3D%22%2300a0a3%22%2F%3E%3C%2Fsvg%3E") no-repeat 52% !important;background-size:30% !important}.bookCarousel .slick-prev{top:45%;left:-40px;width:47px;height:47px;margin:auto;text-align:center;border-radius:100%;border:1px solid #EDF1F4;box-shadow:0 0 20px rgba(0,0,0,0.06);background:#fff url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22%3E%3Ccircle cx%3D%2225%22 cy%3D%2225%22 r%3D%2223%22 fill%3D%22%23fdfdfd%22%2F%3E%3Ccircle cx%3D%2225%22 cy%3D%2225%22 r%3D%2222.5%22 fill%3D%22none%22 stroke%3D%22%2300a0a3%22%2F%3E%3Cpath d%3D%22M27.2%2C14.73l2.8%2C2.8-7.84%2C7.84L30%2C33.2%2C27.2%2C36%2C16.57%2C25.37Z%22 fill%3D%22%2300a0a3%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% !important;background-size:30% !important;z-index:999}} @media only screen and (min-width: 992px) and (max-width: 1199px){.bookCarousel .data-info{margin:5px 20px 65px 10px}.bookCarousel .GallaryBookTitle{font-size:16px !important}} @media only screen and (min-width: 768px) and (max-width: 991px){.bookCarousel .slick-next{top:45%;width:47px;height:47px;right:-40px;margin:auto;text-align:center;border-radius:100%;border:1px solid #EDF1F4;box-shadow:0 0 20px rgba(0,0,0,0.06);background:#fff url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22%3E%3Ccircle cx%3D%2224.99%22 cy%3D%2225%22 r%3D%2223%22 fill%3D%22%23fdfdfd%22%2F%3E%3Ccircle cx%3D%2224.99%22 cy%3D%2225%22 r%3D%2222.5%22 fill%3D%22none%22 stroke%3D%22%2300a0a3%22%2F%3E%3Cpath d%3D%22M33.42%2C25.37%2C22.79%2C36%2C20%2C33.2l7.83-7.83L20%2C17.53l2.8-2.8Z%22 fill%3D%22%2300a0a3%22%2F%3E%3C%2Fsvg%3E") no-repeat 52% !important;background-size:30% !important}.bookCarousel .slick-prev{top:45%;left:-40px;width:47px;height:47px;margin:auto;text-align:center;border-radius:100%;border:1px solid #EDF1F4;box-shadow:0 0 20px rgba(0,0,0,0.06);background:#fff url(/static/assets/images/prev.svg) no-repeat 50% !important;background-size:30% !important;z-index:999}.bookCarousel .data-info{margin:5px 22px 65px 10px}.bookCarousel .GallaryBookTitle{font-size:15px !important}.bookCarousel .data-info{width:162px !important}} @media only screen and (min-width: 600px) and (max-width: 767px){.bookCarousel .data-info{margin:5px 22px 65px 10px}.bookCarousel .GallaryBookTitle{font-size:14px !important}.bookCarousel .data-info{width:158px !important}} @media only screen and (min-width: 300px) and (max-width: 599px){.bookImages{width:180px !important;cursor:pointer}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .bookCoverContainer{display:inline-block} .bookCoverContainer.separator{border-bottom:1px solid #D9E0E4} .bookCoverContainer div[data-id="bookCover"]{position:relative;background:#ACACAC;margin:30px 0;border-top:2px solid #ACACAC;border-bottom:2px solid #ACACAC;box-shadow:6px 10px 30px 4px rgba(0,0,0,0.2);display:table} .bookCoverContainer div[data-id="bookCover"] img{flex:0;box-shadow:none;max-height:400px;max-width:300px;-o-object-fit:contain;object-fit:contain;width:auto} @media (max-width: 1279px) and (min-width: 768px){.bookCoverContainer div[data-id="bookCover"] img{max-width:calc(125px + 13.67188vw)}} @media (max-width: 767px){.bookCoverContainer div[data-id="bookCover"] img{max-width:calc(180px + 15.625vw)}} .bookCoverContainer div[data-id="bookCover"] .bookCoverDecoration{display:table-row;width:100%;height:100%;position:absolute;background:linear-gradient(to right, rgba(21,21,21,0.52), rgba(255,255,255,0) 8%),linear-gradient(to left, rgba(45,45,45,0.08), rgba(255,255,255,0) 8%)} .bookCoverContainer .linkButton{display:inline-block;border-radius:100px;margin:10px 0 30px;border:solid 2px #197E80;padding:6px 20px;width:170px;line-height:1} .bookCoverContainer .linkButton a{font-size:14px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;color:#197E80;text-decoration:none} .bookCoverContainer .linkButton a:hover{text-decoration:none} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .ContributorfirstNameURL{color:#00a0a3;font-weight:bold;cursor:pointer} div[data-component="overview"] .bookDetails{position:relative;border:1px solid #D9E0E4;width:768px;border-radius:3px;background-color:#FDFDFD;padding:40px 70px;margin-bottom:70px} div[data-component="overview"] .bookDetails .ContributorfirstNameURL{font-style:italic;text-decoration:none} div[data-component="overview"] .bookDetails .ContributorfirstNameURL:hover,div[data-component="overview"] .bookDetails .ContributorfirstNameURL:active,div[data-component="overview"] .bookDetails .ContributorfirstNameURL:focus{text-decoration:none} div[data-component="overview"] .bookDetails .bookDiscount{-webkit-font-smoothing:antialiased;font-size:15px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;text-transform:uppercase;position:absolute;display:block;top:0;background:#ED5B58;color:#fff;padding:8px 18px;z-index:100} @media (max-width: 1279px){div[data-component="overview"] .bookDetails{padding:calc(27.5px + .97656vw) calc(-30px + 7.8125vw);width:calc(-27px + 62.10938vw)}} @media (max-width: 767px){div[data-component="overview"] .bookDetails{width:100%;padding:35px 10px;margin:0 auto 70px}div[data-component="overview"] .bookDetails .bookDiscount{position:absolute;left:50%;transform:translateX(-50%)}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .bookDetails div[data-module="book-details-text"]{text-align:left} .bookDetails div[data-module="book-details-text"] h1{margin:0;font-size:36px;line-height:40px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.025em} @media (max-width: 1279px) and (min-width: 768px){.bookDetails div[data-module="book-details-text"] h1{font-size:calc(6px + 2.34375vw);line-height:calc(25px + 1.17188vw)}} @media (max-width: 767px){.bookDetails div[data-module="book-details-text"] h1{font-size:32px;line-height:44px}} .bookDetails div[data-module="book-details-text"] h1.title{margin:0;padding-right:10px} .bookDetails div[data-module="book-details-text"] h2{font-size:22px;line-height:40px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;letter-spacing:0.04em;text-align:left;margin-top:0px;margin-bottom:30px} @media (max-width: 1279px) and (min-width: 768px){.bookDetails div[data-module="book-details-text"] h2{font-size:calc(17px + .39062vw);line-height:calc(25px + 1.17188vw)}} .bookDetails div[data-module="book-details-text"] a{font-size:18px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;color:#197E80;cursor:pointer} .bookDetails div[data-module="book-details-text"] a svg{fill:currentColor;transform:rotate(-90deg);margin:2px 5px} .bookDetails div[data-module="book-details-text"] div[data-module="contributor"]{display:inline-block;margin:0 0 25px 0;width:100%} .bookDetails div[data-module="book-details-text"] div[data-module="contributor"] hr.contributorLineTop{border-top:1px solid #D9E0E4} .bookDetails div[data-module="book-details-text"] div[data-module="contributor"] hr.contributorLineBottom{border-top:1px solid #D9E0E4;border-top:1px solid #999ea0} .bookDetails div[data-module="book-details-text"] div[data-module="contributor"] #ContributorContent{font-size:20px;line-height:28px;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:italic;font-weight:400;color:#2E445C;letter-spacing:0.5px} .bookDetails div[data-module="book-details-text"] div[data-module="contributor"] #ContributorContent .booklink{font-size:18px;line-height:35px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;background-color:transparent;border:none;padding:0} .bookDetails div[data-module="book-details-text"] div[data-module="contributor"] #ContributorContent .booklink svg{fill:currentColor;transform:rotate(-90deg);margin:2px 5px} .bookDetails div[data-module="book-details-text"] .shortDescription{font-size:18px;line-height:35px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.27px;text-align:left} .bookDetails div[data-module="book-details-text"] .description{font-size:20px;line-height:35px;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:400;color:#57687C;letter-spacing:0.3px;text-align:left} .bookDetails div[data-module="book-details-text"] div[data-module="truncated-text"]{text-align:left} .bookDetails div[data-module="book-details-text"] .authorNameURL{font-family:"Mercury Text G2 A", "Mercury Text G2 B" !important;text-decoration:none !important;box-shadow:none !important;cursor:pointer} @media (max-width: 767px){.bookDetails div[data-module="book-details-text"]{text-align:center}.bookDetails div[data-module="book-details-text"] h1.title{margin:0 0 30px;padding:0}.bookDetails div[data-module="book-details-text"] h2{text-align:center}.bookDetails div[data-module="book-details-text"] div[data-module="badge"]{float:none;margin:0 auto 30px}.bookDetails div[data-module="book-details-text"] div[data-module="contributor"] #ContributorContent{font-size:18px}} .bookDetails .panel-success{border-color:#D9E0E4} .bookDetails .BDPPublisher{font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-size:20px;color:#57687c;line-height:28px} .bookDetails .BDPPublisherText{font-style:italic;cursor:auto !important} @media only screen and (min-width: 320px) and (max-width: 767px){#bookDetailsText .contributor{font-size:16px;text-align:center;margin:0 auto}#bookDetailsText .contributorLine{width:60%;margin:auto !important}#bookDetailsText .contributorContent{padding:15px 0}.BDPPublisher{font-size:18px !important;line-height:24px !important}} @media only screen and (min-width: 768px) and (max-width: 1023px){#bookDetailsText{text-align:left}.BDPPublisher{font-size:16px !important;line-height:22px !important}} @media only screen and (min-width: 1024px){#bookDetailsText{text-align:left}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} #overview div[data-section^="container"].container{width:inherit} div[data-component="overview"]{max-width:1280px;margin:0 auto;padding:0 30px !important} @media (max-width: 1023px){div[data-component="overview"]{padding:0 15px !important}} @media (max-width: 575px){div[data-component="overview"]{padding:0 8px !important}} div[data-component="overview"] .bookCoverSocialMedia{position:relative} div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .ImageBookTitle,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .ImageBookTitle,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .SelectedBookTitle,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .SelectedBookTitle,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .examRequest ~ .ImageBookEdition,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .examRequest ~ .ImageBookEdition,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .AllBookEdition ~ .ImageBookEdition,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .AllBookEdition ~ .ImageBookEdition,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .examRequest ~ .ImageBookVolume,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .examRequest ~ .ImageBookVolume,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .AllBookEdition ~ .ImageBookVolume,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .AllBookEdition ~ .ImageBookVolume,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .examRequest ~ .ImageBookPrice,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .examRequest ~ .ImageBookPrice,div[data-component="overview"] .bookCoverSocialMedia div[data-module="image"] .AllBookEdition ~ .ImageBookPrice,div[data-module="image"] div[data-component="overview"] .bookCoverSocialMedia .AllBookEdition ~ .ImageBookPrice,div[data-component="overview"] .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageLabel .symbol,div[data-module="newsletter"] .messageForm .messageLabel div[data-component="overview"] .bookCoverSocialMedia .symbol,div[data-component="overview"] .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageLabel .message,div[data-module="newsletter"] .messageForm .messageLabel div[data-component="overview"] .bookCoverSocialMedia .message,div[data-component="overview"] .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageInput,div[data-module="newsletter"] .messageForm div[data-component="overview"] .bookCoverSocialMedia .messageInput,div[data-component="overview"] .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageInput input,div[data-module="newsletter"] .messageForm .messageInput div[data-component="overview"] .bookCoverSocialMedia input,div[data-component="overview"] .bookCoverSocialMedia .socialShareContainer,div[data-component="overview"] .bookCoverSocialMedia .bookCoverContainer{position:relative;display:inline-block} div[data-component="overview"] .bookCoverSocialMedia .socialShareContainer{vertical-align:top;margin-right:30px;margin-left:-30px;margin-top:120px} @media (max-width: 1279px){div[data-component="overview"] .bookCoverSocialMedia .socialShareContainer{margin-right:calc(-35px + 5.07812vw);margin-top:calc(20px + 7.8125vw)}} @media (max-width: 1279px) and (max-width: 767px){div[data-component="overview"] .bookCoverSocialMedia .socialShareContainer{margin-right:30px;margin-left:-25px;margin-top:110px}} @media (max-width: 1279px) and (max-width: 767px) and (max-width: 575px){div[data-component="overview"] .bookCoverSocialMedia .socialShareContainer{margin-right:calc(-28.5px + 10.15625vw)}} div[data-component="overview"] .bookCoverSocialMedia .bookDetailNewsletter{margin-top:30px} .bookCoverSocialMedia div[data-module="newsletter"] .messageForm{padding:15px 10%;float:none;height:auto} .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageLabel{font-size:18px;margin-bottom:15px;text-align:center} .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageLabel .symbol{display:inline-block} .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageLabel .message{display:inline} @media (max-width: 1023px){.bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageLabel{font-size:14px}} .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageInput{width:100%} .bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageInput input{width:calc(100% - 52px)} .bookOverview{background:-o-linear-gradient(top, #FDFDFD, #F4F8F9);background:red} .PageSection{background:linear-gradient(0deg, #F4F8F9, #FdFdFd);border-top:1px solid #D9E0E4;height:auto !important;padding-bottom:70px} .AwardsSection{border-top:1px solid #d9e0e4;background:linear-gradient(0deg, #F4F8F9, #FdFdFd)} .Header{text-align:center;font-size:28px;color:#2E445C;line-height:5;font-weight:bold} .ShareSectionsIcon{width:18.92px;height:19px;margin-left:12px;cursor:pointer;margin-top:1px} .HrAboutSection{margin-top:0px !important;padding-top:0px !important} .slick-next:before{content:none !important} .slick-prev:before{content:none !important} .slick-prev,.slick-next{width:12px} .slick-disabled{display:none !important} .AlsoAvailableTop{margin-top:20px !important} @media (min-width: 1200px){.DataComponentWidth{width:970px !important}} @media only screen and (min-width: 320px) and (max-width: 767px){.HrAboutSection{margin-top:0px !important;padding-top:0px !important;margin-left:-10%;margin-right:-3%}} @media only screen and (min-width: 768px) and (max-width: 1024px){.bookCoverSocialMedia div[data-module="newsletter"] .messageForm{padding:15px 7px}.bookCoverSocialMedia div[data-module="newsletter"] .messageForm .messageLabel{font-size:14px !important;text-align:left;margin-right:0;float:left}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="bookproductdetails"] .FormatHeader{list-style-type:none;margin-bottom:0} div[data-module="bookproductdetails"] .Format{font-size:20px;line-height:24px;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.3px;text-align:left;padding-bottom:9px} div[data-module="bookproductdetails"] .Divider{border:solid 1px #d9e0e4;margin:0px 0px 25px 0px !important} div[data-module="bookproductdetails"] .FormatData{padding-left:12px} div[data-module="bookproductdetails"] .ReadingLine{font-size:20px;line-height:1.4;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:400;color:#57687C;letter-spacing:0.2px;text-align:left;margin-bottom:30px} div[data-module="bookproductdetails"] .Label{font-size:20px;line-height:1.2;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.2px;text-align:left;padding-bottom:3px} @media (max-width: 767px){div[data-module="bookproductdetails"] .Label{padding-bottom:0px}} div[data-module="bookproductdetails"] .Text{font-size:20px;line-height:1.6;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:400;color:#57687C;letter-spacing:0.3px;text-align:left;padding-bottom:35px;list-style-type:none} @media (max-width: 767px){div[data-module="bookproductdetails"] .Text{padding-bottom:30px}} div[data-module="bookproductdetails"] .row:last-of-type{padding:0 !important} div[data-module="bookproductdetails"] ul{padding-left:20px !important} @media (max-width: 767px){div[data-module="bookproductdetails"] ul{padding-left:20px !important}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} div[data-module="tab-content"] .show-grid{margin:0 auto} div[data-module="tab-content"] .show-grid #nonMobileTab{padding:0 !important;margin:0 !important} div[data-module="tab-content"] nav[data-module="tabs"]{border-top:1px solid #D9E0E4;border-bottom:1px solid #D9E0E4} div[data-module="tab-content"] .tabMask{width:12%;height:52px;display:block;position:absolute;top:1px;z-index:10} div[data-module="tab-content"] .tabMask.left{left:0;background:linear-gradient(to right, #fff 50%, rgba(255,255,255,0)) 100%} div[data-module="tab-content"] .tabMask.right{right:0;background:linear-gradient(to left, #fff 50%, rgba(255,255,255,0)) 100%} div[data-module="tab-content"] .slick-slider{width:100%;border-top:1px solid #D9E0E4;border-bottom:1px solid #D9E0E4;height:54px} div[data-module="tab-content"] .slick-slider .slick-arrow{display:none !important} div[data-module="tab-content"] .slick-slider .slick-list{width:90%;margin:0 auto} div[data-module="tab-content"] .slick-slider .slick-track{width:100%} div[data-module="tab-content"] .slick-slider .slick-track .slick-slide{height:54px;position:relative} div[data-module="tab-content"] .slick-slider .slick-track .slick-slide span{font-size:18px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;display:block;position:relative;top:50%;transform:translateY(-50%)} div[data-module="tab-content"] .slick-slider .slick-track .slick-slide.slick-active span{font-size:18px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C} @media (max-width: 1023px){div[data-module="tab-content"] .slick-slider .slick-track .slick-slide{min-width:180px !important;float:left}} @media (max-width: 767px){div[data-module="tab-content"] .slick-slider .slick-track .slick-slide{min-width:140px !important}} @media (max-width: 575px){div[data-module="tab-content"] .slick-slider .slick-track .slick-slide span{font-size:16px}div[data-module="tab-content"] .slick-slider .slick-track .slick-slide.slick-active span{font-size:16px}} @media (max-width: 767px){div[data-module="tab-content"] .SectionRow{padding:0 20px}} .SubTab{font-size:18px;color:#2E445C;line-height:3;cursor:pointer;display:inline-block;position:relative;font-family:"Gotham A", "Gotham B"} .ListTopMargin{margin-top:77px;text-align:-webkit-center} .HrAboutSection{margin-top:0 !important;padding-top:0 !important;height:0px} .tabDocumentLink{float:right;margin-top:10px} .HeaderTab{font-size:18px;color:#2E445C;line-height:2;cursor:pointer;display:inline-block;position:relative;width:auto !important;padding-right:25px !important} .HeaderMenu .slick-list{height:55px;padding-top:7px} .SelectedTab{position:relative;font-weight:bold;width:auto !important;padding-right:18px !important} .SelectedTab a{position:relative;font-size:20px;font-weight:bold;width:auto !important;padding-right:18px !important;color:#2E445C;text-decoration:none !important} .UnselectedTab a{position:relative;font-size:20px;font-weight:normal;width:auto !important;padding-right:18px !important;color:#2E445C;text-decoration:none !important} .UnselectedSubTab a{position:relative;font-size:20px;font-weight:normal;width:auto !important;padding-right:18px !important;color:#2E445C;text-decoration:none !important} .SelectedSubTab{padding-bottom:37px;position:relative;font-size:20px;font-weight:bold;width:auto !important;padding-right:18px !important} .SelectedSubTab a{position:relative;font-size:20px;font-weight:bold;width:auto !important;padding-right:18px !important;color:#2E445C;text-decoration:none !important} .mobileSubNavigationMenu{padding-top:15px;font-size:20px} .MobileUnSelectedSubTab a{font-weight:normal} .mobileSubNavigationMenu a{font-size:15px;font-weight:normal;color:#2E445C;text-decoration:none !important} .MobileSelectedSubTab a{font-weight:bold;border-bottom:5px solid red} .MobileUnSelectedSubTab a:before{border:0} .TabletSubNavigationMenu{padding-top:15px;font-size:20px} .TabletUnSelectedSubTab a{font-weight:normal} .TabletSubNavigationMenu a{font-size:17px;font-weight:normal;color:#2E445C;text-decoration:none !important} .TabletSelectedSubTab a{font-weight:bold;border-bottom:5px solid red} .TabletUnSelectedSubTab a:before{border:0} .HeaderMenu{float:right !important} .HeaderMenu a.SelectedTab{font-size:18px;color:#2E445C;line-height:2;cursor:pointer;display:inline-block;text-decoration:none;font-family:"Gotham A", "Gotham B" !important} .HeaderMenu a.SelectedSubTab{font-size:18px;color:#2E445C;line-height:2;cursor:pointer;display:inline-block;text-decoration:none;font-family:"Gotham A", "Gotham B" !important} .HeaderMenu a.SelectedTab:hover,.HeaderMenu a.UnselectedTab:hover,.HeaderMenu a.UnselectedTab:focus{text-decoration:none} .HeaderMenu a.UnselectedTab{font-size:18px;opacity:0.6;color:#2E445C;line-height:2;cursor:pointer;display:inline-block;width:auto !important;padding-left:20px !important;font-family:"Gotham A", "Gotham B" !important} HeaderMenu a.UnselectedSubTab{font-size:18px;opacity:0.6;color:#2E445C;line-height:2;cursor:pointer;display:inline-block;width:auto !important;padding-right:20px !important;font-family:"Gotham A", "Gotham B" !important} .effect{position:absolute;left:2%;transition:0.4s ease-in-out} .HeaderMenu .effect{width:2.6%;height:3px;bottom:1px;background:#FF0000} .TabPadding{padding-right:50px !important} .UnselectedTab{position:relative;font-size:20px} .UnselectedSubTab{position:relative} .HeaderMenu>div>div .slick-track{width:auto !important} .TabPadding>div>div>div>div>.SelectedTab:before{content:"";position:absolute;width:70%;height:1px;bottom:-7px;left:3%;border-bottom:3px solid red} .TabPadding>div>div>div>div>.SelectedSubTab:before{content:"";position:absolute;width:70%;height:1px;bottom:18px;left:3%;border-bottom:3px solid red} .row{margin-right:0px !important;margin-left:0px !important} .RightPadding{padding-right:133px} @media (min-width: 1200px){#navigationBarWidth{width:1279.6px !important}} @media only screen and (min-width: 1224px){.slick-next{background-repeat:no-repeat !important}.slick-prev{background-repeat:no-repeat !important}.SubTab{min-Width:150px !important}} @media only screen and (max-width: 520px){.blurCls>span:after{position:absolute;top:0;bottom:0;right:0;width:5em;content:'';background:linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 )}} @media only screen and (max-width: 1223px){.RightPadding{padding-right:80px !important}#nonMobileTab{width:100%}#isMobileTab{width:100%;margin-left:10px;margin-bottom:10px}.TabPadding{padding-left:5px !important;padding-right:10px !important;height:50px !important}.SelectedTab{padding-bottom:6px;position:relative;font-size:18px;font-weight:bold}.UnselectedTab{position:relative;font-size:18px;font-weight:Regular}.SelectedSubTab{padding-bottom:6px;position:relative;font-size:18px;font-weight:bold}.UnselectedSubTab{position:relative;font-size:18px;font-weight:Regular}.SubTab{line-height:2 !important}.TabPadding>div>div>div>div>.SelectedTab:before{content:"";position:absolute;width:70%;height:1px;bottom:-1px;left:5%;border-bottom:3px solid red}.TabPadding>div>div>div>div>.SelectedSubTab:before{content:"";position:absolute;width:70%;height:1px;bottom:-1px;left:5%;border-bottom:3px solid red}} @media only screen and (min-width: 768px) and (max-width: 991px){.AboutBookNavigation .slick-slide{min-height:40px}} @media only screen and (min-width: 320px) and (max-width: 767px){.AboutBookNavigation .slick-slide{min-height:30px}} .TabletSelectedSubTab{font-weight:700 !important} .TabletUnSelectedSubTab{font-weight:400 !important} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} [data-module="testimonials"]{position:relative;border:solid 2px #EBEEF0;background-color:#FDFDFD;max-width:698px;min-height:340px;border-radius:3px;padding:52px 70px 70px;display:flex;align-items:center;margin:0 auto} [data-module="testimonials"] .copyContainer::before{content:' ';display:block;position:absolute;width:50px;height:44px;left:28px;top:40px;background:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 44%22%3E%3Cpath d%3D%22M15%2C2C7.32%2C7.6%2C1%2C18%2C1%2C29.2%2C1%2C37.4%2C5.54%2C42%2C10.88%2C42a8.48%2C8.48%2C0%2C0%2C0%2C8.49-8.47V33.4c0-4.6-3.36-8.4-7.9-8.4a6%2C6%2C0%2C0%2C0-2.17.4C9.7%2C19%2C14.63%2C11.2%2C21%2C6.8Z%22 fill%3D%22%232e445c%22 opacity%3D%220.05%22 style%3D%22isolation%3Aisolate%22%2F%3E%3Cpath d%3D%22M43.07%2C2c-7.7%2C5.6-14%2C16-14%2C27.2%2C0%2C8.2%2C4.54%2C12.8%2C9.88%2C12.8a8.48%2C8.48%2C0%2C0%2C0%2C8.49-8.47V33.4c0-4.6-3.36-8.4-7.9-8.4a5.17%2C5.17%2C0%2C0%2C0-2.17.4C37.75%2C19%2C42.68%2C11.2%2C49%2C6.8Z%22 fill%3D%22%232e445c%22 opacity%3D%220.05%22 style%3D%22isolation%3Aisolate%22%2F%3E%3C%2Fsvg%3E") no-repeat} [data-module="testimonials"] .copyContainer::after{content:' ';display:block;position:relative;width:50px;height:44px;top:0px;margin:-20px -40px 0px auto;background:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 44%22%3E%3Cpath d%3D%22M35%2C42c7.7-5.6%2C14-16%2C14-27.2C49%2C6.6%2C44.46%2C2%2C39.12%2C2a8.48%2C8.48%2C0%2C0%2C0-8.49%2C8.47v.13c0%2C4.6%2C3.36%2C8.4%2C7.9%2C8.4a6%2C6%2C0%2C0%2C0%2C2.17-.4c-.4%2C6.4-5.33%2C14.2-11.65%2C18.6Z%22 fill%3D%22%232e445c%22 opacity%3D%220.05%22 style%3D%22isolation%3Aisolate%22%2F%3E%3Cpath d%3D%22M6.93%2C42c7.7-5.6%2C14-16%2C14-27.2C21%2C6.6%2C16.41%2C2%2C11.07%2C2a8.48%2C8.48%2C0%2C0%2C0-8.49%2C8.47v.13c0%2C4.6%2C3.36%2C8.4%2C7.9%2C8.4a5.17%2C5.17%2C0%2C0%2C0%2C2.17-.4C12.25%2C25%2C7.32%2C32.8%2C1%2C37.2Z%22 fill%3D%22%232e445c%22 opacity%3D%220.05%22 style%3D%22isolation%3Aisolate%22%2F%3E%3C%2Fsvg%3E") no-repeat} [data-module="testimonials"] blockquote{font-size:18px;line-height:30px;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-style:normal;font-weight:700;color:#2E445C;position:relative;border:none;letter-spacing:0.27px;margin-bottom:-30px;text-align:left;padding:0;margin:0} [data-module="testimonials"] p{margin:0} [data-module="testimonials"] .testimonial{position:absolute;max-width:100%;text-align:left;bottom:25px} [data-module="testimonials"] .testimonial .reviewer{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;letter-spacing:0.35px} [data-module="testimonials"] .testimonial .affiliate{font-size:14px;line-height:27px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:400;color:#2E445C;letter-spacing:0.35px} [data-module="testimonials"] .testimonial .leftQuote{left:45px;top:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAqCAYAAAAeeGN5AAAAAXNSR0IArs4c6QAABX5JREFUaAXFWTtv40YQXr71MJ2TTxdbju9g+IQYgQ5uVAXXqDrgmnQqA6TK78jvSBUgpbpLYcCVGuMqIYACGXCgGAYiODCkc3ymZUuiRWdmJcpLkVwuKQJhw33OzDc7szs7S0jyT0o+NfFMLk9uZzjLulKpkeznMZn2Pjbuw8el17PzbT2bl8fqqXZzT5rNhyDKSlAjr61SqesbX4+zjlOQdMmQv/rmjXb5V3sKcx5581bokw7efZ+XH7Iga44UnalWMPakq6su8vR8sVZmt/ZDxrBlzUOBVgaEpzH/eOEWqVKr5x9s0yenNepPL1q/3bGUhFdmt1YDIBsBQJAcX2MswxjlUCBIw1Dz8tbrst4/P0GTo1YhBKZcfm9o2Vc6X5AckddMZWu9TPr9E58J8Of6erlA3NGOY0jFVy/1T3+fTrBNdTtC/7WaqtilCCA4e0DUa2Pc6TQo4VB6Ah2bB+9yQaa1PFXVrMdO88PC1KLASPv2enaZiL8OPnNsANHGqitC0AoUsyT7eXhbqM8ce32GCwZ2kdx4GOImC9rpASH1uqJcmJFWEOT8KE4oGNQQAInQ0HwXI82VVwSFqfRJNvAAwc75d231nMv20cK03Hb8h4GRlU0tUkOno60ROf4QxZ/lF1rGbf/Bln1bMDsBfSQMCI4LBAPmlY0yr+n6PxNyfGizzJKX60rw+cVSHBBw9iG0hB7OPjOqVn/UoszLyNtO9/BwzLJapYyhUdR8eihzgOB8H5iR+a/BJzwg7aNf04vHYOuP2oaHjvUQFo+xsnrBCBDGswQIOCyRVcoH+stI5UEwOxLh4QETRZgeUikcigvBYCuOMum58kL9ZEELCgyYaMId0hfSEMuAV97pEe6OGVd5CzC7tT73dESnF7FbnvDLfXg/WW5j6x3rLNYmswBj2OtcMO1PJyvHXKygpFoFfkVPE1vBVSGtVqytfwYGbJdHGIPIuIRZwYLK22Sbq7xx7zYWEORBwZR/v+Uu99AxUjnlWVBmRuJeP7rdtdg8KZi7L1Qu4d7kLDZhVvCAMvANNzFqCQkicAomSktgYqkEkgtQ1SpXedboMRE/BAPBHU9LVAQ8JGHsTxT8QqiEhV3T5ILRTWt+KKMvo3xiHwysK/tvzVz4cHB++rmABwQ1VyIlu9X6ObaTIqlZ2sjk+CnydPnhjAEZaxv2efMX3FFDow+F1L5Uik6Bs7MgThZrjiYTJqqjztNMsf1pbfO1jgkJFDP4Y/nhiBxRHUnB+37hDaSZuv40E46SiWUJLyNOYD8MRfbffrcGbbFoFJ8/izX+iWeRKDclHVf2qe2pJFdGewkJu0SKBK/Xbk3kP52MVuKZl8FE6aHr5cZZau9AXo0GixBx88ak3Vcx93zRttzJFIQi0ihhtq3oREQUjTj99A5EI5enWTIx/0wFTORZ9cSTDK4+p8KzfOuNXGSIhEO3Ooa/QJFupUK+kN3YTnQoLgsxul7zuAlWAIx7liwPj10XAnNu/ZEKmGXpKLIUA0mxVW61Yp9Ny4JjXTXyHnOlYHo7ZOW7Cr28BXEMbnvErGRwl3jr8grPbK7RmMYUxsfx7mwQS9sXprWiAsE1llZ4BgZEax+N4H6fzHfwVtjtxsyjwVMeTSH51CLWEJToWIDBDP58gBg1ZlSnSRLl0fA9lF6PGVoiRbSioKcTTyiOj0QFY0vCRyMRoriS6vV03O83YpkYSxtevmx4AdPw4YhtDysjEEhCBibOgwlAaFIhLyCR7X9LdJnMnhUykD1Z/U0GaZbfw7vMDSbr2dDf5Yb/AZle2hOeOQeDcWkAqJ3xC82ZB4a6+dzJ94e4xLgSYtuwS0vsL8FTiu5e42U985h5dut07++naae5xMT5H0f9B9+z8aAeS86wAAAAAElFTkSuQmCC) no-repeat} [data-module="testimonials"] .testimonial .rightQuote{right:45px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAqCAYAAAAeeGN5AAAAAXNSR0IArs4c6QAABYdJREFUaAXlWTtv40YQXr5EybLOuZx15/icwLgIOCQKrhFSBNewCuAipcoAqfI78jtSpHHpzulcqTm4UiPATow4hgArvgSynbNk2aL5UGZIk1qKy+WSYhc1XO3OfrPz3OFQIiK/dltpnT2Vp9N/JdO8lU637h3S6dgiW3PSyMQw5OawLiM/XV+dHR3tWYA14+FJnEV565u2XpVNlZD1GJmqjWdkSB6AyUNsMedEq/WjZj27L5kTTWZBjKdD56L76xTWXNY6U5hms12yPzJ1lhCLIPrYcnu93cnifMb/0ptvv19JEiKKdUnUD7rJUqISJSTEF6QGgqwsLjH/O7oivfziK+2fP3voBrl+TaO9ak0rTGvEAVeIW9bVjScNMhweO/T6IoDsW4QmSR+jRsElK+mUcYptwyjbVo3pIXHq+Yx/znbEGBFhNlvflUVcaw45H1XlmkpaLW0+IzL6SdatVxn3BLjrpGmQiAJpYaRauR6RNNgm+nzz7MuSKC3SbRudTPSL2J5FDQMSlP+bC9NqhZPBYtanH8BR0/MwnpQ+XUp5iL05roUKCYVpTl9l9lvWQRuNW2GlmJObkD8LS2SuVpZChYRgeDmJbE6juVtTQ/A02mLW4Q58dLVQGLxliwCnNZWGp2p6ITyxUkBeoTBHRySSs9MOkrwerxaSaG/MYnian/leFQpDyJ7jlShJnLPNC7ns4OGskPrOvn/h8aOEgdNCrZXtzEtSd7tWEQq0zUlcGKx39KrFLOIyHls4Fo7IEAvHpX6qPvT4RS0DkL2D3bvlBLrMdjB4lVidqiBQxn0UF3VQYQsDNDMQaGJqZ1A4ZmeQJ0N1uz9bJ+/03EoMMnHinfCh37evzk+sq+dfu0+v/nJnk1unZBPben7tymYtcZ9WkWf5Kuhjb9/VecPZePLgWjfXHs8/1DNro1JVXFdPTCq/kd9t8v69m3Zbzwho7ZQyaZPguw41sTC8Hk+XjLk9Z/GasN++hAK4tsCJ+tvtetdKLGYoEuZwUq9y96yNirk7KOZgEd7d5YWCp0DuwSjAcFglE641F7Uabsw7MIxEl0ZIfbwWegL3YAz+Mv9FCrW0X1Al4XPfMuvavE6Jn2j0sRLyy2SZRmOH+yI1ns5C4DjbfDN+QyV5b5/0wyoik2WUF1r47sCCvyAXufsALDyvH8ELfLw6qJaXsGUQODUQoTxhHSr3XJ1wlWdqowg/YWFICvDE1UNz5z48tRF7aPz4JKTfqWcXprGzo6cBDw6bJnWWpYe35b/hbkn+YUMQK32aQiRmZGXEjxUf+JcwRdIM8oy3jR/KxOI7zUVtHKvw+TvgJNBphHYO79IihAWcRwhvD/S1dUvmZk2vEKYCP+DFtQykYj2tZepZ5V1hTXSpOSSVtODrPZwzXTpZGGgSKNYn3GyCVTU0su8DzSz7hCZkJS02J+7YptMxzTNBmLby2jIj3UJ6UzDGBjaMhV/Egn2sJ7Z3oSvKLV1QeYPD/cSXOZYw8uu3JnTN+XHidf8L+pyBAQ9xwjpLRO4TbYRekKi8RQAZOvIrYOoISPzPJen19u/i89lnsHGeFvCIamquleReAVdKmLaCjeg0n8WNaRoKwNOejxbhZi7EwOx1crCb6F4BH0+Y4OOSbfFdCzd5r9OMtBgACj4fPy7JqVcDxknvYF8oyXhgfms2XRDMJP1OJ1VDggIJkF0S7A0AodCF7GWP6+tT5+rzNXfddcDk7C9mKMjgcE9IQwKnJNgnqGw1lJKkJ1gnECRasvCw56mw33exgQGf9FTHUiLNg6IFCQ40Ghzb+DnPLY/B3WklgiCbYJFjcUEQM3LogMljzgcGyR9DA9pinvPkg8EOrS70ACHXEuLvv7+IfzgSAuUTSVid80n+R6v/AZ+lC12pzcdaAAAAAElFTkSuQmCC) no-repeat} [data-module="testimonials"] .leftQuote,[data-module="testimonials"] .rightQuote{position:absolute;height:50px;width:50px;background-repeat:no-repeat} [data-module="testimonials"] .testimonial .genericinformation{font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-weight:bold;margin-left:35px;margin-top:15px;font-size:18px} @media (max-width: 767px){[data-module="testimonials"]{padding:60px 30px 70px}[data-module="testimonials"] .copyContainer::before{left:25px}[data-module="testimonials"] .copyContainer::after{margin:-20px -5px 0px auto}[data-module="testimonials"] blockquote{font-size:16px;letter-spacing:0.24px}} .carouselContent{border:2px solid #EDF1F4;border-radius:10px;width:100%;float:left;min-height:500px;box-shadow:1px 1px 15px 0px rgba(0,0,0,0.06)} .carouselContent iframe{border-top-left-radius:10px;border-top-right-radius:10px} .carouselContent .jwplayer{border-top-left-radius:10px;border-top-right-radius:10px} .carouselContentForMobile{width:174px !important;float:left} .contentTitle{font-weight:bold;font-size:22px;color:#2E445C;text-align:left;font-family:"Gotham A", "Gotham B"} .contentTime{font-size:18px;color:#2E445C;text-align:right} .contentSource{font-size:18px;color:#2E445C;padding:10px 15px;text-align:left;float:left;font-family:"Gotham A", "Gotham B"} .contentSrc{font-weight:bold;border-bottom:5px solid #B5DEDD} .contentSrc a{color:#2E445C} .contentSrc a:hover{text-decoration:none !important;color:#2E445C} .articleContent{border:2px solid #EDF1F4;border-radius:10px;width:100%;float:left;min-height:750px;box-shadow:1px 1px 15px 0px rgba(0,0,0,0.06)} .articleTitleContent{text-align:center;padding:35px 50px 0 50px !important} .articleSource{font-size:28px;color:#2E445C;font-weight:bold;opacity:0.5;text-align:center;padding:30px 0 0 0 !important} .articleImage{width:100%;min-height:460px;display:flex} .articleNonImage{width:100%;min-height:460px;display:flex;background-color:rgba(89,190,188,0.05)} .articleDescription{font-size:18px;font-family:"Mercury Text G2 A", "Mercury Text G2 B";color:#2E445C;text-align:left} .articleDescription a{font-size:18px;font-weight:bold;box-shadow:0 5px 0 #b7dedd;text-decoration:none;padding-bottom:1px;color:#2E445C} .articleDescription a:hover{text-decoration:none !important;color:#2E445C} .articleDescription a:focus{text-decoration:none !important} .manageMargin{margin:auto} .carouselContainer .slick-track{display:flex;padding-bottom:20px} .carouselContainer .slick-slide{display:flex !important;height:auto} .CardComponent .testimonial{padding:50px 50px 35px 50px;min-height:310px;font-size:18px} @media only screen and (min-width: 320px) and (max-width: 767px){.contentTitle{font-weight:bold;font-size:17px;color:#2E445C;text-align:left;font-family:"Gotham A", "Gotham B"}.contentTime{font-size:12px;padding-left:0 !important}.contentSource{font-size:16px !important;font-family:"Gotham A", "Gotham B"}.articleContent{min-height:480px;padding-bottom:20px}.articleImage{min-height:275px}.articleNonImage{height:63%}.articleDescription{font-size:16px}.articleDescription a{font-size:16px}.articleImage .manageMargin{margin:0}.articleNonImage .manageMargin{margin:auto}} @media only screen and (min-width: 768px) and (max-width: 1024px){.articleContent{padding-bottom:20px}.manageMargin{margin:auto}.articleImage{min-height:460px}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} .tocUnnumbered{padding:0;margin-top:0;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-size:20px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.75;letter-spacing:0.3px;color:var(--dark-grey-blue)} .TOCUnnumbered{padding:0;margin-top:0;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-size:20px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.75;letter-spacing:0.3px;color:var(--dark-grey-blue)} .TOCUnnumbered>ol>li{list-style-type:none;font-weight:700;margin-bottom:50px} .TOCUnnumbered ol,.TOCUnnumbered ul{font-weight:initial;margin-bottom:2.5rem;margin-top:1rem;padding-left:1em} .TOCUnnumbered ol li{padding-left:0.5rem} .TOCUnnumbered ol{list-style-type:none;padding-left:0} .TOCUnnumbered ol li{padding-left:0} .TOCUnnumbered ul{list-style-type:disc} .tocUnnumbered>ol>li{list-style-type:none;font-weight:700;margin-bottom:50px} .tocUnnumbered ol,.tocUnnumbered ul{font-weight:initial;margin-bottom:2.5rem;margin-top:1rem;padding-left:1em} .tocUnnumbered ol li{padding-left:0.5rem} .tocUnnumbered ol{list-style-type:none;padding-left:0} .tocUnnumbered ol li{padding-left:0} .tocUnnumbered ul{list-style-type:disc} section{padding-top:1rem;padding-bottom:1rem} section:nth-child(even){background-color:#efefef} .numbered{font-size:1.25rem;padding:0;margin-top:0;font-family:"Mercury Text G2 A", "Mercury Text G2 B";font-size:20px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.75;letter-spacing:0.3px;color:var(--dark-grey-blue)} .numbered>ol>li{list-style-type:none;font-weight:700;margin-bottom:50px} .numbered ol,.numbered ul{font-weight:initial;margin-bottom:2.5rem;margin-top:1rem;padding-left:1em} .numbered ol li{padding-left:0.5rem} .numbered ul{list-style-type:disc} @media only screen and (min-width: 320px) and (max-width: 767px){.TOCUnnumbered{font-size:18px}.numbered{font-size:18px}.numbered ol,.numbered ul{padding-left:.5em}.TOCUnnumbered ol,.TOCUnnumbered ul{padding-left:.5em}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} [data-module="card"] [data-id="panelComponentParent"] [data-module="media"] [data-module="video"]{min-height:260px} [data-module="video"] video.videoTag{background:#000} [data-module="video"] .videoIframe{position:absolute;left:0;width:100%;height:100%;background-color:#000;max-height:261px} .modal-backdrop.videoModal{background:rgba(74,74,74,0.5)} .modal-backdrop.videoModal.in{opacity:0.5} #videoModal .modal-dialog{width:100%;height:100%;margin:0} #videoModal .modal-content{background:transparent;border:none;border-radius:0;box-shadow:none;width:inherit;height:inherit} #videoModal .modal-content .modal-header{height:70px;display:flex;align-items:center;position:relative;border:0;flex-direction:row-reverse;background:transparent} #videoModal .modal-content .modal-header .placeholder{width:16px} #videoModal .modal-content .modal-header .titleElement{flex:0 0 80px;text-align:left} #videoModal .modal-content .modal-header .closeLabel{border:none;padding:0;background:transparent;flex:0 0 80px;text-align:right} #videoModal .modal-content .modal-header .closeButton{width:16px;height:16px;border:none;padding:0;background:transparent} #videoModal .modal-content .modal-header .closeButton svg{fill:#2E445C} #videoModal .modal-content .modal-header .modal-title{font-size:18px;line-height:70px;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;text-align:center;flex:1 0 auto} #videoModal .modal-content .modal-header .closeButton{width:20px;height:20px} #videoModal .modal-content .modal-header .closeButton svg{fill:#fff} #videoModal .modal-content .modal-body{padding:0} #videoModal .modal-content .modal-body .react-player iframe{margin:auto} #videoModal .modal-content .modal-body iframe{margin:12vh auto;display:block} @media (max-width: 1023px){#videoModal .modal-content .modal-body iframe{margin:0 auto;width:100%}} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} @media (min-width: 1380px){.landingsection .cardContainer .cardContent div.vertical-section{display:flex;flex-wrap:wrap}} @media (min-width: 1024px){div[data-module="card"]{max-height:630px}} @media (max-width: 1023px){div[data-page="Landing"] [data-column="multi"] div[data-module="card"]{margin:0 30px}} div[data-module="card"] div[data-module="truncated-text"] a{font-size:18px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;color:#197E80;cursor:pointer} div[data-module="card"] div[data-module="truncated-text"] a:hover{text-decoration:none} div[data-module="card"].default .cardContent{min-height:100%} div[data-module="card"].default .cardContent>[class*="col-"]{padding:0;float:none} div[data-module="card"].default .cardContent>[class*="col-"]:not(:first-of-type){margin-top:30px} div[data-module="card"].default .cardContent [data-module="header"] .headerDefault{margin:0} div[data-module="card"].default .cardContent [data-module="rich-text"] .data-component{padding:30 !important} div[data-module="card"].default .cardContent [data-module="button"]{margin:0} div[data-module="card"].default .cardContent .headerheaderrich-textlist [data-module="rich-text"] .data-component.HeaderCopy{padding-top:0px} div[data-module="card"].default .cardContent{height:auto;margin:0 0 30px;padding:60px 50px;overflow:hidden} @media (max-width: 575px){div[data-module="card"].default .cardContent{padding:40px 20px}} @media (max-width: 1023px){div[data-module="card"].default .cardContent{height:auto}} div[data-module="card"].default .cardContent [data-module="media"]{min-height:160px;display:flex;justify-content:center;align-items:center} div[data-module="card"].default .cardContent [data-module="media"] [data-module="video"]{width:100%;height:261px} div[data-module="card"].article [data-module="header"]{margin:25px 20px 0} div[data-module="card"].article .cardContent{max-width:500px;height:360px;margin-bottom:0} div[data-module="card"].article .cardContent div:first-child [data-module="header"]:first-child{margin:10px 20px 0 20px;display:flex;flex-direction:column;justify-content:center} div[data-module="card"].article .cardContent [data-module="media"]{max-width:none} div[data-module="card"].article .cardContent [data-module="image"]{margin:0;display:block} div[data-module="card"].article .cardContent [data-module="image"] img{max-height:280px;max-width:none;min-height:280px;box-shadow:none;width:100%;height:100%;-o-object-fit:contain;object-fit:contain} div[data-module="card"].article [data-module="rich-text"] div[data-module="truncated-text"] .more-holder{display:flex;justify-content:center;margin-top:30px} div[data-module="card"].article [data-module="rich-text"] div[data-module="truncated-text"] .trunc-right-carrot{transform:rotate(-90deg);margin:-1px 0 0 -2px;width:12px;height:7px;max-height:none;min-height:auto;display:inline-block} div[data-module="card"].article [data-module="media"]>div{width:100%;height:280px;background-color:#EDF1F4;display:flex;justify-content:center;align-items:center;overflow:hidden} div[data-module="card"].article .headerDefault{margin:0} div[data-module="card"].article .headerDefault p{margin:0} div[data-module="card"].article .HeaderCopy{position:relative;top:-17px} div[data-module="card"] .trunc-right-carrot{display:none} @media (max-width: 767px){div[data-module="card"]{padding:0 15px}} #videos div[data-module="card"] .cardContent{width:520px;height:440px;display:flex;flex-direction:column} #videos div[data-module="card"] .cardContent div:first-child [data-module=header]:first-child{padding-top:30px !important;padding-bottom:0px !important} #videos div[data-module="card"] .cardContent>div{order:3} #videos div[data-module="card"] .cardContent>div:first-child{order:2} #videos div[data-module="card"] .cardContent>div:nth-child(2){order:1} #videos div[data-module="card"] .cardContent .headerDefault{margin:15px 0 0 0;padding:0 20px} #videos div[data-module="card"] .cardContent .headerDefault.subHeader{margin:13px 0 0 0} #videos div[data-module="card"] .cardContent .headerDefault.subHeader h4{font-size:18px;margin:0px} #videos div[data-module="card"] .cardContent .headerDefault p{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0} #videos div[data-module="card"] .cardContent [data-module="media"]{position:relative;width:100%;height:auto;max-width:initial} #videos div[data-module="card"] .cardContent [data-module="media"] iframe{width:100% !important;min-height:290px} #videos div[data-module="card"] .cardContent [data-module="media"] [data-module="video"]{min-height:240px !important} .cardContainer{padding-bottom:20px;padding-top:20px} .cardContent>div{text-align:center;text-align:-webkit-center;text-align:-moz-center} .cardContent .wrapperImage{position:relative} .cardBookDetails{padding:0px 50px 70px 70px} #CardComponent .newsletterComponent{background-color:white;text-align:left;margin:0px;margin-top:35px;background-color:#FDFDFD;border:none;border-radius:10px;box-shadow:none;padding-top:10px;padding-bottom:10px;color:#000} #CardComponent .newsletterIcon{display:inline-block;margin-right:10px} #CardComponent .newsletterIcon img{height:15px} #CardComponent .newsletterComponent .message{display:inline-block} #CardComponent .newsletterInput{height:40px;margin-top:15px;max-width:900px} #CardComponent .newsletterInput input{height:40px;width:75%;border-style:solid;border-width:1px;border-color:#D9E0E4;border-radius:5px 0 0 5px;padding-left:10px} #CardComponent .checkbox,#CardComponent .legalNotice{text-align:left} #CardComponent .checkbox input,#CardComponent .legalNotice input{margin-left:0px !important;margin-right:10px} #CardComponent .checkbox span{padding-left:20px} #CardComponent .newsletterInput button{height:40px;width:60px;vertical-align:top;border-radius:0 5px 5px 0;border-style:none;background-color:#6DBEBC;color:white} .articleCarousel #CardComponent .AuthorImage img{height:325px !important} #CardComponent .newsletterInput button:disabled{background:#adadad} #CardComponent .newsletterInput .desktop{display:inline-block} #CardComponent .newsletterInput .tablet{display:none} .FeedLineTop{width:30%;border:1px solid #D9E0E4;margin:102px auto 83px auto !important} .FeedLineBottom{width:30%;border:1px solid #D9E0E4;margin:72px auto 103px auto !important} .FeedContent{padding:0 !important} .cardContent{border:1px solid #d9e0e4;border-radius:3px;background-color:#fdfdfd;padding:20px;margin-bottom:20px} .bookAvailableFormat .panel-title{font-weight:normal;font-size:16px} .CardComponent .testimonial{padding:50px 50px 35px 50px;min-height:310px;font-size:18px} .articleCarousel #CardComponent .AuthorImage img{height:325px !important} .CardRightLeftPadding{margin-left:25px;margin-right:25px} @media only screen and (max-width: 767px){#CardComponent .newsletterInput{max-width:290px}.cardContent{height:auto}} @media only screen and (min-width: 992px) and (max-width: 1199px){.cardBookDetails{padding:0 40px 30px 40px !important}#author-detail-info .cardBookDetails{padding:0 30px 30px 30px !important}#author-detail-info .CircleIcons{padding:10px 12px}.bookAvailableFormat .panel-title{font-size:16px !important}} @media only screen and (min-width: 768px) and (max-width: 991px){.cardBookDetails{padding:0 40px 30px 40px !important}#CardComponent .newsletterInput .desktop{display:none}#CardComponent .newsletterInput .tablet{display:inline-block}#author-detail-info .cardBookDetails{padding:0 30px 30px 30px !important}#author-detail-info .CircleIcons{padding:6px 8px}.cardContent{height:auto}} @media only screen and (min-width: 600px) and (max-width: 767px){.cardContent.FeedContent{width:100% !important}.FeedLineTop{margin:115px auto 50px auto !important}.FeedLineBottom{margin:50px auto 115px auto !important}} @media only screen and (min-width: 600px) and (max-width: 767px){#author-detail-info .cardBookDetails{padding:0 20px 30px 20px !important}#author-detail-info .CircleIcons{padding:10px 12px}#author-detail-info .col-md-3.col-sm-3.col-xs-12{width:10% !important}} @media only screen and (min-width: 320px) and (max-width: 767px){.cardBookDetails{padding:0px 15px 30px 15px !important}.cardContent{height:auto}.headerDefault{margin-top:30px}} @media only screen and (min-width: 768px) and (max-width: 991px){#BookImageComponent img{width:160px !important;height:auto}#overview-book-detail .col-sm-4{text-align:center !important}.bookAvailableFormat{padding-right:0 !important}.FeedLineBottom{margin:72px auto 93px auto !important}.FeedLineTop{margin:100px auto 80px auto !important}} @media only screen and (min-width: 320px) and (max-width: 767px){#BookImageComponent img{width:200px !important;height:auto}#overview-book-detail .col-xs-12{text-align:center !important}#author-overview-detail .col-xs-12{text-align:center !important}.bookAvailableFormat{padding-right:0 !important}#articles .cardContent,#videos .cardContent{padding:0}.CardRightLeftPadding{margin-left:0px;margin-right:px}} div[data-module="card-newsletter"] .headerDefault{text-align:left !important} div[data-module="card-newsletter"] .subHeader{text-align:left !important;font-size:18px !important;font-weight:normal !important} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} [data-module="carousel"] ul{padding:0;margin:0} [data-module="carousel"]>.testimonials .slick-list{min-height:340px} [data-module="carousel"]>.testimonials.desktop .slick-slide{margin:0;float:left} [data-module="carousel"]>.testimonials.desktop .slick-slide:not(:last-of-type) [data-module="quote"]{padding:0 15px 0 0} [data-module="carousel"]>.testimonials.mobile .slick-slide,[data-module="carousel"]>.testimonials.tablet .slick-slide{margin:0} @media (max-width: 698px){[data-module="carousel"]>.testimonials.mobile [data-module="testimonials"],[data-module="carousel"]>.testimonials.tablet [data-module="testimonials"]{margin:0 15px}} [data-module="carousel"] div[data-module="card"].default .cardContent{width:500px !important} [data-module="carousel"] div[data-module="card"].article .cardContent [data-module="media"] [data-module="video"]{height:282px} [data-module="carousel"]>.card div[class*="col-"]{margin-right:0;margin-left:0} [data-module="carousel"]>.card .cardContent{margin:0 auto} [data-module="carousel"]>.card .slick-slide{margin:0;float:left} @media (max-width: 1023px) and (min-width: 576px){[data-module="carousel"]>.card [data-module="card"]{transform:scaleX(0.95);transform-origin:center center}} [data-module="carousel"] .noSlide{display:flex;align-items:flex-start;justify-content:center} [data-module="carousel"] .noSlide [data-id="Carousel"]{display:block} [data-module="carousel"] .noSlide [data-id="Carousel"]:not(.AllEditionBooks){width:500px} [data-module="carousel"] .noSlide [data-id="Carousel"]+div{margin-left:30px} [data-module="carousel"] .noSlide [data-module="card"].article .card-root-col{padding:0} [data-module="carousel"] .noSlide [data-module="image"]{margin:0 15px} [data-module="carousel"] .noSlide .defaultImage{max-height:225px;width:auto} [data-module="carousel"] [data-module="media"]{width:100%} [data-module="carousel"] .slick-next,[data-module="carousel"] .slick-prev{z-index:999;width:50px;height:50px;filter:drop-shadow(0 0 1px rgba(0,0,0,0.3));transition:0.3s all ease} [data-module="carousel"] .slick-next:hover,[data-module="carousel"] .slick-prev:hover{filter:drop-shadow(0 1px 4px rgba(0,0,0,0.3))} [data-module="carousel"] .slick-next{background:transparent url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22%3E%3Ccircle cx%3D%2224.99%22 cy%3D%2225%22 r%3D%2223%22 fill%3D%22%23fdfdfd%22%2F%3E%3Ccircle cx%3D%2224.99%22 cy%3D%2225%22 r%3D%2222.5%22 fill%3D%22none%22 stroke%3D%22%2300a0a3%22%2F%3E%3Cpath d%3D%22M33.42%2C25.37%2C22.79%2C36%2C20%2C33.2l7.83-7.83L20%2C17.53l2.8-2.8Z%22 fill%3D%22%2300a0a3%22%2F%3E%3C%2Fsvg%3E") no-repeat} [data-module="carousel"] .slick-prev{background:transparent url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22%3E%3Ccircle cx%3D%2225%22 cy%3D%2225%22 r%3D%2223%22 fill%3D%22%23fdfdfd%22%2F%3E%3Ccircle cx%3D%2225%22 cy%3D%2225%22 r%3D%2222.5%22 fill%3D%22none%22 stroke%3D%22%2300a0a3%22%2F%3E%3Cpath d%3D%22M27.2%2C14.73l2.8%2C2.8-7.84%2C7.84L30%2C33.2%2C27.2%2C36%2C16.57%2C25.37Z%22 fill%3D%22%2300a0a3%22%2F%3E%3C%2Fsvg%3E") no-repeat} [data-module="carousel"] .slick-slide{margin:0 15px} [data-module="carousel"] .slick-slide .defaultImage{max-height:225px;width:auto} [data-module="carousel"] .slick-slide::after{clear:both;content:'';display:table} [data-module="carousel"] .slick-slider.tablet .slick-next{right:10px} [data-module="carousel"] .slick-slider.tablet .slick-prev{left:10px} [data-module="carousel"] .slick-slider.mobile button{background-size:80%;background-position:center} [data-module="carousel"] .slick-slider.mobile .slick-next{right:5px} [data-module="carousel"] .slick-slider.mobile .slick-prev{left:5px} [data-module="carousel"] .slick-slider.default .slick-track{margin-top:20px;margin-bottom:20px;display:flex !important} [data-module="carousel"] .AuthorImage{position:relative} [data-module="carousel"] .AllBookEdition{position:relative} [data-module="carousel"] .selected{opacity:0.5} [data-module="carousel"] .examRequest,[data-module="carousel"] .AllEditionBooks{display:inline-block;margin:0 20px;position:relative} @media (max-width: 768px){[data-module="carousel"] .examRequest,[data-module="carousel"] .AllEditionBooks{margin:0 15px}} [data-module="carousel"] .SelectedBookArrow{background:url(/static/assets/images/svg/ui_checkmark.svg) no-repeat;width:38px;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)} @media (max-width: 1023px){[data-module="carousel"]{padding:0}} @media only screen and (min-width: 1101px){.FixCarousel{width:500px !important;min-height:360px !important}} @media only screen and (min-width: 1024px) and (max-width: 1100px){.FixCarousel{width:470px !important;min-height:360px !important}} @media only screen and (min-width: 992px) and (max-width: 1023px){.FixCarousel{width:430px !important;min-height:360px !important}} @media only screen and (min-width: 320px) and (max-width: 767px){.FixCarousel .cardContent{margin-left:0 !important;width:100% !important}[data-module="carousel"] div[data-module="card"].article .cardContent{width:100% !important}[data-module="carousel"] div[data-module="card"].article .cardContent{width:100% !important}[data-module="carousel"] div[data-module="card"].default .cardContent [data-module="media"] [data-module="video"]{height:auto !important}} @media only screen and (min-width: 700px) and (max-width: 767px){.FixCarousel{width:320px !important}} @media only screen and (min-width: 650px) and (max-width: 699px){.FixCarousel{width:295px !important}} @media only screen and (min-width: 601px) and (max-width: 649px){.FixCarousel{width:275px !important}} @media only screen and (min-width: 768px) and (max-width: 790px){.FixCarousel{width:340px !important}} @media only screen and (min-width: 791px) and (max-width: 837px){.FixCarousel{width:370px !important}} @media only screen and (min-width: 838px) and (max-width: 991px){.FixCarousel{width:400px !important}} @media only screen and (min-width: 320px) and (max-width: 767px){.BookSelected .SelectedBookArrow{top:45% !important;left:30% !important}} @media only screen and (min-width: 320px) and (max-width: 400px){.BookSelected .SelectedBookArrow{top:45% !important;left:38% !important}} @media only screen and (min-width: 768px) and (max-width: 1023px){.BookSelected .SelectedBookArrow{top:45% !important}} #articles .cardContent,#videos .cardContent{padding:0} #videos .articleCarousel iframe{border-top-left-radius:3px;border-top-right-radius:3px} .articleCarousel h3.articleHeader{color:#2E445C;font-weight:bold;font-size:22px !important;text-align:center !important;padding:30px 15px 20px !important;margin-top:0;margin-bottom:0;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:4.5em;line-height:1.5em} .articleCarousel h3.articleVideoHeader{font-size:22px !important} .articleCarousel h3.articleHeader::before{content:'...';float:right;margin-top:1.5em} .articleCarousel h4.articleSubHeader{padding:0 15px;margin-top:0 !important;margin-bottom:0 !important;text-align:center !important} .articleCarousel #CardComponent .AuthorImage img{height:325px !important} h4.articleSubHeader a.articlelink{color:#197E80;font-weight:bold} #articles .slick-list{margin-bottom:50px} .selectbookcarousel .slick-next,.selectbookcarousel .slick-prev{top:43%} .selectbookcarousel .additionalheight{height:0 !important} [data-module="banner"] .wrapper{margin:0 auto;padding:0 30px} @media (min-width: 1280px){[data-module="banner"] .wrapper{width:1280px;max-width:1280px}} @media (max-width: 1023px){[data-module="banner"] .wrapper{max-width:100vw;padding:0 15px}} [data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:16px;line-height:1;font-family:"Gotham A", "Gotham B";font-style:normal;font-weight:700;color:#2E445C;display:inline-block;min-width:100px;border-radius:1.5rem;border:2px solid transparent;padding:0.75rem 1.5rem;letter-spacing:0.35px;text-align:center;text-transform:capitalize;transition:color 500ms ease,background-color 500ms ease,border-color 500ms ease,box-shadow 500ms ease;cursor:pointer} [data-module="button"] button::-moz-focus-inner,[data-module="button"] button.withoutBackground::-moz-focus-inner{border:0} @media (max-width: 767px){[data-module="button"] button,[data-module="button"] button.withoutBackground{font-size:14px}} [data-module="button"] button{color:#fff;background:#197E80;-webkit-font-smoothing:antialiased} [data-module="button"] button:hover{background:#00494b;border-color:#00494b;box-shadow:0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.06)} [data-module="button"] button:hover:focus{box-shadow:0 0 0 2px #fff,0 0 1px 4px #0069D0,0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.06)} [data-module="button"] button:disabled{background:#64C5C6;cursor:default} [data-module="button"] button:disabled:hover{border-color:#64C5C6 !important;box-shadow:#64C5C6 !important} [data-module="button"] button.whiteBackground{background-color:#fff;border-color:#F1F5F6;border-radius:0.75rem;color:#2E445C;height:94px !important;width:100%;font-weight:bold} [data-module="button"] button.whiteBackground:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)} [data-module="button"] button.withoutBackground{color:#197E80;background:#fff;border:2px solid #197E80} [data-module="button"] button.withoutBackground:hover{color:#00494b;border-color:#00494b;box-shadow:0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.06)} [data-module="button"] button.withoutBackground:hover:focus{box-shadow:0 0 0 2px #fff,0 0 1px 4px #0069D0,0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.06)} [data-module="button"] button.withoutBackground:disabled{opacity:0.65} [data-module="button"] button.buttonImage{border:2px solid #EDF1F4 !important;background:#FDFDFD !important;border-radius:0.75rem;color:#2E445C !important;width:215px !important;min-height:72px;padding:0 !important;position:relative;display:inline-flex;flex-direction:row;align-items:stretch} [data-module="button"] button.buttonImage .separator{border-left:2px solid #EDF1F4;min-height:72px;align-self:stretch} [data-module="button"] button.buttonImage .imageWrapper{position:relative;width:70px;display:flex;align-items:center;justify-content:center;align-self:center} [data-module="button"] button.buttonImage .imageWrapper img{height:36px} [data-module="button"] button.buttonImage span{display:block;padding:10px;line-height:20px;align-self:center;flex:1;overflow-wrap:break-word} [data-module="button"] button.buttonImage:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)} .prebutton{display:inline-block;color:#FDFDFD;background-color:#337ab7;font-size:16px;font-weight:bold;font-family:"Gotham A", "Gotham B" sans-serif;padding:8px 25px;border-radius:20px} .button.right{float:right} .button.left{float:left} .button.center{text-align:center} .button.transparent{background:transparent;border:1px solid #197E80;color:#197E80} @media only screen and (min-width: 320px) and (max-width: 767px){div[data-module="button"]{text-align:center !important;margin-top:15px;margin-bottom:15px}.button.withoutBackground{margin-bottom:20px;width:230px;font-size:14px}} @media only screen and (min-width: 992px) and (max-width: 1199px){.digitalproductbutton{margin-left:-7% !important}} @media only screen and (min-width: 768px) and (max-width: 991px){.digitalproductbutton{margin-left:11% !important}.button.buttonImage{width:180px !important}.button.buttonImage .imageWrapper{height:45px;width:50px}.button.buttonImage span{line-height:40px}div[data-module="button"]{margin-top:15px;margin-bottom:15px}} @media only screen and (min-width: 600px) and (max-width: 767px){.digitalproductbutton{margin-left:7% !important}#OURDIGITALPRODUCTS .col-sm-5.col-xs-12{width:35% !important}#OURDIGITALPRODUCTS .col-sm-7.col-xs-12{width:65% !important}.button.buttonImage{width:150px !important}.button.buttonImage .imageWrapper{height:45px;width:50px}.button.buttonImage span{line-height:40px;font-size:14px}#OURDIGITALPRODUCTS div[data-id="panelComponent"] .col-sm-6.col-xs-12{width:50% !important}.button.buttonImage img{height:30px}div[data-module="button"]{text-align:center !important}} @media only screen and (min-width: 320px) and (max-width: 599px){.digitalproductbutton{margin-left:0% !important}} /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ div[data-page="author"] #about { border-bottom: 1px solid #D9E0E4; background: linear-gradient(0deg, #F4F8F9, #FDFDFD); padding-top: 30px; overflow: hidden; } div[data-page="author"] div[data-module="gallery"] [data-module="media"] { max-width: 200px; text-align: center; } div[data-page="author"] div[data-module="gallery"] [data-module="image"] { display: inline-block; } div[data-page="author"] div[data-module="gallery"].shorten-section { margin-bottom: -200px; } @media (max-width: 1023px) { div[data-page="author"] div[data-module="gallery"].shorten-section { margin-bottom: 0; } } @media (max-width: 767px) { div[data-page="author"] div[data-module="gallery"] { margin-bottom: 0; } } div[data-page="author"] div[data-module="gallery"] .AuthorImage { display: table-cell; vertical-align: bottom; width: auto; height: 200px; } div[data-page="author"] div[data-module="gallery"] .AuthorImage img { max-height: 100%; max-width: 100%; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2); } div[data-page="author"] div[data-module="gallery"] .AuthorImage :before { content: ""; } div[data-page="author"] div[data-module="gallery"] .GallaryBookTitle { display: block; font-size: 18px; line-height: 25px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.2px; padding-top: 20px; margin-bottom: 10px; min-height: 50px; height: auto !important; } div[data-page="author"] div[data-module="gallery"] .row { margin-bottom: 30px; } div[data-page="author"] div[data-module="gallery"] .moreThanSixImages, div[data-page="author"] div[data-module="gallery"] .lessThanSixImages { display: inline-block; max-width: 940px; min-width: 750px; } div[data-page="author"] div[data-module="gallery"] .moreThanSixImages .row, div[data-page="author"] div[data-module="gallery"] .lessThanSixImages .row { /*&:last-child { > :first-child { display: flex; justify-content: center; } }*/ } div[data-page="author"] div[data-module="gallery"] .moreThanSixImages .row > :first-child, div[data-page="author"] div[data-module="gallery"] .lessThanSixImages .row > :first-child { display: flex; justify-content: center; } div[data-page="author"] div[data-module="gallery"] .ButtonMorParent { position: relative; top: -200px; } @media (max-width: 767px) { div[data-page="author"] div[data-module="gallery"] .slick-list { padding: 25px 0 !important; margin-left: 0 !important; } } div[data-page="author"] section#overview { overflow: hidden; } @media (max-width: 767px) { div[data-page="author"] section#overview { overflow: visible; } } @media (max-width: 767px) { div[data-page="author"] section#overview div[data-component="overview"] { padding: 0 0 !important; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .dashboardarea .dashboard .HrSection { margin-left: -30px !important; margin-right: -30px !important; width: auto; position: relative; left: 0% !important; } @media (min-width: 768px) { .dashboardarea .dashboard .HrSection { margin: 0px -30px !important; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .dashboardarea .dashboard .slick-track { width: 449% !important; } .dashboardarea .dashboard .slick-list { margin-left: 0px !important; padding-left: 0px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .dashboardarea .dashboard .slick-track { width: 135% !important; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .authHeader { text-align: -webkit-left; padding-left: 5%; } .loginHeader { font-weight: bold; font-size: 22px; color: #2E445C !important; display: inline-block; padding-bottom: 50px; } .alert-msg { clear: both; } .pwd-condition-container { margin-bottom: 50px; margin-bottom: 33px; padding-left: 20px !important; padding-right: 20px !important; } .resetConfirmation .pwd-condition { font-size: 18px; line-height: 34px; letter-spacing: 0.45px; color: #2e445c; max-width: 526px; margin: auto; width: 100%; display: block; text-align: left; } .pwd-condition { font-size: 18px; line-height: 34px; letter-spacing: 0.45px; color: #2e445c; max-width: 726px; margin: auto; width: 100%; display: block; text-align: left; } .reset-logindash { border-bottom: 1px solid #d9e0e5; padding-bottom: 40px; padding-top: 50px; min-height: 559px !important; } #ResetPasswordWizard .textCenter form > div { max-width: 726px; margin: auto; width: 100%; } .authAdjustBackWidth { margin: auto; float: initial !important; } @media (min-width: 768px) and (max-width: 991px) { #ResetPasswordWizard .textCenter form > div { max-width: 100%; margin: auto; } #ResetPasswordWizard .textCenter form > div .notice { padding: 0px !important; } .authAdjustBackWidth { max-width: 100%; margin: auto; float: initial !important; } .container.reset-logindash { width: 515px !important; } } @media (min-width: 320px) and (max-width: 767px) { .authAdjustBackWidth { max-width: 100%; margin: auto; float: initial !important; padding-left: 1px; } #ResetPasswordWizard { padding-left: 0px; padding-right: 0px; } #ResetPasswordWizard .textCenter { padding-left: 0px; padding-right: 0px; } #ResetPasswordWizard .textCenter form > div { max-width: 98%; margin: auto; } #ResetPasswordWizard .textCenter form > div .notice { padding: 0px !important; } .AuthenticationCss .modalBackButton { margin-left: -2px; } .ModalWizardHeader { min-width: 261px; } .resetpasswordContent .textCenter { max-width: 100% !important; margin-left: 6px; } .LoginCreateAccountScreenWidth { max-width: 600px !important; } .reset-logindash .ModalBack { width: auto; } .authenticationDesktop .notice { margin-left: 1px; padding-left: 30px; padding-right: 30px; } .authenticationDesktop .authAdjustBackWidth { max-width: 100%; padding-left: 0px; } .authenticationDesktop .DashboardHeader { font-size: 18px; } .authenticationDesktop .ModalBack { margin-top: 0px; } } .forgotPasswordPage .notice { margin-bottom: 33px; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ section.TabSection#homepage { padding-bottom: 0px !important; } div[data-component="homepage"] { /* DEBUG module/list/button */ /*div[data-module="image"] .AuthorImage { width: 100%; height: 470px; bottom: 0; img { min-width: 692px!important; margin-top: -85px; margin-left: -450px; clip: rect(38px 864px 555px 15px)!important; position: absolute; @include query-down(993px) { margin-left: -500px; } } }*/ } @media (max-width: 1023px) { div[data-component="homepage"] div[data-module="rich-text"] .HeaderCopy p br { display: none; } } div[data-component="homepage"] div[data-module="list"] .JustifyList { margin: 0; float: none; } #homepage { /* div[data-module="button"] { .button { @include Gotham-Bold(15px, 22px); padding: 8px 22px; font-size: 15px !important; letter-spacing: .25px; color:#fff; &.withoutBackground { padding: 10px 20px !important; @include query-down(993px) { padding: 6px 10px !important; } } @include query-down(993px) { padding: 8px 14px !important; } @include query-md-down { width:205px; } } } .cardContainer { @include query-lg-down { width:990px; } @include query-down(993px) { width:100%; margin:0 !important; } }*/ } #homepage [class*=col-] { padding: 0; height: 2px; } #homepage div[data-section="container0"] { position: absolute; left: 50%; transform: translateX(-50%); z-index: 100; width: 100%; } #homepage div[data-section="container0"] .headerDefault { padding: 0; margin: 0; } #homepage div[data-section="container0"] .headerDefault p { font-size: 12px; line-height: 22px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 1.75px; margin-top: 10px; text-align: center; opacity: 0.3; padding: 0 20px; } @media (max-width: 993px) { #homepage div[data-section="container0"] .headerDefault p { text-align: center !important; } } #homepage div[data-section="container0"].cardContainer { padding-bottom: 0; } #homepage div[data-section="container1"] { max-width: 1280px !important; height: 470px !important; padding: 0 !important; overflow: hidden; position: relative; } #homepage div[data-section="container1"] br { display: block !important; } #homepage div[data-section="container1"] [data-component="homepage"] { position: relative; margin: 0 auto !important; height: 470px; } #homepage div[data-section="container1"] [data-component="homepage"] [data-module="content"] { padding: 0 20px; position: relative; position: relative; top: 45%; transform: translateY(-45%); } #homepage div[data-section="container1"] [data-component="homepage"] [data-module="content"] .HeaderCopy { position: relative; } #homepage div[data-section="container1"] [data-component="homepage"] [data-module="content"] .HeaderCopy p { font-size: 40px; line-height: 55px; font-family: "Mercury Text G2 A", "Mercury Text G2 B"; font-style: normal; font-weight: 400; color: #2E445C; letter-spacing: 3.6px; text-align: center !important; } @media (max-width: 1279px) { #homepage div[data-section="container1"] [data-component="homepage"] [data-module="content"] .HeaderCopy p { font-size: calc(14.54545px + 1.98864vw); line-height: calc(27.72727px + 2.13068vw); } } @media (max-width: 767px) { #homepage div[data-section="container1"] { height: 400px !important; } #homepage div[data-section="container1"] [data-component="homepage"] { width: 100%; height: 400px !important; } #homepage div[data-section="container1"] [data-component="homepage"] [data-module="content"] { top: 41%; } } #homepage div[data-section="container1"] [data-module="media"] { /* 2x images are required */ transform-origin: top left; transform: scale(0.45) translate(-30px, -145px); } @media (max-width: 1279px) { #homepage div[data-section="container1"] [data-module="media"] { transform: scale(0.45) translate(calc(-1530px + 117.1875vw), -145px); } } @media (max-width: 767px) { #homepage div[data-section="container1"] [data-module="media"] { display: none; } } #homepage .JustifyList div[class*="col-"] { float: none; padding: 0; width: initial; display: inline-block; position: relative; } #homepage .JustifyList div[class*="col-"]:not(:first-child) { margin-left: 10px; } @media (max-width: 575px) { #homepage .JustifyList { width: 250px; margin: 20px auto 0; } } @media (max-width: 575px) and (max-width: 575px) { #homepage .JustifyList div[class*="col-"]:not(:first-child) { margin-top: 25px; margin-left: 0; } #homepage .JustifyList div[class*="col-"] [data-module="button"] { margin: 0; } #homepage .JustifyList div[class*="col-"] [data-module="button"] .button { width: 200px; } } #newforthcoming div[data-section="container0"] { max-width: 1080px; } @media (max-width: 1024px) { #newforthcoming .slick-next { display: block !important; } } @media (max-width: 991px) { #newforthcoming .slick-next { display: none !important; } } @media (max-width: 1024px) { #newforthcoming .slick-prev { display: block !important; } } @media (max-width: 991px) { #newforthcoming .slick-prev { display: none !important; } } div[data-component="featuredSeries"] .cardContent { background-color: #edf1f4; max-height: 480px; margin-left: 20%; width: 80%; margin-bottom: 0; height: 511px !important; } div[data-component="featuredSeries"] .cardContent .HeaderCopy { padding: 30px 40px 40px 40px !important; } div[data-component="featuredSeries"] div[data-module="image"] img { width: 149.9px !important; height: 225px !important; } div[data-component="featuredSeries"] .lessThanSixImages .row:nth-child(2) { margin-top: 20px; } div[data-component="featuredSeries"] div[data-module="header"] .headerDefault { margin-left: 10px; } div[data-component="featuredSeries"] div[data-module="header"] .headerDefault p { text-align: center; } div[data-component="featuredSeries"] .HeaderCopy p { font-size: 20px; line-height: 35px; margin: 0; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .catalogsubcategorylist { font-family: "Gotham A", "Gotham B"; font-size: 16px; color: #2E445C; list-style: none; text-align: left; } .catalogsubcategorylist li { margin-bottom: 20px; padding-right: 10px; } .topsubcategory { font-weight: bold; font-size: 16px; text-align: left; } .catalogseeallbutton { font-family: "Gotham A", "Gotham B"; font-size: 16px; font-weight: bold; background: #D9E0E4; border: 2px solid #EBEEF0; padding: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #2E445C; cursor: pointer; } .hideSubCategory { display: none; } .hideAllSubCategory { /* display: none; */ overflow: hidden; opacity: 0; width: 1px; height: 400px; background-color: white; } .showAllSubCategory { overflow: visible; opacity: 1; width: 330%; height: 400px; } .showAllSubCategory ul.allsubcategorylist { opacity: 1; } .catalogallsubcategories { background: #FDFDFD; border-left: 2px solid #EBEEF0; border-right: 2px solid #EBEEF0; border-top: 2px solid #EBEEF0; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06); padding: 20px 0 5px 0; min-height: 380px; transition: 5s; left: 0; } .catalogseelessbutton { font-family: "Gotham A", "Gotham B"; font-size: 16px; font-weight: bold; background: #D9E0E4; border: 1px solid #EBEEF0; padding: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #2E445C; cursor: pointer; } .allsubcategorytitle { font-weight: bold; font-size: 16px; text-align: left; } .allsubcategoryheader { padding: 0px 10px 20px 20px; float: left; width: 100%; } .allsubcategoryheader span.closeIcon { background: url(/static/assets/images/close.svg) no-repeat; cursor: pointer; text-align: left; } ul.allsubcategorylist { -moz-column-count: 4; column-count: 4; -moz-column-gap: 0; column-gap: 0; width: 93%; min-height: 370px; font-family: "Gotham A", "Gotham B"; font-size: 16px; color: #2E445C; padding-left: 35px; opacity: 0.5; } ul.allsubcategorylist li { display: inline-block; width: 100%; height: 35px; text-align: left; font-size: 16px; word-wrap: break-word; padding-right: 10px; margin-bottom: 15px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .catalogseeallbutton, .catalogseelessbutton, .topsubcategory, .catalogsubcategorylist, ul.allsubcategorylist, ul.allsubcategorylist li, .allsubcategorytitle { font-size: 15px; } ul.allsubcategorylist { width: 97%; } .showAllSubCategory { width: 340% !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .catalogseeallbutton, .catalogseelessbutton, .topsubcategory, .catalogsubcategorylist, ul.allsubcategorylist, ul.allsubcategorylist li, .allsubcategorytitle { font-size: 13px; } ul.allsubcategorylist { width: 97%; } .showAllSubCategory { width: 225% !important; } } @media only screen and (min-width: 600px) and (max-width: 767px) { .catalogseeallbutton, .catalogseelessbutton, .topsubcategory, .catalogsubcategorylist, ul.allsubcategorylist, ul.allsubcategorylist li, .allsubcategorytitle { font-size: 12px; } ul.allsubcategorylist { width: 97%; } .showAllSubCategory { width: 222% !important; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ #nonMobileTab a, #isMobileTab a { color: #57687C !important; } #nonMobileTab a span, #isMobileTab a span { padding-top: 15px; padding-bottom: 15px; display: inline-block; } #nonMobileTab ul { white-space: nowrap; } #nonMobileTab li { margin-right: 2% !important; } #nonMobileTab li:last-child { margin-right: 0px !important; } .popover { max-width: 70% !important; border: 2px solid #EDF1F4 !important; border-radius: 9px !important; } .popover-title { padding: 8px 14px !important; background-color: #fff !important; border-bottom: none !important; } .popover_header { text-align: right; float: right; width: 100%; } /* DEBUG too broad, too much .row > div { padding: 0px; } */ .tabDocumentLink > div > div { margin-bottom: 40px; } .DesktopView .topDropMenu div { margin-right: 25px; } div[data-id="panelComponentParent"] .data-component { margin-bottom: 28px !important; } /* updated for defect WWWW-3698 */ div[data-module="content"] div[data-module="rich-text"] .data-component p { margin-bottom: 30px; } div[data-column="single"] div[data-module="button"] { padding-top: 5px; padding-bottom: 5px; } #connect .data-component { margin-bottom: 60px !important; } .cardContent.FeedContent .AuthorImage img { height: 100%; width: 100% !important; } #socialShare img { width: 14px !important; } /* DEBUG Carousel .dashboard .slick-next, .slick-prev { display: block; }*/ .TabletSubNavigationMenu .slick-prev { left: 0px !important; } /* DEBUG Carousel #articles div[data-component="articles"] .slick-prev, #videos div[data-component="videos"] .slick-prev { width: 30px !important; height: 30px !important; left: 0 !important; border: 1px solid #197E80 !important; } #articles div[data-component="articles"] .slick-prev { left: -1.4% !important; } #articles div[data-component="articles"] .slick-next, #videos div[data-component="videos"] .slick-next { width: 30px !important; height: 30px !important; right: -1.4% !important; border: 1px solid #197E80 !important; } */ #articles .booklink { font-family: "Gotham A", "Gotham B"; font-size: 18px; text-decoration: none; } .cardContent { padding-bottom: 50px; padding-left: 0px; padding-right: 0px; padding-top: 60px; } .article[data-module="card"] .card-root-col .cardContent { padding: 0px !important; } .article[data-module="card"] .card-root-col .cardContent div { padding: 0px !important; } .article[data-module="card"] .card-root-col .cardContent .LinesEllipsis div { padding: 10px; } .custom-video-modal .modal-header { border-bottom: 0; } .custom-video-modal .modal-body { display: flex; justify-content: center; padding: 15px 15px 40px 15px !important; } .custom-video-modal .modal-content { background-color: rgba(0, 0, 0, 0.5); } .custom-video-modal .close { opacity: 1; color: #fff; } .custom-video-modal iframe { width: 850px; height: 478px; } .player-wrapper { width: 850px; height: 478px; margin: 0 auto; } .copyRightFooter { padding-bottom: 40px !important; padding-top: 40px !important; } #bookDetailNewsletter .newsletterInput input { width: 80% !important; } section#homepage .cardContainer { padding-top: 0px; } .ListBorder { background-color: #fff; padding: 100px 50px; margin-bottom: 40px; } .featureditemreadingline { display: inline; font-style: italic; font-family: "Mercury Text G2 A", "Mercury Text G2 B" !important; } .featureditemcontainer #ContributorContent { font-style: italic; font-size: 18px; } .HeaderCopy > span { margin-bottom: 52px; } .popover-content { padding: 0 !important; display: inline-block; margin-bottom: 36px; } #popover-positioned-bottom-share { width: 500px; max-width: 500px; } #popover-positioned-bottom-share .popover-content { width: 92%; } #popover-positioned-bottom-share .popover-title { margin: 0 !important; } .panel-default { box-shadow: none !important; border-color: #d9e0e4 !important; } div[data-module="button"] { cursor: default; } .panel-body div[data-module="button"] { text-align: right !important; } .popover.bottom > .arrow { border-bottom-color: #EDF1F4 !important; } .popover.bottom > .arrow:after { border-top-width: 2px !important; } .form-control[readonly] { border-color: #D9E0E4; border-radius: 5px; } .form-control[readonly]::first-line { background-color: #EDF1F4; } div[data-id="panelComponentParent"] .JustifyList .col-md-12 { padding-left: 0px; } .ContactRepParent { float: right; } .ListParentHr .Listhr { margin-bottom: 0px !important; } .TabPadding { padding-right: 0px !important; } .dashboard .TabPadding { padding-left: 0px !important; } .tabDocumentLink { display: contents; } .HeaderMenu .slick-arrow { display: none !important; } .data-component h2 { line-height: 1.8; font-family: "Mercury Text G2 A", "Mercury Text G2 B" !important; } .DataComponentWidth .row:last-child hr.hrMargin:last-child { display: none; } .dashboardarea .DataComponentWidth { margin: auto; } .cardContent .AuthorImage img[src=""] { display: none; } .cardContent.FeedContent .AuthorImage img[src=""] { display: block; } .cardContainer .col-md-4 .col-md-12:not(.cardContent) { padding-right: 0px; padding-left: 0px; } .prebutton { background-color: #197E80; } /* DEBUG Panel padding .PanelBoxPadding { padding-left: 70px !important; padding-right: 70px !important; padding-top: 20px !important; padding-bottom: 60px !important; margin-bottom: 36px !important; border-radius: 0px !important; }*/ #awards .PanelBoxPadding { padding: 0px !important; margin: 0px auto !important; width: 855px; } .awardTextAlign { padding-left: 0; text-indent: 0; font-size: 15px; } .major-award-container .col-md-offset-2 { margin: 0px; } .FooterConnectLink .JustifyList { margin-bottom: 0px; } .FooterConnectLink .ListDefaultSetting { padding: 0px; } .quotedText { width: 100%; } .TabletSubNavigationMenu .slick-list { padding-left: 0px !important; margin-left: 0px !important; } #OURFEEDS .slick-list { padding-left: 0; margin-left: 0; } .row { padding: 0px; } .dashboard .row { display: block; } .blurCls > span { display: inline-block; position: relative; } .blurCls > span:after { position: absolute; top: 0; bottom: 0; right: 0; width: 5em; content: ''; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */ } .clsRetailers { display: inline-block; width: 100%; } #divRetailers { display: inline-block; width: 100%; } .packagesArea { width: 40% !important; position: relative; } sectionData .packagesArea { width: 33% !important; } #bookCoverSocialMedia { margin-left: 15px; } #bookDetailNewsletter .newsletterComponent { background-image: linear-gradient(to bottom, rgba(244, 248, 249, 0.23), #f4f8f9) !important; width: auto; } #contributorContent { font-style: italic; font-family: "MercuryTextG2" !important; letter-spacing: 0.5px; line-height: 1.75; font-size: 20px; } #contributorContent .booklink { font-family: "Gotham A", "Gotham B"; font-size: 18px; letter-spacing: 0.3px; } .contributorLineTop { margin: 20px 0 20px 0 !important; border-top: 1px solid #999ea0; border-left: 0; border-right: 0; border-bottom: 0; } .contributorLineBottom { margin: 20px 0 0 0 !important; border-top: 1px solid #999ea0; border-left: 0; border-right: 0; border-bottom: 0; } #contributorContent #testing { font-family: "Mercury Text G2 A", "Mercury Text G2 B" !important; } #socialShareContainer #socialShare { border: 1px solid #d9e0e4; } #socialShareContainer #socialShare .shareLink { border: 1px solid #d9e0e4; } div[data-id="panelComponentParent"] div[data-module="button"] { text-align: left; } div[data-module="featured-item"] div[data-module="button"] { text-align: left; } .HeaderMenu a.UnselectedTab { font-size: 16px !important; padding-right: 0px !important; } .HeaderMenu a.SelectedTab { font-size: 16px !important; } .dashboard .HeaderCopy { font-family: "MercuryTextG2"; } .masonry-element { width: 46%; } .listTypebullet { max-height: 20px; } .connect .JustifyContent { text-align: left; } .headerDefault > h3 { margin-top: 0px !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { /* DEBUG Carousel div[data-module="testimonials"] { margin-left: 65px; }*/ .custom-video-modal iframe { width: 600px; height: 450px; } .player-wrapper { width: auto !important; } } @media only screen and (min-width: 360px) and (max-width: 767px) { /* DEBUG Carousel div[data-module="testimonials"] { margin-left: 60px; }*/ .custom-video-modal iframe { width: 315px; height: 380px; } #videos .booklink { font-size: 16px; } #articles .booklink { font-size: 16px; } .player-wrapper { width: auto !important; height: 300px; } } @media only screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { .TabSection > div { text-align: center; } } @media only screen and (max-width: 1223px) { div[data-section="header"] #labelURL { float: none !important; font-size: 18px; color: #2E445C; cursor: pointer; } div[data-section="header"] #labelURL a { font-family: "Gotham A", "Gotham B"; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: 0.2px; text-align: left; color: #197E80; } div[data-section="header"][data-isLinked="true"] { padding-left: 0 !important; } .HorizontalCardContent div[data-id="panelComponentParent"]:nth-child(1) { height: auto; } .HorizontalCardContent .PanelHeightParent { height: auto; } } @media only screen and (min-width: 1024px) and (max-width: 1223px) { .TabSection .DataComponentWidth { padding-right: 40px; } /* DEBUG Carousel div[data-module="testimonials"] { margin-left: 65px; }*/ } @media only screen and (min-width: 768px) and (max-width: 991px) { /* .PanelBoxPadding { padding-left: 44px !important; padding-right: 50px !important; padding-top: 37.5px !important; padding-bottom: 20px !important; margin-bottom: 20px !important; border-radius: 0px !important; } */ #awards .PanelBoxPadding { max-width: 570px; } .ContactRepParent { float: none; } .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { font-weight: bold !important; font-size: 16px !important; } Select-clear { font-size: 14px; } .tabDocumentLink > div > div { margin-bottom: 20px; } .DesktopView .topDropMenu div { margin-right: 0px; } #bookDetailNewsletter .newsletterComponent { padding: 0px; margin-left: 10px; } #bookDetailNewsletter .newsletterInput input { width: 70% !important; } .large::-webkit-input-placeholder { font-size: 10px !important; } #bookDetailNewsletter .checkbox, #bookDetailNewsletter .legalNotice { font-size: 12px !important; } .parent-masonry-element { margin-left: 10px; } .masonry-element { width: 47% !important; } .dashboard .slick-track { margin-top: 15px; } .copyRightFooter { padding-bottom: 40px !important; } .listTypebullet { max-height: 30px; } .col-md-7 { max-width: 100%; } .col-md-8 { max-width: 100%; } .col-md-9 { max-width: 100%; } .col-md-10 { max-width: 100%; } .col-md-11 { max-width: 100%; } .col-md-12 { max-width: 100%; } .HorizontalCardContent div[data-id="panelComponentParent"]:nth-child(1) { height: 100%; } .data-component { padding: 0; text-align: left !important; } .TabSection .DataComponentWidth { margin-bottom: 50px; } #overview .col-sm-12 { padding: 0px; } #navBarPlaceHolder .css-2o5izw { height: 38px !important; } /*#navBarPlaceHolder { padding-left: 15px !important; }*/ .col-md-3 { max-width: 100%; } .dashboard .slick-arrow { display: none !important; } .major-award { width: 100%; } div[data-id="panelComponentParent"] .headerDefault { text-align: left !important; } div[data-id="panelComponentParent"] div[data-module="button"] { text-align: left !important; } div[data-id="panelComponentParent"] .JustifyList div { padding: 0px; } .TabSection div[data-section="header"] { width: auto; } div[data-section="header"] #labelURL { padding-left: 0px !important; padding-right: 25px !important; margin-top: 10px; } .packagesArea { width: 44% !important; font-size: 14px; } #avaliableFormatPanelGrp .cart-section div[data-module="button"] { text-align: center !important; } .available-formats .formatPadding { margin-top: 0px; } div[data-section="header"][data-isLinked="true"] { padding-left: 0 !important; } } @media only screen and (min-width: 500px) and (max-width: 599px) { .col-sm-8 { flex: 0 0 100%; } .col-sm-4 { flex: 0 0 100%; } .badgeinfo { padding: 9px 15px !important; } .badge-volume { border: 1px solid #D9E0E4 !important; } } @media only screen and (min-width: 320px) and (max-width: 499px) { #socialShareContainer { margin-left: 20px; } .badgeinfo { padding: 9px 15px !important; } .badge-volume { border: 1px solid #D9E0E4 !important; } #popover-positioned-bottom-share { left: 15px !important; width: 90%; max-width: 90% !important; } #popover-positioned-bottom-share .popover-content { width: 90%; } } @media only screen and (min-width: 500px) and (max-width: 767px) { #socialShareContainer { margin-left: 30px; } #popover-positioned-bottom-share { left: 15px !important; width: 90%; max-width: 90% !important; } #popover-positioned-bottom-share .popover-content { width: 90%; } } @media only screen and (min-width: 320px) and (max-width: 599px) { .headerDefault { text-align: center !important; } } @media only screen and (min-width: 320px) and (max-width: 767px) { /* .PanelBoxPadding { padding-left: 20px !important; padding-right: 20px !important; padding-top: 40px !important; padding-bottom: 40px !important; margin-bottom: 20px !important; border-radius: 0px !important; }*/ .ListBorder .PanelBoxPadding { padding-left: 20px !important; padding-right: 20px !important; } #awards .PanelBoxPadding { max-width: 285px; } .ContactRepParent { float: none; } .cardContainer .col-xs-12 { padding: 0px; } .PanelHeight.wrapperImage { margin-top: 0px !important; margin-bottom: 30px; } .slick-track { width: auto; } .dashboard .slick-track { max-width: initial; } #testimonials .slick-track { transform: translate3d(0, 0, 0) !important; } .available-formats .panel-body div[data-module="button"] { text-align: center !important; } .bookDetails { width: auto; margin-left: 20px; margin-right: 20px; } .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { font-weight: bold !important; font-size: 14px !important; } #bookCoverSocialMedia { margin-right: 0px; margin-left: 0px; } .TabletSubNavigationMenu a { font-size: 16px; } .masonry-element { width: 100%; padding: 40px 20px 40px 20px; } #bookDetailNewsletter .newsletterInput input { width: 78% !important; } .data-component { padding: 0; text-align: left !important; } .button { font-size: 14px; text-align: center !important; } .TabSection .DataComponentWidth { padding: 0; margin-top: 30px; margin-bottom: 30px; } .TabSection { padding-bottom: 50px; } div[data-section="header"] { padding-top: 40px !important; padding-bottom: 40px !important; } .TabSection div[data-section="header"] { width: auto; } div[data-section="header"] #labelURL { padding-left: 0px !important; padding-right: 25px !important; margin-top: 10px; } .packagesArea { width: 44% !important; font-size: 14px; } .data-component p { text-align: left !important; } #overview .col-xs-12 { padding: 0px; } .header-subcontent { font-size: 10px !important; } .cardContent { padding-bottom: 20px; } .dashboard .MobileSelectedSubTab a { border-bottom: 3px solid red !important; } .mobileSubNavigationMenu { padding-top: 0px !important; } .dashboard .slick-slide { margin-top: 5px; } .awardTextAlign { padding-left: 0; text-indent: 0; font-size: 15px; } .all-award-container { padding: 0; width: 100%; } .major-award { width: 100%; } .quotedText { font-size: 16px; } .AuthorImage .borderCornerRounded { border-radius: 0px; } /* .slick-next, .slick-prev { width: 37px !important; height: 37px !important; }*/ .tabDocumentLink > div > div { margin-bottom: 20px; } .clsRetailers { display: inline-block; width: 100%; } .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 { max-width: 100%; } .panel-title { font-size: 12px !important; } #nonMobileTab { margin-left: 0px !important; margin-top: 0px; } .IconLable { font-size: 14px !important; margin-left: 0px !important; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ #LabelURL { font-family: 'Proxima Nova'; font-size: 18px; color: #2E445C; float: right; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .landingsection .HorizontalCardContent .PanelHeight > div { position: initial; } .landingsection .vertical-section div[data-id="panelComponentParent"] { padding-top: 20px; padding-bottom: 30px; } .landingsection .HorizontalCardContent div[data-id="panelComponentParent"]:nth-child(1) { height: auto; } .landingsection div[data-module="button"] { margin-bottom: 20px !important; } .landingsection #educator div[data-module="button"] { text-align: center; } .landingsection { margin-bottom: 50px; } .landingsection .container { padding-bottom: 20px !important; padding-top: 20px !important; } .landingsection #reader .HeaderCopy, .landingsection #student .HeaderCopy, .landingsection #educator .HeaderCopy { width: 60%; margin-bottom: 30px; margin-top: 20px; } #featuredSeries .featuredseriescontent { margin-bottom: 0px !important; } #featuredSeries .featuredseriescontent.cardContent { height: auto !important; background-color: #edf1f4; } #featuredSeries .featuredseriescontent .headerDefault { width: 70%; text-align: center; } #featuredSeries .featuredseriescontent .HeaderCopy { padding-top: 0px !important; } .landingsection #reader .HorizontalCardContent .HeaderCopy { width: 100%; margin-bottom: 30px; padding-right: 13px; padding-left: 30px; } .landingsection #student div[data-id="panelComponentParent"] .HeaderCopy, .landingsection #educator div[data-id="panelComponentParent"] .HeaderCopy { width: 100%; text-align: left; padding-right: 10px; } #educator div[data-id="panelComponentParent"] { padding-left: 30px; padding-top: 20px; padding-bottom: 20px; } /*#homepage .button{ font-size: 12px !important; }*/ #OURDIGITALPRODUCTS .button { background-color: white !important; color: black !important; } @media (min-width: 1380px) { #LandingHeader { width: 1280px; } } .landingsection { padding: 0 !important; } .landingsection .cardContainer { display: flex; } .landingsection .cardContainer .cardContent div.vertical-section { display: flex; flex-wrap: wrap; } .landingheadercontent { padding: 10px 55px; min-height: 300px; display: inline-block; width: 60%; } .LandingHeaderTitle { font-size: 40px; font-weight: bold; margin-top: 30px; color: #2E445C; } .ButtonList .button { text-align: center; min-width: 180px; background: transparent; border: 1px solid #197E80; color: #197E80; } .landingsection .cardContainer .btnPositions { text-align: center; padding-left: 0px; } .headerSubText { font-size: 16px; font-weight: bold; color: #2E445C; opacity: 0.3; text-align: center; margin-top: 10px; font-family: "Gotham A","Gotham B"; letter-spacing: 0.145em; } .mainheaderHeading { font-size: 40px; color: #2E445C; text-align: center; margin-bottom: 50px; margin-top: 42px; line-height: 55px; letter-spacing: 0.04em; padding-right: 18px; padding-left: 30px; } @media only screen and (min-width: 320px) and (max-width: 767px) { .landingsection .cardContainer .btnPositions { text-align: center; } .headerSubText { font-size: 12px; font-weight: bold; color: #2E445C; opacity: 0.3; text-align: center; margin-top: 0px !important; font-family: "Gotham A","Gotham B"; padding-left: 10%; padding-right: 10%; line-height: 25px !important; } .mainheaderImage { display: none; } .mainheaderHeading { font-size: 40px; color: #2E445C; text-align: center; margin-bottom: 50px; margin-top: 17px; line-height: 55px; word-spacing: 2pt; padding-right: 56px; } .HeaderCopy { font-family: "Mercury Text G2 A", "Mercury Text G2 B"; line-height: 35px; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } } @media only screen and (min-width: 320px) and (max-width: 991px) { .landingsection { background: linear-gradient(0deg, #F4F8F9, #FDFDFD); } .landingheadercontent { padding: 0px; min-height: 300px; display: inline-block; width: 70%; margin-bottom: 30px; } .ButtonList .button { min-width: 180px; background: transparent; border: 1px solid #197E80; color: #197E80; margin-top: 20px; } #LandingHeader { margin-bottom: 20px; } .HeaderCopy { font-family: "Mercury Text G2 A", "Mercury Text G2 B"; line-height: 35px; } .richTextOnly { font-family: "Mercury Text G2 A", "Mercury Text G2 B"; font-size: 18px; line-height: 35px; padding-left: 0; padding-right: 0; } .mainheaderHeading { font-size: 26px; color: #2E445C; margin-bottom: 50px; margin-top: 17px; line-height: 35px; word-spacing: 2pt; padding-right: 15px; padding-left: 15px; text-align: center; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .main-nav { width: 336px; border-radius: 3px; background-color: #ffffff; border: solid 1px #d9e0e4; margin-bottom: 30px; } @media (max-width: 1200px) { .main-nav { width: 286px; } } @media (max-width: 575px) { .main-nav { width: 100%; } } .main-nav .main-nav-ul { text-align: left; list-style-type: none; margin-right: 20px; margin-top: 23px; } .main-nav .main-nav-ul .main-nav-li { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #2E445C; text-align: left; margin-bottom: 20px; } .main-nav .main-nav-ul .main-nav-li a { color: #57687c; text-decoration: none; } .main-nav .main-nav-ul .main-nav-li.seleceted-nav-item { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; text-transform: uppercase; } .main-nav .main-nav-ul .nav-item-child { padding-left: 7px; position: relative; } .main-nav .main-nav-ul .nav-item-child .item-holder { width: 95%; } .main-nav .main-nav-ul .nav-item-child .arrow-holder { display: inline; float: right; position: absolute; top: -1px; right: 0; } .main-nav .main-nav-ul .nav-item-child .arrow-holder .svg-caret-down { transform: rotate(-90deg); } .main-nav .main-nav-ul .selectedGCMenue { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; margin-left: 5px; } .main-nav .main-nav-ul .selectedGCMenue::before { content: ""; line-height: 1em; width: 7px; height: 7px; background-color: #ED5B58; border-radius: 50%; float: left; margin: .40em .2em 0; } .main-nav.modify-menu { border: none; margin-top: -30px; } @media only screen and (min-width: 320px) and (max-width: 767px) { .InstructorTypesDetails { background-color: #ffffff; margin-left: 30px; margin-top: 20px; font-size: 22px; margin-right: 30px; } .HideSupportMenu { display: none; } .ShowSupportMenu { position: relative; top: -95px; } .SupportMenu { width: 100%; height: 50px; padding: 0; border: 1px solid #d9e0e4; background-color: #fff; font-size: 16px; line-height: 22px; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ @media (min-width: 1380px) { .CatalogSection { width: 1280px; } } .catalogheader { padding: 0 !important; width: 100%; float: left; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .ModalWizardHeader h2 { font-size: 18px; text-align: center; font-weight: bold; color: #2E445C; max-width: 100%; line-height: 2; padding: 0px 15px !important; margin: 0; /* margin-top: 50px; */ margin-bottom: 50px; } .checkOutContainer .textCenterAlreadyAccount { text-align: center; } .logindash .ModalBack { cursor: pointer; } .resetpasswordContent { width: 65%; } .checkOutContainer .LoginCreateAccountScreenWidth { text-align: center !important; } .authHeader { text-align: -webkit-left; padding-left: 5%; } .loginHeader { font-weight: bold; font-size: 22px; color: #2E445C !important; display: inline-block; padding-bottom: 50px; } .logindash { border-bottom: 1px solid #d9e0e5; padding-bottom: 40px; padding-top: 50px !important; } #LoginWizard .textCenter form > div { max-width: 726px; margin: auto; width: 100%; } .authAdjustBackWidth { margin: auto; float: initial !important; } .backModalPopup { font-weight: bold; } .AuthenticationCss .AdjustHeight { max-height: 40px !important; } .AuthenticationCss .modalBackButton { margin-left: -45px; } .LoginCreateAccountScreenWidth { max-width: 1000px !important; } .LoginCreateAccountScreenWidth .modal-body { background-color: #f5f8f9 !important; } .resetpasswordContent .modalBackButton { margin-left: -45px; } .resetpasswordContent .backModalPopup { color: #2E445C; font-weight: bold; } .logindash .ModalBack { width: 70px; margin-top: 4px; float: left; } .DashboardHeader { font-weight: bold; font-size: 22px; color: #2E445C !important; } .headerMargin { padding-bottom: 56px !important; } .authenticationDesktop { min-height: 559px; } .authenticationDesktop .headerMargin { padding-bottom: 0px !important; } .resetpasswordContent .headerMargin { padding-bottom: 40px !important; } .help-block { margin-bottom: 30px !important; } .authenticationDesktop .notice { /* margin-left: 15px; */ } .authenticationDesktop .authAdjustBackWidth { text-align: center; } @media only screen and (min-width: 992px) { .AuthenticationCss { margin: auto; padding: 0; max-width: 70%; } .AuthenticationCss .ModalWizardHeader { /* padding: 60px 15px 50px 15px !important; */ } .AuthenticationCss .modalBackButton { /* padding: 60px 15px 50px 65px !important; */ font-size: 18px; color: #2E445C; font-weight: bold; } .AuthenticationCss .headerText { margin-top: 0; } .AuthenticationCss .divider { margin-top: 0; } .AuthenticationCss .dividercontent { margin-top: 40px; } .AuthenticationCss .hdivider { background: none; border-bottom: 1px solid #d9e0e5; width: 100%; } .AuthenticationCss .textCenterAlreadyAccount { min-width: 46%; } } @media (min-width: 768px) and (max-width: 991px) { .AuthenticationCss { margin: auto; padding: 0; max-width: 70%; margin-top: 50px; } .AuthenticationCss .ModalWizardHeader { /* padding: 50px 15px 20px 15px !important; */ } .AuthenticationCss .dividercontent { margin-top: 40px; } .AuthenticationCss .backModalPopup { display: inline-block !important; font-size: 16px; color: #2E445C; font-weight: bold; } #LoginWizard .textCenter form > div { max-width: 100%; margin: auto; } #LoginWizard .textCenter form > div .notice { padding: 0px !important; } .authAdjustBackWidth { max-width: 100%; margin: auto; float: initial !important; } .AuthenticationCss .modalBackButton { margin-left: 12px; } .AuthenticationCss .AdjustHeight { /* margin-left: -52px; */ } .LoginCreateAccountScreenWidth { max-width: 600px !important; } } @media (min-width: 992px) and (max-width: 1199px) { .AuthenticationCss { margin: auto; padding: 0; max-width: 85%; margin-top: 50px; } .authAdjustBackWidth { margin: auto; float: initial !important; padding-left: 1px; } } @media (min-width: 320px) and (max-width: 767px) { .resetpasswordContent { width: 100%; } .AuthenticationCss .ModalWizardHeader { /* padding: 50px 15px 20px 15px !important; */ } .resetpasswordContent .modalBackButton { margin-left: -25px; } .AuthenticationCss .dividercontent { margin-top: 40px; } .AuthenticationCss { margin-top: 30px; } .authAdjustBackWidth { max-width: 100%; margin: auto; float: initial !important; padding-left: 1px; } #LoginWizard { padding-left: 0px; padding-right: 0px; } #LoginWizard .textCenter { padding-left: 0px; padding-right: 0px; } #LoginWizard .textCenter form > div { max-width: 98%; margin: auto; } #LoginWizard .textCenter form > div .notice { padding: 0px !important; } .AuthenticationCss .modalBackButton { margin-left: -2px; } .ModalWizardHeader { min-width: 261px; } .resetpasswordContent .textCenter { max-width: 100% !important; margin-left: 6px; } .LoginCreateAccountScreenWidth { max-width: 600px !important; } .logindash .ModalBack { width: auto; } .authenticationDesktop .notice { margin-left: 1px; padding-left: 30px; padding-right: 30px; } .authenticationDesktop .authAdjustBackWidth { max-width: 100%; padding-left: 0px; } .authenticationDesktop .DashboardHeader { font-size: 18px; } .authenticationDesktop .ModalBack { margin-top: 0px; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .ResultSetRow { padding: 40px 0px; border-bottom: 1px solid #D9E0E4; text-align: left; float: left; width: 100%; /*@include query-lg-down { margin-left:70px !important; }*/ } .ResultSetRow .result-item { padding: 0 10px 0 15px; } .result-info .result-disable { cursor: not-allowed; opacity: 0.5; text-decoration: none; } .ResultSetRow .result-disable { cursor: not-allowed; opacity: 0.5; text-decoration: none; } .ResultSetRow .result-disable img { cursor: not-allowed; opacity: 0.5; text-decoration: none; } .ResultSetRow img { width: 75%; box-shadow: 6px 10px 30px rgba(0, 0, 0, 0.16); } .noCoverImageResultset img { box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.16); border-top: 0px solid #ACACAC; border-bottom: 0px solid #ACACAC; border-right: 1px solid #F0F0F0; width: 75%; display: table-row; } .ResultSetRow .NonBookCover img { border-radius: 10px; box-shadow: none; } .noCoverImageResultset, .coverImageResultset { margin: auto; position: relative; display: table; } .book-shadow { background: linear-gradient(to right, rgba(21, 21, 21, 0.52), rgba(255, 255, 255, 0) 8%), linear-gradient(to left, rgba(45, 45, 45, 0.08), rgba(255, 255, 255, 0) 8%); height: 100%; width: 76%; position: absolute; display: table-row; } .ResultTitle { color: #197e80 !important; font-size: 22px; line-height: 1.45; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } @media (max-width: 1023px) { .ResultTitle { font-size: 20px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } @media (max-width: 767px) { .ResultTitle { font-size: 18px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } .ResultSetRow a, .ResultSetRow a:hover, .ResultSetRow a:focus { text-decoration: none; color: #2E445C; } .ResultOneLine { padding-top: 10px; font-size: 18px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } @media (max-width: 1023px) { .ResultOneLine { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } @media (max-width: 767px) { .ResultOneLine { font-size: 14px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } .ResultAuthors { padding-top: 15px; font-size: 20px; line-height: 22px; font-family: "Mercury Text G2 A", "Mercury Text G2 B"; font-style: italic; font-weight: 400; color: #2E445C; } @media (max-width: 1023px) { .ResultAuthors { font-size: 16px; line-height: 1.1; font-family: "Mercury Text G2 A", "Mercury Text G2 B"; font-style: italic; font-weight: 400; color: #2E445C; } } @media (max-width: 767px) { .ResultAuthors { font-size: 14px; line-height: 1.1; font-family: "Mercury Text G2 A", "Mercury Text G2 B"; font-style: italic; font-weight: 400; color: #2E445C; } } .ResultInstructor a { padding: 4px 13px; cursor: pointer; border-radius: 5px; font-size: 14px; font-weight: bold; background-color: #FFF; border: 2px solid #197e80; color: #197e80; min-width: 27.5%; height: 5%; display: block; margin: 0; display: inline-block; } @media (max-width: 767px) { .ResultInstructor a { margin: auto; } } .ResultInstructor a:hover { color: #197e80; } .ResultInstructor a:focus { color: #197e80; } .Price { padding-top: 15px; padding-bottom: 25px; } .Price .DiscountPrice { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; padding-right: 10px; } @media (max-width: 1023px) { .Price .DiscountPrice { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } @media (max-width: 767px) { .Price .DiscountPrice { font-size: 14px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } .Price .SellPrice { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } @media (max-width: 1023px) { .Price .SellPrice { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } @media (max-width: 767px) { .Price .SellPrice { font-size: 14px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } .Price .StrikeText { text-decoration: line-through; } .ResultSummary { padding-top: 15px; font-family: "Gotham A", "Gotham B"; font-size: 18px; color: #58697D; } .ResultSummary span { line-height: 35px; } .ResultMessage { font-family: "Gotham A", "Gotham B"; font-size: 18px; color: #2E445C; padding-top: 20px; font-weight: bold; } .ResultEditionContainer { border: 1px solid #D9E0E4; border-radius: 5px; float: right; text-align: center; color: rgba(46, 68, 92, 0.9); font-family: "Gotham A", "Gotham B"; opacity: 0.9; } .editionText { width: 100%; float: left; padding: 15px; font-size: 12px; font-weight: bold; } .volumeContent { float: left; width: 100%; border-top: 1px solid #d9e0e4; background-color: #f8fafb; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 0 5px 5px 5px; } .volumeText { font-size: 10px; } .ResultInstructor { padding-top: 15px; } .ResultInstructor .btn-danger { background-color: #C24B49; border-color: #C24B49; border-radius: 5px; font-size: 12px; font-family: "Gotham A", "Gotham B"; font-weight: bold; font-style: normal; font-stretch: normal; text-align: center; color: #ffffff; } .ResultInstructor .btn-danger:hover { background-color: #C24B49; border-color: #C24B49; } .ResultRoundHead { width: 75%; padding: 35px 20px; background-color: #EDF1F4; border-radius: 10px; } .ResultRoundBody { height: 80%; } .ResultRoundContent { border: 4px solid #6DBEBC; border-radius: 100%; height: 80px; width: 80px; margin: auto; text-align: center; display: table; } .ResultRoundContent span { font-size: 16px; font-family: "Gotham A", "Gotham B"; color: #58697D; font-weight: bold; display: table-cell; vertical-align: middle; } .ResultNoImage { display: inline-block; background-color: lightgrey; text-align: center; color: white; margin: auto; min-height: 180px; width: 75%; } .ResultNoImage span { position: absolute; top: 45%; left: 10%; } .AddToCart { margin-top: 20px; text-align: left !important; float: left; } .result-badge { margin-bottom: 15px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ResultEditionContainer span { font-size: 13px; } /*.ResultSetRow{ width:98% !important; margin-left:20px; }*/ } @media only screen and (min-width: 600px) and (max-width: 991px) { .noCoverImageResultset { margin: auto; } .ResultEditionContainer span { font-size: 12px; } /*.ResultSetRow{ width:90% !important; margin-left:10px !important; }*/ } @media only screen and (max-width: 767px) { .Price { padding-bottom: 0px; } } @media only screen and (max-width: 599px) { .noCoverImageResultset { margin: auto; } .book-shadow { width: 96%; } .ResultSetRow { width: 100% !important; margin-left: 0 !important; } .ResultEditionContainer { width: 70%; float: none; margin: 20px auto 0 auto; } .editionText { width: 100%; } .volumeContent { border-left: 1px solid #d9e0e4; border-right: 1px solid #d9e0e4; border-bottom: 1px solid #d9e0e4; } .ResultSetRow img { width: 96%; } .ResultSetRow .col-xs-8 { padding: 0; } .ResultInstructor .btn-danger { width: 180px; height: 30px; font-size: 12px; } } @media only screen and (min-width: 1200px) and (max-width: 1379px) { /*.ResultSetRow { margin-left:20px; }*/ } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .FilterComponent { background: white; border: 1px solid #D9E0E4; font-size: 16px; line-height: 24px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #57687C; border-radius: 3px; letter-spacing: 0.4px; display: flex; align-items: center; list-style-type: none; padding: 0; margin: 0; } .FilterComponent .FilterElement { flex: 1 1; } .FilterComponent .FilterElement.disabled .picky .picky__input { cursor: not-allowed; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.65; } .FilterComponent .FilterElement.disabled .picky .picky__input:focus { outline: 0 !important; } .FilterComponent .FilterElement.disabled .picky:focus { outline: 0 !important; } .FilterComponent .FilterElement.rightBorder { border-right: 1px solid #D9E0E4; } .FilterComponent .FilterElement .picky[aria-expanded="true"] .picky__input::after { transform: rotate(-180deg); } .FilterComponent .FilterElement .picky__input { display: block; height: 58px; border: none; padding: 5px 4px 4px 20px; } .FilterComponent .FilterElement .picky__input:focus { outline: -webkit-focus-ring-color 5px auto !important; outline: 1px dotted #000; } .FilterComponent .FilterElement .picky__input::after { background: url(/static/assets/images/dropdown.svg) no-repeat 50% !important; height: 10px; width: 16px; opacity: .6; border-top: 0; border-right: 0; border-left: 0; margin-top: 8px; } .FilterComponent .FilterElement .picky__dropdown { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2); display: block; font-size: 16px; top: initial; width: calc(100% + 2px); left: -1px; max-height: none !important; } .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] { border-top: 1px solid #D9E0E4; padding: 5px 0; } .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option { border-bottom: none; padding: 0 5px 0 12px; display: block; width: 100%; min-height: 20px; float: left; margin: 5px 0; } .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option input[type='checkbox'] { margin-top: 4px; margin-right: 7px; align-self: baseline; float: left; } .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option label { font-size: 16px; line-height: 24px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #57687C; align-self: baseline; margin: 0px; width: 85%; float: left; } @media (max-width: 1023px) { .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option input[type='checkbox'] { margin-top: 2px; margin-right: 5px; align-self: flex-start; } .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option label { font-size: 14px; letter-spacing: 0.3px; line-height: 21px; } } @media (max-width: 1023px) { .FilterComponent .FilterElement .picky { font-size: 14px; letter-spacing: 0.3px; } .FilterComponent .FilterElement .picky__input { height: 45px; padding: 4px 4px 4px 10px; } .FilterComponent .FilterElement .picky__input::after { margin-top: 2px; right: 10px; width: 13px; } .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option { padding: 0 5px 0 12px; } .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option input[type='checkbox'] { margin-top: 4px; margin-right: 5px; align-self: flex-start; } .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option label { font-size: 14px; letter-spacing: 0.3px; line-height: 21px; margin-top: 0px; overflow-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media only screen and (min-width: 768px) and (max-width: 830px) { .FilterComponent .FilterElement .picky__dropdown ul[data-testid="dropdown"] .option label { width: 80%; } } .picky__placeholder { color: #2E445C !important; } .FilterElement .picky__input.label-selected .picky__placeholder { font-weight: bold; } @media (max-width: 767px) { .BrowsePopupClose { width: 16px; height: 16px; cursor: pointer; } } /*.FilterElement .picky__dropdown .option:focus { width: 96%; margin-left: 5px; padding: 6px 12px; }*/ .FilterElement .picky__dropdown .option:hover, .FilterElement .picky__dropdown .option.selected { background-color: #ffffff; } /*@media only screen and (min-width : 992px) and (max-width : 1199px) { .FilterElement .multiselect-selected-text, .FilterElement .multiselect-container>li>a>label { font-size: 14px; } .FilterComponent .multiselect-container>li>a>label { padding: 3px 10px 3px 30px } .FilterElement .multiselect-container>li.active>a>label { font-size: 14px; } .FilterElement .dropdown-menu > li > a { padding: 3px; } .FilterComponent { width: 68%; ///margin-top: -3.3%; margin-left: 290px; } .FilterElement button.multiselect.dropdown-toggle.btn.btn-default { width: 130px !important; } .FilterElement .multiselect-container.dropdown-menu.show + .multiselect-container.dropdown-menu { left: -15px !important; } .FilterComponent .btn .caret { margin-top: 5px; } .FilterElement .picky__input { padding: 5px 5px 5px 20px; } .FilterElement .picky__input, .FilterElement .picky__dropdown { font-size: 14px; } .FilterElement .picky__dropdown .option { padding: 6px; } }*/ /*.FilterComponent .FilterElement { width: 25%; min-height: 59px; } .rightBorder { border-right: 1px solid #EBEEF0; } .FilterElement .dropdown-menu { min-width: 100 !important; max-width: 100 !important; font-size: 16px; border: 1px solid #EDF1F4; box-shadow: 0 0 20px rgba(0, 0, 0, .06); border-radius: 10px; } .FilterElement .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; border: none; padding: 18px 0 15px 0; font-size: 16px; font-family: "Gotham A", "Gotham B"; color: #2E445C; } .FilterElement .dropdown-toggle:focus { outline: -webkit-focus-ring-color 5px auto; } .FilterElement .multiselect-selected-text { float: left; color: #2E445C; } .FilterElement .btn-group.open .dropdown-toggle, .FilterElement .btn-group .dropdown-toggle:active { box-shadow: none; } .FilterElement .dropdown-menu > li > a { padding: 3px 10px; white-space: unset; } .FilterElement .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background-color: transparent !important; } .FilterElement .multiselect-container.dropdown-menu.show + .multiselect-container.dropdown-menu { display: block !important; visibility: visible !important; } .FilterElement .multiselect-container>li>a>label { color: #2E445C; padding: 3px 5px 3px 30px; } .FilterElement .dropdown-menu > li.active > a > label { font-weight: bold; } .FilterElement .dropdown-menu > li > a:hover, .FilterElement .dropdown-menu > li > a:focus { background-color: #ffffff; } .FilterElement .dropdown-menu > .active > a, .FilterElement .dropdown-menu > .active > a:hover, .FilterElement .dropdown-menu > .active > a:focus { color: #2E445C; } .FilterElement .multiselect-container>li.active>a>label { color: #2E445C; font-size: 16px; font-family: "Gotham A", "Gotham B"; } .FilterElement ul.multiselect-container:nth-of-type(1) { display: none !important; } .BrowsePopupClose{ width: 16px; height: 16px; cursor:pointer; }*/ /*.FilterComponent .picky { width: 99%; }*/ /* @media only screen and (min-width : 600px) and (max-width : 749px) { .FilterElement .dropdown-menu { min-width: 100px; } .FilterElement .multiselect-selected-text, .FilterElement .multiselect-container>li>a>label { font-size: 12px; } .FilterComponent .multiselect-container>li>a>label { padding: 3px 5px 3px 25px; word-break: break-all; } .FilterElement .multiselect-container>li.active>a>label { font-size: 12px; } .FilterElement .dropdown-menu > li > a { padding: 3px; } .FilterComponent { width: 70%; margin: 0 2% 0 29%; } .FilterComponent .FilterElement { padding: 0 10px; } .FilterElement button.multiselect.dropdown-toggle.btn.btn-default { width: 90px !important; } .FilterElement .multiselect-container.dropdown-menu.show + .multiselect-container.dropdown-menu { left: -10px !important; } } @media only screen and (min-width : 750px) and (max-width : 991px) { .FilterElement .dropdown-menu { min-width: 100px; } .FilterElement .multiselect-selected-text, .FilterElement .multiselect-container>li>a>label { font-size: 12px; } .FilterComponent .multiselect-container>li>a>label { padding: 3px 5px 3px 25px; word-break: break-all; } .FilterElement .multiselect-container>li.active>a>label { font-size: 12px; } .FilterElement .dropdown-menu > li > a { padding: 3px; } .FilterComponent { width: 70%; margin: 0 2% 0 29%; } .FilterComponent .FilterElement { padding: 0 10px; } .FilterElement button.multiselect.dropdown-toggle.btn.btn-default { width: 110px !important; } .FilterElement .multiselect-container.dropdown-menu.show + .multiselect-container.dropdown-menu { left: -10px !important; } .FilterElement .picky__input { padding: 5px 5px 5px 12px; } .FilterElement .picky__input::after { margin-right: -8px; } .FilterElement .picky__input, .FilterElement .picky__dropdown { font-size: 12px; } .FilterElement .picky__dropdown .option { padding: 6px; } }*/ /* .FilterElement button.multiselect.dropdown-toggle.btn.btn-default { float: none; min-height: 58px; width: 170px; border: 0 !important; } .FilterElement button.multiselect.dropdown-toggle.btn.btn-default:active, .FilterElement button.multiselect.dropdown-toggle.btn.btn-default:focus, .FilterElement button.multiselect.dropdown-toggle.btn.btn-default:visited { float: none; background-color: white; } */ /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .ModalWizardHeader h2 { font-size: 18px; text-align: center; font-weight: bold; color: #2E445C; max-width: 100%; line-height: 2; padding: 0px 15px !important; margin: 0; margin-bottom: 50px; } .logindash { border-bottom: 1px solid #d9e0e5; padding-bottom: 40px !important; } #LoginWizard .textCenter form > div { max-width: 726px; margin: auto; width: 100%; } .adjustBackWidth { max-width: 90%; margin: auto; float: initial !important; } .backModalPopup { font-weight: bold; } .loginCss .AdjustHeight { max-height: 40px !important; } .loginCss .modalBackButton { margin-left: -45px; } .LoginCreateAccountScreenWidth { max-width: 1000px !important; } .LoginCreateAccountScreenWidth .modal-body { background-color: #f5f8f9 !important; } .resetpasswordContent .modalBackButton { margin-left: -45px; } .resetpasswordContent .backModalPopup { color: #2E445C; font-weight: bold; } .logindash .ModalBack { width: 70px; margin-top: 4px; float: left; } .DashboardHeader { font-weight: bold; font-size: 22px; color: #2E445C !important; } .headerMargin { padding-bottom: 56px !important; } .resetpasswordContent .headerMargin { padding-bottom: 40px !important; } .help-block { margin-bottom: 30px !important; } .dashboardDesktop .adjustBackWidth { max-width: 98%; text-align: center; } .dashboardDesktop { width: 100%; max-width: 100%; } #LoginWizard { padding-left: 0px; padding-right: 0px; } .container-fluid { padding: 0px !important; } .dashboardContent { margin: 0 auto; padding: 0; } @media only screen and (min-width: 992px) { .loginCss { margin: auto; padding: 0; max-width: 70%; margin-top: 50px; } .loginCss .modalBackButton { font-size: 18px; color: #2E445C; font-weight: bold; } .loginCss .headerText { margin-top: 0; } .loginCss .divider { margin-top: 0; } .loginCss .dividercontent { margin-top: 40px; } .loginCss .hdivider { background: none; border-bottom: 1px solid #d9e0e5; width: 100%; } .loginCss .textCenterAlreadyAccount { min-width: 46%; } } @media (min-width: 768px) and (max-width: 991px) { .loginCss { margin: auto; padding: 0; max-width: 70%; margin-top: 50px; } .loginCss .dividercontent { margin-top: 40px; } .loginCss .backModalPopup { display: inline-block !important; font-size: 16px; color: #2E445C; font-weight: bold; } #LoginWizard .textCenter form > div { max-width: 100%; margin: auto; } #LoginWizard .textCenter form > div .notice { padding: 0px !important; } .adjustBackWidth { max-width: 100%; margin: auto; float: initial !important; } .loginCss .modalBackButton { margin-left: 12px; } .LoginCreateAccountScreenWidth { max-width: 600px !important; } } @media (min-width: 1024px) and (max-width: 1223px) { .TabSection .DataComponentWidth { padding-right: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .loginCss { margin: auto; padding: 0; max-width: 85%; margin-top: 50px; } .adjustBackWidth { max-width: 92%; margin: auto; float: initial !important; padding-left: 1px; } } @media (min-width: 320px) and (max-width: 767px) { .resetpasswordContent .modalBackButton { margin-left: -25px; } .loginCss .dividercontent { margin-top: 40px; } .loginCss { margin-top: 30px; } .adjustBackWidth { max-width: 100%; margin: auto; float: initial !important; padding-left: 1px; } #LoginWizard { padding-left: 0px; padding-right: 0px; } .resetpasswordContent .textCenter { max-width: 100% !important; margin-left: 6px; } #LoginWizard .textCenter { padding-left: 0px; padding-right: 0px; } #LoginWizard .textCenter form > div { max-width: 98%; margin: auto; } .dashboardDesktop .notice { margin-left: 1px; } #LoginWizard .textCenter form > div .notice { padding: 0px !important; } .loginCss .modalBackButton { margin-left: -2px; } .ModalWizardHeader { min-width: 261px; } .LoginCreateAccountScreenWidth { max-width: 600px !important; } .logindash .ModalBack { width: auto; } .dashboardDesktop .adjustBackWidth { max-width: 100%; padding-left: 0px; } .dashboardDesktop .DashboardHeader { font-size: 18px; } .dashboardDesktop .ModalBack { margin-top: 0px; } .TabSection .DataComponentWidth { margin-left: 0; margin-right: 0; } .dashboardarea .DataComponentWidth .contentaccount { padding-left: 15px !important; padding-right: 15px !important; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .accountinfo { width: 1060px; margin-left: auto; margin-right: auto; } .profileinfo { margin-top: 50px; } .accountinfo .panel { border-radius: 3px; } .accountinfo .panel-default { border-color: #D9E0E4; } .accountinfo .panel-default .panel-heading { background-color: #EDF1F4 !important; border-bottom: 1px solid #D9E0E4; display: flex; align-items: center; padding: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; cursor: default; } .panel-title { width: 100%; display: inline-block; } .accountinfo .panel-heading .panel-title { padding: 0 50px; } .accountinfo .panel-heading .accountpanel { text-align: left; font-size: 18px; line-height: 2.75; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.5px; } @media (max-width: 767px) { .accountinfo .panel-heading .accountpanel { font-size: 14px; line-height: 2.75; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } div.buttonlabel, a.buttonlabel { font-size: 16px; line-height: 3.14; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; color: #197E80 !important; letter-spacing: 0.4px; cursor: pointer; } @media (max-width: 767px) { div.buttonlabel, a.buttonlabel { font-size: 12px; line-height: 3.14; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } .studentPanel div.buttonlabel, .studentPanel a.buttonlabel { font-size: 16px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; color: #197E80 !important; letter-spacing: 0.4px; cursor: pointer; } @media (max-width: 767px) { .studentPanel div.buttonlabel, .studentPanel a.buttonlabel { font-size: 12px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } a.buttonlabel:hover, a.buttonlabel:focus { text-decoration: none; } div.buttonlabel span.separator { color: #2E445C; font-weight: normal; } .accountinfo .panel-body { padding: 0; } .accountinfosection { margin-left: auto; margin-right: auto; } .panelsection { float: left; width: 100%; padding: 16px 50px !important; } .panelsection:not(:last-child) { border-bottom: 1px solid #D9E0E4; } .account-left-section, .account-subleft-section { float: left; text-align: left; max-width: 70%; width: 100%; font-size: 16px; line-height: 1.75; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; letter-spacing: 0.4px; } @media (max-width: 767px) { .account-left-section, .account-subleft-section { font-size: 14px; line-height: 1.75; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } .sectionheader { float: left; text-align: left; font-size: 16px; line-height: 2.14; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: o 0.4px; } @media (max-width: 767px) { .sectionheader { font-size: 14px; line-height: 2.14; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } span.primaryhead { font-weight: bold; } .line-separator { float: left; width: 100%; margin: 20px 0px; border-bottom: 1px solid #D9E0E4; } .account-right-section, .account-subright-section { float: right; text-align: right; } .account-right-section a.buttonlabel, .account-subright-section a.buttonlabel { line-height: 1.75; } .deskmobileview { display: none; } .ResetPasswordModal, .AddEmailModal, .RemoveRecordModal, .AddSchoolModal { min-width: 850.5px !important; } .panelSectionNoData { text-align: left; padding-left: 50px; padding-top: 50px; padding-bottom: 56px; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .accountinfo { width: 900px; } .account-right-section, .account-subright-section { max-width: 280px; } } @media only screen and (min-width: 992px) and (max-width: 1023px) { .accountinfo { width: 750px; } .account-right-section, .account-subright-section { max-width: 280px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .accountinfo { width: 700px; } .account-right-section, .account-subright-section { max-width: 280px; } .panelsection { padding: 16px 30px !important; } .panelsection:last-child { padding: 20px 30px !important; } .accountinfo .panel-default .panel-heading, .accountinfo .panel-body { padding: 0 !important; } .ResetPasswordModal, .AddEmailModal, .RemoveRecordModal, .AddSchoolModal { min-width: 600px !important; max-width: 600px !important; left: 47% !important; } .accountinfo .panel-heading .panel-title { padding: 0 30px; } .panelSectionNoData { padding-left: 30px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .accountinfo { width: 100%; } .profileinfo { margin-top: 40px; } .account-left-section, .account-subleft-section, .account-right-section, .account-subright-section { width: 100%; max-width: 100%; } .account-right-section, .account-subright-section { float: left; text-align: left; } .accountinfo .panel-default .panel-heading, .accountinfo .panel-body { padding: 0 !important; } .chkmobileview { display: none; } .deskmobileview { display: block; } .accountinfo .panel-heading .panel-title { padding: 0 20px; } .panelsection { padding: 20px !important; } .accountinfo .panel-heading .col-xs-8 { width: 64% !important; } .accountinfo .panel-heading .col-xs-4 { width: 36% !important; } .ResetPasswordModal, .AddEmailModal, .RemoveRecordModal, .AddSchoolModal { min-width: 377px !important; max-height: 92% !important; } .panelSectionNoData { padding-right: 20px; text-align: left; padding-left: 20px; padding-top: 25px; padding-bottom: 48px; font-size: 14px; } } @media only screen and (min-width: 320px) and (max-width: 376px) { .ResetPasswordModal, .AddEmailModal, .RemoveRecordModal, .AddSchoolModal { min-width: 100% !important; max-height: 92% !important; } .ResetPasswordModal .textCenter, .AddEmailModal .textCenter, .RemoveRecordModal .textCenter, .AddSchoolModal .textCenter { max-width: 91% !important; } .AddEmailModal .modal-title, .AddSchoolModal .modal-title, .ResetPasswordModal .modal-title, .RemoveRecordModal .modal-title { width: 87% !important; } .panelSectionNoData { padding-right: 20px; text-align: left; padding-left: 20px; padding-top: 25px; padding-bottom: 48px; font-size: 13px; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ div[data-component="order-list"], div[data-component="digital-products"] { letter-spacing: 0.4px; font-size: 16px; max-width: 1080px; margin: 0px auto; } div[data-component="order-list"] .redText, div[data-component="digital-products"] .redText { color: red; } div[data-component="order-list"] #buttonContainer, div[data-component="digital-products"] #buttonContainer { text-align: right !important; } div[data-component="order-list"] button, div[data-component="digital-products"] button { min-width: 135px; margin-top: 20px; margin-bottom: 20px; } div[data-component="order-list"] .extLink, div[data-component="digital-products"] .extLink { color: #197E80; cursor: pointer; font-weight: bold; } div[data-component="order-list"] .table, div[data-component="digital-products"] .table { margin-top: 50px; border: 1px solid #d9e0e4; } div[data-component="order-list"] .table > thead, div[data-component="digital-products"] .table > thead { background-color: #edf1f4; } div[data-component="order-list"] .table > thead > tr > th, div[data-component="digital-products"] .table > thead > tr > th { padding: 0px; vertical-align: bottom; border-bottom: 0px solid #ddd; font-size: 18px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } @media (max-width: 1023px) { div[data-component="order-list"] .table > thead > tr > th, div[data-component="digital-products"] .table > thead > tr > th { font-size: 16px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } div[data-component="order-list"] .table > thead > tr th:first-child, div[data-component="digital-products"] .table > thead > tr th:first-child { text-align: left; padding-left: 30px !important; width: 22%; } @media (max-width: 767px) { div[data-component="order-list"] .table > thead > tr th:first-child, div[data-component="digital-products"] .table > thead > tr th:first-child { padding-left: 20px !important; width: auto; } } div[data-component="order-list"] .table > thead > tr th:nth-child(2), div[data-component="digital-products"] .table > thead > tr th:nth-child(2) { width: 46%; } @media (max-width: 1023px) { div[data-component="order-list"] .table > thead > tr th:nth-child(2), div[data-component="digital-products"] .table > thead > tr th:nth-child(2) { width: 40%; } } div[data-component="order-list"] .table > thead > tr th:nth-child(3), div[data-component="digital-products"] .table > thead > tr th:nth-child(3) { text-align: right; padding-right: 30px !important; } div[data-component="order-list"] .table > tbody > tr > td, div[data-component="digital-products"] .table > tbody > tr > td { border-top: 0px; padding: 0px; font-size: 16px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } @media (max-width: 1023px) { div[data-component="order-list"] .table > tbody > tr > td, div[data-component="digital-products"] .table > tbody > tr > td { font-size: 14px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } div[data-component="order-list"] .table > tbody > tr[row="main"], div[data-component="digital-products"] .table > tbody > tr[row="main"] { border-top: 1px solid #d9e0e4; } div[data-component="order-list"] .table > tbody > tr td:first-child, div[data-component="digital-products"] .table > tbody > tr td:first-child { text-align: left; padding-left: 30px !important; } @media (max-width: 767px) { div[data-component="order-list"] .table > tbody > tr td:first-child, div[data-component="digital-products"] .table > tbody > tr td:first-child { padding-left: 20px !important; padding-right: 20px !important; } } div[data-component="order-list"] .table > tbody > tr td:nth-child(2), div[data-component="digital-products"] .table > tbody > tr td:nth-child(2) { text-align: left; } div[data-component="order-list"] .table > tbody > tr td:nth-child(3), div[data-component="digital-products"] .table > tbody > tr td:nth-child(3) { text-align: right; padding-right: 30px !important; } div[data-component="order-list"] .table > tbody .title, div[data-component="digital-products"] .table > tbody .title { text-align: left; font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; padding-top: 13px; } @media (max-width: 1023px) { div[data-component="order-list"] .table > tbody .title, div[data-component="digital-products"] .table > tbody .title { font-size: 14px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } div[data-component="order-list"] .table > tbody .OrderDetailLink, div[data-component="digital-products"] .table > tbody .OrderDetailLink { cursor: pointer; font-size: 16px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #197E80; } @media (max-width: 1023px) { div[data-component="order-list"] .table > tbody .OrderDetailLink, div[data-component="digital-products"] .table > tbody .OrderDetailLink { font-size: 14px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #197E80; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { div[data-component="digital-products"] .table > thead > tr th:nth-child(2) { width: 40%; text-align: left; } div[data-component="digital-products"] .table > thead > tr th:nth-child(3) { width: 25%; } div[data-component="digital-products"] .table > tbody > tr td:first-child { text-align: left; padding-left: 30px !important; } div[data-component="digital-products"] .table > tbody > tr td:nth-child(2) { text-align: left; } div[data-component="digital-products"] .table > tbody > tr td:nth-child(3) { text-align: right; padding-right: 30px !important; } } .digitalProductError { padding-top: 40px; float: left; text-align: center; width: 100%; margin-bottom: -30px; font-style: normal !important; font-weight: normal !important; color: #2E445C !important; } @media only screen and (min-width: 320px) and (max-width: 599px) { div[data-component="digital-products"] #buttonContainer { text-align: center !important; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .mainInstructorResource { border: 1px solid #D9E0E4; max-width: 336px; border-radius: 3px; background-color: #ffffff; margin-top: 20px; } .mainInstructorResource .instructorTypesUL { text-align: left; list-style-type: none; padding: 30px; } .mainInstructorResource .instructorTypesUL .instructorTypesLI { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; text-align: left; cursor: pointer; } .mainInstructorResource .instructorTypesUL .instructorTypesLI:not(:last-of-type) { margin-bottom: 35px; } .mainInstructorResource .instructorTypesUL .instructorTypesLI.selecetedResourceType { font-size: 16px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } .mainInstructorResource .instructorTypesUL .instructorTypesLI.selecetedResourceType:before { content: ""; line-height: 1em; width: 7px; height: 7px; background-color: #ED5B58; border-radius: 50%; float: left; margin: 6px 5px 0 2px; } @media (max-width: 1023px) { .mainInstructorResource .instructorTypesUL { padding: 30px 20px; } .mainInstructorResource .instructorTypesUL .instructorTypesLI:not(:last-of-type) { margin-bottom: 25px; } } .instructorTypesUL ul li a.active { background-color: red; } /*ul li.selecetedResourceType:before { @include list-bullet(); float: left; margin: .40em -1em 0; }*/ @media only screen and (min-width: 320px) and (max-width: 767px) { .InstructorTypesDetails { background-color: #ffffff; margin-left: 30px; margin-top: 20px; font-size: 22px; margin-right: 30px; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ div[data-component="InstructorTypesDetails"] { padding: 0 20px; } div[data-component="InstructorTypesDetails"] .ItemTitle { text-align: left; font-size: 22px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.4px; } @media (max-width: 1023px) { div[data-component="InstructorTypesDetails"] .ItemTitle { font-size: 18px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } div[data-component="InstructorTypesDetails"] .ItemDesc { text-align: left; font-size: 20px; line-height: 30px; font-family: "Mercury Text G2 A", "Mercury Text G2 B"; font-style: normal; font-weight: 400; color: #57687C; } @media (max-width: 1023px) { div[data-component="InstructorTypesDetails"] .ItemDesc { font-size: 18px; line-height: 30px; font-family: "Mercury Text G2 A", "Mercury Text G2 B"; font-style: normal; font-weight: 400; color: #57687C; } } div[data-component="InstructorTypesDetails"] .ItemDesc a { font-size: 18px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; color: #197E80 !important; cursor: pointer; } @media (max-width: 1023px) { div[data-component="InstructorTypesDetails"] .ItemDesc a { font-size: 16px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } div[data-component="InstructorTypesDetails"] .AssetTitle { text-align: left; font-size: 18px; line-height: 1.44; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.4px; margin-top: 30px; } @media (max-width: 1023px) { div[data-component="InstructorTypesDetails"] .AssetTitle { font-size: 16px; line-height: 1.44; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } div[data-component="InstructorTypesDetails"] .AssetTitle a { font-size: 14px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; color: #197E80 !important; cursor: pointer; } div[data-component="InstructorTypesDetails"] .AssetDescription { text-align: left; font-size: 16px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; letter-spacing: 0.4px; } @media (max-width: 1023px) { div[data-component="InstructorTypesDetails"] .AssetDescription { font-size: 14px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } div[data-component="InstructorTypesDetails"] .AssetDescription a { font-size: 14px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; color: #197E80 !important; cursor: pointer; } div[data-component="InstructorTypesDetails"] .AssetfileType { text-align: left; font-size: 16px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; letter-spacing: 0.4px; } @media (max-width: 1023px) { div[data-component="InstructorTypesDetails"] .AssetfileType { font-size: 14px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } div[data-component="InstructorTypesDetails"] .AccessButtons { text-align: right; float: right; display: table-cell; white-space: nowrap; width: auto; } @media (max-width: 1200px) { div[data-component="InstructorTypesDetails"] .AccessButtons { white-space: normal; } } @media (max-width: 767px) { div[data-component="InstructorTypesDetails"] .AccessButtons { text-align: center; } } div[data-component="InstructorTypesDetails"] .Samplebutton { text-align: center; margin-top: 30px; border-radius: 100px; border: 2px solid #197E80 !important; background-color: #fff !important; padding: 10px 24px !important; font-size: 16px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; color: #197E80 !important; letter-spacing: 0.35px; font-weight: 700; -webkit-font-smoothing: antialiased; } div[data-component="InstructorTypesDetails"] .ViewButton { margin-top: 30px; border-radius: 100px; border: none; background: #197E80 !important; padding: 12px 24px !important; font-size: 16px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; color: #fff !important; letter-spacing: 0.35px; font-weight: 700; -webkit-font-smoothing: antialiased; } div[data-component="InstructorTypesDetails"] .SampleTitle { text-align: center; display: block; font-size: 14px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; letter-spacing: 0.4px; word-wrap: break-word; max-width: 100px; white-space: normal; } div[data-component="InstructorTypesDetails"] .Divider { margin: 30px 0px 0px 0px !important; border: 1px solid #d9e0e4; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .BrowseCategories .CategoryItem a .itemLabel, .MobileCategoryItem a .itemLabel { flex: 1; font-size: 16px; line-height: 24px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #57687C; letter-spacing: .2px; } .BrowseCategories .CategoryItem a svg, .MobileCategoryItem a svg { align-self: flex-start; margin-top: 6px; margin-left: 10px; height: 12px; width: 8px; transform: rotate(-90deg); text-indent: -999px; flex: 0 0 12px; fill: #2E445C; } .BrowseCategories { border: 1px solid #D9E0E4; max-width: 280px; border-radius: 3px; background-color: white; text-align: left; } .BrowseCategories .CategoryHeader { font-size: 16px; line-height: 24px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; border-bottom: 1px solid #D9E0E4; padding: 17px 30px; margin: 0; } .BrowseCategories .CategorySubHeader { text-transform: uppercase; font-size: 16px; line-height: 24px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; padding: 20px 30px 0; margin: 0; } .BrowseCategories .CategoryLists { text-align: left; list-style-type: none; margin: 0 0 50px; padding: 0 20px 0 30px; } .BrowseCategories .CategoryItem { margin: 18px 0 0; } .BrowseCategories .CategoryItem a { display: flex; align-items: center; color: #57687C; cursor: pointer; } .BrowseCategories .CategoryItem a svg { pointer-events: none; } .BrowseCategories .CategoryItem a:hover, .BrowseCategories .CategoryItem a:focus { text-decoration: none; } .BrowseCategories .CategoryItemNoChild:before { content: ""; line-height: inherit; width: .5em; height: .5em; background-color: red; float: left; margin: 6px 8px 0 -14px; border-radius: 50%; } @media (max-width: 1023px) { .BrowseCategories .CategoryHeader { height: 45px; line-height: 45px; padding: 0 30px; } } .MobileCategoryLists { text-align: left; margin-bottom: 139px; min-height: 130px; padding: 0 20px; list-style-type: none; } .MobileCategoryItem { margin: 18px 0 0; } .MobileCategoryItem a { display: flex; align-items: center; color: #57687C; cursor: pointer; } .MobileCategoryItem a:hover, .MobileCategoryItem a:focus { text-decoration: none; } .CategoryItemNoChild { background: no-repeat; } .CategorySubHeaderSpan { margin-Left: 20px; word-Wrap: break-word; display: inline-block; text-transform: capitalize; } .mobileLastItemLabel { pointer-events: none; } .mobileLastItemLabel:before { content: ""; line-height: inherit; width: .5em; height: .5em; background-color: red; float: left; margin: 6px 8px 0 -14px; border-radius: 50%; } /*@media only screen and (min-width : 400px) and (max-width : 529px) { .BrowseCategories { width: 143px; ///margin-top: -29px; margin-left: 0px; } .CategoryHeader{ margin-left: 0px; font-size: 14px; } .CategorySubHeader{ font-size: 12px; } .CategoryItem{ font-size: 10px; } .CategoryLists ul { padding-left: 14px; } .CategoryLeftArraow { height: 10px; width: 6px; } .CategorySubHeaderSpan{ margin-Left: 0px; word-Wrap:'break-word'; display:'inline-block' } } @media only screen and (min-width : 400px) and (max-width : 641px) { .BrowseCategories { width: 130px; ///margin-top: -29px; margin-left: 10px; } .CategoryHeader{ padding-left: 10px; font-size: 16px; } .CategorySubHeader{ font-size: 12px; } .CategoryItem{ font-size: 10px; } .CategoryLists ul { padding-left: 14px; } .CategoryLeftArraow { height: 10px; width: 6px; } .CategorySubHeaderSpan{ margin-Left: 0px; word-Wrap:'break-word'; display:'inline-block' } } @media only screen and (min-width : 642px) and (max-width : 698px) { .BrowseCategories { width: 143px; ///margin-top: -29px; margin-left: 10px; } .CategoryHeader{ padding-left: 10px; font-size: 16px; } .CategorySubHeader{ font-size: 12px; } .CategoryItem{ font-size: 10px; } .CategoryLists ul { padding-left: 14px; } .CategoryLeftArraow { height: 10px; width: 6px; } .CategorySubHeaderSpan{ margin-Left: 0px; word-Wrap:'break-word'; display:'inline-block' } } @media only screen and (min-width : 699px) and (max-width : 767px) { .BrowseCategories { width: 150px; ///margin-top: -30px; margin-left: 15px; } .CategoryHeader{ padding-left: 10px; font-size: 16px; } .CategorySubHeader{ font-size: 14px; } .CategoryItem{ font-size: 10.5px; } .CategoryLists ul { padding-left: 14px; } .CategoryLeftArraow { height: 10px; width: 6px; } .CategorySubHeaderSpan{ margin-Left: 0px; } } @media only screen and (min-width : 768px) and (max-width : 991px) { .BrowseCategories { width: 180px; ///margin-top: -30px; margin-left: 0px; } .CategoryHeader{ padding-left: 10px; font-size: 16px; } .CategorySubHeader{ font-size: 14px; } .CategoryItem{ font-size: 10.5px; } .CategoryLists ul { padding-left: 14px; } .CategoryLeftArraow { height: 10px; width: 10px; margin-top: 3px; } .CategorySubHeaderSpan{ margin-Left: 0px; } } @media only screen and (min-width : 992px) and (max-width : 1199px) { .BrowseCategories { width: 249px ; margin-left: 0px; ///margin-top: -31px; } } @media only screen and (min-width : 1200px) and (max-width : 1379px) { .BrowseCategories { width: 278px ; ///margin-top: -32px; margin-left: 20px; } .CategorySubHeaderSpan{ margin-Left: 20px; } }*/ /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ div[data-page="GeneralContent"] .TabSection > div[data-section^="container"].generalContentPadding.container { padding: 70px 20px 0 !important; } div[data-page="GeneralContent"] .TabSection > div[data-section^="container"].container { padding: 0 20px 0 !important; } div[data-page="GeneralContent"] div[data-section="header"] + div[data-section="container0"] { padding-top: 0; } div[data-page="GeneralContent"] .headerDefault { font-size: 22px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: .5px; } div[data-page="GeneralContent"] .HeaderCopy { font-size: 20px; line-height: 34px; font-family: "Mercury Text G2 A", "Mercury Text G2 B"; font-style: normal; font-weight: 400; color: #57687C; letter-spacing: .3px; } div[data-page="GeneralContent"] .card-root-col { padding-left: 0; padding-right: 0; } div[data-page="GeneralContent"] div[data-module="card"] .cardContent { margin-bottom: 30px; } @media (max-width: 1023px) { div[data-page="GeneralContent"] div[data-module="card"] { padding: 0; } } div[data-page="GeneralContent"] div[data-module="panel"].PanelBoxPadding { margin-bottom: 30px !important; } @media (max-width: 1023px) { div[data-page="GeneralContent"] div[data-module="panel"] { margin: 0 !important; } } div[data-page="GeneralContent"] div[data-module="featured-item"] { margin-bottom: 30px; } div[data-page="GeneralContent"] div[data-module="featured-item"] div[data-module="badge"] { display: block; } div[data-page="GeneralContent"] div[data-module="media"] { margin-bottom: 30px; } div[data-page="GeneralContent"] section:first-of-type { border-bottom: none !important; background: none !important; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ div[data-page="Landing"] { /* Moved the control to global div[data-module="card"] { //margin:0 15px; .cardContent { margin-bottom:30px; padding: 35px 0 30px; height:auto; div { float: none; } } }*/ } div[data-page="Landing"] div[data-section="container0"] { padding-top: 60px !important; } div[data-page="Landing"] div[data-section="header"] + div[data-section="container0"] { padding-top: 0 !important; } div[data-page="Landing"] div[data-component="connect"] .HeaderCopy { margin: 0 auto; } div[data-page="Landing"] div[data-section="container0"] { margin-bottom: 30px; } @media (max-width: 1023px) { div[data-page="Landing"] div[data-module="card"] .headerDefault p { text-align: center; } div[data-page="Landing"] div[data-module="panel"] div[data-id="panelComponentParent"] div[data-module="button"] { text-align: center !important; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .pageNotFound { display: inline-block; margin-top: 10%; margin-bottom: 16%; width: 80%; } .pageNotFoundBody { background-image: linear-gradient(to bottom, rgba(244, 248, 249, 0.23), #f4f8f9) !important; } .pageNotFound .Title { font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; color: #2e445c; text-align: left; margin-top: 0px; margin-left: 15%; margin-right: auto; margin-bottom: 50px; width: 80%; } .pageNotFound .Text { font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif; font-size: 14px; color: #2e445c; text-align: left; margin-top: 0px; margin-left: 15%; margin-right: auto; margin-bottom: 100px; width: 80%; } .pageNotFound .hdivider { width: 100%; height: 1px; background: #D9E0E4; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .ClearFilterSection { margin: 15px 0 15px 4%; } .ClearFilterSection [data-module="button"] { margin: 0 10px 0 0; padding: 0 10px 0 0; } .ClearFilterSection [data-module="button"]::after { content: ""; position: absolute; width: 10px; height: 30px; border-right: 1px solid #D9E0E4; } .ClearFilterSection .allFilters { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; } .ClearFilterSection .allFilters .button, .ClearFilterSection .allFilters button { font-size: 12px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; display: inline-block; padding: 0 20px !important; border-radius: 20px; height: 30px; min-width: 120px; line-height: 28px; color: #fff; } .ClearFilterSection .allFilters .filterToken { font-size: 12px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #2E445C; cursor: pointer; border-radius: 5px; border: 1px solid #D9E0E4; opacity: 0.7; height: 30px; float: left; min-width: 120px; margin: 0 5px 10px 0; } .ClearFilterSection .allFilters .filterToken .text { padding: 0 5px 0 10px; display: inline-block; } .ClearFilterSection .allFilters .filterToken a.close { float: right; padding: 0 5px; display: inline-block; font-size: 1rem; margin-top: -1px; line-height: 30px; color: #D9E0E4; text-shadow: 0 1px 0 #fff; opacity: 1; } .ClearFilterSection .allFilters .filterToken:hover { opacity: 1; } /*@media only screen and (min-width: 600px) and (max-width: 649px){ .clearFilters { padding: 0; width: 40%; } .clearFilters .button { float: left; } } @media only screen and (min-width : 768px) and (max-width : 991px) { .clearFilters .button { float: left; font-size: 12px !important; padding: 2px 15px !important; } } @media only screen and (min-width: 650px) and (max-width: 767px){ .clearFilters { padding: 0; width: 35%; } .clearFilters .button { float: left; padding: 2px 10px !important; } }*/ /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .mobileFilters .accordion__title { padding: 18px 0; text-align: left; border: none; width: 100%; } .mobileFilters .hrmobileFilter_accordionItemPanel { height: 0px !important; margin: 5px 0 15px 0 !important; border: 1px solid #D9E0E4; } .mobileFilters .parentFilter { width: 100%; display: inline-block; font-size: 18px; min-height: 50px; } .mobileFilters .accordion__body { padding: 20px 0; } .mobileFilters .accordion__body .filterParentDiv { margin-left: 30px; } .mobileFilters .accordion__body .filterParentDiv .FilterLabel { margin-left: 0; } /** * ---------------------------------------------- * Demo styles * ---------------------------------------------- **/ .filterBold { font-weight: bold !important; } .u-margin-top { margin-top: 1.875rem; } .u-margin-right { margin-right: 1.875rem; } .block { padding: 1.25rem; } .u-margin-bottom-s { margin-bottom: .5rem; } .u-position-absolute { position: absolute; } .u-position-relative { position: relative; } .accordion { border: 1px solid #F5F8F9; border-radius: 2px; /*margin-left: 10px*/ } .accordion__item + .accordion__item { border-top: 1px solid #D9E0E4; } .accordion__item--has-icon { position: relative; } .accordion__title { background-color: #F5F8F9; color: #444; cursor: pointer; padding: 18px; text-align: left; border: none; padding-right: 29px; } .accordion__title:hover { background-color: #F5F8F9; } .accordion__body { padding: 20px; padding-top: 10px !important; } .FilterLabel { font-size: 16px; font-weight: normal; margin-bottom: 15px; display: block; margin-left: 25px; padding-top: 6px; } .filterParentDiv > label { position: relative !important; padding-left: 25px !important; display: block !important; } .filterParentDiv > label input[type=checkBox] { position: absolute !important; top: 7px !important; left: 0px !important; } .accordion__title > *:last-child, .accordion__body > *:last-child { margin-bottom: 0; } .accordion__arrow { display: inline-block; position: relative; width: 24px; height: 12px; position: absolute; top: 29%; right: 0; margin-top: -6px; color: #95989A; } .accordion__arrow::after, .accordion__arrow::before { display: block; position: absolute; top: 50%; width: 10px; height: 2px; background-color: currentColor; content: ''; } .accordion__arrow::before { left: 4px; transform: rotate(45deg); } [aria-expanded="true"] .accordion__arrow::before { transform: rotate(-45deg); } .accordion__arrow::after { right: 4px; transform: rotate(-45deg); } [aria-expanded="true"] .accordion__arrow::after { transform: rotate(45deg); } .accordion__arrow::before, .accordion__arrow::after { transition: transform .25s ease; } /* -------------------------------------------------- */ /* ---------------- Animation part ------------------ */ /* -------------------------------------------------- */ @-webkit-keyframes move-down { 0% { transform: translateY(0); } 10% { transform: translateY(0); } 20% { transform: translateY(5px); } 30% { transform: translateY(0); } 100% { transform: translateY(0); } } @keyframes move-down { 0% { transform: translateY(0); } 10% { transform: translateY(0); } 20% { transform: translateY(5px); } 30% { transform: translateY(0); } 100% { transform: translateY(0); } } @-webkit-keyframes move-up { 0% { transform: translateY(0); } 10% { transform: translateY(0); } 20% { transform: translateY(-5px); } 30% { transform: translateY(0); } 100% { transform: translateY(0); } } @keyframes move-up { 0% { transform: translateY(0); } 10% { transform: translateY(0); } 20% { transform: translateY(-5px); } 30% { transform: translateY(0); } 100% { transform: translateY(0); } } .accordion__title--animated:hover .accordion__arrow { -webkit-animation-name: move-down; animation-name: move-down; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .accordion__title--animated[aria-expanded="true"]:hover .accordion__arrow { -webkit-animation-name: move-up; animation-name: move-up; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .accordion__body { display: block; -webkit-animation: fadein .35s ease-in; animation: fadein .35s ease-in; } .accordion__body--hidden { display: none; opacity: 0; -webkit-animation: fadein .35s ease-in; animation: fadein .35s ease-in; } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .MobileFilterContainer { height: 50px; background: #FFF; border: 1px solid #D9E0E4; align-items: stretch; justify-content: space-evenly; display: none; } @media (max-width: 767px) { .MobileFilterContainer { display: flex; } } .MobileFilterContainer .FilterElement { flex: 0 0 50%; font-size: 16px; line-height: 24px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #57687C; text-align: center; } .MobileFilterContainer .FilterElement button { border: none; padding: 0; background: transparent; height: 100%; } .MobileFilterDisabled { cursor: not-allowed !important; filter: alpha(opacity=65); box-shadow: none; opacity: .65; pointer-events: none; } .MobileFilterContainer .rightBorder { border-right: 1px solid #EBEEF0; } .BrowserLink { cursor: pointer; } .FilterLink { cursor: pointer; text-decoration: none; } .FilterLinkBold { cursor: pointer; text-decoration: none; font-weight: bold; } .FilterClear { font-size: 14px; color: #2E445C; opacity: .5; } .FilterDone { font-size: 14px; color: #2E445C; opacity: 1.5; cursor: pointer; } .FilterClearSelected { display: table-cell; font-size: 14px; color: #2E445C; opacity: 1.5; cursor: pointer; } .FilterLable { font-weight: bold; font-size: 18px; color: #2E445C; float: left; text-transform: capitalize; } .FilterClose { float: right; } .clickable { cursor: pointer; } .Loader__background { height: 650px !important; background-color: rgba(245, 245, 240, 0) !important; z-index: 10000 !important; } .Loader__foreground { z-index: 10000 !important; } .Loader__message { vertical-align: top !important; padding-top: 150px !important; margin: 0px; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ @-webkit-keyframes dots-pulse { 0% { opacity: 0.1; } 15% { opacity: 1; } 100% { opacity: 0.1; } } @keyframes dots-pulse { 0% { opacity: 0.1; } 15% { opacity: 1; } 100% { opacity: 0.1; } } .rai-dots .rai-circle { border-radius: 100%; display: inline-block; margin-right: 0.1875em; background-color: #727981; width: 0.5em; height: 0.5em; -webkit-animation-name: dots-pulse; animation-name: dots-pulse; -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rai-dots .rai-circle:last-child { margin-right: 0; } @-webkit-keyframes levels-pulse { 0% { height: 30%; opacity: 0.5; } 20% { height: 100%; opacity: 1; } 35% { height: 30%; opacity: 0.5; } 55% { height: 100%; opacity: 1; } 70% { height: 50%; opacity: 0.5; } 80% { height: 100%; opacity: 1; } 100% { height: 30%; opacity: 0.5; } } @keyframes levels-pulse { 0% { height: 30%; opacity: 0.5; } 20% { height: 100%; opacity: 1; } 35% { height: 30%; opacity: 0.5; } 55% { height: 100%; opacity: 1; } 70% { height: 50%; opacity: 0.5; } 80% { height: 100%; opacity: 1; } 100% { height: 30%; opacity: 0.5; } } .rai-levels .rai-levels-container { text-align: left; display: inline-block; height: 1em; line-height: 1em; -webkit-animation-duration: inherit; animation-duration: inherit; } .rai-levels .rai-bar { bottom: 0; display: inline-block; vertical-align: bottom; width: 0.25em; background: #727981; margin-right: 0.125em; height: 50%; -webkit-animation-name: levels-pulse; animation-name: levels-pulse; -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rai-levels .rai-bar:last-child { margin-right: 0; } @-webkit-keyframes rai-sentry-pulse { from { transform: scale(0); opacity: 1; } to { transform: scale(1); opacity: 0; } } @keyframes rai-sentry-pulse { from { transform: scale(0); opacity: 1; } to { transform: scale(1); opacity: 0; } } .rai-sentry { text-align: left; display: inline-block; position: relative; width: 2em; height: 2em; } .rai-sentry .rai-wave-container { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; -webkit-animation-duration: inherit; animation-duration: inherit; } .rai-sentry .rai-wave { display: inline-block; border: 0.125em solid #727981; border-radius: 100%; box-sizing: border-box; width: 100%; height: 100%; -webkit-animation-name: rai-sentry-pulse; animation-name: rai-sentry-pulse; -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes rai-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rai-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rai-spinner { width: 1.5em; height: 1.5em; position: relative; margin: 0; } .rai-spinner-inner, .rai-spinner-outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; margin-left: -0.0625em; margin-top: -0.0625em; } .rai-spinner-outer { border: 0.125em solid #727981; opacity: 0.2; } .rai-spinner-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border-top: 0.125em solid #727981; border-right: 0.125em solid transparent !important; border-bottom: 0.125em solid transparent !important; border-left: 0.125em solid transparent !important; -webkit-animation-name: rai-spinner; animation-name: rai-spinner; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: inherit; animation-duration: inherit; } @keyframes dots-pulse { 0% { opacity: 0.1; } 15% { opacity: 1; } 100% { opacity: 0.1; } } .rai-squares .rai-square { display: inline-block; margin-right: 0.1875em; background-color: #727981; width: 0.5em; height: 0.5em; -webkit-animation-name: dots-pulse; animation-name: dots-pulse; -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rai-squares .rai-square:last-child { margin-right: 0; } @-webkit-keyframes digital-pulse { 0%, 40%, 100% { transform: scaleY(0.4); } 20% { transform: scaleY(1); } } @keyframes digital-pulse { 0%, 40%, 100% { transform: scaleY(0.4); } 20% { transform: scaleY(1); } } .rai-digital { height: 1em; text-align: center; } .rai-digital > div { display: inline-block; margin-right: 0.125em; background-color: #727981; width: 0.25em; height: 100%; -webkit-animation-name: digital-pulse; animation-name: digital-pulse; -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rai-digital > div:last-child { margin-right: 0; } @-webkit-keyframes bounce-pulse { 0% { transform: translateY(0.1875em); } 30% { transform: translateY(-0.25em); } 50% { transform: translateY(3); } } @keyframes bounce-pulse { 0% { transform: translateY(0.1875em); } 30% { transform: translateY(-0.25em); } 50% { transform: translateY(3); } } .rai-bounce > div { transform: translateY(0.1875em); border-radius: 100%; display: inline-block; margin-right: 0.1875em; background-color: #727981; width: 0.5em; height: 0.5em; -webkit-animation-name: bounce-pulse; animation-name: bounce-pulse; -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rai-bounce > div:last-child { margin-right: 0; } @-webkit-keyframes windill-pulse { 0% { transform: rotate(0deg); } 99% { transform: rotate(356deg); } } @keyframes windill-pulse { 0% { transform: rotate(0deg); } 99% { transform: rotate(356deg); } } .rai-windill { width: 1em; height: 1em; position: relative; } .rai-windill > div { border-radius: 0.125em; position: absolute; top: 0; left: 50%; margin-left: -0.0625em; width: 0.125em; height: 100%; -webkit-animation-name: windill-pulse; animation-name: windill-pulse; -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ #SearchQueryContainer .MobileView, #SearchQueryContainer .DesktopView { text-align: center; } #SearchQueryResult { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } #SearchQueryResult .BrowseCategories { flex: 0 0 25%; } #SearchQueryResult .ResultContainer { flex: 1 auto; margin-left: 3%; } @media (max-width: 599px) { #SearchQueryResult .ResultContainer .ResultViewOption { display: none; } } #SearchQueryResult .ResultContainer .strike { display: block; text-align: center; white-space: nowrap; } @media (max-width: 599px) { #SearchQueryResult .ResultContainer .strike { margin-top: 15px; } } #SearchQueryResult .ResultContainer .strike > span { position: relative; display: inline-block; width: 239px; float: right; } #SearchQueryResult { position: relative; } .searchQuery h1 { display: inline-block; font-weight: bold; font-size: 30px; margin-bottom: 20px; color: #2E445C; } .searchQuery h1 .noResults { font-weight: normal; font-size: 26px; color: #2E445C; margin-right: 10px; } .searchQuery .searchImage { display: inline-block; border: none !important; background: url("/static/assets/images/search-grey.svg") no-repeat !important; width: 36px !important; height: 36px !important; margin-bottom: -10px; } .searchQuery .didYouMean p { font-size: 16px; color: #2E445C; } .searchQuery .didYouMean ul { display: inline-block; padding: 0; } .searchQuery .didYouMean ul li { text-align: left; margin: 15px 0px; } .searchQuery .didYouMean ul li a { font-size: 18px; font-family: "Gotham A", "Gotham B", sans-serif; box-shadow: 0 5px 0 #b7dedd; text-decoration: none; padding-bottom: 1px; color: #2E445C; cursor: pointer; } .searchQuerySection { position: relative; top: 50%; transform: translateY(-50%); } .discounts { font-size: 15px; line-height: 48px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #FDFDFD; height: 48px; background: #ED5B58; -webkit-font-smoothing: antialiased; } .discounts #show_banner_details { margin-left: 4px; } .expiredPromo { font-size: 15px; line-height: 48px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #FDFDFD; height: 48px; background: #2E445C; -webkit-font-smoothing: antialiased; } .expiredPromo #show_banner_details { margin-left: 4px; } .expiredClose { display: block; right: 0; text-align: center; color: white; font-weight: 700; font-size: 15px; margin-top: -1px; margin-right: 14px; } /*.ResultViewOption { width: 100%; //float: left; // height: 100%; //margin: 17px 0 17px 0; //text-align: right; // height: 30px; }*/ .TotalResultCount { width: 44%; height: 30px; background: #FDFDFD; margin: -12px auto 0 auto; border-radius: 3px; font-size: 16px; font-family: "Gotham A", "Gotham B"; color: #2E445C; } .TotalResultCount .SortBy { border: 2px solid #EDF1F4; border-radius: 5px; padding: 10px 20px; margin-left: 20px; width: 30%; } .ResultLoading { margin: auto; width: 100%; height: 100%; position: fixed; } .promoImage { margin-bottom: 60px; height: 200px; cursor: pointer; } .showMore .button { margin-top: 20px; margin-bottom: 20px; } .noResultSpan { font-weight: bold; } #sortDropDown .Select { border: 1px solid #d9e0e4; width: 140px; border-radius: 3px; } .has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { color: #2E445C; font-weight: normal; } .has-value.Select--single > .Select-control .Select-value .Select-value-label { float: left; text-align: left; } #resultCount { float: left; margin-right: 5px; margin-top: 10px; width: auto; min-width: 32%; text-align: right; font-size: 14px; } #sortDropDown { float: left; padding: 0 10px; width: 65%; } .react-select__control { background-color: white !important; } /*@media only screen and (min-width : 992px) and (max-width : 1199px) { .TotalResultCount { width: 58%; } } @media only screen and (min-width : 600px) and (max-width : 991px) { .TotalResultCount { width: 70%; font-size: 14px; } #SearchQueryResult .col-sm-9 { width: 75%; float: left; } #SearchQueryResult .col-sm-3 { width: 25%; float: left; } .searchQuery h1 { word-break: break-word; padding: 0 15px; } } @media only screen and (min-width: 320px) and (max-width: 599px) { .TotalResultCount { width: 60%; font-size: 14px; } .strike > span { position: relative; display: inline-block; margin-top: 15px; } .MobileFilterContainer{ width: 95% !important; margin: 0 2.5% auto !important; } .searchQuery h1 { word-break: break-word; padding: 0 15px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .searchQuery h1 { font-size: 20px; } .searchQuery h1 .noResults{ font-size: 24px; margin-bottom: 20px; display: inline-block; } .searchQuery .searchImage{ width: 27px !important; height: 27px !important; margin-bottom: -5px; } .searchQuery .didYouMean p { font-size: 18px; } .searchQuery .didYouMean ul li { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 359px) { .has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label{ font-size:15px; } } //.ClearFilterSection { // text-align: left; // margin-left: 1.5%; //} //@media only screen and (min-width: 120px) and (max-width: 1379px){ // .ClearFilterSection { // margin-left: 1%; // } //} //@media only screen and (min-width : 992px) and (max-width : 1199px) { // .ClearFilterSection { // margin-left: 0; // } //} @media only screen and (min-width : 768px) and (max-width : 991px) { //.ClearFilterSection { // margin-left: -1%; //} .has-value.Select--single > .Select-control .Select-value .Select-value-label { font-size: 14px; } } @media only screen and (max-width: 599px) { .MobileFilterContainer { display: block; } .ResultViewOption { display: none; } } @media only screen and (min-width: 600px) { .MobileFilterContainer { display: none; } .ResultViewOption { display: block; } }*/ /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .breadcrumbsList { text-align: left; margin-top: 10px; } .breadcrumbsList ul.breadCrumbs { padding: 0; margin: 0; } .breadcrumbsList .breadcrumb { font-size: 10px; line-height: 14px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #2E445C; border-bottom: 1px solid #D9E0E4; text-align: left; color: #57687C; background-color: #F1F5F6; display: inline-block; padding: 7px 20px; border-radius: 20px; margin-right: 5px; margin-bottom: 0; opacity: 1; cursor: pointer; -webkit-animation: fade-in 0.3s ease-out; animation: fade-in 0.3s ease-out; } .breadcrumbsList .breadcrumb:last-of-type { margin-right: 0; } @media (max-width: 767px) { .breadcrumbsList .breadcrumb:not(:last-of-type) { display: block !important; float: left; } } @media (max-width: 767px) { [data-page="catalog"] [data-module="banner"] [data-module="breadcrumbs"] { position: inherit; float: left; } } .SearchBreadCrumbContent { padding-top: 15px; padding-left: 15px; float: left; } .SearchBreadCrumb { text-align: center; background-color: #F1F5F6; padding: 5px 20px; border-radius: 20px; border: 1px solid #d9e0e4; margin: -1px 5px 5px 0; font-family: "Gotham A", "Gotham B"; font-size: 10px; color: #2E445C; min-width: 100px; float: left; cursor: pointer; } .ResetFilters { border-radius: 15px; background-color: #18a0a2; color: white; font-weight: bold; font-size: 12px; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ @-webkit-keyframes appear { from { opacity: 0; } to { opacity: 1; } } @keyframes appear { from { opacity: 0; } to { opacity: 1; } } .item { opacity: 0; -webkit-animation: 300ms appear 30ms ease-in-out forwards; animation: 300ms appear 30ms ease-in-out forwards; display: inline-block; width: 100px; height: 100px; line-height: 100px; text-align: center; text-shadow: 1px -1px 0 black; background: #0032af; margin: 4px; color: white; transition: all 333ms ease-in-out; transition-delay: 100ms; cursor: pointer; } .item:hover { background: #00a !important; } .data-infoBlur { flex: 1 1 200px; height: 90px !important; overflow: hidden; border-radius: 2px; margin: 5px 104px 0px 10px; background-color: #eeeeee; color: #222222; box-shadow: 5px 2px 14px #888888; padding-right: 0px !important; padding-left: 0px !important; } .borderShadow { border-radius: 2px; box-shadow: 5px 2px 14px #888888; } .data-info { flex: 1 1 200px; border-radius: 2px; margin: 5px 10px 11px 10px; background-color: #eeeeee; color: #222222; box-shadow: 5px 2px 14px #888888; padding-right: 0px !important; padding-left: 0px !important; } .data-info1 { flex: 1 1 200px; height: 230px; border-radius: 2px; margin: 5px 104px 55px 10px; background-color: #eeeeee; color: #222222; box-shadow: 5px 2px 14px #888888; padding-right: 0px !important; padding-left: 0px !important; } .imageHeightBlur { width: 100% !important; height: 210px !important; } .imageHeight { width: 150.56px !important; height: 100% !important; margin-bottom: 17px; box-shadow: 2px 2px 14px #888; } .BookGallaryViewPort > .data-info > .imageHeight { width: 100% !important; height: 100% !important; margin-bottom: 17px; box-shadow: 2px 2px 14px #888; } .BookGallaryViewPort > .data-info1 > .imageHeight { width: 100% !important; height: 100% !important; margin-bottom: 17px; box-shadow: 2px 2px 14px #888; } #promoCarousel > div > div > div > div > .imageHeight { width: 100% !important; height: 100% !important; margin-bottom: 17px; box-shadow: 2px 2px 14px #888; } .blurImages img { filter: opacity(0.2); } .buttonImageSeeMore { cursor: pointer; height: 16px; width: 16px; } .ButtonSeeMore { position: relative; cursor: pointer; width: 204px !important; display: block; } .ButtonMorParent { width: inherit; text-align: center; margin-top: -77px; text-align: -webkit-center; } /* .moreThanSixImages { display: inline-block; overflow: hidden; position: relative; padding-top: 40px !important; } .BookGallaryViewPort { display: 'inline-block'; overflow: 'hidden'; position: 'relative'; padding-Top: 40 } @media only screen and (min-width: 320px) and (max-width: 1023px) { .imageHeight { width: 135px!important; height: 100% !important; margin-bottom: 17px; box-shadow: 2px 2px 14px #888; } } @media (min-width: 1200px) { #GallaryArea { width: 1280px !important; padding-left: 120px; padding-top: 40px; } } @media only screen and (min-width: 320px) and (max-width: 599px) { #FeaturedBooks .AuthorImage img { width: 200px !important; height: 300px !important; } } @media only screen and (min-width: 600px) and (max-width: 767px) { #FeaturedBooks .AuthorImage img { width: 390px !important; height: 500px !important; } } .lessThanSixImage .col-md-4 { max-width: 180px; }*/ /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .fullWidthMargin { padding-right: 0px !important; padding-left: 0px !important; } .bookCarousel { padding-top: 60px; } .bookCarousel .data-info { margin: 5px 70px 85px 10px; } .bookImages { width: 190px !important; cursor: pointer; } @media only screen and (min-width: 1224px) { .bookCarousel .slick-next { top: 45%; width: 47px; height: 47px; right: 9px; margin: auto; text-align: center; border-radius: 100%; border: 1px solid #EDF1F4; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); background: #fff url(/static/assets/images/next.svg) no-repeat 52% !important; background-size: 30% !important; } .bookCarousel .slick-prev { top: 45%; left: 3px; width: 47px; height: 47px; margin: auto; text-align: center; border-radius: 100%; border: 1px solid #EDF1F4; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); background: #fff url(/static/assets/images/prev.svg) no-repeat 50% !important; background-size: 30% !important; z-index: 999; } .bookCarousel .slick-slide { padding: 0 20px; } } @media only screen and (min-width: 992px) and (max-width: 1223px) { .bookCarousel .slick-next { top: 45%; width: 47px; height: 47px; right: -40px; margin: auto; text-align: center; border-radius: 100%; border: 1px solid #EDF1F4; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); background: #fff url(/static/assets/images/next.svg) no-repeat 52% !important; background-size: 30% !important; } .bookCarousel .slick-prev { top: 45%; left: -40px; width: 47px; height: 47px; margin: auto; text-align: center; border-radius: 100%; border: 1px solid #EDF1F4; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); background: #fff url(/static/assets/images/prev.svg) no-repeat 50% !important; background-size: 30% !important; z-index: 999; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .bookCarousel .data-info { margin: 5px 20px 65px 10px; } .bookCarousel .GallaryBookTitle { font-size: 16px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bookCarousel .slick-next { top: 45%; width: 47px; height: 47px; right: -40px; margin: auto; text-align: center; border-radius: 100%; border: 1px solid #EDF1F4; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); background: #fff url(/static/assets/images/next.svg) no-repeat 52% !important; background-size: 30% !important; } .bookCarousel .slick-prev { top: 45%; left: -40px; width: 47px; height: 47px; margin: auto; text-align: center; border-radius: 100%; border: 1px solid #EDF1F4; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); background: #fff url(/static/assets/images/prev.svg) no-repeat 50% !important; background-size: 30% !important; z-index: 999; } .bookCarousel .data-info { margin: 5px 22px 65px 10px; } .bookCarousel .GallaryBookTitle { font-size: 15px !important; } .bookCarousel .data-info { width: 162px !important; } } @media only screen and (min-width: 600px) and (max-width: 767px) { .bookCarousel .data-info { margin: 5px 22px 65px 10px; } .bookCarousel .GallaryBookTitle { font-size: 14px !important; } .bookCarousel .data-info { width: 158px !important; } } @media only screen and (min-width: 300px) and (max-width: 599px) { .bookImages { width: 180px !important; cursor: pointer; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .instructorModal .modal-content .modal-body.ModalCategoryBody { margin: 0px; padding: 0; } .instructorModal .modal-content .modal-body ul.MobileUL { padding: 0px; margin: 0px; } .instructorModal .modal-content .modal-body ul .ModalHRInstructor { width: 100%; border: 0; margin: 0 !important; border-bottom: 1px solid #D9E0E4; } .instructorModal .modal-content .modal-body ul li.MobileCategoryItem { padding: 0 30px; height: 65px; line-height: 65px; } .instructorModal .modal-content .modal-body ul li.selecetedResourceType:before { margin: 29px -18px; } .ParentMobileCategaoryItem .selecetedResourceType:before { content: ""; line-height: 1em; width: .5em; height: .5em; background-color: red; float: left; margin: .60em -1em 0; border-radius: 50%; } .selecetedResourceType { font-weight: bold; } .instructorModal .MobileCategoryItem { font-size: 16px; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .SubTab { font-size: 18px; color: #2E445C; line-height: 3; cursor: pointer; display: inline-block; position: relative; font-family: "Gotham A", "Gotham B"; } .ListTopMargin { margin-top: 77px; text-align: -webkit-center; } .tabDocumentLink > div > div { text-align: right !important; } .HeaderTab { font-size: 18px; color: #2E445C; line-height: 2; cursor: pointer; display: inline-block; position: relative; width: auto !important; padding-right: 25px !important; } .HeaderMenu .slick-list { height: 55px; padding-top: 13px; } .SelectedSubTab { border-bottom: 3px solid #ed5b58 !important; } .SelectedTab { position: relative; font-size: 20px; font-weight: bold; width: auto !important; padding-left: 18px !important; padding-right: 0px !important; } .HeaderMenu .slick-list { margin-right: 10px; } .SelectedTab a { position: relative; font-size: 20px; font-weight: bold; width: auto !important; padding-left: 18px !important; color: #2E445C; text-decoration: none !important; } .UnselectedTab a { position: relative; font-size: 20px; font-weight: normal; width: auto !important; padding-right: 18px !important; color: #2E445C; text-decoration: none !important; } .UnselectedSubTab a { position: relative; font-size: 16px; font-weight: normal; width: auto !important; padding-right: 18px !important; color: #2E445C; text-decoration: none !important; } .SelectedSubTab { padding-bottom: 0px !important; position: relative; font-size: 20px; font-weight: bold; width: auto !important; padding-right: 18px !important; } .SelectedSubTab a { position: relative; font-size: 16px; font-weight: bold; width: auto !important; padding-right: 18px !important; color: #2E445C; text-decoration: none !important; } .mobileSubNavigationMenu { padding-top: 15px; font-size: 20px; } .MobileUnSelectedSubTab a { font-weight: normal; } .mobileSubNavigationMenu a { font-size: 15px; font-weight: normal; color: #2E445C; text-decoration: none !important; } .MobileSelectedSubTab a { font-weight: bold; border-bottom: 5px solid red !important; } .MobileUnSelectedSubTab a:before { border: 0; } .TabletSubNavigationMenu { padding-top: 15px; font-size: 20px; } .TabletUnSelectedSubTab a { font-weight: normal; } .TabletSubNavigationMenu a { font-size: 17px; font-weight: normal; color: #2E445C; text-decoration: none !important; } .TabletSelectedSubTab a { font-weight: bold; border-bottom: 5px solid red; } .TabletUnSelectedSubTab a:before { border: 0; } .HeaderMenu { float: right !important; } /* css for header menu tab*/ .HeaderMenu a.SelectedTab { font-size: 18px; color: #2E445C; line-height: 2; cursor: pointer; display: inline-block; text-decoration: none; font-family: "Gotham A", "Gotham B" !important; } .HeaderMenu a.SelectedSubTab { font-size: 18px; color: #2E445C; line-height: 2; cursor: pointer; display: inline-block; text-decoration: none; font-family: "Gotham A", "Gotham B" !important; } .HeaderMenu a.SelectedTab:hover, .HeaderMenu a.UnselectedTab:hover, .HeaderMenu a.UnselectedTab:focus { text-decoration: none; } .HeaderMenu a.UnselectedTab { font-size: 18px; opacity: 0.6; color: #2E445C; line-height: 2; cursor: pointer; display: inline-block; width: auto !important; padding-left: 20px !important; font-family: "Gotham A", "Gotham B" !important; } HeaderMenu a.UnselectedSubTab { font-size: 18px; opacity: 0.6; color: #2E445C; line-height: 2; cursor: pointer; display: inline-block; width: auto !important; padding-left: 20px !important; font-family: "Gotham A", "Gotham B" !important; } .effect { position: absolute; left: 4%; transition: 0.4s ease-in-out; } .HeaderMenu .effect { width: 2.6%; height: 3px; bottom: 0; background: #FF0000; position: absolute; will-change: left, width; } .TabPadding { padding-left: 100px !important; padding-right: 50px !important; } .UnselectedTab { position: relative; font-size: 20px; } .UnselectedSubTab { position: relative; font-size: 20px; } .HeaderMenu > div > div .slick-track { width: auto !important; } .TabPadding > div > div > div > div > .SelectedTab:before { content: ""; position: absolute; width: 70%; height: 1px; bottom: -7px; left: 3%; border-bottom: 3px solid red; } .TabPadding > div > div > div > div > .SelectedSubTab:before { content: ""; position: absolute; width: 70%; height: 1px; left: 3%; border-bottom: 3px solid red; } .row { margin-right: 0px; margin-left: 0px; } .RightPadding { padding-right: 133px; } .HeaderMenuContent { padding: 0; margin: 0; height: 55px; list-style: none; overflow: hidden; } .HeaderMenu li { float: left; margin: 10px 0 0 0; padding: 0; width: auto !important; } .HeaderMenu li.SelectedTab { padding-left: 18px !important; } .HeaderMenu li.UnselectedTab { padding-left: 20px !important; } .HeaderMenu li.SelectedTab a.MenuTitle { opacity: 1; } .HeaderMenu li a.MenuTitle { opacity: .6; color: #2e445c; line-height: 2; cursor: pointer; display: inline-block; font-size: 16px !important; font-family: "Gotham A", "Gotham B" !important; padding: 0 !important; } @media only screen and (min-width: 992px) and (max-width: 1023px) { .HeaderMenu a.UnselectedTab { padding-left: 18px !important; } } @media (min-width: 1200px) { #navigationBarWidth { width: 1279.6px !important; } } @media only screen and (min-width: 1224px) { .SubTab { min-Width: 150px !important; } } @media only screen and (max-width: 520px) { .blurCls > span:after { position: absolute; top: 0; bottom: 0; right: 0; width: 5em; content: ''; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } } @media only screen and (max-width: 1223px) { .RightPadding { padding-right: 80px !important; } #nonMobileTab { width: 100%; margin-left: 10px; } #isMobileTab { width: 100%; margin-left: 10px; } .TabPadding { padding-left: 5px !important; padding-right: 10px !important; height: 50px !important; } .SelectedTab { padding-bottom: 6px; position: relative; font-size: 18px; font-weight: bold; } .UnselectedTab { position: relative; font-size: 18px; font-weight: Regular; } .SelectedSubTab { padding-bottom: 6px; position: relative; font-size: 18px; font-weight: bold; } .UnselectedSubTab { position: relative; font-size: 18px; font-weight: Regular; } .SubTab { line-height: 2 !important; } .TabPadding > div > div > div > div > .SelectedTab:before { content: ""; position: absolute; width: 70%; height: 1px; bottom: -1px; left: 5%; border-bottom: 3px solid red; } .TabPadding > div > div > div > div > .SelectedSubTab:before { content: ""; position: absolute; width: 70%; height: 1px; bottom: -17px; left: 3%; border-bottom: 3px solid red; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ .Select.is-open > .Select-control .Select-arrow, .Select .Select-arrow { position: relative; display: inline-block; top: -2px; background-size: 12px 7px; height: 7px; width: 12px; background: url(/static/assets/images/svg/caret-down.svg); opacity: 0.5; } .Select-placeholder .Select-value-label, .has-value .Select-placeholder .Select-value-label, .Select--single > .Select-control .Select-value .Select-value-label, .has-value .Select--single > .Select-control .Select-value .Select-value-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* wwn search box */ /* WWnorton custom variables */ /** * React Select * ============ * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/ * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs * MIT License: https://github.com/JedWatson/react-select */ @keyframes Select-animation-spin { to { transform: rotate(1turn); } } @-webkit-keyframes Select-animation-spin { to { -webkit-transform: rotate(1turn); } } .Select { font-size: 16px; line-height: 16px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #2E445C; text-align: right; position: relative; } .Select.has-value.Select--single.is-focused:not(.is-open) > .Select-control { background: transparent; border: none; } .Select input::-webkit-contacts-auto-fill-button, .Select input::-webkit-credentials-auto-fill-button { display: none !important; } .Select input::-ms-clear { display: none !important; } .Select input::-ms-reveal { display: none !important; } .Select, .Select div, .Select input, .Select span { box-sizing: border-box; } .Select.is-disabled .Select-arrow-zone { cursor: default; pointer-events: none; } .Select.is-disabled > .Select-control { background-color: #f9f9f9; } .Select.is-disabled > .Select-control:hover { box-shadow: none; } .Select.is-searchable.is-open > .Select-control { cursor: text; } .Select.is-searchable.is-focused:not(.is-open) > .Select-control { cursor: text; } .Select.is-open > .Select-control { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: #fff; border-color: #bbc8cf #D9E0E4 #e8ecef; } .Select.is-open > .Select-control .Select-arrow { /*border-color: transparent transparent $select-arrow-color; border-width: 0 $select-arrow-width $select-arrow-width;*/ position: relative; transform: scaleY(-1); } .Select.is-focused > .Select-control { background: #fff; } .Select.is-focused:not(.is-open) > .Select-control { border-color: #08c #0099e6 #0099e6; } .Select.has-value.is-clearable.Select--single > .Select-control .Select-value { padding-right: 42px; } .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { color: #2E445C; font-size: 14px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; line-height: inherit; outline: none; } .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label { cursor: pointer; text-decoration: none; } .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus { color: #08c; outline: none; text-decoration: underline; } .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus { background: #fff; outline: none; } .Select.has-value.Select--single > .Select-control .Select-input:focus { outline: none; } .Select.has-value.Select--single.is-focused > .Select-control { border-top-right-radius: 3px; border-top-left-radius: 3px; border: 1px solid #D9E0E4; } .Select.has-value.is-pseudo-focused .Select-input { opacity: 0; } .Select.is-open .Select-arrow, .Select .Select-arrow-zone:hover > .Select-arrow { border-top-color: #666; } .Select.Select--rtl { direction: rtl; text-align: right; } .Select-control { border-color: #e8ecef #D9E0E4 #bbc8cf; border-radius: 3px; background-color: transparent; color: #2E445C; cursor: default; display: table; border-spacing: 0; border-collapse: separate; height: 36px; outline: none; overflow: hidden; position: relative; font-size: 16px; width: 100%; } .Select-control .Select-multi-value-wrapper:focus { outline: none; } .Select-placeholder, .Select--single > .Select-control .Select-value { bottom: 0; color: #aaa; left: 0; line-height: 34px; padding-left: 15px; padding-right: 35px; position: absolute; right: 0; top: 0; } .Select-placeholder .Select-value-label, .has-value .Select-placeholder .Select-value-label, .Select--single > .Select-control .Select-value .Select-value-label, .has-value .Select--single > .Select-control .Select-value .Select-value-label { font-size: 14px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; font-size: 16px !important; float: right !important; } @media (max-width: 575px) { .Select-placeholder .Select-value-label, .has-value .Select-placeholder .Select-value-label, .Select--single > .Select-control .Select-value .Select-value-label, .has-value .Select--single > .Select-control .Select-value .Select-value-label { font-size: 15px !important; } } .Select-input { height: 34px; padding-left: 25px; padding-right: 25px; vertical-align: middle; font-size: 16px; background: transparent; } .Select-input > input { width: 100%; text-align: right; background: none transparent; border: 0 none; box-shadow: none; cursor: default; display: inline-block; font-family: inherit; margin: 0; outline: none; line-height: 17px; /* For IE 8 compatibility */ padding: 8px 12px 0; /* For IE 8 compatibility */ -webkit-appearance: none; } .is-focused .Select-input > input { cursor: text; } .Select-control:not(.is-searchable) > .Select-input { outline: none; } .Select-loading-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 16px; } .Select-loading { -webkit-animation: Select-animation-spin 400ms infinite linear; animation: Select-animation-spin 400ms infinite linear; width: 16px; height: 16px; box-sizing: border-box; border-radius: 50%; border: 2px solid #D9E0E4; border-right-color: #2E445C; display: inline-block; position: relative; vertical-align: middle; } .Select-clear-zone { -webkit-animation: Select-animation-fadeIn 200ms; animation: Select-animation-fadeIn 200ms; color: #999; cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 17px; } .Select-clear-zone:hover { color: #D0021B; } .Select-clear { display: inline-block; font-size: 18px; line-height: 1; } .Select--multi .Select-clear-zone { width: 17px; } .Select--multi .Select-multi-value-wrapper { display: inline-block; } .Select .Select-aria-only { position: absolute; display: inline-block; height: 1px; width: 1px; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; float: left; } .Select-arrow-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 25px; padding-right: 10px; } .Select--rtl .Select-arrow-zone { padding-right: 0; padding-left: 5px; } .Select-arrow { /*border-color: $select-arrow-color transparent transparent; border-style: solid; border-width: $select-arrow-width $select-arrow-width ($select-arrow-width / 2); display: inline-block; height: 0; width: 0; position: relative;*/ } @-webkit-keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } .Select-menu-outer { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-color: #fff; border: 1px solid #D9E0E4; border-top-color: #ecf0f2; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; margin-top: -1px; max-height: 320px; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1000; -webkit-overflow-scrolling: touch; display: block; } @media (max-width: 575px) { .Select-menu-outer { font-size: 14px !important; letter-spacing: 0em; } } .Select-menu { max-height: 318px; overflow-y: auto; } .Select-option { box-sizing: border-box; background-color: #fff; color: #5076a0; cursor: pointer; display: block; padding: 10px 25px; } .Select-option:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .Select-option.is-selected { background-color: #f5faff; color: #2E445C; } .Select-option.is-focused { background-color: #f2f9fc; color: #2E445C; } .Select-option.is-disabled { color: #d3dee9; cursor: default; } @media (max-width: 374px) { .Select-option { padding-right: 10px; padding-left: 10px; } } .Select-noresults { box-sizing: border-box; color: #8faac7; cursor: default; display: block; padding: 10px 25px; } .Select--multi .Select-input { vertical-align: middle; margin-left: 25px; padding: 0; } .Select--multi.Select--rtl .Select-input { margin-left: 0; margin-right: 25px; } .Select--multi.has-value .Select-input { margin-left: 5px; } .Select--multi .Select-value { background-color: #f2f9fc; border-radius: 2px; border: 1px solid #c9e6f2; color: #08c; display: inline-block; font-size: 16px; margin-left: 5px; margin-top: 5px; vertical-align: top; } .Select--multi .Select-value-icon, .Select--multi .Select-value-label { display: inline-block; vertical-align: middle; } .Select--multi .Select-value-label { border-bottom-right-radius: 2px; border-top-right-radius: 2px; cursor: default; padding: 2px 5px; } .Select--multi a.Select-value-label { color: #08c; cursor: pointer; text-decoration: none; } .Select--multi a.Select-value-label:hover { text-decoration: underline; } .Select--multi .Select-value-icon { cursor: pointer; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-right: 1px solid #c9e6f2; padding: 1px 5px 3px; } .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus { background-color: #ddeff7; color: #0077b3; } .Select--multi .Select-value-icon:active { background-color: #c9e6f2; } .Select--multi.Select--rtl .Select-value { margin-left: 0; margin-right: 5px; } .Select--multi.Select--rtl .Select-value-icon { border-right: none; border-left: 1px solid #c9e6f2; } .Select--multi.is-disabled .Select-value { background-color: #fcfcfc; border: 1px solid #e3e3e3; color: #333; } .Select--multi.is-disabled .Select-value-icon { cursor: not-allowed; border-right: 1px solid #e3e3e3; } .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active { background-color: #fcfcfc; } @keyframes Select-animation-spin { to { transform: rotate(1turn); } } @-webkit-keyframes Select-animation-spin { to { -webkit-transform: rotate(1turn); } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ [data-page="books"] .pageBody { background-color: #FDFDFD; } [data-page="books"] .wrapper { width: 100%; padding: 0 30px; max-width: 1280px; position: relative; display: inline-block; } @media (max-width: 1023px) { [data-page="books"] .wrapper { padding: 0 15px; } } @media (max-width: 767px) { [data-page="books"] .breadcrumbsList .breadcrumb:not(:last-of-type) { display: none !important; float: left; } } [data-page="books"] .bookDetails .BDPPublisher { font-size: 20px !important; } @media only screen and (max-width: 767px) and (min-width: 320px) { [data-page="books"] .bookDetails .BDPPublisher { font-size: 18px !important; } [data-page="books"] .available-formats .panel-group .temporarilyOutOfStock { margin-right: 0px !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { [data-page="books"] .bookDetails .BDPPublisher { font-size: 16px !important; } [data-page="books"] .available-formats .panel-group .temporarilyOutOfStock { margin-right: 0px !important; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .dashboardcontent { padding: 0 5px !important; margin-top: -10px; } .welcomehead { font-size: 16px; font-weight: bold; color: #2E445C; letter-spacing: 0.025em; float: left; text-align: left; } .logouthead { font-size: 14px; font-weight: bold; color: #197E80; letter-spacing: 0.025em; float: right; text-align: right; } .dashboardcontent .panel-default .panel-heading { background-color: #EDF1F4 !important; border-color: #D9E0E4 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #D9E0E4; padding: 15px 20px !important; float: left; width: 100%; } .dashboardcontent .panel-body { padding: 0 !important; } .dashboardcontent ul { padding: 0; margin: 0; list-style: none; } .dashboardcontent ul li { padding: 20px; display: flex; justify-content: center; border-bottom: 1px solid #D9E0E4; } .dashboardcontent ul li a { font-size: 16px; color: #2E445C; letter-spacing: 0.025em; text-align: left; float: left; } .dashboardcontent ul li span.arrowright { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .bestsellercontent { padding: 20px 20px 30px 20px !important; } .expiredNotice { width: 445px; height: 73px; border-radius: 3px; border: bold 1px; border-color: #D9E0E4 !important; background-color: #EDF1F4; margin-bottom: 10px; font-size: 14px; } .expiredNotice .svg-warning { margin-top: 20px; } .expNotice { width: auto; height: 90px; border-radius: 3px; border: solid 1px; border-color: #D9E0E4 !important; background-color: #EDF1F4; margin-bottom: 10px; font-size: 14px; } .expNotice .svg-warning { margin-top: 20px; } .expNoticeCopy { margin-left: 20px; } .bestsellercontent .col-md-4 { text-align: center; padding-left: 0; padding-right: 0; width: 60px; margin-right: 40px; } .bestsellercontent .col-md-4:last-child { width: 70px; margin-right: 0; } .bestsellercontent img { float: left; } .bestsellercontent img:last-child { float: right; text-align: right; } .bestsellertitle { width: 70px; float: left; font-size: 14px; font-weight: bold; color: #2E445C; letter-spacing: 0.025em; margin-top: 10px; } @media (min-width: 320px) and (max-width: 329px) { .bestsellercontent .col-md-4 { margin-right: 5px; } } @media (min-width: 330px) and (max-width: 339px) { .bestsellercontent .col-md-4 { margin-right: 10px; } } @media (min-width: 340px) and (max-width: 349px) { .bestsellercontent .col-md-4 { margin-right: 15px; } } @media (min-width: 350px) and (max-width: 359px) { .bestsellercontent .col-md-4 { margin-right: 20px; } } @media (min-width: 360px) and (max-width: 369px) { .bestsellercontent .col-md-4 { margin-right: 25px; } } @media (min-width: 370px) and (max-width: 379px) { .bestsellercontent .col-md-4 { margin-right: 30px; } } @media (min-width: 380px) and (max-width: 389px) { .bestsellercontent .col-md-4 { margin-right: 35px; } } @media (min-width: 390px) and (max-width: 399px) { .bestsellercontent .col-md-4 { margin-right: 40px; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ div[data-component="order-detail"] .cartOrders { padding: 0; } .slideInCart { position: relative; } .slideInCart .cart-item { display: flex; position: relative; } .slideInCart .cart-item .cartThumbnail { flex: 0 0 auto; } .slideInCart .cart-item .cartDetail { flex: 0 1 calc(100% - 72px); margin-left: 20px; } .slideInCart .cart-item .bookPrices { flex: 0 0 70px; align-self: flex-start; position: absolute; right: 0; font-size: 16px; line-height: 22px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } .slideInCart .cart-item .marginTop5 { margin-top: 5px; } .slideInCart .cart-item .cartBookTitle { font-size: 16px; line-height: 22px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.4px; text-align: left; width: 60%; cursor: pointer; } @media (max-width: 1023px) { .slideInCart .cart-item .cartBookTitle { font-size: 14px; } } .slideInCart .cart-item .cartISBN { width: 60%; } .slideInCart .cart-item .cartNormal { font-size: 14px; line-height: 22px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #2E445C; } .slideInCart .cart-item .cartNormalItalic { font-size: 14px; line-height: 22px; font-family: "Gotham A", "Gotham B"; font-style: italic; font-weight: 400; color: #2E445C; } .slideInCart .cart-item .cartDiscountPrice { text-decoration: line-through; } .slideInCart .cart-item .cartquantity { position: relative; display: flex; align-items: center; } .slideInCart .cart-item .cartquantity button.remove { position: absolute; right: 0; } .SlideModals .Sliding_Body_Cart .cart-item { max-width: 100%; padding: 15px !important; } .SlideModals .Sliding_Body_Cart .cart-item .bookPrices { right: 20px; } /* .cartbookprice { @include Gotham-Bold(16px, 1.38); letter-spacing: 0.4px; @include query-lg-down { @include Gotham-Bold(14px, 1.38); } } */ ul.cartproductlist { padding: 20px 0 0 20px; text-align: left; list-style-type: disc; } ul.cartproductlist li { list-style: disc; } .registerCodeOrders { padding: 25px 0; } .cartproductlist .cartnormal { padding-bottom: 15px !important; } .cartnormal { text-align: left; } /* Safari only override */ ul.cartproductlist li span.cartnormal:not(:root:root) { margin-top: -20px; } .cartproductlist .cartnormal:last-child { padding-bottom: 0 !important; } .cartcontainer .btn-link:hover, .cartcontainer .btn-link:focus { text-decoration: none; } .cartcontainer .btn:focus { outline: 0px; } /* .cartcontainer .cart-item, .cartcontainer .cartquantity { .cartcontainer .cartquantity { padding:0 25px !important; } */ .registerCodeOrders .cartcontainer .cart-item { padding: 0 !important; } .cartisbn { font-size: 14px; line-height: 1.38; font-family: "Gotham A", "Gotham B"; font-style: italic; font-weight: 400; color: #2E445C; } .cartlist { padding: 0; margin: 0; height: 100%; } .cartlist li.listproduct:not(:first-child) { padding: 30px 0px 15px 0px; } .cartlist li.listproduct:first-child { border-top: none; } .cartlist li.listproduct:last-child { border-top: 1px solid #cdd7d9; } .cartlist li.listproduct:only-child { border-top: none; } .cartlist li.listproduct { list-style: none; float: left; width: 100%; height: 100%; padding: 0 0px 15px 0px; border-top: 1px solid #cdd7d9; } div.web-offers .listproduct { border-top: none !important; } div.web-offers .flexContainer { float: none; } div.web-offers .panel-body { border-top: none !important; } @media (max-width: 1023px) { div.web-offers .panel-body { padding: 15px 25px !important; } } div.web-offers .discount-holder { width: 100%; } div.web-offers .cartcontainer .cartquantity { padding: 0 0 !important; } div.web-offers .panel-title > a:hover, div.web-offers .panel-title > a:visited, div.web-offers .panel-title > a:link { text-decoration: none; } .cartlist .promo-applied { border-top: none !important; } .remove { font-size: 14px; font-weight: bold !important; line-height: 1.57; letter-spacing: 0.4px; text-align: right; padding: 0; color: #e71c18 !important; font-family: "Gotham A", "Gotham B"; } .remove:focus { outline: none !important; border: 1px solid #197E80 !important; box-shadow: 0 0 5px #197E80 !important; } @media (max-width: 767px) { button.remove { padding-right: 0; } } .cartcontainer #dropdown-basic-default { background-color: white !important; border: 1px solid #D9E0E4 !important; height: 30px !important; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; text-align: center; width: 83px; font-weight: bold; line-height: 1; } .cartcontainer #dropdown-basic-default:focus { outline: none !important; border: 1px solid #197E80 !important; box-shadow: 0 0 5px #197E80 !important; } .cartcontainer .dropdown-menu { font-weight: bold; } .cartcontainer #dropdown-basic-default.btn .caret { float: right; background: url(/static/assets/images/dropdown.svg) no-repeat 50%; height: 8px; width: 12px; border-left: 0; border-right: 0; border-top: 0; margin-top: 2px; margin-right: 6px; opacity: 0.4; } .weboffercartbooktitle { font-size: 16px; line-height: 1.38; font-family: Gotham A,Gotham B; font-style: normal; font-weight: 700; color: #2e445c; letter-spacing: .4px; text-align: left; cursor: pointer; } .cartbookprice { font-size: 16px; line-height: 1.38; font-family: Gotham A,Gotham B; font-style: normal; font-weight: 700; color: #2e445c; letter-spacing: .4px; text-align: right; } .cartitem { font-size: 16px; font-weight: normal; line-height: 1.38; letter-spacing: normal; text-align: left; color: #2e445c; } .carttotal { font-size: 16px; font-weight: normal; line-height: 1.38; letter-spacing: normal; text-align: left; color: #2e445c; } .carttotal span { font-weight: bold; } .SlideModal .SlideModal__header.SlideModal__footer { height: 70px !important; background-color: #d9e0e4; padding: 15px 20px; } .SlideModal .SubmitButton:disabled { opacity: 0.65; } .cartcontainer .bookCoverImg { cursor: pointer; width: 70px; } @media (max-width: 767px) { .cartcontainer .bookCoverImg { width: 50px; } } .cartfixfooter { background-color: #d9e0e4; /*padding: 15px 20px !important;*/ width: 100%; /*height: 70px;*/ } .stickfooter > div > div:first-child { position: fixed !important; } .cartproductlist .text-right { font-style: italic; } .shop-books { margin-bottom: 30px; width: 182px; } .cart-no-items-container { display: block; align-items: center; min-height: 100%; } .cart-no-items { margin: 0 auto; text-align: center; } .cart-no-items a:hover { text-decoration: none; } .empty-text { font-size: 16px; line-height: 22px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; margin-bottom: 30px; text-align: center; } .checkoutBody .cart-no-items { margin: 0 0 30px; } @media only screen and (max-width: 991px) { .checkOutContainer .remove { padding: 0; } } .promoCheckMark { position: absolute; left: auto; margin-left: 10px; margin-top: 0px; top: 32%; width: 7px; height: 13px; border: solid #197E80; border-width: 0 3px 3px 0; transform: rotate(45deg); } .promoCheckMarkText { margin-left: 25px; display: inline-block; font-size: 13px; color: #197E80; } .angel-div { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #edf1f4; margin-left: 35px; } .panel-group-webOffer { margin-bottom: 0; margin-top: 0px !important; border: solid 0px #d9e0e4; } .cartcontainer .web-offer-group { background-color: #ddd; } .panel-group-webOffer .panel { border-radius: 3px !important; } .panel-group-webOffer .panel + .panel { margin-top: 0px !important; } .webOfferDownArrow { width: 10px; height: 10px; border: solid #197E80; border-width: 0 3px 3px 0; transform: rotate(45deg); } .webOfferUpArrow { width: 10px; height: 10px; border: solid #197E80; border-width: 0 3px 3px 0; transform: rotate(225deg); } .header-subcontent-weboffer { border-radius: 3px; height: 27px; padding: 3px 5px 5px 5px; text-align: center; font-style: italic; font-size: 14px; font-weight: normal; float: left; opacity: 0.8; margin: 0 0 0 10px; } .webOfferRectangle { font-size: 10px; line-height: 18px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #197E80; width: 80px; height: 20px; border: solid 1px #197E80; letter-spacing: .3px; text-align: center; margin-bottom: 10px; } .panel-default > .panel-heading-webOfferHeader { height: 175px; background-color: #edf1f4; font-family: Gotham; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.4px; text-align: left; margin-bottom: 2px; } .panel-success-webOffer { box-shadow: none !important; border-color: #edf1f4; border: transparent; margin-bottom: 0px !important; margin-top: 0px !important; border-top: 1px #edf1f4 !important; margin-top: 0px !important; } .panel-success-webOffer .panel-heading { background-color: #edf1f4 !important; width: 100%; height: 100%; color: #57687c !important; text-align: left; padding: 15px 25px; } .panel-success-webOffer .panel-heading .panel-title { font-weight: bold; background-color: #edf1f4; } .panel-success-webOffer .panel-heading .panel-title span { font-weight: normal; } .panel-success-webOffer > .panel-heading + .panel-collapse > .panel-body { background-color: #edf1f4; padding: 15px 25px; } .btn-panelButton { width: 100px; height: 32px; border-radius: 20px !important; border: solid 1px #197E80 !important; color: #197E80; background-color: #edf1f4; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .summarygrid { padding: 30px 0; } .summaryinfo { width: 760px; margin-left: auto; float: left; } .summaryinfo .panel-default .panel-title { padding: 0 30px; } .summaryinfo .panel-default .panel-heading { height: 50px; background-color: #EDF1F4 !important; border-bottom: 1px solid #D9E0E4; display: flex; align-items: center; padding: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; cursor: default; } .summaryinfo .panel-default .panel-body { padding: 30px; } .summarypanel { font-size: 18px; font-weight: bold; letter-spacing: 0.5px; text-align: left; color: #2e445c; padding: 0; } .summarydetail, .summarytitle, .onsummarydetail { font-size: 16px; font-weight: normal; letter-spacing: 0.4px; text-align: left; color: #2e445c; clear: both; } .onsummarydetail { line-height: 1.88; } .summarytitle { font-weight: bold; padding-bottom: 15px; } .summarycheck { float: left; margin-right: 8px; margin-top: 3px; border-radius: 50%; width: 24px; height: 24px; background-color: #197E80; } .shippinginfo { float: left; margin-right: 8px; margin-top: 3px; } span.checked { content: ""; display: block; margin-top: 7px; margin-left: 10px; z-index: 1000; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); float: left; } .withline { padding: 20px 0 5px 0; border-bottom: 1px solid #d9e0e4; margin-bottom: 15px; } .secondlevel { padding-top: 30px; } #studentInformationPanel .withoutBackground { min-width: 115px; } @media only screen and (max-width: 991px) and (min-width: 768px) { .btnContainer #buttonContainer { margin-bottom: 40px; } .btnContainer #buttonContainer { float: none !important; } #studentInformationPanel .withoutBackground { min-width: 190px; } } @media (max-width: 575px) { .btnContainer #buttonContainer { float: none !important; } #studentInformationPanel .withoutBackground { min-width: 190px; } } @media only screen and (max-width: 767px) and (min-width: 320px) { .btnContainer #buttonContainer { float: none !important; } #studentInformationPanel .withoutBackground { width: 190px; } } .SelectStudentArea { text-align: left; } .SelectStudentArea hr { margin-top: 10px !important; margin-bottom: 6px !important; } .SelectStudentArea .StudentSelection { margin-top: 29px !important; } .SelectStudentArea .StudentSelection.radio-select { height: 30px; } .SelectStudentArea label { font-weight: normal; display: inline-block; } .SelectStudentArea input[type="radio"] { margin-right: 15px !important; display: inline-block; } input[type="radio"]:checked { background-color: #2e445c; } .SelectStudentArea .SelectionHeader { font-weight: bold; } .saveAndContinueButton { margin-top: 42px; margin-bottom: 42px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .summaryinfo { width: 384px; } .summaryinfo .panel-default .panel-heading { padding: 0 !important; } .summaryinfo .panel-default .panel-body { padding: 0 30px 40px 30px !important; } .summarytitle { margin-left: 10px; } .summarydetail { margin-left: 10px; padding-bottom: 30px; } .SelectStudentArea { margin-left: 15px; } div.buttonlabel { margin-right: 20px; } #studentInformationPanel--body { margin-top: 20px; } .saveAndContinueButton { margin-top: 20px; margin-bottom: 20px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .summaryinfo { width: 335px; } .summaryinfo .panel-default .panel-heading { padding: 0 !important; } .summarypanel { font-size: 15px; } .summaryinfo .buttonlabel { font-size: 14px; } .summaryinfo .panel-default .panel-title { padding: 0 20px; } .summaryinfo .panel-default .panel-body { padding: 0 20px 40px 20px !important; } .summarydetail { padding-bottom: 30px; } .summaryinfo .col-xs-9 { width: 75%; } .summaryinfo .col-xs-3 { width: 25%; } div.buttonlabel { margin-right: 20px; } #studentInformationPanel--body { margin-top: 20px; } .saveAndContinueButton { margin-top: 20px; margin-bottom: 20px; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .ModalWizardHeader h2 { font-size: 18px; text-align: center; font-weight: bold; color: #2E445C; max-width: 100%; line-height: 2; padding: 0px 15px !important; margin: 0; margin-bottom: 50px; } .checkOutContainer .textCenterAlreadyAccount { text-align: center; } .checkOutContainer .LoginCreateAccountScreenWidth { text-align: center !important; } .logindash { border-bottom: 1px solid #d9e0e5; padding-bottom: 40px !important; } #LoginWizard .textCenter form > div { max-width: 726px; margin: auto; width: 100%; } .adjustBackWidth { max-width: 90%; margin: auto; float: initial !important; } .backModalPopup { font-weight: bold; } .loginCss .AdjustHeight { max-height: 40px !important; } .loginCss .modalBackButton { margin-left: -45px; } .LoginCreateAccountScreenWidth { max-width: 1000px !important; } .LoginCreateAccountScreenWidth .modal-body { background-color: #f5f8f9 !important; } .resetpasswordContent .modalBackButton { margin-left: -45px; } .resetpasswordContent .backModalPopup { color: #2E445C; font-weight: bold; } .logindash .ModalBack { width: 70px; margin-top: 4px; float: left; } .DashboardHeader { font-weight: bold; font-size: 22px; color: #2E445C !important; } .headerMargin { padding-bottom: 56px !important; } .resetpasswordContent .headerMargin { padding-bottom: 40px !important; } .help-block { margin-bottom: 30px !important; } .dashboardDesktop .adjustBackWidth { max-width: 98%; text-align: center; } @media only screen and (min-width: 992px) { .loginCss { margin: auto; padding: 0; max-width: 70%; margin-top: 50px; } .loginCss .modalBackButton { font-size: 18px; color: #2E445C; font-weight: bold; } .loginCss .headerText { margin-top: 0; } .loginCss .divider { margin-top: 0; } .loginCss .dividercontent { margin-top: 40px; } .loginCss .hdivider { background: none; border-bottom: 1px solid #d9e0e5; width: 100%; } .loginCss .textCenterAlreadyAccount { min-width: 46%; } } #paymentPanel .ResultLoading .nds-spinner { top: 45%; left: 30%; position: fixed; } @media (min-width: 768px) and (max-width: 991px) { .loginCss { margin: auto; padding: 0; max-width: 70%; margin-top: 50px; } .loginCss .dividercontent { margin-top: 40px; } .loginCss .backModalPopup { display: inline-block !important; font-size: 16px; color: #2E445C; font-weight: bold; } #LoginWizard .textCenter form > div { max-width: 100%; margin: auto; } #LoginWizard .textCenter form > div .notice { padding: 0px !important; } .adjustBackWidth { max-width: 100%; margin: auto; float: initial !important; } .loginCss .modalBackButton { margin-left: 12px; } .LoginCreateAccountScreenWidth { max-width: 600px !important; } } @media (min-width: 992px) and (max-width: 1199px) { .loginCss { margin: auto; padding: 0; max-width: 85%; margin-top: 50px; } .adjustBackWidth { max-width: 92%; margin: auto; float: initial !important; padding-left: 1px; } } @media (min-width: 320px) and (max-width: 767px) { .resetpasswordContent .modalBackButton { margin-left: -25px; } .loginCss .dividercontent { margin-top: 40px; } .loginCss { margin-top: 30px; } .adjustBackWidth { max-width: 100%; margin: auto; float: initial !important; padding-left: 1px; } #LoginWizard { padding-left: 0px; padding-right: 0px; } #LoginWizard .textCenter { padding-left: 0px; padding-right: 0px; } #LoginWizard .textCenter form > div { max-width: 98%; margin: auto; } #LoginWizard .textCenter form > div .notice { padding: 0px !important; } .loginCss .modalBackButton { margin-left: -2px; } .ModalWizardHeader { min-width: 261px; } .resetpasswordContent .textCenter { max-width: 100% !important; margin-left: 6px; } .LoginCreateAccountScreenWidth { max-width: 600px !important; } .logindash .ModalBack { width: auto; } .dashboardDesktop .notice { margin-left: 1px; } .dashboardDesktop .adjustBackWidth { max-width: 100%; padding-left: 0px; } .dashboardDesktop .DashboardHeader { font-size: 18px; } .dashboardDesktop .ModalBack { margin-top: 0px; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .SlideModals { box-shadow: -5px 0px 6px 0px rgba(0, 0, 0, 0.04) !important; border-left: 1px solid #D9E0E4 !important; } .SlideModals .slide-pane__close { display: none; } .SlideModals .slide-pane__header { background-color: #F4F8F9; height: 50px; flex: 0 0 50px; } .SlideModals .slide-pane__title { font-size: 18px; text-align: center; font-weight: bold; color: #2E445C; max-width: 100%; letter-spacing: 0.025em; line-height: 2; } .SlideModals .Sliding_Body { max-width: 98%; } .slidingBackPadding { padding-left: 20px; } .ReactModalPortal .notice { padding: 0px !important; } .ReactModalPortal h2.ModalWizardHeader { font-size: 18px; font-weight: 700; margin-top: 5px !important; } @media (max-width: 767px) { .ReactModalPortal h2.ModalWizardHeader { font-size: 16px; } } .SlideModals .slide-pane__title .backModalPopup { display: none; } .SlideModals .slide-pane__title-wrapper { margin-left: 0; } .SlideModal { box-shadow: -5px 0px 6px 0px rgba(0, 0, 0, 0.04) !important; border-left: 1px solid #D9E0E4 !important; z-index: 10000; width: 430px !important; } .SlideModal__header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .SlideModal .SlideModal__header { height: 50px !important; } .SlideModalOverlays { background-color: rgba(74, 74, 74, 0.56) !important; z-index: 1000; } .SlideModal__header { background-color: #F4F8F9; box-shadow: none; } .h-overflowAuto { background-color: white; } .SlideModal__title { width: 100%; font-size: 18px; text-align: center; font-weight: bold; color: #2E445C; } .SlideModals .slide-pane__content { padding: 30px 0 0 0; -ms-overflow-style: none; overflow: auto; } .Sliding_Body { min-height: 80vh !important; } .SlideModals .slide-pane__content .textCenterAlreadyAccount, .SlideModals .slide-pane__content .textCenterForRight { padding: 0 5px; } .SlideModals .slide-pane__content .textCenterAlreadyAccount .button { min-width: 135px; } .SlideModals .slide-pane__content .textCenterAlreadyAccount div[data-module="button"] { margin-top: 30px !important; } .SlideModals .slide-pane__content .textCenterAlreadyAccount .forgotPassword { margin-top: 20px; } .SlideModals .slide-pane__content .textCenterForRight div[data-module="button"] { margin-top: 30px !important; } .SlideModals .slide-pane__content div#grpTextPassword { margin-top: 30px; } @-moz-document url-prefix() { .SlideModals .slide-pane__content { margin-right: -16px; } } .SlideModals .slide-pane__content::-webkit-scrollbar { width: 0 !important; } .SlideModals .textCenter { margin-left: 0; margin-top: 10; } .SlideModals .headerText { margin-top: 0; margin-bottom: 30px; } .SlideModals .hdivider { width: 100%; } .SlideModals .errorMessage { font-style: italic; font-weight: bold; } .slide-pane__content .textCenter { max-width: 100%; } button[aria-label="close"]:focus { outline: 1px dotted #000; outline: 5px auto -webkit-focus-ring-color; } .ModalBack { cursor: pointer; } @media only screen and (min-width: 320px) and (max-width: 767px) { .SlideModals, .SlideModal { width: 100% !important; } .SlideModals .slide-pane__title { font-size: 16px; } .SlideModals .slide-pane__content .textCenterAlreadyAccount, .SlideModals .slide-pane__content .textCenterForRight { margin-left: 0 !important; width: 98% !important; padding: 0 10px 0 5px; } .EmailConfirmation .slide-pane__content { overflow-y: hidden !important; } .EmailConfirmation .Sliding_Body { min-height: 77vh !important; } .SlideModals .textCenter { margin-top: 50px; } .SlideModals.forgotScreenWidth .textCenter { margin-top: 0; } .SlideModals.SlideCartContainer .slide-pane__content { padding: 30px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .SlideModals .slide-pane__content .textCenterAlreadyAccount, .SlideModals .slide-pane__content .textCenterForRight { margin-left: 0; padding: 0 10px 0 5px; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ .RegisterCodeForm .button:disabled { opacity: 0.65; } .RegisterCodeForm .form-control { height: 60px; border-radius: 0; border-color: #D9E0E4; } .RegisterCodeForm .nds-spinner { position: relative; top: 43%; left: 36%; } .RegisterCodeForm .productfield { font-size: 16px; font-weight: normal; line-height: 1.38; letter-spacing: 0.4px; text-align: left; color: #2e445c; padding: 20px; float: left; } .RegisterCodeForm .selectedproduct .css-vj8t7z, .RegisterCodeForm .selectedproduct .css-1hwfws3, .RegisterCodeForm .selectedproduct .css-2o5izw, .RegisterCodeForm .selectedproduct .css-bg1rzq-control, .RegisterCodeForm .selectedproduct .css-1hwfws3, .RegisterCodeForm .selectedproduct .css-1szy77t-control { height: auto !important; } .RegisterCodeForm .selectedproduct .css-xp4uvy, .RegisterCodeForm .selectedproduct .css-dvua67-singleValue { height: auto !important; white-space: pre-wrap !important; position: relative !important; transform: translateY(10%) !important; -webkit-transform: translateY(10%) !important; } .RegisterCodeForm .selectedproduct .css-bgvzuu-indicatorSeparator { display: none; } .RegisterCodeForm .RegisterLoading { margin: auto; width: 100%; height: 100%; top: 0; left: 0; position: fixed; background-color: rgba(228, 230, 230, 0.5); z-index: 2000; } .RegisterCodeForm .RegisterLoadingSpin { margin: auto; fill: #444444; height: 64px; width: 64px; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ .App .searchQuery #SearchQueryContainer, .searchQuery .App #SearchQueryContainer, .App #SearchQueryResult { margin: 0 auto; padding: 0 30px; } @media (min-width: 1280px) { .App .searchQuery #SearchQueryContainer, .searchQuery .App #SearchQueryContainer, .App #SearchQueryResult { width: 1280px; max-width: 1280px; } } @media (max-width: 1023px) { .App .searchQuery #SearchQueryContainer, .searchQuery .App #SearchQueryContainer, .App #SearchQueryResult { max-width: 100vw; padding: 0 15px; } } /* wwn search box */ /* WWnorton custom variables */ .searchQuery { background: linear-gradient(0deg, #F4F8F9, #FDFDFD); border: none; width: 100%; min-height: 230px; } div[data-page="search"] .searchQuery { border-bottom: 1px solid #D9E0E4; } .searchQuery #SearchQueryContainer { position: relative; max-width: 1280px; width: 100%; height: 230px; } .searchQuery #SearchQueryContainer .searchQuerySection { transform: translateY(-50%); top: calc(50% - 15px); } .searchQuery #SearchQueryContainer [data-module="breadcrumbs"] { position: absolute; } #SearchQueryResult { margin-top: -30px !important; position: relative; max-width: 1280px; width: 100%; } /*@media (min-width: 1380px) { #SearchQueryContainer, #SearchQueryResult { width: 1280px; @extend %global-navigation; } @media only screen and (max-width : 767px) { #SearchQueryContainer.container, #SearchQueryResult.container { padding-left: 0; padding-right: 0; } } }*/ #SearchQueryResult hr.searchLine { margin-top: 0 !important; border-top: 1px solid #D9E0E4; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ div[data-component="order-detail"] { margin-top: 50px; border: 1px solid #d9e0e4; border-radius: 3px; background-color: #fdfdfd; display: inline-block; max-width: 1080px; } div[data-component="order-detail"] .OrderDetailHeader { background-color: #edf1f4; padding-left: 20px !important; } div[data-component="order-detail"] .OrderDetailHeader a { font-size: 16px; line-height: 2; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; color: #197E80 !important; cursor: pointer; } @media (max-width: 767px) { div[data-component="order-detail"] .OrderDetailHeader a { font-size: 14px; line-height: 2; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } div[data-component="order-detail"] .OrderNumber { font-size: 22px; line-height: 3.14; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.6px; color: #2E445C; } div[data-component="order-detail"] hr { margin: 15px 0px 0px 0px !important; } div[data-component="order-detail"] .OrderDetailRecord { padding: 0px 50px 50px !important; font-size: 16px; line-height: 1.75; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; letter-spacing: 0.4px; } @media (max-width: 767px) { div[data-component="order-detail"] .OrderDetailRecord { padding: 0px 15px 30px !important; } } div[data-component="order-detail"] .SubHeader { font-size: 16px; line-height: 3; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.4px; } @media (max-width: 767px) { div[data-component="order-detail"] .SubHeader { padding-top: 20px; } } div[data-component="order-detail"] .carrierprice { font-size: 16px; line-height: 1.75; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } div[data-component="order-detail"] .cartOrders { font-size: 14px; line-height: 1.75; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ div[data-module="Navigation-Tabs"] .FixedfabGroup { text-align: center; border-bottom: 1px solid #d9e0e4; border-top: 1px solid #d9e0e4; } div[data-module="Navigation-Tabs"] .FixedContentTab { display: inline-block; padding: 15px 0px; margin-right: 70px; } @media (max-width: 767px) { div[data-module="Navigation-Tabs"] .FixedContentTab { margin-right: 25px; } } div[data-module="Navigation-Tabs"] .FixedContentTab span, div[data-module="Navigation-Tabs"] .FixedContentTab a { font-size: 18px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; letter-spacing: 0.2px; cursor: pointer; } @media (max-width: 767px) { div[data-module="Navigation-Tabs"] .FixedContentTab span, div[data-module="Navigation-Tabs"] .FixedContentTab a { font-size: 16px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 300; color: #2E445C; } } div[data-module="Navigation-Tabs"] .FixedContentTab span .FixedContentTab a:hover, div[data-module="Navigation-Tabs"] .FixedContentTab a .FixedContentTab a:hover { text-decoration: none; } div[data-module="Navigation-Tabs"] #FixedTabGroup div:last-child { margin-right: 0px !important; } div[data-module="Navigation-Tabs"] .FixedSelectedSubTab { border-bottom: 3px solid #ed5b58; } div[data-module="Navigation-Tabs"] .FixedSelectedSubTab span { font-size: 18px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.2px; } @media (max-width: 767px) { div[data-module="Navigation-Tabs"] .FixedSelectedSubTab span { font-size: 16px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; } } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ .App div[data-page="instructor-resources"] .pageDetails, div[data-page="instructor-resources"] .App .pageDetails { margin: 0 auto; padding: 0 30px; } @media (min-width: 1280px) { .App div[data-page="instructor-resources"] .pageDetails, div[data-page="instructor-resources"] .App .pageDetails { width: 1280px; max-width: 1280px; } } @media (max-width: 1023px) { .App div[data-page="instructor-resources"] .pageDetails, div[data-page="instructor-resources"] .App .pageDetails { max-width: 100vw; padding: 0 15px; } } /* wwn search box */ div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button, div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton { font-size: 16px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; display: inline-block; min-width: 100px; border-radius: 1.5rem; border: 2px solid transparent; padding: 0.75rem 1.5rem; letter-spacing: 0.35px; text-align: center; text-transform: capitalize; transition: color 500ms ease, background-color 500ms ease, border-color 500ms ease, box-shadow 500ms ease; } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button::-moz-focus-inner, div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton::-moz-focus-inner { border: 0; } @media (max-width: 767px) { div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button, div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton { font-size: 14px; } } /* WWnorton custom variables */ div[data-page="instructor-resources"] .pageNavTitle .ModalBack { position: relative; display: inline-block; cursor: pointer; margin-right: 10px; position: relative; top: 50%; transform: translateY(-50%); } div[data-page="instructor-resources"] .pageNavTitle .ModalBack svg { width: 18px; height: 12px; fill: #2E445C; transform: rotate(90deg); } div[data-page="instructor-resources"] .pageInfo { border-bottom: 1px solid #D9E0E4; background: linear-gradient(0deg, #F4F8F9, #FDFDFD); } div[data-page="instructor-resources"] .pageInfo .container { width: inherit; max-width: 1280px; margin: 0 auto; padding: 0 30px !important; } @media (max-width: 1023px) { div[data-page="instructor-resources"] .pageInfo .container { padding: 0 15px !important; } } @media (max-width: 575px) { div[data-page="instructor-resources"] .pageInfo .container { padding: 0 8px !important; } } div[data-page="instructor-resources"] .pageInfo .InstructorContent { padding: 35px 0 0; margin-bottom: 30px; } div[data-page="instructor-resources"] .pageInfo .InstructorContent a { color: #197E80; } @media (max-width: 374px) { div[data-page="instructor-resources"] .pageInfo .InstructorContent { padding-top: 29px; } } div[data-page="instructor-resources"] .pageInfo .InstructorContent .bookCoverContainer { border-bottom: 0; } div[data-page="instructor-resources"] .pageInfo .InstructorContent .bookCoverContainer div[data-id="bookCover"] { margin: 30px auto 35px; } div[data-page="instructor-resources"] .overview { border: 1px solid #D9E0E4; background: #FDFDFD; max-width: 800px; padding: 50px 70px; height: auto; text-align: left; border-radius: 3px; overflow: hidden; } div[data-page="instructor-resources"] .overview h1.irtitle { margin: 0; font-size: 36px; line-height: 40px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.025em; border-bottom: 1px solid #D9E0E4; padding-bottom: 20px; } @media (max-width: 1279px) and (min-width: 768px) { div[data-page="instructor-resources"] .overview h1.irtitle { font-size: calc(6px + 2.34375vw); line-height: calc(25px + 1.17188vw); } } @media (max-width: 767px) { div[data-page="instructor-resources"] .overview h1.irtitle { font-size: 32px; line-height: 44px; } } div[data-page="instructor-resources"] .overview .irbooktitle { font-size: 22px; line-height: 30px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.04em; text-align: left; letter-spacing: 0.05em; margin: 22px 5px 10px; } @media (max-width: 1279px) and (min-width: 768px) { div[data-page="instructor-resources"] .overview .irbooktitle { font-size: 18px; line-height: 24px; } } div[data-page="instructor-resources"] .overview .irbooksubtitle { font-size: 18px; line-height: 22px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #2E445C; text-align: left; margin-bottom: 30px; } div[data-page="instructor-resources"] .overview div[data-module="badge"] { margin-top: 20px; } div[data-page="instructor-resources"] .overview div[data-module="badge"] .badgeInfo { padding: 25px 15px; } div[data-page="instructor-resources"] .overview .irfindrep { font-size: 18px; line-height: 1; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; color: #2E445C; color: #57687c; line-height: 34px !important; } div[data-page="instructor-resources"] .overview .irfindrep .extLink { color: #197E80; cursor: pointer; font-weight: bold; } div[data-page="instructor-resources"] .overview .JustifyContent { display: block; margin: 15px auto 35px; } @media (max-width: 767px) { div[data-page="instructor-resources"] .overview .JustifyContent { display: block; margin: 30px auto 35px; } } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons { display: flex; text-align: left; /*@include query-md-down { text-align: center; button { //&, //&.secondaryButton { // font-size: 14px; // width: 215px; //} display: block; margin: 0 auto; margin-bottom: 20px; &:last-of-type { margin-bottom: 0; margin-right: auto; } } }*/ } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button { flex: 0 0 auto; min-width: 215px; justify-content: flex-start; color: #fff; background: #197E80; /* BUGFIX OSX webkite */ -webkit-font-smoothing: antialiased; } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button:hover { background: #00494B; border-color: #00494B; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button:hover:focus { box-shadow: 0 0 0 2px #fff, 0 0 1px 4px #0069D0, 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button:disabled { background: #64C5C6; } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton { color: #197E80; background: #fff; border: 2px solid #197E80; margin-left: 10px; } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton:hover { color: #00494B; border-color: #00494B; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton:hover:focus { box-shadow: 0 0 0 2px #fff, 0 0 1px 4px #0069D0, 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton:disabled { opacity: 0.65; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton { padding-left: 20px !important; padding-right: 20px !important; } } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button:disabled { background: #197E80 !important; } @media (max-width: 1023px) { div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button { min-width: initial; } } @media (max-width: 767px) { div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons { justify-content: center; } } @media (max-width: 575px) { div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons { display: block; text-align: center; } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button { display: block; margin: 0 auto; } div[data-page="instructor-resources"] .overview .JustifyContent .requestbuttons button.secondaryButton { margin: 15px auto 0; } } @media (max-width: 1279px) { div[data-page="instructor-resources"] .overview { padding: calc(27.5px + 0.97656vw) calc(-30px + 7.8125vw); width: calc(-27px + 62.10938vw); } } @media (max-width: 1023px) { div[data-page="instructor-resources"] .overview { padding: 40px 30px; } } @media (max-width: 767px) { div[data-page="instructor-resources"] .overview { width: 100%; padding: 35px 10px; margin: 0 auto 20px; text-align: center; } div[data-page="instructor-resources"] .overview .irbooktitle, div[data-page="instructor-resources"] .overview .irbooksubtitle, div[data-page="instructor-resources"] .overview .irfindrep { text-align: center; } div[data-page="instructor-resources"] .overview .irbooktitle { font-size: 18px; } div[data-page="instructor-resources"] .overview .irbooksubtitle { font-size: 14px; margin-bottom: 24px; } div[data-page="instructor-resources"] .overview .irfindrep { font-size: 16px; } div[data-page="instructor-resources"] .overview div[data-module="badge"] { font-size: 14px; width: 210px; float: none; margin: 0 auto 10px; } div[data-page="instructor-resources"] .overview div[data-module="badge"] .badgeInfo { padding: 13px; } } div[data-page="instructor-resources"] .pageDetails { width: 100%; margin: 30px auto 0; max-width: 1280px; position: relative; display: inline-block; } div[data-page="instructor-resources"] .pageDetails .DisplayCategoryInMobile { display: none; height: 50px; } div[data-page="instructor-resources"] .pageDetails .DisplayCategoryInMobile span { font-size: 16px; line-height: 50px; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; text-align: center; color: #197E80; cursor: pointer; } @media (max-width: 767px) { div[data-page="instructor-resources"] .pageDetails .DisplayCategoryInMobile { display: block; border-radius: 3px; background-color: #fff; border: solid 2px #197E80; margin-top: -54px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { div[data-page="instructor-resources"] .overview .irfindrep { font-size: 14px; line-height: 25px !important; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .DisplayCategoryInMobile { display: inline-block; height: 50.7px; border-radius: 3px; background-color: #ffffff; border: solid 2px #197E80; margin-top: -20px; } .DisplayCategoryInMobile span { height: 16px; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; text-align: center; color: #197E80; cursor: pointer; } .DisplayCategoryInMobile div { margin-top: 7px; } .InstructorContent { padding-top: 0; } #instructor-section .AuthorImage img { width: 200px !important; height: 240px !important; padding-bottom: 36px; } .InstructorContent .col-sm-4 { max-width: 100% !important; } .InstructorContent .col-sm-8 { max-width: 100% !important; } .InstructorContent .requestbuttons .col-sm-6 { max-width: 100% !important; } #instructor-section .cardBookDetails { padding: 18px 1px 50px 1px !important; } #instructor-section .cardContent { margin-left: 0px !important; width: 100% !important; } .InstructorContent .requestbuttons .col-md-6 { width: 100% !important; max-width: 100% !important; text-align: center; } .InstructorContent h1 { font-size: 32px; text-align: center; } .irtitle { padding-bottom: 10px; } .irbooktitle, .irbooksubtitle { text-align: center; } div[data-page="instructor-resources"] .overview .irbooktitle, div[data-page="instructor-resources"] .overview .irbooksubtitle, div[data-page="instructor-resources"] .overview .irfindrep { text-align: left; line-height: 30px !important; } } @media only screen and (min-width: 320px) and (max-width: 767px) and (max-width: 767px) { #buttonContainer, .buttonContainer { margin-bottom: 50px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { /* .InstructorContent .requestbuttons .button.center { margin-bottom: 20px !important; }*/ } /** https://css-tricks.com/between-the-lines/ * Computes a CSS calc function that betweens a value from * A to B over viewport-width A to viewport-width B. * Requires a media query to cap the value at B. */ /* Used for global navigation */ /* wwn search box */ /* WWnorton custom variables */ @media only screen and (min-width: 1280px) { .dashboardarea .slick-track { width: 90% !important; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } #header { text-align: center; font-size: 22px; line-height: 5; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 700; color: #2E445C; letter-spacing: 0.9px; } .dashboardarea .slick-next, .dashboardarea .slick-prev { display: none !important; } .dashboardarea .slick-track .RightPadding { padding-right: 10px; } .dashboardarea .SelectedSubTab, .dashboardarea .SelectedSubTab a, .dashboardarea .UnselectedSubTab a { padding-right: 0 !important; } .dashboardarea .TabPadding > div > div > div > div > .SelectedSubTab:before { width: 100%; } .form-control:focus { border-color: #197E80 !important; } .FindMyRepSchool .autosuggest .form-control:disabled, .FindMyRepSchool .autosuggest .btn:disabled { background-color: #eee !important; opacity: 1 !important; } .dashboardarea .SubTab { min-width: auto !important; margin-left: 40px; margin-right: 20px; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .dashboardarea .slick-track { width: auto !important; height: 60px; } .dashboardarea .RightPadding { padding-right: 20px !important; } .dashboardarea .SubTab { line-height: 2.88 !important; min-width: 150px !important; } .dashboardarea .TabPadding { padding-left: 100px !important; padding-right: 50px !important; height: 60px !important; } } .dashboardarea .DataComponentWidth { width: 100% !important; } @media only screen and (min-width: 992px) and (max-width: 1023px) { .dashboardarea { width: 750px; } .dashboardarea .slick-track { width: auto !important; height: 60px; } .dashboardarea .RightPadding { padding-right: 20px !important; } .dashboardarea .SubTab { line-height: 2.70 !important; min-width: 150px !important; } .dashboardarea .TabPadding { padding-left: 50px !important; padding-right: 25px !important; height: 60px !important; } .dashboardarea .TabletSubNavigationMenu a { font-size: 16px; } .dashboardarea .TabletSubNavigationMenu .slick-initialized .slick-slide { min-width: 150px !important; padding-right: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .dashboardarea { display: block; } .dashboardarea .TabletSubNavigationMenu .slick-track { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } #nonMobileTab > div > button.slick-next, #nonMobileTab > div > button.slick-prev { display: none !important; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .dashboardarea .DataComponentWidth { padding-left: 0 !important; padding-right: 0 !important; } .dashboardarea .DataComponentWidth .contentaccount { padding-left: 5px !important; padding-right: 5px !important; } }