article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, audio, canvas, progress, video { display: block; } audio:not([controls]), [hidden], template { display: none; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { height: 0; margin: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto; } form *:focus { outline: 0 solid transparent; } object { pointer-events: none; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html { -webkit-text-size-adjust: none; } body { color: #222F54; font-size: 16px; line-height: 1.58; font-weight: 400; font-style: normal; font-family: 'Lato', Helvetica, Arial, sans-serif; } * { -webkit-font-smoothing: antialiased; } b, strong { font-weight: 700; font-style: normal; } i, em { font-weight: 400; } a { background-color: transparent; text-decoration: none; } a:active, a:hover { outline: 0; } h1, h2, h3, h4, h5, h6 { display: block; width: 100%; line-height: 1.2; font-weight: 700; color: #222F54; font-family: 'Montserrat', Helvetica, Arial, sans-serif; } @media screen and (min-width: 1024px) { h1, h2, h3, h4, h5, h6 { line-height: 1.2; } } @media screen and (max-width: 1023px) { h1, h2, h3, h4, h5, h6 { line-height: 1.15; } } h1.uppercase, h2.uppercase, h3.uppercase, h4.uppercase, h5.uppercase, h6.uppercase { text-transform: uppercase; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: block; font-weight: 700; font-family: 'Montserrat', Helvetica, Arial, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: inherit; font-weight: inherit; color: inherit; border-bottom: 0; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #F37C22; border-bottom: 0; } #main section a { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } h1 { text-align: center; color: rgba(34, 47, 84, 0.9); } @media screen and (min-width: 1024px) { h1 { margin: 1.25rem 0 3.125rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { h1 { margin: 0.9375rem 0 2.5rem; } } @media screen and (max-width: 767px) { h1 { margin: 0.625rem 0 1.875rem; } } @media screen and (min-width: 1440px) { h1 { font-size: 4.875rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { h1 { font-size: 4.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { h1 { font-size: 4rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { h1 { font-size: 3.625rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { h1 { font-size: 3.125rem; } } @media screen and (max-width: 479px) { h1 { font-size: 2.125rem; } } h2 { text-align: left; margin: 0 0 2rem; color: #334164; } @media screen and (min-width: 1440px) { h2 { font-size: 3rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { h2 { font-size: 2.875rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { h2 { font-size: 2.75rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { h2 { font-size: 2.625rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { h2 { font-size: 2.25rem; } } @media screen and (max-width: 479px) { h2 { font-size: 1.75rem; margin: 0 0 1.25rem; } } h3 { text-align: left; margin: 0 0 0.1875rem; } @media screen and (min-width: 1440px) { h3 { font-size: 2.25rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { h3 { font-size: 2.125rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { h3 { font-size: 2rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { h3 { font-size: 1.875rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { h3 { font-size: 1.75rem; } } @media screen and (max-width: 479px) { h3 { font-size: 1.5rem; } } h4 { text-align: left; text-transform: uppercase; margin: 0 0 2.4375rem; } @media screen and (min-width: 1440px) { h4 { font-size: 1.875rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { h4 { font-size: 1.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { h4 { font-size: 1.625rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { h4 { font-size: 1.5rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { h4 { font-size: 1.375rem; } } @media screen and (max-width: 479px) { h4 { font-size: 1.25rem; } } h5 { text-align: left; text-transform: uppercase; margin: 0 0 1.5rem; } @media screen and (min-width: 1440px) { h5 { font-size: 1.5rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { h5 { font-size: 1.4375rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { h5 { font-size: 1.375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { h5 { font-size: 1.3125rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { h5 { font-size: 1.25rem; } } @media screen and (max-width: 479px) { h5 { font-size: 1.1875rem; } } h6 { text-align: left; text-transform: uppercase; margin: 0 0 1.5rem; } @media screen and (min-width: 1440px) { h6 { font-size: 1.5rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { h6 { font-size: 1.4375rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { h6 { font-size: 1.375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { h6 { font-size: 1.3125rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { h6 { font-size: 1.25rem; } } @media screen and (max-width: 479px) { h6 { font-size: 1.1875rem; } } .no-margin { margin: 0 !important; } #main article p.last, #main .article p.last { clear: both; overflow: hidden; } #main article ul, #main article ol, #main .article ul, #main .article ol { margin: 0 0 3.75rem; padding: 0 0 0 1.5625rem; } #main article ul li:last-of-type, #main article ol li:last-of-type, #main .article ul li:last-of-type, #main .article ol li:last-of-type { margin: 0; } @media screen and (min-width: 1024px) { #main p, #main li, #main table:not(.gsc-table-result) td { margin: 0 0 2.25rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main p, #main li, #main table:not(.gsc-table-result) td { margin: 0 0 1.875rem; } } @media screen and (max-width: 767px) { #main p, #main li, #main table:not(.gsc-table-result) td { margin: 0 0 1.5rem; } } @media screen and (min-width: 1280px) { #main p, #main li, #main table:not(.gsc-table-result) td { font-size: 1.5rem; } #main p.small, #main li.small, #main table:not(.gsc-table-result) td.small { font-size: 1.125rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main p, #main li, #main table:not(.gsc-table-result) td { font-size: 1.4375rem; } #main p.small, #main li.small, #main table:not(.gsc-table-result) td.small { font-size: 1.09375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main p, #main li, #main table:not(.gsc-table-result) td { font-size: 1.375rem; } #main p.small, #main li.small, #main table:not(.gsc-table-result) td.small { font-size: 1rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { #main p, #main li, #main table:not(.gsc-table-result) td { font-size: 1.3125rem; } #main p.small, #main li.small, #main table:not(.gsc-table-result) td.small { font-size: 0.96875rem; } } @media screen and (max-width: 479px) { #main p, #main li, #main table:not(.gsc-table-result) td { font-size: 1.25rem; } #main p.small, #main li.small, #main table:not(.gsc-table-result) td.small { font-size: 0.9375rem; } } #main p a:not(.button), #main li a:not(.button), #main table:not(.gsc-table-result) td a:not(.button) { color: #F37C22; border-bottom: 1px solid transparent; } #main p a:not(.button):hover, #main li a:not(.button):hover, #main table:not(.gsc-table-result) td a:not(.button):hover { border-bottom: 1px solid #F37C22; } #main p b, #main p strong, #main li b, #main li strong, #main table:not(.gsc-table-result) td b, #main table:not(.gsc-table-result) td strong { font-weight: 700; font-style: normal; } #main p i, #main p em, #main li i, #main li em, #main table:not(.gsc-table-result) td i, #main table:not(.gsc-table-result) td em { font-weight: 400; font-style: italic; } #main .gsc-control-cse { line-height: normal !important; } #main .meta { display: block; position: relative; width: 100%; margin: 0 0 2.0625rem; } #main .meta p { margin: 0; } #main .meta time { display: block; margin: 0.125rem 0 0; } @media screen and (min-width: 1280px) { #main .meta time { font-size: 1.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main .meta time { font-size: 1.1875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .meta time { font-size: 1.125rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { #main .meta time { font-size: 1.0625rem; } } @media screen and (max-width: 479px) { #main .meta time { font-size: 1rem; } } #main aside h4 { margin: 0 0 1.125rem; color: #3E4C6A; } #main aside ul:not(.social) { padding: 0; list-style: none; } @media screen and (min-width: 1280px) { #main aside ul:not(.social) { margin: 0 0 3.3125rem; } } @media screen and (max-width: 1279px) { #main aside ul:not(.social) { margin: 0 0 1.875rem; } } #main aside li { margin: 0; } #main aside li:last-of-type { margin: 0; } #main aside li a { font-size: inherit; font-weight: inherit; color: inherit; border-bottom: 0; } #main aside li a:hover { color: #F37C22; border-bottom: 0; } #main aside li.current a { color: #F37C22; } blockquote, .single-out { display: block; position: relative; width: 100%; background: #EFEFEF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } @media screen and (min-width: 1440px) { blockquote, .single-out { margin: 0 0 3.75rem; padding: 3.125rem 3.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1439px) { blockquote, .single-out { margin: 0 0 3.125rem; padding: 1.875rem; } } @media screen and (max-width: 1023px) { blockquote, .single-out { margin: 0 0 1.875rem; padding: 1.875rem; } } blockquote p, .single-out p { margin: 0 !important; } @media screen and (min-width: 1280px) { blockquote p, .single-out p { font-size: 1.875rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { blockquote p, .single-out p { font-size: 1.75rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { blockquote p, .single-out p { font-size: 1.625rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { blockquote p, .single-out p { font-size: 1.5rem; } } @media screen and (max-width: 479px) { blockquote p, .single-out p { font-size: 1.375rem; } } blockquote p { font-style: italic; } address { margin: 0; } hr { display: block; position: relative; width: 100%; height: 0.125rem; overflow: hidden; border: 0; margin: 0 0 0.9375rem; background: url(../images/library/divider.svg) repeat-x 0 0; } #main p .read-more { color: #F37C22; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 1280px) { #main p .read-more { font-size: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main p .read-more { font-size: 1.4375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main p .read-more { font-size: 1.375rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { #main p .read-more { font-size: 1.3125rem; } } @media screen and (max-width: 479px) { #main p .read-more { font-size: 1.25rem; } } #main p .read-more:hover { color: #F37C22; } .add-more-link { float: left; position: relative; margin: 1.5625rem 0 2.8125rem 14.375rem; font-size: 1.5rem; font-weight: 700; color: #222F54; border-bottom: 0 !important; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .add-more-link:hover { color: #F37C22; border-bottom: 0 !important; } @media screen and (max-width: 767px) { .add-more-link { margin: 1.5625rem auto 2.8125rem; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } address { font-size: 1.5rem; color: #222F54; font-style: normal; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { display: block; position: relative; width: 100%; min-height: 100%; } body { display: block; position: relative; padding: 0; margin: 0; width: 100%; height: 100%; background: #CEEAF9; } #header, #main, #footer, .section, section, .row { float: left; position: relative; clear: both; width: 100%; max-width: 120rem; padding: 0; margin: 0; } .page-container { overflow: hidden; } @media screen and (min-width: 1280px) { #main { padding: 6.25rem 0; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main { padding: 4.375rem 0; } } @media screen and (max-width: 1023px) { #main { padding: 3.125rem 0 1.875rem; } } .wrap { display: block; position: relative; width: 100%; max-width: 88.75rem; padding: 0 1.875rem; margin: 0 auto; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; -moz-animation: fadeIn ease-in-out; -webkit-animation: fadeIn ease-in-out; animation: fadeIn ease-in-out; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .preloader { display: block; position: relative; width: 4.875rem; } .preloader.fixed { position: fixed; top: 50%; left: 50%; margin: -6.25rem 0 0 -2.5rem; z-index: 18030; } .preloader > div { display: inline-block; width: 1.25rem; height: 1.25rem; margin: 0 0.1875rem; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-animation: PreLoader 1.4s infinite ease-in-out; -webkit-animation: PreLoader 1.4s infinite ease-in-out; animation: PreLoader 1.4s infinite ease-in-out; -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .preloader > div:nth-child(1) { background-color: #b8621c; -moz-animation-delay: -0.32s; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .preloader > div:nth-child(2) { background-color: #d13e3e; -moz-animation-delay: -0.16s; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .preloader > div:nth-child(3) { background-color: #60266c; } @-webkit-keyframes PreLoader { 0%, 80%, 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 40% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes PreLoader { 0%, 80%, 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 40% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes PreLoader { 0%, 80%, 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 40% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes PreLoader { 0%, 80%, 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 40% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } .below-header { z-index: 1; overflow: hidden; } .below-header figure { float: left; position: relative; overflow: hidden; width: 100%; margin: 0; } @media screen and (min-width: 1024px) { .below-header figure { height: 100%; max-height: 83.8vh; } } @media screen and (max-width: 767px) { .below-header figure img { display: block; position: relative; width: 100%; } } @media screen and (min-width: 1280px) { .below-header + #main { padding: 4.6875rem 0; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .below-header + #main { padding: 2.1875rem 0; } } @media screen and (max-width: 1023px) { .below-header + #main { padding: 0.9375rem 0 1.875rem; } } .section-header p { display: block; max-width: 67.6875rem; margin-left: auto !important; margin-right: auto !important; } .section-header .wrap .wrap { overflow: hidden; } @media screen and (min-width: 1367px) { .section-header .wrap .wrap { padding: 0 8.9375rem 4.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { .section-header .wrap .wrap { padding: 0 1.875rem 1.875rem; } } @media screen and (max-width: 1023px) { .section-header .wrap .wrap { padding: 0 0 1.875rem; } } @media screen and (max-width: 1023px) { .article-row > .wrap { padding: 0; } } figure { display: block; position: relative; width: 100%; margin: 0 0 2.25rem; } figure img { display: block; position: relative; width: 100%; } #main p a.share { float: right; background: url(../images/library/share.svg) no-repeat 100% 0%; background-attachment: scroll; border-bottom: 0; } @media screen and (min-width: 1024px) { #main p a.share { padding-right: 3.75rem; -moz-background-size: 42px auto; -o-background-size: 42px auto; -webkit-background-size: 42px auto; background-size: 42px auto; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main p a.share { padding-right: 3.125rem; -moz-background-size: 36px auto; -o-background-size: 36px auto; -webkit-background-size: 36px auto; background-size: 36px auto; } } @media screen and (max-width: 767px) { #main p a.share { padding-right: 3.125rem; -moz-background-size: 36px auto; -o-background-size: 36px auto; -webkit-background-size: 36px auto; background-size: 36px auto; } } @media screen and (min-width: 1280px) { #main p a.share { font-size: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main p a.share { font-size: 1.4375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main p a.share { font-size: 1.375rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { #main p a.share { font-size: 1.3125rem; } } @media screen and (max-width: 479px) { #main p a.share { font-size: 1.25rem; } } #main p a.share:hover { border-bottom: 0; } #main p a.share span { border-bottom: 1px solid transparent; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main p a.share:hover span { border-bottom: 1px solid #F37C22; } h4.cta-link { text-transform: none; margin: 0 0 1.125rem; } h4.cta-link a { font-size: 80%; margin-left: 10px; color: #F37C22; } .videoHolder { float: left; position: relative; width: 100%; height: 0; padding: 56.25% 0 0; } .videoHolder iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .glow { background: url(../images/library/glow.png) no-repeat 50% 100%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } @media screen and (max-width: 767px) { .glow { -moz-background-size: 1024px auto; -o-background-size: 1024px auto; -webkit-background-size: 1024px auto; background-size: 1024px auto; } } #main .article ul.schedule { display: block; position: relative; overflow: hidden; width: 100%; max-width: 39.375rem; margin: 3.125rem auto 5rem; padding: 0; list-style: none; } #main .article ul.schedule li { float: left; position: relative; width: 100%; margin: 0; padding: 0; background: url(../images/library/divider.svg) repeat-x scroll 0 100%; background-attachment: scroll; -moz-background-size: auto 2px; -o-background-size: auto 2px; -webkit-background-size: auto 2px; background-size: auto 2px; } #main .article ul.schedule li span { position: relative; padding: 0.625rem 0; color: #334164; } @media screen and (min-width: 400px) { #main .article ul.schedule li span:first-of-type { float: left; } #main .article ul.schedule li span:last-of-type { float: right; } } @media screen and (max-width: 399px) { #main .article ul.schedule li span:first-of-type { float: left; width: 100%; text-align: left; } #main .article ul.schedule li span:last-of-type { float: left; width: 100%; text-align: left; } } .profile-table { display: table; position: relative; width: 100%; margin: 0 0 1.875rem; border: 0; border-collapse: collapse; border-spacing: 0; } .profile-table:after { position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; content: ""; background: url(../images/library/divider.svg) repeat-x 0 0; } .profile-table tr { display: table-row; margin: 0; padding: 0; border: 0; } .profile-table td { position: relative; text-align: center; border: 0; padding: 0.625rem; } @media screen and (min-width: 768px) { .profile-table td { display: table-cell; } } @media screen and (max-width: 767px) { .profile-table td { float: left; width: 100%; } } @media screen and (min-width: 1280px) { .profile-table td a { font-size: 1.125rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .profile-table td a { font-size: 1.0625rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .profile-table td a { font-size: 1rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .profile-table td a { font-size: 0.9375rem; } } @media screen and (max-width: 479px) { .profile-table td a { font-size: 0.875rem; } } .profile-table td a.fnc-print-card { text-transform: uppercase; } .profile-table tr:last-of-type td { padding: 0.625rem 0.625rem 1.875rem; } .maintenance-block { display: block; position: relative; margin: 60px auto; width: 500px; max-width: calc(100vw - 60px); } .maintenance-block img { display: block; position: relative; width: 100%; max-width: 210px; height: auto; margin: 0 auto 30px; } .maintenance-block h1 { font-size: 28px; margin: 0 auto 30px; } .maintenance-block p { font-size: 24px !important; margin: 0; text-align: justify; } #header { z-index: 101; } #header .row.first { overflow: hidden; background: #252525; padding: 0.9375rem 0; } #header .row.last { background: #FFF; padding: 0; } #header .wrap { max-width: 88.75rem; } #header .logo { display: block; position: absolute; width: 13.0625rem; height: 9.875rem; top: 0.9375rem; left: 0.9375rem; } @media screen and (min-width: 1024px) and (max-width: 1279px) { #header .logo { width: 11.25rem; height: 8.5rem; left: 0.625rem; } } @media screen and (max-width: 1023px) { #header .logo { width: 9.375rem; height: 7.0625rem; left: 1.25rem; } } @media screen and (max-width: 479px) { #header .logo { top: 0.625rem; left: 0.625rem; } } #header .logo:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; z-index: 1; } #header nav { float: right; position: relative; } #header nav > ul { position: relative; list-style: none; margin: 0; padding: 0; } #header nav > ul > li { float: left; position: relative; font-size: inherit; } #header nav > ul > li > a { font-size: inherit; display: table; vertical-align: middle; } #header nav > ul > li > a span { font-size: inherit; display: table-cell; vertical-align: inherit; } #header .secondary-nav { width: 75.8%; padding: 0 1.875rem 0 0; } #header .secondary-nav > ul { float: right; } #header .secondary-nav > ul > li { display: block; } @media screen and (min-width: 1366px) { #header .secondary-nav > ul > li { padding: 0 2.125rem 0 0; } } @media screen and (min-width: 1280px) and (max-width: 1365px) { #header .secondary-nav > ul > li { margin: 0 1.125rem 0 0; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #header .secondary-nav > ul > li { margin: 0 0.875rem 0 0; } } #header .secondary-nav > ul > li:last-of-type { padding: 0; } #header .secondary-nav > ul > li a { color: rgba(255, 255, 255, 0.7); height: 2.375rem; font-family: 'Lato', Helvetica, Arial, sans-serif; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 1200px) { #header .secondary-nav > ul > li a { font-size: 1.375rem; } } @media screen and (min-width: 1150px) and (max-width: 1199px) { #header .secondary-nav > ul > li a { font-size: 1.3125rem; } } @media screen and (min-width: 1100px) and (max-width: 1149px) { #header .secondary-nav > ul > li a { font-size: 1.25rem; } } @media screen and (min-width: 1050px) and (max-width: 1099px) { #header .secondary-nav > ul > li a { font-size: 1.1875rem; } } @media screen and (min-width: 1024px) and (max-width: 1049px) { #header .secondary-nav > ul > li a { font-size: 1.125rem; } } #header .secondary-nav > ul > li a:hover { color: white; } #header .secondary-nav > ul > li a span { font-weight: 400; } #header .secondary-nav > ul > li.current a { color: #43bdff; } #header .primary-nav { width: 82%; } #header .primary-nav > ul { float: right; padding: 2rem 0 0; } @media screen and (min-width: 1290px) and (max-width: 1360px) { #header .primary-nav > ul { font-size: 23px !important; } } #header .primary-nav > ul > li { padding: 0 0 2rem; } @media screen and (min-width: 1440px) { #header .primary-nav > ul > li { margin: 0 2.25rem 0 0; } } @media screen and (min-width: 1281px) and (max-width: 1439px) { #header .primary-nav > ul > li { margin: 0 1.375rem 0 0; } } @media screen and (min-width: 1024px) and (max-width: 1280px) { #header .primary-nav > ul > li { margin: 0 0.875rem 0 0; } } #header .primary-nav > ul > li:last-of-type { margin: 0; } #header .primary-nav > ul > li a { color: #222f54; text-transform: uppercase; font-weight: 700; padding: 0.375rem 0; font-family: 'Lato', Helvetica, Arial, sans-serif; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 1310px) { #header .primary-nav > ul > li a { font-size: 1.5rem; } } @media screen and (min-width: 1220px) and (max-width: 1309px) { #header .primary-nav > ul > li a { font-size: 1.4375rem; } } @media screen and (min-width: 1170px) and (max-width: 1219px) { #header .primary-nav > ul > li a { font-size: 1.375rem; } } @media screen and (min-width: 1070px) and (max-width: 1169px) { #header .primary-nav > ul > li a { font-size: 1.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1069px) { #header .primary-nav > ul > li a { font-size: 1.1875rem; } } #header .primary-nav > ul > li a:hover { color: #1d1d1b; } #header .primary-nav > ul > li a > span { font-weight: 700; } #header .primary-nav > ul > li > span a:hover { color: #00a5ff; } #header .primary-nav > ul > li.current > span a, #header .primary-nav > ul > li.current > span a:hover { color: #ff0f83; } #header .primary-nav > ul > li.subcategoryHolder:after { display: block; position: absolute; opacity: 0; width: 1.25rem; height: 1.25rem; content: ""; bottom: -1.25rem; left: 50%; background: url(../images/library/shape.svg) no-repeat 50% 0; background-attachment: scroll; -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0s; transition: all 0.2s ease-in-out 0s; } #header .primary-nav > ul > li.subcategoryHolder:hover:after { bottom: -0.625rem; opacity: 1; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0.2s; transition: all 0.2s ease-in-out 0.2s; } #header .primary-nav > ul > li ul { position: absolute; width: 16.25rem; left: 0; top: 100%; list-style: none; margin: -0.625rem 0 0; padding: 0.625rem 0 0; display: none; } #header .primary-nav > ul > li ul li { width: 100%; padding: 0.25rem 1.25rem 0; background: #252525; } #header .primary-nav > ul > li ul li:first-of-type { padding: 0.9375rem 1.25rem 0; } #header .primary-nav > ul > li ul li:last-of-type { padding: 0.25rem 1.25rem 0.625rem; } #header .primary-nav > ul > li ul > li a { color: #FFF; text-transform: none; font-weight: 400; } @media screen and (min-width: 1280px) { #header .primary-nav > ul > li ul > li a { font-size: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #header .primary-nav > ul > li ul > li a { font-size: 1.25rem; } } #header .primary-nav > ul > li ul > li a:hover { color: #43bdff; } #header .primary-nav > ul > li ul > li a span { font-weight: 400; } #header .primary-nav > ul > li ul > li.current a { color: #43bdff; } .search-form { float: right; position: relative; } .search-form .input-search { float: left; position: relative; z-index: 1; width: 100%; height: 2.375rem; margin: 0; padding: 0.375rem 4.5rem 0.375rem 0.75rem; border: 0; line-height: 1.5rem; background-color: #4E4E4E; color: rgba(255, 255, 255, 0.8); font-family: 'Lato', Helvetica, Arial, sans-serif; } @media screen and (min-width: 1200px) { .search-form .input-search { font-size: 1.25rem; } } @media screen and (min-width: 1150px) and (max-width: 1199px) { .search-form .input-search { font-size: 1.1875rem; } } @media screen and (min-width: 1100px) and (max-width: 1149px) { .search-form .input-search { font-size: 1.125rem; } } @media screen and (min-width: 1050px) and (max-width: 1099px) { .search-form .input-search { font-size: 1.0625rem; } } @media screen and (min-width: 1024px) and (max-width: 1049px) { .search-form .input-search { font-size: 1rem; } } .search-form .input-search:-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; font-family: 'Lato', Helvetica, Arial, sans-serif; } .search-form .input-search::-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; font-family: 'Lato', Helvetica, Arial, sans-serif; } .search-form .input-search:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; font-family: 'Lato', Helvetica, Arial, sans-serif; } .search-form .input-search::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; font-family: 'Lato', Helvetica, Arial, sans-serif; } .search-form .input-search:focus { background-color: #fff; color: #000; } .search-form .input-submit { position: absolute; z-index: 2; width: 2.5rem; height: 2.375rem; top: 0; right: 0; margin: 0; padding: 0; border: 0; font-size: 0; line-height: 0; text-indent: -9999px; background: url(../images/library/lupa.svg) no-repeat 3px 50%; background-attachment: scroll; -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } .search-form .input-search:focus + .input-submit { background: url(../images/library/lupa_h.svg) no-repeat 3px 50%; background-attachment: scroll; -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } @media screen and (min-width: 1100px) { #header .search-form { width: 19.7%; } } @media screen and (min-width: 1024px) and (max-width: 1099px) { #header .search-form { width: 23%; } } @media screen and (max-width: 1023px) { #header nav, #header .row.first, #header .search-form { display: none; } #header .row.last { background: #FFF; height: 5.625rem; } #header .row.last .wrap { float: left; position: relative; } } #footer { background: #252525; } @media screen and (min-width: 768px) { #footer { padding: 4.375rem 0 1.875rem; } } @media screen and (max-width: 767px) { #footer { padding: 1.25rem 0 1.875rem; } } #footer .wrap { max-width: 70.625rem; } #footer ul { display: block; position: relative; clear: both; margin: -1.875rem auto 2.8125rem; padding: 0; list-style: none; text-align: center; } #footer nav { display: block; position: relative; float: none; margin: 0 0 2.8125rem; } @media screen and (max-width: 767px) { #footer nav { margin: 1rem 0 2.8125rem; } } @media screen and (min-width: 768px) { #footer nav li { display: inline; position: relative; padding: 0 0.625rem; } } @media screen and (max-width: 767px) { #footer nav li { display: block; position: relative; width: 100%; padding: 0; } } #footer nav a { font-size: 1.5rem; font-family: 'Lato', sans-serif; color: rgba(255, 255, 255, 0.7); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 767px) { #footer nav a { display: block; position: relative; width: 100%; padding: 0.625rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } } #footer nav a:hover { color: #fff; } #footer nav li.current a { color: #43bdff; } #footer .copy { color: #FFF; font-size: 1.125rem; text-align: center; font-family: 'Lato', sans-serif; } #footer .social a.gplus { background: url(../images/layout/social_icons.svg) no-repeat 50% 0; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } #footer .social a.instagram { background: url(../images/layout/social_icons.svg) no-repeat 50% -50px; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } #footer .social a.linkedin { background: url(../images/layout/social_icons.svg) no-repeat 50% -100px; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } #footer .social a.pinterest { background: url(../images/layout/social_icons.svg) no-repeat 50% -150px; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } #footer .social a.tripadvisor { background: url(../images/layout/social_icons.svg) no-repeat 50% -200px; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } #footer .social a.twitter { background: url(../images/layout/social_icons.svg) no-repeat 50% -250px; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } #footer .social a.youtube { background: url(../images/layout/social_icons.svg) no-repeat 50% -300px; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } #footer .social a.facebook { background: url(../images/layout/social_icons.svg) no-repeat 50% -350px; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } @media screen and (max-width: 1023px) { .open-menu { display: block; position: absolute; z-index: 998; width: 2.5rem; height: 1.875rem; top: 1.875rem; right: 1.875rem; -webkit-backface-visibility: hidden; } .open-menu span { display: block; position: relative; width: 100%; height: 100%; -moz-transition: -moz-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: -o-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .open-menu span b { display: block; position: relative; width: 100%; height: 0.375rem; margin-bottom: 0.375rem; background: #000; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .open-menu span b:last-of-type { margin-bottom: 0; } .close-menu { display: block; position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.35); display: none; opacity: 0; -webkit-backface-visibility: hidden; } .menu-container { display: block; position: fixed; z-index: 1000; width: 19.375rem; height: 100%; top: 0; right: 0; -ms-overflow-y: scroll; overflow-y: scroll; -ms-overflow-x: hidden; overflow-x: hidden; -webkit-backface-visibility: hidden; -moz-transform: translateX(19.375rem); -ms-transform: translateX(19.375rem); -webkit-transform: translateX(19.375rem); transform: translateX(19.375rem); } .menu-container .menu-nav { float: left; position: relative; width: 100%; padding: 0.625rem 0; background: #252525; } .menu-container ul { float: left; position: relative; width: 100%; padding: 0; margin: 0; list-style: none; } .menu-container ul a { float: left; position: relative; width: 100%; padding: 0.625rem 1.875rem; color: #fff; font-size: 1.25rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .menu-container ul a:hover { color: #F37C22; } .menu-container ul ul a { padding: 0.625rem 1.875rem 0.625rem 2.8125rem; font-size: 1.125rem; } .menu-container .search-form { float: left; position: relative; width: 100%; max-width: 17.5rem; padding: 1.25rem 1.875rem; } .menu-container .search-form .input-search { width: 100%; padding: 0.375rem 2.5rem 0.375rem 0.75rem; } .menu-container .search-form .input-submit { top: 1.25rem; right: 1.875rem; } .page-container { display: block; position: relative; width: 100%; max-width: 120rem; z-index: 1; margin: 0 auto; } .show-menu .open-menu span { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .show-menu .open-menu span b:first-of-type { top: 4%; left: 0; -moz-transform: rotate(0deg) translateY(250%); -ms-transform: rotate(0deg) translateY(250%); -webkit-transform: rotate(0deg) translateY(250%); transform: rotate(0deg) translateY(250%); } .show-menu .open-menu span b:nth-child(2) { opacity: 0; } .show-menu .open-menu span b:last-of-type { top: 4%; left: 0; -moz-transform: rotate(-90deg) translateX(21%); -ms-transform: rotate(-90deg) translateX(21%); -webkit-transform: rotate(-90deg) translateX(21%); transform: rotate(-90deg) translateX(21%); } .show-menu .close-menu { display: block; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .show-menu .close-menu:hover { opacity: 1; } .show-menu .menu-container { -moz-transform: translateX(1.875rem); -ms-transform: translateX(1.875rem); -webkit-transform: translateX(1.875rem); transform: translateX(1.875rem); } .show-menu .move-left { -moz-transform: translateX(-17.5rem); -ms-transform: translateX(-17.5rem); -webkit-transform: translateX(-17.5rem); transform: translateX(-17.5rem); } .off-canvas { -moz-transition: -moz-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: -o-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); } } @media screen and (min-width: 1024px) { .open-menu { display: none; } .close-menu { display: none; } .menu-container { display: none; } .page-container { display: block; position: relative; width: 100%; max-width: 120rem; z-index: 1; margin: 0 auto; } .show-menu .close-menu { display: none; } .show-menu .move-left { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .off-canvas { -moz-transition: -moz-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: -o-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); } } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { vertical-align: middle; } .fancybox-overlay { display: none; overflow: hidden; position: relative; z-index: 18010; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); } .fancybox-wrap { position: absolute; overflow: hidden; height: 100%; background: transparent; z-index: 18020; top: 0; left: 0; outline: 1px solid transparent; } .fancybox-wrap.fancybox-opened { z-index: 18030; } .fancybox-wrap .fancybox-skin { position: relative; background: #FFF; } @media screen and (min-width: 1280px) { .fancybox-wrap .fancybox-skin { padding: 1.25rem !important; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .fancybox-wrap .fancybox-skin { padding: 0.9375rem !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .fancybox-wrap .fancybox-skin { padding: 0.625rem !important; } } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-wrap .fancybox-skin { padding: 0.3125rem !important; } } @media screen and (max-width: 479px) { .fancybox-wrap .fancybox-skin { padding: 0 !important; } } .fancybox-wrap .fancybox-skin .fancybox-outer, .fancybox-wrap .fancybox-skin .fancybox-inner { position: relative; } .fancybox-wrap .fancybox-skin .fancybox-inner { height: auto; overflow: hidden; } .fancybox-wrap .fancybox-skin .fancybox-inner .fancybox-image, .fancybox-wrap .fancybox-skin .fancybox-inner .fancybox-iframe { display: block; width: 100%; } .fancybox-wrap .fancybox-skin .fancybox-inner .fancybox-image { height: auto; } .fancybox-wrap .fancybox-skin .fancybox-inner .fancybox-iframe { position: absolute; height: 100%; top: 0; left: 0; } .fancybox-type-iframe .fancybox-inner { position: relative; overflow: hidden !important; height: 0 !important; padding-bottom: 56.25%; } .fancybox-type-iframe .fancybox-inner iframe, .fancybox-type-iframe .fancybox-inner object, .fancybox-type-iframe .fancybox-inner embed { position: absolute; height: 100% !important; width: 100% !important; left: 0; top: 0; border: 0 !important; } .fancybox-error { margin: 0; padding: 0; white-space: nowrap; } .fancybox-tmp { left: -99999px; max-height: 99999px; max-width: 99999px; overflow: visible; position: absolute; top: -99999px; visibility: hidden; } .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay-fixed { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); top: 0; left: 0; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; width: 100%; max-height: 100%; } .fancybox-title { position: relative; z-index: 18050; visibility: hidden; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; z-index: 18050; left: 50%; bottom: -0.625rem; text-align: center; -moz-transform: translateX(-50%) translateY(100%); -ms-transform: translateX(-50%) translateY(100%); -webkit-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } @media screen and (max-width: 1023px) { .fancybox-title-float-wrap { width: 100%; } } .fancybox-title-float-wrap .child { display: block; color: #FFF; background: #000; } @media screen and (min-width: 1280px) { .fancybox-title-float-wrap .child { padding: 0 2.5rem; font-size: 1.5625rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .fancybox-title-float-wrap .child { padding: 0 2.1875rem; font-size: 1.5rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .fancybox-title-float-wrap .child { padding: 0 1.875rem; font-size: 1.3125rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-title-float-wrap .child { padding: 0 1.5625rem; font-size: 1.25rem; } } @media screen and (max-width: 479px) { .fancybox-title-float-wrap .child { padding: 0 1.25rem; font-size: 1.125rem; } } .fancybox-title-over-wrap { position: absolute; bottom: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); } .fancybox-nav, .fancybox-close { display: block; position: absolute; width: 4.375rem; height: 4.375rem; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-nav, .fancybox-close { width: 3.75rem; height: 3.75rem; } } @media screen and (max-width: 479px) { .fancybox-nav, .fancybox-close { width: 2.5rem; height: 2.5rem; } } .fancybox-nav span, .fancybox-close span { display: block; position: relative; z-index: 19000; width: 100%; height: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .fancybox-prev { left: 0.9375rem; top: 50%; margin-top: -2.1875rem; background: #fff url(../images/library/prev_arrow.svg) no-repeat 46% 50%; background-attachment: scroll; -moz-background-size: 30px auto; -o-background-size: 30px auto; -webkit-background-size: 30px auto; background-size: 30px auto; } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-prev { -moz-background-size: 25px auto; -o-background-size: 25px auto; -webkit-background-size: 25px auto; background-size: 25px auto; } } @media screen and (max-width: 479px) { .fancybox-prev { -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-prev { left: 0.625rem; } } @media screen and (max-width: 479px) { .fancybox-prev { left: 0.3125rem; } } .fancybox-next { right: 0.9375rem; top: 50%; margin-top: -2.1875rem; background: #fff url(../images/library/next_arrow.svg) no-repeat 54% 50%; background-attachment: scroll; -moz-background-size: 30px auto; -o-background-size: 30px auto; -webkit-background-size: 30px auto; background-size: 30px auto; } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-next { -moz-background-size: 25px auto; -o-background-size: 25px auto; -webkit-background-size: 25px auto; background-size: 25px auto; } } @media screen and (max-width: 479px) { .fancybox-next { -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-next { right: 0.625rem; } } @media screen and (max-width: 479px) { .fancybox-next { right: 0.3125rem; } } .fancybox-close { z-index: 22222; background: #fff url(../images/library/close.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 26px auto; -o-background-size: 26px auto; -webkit-background-size: 26px auto; background-size: 26px auto; } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-close { -moz-background-size: 23px auto; -o-background-size: 23px auto; -webkit-background-size: 23px auto; background-size: 23px auto; } } @media screen and (max-width: 479px) { .fancybox-close { -moz-background-size: 18px auto; -o-background-size: 18px auto; -webkit-background-size: 18px auto; background-size: 18px auto; } } @media screen and (min-width: 1280px) { .fancybox-close { right: -2.1875rem; top: -2.1875rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .fancybox-close { right: -2.1875rem; top: -2.1875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .fancybox-close { right: -1.875rem; top: -1.875rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .fancybox-close { right: -1.25rem; top: -1.25rem; } } @media screen and (max-width: 479px) { .fancybox-close { right: -0.9375rem; top: -0.9375rem; } } .share-modal-iframe { overflow: hidden; } .share.share-iframe { float: left; position: relative; padding: 0.625rem; background: #fff; width: 100%; height: 25rem; } .share.share-iframe .preloader.fixed { position: absolute; margin: auto; z-index: 1; -moz-transform: translateX(-50%) translateY(-20px); -ms-transform: translateX(-50%) translateY(-20px); -webkit-transform: translateX(-50%) translateY(-20px); transform: translateX(-50%) translateY(-20px); } .share.share-iframe .addthis_sharing_toolbox { float: left; position: relative; width: 100%; width: 18.75rem; height: 23.75rem; } @media screen and (max-width: 479px) { .share.share-iframe .addthis_sharing_toolbox { width: 15rem; } } .share.share-iframe .addthis_sharing_toolbox #atstbx { width: 100% !important; } .share.share-iframe .addthis_sharing_toolbox .at-share-btn { display: block; float: left; height: 3.75rem; margin: 0 0 1.25rem !important; max-height: 3.75rem !important; max-width: none !important; position: relative; width: 100%; z-index: 2; cursor: pointer; } .share.share-iframe .addthis_sharing_toolbox .at-share-btn:last-of-type { margin: 0 !important; } .share.share-iframe .addthis_sharing_toolbox .at-share-btn .at4-icon { position: absolute; left: 50%; top: 50%; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .share.share-iframe .addthis_sharing_toolbox { width: 100%; } .fancybox-type-iframe.share-modal .fancybox-inner { height: 0 !important; overflow: hidden !important; padding-bottom: 25rem; position: relative; } .fancybox-wrap.homeVideo { height: 100% !important; left: 50% !important; width: 100% !important; top: 50% !important; transform: translate(-50%, -50%); background: #000; } .fancybox-wrap.homeVideo .fancybox-skin { height: 100% !important; padding: 5px !important; background: #000; } .fancybox-wrap.homeVideo .fancybox-outer { height: 100% !important; } .fancybox-wrap.homeVideo .fancybox-skin .fancybox-inner { width: 100% !important; height: 100% !important; max-height: calc(100vh - 10px) !important; padding: 0 !important; } .fancybox-wrap.homeVideo .fancybox-close { position: fixed !important; right: auto; top: 15px; left: 15px; } .bxslider { visibility: hidden; } .bx-wrapper { position: relative; overflow: hidden; margin: 0; padding: 0; } @media screen and (min-width: 1024px) { .bx-wrapper { max-height: 84vh !important; } .bx-wrapper .bx-viewport { max-height: 84vh !important; } .bx-wrapper img { width: 100%; } } @media screen and (max-width: 1023px) { .bx-wrapper .bx-viewport { height: 56.25vw !important; } } .bx-wrapper ul { z-index: 1; } .bx-wrapper ul li { z-index: 2; } .bx-wrapper ul li .preloader { position: absolute; z-index: 1; left: 50%; top: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media screen and (min-width: 1440px) { .bx-wrapper ul li .preloader { top: 42vh; } } .bx-wrapper ul li img { position: relative; } .bx-wrapper ul li img.lazyload { z-index: -1; } .bx-wrapper ul li img.lazyloaded { z-index: 10; } .bx-wrapper ul li .caption { z-index: 300; } .bx-wrapper ul { margin: 0; padding: 0; list-style: none; } .bx-wrapper li { min-width: 1px; min-height: 1px; } .bx-wrapper li img { display: inline-block; width: 100%; min-height: 100.1%; } .bx-wrapper li.video img.placeholder { display: block; position: relative; width: 100%; background: #F00; } .bx-wrapper li.video .iframeWrapper { display: block; position: absolute; overflow: hidden; z-index: 10; width: 100%; height: 0; padding-top: 56%; bottom: 0; left: 50%; transform: translate(-50%, 0); } .bx-wrapper li.video .iframeWrapper .video-poster, .bx-wrapper li.video .iframeWrapper iframe { display: block; position: absolute; width: 101%; height: 101%; bottom: 0; left: 50%; transform: translate(-50%, 0); } .bx-wrapper li.video .iframeWrapper .video-poster { z-index: 1; } .bx-wrapper li.video .iframeWrapper iframe { z-index: 10; } .bx-wrapper li.video .play-btn { display: table; position: absolute; z-index: 100; vertical-align: middle; background: #c7ebf8; transition: background-color 0.2s ease-in-out; top: 60%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 767px) { .bx-wrapper li.video .play-btn { height: 10.9375vw; padding: 0.625vw 5vw 0 7.5vw; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .bx-wrapper li.video .play-btn { height: 6.83594vw; padding: 0 5.76172vw 0 7.03125vw; } } @media screen and (min-width: 1025px) { .bx-wrapper li.video .play-btn { height: 4.375rem; padding: 0 3.6875rem 0 4.5rem; } } .bx-wrapper li.video .play-btn:hover { background: #036f8d; } .bx-wrapper li.video .play-btn i, .bx-wrapper li.video .play-btn span { display: table-cell; vertical-align: inherit; } .bx-wrapper li.video .play-btn span { color: #222f54; text-transform: uppercase; } @media screen and (max-width: 767px) { .bx-wrapper li.video .play-btn span { padding-right: 3.125vw; font-size: 4.6875vw; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .bx-wrapper li.video .play-btn span { padding-right: 1.36719vw; font-size: 2.44141vw; } } @media screen and (min-width: 1025px) { .bx-wrapper li.video .play-btn span { padding-right: 0.875rem; font-size: 1.5625rem; } } @media screen and (max-width: 767px) { .bx-wrapper li.video .play-btn i { width: 3.75vw; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .bx-wrapper li.video .play-btn i { width: 2.05078vw; } } @media screen and (min-width: 1025px) { .bx-wrapper li.video .play-btn i { width: 1.3125rem; } } .bx-wrapper li.video .play-btn i img { position: relative; min-height: 1px !important; } @media screen and (max-width: 767px) { .bx-wrapper li.video .play-btn i img { top: 0.3125vw; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .bx-wrapper li.video .play-btn i img { top: 0.19531vw; left: 0.19531vw; } } @media screen and (min-width: 1025px) { .bx-wrapper li.video .play-btn i img { top: 0.1875rem; left: 0.125rem; } } .bx-wrapper .caption { position: absolute; width: 100%; max-width: 85rem; padding: 0 1.875rem; top: 17.5%; left: 0; right: 0; margin: auto; color: #FFF; } @media screen and (max-width: 639px) { .bx-wrapper .caption { top: 27.5%; padding: 0 1.25rem; } } @media screen and (max-width: 479px) { .bx-wrapper .caption { top: 25%; padding: 0 0.9375rem; } } .bx-wrapper .caption h2, .bx-wrapper .caption p { color: #FFF; font-family: 'Montserrat', sans-serif; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.53); } .bx-wrapper .caption h2 { line-height: 1; margin: 0 0 1.125rem; } @media screen and (min-width: 1440px) { .bx-wrapper .caption h2 { font-size: 3.3125rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .bx-wrapper .caption h2 { font-size: 3.125rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .bx-wrapper .caption h2 { font-size: 3rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bx-wrapper .caption h2 { font-size: 2.875rem; } } @media screen and (min-width: 640px) and (max-width: 767px) { .bx-wrapper .caption h2 { font-size: 2.75rem; } } @media screen and (min-width: 480px) and (max-width: 639px) { .bx-wrapper .caption h2 { font-size: 1.75rem; margin: 0 0 0.625rem; } } @media screen and (max-width: 479px) { .bx-wrapper .caption h2 { font-size: 1.1875rem; margin: 0 0 0.5rem; } } .bx-wrapper .caption p { margin: 0; line-height: 1.1; } @media screen and (min-width: 1440px) { .bx-wrapper .caption p { font-size: 2.25rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .bx-wrapper .caption p { font-size: 2.125rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .bx-wrapper .caption p { font-size: 2rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bx-wrapper .caption p { font-size: 1.875rem; } } @media screen and (min-width: 640px) and (max-width: 767px) { .bx-wrapper .caption p { font-size: 1.75rem; } } @media screen and (min-width: 480px) and (max-width: 639px) { .bx-wrapper .caption p { font-size: 1.25rem; } } @media screen and (max-width: 479px) { .bx-wrapper .caption p { font-size: 0.9375rem; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .bx-wrapper ul li .iframeWrapper iframe { display: none; visibility: hidden; } } @media \0screen\,screen\9 { .bx-wrapper ul li .iframeWrapper iframe { display: none; visibility: hidden; } } @media screen and (min-width: 0\0) { .bx-wrapper ul li .iframeWrapper iframe { display: none; visibility: hidden; } } /** THEME ===================================*/ html .bx-wrapper .bx-viewport { overflow: visible; border: 0; left: auto; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -moz-transform: translatez(0); -ms-transform: translatez(0); -webkit-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-controls { position: absolute; left: 0; right: 0; margin: auto; text-align: center; } @media screen and (min-width: 768px) { .bx-wrapper .bx-controls { top: 80%; } } @media screen and (min-width: 480px) and (max-width: 767px) { .bx-wrapper .bx-controls { top: 73%; } } @media screen and (max-width: 479px) { .bx-wrapper .bx-controls { top: 70%; } } .bx-wrapper .bx-pager { position: relative; margin: 0 auto; text-align: center; } .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; position: relative; height: 2rem; width: 2rem; } @media screen and (max-width: 479px) { .bx-wrapper .bx-pager .bx-pager-item { width: 1.375rem; height: 1.375rem; } } .bx-wrapper .bx-pager .bx-pager-item a { display: block; position: relative; width: 1rem; height: 1rem; background: white; font-size: 0; line-height: 0; text-indent: -9999px; top: 0; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } @media screen and (max-width: 479px) { .bx-wrapper .bx-pager .bx-pager-item a { width: 0.625rem; height: 0.625rem; } } .bx-wrapper .bx-pager .bx-pager-item a:not(.active) { margin: 0.8125rem auto 0; } .bx-wrapper .bx-pager .bx-pager-item a.active { width: 2.625rem; height: 2.625rem; top: -13px; margin: 0 -4px !important; background: url(../images/home/star.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } @media screen and (max-width: 479px) { .bx-wrapper .bx-pager .bx-pager-item a.active { width: 2rem; height: 2rem; } } .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; } .bx-wrapper + .row { -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.36); -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.36); box-shadow: 0 0 18px rgba(0, 0, 0, 0.36); } @media all and (-ms-high-contrast: none) { .bx-wrapper .bx-pager .bx-pager-item a.active { -ms-transform: translateY(-13px) !important; transform: translateY(-13px) !important; } } @media screen and (min-width: 1440px) { .happening .bx-wrapper ul li { max-height: 84vh; } .happening .bx-wrapper ul li img.fake-slide { position: relative; z-index: 1; } .happening .bx-wrapper ul li img.true-slide { position: absolute; left: 0; bottom: 0; z-index: 20; } } @media screen and (max-width: 1439px) { .happening .bx-wrapper ul li img.fake-slide { position: relative; z-index: -2; } .happening .bx-wrapper ul li img.true-slide { position: absolute; left: 0; top: 0; } } #main .standard-form, .subscribe-modal.article .standard-form { display: block; position: relative; width: 100%; padding: 0; margin: 0; } @media screen and (min-width: 768px) { #main .standard-form sup, .subscribe-modal.article .standard-form sup { position: absolute; top: 40%; right: 1.25rem; } } #main .standard-form h3, .subscribe-modal.article .standard-form h3 { position: relative; text-transform: uppercase; margin: 0 0 1.375rem !important; padding: 0 0 1.5rem !important; } #main .standard-form h3:after, .subscribe-modal.article .standard-form h3:after { position: absolute; width: 100%; height: 0.125rem; left: 0; bottom: 0; content: ""; background: url(../images/library/divider.svg) repeat-x 0 0; } #main .standard-form h3.uppercase:after, .subscribe-modal.article .standard-form h3.uppercase:after { background: #FFF; } #main .standard-form .ctrlHolder, .subscribe-modal.article .standard-form .ctrlHolder { float: left; position: relative; width: 100%; padding: 0.875rem 1.875rem 0.875rem 0; margin: 0; } @media screen and (max-width: 767px) { #main .standard-form .ctrlHolder, .subscribe-modal.article .standard-form .ctrlHolder { padding: 0 1.875rem; margin-left: -1.875rem; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #main .standard-form .ctrlHolder.error, .subscribe-modal.article .standard-form .ctrlHolder.error { padding: 0 1.875rem 0.875rem; margin-top: 0.875rem; } #main .standard-form .ctrlHolder:last-of-type, .subscribe-modal.article .standard-form .ctrlHolder:last-of-type { padding-top: 1.875rem; } } #main .standard-form .ctrlHolder p.hint, .subscribe-modal.article .standard-form .ctrlHolder p.hint { float: right; text-align: right; position: relative; font-size: 1.25rem !important; color: #334164; margin: 0 !important; padding: 0.3125rem 0 0; } #main .standard-form .ctrlHolder p.hint.error, .subscribe-modal.article .standard-form .ctrlHolder p.hint.error { float: left; text-align: left; color: #fff; display: none; text-transform: uppercase; font-size: 0.875rem !important; } #main .standard-form .ctrlHolder.error p.hint.error, .subscribe-modal.article .standard-form .ctrlHolder.error p.hint.error { display: block; } #main .standard-form .ctrlHolder.error p.hint, .subscribe-modal.article .standard-form .ctrlHolder.error p.hint { color: #FFF; } #main .standard-form .ctrlHolder fieldset, .subscribe-modal.article .standard-form .ctrlHolder fieldset { display: block; position: relative; width: 100%; } #main .standard-form .ctrlHolder label, #main .standard-form .ctrlHolder .label, .subscribe-modal.article .standard-form .ctrlHolder label, .subscribe-modal.article .standard-form .ctrlHolder .label { display: table; vertical-align: middle; width: 100%; height: 4.375rem; margin: 0; text-align: right; font-size: 1.5rem; color: #334164; } @media screen and (min-width: 768px) { #main .standard-form .ctrlHolder label.small-label, #main .standard-form .ctrlHolder .label.small-label, .subscribe-modal.article .standard-form .ctrlHolder label.small-label, .subscribe-modal.article .standard-form .ctrlHolder .label.small-label { height: 2.5rem; } } #main .standard-form .ctrlHolder label span, #main .standard-form .ctrlHolder .label span, .subscribe-modal.article .standard-form .ctrlHolder label span, .subscribe-modal.article .standard-form .ctrlHolder .label span { display: table-cell; vertical-align: inherit; } #main .standard-form .ctrlHolder label a, #main .standard-form .ctrlHolder .label a, .subscribe-modal.article .standard-form .ctrlHolder label a, .subscribe-modal.article .standard-form .ctrlHolder .label a { color: #F37C22; border-bottom: 1px solid transparent; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main .standard-form .ctrlHolder label a:hover, #main .standard-form .ctrlHolder .label a:hover, .subscribe-modal.article .standard-form .ctrlHolder label a:hover, .subscribe-modal.article .standard-form .ctrlHolder .label a:hover { border-bottom: 1px solid #F37C22; } #main .standard-form .ctrlHolder label, .subscribe-modal.article .standard-form .ctrlHolder label { cursor: pointer; } #main .standard-form .ctrlHolder input, #main .standard-form .ctrlHolder textarea, .subscribe-modal.article .standard-form .ctrlHolder input, .subscribe-modal.article .standard-form .ctrlHolder textarea { float: left; position: relative; width: 100%; border: 3px solid #D1D1D1; font-size: 1.5rem; color: #334164; -webkit-appearance: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #main .standard-form .ctrlHolder input:-moz-placeholder, #main .standard-form .ctrlHolder textarea:-moz-placeholder, .subscribe-modal.article .standard-form .ctrlHolder input:-moz-placeholder, .subscribe-modal.article .standard-form .ctrlHolder textarea:-moz-placeholder { color: #ababab; opacity: 1; } #main .standard-form .ctrlHolder input::-moz-placeholder, #main .standard-form .ctrlHolder textarea::-moz-placeholder, .subscribe-modal.article .standard-form .ctrlHolder input::-moz-placeholder, .subscribe-modal.article .standard-form .ctrlHolder textarea::-moz-placeholder { color: #ababab; opacity: 1; } #main .standard-form .ctrlHolder input:-ms-input-placeholder, #main .standard-form .ctrlHolder textarea:-ms-input-placeholder, .subscribe-modal.article .standard-form .ctrlHolder input:-ms-input-placeholder, .subscribe-modal.article .standard-form .ctrlHolder textarea:-ms-input-placeholder { color: #ababab; opacity: 1; } #main .standard-form .ctrlHolder input::-webkit-input-placeholder, #main .standard-form .ctrlHolder textarea::-webkit-input-placeholder, .subscribe-modal.article .standard-form .ctrlHolder input::-webkit-input-placeholder, .subscribe-modal.article .standard-form .ctrlHolder textarea::-webkit-input-placeholder { color: #ababab; opacity: 1; } @media screen and (max-width: 479px) { #main .standard-form .ctrlHolder input:-moz-placeholder, #main .standard-form .ctrlHolder textarea:-moz-placeholder, .subscribe-modal.article .standard-form .ctrlHolder input:-moz-placeholder, .subscribe-modal.article .standard-form .ctrlHolder textarea:-moz-placeholder { opacity: 0; } #main .standard-form .ctrlHolder input::-moz-placeholder, #main .standard-form .ctrlHolder textarea::-moz-placeholder, .subscribe-modal.article .standard-form .ctrlHolder input::-moz-placeholder, .subscribe-modal.article .standard-form .ctrlHolder textarea::-moz-placeholder { opacity: 0; } #main .standard-form .ctrlHolder input:-ms-input-placeholder, #main .standard-form .ctrlHolder textarea:-ms-input-placeholder, .subscribe-modal.article .standard-form .ctrlHolder input:-ms-input-placeholder, .subscribe-modal.article .standard-form .ctrlHolder textarea:-ms-input-placeholder { opacity: 0; } #main .standard-form .ctrlHolder input::-webkit-input-placeholder, #main .standard-form .ctrlHolder textarea::-webkit-input-placeholder, .subscribe-modal.article .standard-form .ctrlHolder input::-webkit-input-placeholder, .subscribe-modal.article .standard-form .ctrlHolder textarea::-webkit-input-placeholder { opacity: 0; } } #main .standard-form .ctrlHolder input:focus, #main .standard-form .ctrlHolder textarea:focus, .subscribe-modal.article .standard-form .ctrlHolder input:focus, .subscribe-modal.article .standard-form .ctrlHolder textarea:focus { border: 3px solid #334164; } #main .standard-form .ctrlHolder input, .subscribe-modal.article .standard-form .ctrlHolder input { height: 4.375rem; padding: 0.9375rem 1.875rem; line-height: 1; } #main .standard-form .ctrlHolder input[type="checkbox"], #main .standard-form .ctrlHolder input[type="radio"], .subscribe-modal.article .standard-form .ctrlHolder input[type="checkbox"], .subscribe-modal.article .standard-form .ctrlHolder input[type="radio"] { position: absolute; left: -9999px; } #main .standard-form .ctrlHolder textarea, .subscribe-modal.article .standard-form .ctrlHolder textarea { height: 12.5rem; padding: 1.1875rem 1.875rem; line-height: 1.2; } @media screen and (min-width: 768px) { #main .standard-form .ctrlHolder .left, .subscribe-modal.article .standard-form .ctrlHolder .left { position: absolute; top: 0.9375rem; left: 0; width: 100%; padding-right: 1.875rem; z-index: 10; } } @media screen and (min-width: 1024px) { #main .standard-form .ctrlHolder .left, .subscribe-modal.article .standard-form .ctrlHolder .left { max-width: 14.375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .standard-form .ctrlHolder .left, .subscribe-modal.article .standard-form .ctrlHolder .left { max-width: 12.5rem; } } @media screen and (max-width: 767px) { #main .standard-form .ctrlHolder .left, .subscribe-modal.article .standard-form .ctrlHolder .left { float: left; position: relative; width: 100%; } #main .standard-form .ctrlHolder .left .label, #main .standard-form .ctrlHolder .left label, .subscribe-modal.article .standard-form .ctrlHolder .left .label, .subscribe-modal.article .standard-form .ctrlHolder .left label { text-align: left !important; } } #main .standard-form .ctrlHolder .right, .subscribe-modal.article .standard-form .ctrlHolder .right { float: left; position: relative; width: 100%; } @media screen and (min-width: 1024px) { #main .standard-form .ctrlHolder .right, .subscribe-modal.article .standard-form .ctrlHolder .right { padding: 0 0 0 14.375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .standard-form .ctrlHolder .right, .subscribe-modal.article .standard-form .ctrlHolder .right { padding: 0 0 0 12.5rem; } } #main .standard-form .ctrlHolder .right .label, #main .standard-form .ctrlHolder .right label, .subscribe-modal.article .standard-form .ctrlHolder .right .label, .subscribe-modal.article .standard-form .ctrlHolder .right label { text-align: left; } #main .standard-form .ctrlHolder .right .radio-wrap, .subscribe-modal.article .standard-form .ctrlHolder .right .radio-wrap { float: left; position: relative; padding: 0 1.875rem 0.3125rem 0; } @media screen and (max-width: 639px) { #main .standard-form .ctrlHolder .right .radio-wrap, .subscribe-modal.article .standard-form .ctrlHolder .right .radio-wrap { width: 100%; padding: 0 0 0.625rem; } } #main .standard-form .ctrlHolder .right .radio-wrap label, .subscribe-modal.article .standard-form .ctrlHolder .right .radio-wrap label { padding: 0 0 0 3.375rem; height: 2.625rem; } #main .standard-form .ctrlHolder .right .radio-wrap + p.hint, .subscribe-modal.article .standard-form .ctrlHolder .right .radio-wrap + p.hint { float: left; clear: both; } #main .standard-form .ctrlHolder .right .checkbox-wrap, .subscribe-modal.article .standard-form .ctrlHolder .right .checkbox-wrap { float: left; position: relative; width: 100%; padding: 0 0 0.625rem; } @media screen and (max-width: 639px) { #main .standard-form .ctrlHolder .right .checkbox-wrap, .subscribe-modal.article .standard-form .ctrlHolder .right .checkbox-wrap { padding: 0 0 0.8125rem; } } #main .standard-form .ctrlHolder .right .checkbox-wrap label, .subscribe-modal.article .standard-form .ctrlHolder .right .checkbox-wrap label { float: left; width: auto; padding: 0 0 0 3.375rem; height: 2.5rem; } #main .standard-form .ctrlHolder input[type="checkbox"] + label:after, #main .standard-form .ctrlHolder input[type="radio"] + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="checkbox"] + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="radio"] + label:after { position: absolute; width: 2.375rem; height: 2.375rem; top: 0; left: 0; content: ""; } #main .standard-form .ctrlHolder input[type="checkbox"]:not(:checked):not(:focus) + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="checkbox"]:not(:checked):not(:focus) + label:after { border: 3px solid #D1D1D1; } #main .standard-form .ctrlHolder input[type="checkbox"]:not(:checked):focus + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="checkbox"]:not(:checked):focus + label:after { border: 3px solid #334164; } #main .standard-form .ctrlHolder input[type="checkbox"]:checked:not(:focus) + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="checkbox"]:checked:not(:focus) + label:after { border: 3px solid #D1D1D1; background: url(../images/library/check_d.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } #main .standard-form .ctrlHolder input[type="checkbox"]:checked:focus + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="checkbox"]:checked:focus + label:after { border: 3px solid #334164; background: url(../images/library/check_f.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } #main .standard-form .ctrlHolder input[type="checkbox"] + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="checkbox"] + label:after { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #main .standard-form .ctrlHolder input[type="radio"]:not(:checked):not(:focus) + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="radio"]:not(:checked):not(:focus) + label:after { border: 3px solid #D1D1D1; } #main .standard-form .ctrlHolder input[type="radio"]:not(:checked):focus + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="radio"]:not(:checked):focus + label:after { border: 3px solid #334164; } #main .standard-form .ctrlHolder input[type="radio"]:checked:not(:focus) + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="radio"]:checked:not(:focus) + label:after { border: 3px solid #D1D1D1; background: url(../images/library/radio_d.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 14px auto; -o-background-size: 14px auto; -webkit-background-size: 14px auto; background-size: 14px auto; } #main .standard-form .ctrlHolder input[type="radio"]:checked:focus + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="radio"]:checked:focus + label:after { border: 3px solid #334164; background: url(../images/library/radio_f.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 14px auto; -o-background-size: 14px auto; -webkit-background-size: 14px auto; background-size: 14px auto; } #main .standard-form .ctrlHolder input[type="radio"] + label:after, .subscribe-modal.article .standard-form .ctrlHolder input[type="radio"] + label:after { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } #main .standard-form .button, .subscribe-modal.article .standard-form .button { margin: 0; } .ddListContainer { float: left; position: relative; width: 100%; height: 4.375rem; margin: 0; z-index: 1; font-size: 1.5rem; border: 3px solid #D1D1D1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 1024px) { .ddListContainer { max-width: 35rem; } } .ddListContainer.hover { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ddListContainer .trigger { position: absolute; display: table; vertical-align: middle; z-index: 2; width: 100.1%; height: 4rem; padding: 0; top: 0; left: 0; background: #fff; } .ddListContainer .trigger:after { display: block; position: absolute; z-index: 3; width: 4.375rem; height: 4rem; right: 0; top: 0; content: ""; cursor: pointer; background: url(../images/library/select.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } .ddListContainer .trigger > label { display: block; position: absolute !important; vertical-align: inherit; width: 100%; height: auto !important; padding: 0 4.375rem 0 1.25rem; top: 50%; left: 0; z-index: 1; text-align: left; white-space: nowrap; overflow: hidden; color: #ababab !important; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ddListContainer.item-selected .trigger > label { color: #334164 !important; } .ddListContainer .ddListArrow { display: none; } .ddListContainer.ddListIsOpen { z-index: 10; border: 3px solid #334164; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; } .ddListContainer.ddListIsOpen .trigger:after { background: url(../images/library/select_open.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } .ddListContainer.ddListIsOpen .trigger label { color: #334164 !important; } .ddListContainer .select-scroll { position: relative; z-index: 11; width: 100%; top: 100%; left: -3px; max-height: 15rem; background-color: #fff; border: 3px solid #334164; -ms-overflow-y: scroll; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: auto; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0; border-radius: 0 0 0 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .ddListContainer ul { display: block; position: relative; z-index: 11; width: 100%; padding: 0 !important; margin: 0 !important; list-style: none !important; z-index: 1; } .ddListContainer ul li { float: left; position: relative; z-index: 2000; width: 100%; margin: 0 !important; border-bottom: 1px solid #D1D1D1; } .ddListContainer ul li:last-of-type { border-bottom: 0; margin: 0 0 0.3125rem; } .ddListContainer ul li a { float: left; position: relative; width: 100%; display: table; vertical-align: middle; height: 4.375rem; border-bottom: 0 !important; } .ddListContainer ul li a:hover { border-bottom: 0 !important; } .ddListContainer ul li a label { display: table-cell !important; vertical-align: inherit; height: auto !important; color: #334164; text-align: left; text-transform: none; font-weight: normal; background-color: #fff; width: 100%; height: 3.125rem; padding: 0 3.75rem 0 1.25rem; font-size: 0.875rem; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ddListContainer ul li a label span { display: none !important; } .ddListContainer ul li a label:hover { background-color: #eaeaea; } .standard-form select { opacity: 0; z-index: -1; position: absolute; -webkit-appearance: none; } .standard-form .ctrlHolder.selectHolder .inline-block { float: left; position: relative; width: 100%; padding-right: 1.875rem; } @media screen and (min-width: 1280px) { .standard-form .ctrlHolder.selectHolder .inline-block.month { max-width: 30%; } .standard-form .ctrlHolder.selectHolder .inline-block.day { max-width: 28%; } .standard-form .ctrlHolder.selectHolder .inline-block.year { max-width: 26%; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .standard-form .ctrlHolder.selectHolder .inline-block.month { max-width: 36%; } .standard-form .ctrlHolder.selectHolder .inline-block.day { max-width: 32%; } .standard-form .ctrlHolder.selectHolder .inline-block.year { max-width: 30%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .standard-form .ctrlHolder.selectHolder .inline-block { padding-right: 0; margin-bottom: 0.9375rem; } .standard-form .ctrlHolder.selectHolder .inline-block:last-of-type { margin-bottom: 0; } } @media screen and (min-width: 640px) and (max-width: 767px) { .standard-form .ctrlHolder.selectHolder .inline-block.month { max-width: 42%; } .standard-form .ctrlHolder.selectHolder .inline-block.day { max-width: 28%; } .standard-form .ctrlHolder.selectHolder .inline-block.year { max-width: 30%; padding-right: 0; } } @media screen and (max-width: 639px) { .standard-form .ctrlHolder.selectHolder .inline-block { padding-right: 0; margin-bottom: 0.9375rem; } .standard-form .ctrlHolder.selectHolder .inline-block:last-of-type { margin-bottom: 0; } } #main .standard-form .ctrlHolder.error, .subscribe-modal.article .standard-form .ctrlHolder.error { background: #F45A38; } #main .standard-form .ctrlHolder.error label, #main .standard-form .ctrlHolder.error .label, .subscribe-modal.article .standard-form .ctrlHolder.error label, .subscribe-modal.article .standard-form .ctrlHolder.error .label { color: #fff; } #main .standard-form .ctrlHolder.error label a, #main .standard-form .ctrlHolder.error .label a, .subscribe-modal.article .standard-form .ctrlHolder.error label a, .subscribe-modal.article .standard-form .ctrlHolder.error .label a { color: #FFF; border-bottom: 1px solid #fff; } #main .standard-form .ctrlHolder.error input, #main .standard-form .ctrlHolder.error textarea, .subscribe-modal.article .standard-form .ctrlHolder.error input, .subscribe-modal.article .standard-form .ctrlHolder.error textarea { border: 3px solid #F45A38; } #main .standard-form .ctrlHolder.error input[type="checkbox"] + label::after, #main .standard-form .ctrlHolder.error input[type="radio"] + label::after, .subscribe-modal.article .standard-form .ctrlHolder.error input[type="checkbox"] + label::after, .subscribe-modal.article .standard-form .ctrlHolder.error input[type="radio"] + label::after { background-color: #fff !important; border: 3px solid #f45a38 !important; } #main .standard-form .ctrlHolder.error .ddListContainer, .subscribe-modal.article .standard-form .ctrlHolder.error .ddListContainer { border: 3px solid #f45a38; } #main .standard-form .ctrlHolder.error .ddListContainer label, .subscribe-modal.article .standard-form .ctrlHolder.error .ddListContainer label { color: #ABABAB; } #main .standard-form .ctrlHolder.error p.hint a, .subscribe-modal.article .standard-form .ctrlHolder.error p.hint a { color: #FFF !important; border-bottom: 1px solid #fff !important; } #main .standard-form .ctrlHolder.error p.hint a:hover, .subscribe-modal.article .standard-form .ctrlHolder.error p.hint a:hover { color: #FFF !important; border-bottom: 1px solid #fff !important; } #register-children button.button { max-width: 16.25rem; } .select-scroll::-webkit-scrollbar { width: 9px; } .select-scroll::-webkit-scrollbar-track { -webkit-border-radius: 5px; border-radius: 5px; background: rgba(0, 0, 0, 0.1); } .select-scroll::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: rgba(0, 0, 0, 0.2); } .select-scroll::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.4); } .select-scroll::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.05); } #subscribe-form.standard-form h2 { text-align: center; position: relative; } @media screen and (min-width: 1024px) { #subscribe-form.standard-form h2:before, #subscribe-form.standard-form h2:after { display: block; position: absolute; bottom: -45px; content: ""; z-index: 10; background: #FFF; width: 0.9375rem; height: 1.875rem; } #subscribe-form.standard-form h2:before { left: 0; } #subscribe-form.standard-form h2:after { right: 0; } } #surveyStart { padding: 0 !important; } #main .gallery { display: block; position: relative; overflow: hidden; width: 100%; margin: 0 0 3.125rem; padding: 0; list-style: none; } #main .gallery + .button { margin: -1.25rem auto 3.125rem; max-width: 25.625rem; } #main .gallery li { float: left; position: relative; margin: 0; z-index: 1; } #main .gallery li .preloader { position: absolute; z-index: 2; left: 50%; top: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #main .gallery li a { z-index: 3; } #main .gallery li a img { z-index: 4; } #main .gallery li a span { z-index: 101; } #main .gallery li a span:before { z-index: 99; } #main .gallery li > a { float: left; position: relative; width: 100%; overflow: hidden; border-bottom: 0 !important; } #main .gallery li > a:hover { border-bottom: 0 !important; } #main .gallery li > a:after { display: block; position: relative; content: ""; margin-top: 100%; } #main .gallery li > a img { display: block; position: absolute; width: 100%; margin: 0; } #main .gallery.categories li > a span { display: block; position: absolute; width: 100%; padding: 1.875rem; top: 5.5%; left: 0; color: #FFF; line-height: 1.2; font-weight: 700; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); font-family: 'Montserrat', Helvetica, Arial, sans-serif; } @media screen and (min-width: 1440px) { #main .gallery.categories li > a span { font-size: 3rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { #main .gallery.categories li > a span { font-size: 2.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main .gallery.categories li > a span { font-size: 2.5rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .gallery.categories li > a span { font-size: 1.5625rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { #main .gallery.categories li > a span { font-size: 2rem; } } @media screen and (max-width: 479px) { #main .gallery.categories li > a span { font-size: 1.5rem; } } #main .gallery.categories li > a span:before { position: absolute; width: 101%; height: 200%; top: 0; left: 0; content: ""; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } #main .gallery.categories li a img { display: block; position: absolute; width: 100%; margin: 0; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: -moz-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } #main .gallery.categories li a:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } @media screen and (min-width: 768px) { #main .gallery.categories li { width: 50%; } #main .gallery.categories li:nth-child(2n+3) { clear: left; } } @media screen and (max-width: 767px) { #main .gallery.categories li { width: 100%; } } #main .gallery.categories li > a:after { margin-top: 65%; } @media screen and (min-width: 768px) { #main .gallery.categories.three li { width: 33.3333333%; } #main .gallery.categories.three li:nth-child(2n+3) { clear: none; } #main .gallery.categories.three li:nth-child(3n+4) { clear: left; } #main .gallery.categories.three li a:after { margin-top: 100%; } #main .gallery.categories.three li a img { -moz-transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } #main .gallery.categories.three li a:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } } @media screen and (max-width: 767px) { #main .gallery.categories.three li { width: 100%; } #main .gallery.categories.three li > a:after { margin-top: 75%; } } #main .gallery.modal li { background: #FFF; padding: 0.9375rem; } @media screen and (min-width: 1024px) { #main .gallery.modal li { width: 24%; margin: 0 1.3333333% 1.3333333% 0; } #main .gallery.modal li:nth-child(4n+4) { margin: 0 0 1.3333333% 0; } #main .gallery.modal li:nth-child(4n+5) { clear: left; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .gallery.modal li { width: 32%; margin: 0 2% 2% 0; } #main .gallery.modal li:nth-child(3n+3) { margin: 0 0 2% 0; } #main .gallery.modal li:nth-child(3n+4) { clear: left; } } @media screen and (min-width: 480px) and (max-width: 767px) { #main .gallery.modal li { width: 48.3%; margin: 0 3% 3% 0; } #main .gallery.modal li:nth-child(2n+2) { margin: 0 0 3% 0; } #main .gallery.modal li:nth-child(2n+3) { clear: left; } } @media screen and (max-width: 640px) { #main .gallery.modal li { padding: 0.625rem; } } @media screen and (max-width: 479px) { #main .gallery.modal li { width: 100%; margin: 0 0 1rem; } } #main .gallery.modal li > a:before { display: block; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; content: ""; opacity: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main .gallery.modal li > a[data-fancybox-type="image"]:before { background: rgba(59, 69, 98, 0.7) url(../images/library/zoom.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 60px auto; -o-background-size: 60px auto; -webkit-background-size: 60px auto; background-size: 60px auto; } #main .gallery.modal li > a[data-fancybox-type="iframe"]:before { background: rgba(59, 69, 98, 0.7) url(../images/library/play_button.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 50px auto; -o-background-size: 50px auto; -webkit-background-size: 50px auto; background-size: 50px auto; } #main .gallery.modal li > a[data-fancybox-type="iframe"] span { position: absolute; width: 100%; height: 2.5rem; font-size: 85%; left: 0; bottom: 0; padding: 0 1.875rem; color: #FFF; text-align: left; z-index: 10; overflow: hidden; white-space: nowrap; opacity: 0; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main .gallery.modal li > a[data-fancybox-type="iframe"]:hover span { opacity: 1; } #main .gallery.modal li > a:hover:before { opacity: 1; } #main .gallery.videos li > a::after { margin-top: 56%; } #main .gallery.videos li > a img { left: 0; top: 50%; -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } #main .gallery.videos li > a:hover img { -moz-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); -webkit-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } .button { display: table; vertical-align: middle; position: relative; overflow: hidden; clear: both; width: 100%; max-width: 32.5rem; height: 4.375rem; top: 0; margin: 0 0 2.25rem; padding: 0.625rem 1.875rem; border: 0; text-align: center !important; background: transparent; border-bottom: 0 !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .button:hover { border-bottom: 0 !important; } .button span { width: 100%; display: table-cell; vertical-align: inherit; font-size: 1.5rem; line-height: 1.1; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', Helvetica, Arial, sans-serif; } .button.big { max-width: 46.25rem; } @media screen and (min-width: 768px) { .button.big { height: 5.25rem; } .button.big span { font-size: 1.875rem; } } .button.red { background-color: #D31577; } .button.red:hover { background-color: #e3165b; } .button.red span { color: #FFF; } .button.yellow { background-color: #ffd92b; } .button.yellow:hover { background-color: #ffe700; } .button.yellow span { color: #2e2e2e; } .button.blue { background-color: #0280c4; } .button.blue:hover { background-color: #0290dd; } .button.blue span { color: #FFF; } .button.fireworks-subscribe { background-color: #efefef; } .button.fireworks-subscribe:hover { background-color: #e2e2e2; } .button.fireworks-subscribe span { color: #ff849d; } .button.calendar-subscribe { background-color: #efefef; } .button.calendar-subscribe:hover { background-color: #e2e2e2; } .button.calendar-subscribe span { color: #37a2cd; } button.button { max-width: 20.625rem; } button.button span { float: left; width: 100%; } #main .messages { display: block; position: relative; overflow: hidden; clear: both; margin: 0 auto 1.25rem; width: 100%; } #main .messages p { font-size: 1.375rem; color: #FFF; text-align: center; width: 100%; margin: 0 auto; } #main .messages ul { padding: 0 0 0 1.5625rem; margin: 0; list-style: outside disc; } #main .messages ul li { color: #FFF; margin: 0; font-size: 1.125rem; } #main .messages .msg { display: block; position: relative; width: 100%; margin: 0 auto 0.9375rem; padding: 1.25rem 1.875rem; } #main .messages .success { background: #82c93d; padding: 1.875rem; } #main .messages .success p { max-width: 57.5rem; } #main .messages .success a { color: #91ff78; border-bottom: 1px solid #91ff78; } #main .messages .success a:hover { color: #fff; border-bottom: 1px solid #FFF; } #main .messages .info { background: #fff37f; padding: 1.875rem; } #main .messages .info p, #main .messages .info li { color: #252525; } #main .messages .info a { color: #252525; border-bottom: 1px solid transparent; } #main .messages .info a:hover { border-bottom: 1px solid #252525; } #main .messages .error { background: #f45a38; } #main .messages .error p { text-align: left; } #main .messages .error p, #main .messages .error ul { max-width: 55rem; margin: 0 auto; } #main .messages .error a { color: #fff; border-bottom: 1px solid transparent; } #main .messages .error a:hover { border-bottom: 1px solid #fff; } article, .article { float: left; position: relative; display: block; width: 100%; margin: 0 0 2.25rem; } article .wrap, .article .wrap { background: #FFF; float: left; position: relative; } @media screen and (min-width: 1367px) { article .wrap, .article .wrap { padding: 2.8125rem 8.9375rem; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { article .wrap, .article .wrap { padding: 2.8125rem 1.875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { article .wrap, .article .wrap { padding: 2.5rem 1.875rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { article .wrap, .article .wrap { padding: 1.875rem; } } @media screen and (max-width: 479px) { article .wrap, .article .wrap { padding: 1.875rem; } } @media screen and (min-width: 1024px) { article .wrap, .article .wrap { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } } article .wrap + figure, .article .wrap + figure { margin: -1.875rem 0 0; } @media screen and (min-width: 1024px) { article.blog, .article.blog { width: 70%; } } @media screen and (max-width: 1023px) { article.blog, .article.blog { width: 100%; } } @media screen and (min-width: 1367px) { article.blog .wrap, .article.blog .wrap { padding: 2.8125rem 6.4375rem; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { article.blog .wrap, .article.blog .wrap { padding: 2.8125rem 1.875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { article.blog .wrap, .article.blog .wrap { padding: 2.5rem 1.875rem; } } @media screen and (max-width: 767px) { article.blog .wrap, .article.blog .wrap { padding: 1.875rem; } } .blog .post { display: block; position: relative; width: 100%; padding: 2.5rem 0 0; margin: 0 0 0.625rem; } @media screen and (max-width: 479px) { .blog .post { padding: 1.875rem 0 0; } } .blog .post:after { position: absolute; width: 100%; height: 0.125rem; top: 0; left: 0; content: ""; background: url(../images/library/divider.svg) repeat-x 0 0; } .blog .post .text-overflow { display: block; position: relative; width: 100%; height: 9.875rem; overflow: hidden; } @media screen and (min-width: 1024px) { .blog .post .text-overflow { margin: 0 0 1.875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .blog .post .text-overflow { margin: 0 0 1.5rem; } } @media screen and (max-width: 767px) { .blog .post .text-overflow { margin: 0 0 1.125rem; } } .blog .post .text-overflow * { display: inline !important; margin: 0 !important; } aside { float: left; position: relative; } @media screen and (min-width: 1024px) { aside { width: 30%; } } @media screen and (max-width: 1023px) { aside { width: 100%; } } @media screen and (min-width: 1367px) { aside { padding: 1.5rem 1.875rem 1.5rem 3.625rem; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { aside { padding: 2.8125rem 0 2.8125rem 1.875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { aside { padding: 2.5rem 1.875rem; } } @media screen and (max-width: 767px) { aside { width: 100%; padding: 1.875rem; } } #main aside li a { color: #334164 !important; border-bottom: 0 !important; } #main aside li a:hover { color: #F37C22 !important; border-bottom: 0 !important; } #main aside .accordion-nav > li { float: left; position: relative; width: 100%; margin-bottom: 0.625rem; } #main aside .accordion-nav > li > a { float: left; position: relative; padding: 0 1.5rem 0 0; } #main aside .accordion-nav > li > a:before, #main aside .accordion-nav > li > a:after { display: block; position: absolute; width: 0.875rem; height: 100%; top: 0; right: 0; content: ""; outline: 1px solid transparent; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main aside .accordion-nav > li > a:before { background: url(../images/library/accordion_nav_d.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 8px auto; -o-background-size: 8px auto; -webkit-background-size: 8px auto; background-size: 8px auto; } #main aside .accordion-nav > li > a:after { opacity: 0; background: url(../images/library/accordion_nav_d_h.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 8px auto; -o-background-size: 8px auto; -webkit-background-size: 8px auto; background-size: 8px auto; } #main aside .accordion-nav > li > a:hover:before { opacity: 0; } #main aside .accordion-nav > li > a:hover:after { opacity: 1; } #main aside .accordion-nav > li > a.active:before, #main aside .accordion-nav > li > a.active:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #main aside .accordion-nav > li ul { float: left; position: relative; width: 100%; margin: 0; padding: 0.625rem 0 0.625rem 1.125rem; } .social { display: block; position: relative; padding: 0 0 1.75rem; margin: 0 auto; } .social li { display: inline-block; margin: 0 0.375rem; width: 3.125rem; height: 3.125rem; } .social a { display: block; position: relative; width: 3.125rem; height: 3.125rem; font-size: 0; line-height: 0; text-indent: -9999px; opacity: 0.7; border-bottom: 0 !important; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .social a:hover { opacity: 1; border-bottom: 0 !important; } @-webkit-keyframes shake-rotate { 0% { transform: translate(0px, 0px) rotate(0deg); } 25% { transform: translate(0px, 0px) rotate(-3.5deg); } 50% { transform: translate(0px, 0px) rotate(3.5deg); } 75% { transform: translate(0px, 0px) rotate(-3.5deg); } 100% { transform: translate(0px, 0px) rotate(0deg); } } @-moz-keyframes shake-rotate { 0% { transform: translate(0px, 0px) rotate(0deg); } 25% { transform: translate(0px, 0px) rotate(-3.5deg); } 50% { transform: translate(0px, 0px) rotate(3.5deg); } 75% { transform: translate(0px, 0px) rotate(-3.5deg); } 100% { transform: translate(0px, 0px) rotate(0deg); } } @-ms-keyframes shake-rotate { 0% { transform: translate(0px, 0px) rotate(0deg); } 25% { transform: translate(0px, 0px) rotate(-3.5deg); } 50% { transform: translate(0px, 0px) rotate(3.5deg); } 75% { transform: translate(0px, 0px) rotate(-3.5deg); } 100% { transform: translate(0px, 0px) rotate(0deg); } } @keyframes shake-rotate { 0% { transform: translate(0px, 0px) rotate(0deg); } 25% { transform: translate(0px, 0px) rotate(-3.5deg); } 50% { transform: translate(0px, 0px) rotate(3.5deg); } 75% { transform: translate(0px, 0px) rotate(-3.5deg); } 100% { transform: translate(0px, 0px) rotate(0deg); } } .subscribe { display: block; position: relative; width: 100%; height: 100%; } .subscribe * { outline: 0px solid transparent; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .subscribe .wrap { overflow: hidden; padding-left: 0; padding-right: 0; } .subscribe figure { float: none; display: block; position: relative; width: 100%; padding-bottom: 0.625rem; } @media screen and (min-width: 1024px) { .subscribe figure { margin: 0 auto 1.875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .subscribe figure { margin: 0 auto 0.9375rem; } } @media screen and (max-width: 767px) { .subscribe figure { margin: 0 auto 0.9375rem; } } .subscribe figure .email { display: block; position: relative; margin: 0 auto; width: 100%; } @media screen and (min-width: 1440px) { .subscribe figure .email { max-width: 9.75rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .subscribe figure .email { max-width: 9.375rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .subscribe figure .email { max-width: 9rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .subscribe figure .email { max-width: 8.625rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .subscribe figure .email { max-width: 7.875rem; } } @media screen and (max-width: 479px) { .subscribe figure .email { max-width: 6.875rem; } } .subscribe figure .email.shake { outline: 1px solid transparent; -moz-animation: 0.5s shake-rotate running ease-in-out 5; -webkit-animation: 0.5s shake-rotate running ease-in-out 5; animation: 0.5s shake-rotate running ease-in-out 5; } .subscribe h2 { line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; color: #222F54; } @media screen and (min-width: 1024px) { .subscribe h2 { margin: 0 0 3rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .subscribe h2 { margin: 0 0 1.5625rem; } } @media screen and (max-width: 767px) { .subscribe h2 { margin: 0 0 1.25rem; } } @media screen and (min-width: 1440px) { .subscribe h2 { font-size: 4.5rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .subscribe h2 { font-size: 4.125rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .subscribe h2 { font-size: 3.75rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .subscribe h2 { font-size: 3.25rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .subscribe h2 { font-size: 2.875rem; } } @media screen and (max-width: 479px) { .subscribe h2 { font-size: 2.5rem; } } .subscribe .button { margin: 0 auto; } .subscribe form { max-width: 46.25rem; margin: 0 auto !important; } .subscribe form .messages .error p { text-align: center !important; } #main .contact-info, #main .profile-actions { display: block; position: relative; margin: 0; padding: 0; list-style: none; } @media screen and (min-width: 751px) { #main .contact-info li, #main .profile-actions li { display: inline; position: relative; padding: 0 1.875rem 0 0; } #main .contact-info li:after, #main .profile-actions li:after { position: absolute; display: inline; content: "|"; right: 0.625rem; font-size: 1.5rem; line-height: 1.4; } #main .contact-info li:last-of-type:after, #main .profile-actions li:last-of-type:after { display: none; } } @media screen and (max-width: 750px) { #main .contact-info li, #main .profile-actions li { display: block; position: relative; margin: 0; } } .row.info .wrap > .left { float: left; position: relative; } @media screen and (min-width: 1440px) { .row.info .wrap > .left { width: 68.4%; padding: 0 5.625rem 0 1.875rem; } } @media screen and (min-width: 1024px) and (max-width: 1439px) { .row.info .wrap > .left { width: 71%; padding: 0 3.75rem 0 0; } } @media screen and (max-width: 1023px) { .row.info .wrap > .left { width: 100%; } } .row.info .wrap > .left .left { float: left; position: relative; } @media screen and (min-width: 768px) { .row.info .wrap > .left .left { width: 30%; padding-right: 1.875rem; } } @media screen and (max-width: 767px) { .row.info .wrap > .left .left { width: 100%; } .row.info .wrap > .left .left figure { width: 100%; max-width: 18.75rem; } } .row.info .wrap > .left .right { float: right; position: relative; } @media screen and (min-width: 768px) { .row.info .wrap > .left .right { width: 70%; } } @media screen and (max-width: 767px) { .row.info .wrap > .left .right { width: 100%; } } .row.info .wrap > .left .right h3 { text-transform: none; margin: 0 0 1.25rem; } .row.info .wrap > .right { float: left; position: relative; } @media screen and (min-width: 1024px) { .row.info .wrap > .right { width: 29%; } } @media screen and (max-width: 1023px) { .row.info .wrap > .right { width: 100%; } } @media screen and (max-width: 1023px) { .row.info .wrap > .right figure { width: 100%; max-width: 18.75rem; } .row.info .wrap > .right figure + a { clear: both; } } .row.info .wrap > .right a, .row.info .wrap > .right figure { float: left; position: relative; } .row.info .wrap > .right > a { font-size: 1.5rem; color: #f37c22; border-bottom: 1px solid transparent; } .row.info .wrap > .right > a:hover { border-bottom: 1px solid #f37c22; } @media screen and (max-width: 1023px) { .row.info .wrap > .right > a { float: left; clear: both; } } .row.info .wrap > .right > span { float: right; font-size: 1.5rem; border-bottom: 1px solid transparent; } @media screen and (max-width: 1023px) { .row.info .wrap > .right > span { float: left; clear: both; } } .row.info .wrap > .right .enlarge-img { width: 100%; background: #FFF; margin: 0 0 0.3125rem; } @media screen and (min-width: 1280px) { .row.info .wrap > .right .enlarge-img { padding: 0.9375rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .row.info .wrap > .right .enlarge-img { padding: 0.875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .row.info .wrap > .right .enlarge-img { padding: 0.8125rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .row.info .wrap > .right .enlarge-img { padding: 0.75rem; } } @media screen and (max-width: 479px) { .row.info .wrap > .right .enlarge-img { padding: 0.625rem; } } .row.info .wrap > .right .enlarge-img a { float: left; position: relative; width: 100%; overflow: hidden; border-bottom: 0 !important; } .row.info .wrap > .right .enlarge-img a:hover { border-bottom: 0 !important; } .row.info .wrap > .right .enlarge-img a:before { display: block; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; content: ""; opacity: 0; background: rgba(59, 69, 98, 0.7) url(../images/library/zoom.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 60px auto; -o-background-size: 60px auto; -webkit-background-size: 60px auto; background-size: 60px auto; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .row.info .wrap > .right .enlarge-img img { float: left; position: relative; width: 100%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .row.info .wrap > .right .enlarge-img a:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .row.info .wrap > .right .enlarge-img a:hover:before { opacity: 1; } @media screen and (min-width: 768px) and (max-width: 1023px) { .accommodations-pg .enlarge-img { margin-left: 30%; } .accommodations-pg .enlarge-img + a { margin-left: 30%; } } #main .tab-header { float: left; position: relative; width: 100%; padding: 0 0 1.25rem; margin: 0 0 2.1875rem; } #main .tab-header:after { position: absolute; width: 100%; height: 0.125rem; left: 0; bottom: 0; content: ""; background: url(../images/library/divider.svg) repeat-x 0 0; } @media screen and (min-width: 768px) { #main .tab-header h2 { position: absolute; } } @media screen and (max-width: 767px) { #main .tab-header h2 { margin: 0 0 1.875rem; } } @media screen and (min-width: 1440px) { #main .tab-header h2 { font-size: 3rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { #main .tab-header h2 { font-size: 2.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main .tab-header h2 { font-size: 2.5rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .tab-header h2 { font-size: 2.125rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { #main .tab-header h2 { font-size: 1.875rem; } } @media screen and (max-width: 479px) { #main .tab-header h2 { font-size: 1.375rem; } } #main .tab-header .tab-link { position: relative; padding: 0; list-style: none; } @media screen and (min-width: 768px) { #main .tab-header .tab-link { float: right; width: 29.0625rem; margin: -1.25rem 0 0; } } @media screen and (max-width: 767px) { #main .tab-header .tab-link { float: left; position: relative; width: 100%; margin: 0; } } #main .tab-header .tab-link li { float: left; padding: 0 0.4375rem; margin: 0; } @media screen and (min-width: 768px) { #main .tab-header .tab-link li { width: 9.6875rem; } } @media screen and (max-width: 767px) { #main .tab-header .tab-link li { width: 33.3333333%; } } @media screen and (max-width: 479px) { #main .tab-header .tab-link li { width: 100%; margin: 0 0 0.625rem; padding: 0; } } #main .tab-header .tab-link li a { display: table; vertical-align: middle; position: relative; text-align: center; width: 100%; background: #EFEFEF; color: #334164; text-transform: uppercase; border-bottom: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } @media screen and (min-width: 640px) { #main .tab-header .tab-link li a { font-size: 1.125rem; height: 5.4375rem; } } @media screen and (max-width: 767px) { #main .tab-header .tab-link li a { font-size: 1rem; height: 3.75rem; } } #main .tab-header .tab-link li a:hover, #main .tab-header .tab-link li a.current { border-bottom: 0; color: #328DBD; } #main .tab-header .tab-link li a span { display: table-cell; vertical-align: inherit; font-weight: 900; font-family: 'Lato', Helvetica, Arial, sans-serif; } @-webkit-keyframes fadeIn { from { opacity: 0; z-index: -1; visibility: hidden; } to { opacity: 1; z-index: 101; visibility: visible; } } @-moz-keyframes fadeIn { from { opacity: 0; z-index: -1; visibility: hidden; } to { opacity: 1; z-index: 101; visibility: visible; } } @-ms-keyframes fadeIn { from { opacity: 0; z-index: -1; visibility: hidden; } to { opacity: 1; z-index: 101; visibility: visible; } } @keyframes fadeIn { from { opacity: 0; z-index: -1; visibility: hidden; } to { opacity: 1; z-index: 101; visibility: visible; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fc-tt { position: absolute; top: 0; opacity: 0; z-index: -1; visibility: hidden; padding: 0 0 1.25rem; -moz-animation: fadeOut ease-in-out 0s forwards 1; -webkit-animation: fadeOut ease-in-out 0s forwards 1; animation: fadeOut ease-in-out 0s forwards 1; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; } .fc-tt .tt-outer { display: block; position: relative; width: 100%; padding: 1.875rem 1.875rem 0; background: #FFF; -moz-box-shadow: 5px 5px 10px transparent; -webkit-box-shadow: 5px 5px 10px transparent; box-shadow: 5px 5px 10px transparent; } .fc-tt .tt-outer * { position: relative; z-index: 10; } .fc-tt .tt-outer:after { position: absolute; width: 1.25rem; height: 1.25rem; content: ""; bottom: 0; background: #FFF; -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); } .fc-tt .tt-outer:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; background: #FFF; -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); } .fc-tt .tt-inner { display: block; position: relative; z-index: 10; padding: 0 0 0.9375rem; background: #FFF; } div > a:hover + .fc-tt, li > a:hover + .fc-tt, .tt-trigger:hover + .fc-tt, .fc-tt:hover { -moz-animation: fadeIn ease-in-out 0.2s forwards 1; -webkit-animation: fadeIn ease-in-out 0.2s forwards 1; animation: fadeIn ease-in-out 0.2s forwards 1; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .fc-tt.visible { -moz-animation: fadeIn ease-in-out 0.2s forwards 1; -webkit-animation: fadeIn ease-in-out 0.2s forwards 1; animation: fadeIn ease-in-out 0.2s forwards 1; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .fc-tt:not(.visible) { -moz-animation: fadeOut ease-in-out 0.2s forwards 1; -webkit-animation: fadeOut ease-in-out 0.2s forwards 1; animation: fadeOut ease-in-out 0.2s forwards 1; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .accordion { display: block; position: relative; width: 100%; margin: 0; } .accordion dt { display: block; position: relative; width: 100%; clear: both; padding: 0; line-height: 1.2; color: #334164; font-family: 'Montserrat', Helvetica, Arial, sans-serif; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 1440px) { .accordion dt { font-size: 1.875rem; padding: 2.125rem 0; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .accordion dt { font-size: 1.75rem; padding: 1.875rem 0; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .accordion dt { font-size: 1.625rem; padding: 1.625rem 0; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .accordion dt { font-size: 1.5rem; padding: 1.5rem 0; } } @media screen and (min-width: 480px) and (max-width: 767px) { .accordion dt { font-size: 1.375rem; padding: 1.25rem 0; } } @media screen and (max-width: 479px) { .accordion dt { font-size: 1.25rem; padding: 0.9375rem 0; } } .accordion dt:after { display: block; position: absolute; width: 200%; height: 1px; bottom: 0; left: -50%; content: ""; background: url(../images/library/divider_2.png) repeat-x 0 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .accordion dt.active:after { width: 100%; left: 0; } .accordion dt a { display: block; position: relative; color: #334164; text-transform: uppercase; padding-right: 1.25rem; font-weight: 700; font-family: 'Montserrat', Helvetica, Arial, sans-serif; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 1440px) { .accordion dt a { font-size: 2.25rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .accordion dt a { font-size: 2.125rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .accordion dt a { font-size: 2rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .accordion dt a { font-size: 1.875rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .accordion dt a { font-size: 1.5rem; } } @media screen and (max-width: 479px) { .accordion dt a { font-size: 1.0625rem; } } .accordion dt a:before { display: block; position: absolute; top: 50%; right: 0.4375rem; content: ""; color: #334164; line-height: 0.9; text-align: center; background: url(../images/library/plus.png) no-repeat 50% 0; background-attachment: scroll; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; font-family: 'Montserrat', Helvetica, Arial, sans-serif; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } @media screen and (min-width: 1440px) { .accordion dt a:before { width: 1.4375rem; height: 1.4375rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .accordion dt a:before { width: 1.375rem; height: 1.375rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .accordion dt a:before { width: 1.3125rem; height: 1.3125rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .accordion dt a:before { width: 1.25rem; height: 1.25rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .accordion dt a:before { width: 1.1875rem; height: 1.1875rem; } } @media screen and (max-width: 479px) { .accordion dt a:before { width: 1.125rem; height: 1.125rem; } } @media screen and (max-width: 479px) { .accordion dt a:before { right: 0; } } .accordion dt a:hover { color: #0280C4; } .accordion dt a:hover:before { background: url(../images/library/plus.png) no-repeat 50% 100%; background-attachment: scroll; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; } .accordion dt.active a:before { background: url(../images/library/minus.png) no-repeat 50% 0; background-attachment: scroll; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; } .accordion dt.active a:hover:before { background: url(../images/library/minus.png) no-repeat 50% 100%; background-attachment: scroll; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; } .accordion dt, .accordion dt a, .accordion dt a:after, .accordion dt a:before { outline: 1px solid transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .accordion dd { position: relative; width: 100%; clear: both; padding: 1.25rem 0 3.75rem; margin: 0; font-size: 1.5rem; } .accordion dd:after { display: block; position: absolute; width: 200%; height: 1px; content: ""; bottom: 0; left: -50%; background: url(../images/library/divider_2.png) repeat-x 0 100%; } .accordion dd p { margin: 0 !important; } @media screen and (min-width: 1280px) { .accordion dd p { font-size: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .accordion dd p { font-size: 1.4375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .accordion dd p { font-size: 1.375rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .accordion dd p { font-size: 1.3125rem; } } @media screen and (max-width: 479px) { .accordion dd p { font-size: 1.25rem; } } .accordion dd p + p { margin-top: 0 !important; } .accordion dd p:last-of-type { margin-top: 1.8rem !important; } .accordion dd.guest p { max-width: 53.75rem; } @media screen and (min-width: 768px) { .accordion dd.guest p { padding: 0 1.875rem; } } .accordion dd h6 { margin: 0.625rem 0 0.625rem; } .accordion dd p + h6 { margin: 2.25rem 0 0.625rem; } .accordion dd:nth-of-type(3) p, .accordion dd:nth-of-type(3) h6, .accordion dd:nth-of-type(4) p, .accordion dd:nth-of-type(4) h6 { max-width: 53.75rem; } @media screen and (min-width: 768px) { .accordion dd:nth-of-type(3) p, .accordion dd:nth-of-type(3) h6, .accordion dd:nth-of-type(4) p, .accordion dd:nth-of-type(4) h6 { padding: 0 1.875rem; } } .accordion.active dt:after { width: 100%; left: 0; } .accordion ul { margin: 0 !important; } .accordion dt.active:before, .accordion dt.active a:after { position: absolute; display: block; width: 200px; height: 200px; content: ""; background: #FFF; opacity: 0; } .accordion dt.active:before { top: -100px; left: -200px; } .accordion dt.active a:after { top: -100px; right: -200px; } .accordion dt.active + dd + dt.active:before, .accordion dt.active + dd + dt.active a:after { opacity: 1; } .accordion { margin: 0 0 -1.25rem; } .accordion:before { z-index: 11; display: block; position: absolute; width: 200%; height: 2px; content: ""; background: #FFF; bottom: 0; left: -50%; } .page-nav { display: block; position: relative; clear: both; width: 100%; } @media screen and (min-width: 1024px) { .page-nav { padding: 0 0 1.5rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .page-nav { padding: 0 0 1.25rem; } } @media screen and (max-width: 767px) { .page-nav { padding: 0 0 1rem; } } .page-nav a { position: relative; display: table; margin: 0 auto; color: #374567; } @media screen and (min-width: 1280px) { .page-nav a { font-size: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .page-nav a { font-size: 1.4375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .page-nav a { font-size: 1.375rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .page-nav a { font-size: 1.3125rem; } } @media screen and (max-width: 479px) { .page-nav a { font-size: 1.25rem; } } .page-nav a:hover { color: #F37C22; } .page-nav a span.text { float: left; position: relative; } @media screen and (min-width: 1280px) { .page-nav a span.text { font-size: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .page-nav a span.text { font-size: 1.4375rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .page-nav a span.text { font-size: 1.375rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { .page-nav a span.text { font-size: 1.3125rem; } } @media screen and (max-width: 479px) { .page-nav a span.text { font-size: 1.25rem; } } .page-nav a span.arrows { position: absolute; width: 1rem; height: 1.125rem; margin-top: 2px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-nav .left { float: left; margin: 0; } .page-nav .left span.text { padding-left: 1.3125rem; } .page-nav .left span.arrows { left: 0; background: url(../images/library/prev_arr.png) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .page-nav .right { float: right; margin: 0; } .page-nav .right span.text { padding-right: 1.3125rem; } .page-nav .right span.arrows { right: 0; background: url(../images/library/next_arr.png) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .page-nav a:hover span.arrows { background-position: 50% 100%; } @media screen and (max-width: 479px) { .page-nav.more-space .left { margin: 0 0 0 -1.25rem; } .page-nav.more-space .right { margin: 0 -0.9375rem 0 0; } } #main .pagination { display: block; position: relative; overflow: hidden; width: 100%; } #main .pagination ul { float: left; position: relative; width: auto; padding: 0; list-style: none; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (min-width: 768px) { #main .pagination ul { margin: 0 0 0 -1.125rem; } } #main .pagination ul li { float: left; width: auto; margin: 0 0.125rem !important; position: relative; } #main .pagination ul li a { float: left; position: relative; color: #374567; border-bottom: 0; padding: 0.125rem 0.625rem; background: transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } @media screen and (min-width: 640px) { #main .pagination ul li a { font-size: 1.5rem; } } @media screen and (max-width: 639px) { #main .pagination ul li a { font-size: 1.125rem; } } #main .pagination ul li a:hover { color: #f37c22; border-bottom: 0; } @media screen and (min-width: 640px) { #main .pagination ul li a span.text { float: left; position: relative; } } @media screen and (max-width: 639px) { #main .pagination ul li a span.text { width: 0; overflow: hidden; display: block; } } #main .pagination ul li:first-of-type, #main .pagination ul li:last-of-type { padding: 0 1.5rem; } @media screen and (min-width: 768px) { #main .pagination ul li:first-of-type, #main .pagination ul li:last-of-type { padding: 0 1.5rem; } } @media screen and (max-width: 767px) { #main .pagination ul li:first-of-type, #main .pagination ul li:last-of-type { padding: 0 0.9375rem; } } @media screen and (max-width: 639px) { #main .pagination ul li:first-of-type, #main .pagination ul li:last-of-type { margin: 0; } } #main .pagination ul li:first-of-type a:before, #main .pagination ul li:first-of-type a:after, #main .pagination ul li:last-of-type a:before, #main .pagination ul li:last-of-type a:after { display: block; position: absolute; width: 1rem; height: 1.125rem; content: ""; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 640px) { #main .pagination ul li:first-of-type a:before, #main .pagination ul li:first-of-type a:after, #main .pagination ul li:last-of-type a:before, #main .pagination ul li:last-of-type a:after { margin-top: 0.125rem; } } @media screen and (max-width: 639px) { #main .pagination ul li:first-of-type a:before, #main .pagination ul li:first-of-type a:after, #main .pagination ul li:last-of-type a:before, #main .pagination ul li:last-of-type a:after { margin-top: 0.0625rem; } } #main .pagination ul li:first-of-type a:before, #main .pagination ul li:last-of-type a:before { opacity: 1; } #main .pagination ul li:first-of-type a:after, #main .pagination ul li:last-of-type a:after { opacity: 0; } #main .pagination ul li:first-of-type a:hover:before, #main .pagination ul li:last-of-type a:hover:before { opacity: 0; } #main .pagination ul li:first-of-type a:hover:after, #main .pagination ul li:last-of-type a:hover:after { opacity: 1; } #main .pagination ul li:first-of-type { margin: 0 !important; } #main .pagination ul li:first-of-type a { padding: 0.125rem 0 0; } #main .pagination ul li:first-of-type a:before, #main .pagination ul li:first-of-type a:after { left: -1.5rem; } @media screen and (max-width: 639px) { #main .pagination ul li:first-of-type a:before, #main .pagination ul li:first-of-type a:after { left: -0.9375rem; } } #main .pagination ul li:first-of-type a:before { background: url(../images/library/prev_arr.png) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main .pagination ul li:first-of-type a:after { background: url(../images/library/prev_arr.png) no-repeat 50% 100%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main .pagination ul li:last-of-type { margin: 0 !important; } #main .pagination ul li:last-of-type a { padding: 0.125rem 0 0; } @media screen and (min-width: 768px) { #main .pagination ul li:last-of-type a:before, #main .pagination ul li:last-of-type a:after { right: -1.5rem; } } @media screen and (max-width: 767px) { #main .pagination ul li:last-of-type a:before, #main .pagination ul li:last-of-type a:after { right: -0.9375rem; } } #main .pagination ul li:last-of-type a:before { background: url(../images/library/next_arr.png) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main .pagination ul li:last-of-type a:after { background: url(../images/library/next_arr.png) no-repeat 50% 100%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main .pagination ul li.disabled a { color: #8c8c8c; } #main .pagination ul li.disabled:last-of-type a:before, #main .pagination ul li.disabled:last-of-type a:after { opacity: 0.5; background: url(../images/library/next_arr.png) no-repeat 50% 0; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main .pagination ul li.disabled:last-of-type a:before:hover, #main .pagination ul li.disabled:last-of-type a:after:hover { opacity: 0.5; } #main .pagination ul li.disabled:first-of-type a:before, #main .pagination ul li.disabled:first-of-type a:after { opacity: 0.5; background: url(../images/library/prev_arr.png) no-repeat 50% 0; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main .pagination ul li.disabled:first-of-type a:before:hover, #main .pagination ul li.disabled:first-of-type a:after:hover { opacity: 0.5; } #main .pagination ul li.current a, #main .pagination ul li.current a:hover { color: #374567; background: #efefef; } .search-pagination, .blog-pagination { display: block; position: relative; overflow: hidden; width: 100%; } .search-pagination a, .blog-pagination a { float: left; position: relative; color: #374567; border-bottom: 0 !important; } @media screen and (min-width: 640px) { .search-pagination a, .blog-pagination a { font-size: 1.5rem; } } @media screen and (max-width: 639px) { .search-pagination a, .blog-pagination a { font-size: 1.125rem; } } .search-pagination a:hover, .blog-pagination a:hover { color: #f37c22; border-bottom: 0 !important; } @media screen and (min-width: 640px) { .search-pagination a span.text, .blog-pagination a span.text { float: left; position: relative; } } @media screen and (max-width: 639px) { .search-pagination a span.text, .blog-pagination a span.text { width: 0; overflow: hidden; display: block; } } .search-pagination a:before, .search-pagination a:after, .blog-pagination a:before, .blog-pagination a:after { display: block; position: absolute; width: 1rem; height: 1.125rem; content: ""; top: 50%; margin-top: 1px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .search-pagination a:before, .blog-pagination a:before { opacity: 1; } .search-pagination a:after, .blog-pagination a:after { opacity: 0; } .search-pagination a:hover:before, .blog-pagination a:hover:before { opacity: 0; } .search-pagination a:hover:after, .blog-pagination a:hover:after { opacity: 1; } .search-pagination a.prev-page, .blog-pagination a.prev-page { float: left; position: relative; padding: 0 0 0 1.5rem; } .search-pagination a.prev-page:before, .blog-pagination a.prev-page:before { left: 0; background: url(../images/library/prev_arr.png) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .search-pagination a.prev-page:after, .blog-pagination a.prev-page:after { left: 0; background: url(../images/library/prev_arr.png) no-repeat 50% 100%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .search-pagination a.prev-page.disabled:before, .search-pagination a.prev-page.disabled:after, .blog-pagination a.prev-page.disabled:before, .blog-pagination a.prev-page.disabled:after { opacity: 0.5; background: url(../images/library/prev_arr.png) no-repeat 50% 0; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .search-pagination a.prev-page.disabled:before:hover, .search-pagination a.prev-page.disabled:after:hover, .blog-pagination a.prev-page.disabled:before:hover, .blog-pagination a.prev-page.disabled:after:hover { opacity: 0.5; } .search-pagination a.next-page, .blog-pagination a.next-page { float: right; position: relative; padding: 0 1.5rem 0 0; } .search-pagination a.next-page:before, .blog-pagination a.next-page:before { right: 0; background: url(../images/library/next_arr.png) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .search-pagination a.next-page:after, .blog-pagination a.next-page:after { right: 0; background: url(../images/library/next_arr.png) no-repeat 50% 100%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .search-pagination a.next-page.disabled:before, .search-pagination a.next-page.disabled:after, .blog-pagination a.next-page.disabled:before, .blog-pagination a.next-page.disabled:after { opacity: 0.5; background: url(../images/library/next_arr.png) no-repeat 50% 0; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .search-pagination a.next-page.disabled:before:hover, .search-pagination a.next-page.disabled:after:hover, .blog-pagination a.next-page.disabled:before:hover, .blog-pagination a.next-page.disabled:after:hover { opacity: 0.5; } .search-pagination a.disabled, .search-pagination a.disabled:hover, .blog-pagination a.disabled, .blog-pagination a.disabled:hover { color: #8c8c8c; } .large-search-form { display: block; position: relative; width: 100%; max-width: 70.625rem; margin: 0 auto; } .large-search-form .large-input-search { float: left; position: relative; z-index: 1; width: 100%; height: 7.3125rem; margin: 0; border: 0; background-color: #fff; font-size: 2.25rem; font-weight: 300; font-family: 'Lato', Helvetica, Arial, sans-serif; -moz-box-shadow: 0 0 10px transparent; -webkit-box-shadow: 0 0 10px transparent; box-shadow: 0 0 10px transparent; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 1024px) { .large-search-form .large-input-search { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .large-search-form .large-input-search { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } } @media screen and (min-width: 640px) and (max-width: 767px) { .large-search-form .large-input-search { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } } @media screen and (max-width: 639px) { .large-search-form .large-input-search { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } } @media screen and (min-width: 1366px) { .large-search-form .large-input-search { font-size: 2.25rem; padding: 0 7.5rem 0 2.5rem; height: 7.3125rem; } } @media screen and (min-width: 1280px) and (max-width: 1365px) { .large-search-form .large-input-search { font-size: 2.125rem; padding: 0 7.5rem 0 2.5rem; height: 6.625rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .large-search-form .large-input-search { font-size: 1.875rem; padding: 0 6.875rem 0 2.5rem; height: 6.25rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .large-search-form .large-input-search { font-size: 1.75rem; padding: 0 6.25rem 0 2.5rem; height: 6rem; } } @media screen and (max-width: 767px) { .large-search-form .large-input-search { font-size: 1.5rem; padding: 0 5rem 0 1.25rem; height: 4.375rem; } } .large-search-form .large-input-search:-moz-placeholder { color: rgba(135, 135, 135, 0.8); opacity: 1; font-weight: 300; font-family: 'Lato', Helvetica, Arial, sans-serif; } .large-search-form .large-input-search::-moz-placeholder { color: rgba(135, 135, 135, 0.8); opacity: 1; font-weight: 300; font-family: 'Lato', Helvetica, Arial, sans-serif; } .large-search-form .large-input-search:-ms-input-placeholder { color: rgba(135, 135, 135, 0.8); opacity: 1; font-weight: 300; font-family: 'Lato', Helvetica, Arial, sans-serif; } .large-search-form .large-input-search::-webkit-input-placeholder { color: rgba(135, 135, 135, 0.8); opacity: 1; font-weight: 300; font-family: 'Lato', Helvetica, Arial, sans-serif; } @media screen and (max-width: 500px) { .large-search-form .large-input-search:-moz-placeholder { opacity: 0; } .large-search-form .large-input-search::-moz-placeholder { opacity: 0; } .large-search-form .large-input-search:-ms-input-placeholder { opacity: 0; } .large-search-form .large-input-search::-webkit-input-placeholder { opacity: 0; } } .large-search-form .large-input-search:focus { background-color: #fff; color: #000; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .large-search-form .input-submit { position: absolute; z-index: 2; top: 0; right: 0; margin: 0; padding: 0; border: 0; font-size: 0; line-height: 0; text-indent: -9999px; } @media screen and (min-width: 1366px) { .large-search-form .input-submit { width: 7.3125rem; height: 7.3125rem; background: url(../images/library/lupa_big.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 60px auto; -o-background-size: 60px auto; -webkit-background-size: 60px auto; background-size: 60px auto; } } @media screen and (min-width: 1280px) and (max-width: 1365px) { .large-search-form .input-submit { width: 6.625rem; height: 6.625rem; background: url(../images/library/lupa_big.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 55px auto; -o-background-size: 55px auto; -webkit-background-size: 55px auto; background-size: 55px auto; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .large-search-form .input-submit { width: 6.625rem; height: 6.625rem; background: url(../images/library/lupa_big.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 50px auto; -o-background-size: 50px auto; -webkit-background-size: 50px auto; background-size: 50px auto; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .large-search-form .input-submit { width: 6rem; height: 6rem; background: url(../images/library/lupa_big.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 45px auto; -o-background-size: 45px auto; -webkit-background-size: 45px auto; background-size: 45px auto; } } @media screen and (max-width: 767px) { .large-search-form .input-submit { width: 4.375rem; height: 4.375rem; background: url(../images/library/lupa_big.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 40px auto; -o-background-size: 40px auto; -webkit-background-size: 40px auto; background-size: 40px auto; } } .large-search-form .input-search:focus + .input-submit { background: url(../images/library/lupa_big.svg) no-repeat 50% 50%; background-attachment: scroll; } #main .filter-list { padding: 0 !important; margin: 0 !important; list-style: none; } #main .filter-list li { float: left; position: relative; overflow: hidden; margin: 0; } @media screen and (min-width: 1280px) { #main .filter-list li { padding: 0.5rem; width: 25%; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main .filter-list li { padding: 0.4375rem; width: 25%; } } @media screen and (min-width: 640px) and (max-width: 1023px) { #main .filter-list li { padding: 0.375rem; width: 33.3333333%; } } @media screen and (min-width: 480px) and (max-width: 639px) { #main .filter-list li { padding: 0.3125rem; width: 50%; } } @media screen and (max-width: 479px) { #main .filter-list li { padding: 0 0 0.3125rem; width: 100%; } } #main .filter-list li a { float: left; position: relative; width: 100%; overflow: hidden; border-bottom: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #main .filter-list li a:hover { border-bottom: 0; } #main .filter-list li a:after { display: block; position: relative; content: ""; } @media screen and (min-width: 480px) { #main .filter-list li a:after { margin-top: 100%; } } #main .filter-list li a span { text-align: center; color: #FFF; line-height: 1.2; font-weight: 700; font-family: 'Montserrat', Helvetica, Arial, sans-serif; } @media screen and (min-width: 480px) { #main .filter-list li a span { display: block; position: absolute; width: 100%; padding: 0.625rem; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 479px) { #main .filter-list li a span { display: block; position: relative; padding: 0.9375rem 1.875rem; } } @media screen and (min-width: 1440px) { #main .filter-list li a span { font-size: 2.125rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { #main .filter-list li a span { font-size: 2rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main .filter-list li a span { font-size: 1.625rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .filter-list li a span { font-size: 1.625rem; } } @media screen and (min-width: 640px) and (max-width: 767px) { #main .filter-list li a span { font-size: 1.25rem; } } @media screen and (min-width: 480px) and (max-width: 639px) { #main .filter-list li a span { font-size: 1.25rem; } } @media screen and (max-width: 479px) { #main .filter-list li a span { font-size: 1.5rem; } } #main .filter-list li:nth-child(8n+1) a { background: #79b4ec; } #main .filter-list li:nth-child(8n+1) a:hover { background: #4c9be6; } #main .filter-list li:nth-child(8n+2) a { background: #ff9e6e; } #main .filter-list li:nth-child(8n+2) a:hover { background: #ff7c3b; } #main .filter-list li:nth-child(8n+3) a { background: #c68bd5; } #main .filter-list li:nth-child(8n+3) a:hover { background: #b466c7; } #main .filter-list li:nth-child(8n+4) a { background: #7bcb8f; } #main .filter-list li:nth-child(8n+4) a:hover { background: #56bd70; } #main .filter-list li:nth-child(8n+5) a { background: #aadf71; } #main .filter-list li:nth-child(8n+5) a:hover { background: #91d647; } #main .filter-list li:nth-child(8n+6) a { background: #ff849d; } #main .filter-list li:nth-child(8n+6) a:hover { background: #ff5174; } #main .filter-list li:nth-child(8n+7) a { background: #74c9d4; } #main .filter-list li:nth-child(8n+7) a:hover { background: #4dbac8; } #main .filter-list li:nth-child(8n+8) a { background: #f5d161; } #main .filter-list li:nth-child(8n+8) a:hover { background: #f2c331; } #coupon, .print-card { display: block; position: relative; overflow: hidden; padding: 3.75rem 1.875rem 1.875rem; } #coupon .linkHolder, .print-card .linkHolder { position: absolute; width: 100%; left: 1.875rem; top: 0.4375rem; height: 2.5rem; } #coupon .link-object, .print-card .link-object { float: left; position: relative; width: auto; height: 2.5rem; padding: 0 0 0 2.375rem; margin: 0 1.875rem 0 0; } #coupon .link-object span, .print-card .link-object span { float: left; font-size: 1.125rem; padding-top: 0.1875rem; color: #F37C22; border-bottom: 1px solid transparent; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #coupon .link-object:hover span, .print-card .link-object:hover span { border-bottom: 1px solid #F37C22; } #coupon .link-object object, .print-card .link-object object { display: block; position: absolute; width: 1.875rem; top: 0; left: 0; } #coupon .download-link object, .print-card .download-link object { top: -3px; } #coupon img, .print-card img { float: left; position: relative; clear: both; width: 100%; } @media screen and (min-width: 1280px) { #main.error-pg { min-height: 51vh; } } #main.error-pg p { margin: 0 auto 0.5rem; width: 100%; max-width: 27.5rem; } #main.home-pg { padding-bottom: 0; } #main.home-pg .gallery { margin: 0; } @media screen and (min-width: 768px) { #main.home-pg .gallery .subscribe { overflow: hidden; } #main.home-pg .gallery .subscribe:after { display: block; position: relative; content: ""; margin-top: 65%; } } @media screen and (max-width: 767px) { #main.home-pg .gallery .subscribe { padding: 2.8125rem 0; } } #main.home-pg .gallery .subscribe:before { display: block; position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0; opacity: 0; background: url(../images/library/glow.png) no-repeat 50% 100%; background-attachment: scroll; -moz-background-size: auto; -o-background-size: auto; -webkit-background-size: auto; background-size: auto; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main.home-pg .gallery .subscribe:hover:before { opacity: 1; } #main.home-pg .gallery .subscribe .wrap { padding-left: 1.875rem; padding-right: 1.875rem; } @media screen and (min-width: 768px) { #main.home-pg .gallery .subscribe .wrap { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 1440px) { #main.home-pg .gallery .subscribe h2 { font-size: 4.5rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { #main.home-pg .gallery .subscribe h2 { font-size: 3.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main.home-pg .gallery .subscribe h2 { font-size: 2rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main.home-pg .gallery .subscribe h2 { font-size: 1.5rem; } } @media screen and (min-width: 768px) and (max-width: 1439px) { #main.home-pg .gallery .subscribe h2 { margin: 0 0 0.625rem; } } @media screen and (max-width: 767px) { #main.home-pg .gallery .subscribe h2 { margin: 0 0 1.25rem; } } @media screen and (min-width: 768px) and (max-width: 1439px) { #main.home-pg .gallery .subscribe figure { margin: 0 auto 0.625rem; } } @media screen and (max-width: 767px) { #main.home-pg .gallery .subscribe figure { margin: 0 auto 0.625rem; } } @media screen and (min-width: 1440px) { #main.home-pg .gallery .subscribe figure .email { max-width: 9.75rem; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { #main.home-pg .gallery .subscribe figure .email { max-width: 8.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main.home-pg .gallery .subscribe figure .email { max-width: 7.25rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main.home-pg .gallery .subscribe figure .email { max-width: 4.375rem; } } @media screen and (min-width: 1471px) { #main.home-pg .gallery .subscribe .button.big { height: 5.25rem; } } @media screen and (min-width: 768px) and (max-width: 1470px) { #main.home-pg .gallery .subscribe .button.big { height: 4.375rem; } } @media screen and (min-width: 1023px) and (max-width: 1470px) { #main.home-pg .gallery .subscribe .button.big span { font-size: 1.5rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main.home-pg .gallery .subscribe .button.big span { font-size: 1.25rem; } } #main.home-pg .fireworks-row { overflow: hidden; padding-top: 10%; padding-bottom: 10%; } #main.home-pg .fireworks-row.lazyloaded .fireworks { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/library/fireworks.jpg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main.home-pg .fireworks-row.lazyloaded .fireworks img { width: auto; min-width: 100%; min-height: 100%; } #main.home-pg .fireworks-row:hover .fireworks { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } #main.home-pg .fireworks-row .wrap .button { margin-bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (min-width: 1367px) { #main.contact-pg .article .wrap { padding: 5rem 8.9375rem 2.8125rem; } } @media screen and (min-width: 1024px) and (max-width: 1060px) { #main.contact-pg .article .wrap .left h3 { font-size: 1.875rem; } } #main.contact-pg .article #contact-form { float: left; position: relative; width: 100%; padding-top: 1.875rem; margin: 0 0 1rem; } @media screen and (max-width: 1023px) { #main.contact-pg .article #contact-form { margin-bottom: 1.875rem; } } #main.contact-pg .article #contact-form h3 { text-transform: none; padding: 0 !important; } #main.contact-pg .article #contact-form h3:after { display: none; } #main.contact-pg .article .wrap > .left { float: left; position: relative; } @media screen and (min-width: 1024px) { #main.contact-pg .article .wrap > .left { width: 36%; } } @media screen and (max-width: 1023px) { #main.contact-pg .article .wrap > .left { width: 100%; margin: 0 0 1.875rem; } } #main.contact-pg .article .wrap > .left h3 { margin-bottom: 1.875rem; } #main.contact-pg .article .wrap > .left p { margin: 0 0 0.1875rem; } #main.contact-pg .article .wrap > .left p:nth-of-type(2) { margin: 0 0 1.875rem; } #main.contact-pg .article .wrap > .left address { margin: 0 0 1.875rem; } #main.contact-pg .article .wrap > .right { float: right; position: relative; margin: 0 0 1.875rem; } @media screen and (min-width: 1024px) { #main.contact-pg .article .wrap > .right { width: 60%; } } @media screen and (max-width: 1023px) { #main.contact-pg .article .wrap > .right { width: 100%; } } #main.contact-pg .iframeHolder { float: left; position: relative; width: 100%; } @media screen and (min-width: 1024px) { #main.contact-pg .iframeHolder { height: 27.1875rem; } } @media screen and (max-width: 1023px) { #main.contact-pg .iframeHolder { height: 18.75rem; } } #main.contact-pg .iframeHolder iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #main.directory .large-search-form { float: left; margin: 1rem auto 2rem; } #main.directory .section-header .wrap .wrap { overflow: visible; } #main.directory article, #main.directory .article { float: left; position: relative; display: block; width: 100%; margin: 0 0 2.25rem; } #main.directory article .wrap, #main.directory .article .wrap { background: #FFF; overflow: hidden; } @media screen and (min-width: 1367px) { #main.directory article .wrap, #main.directory .article .wrap { padding: 3.75rem 3.75rem; } } @media screen and (min-width: 1024px) { #main.directory.detail p.categories { position: absolute; right: 1.875rem; top: -5rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #main.directory.detail p.categories { top: -3.75rem; } } @media screen and (max-width: 1023px) { #main.directory.detail p.categories { float: left; margin: 0 0 0.9375rem; } #main.directory.detail p.categories + h1 { clear: both; } } #main.directory.detail .social li { margin: 0 0.625rem 0 0; } #main.directory.detail .social a { opacity: 1; background-image: url(../images/library/social_icons_d.svg); background-repeat: no-repeat; background-attachment: scroll; -moz-background-size: 50px 400px; -o-background-size: 50px 400px; -webkit-background-size: 50px 400px; background-size: 50px 400px; } #main.directory.detail .social a:hover { opacity: 0.8; } #main.directory.detail .social a.gplus { background-position: 50% 0; } #main.directory.detail .social a.instagram { background-position: 50% -50px; } #main.directory.detail .social a.linkedin { background-position: 50% -100px; } #main.directory.detail .social a.pinterest { background-position: 50% -150px; } #main.directory.detail .social a.tripadvisor { background-position: 50% -200px; } #main.directory.detail .social a.twitter { background-position: 50% -250px; } #main.directory.detail .social a.youtube { background-position: 50% -300px; } #main.directory.detail .social a.facebook { background-position: 50% -350px; } #main.news-pg .post { padding-top: 1.875rem; } #main.news-pg .post h4, #main.news-pg .blog h4 { text-transform: none; margin: 0 0 1.25rem; } #main.news-pg .post h4 a, #main.news-pg .blog h4 a { color: #334164; } #main.news-pg .post h4 a:hover, #main.news-pg .blog h4 a:hover { color: #F37C22; } #main.news-pg .blog h3 { margin-bottom: 1.25rem; } #main.news-pg .post + .page-nav { margin-top: 1.875rem; padding-top: 1.875rem; } #main.news-pg .post + .page-nav:before { position: absolute; width: 100%; height: 0.125rem; top: 0; left: 0; content: ""; background: url(../images/library/divider.svg) repeat-x 0 0; } #main.news-pg .meta { margin-bottom: 1.25rem; } #main.news-pg .info { display: block; position: relative; width: 100%; padding-bottom: 2.25rem; } #main.planning-pg article .wrap, #main.planning-pg .article .wrap { overflow: hidden; } #main.planning-pg .accordion { margin-top: -1.25rem; } #main.planning-pg .accordion h6 { text-transform: none !important; } #main.planning-pg .accordion h4 { margin: 0 0 2rem; padding: 0 1.875rem; } #main.planning-pg .accordion hr { height: 1px; margin: 1rem 0; background: #fff; } #main.planning-pg .filter-list { overflow: hidden; } @media screen and (min-width: 1366px) { #main.planning-pg .planning-row { padding-bottom: 4.375rem; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #main.planning-pg .planning-row { padding-bottom: 1.875rem; } } #main.planning-pg .planning-row .left { float: left; position: relative; } @media screen and (min-width: 1024px) { #main.planning-pg .planning-row .left { width: 56%; padding-right: 4%; } } @media screen and (max-width: 1023px) { #main.planning-pg .planning-row .left { width: 100%; margin: 0 0 1.875rem; } } #main.planning-pg .planning-row .right { float: right; position: relative; } #main.planning-pg .planning-row .right p { float: left; overflow: hidden; padding: 0.625rem 0 0; } @media screen and (min-width: 1024px) { #main.planning-pg .planning-row .right { width: 44%; } } @media screen and (max-width: 1023px) { #main.planning-pg .planning-row .right { width: 100%; margin-bottom: 2rem; } } #main.planning-pg .planning-row .right .iframeHolder { float: left; position: relative; width: 100%; height: 28.125rem; } #main.planning-pg .planning-row .right .iframeHolder.scrolloff:after { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; background: transparent; } #main.planning-pg .planning-row .right .iframeHolder iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } #main.planning-pg .contact-info { margin: -0.9375rem 0 0; } #main.planning-pg .contact-info + p { margin-bottom: 2.5rem; } @media only screen and (max-device-width: 767px) and (orientation: portrait) { #main.planning-pg .planning-row .right .iframeHolder { height: 22.5rem; } } @media only screen and (max-device-width: 767px) and (orientation: landscape) { #main.planning-pg .planning-row .right .iframeHolder { height: 17.5rem; } } @media screen and (min-width: 768px) { .calendar-pg.below-header figure:after { display: block; position: relative; content: ""; margin-top: 15%; } .calendar-pg.below-header figure img { display: block; position: absolute; width: 100%; bottom: auto; bottom: 0; left: 0; } } #main.calendar-pg { z-index: 2; padding: 0; } @media screen and (min-width: 1024px) { #main.calendar-pg { margin: -5rem auto 0; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #main.calendar-pg { margin: 0 auto; } } #main.calendar-pg article .wrap, #main.calendar-pg .article .wrap { padding-right: 1.875rem; padding-left: 1.875rem; float: none; overflow: visible; } #main.calendar-pg .tab-header { margin: 0 0 1.5625rem; } @media screen and (min-width: 640px) { #main.calendar-pg .tab-header h2 { position: absolute; padding-right: 12rem; } } @media screen and (max-width: 639px) { #main.calendar-pg .tab-header h2 { margin: 0 0 1.875rem; } } #main.calendar-pg .tab-header h2 span { display: inline; } @media screen and (min-width: 768px) { #main.calendar-pg .tab-header .tab-link { float: right; width: 10.75rem; margin: -1.25rem 0 0; } } @media screen and (min-width: 640px) and (max-width: 767px) { #main.calendar-pg .tab-header .tab-link { float: right; width: 10.75rem; margin: 0; } } @media screen and (max-width: 639px) { #main.calendar-pg .tab-header .tab-link { float: left; position: relative; width: 100%; margin: 0; } } #main.calendar-pg .tab-header .tab-link li { width: 10.75rem; padding: 0; } #main.calendar-pg .tab-header .tab-link li a span { padding-left: 3.875rem; text-transform: none; text-align: left; font-size: 1.125rem; font-weight: 400; line-height: 1.1; font-family: 'Lato', Helvetica, Arial, sans-serif; } #main.calendar-pg .tab-header .tab-link li a.firecracker span { padding-left: 3.75rem; } #main.calendar-pg .tab-header .tab-link li a:after { display: block; position: absolute; width: 2.625rem; height: 100%; top: 0; left: 0.625rem; content: ""; } #main.calendar-pg .tab-header .tab-link li a.schedule:after { background: url(../images/library/schedule.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main.calendar-pg .tab-header .tab-link li a.firecracker:after { background: url(../images/library/firecracker.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main.calendar-pg .button { max-width: 26.25rem; margin: 0 auto; } @media screen and (max-width: 479px) { #main.accommodations-pg h1 { font-size: 1.75rem; } } #main.user-logged h4 { text-transform: none; } #main.user-logged .profile-actions { margin: 0; } #main.user-logged .profile-actions li a { color: #222F54; font-weight: 700; } #main.user-logged .profile-actions li a:hover { color: #F37C22; } #main.kids-club-about h4 { margin: 0; text-transform: none; } #main.kids-club-about h3 { margin: 0 0 2.25rem; text-transform: uppercase; } #main.kids-club-about hr { margin: 0 0 2.25rem; } #main.kids-club-about hr + h4 { margin: 0 0 1.625rem; } #main.kids-club-about ul { margin: 0 0 2.25rem; } #main.kids-club-about ul li { margin: 0; } #main.kids-club-about .offers { display: block; position: relative; overflow: hidden; } #main.kids-club-about .block { margin: 0 0 2.25rem; } @media screen and (min-width: 768px) { #main.kids-club-about .block { width: 48.5%; } #main.kids-club-about .block:nth-child(2n+1) { float: left; } #main.kids-club-about .block:nth-child(2n+3) { clear: both; } #main.kids-club-about .block:nth-child(2n+2) { float: right; } } #main.kids-club-about .block p { margin: 0; } #main.kids-club-about .block p a { font-weight: 700; border-bottom: 0; color: #222F54; } #main.kids-club-about .block p a:hover { color: #f37c22; border-bottom: 0; } #main.media-gallery .gallery { margin: 0; } #main.media-gallery .gallery + .button { margin-top: 2rem; } #main.media-gallery .gallery.modal li > a::before { z-index: 10; } #main.media-gallery .gallery.modal li > a[data-fancybox-type="iframe"]::before { background-color: rgba(59, 69, 98, 0); opacity: 1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main.media-gallery .gallery.modal li > a[data-fancybox-type="iframe"]:hover::before { background-color: rgba(59, 69, 98, 0.7); } #main.search-results-pg .section-header > .wrap { padding-top: 0.625rem; padding-bottom: 3.75rem; overflow: hidden; max-width: 67.5rem; } #main.search-results-pg .article-row h2 span { display: inline; text-transform: uppercase; } #main.search-results-pg .article-row hr { margin: 0 0 2.5rem; } #main.search-results-pg .article-row h4 { text-transform: none; margin: 0 0 1.125rem; } #main.search-results-pg .article-row h4 a { display: block; position: relative; width: 100%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } #main.search-results-pg .article-row p { display: block; position: relative; height: 5rem; } #main.search-results-pg .article-row p br { display: none; } @media screen and (max-width: 767px) { #subscribe-form > .ctrlHolder:first-of-type { padding-top: 0 !important; } } #subscribe-form > .ctrlHolder:first-of-type p { margin: 0; } @media screen and (min-width: 1280px) { #subscribe-form > .ctrlHolder:first-of-type p { font-size: 1.3125rem; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #subscribe-form > .ctrlHolder:first-of-type p { font-size: 1.25rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #subscribe-form > .ctrlHolder:first-of-type p { font-size: 1.1875rem; } } @media screen and (min-width: 480px) and (max-width: 767px) { #subscribe-form > .ctrlHolder:first-of-type p { font-size: 1.125rem; } } @media screen and (max-width: 479px) { #subscribe-form > .ctrlHolder:first-of-type p { font-size: 1.0625rem; } } #subscribe-form hr { display: none; } @media screen and (max-width: 767px) { #subscribe-form #submitButton.ctrlHolder { padding-bottom: 1.25rem; } } #main.thank-pg .article-row > .wrap { max-width: 75rem; } #main.thank-pg .article-row > .wrap .wrap { padding-top: 3.75rem; padding-bottom: 4.0625rem; } @media screen and (min-width: 768px) and (max-width: 1023px) { #main.thank-pg .article-row > .wrap .wrap { padding-top: 2.8125rem; padding-bottom: 3.125rem; } } @media screen and (max-width: 767px) { #main.thank-pg .article-row > .wrap .wrap { padding-top: 1.875rem; padding-bottom: 2.1875rem; } } @media screen and (min-width: 1024px) { #main.thank-pg .article-row > .wrap .article { margin: 0 0 -1.25rem; } } @media screen and (max-width: 1023px) { #main.thank-pg .article-row > .wrap .article { margin: 0 0 1.625rem; } } #main.thank-pg h2 { text-align: center; max-width: 55rem; margin: 0 auto; } .fc-calendar-container, .fc-calendar-container .fc-calendar, .fc-calendar-container .fc-head { display: block; position: relative; width: 100%; clear: both; } .fc-calendar-container .fc-calendar-event > .fc-allday, .fc-calendar-container .fc-calendar-event > .fc-starttime, .fc-calendar-container .fc-calendar-event > .fc-endtime { display: none; } @media screen and (min-width: 1024px) { .fc-calendar-container .fc-head > div { float: left; position: relative; width: 14.2857143%; text-align: center; padding: 0 0 1.25rem; border: 0; color: #222f54; font-weight: 700; text-align: center; text-transform: uppercase; font-family: 'Montserrat', Helvetica, Arial, sans-serif; } } @media screen and (min-width: 1024px) and (min-width: 1280px) { .fc-calendar-container .fc-head > div { font-size: 1.5rem; } } @media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) { .fc-calendar-container .fc-head > div { font-size: 1.125rem; } } @media screen and (max-width: 1023px) { .fc-calendar-container .fc-head { display: none; } } .fc-calendar-container .fc-body { width: 100%; } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body { display: table; } } @media screen and (max-width: 767px) { .fc-calendar-container .fc-body { float: left; position: relative; } } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row { display: table-row; } } @media screen and (max-width: 767px) { .fc-calendar-container .fc-body .fc-row { float: left; position: relative; width: 100%; } } @media screen and (min-width: 1366px) { .fc-calendar-container .fc-body .fc-row { height: 11.5625rem; } } @media screen and (min-width: 1024px) and (max-width: 1365px) { .fc-calendar-container .fc-body .fc-row { height: 10.3125rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .fc-calendar-container .fc-body .fc-row { height: 6.25rem; } } .fc-calendar-container .fc-body .fc-row > div { padding: 0; height: 100%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row > div { display: table-cell; } } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row > div { width: 14.2857143%; border-left: 1px dashed #aaa; } } @media screen and (max-width: 767px) { .fc-calendar-container .fc-body .fc-row > div { float: left; position: relative; width: 100%; min-height: 3.75rem; border-bottom: 1px dashed #aaa; } .fc-calendar-container .fc-body .fc-row > div.otherMonth { display: none; } } @media screen and (min-width: 1366px) { .fc-calendar-container .fc-body .fc-row > div { height: 11.5625rem; } } @media screen and (min-width: 1024px) and (max-width: 1365px) { .fc-calendar-container .fc-body .fc-row > div { height: 10.3125rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .fc-calendar-container .fc-body .fc-row > div { height: 6.25rem; } } .fc-calendar-container .fc-body .fc-row > div * { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row > div:last-of-type { border-right: 1px dashed #aaa; } } .fc-calendar-container .fc-body .fc-row > div.fc-today .fc-date { color: #FFF; background: #3b4562; } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row:first-of-type > div { border-top: 1px dashed #aaa; } } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row:last-of-type > div { border-bottom: 1px dashed #aaa !important; } } .fc-calendar-container .fc-body .fc-row .fc-date { font-weight: 700; color: #222F54; background: #ceeaf9; font-family: 'Montserrat', Helvetica, Arial, sans-serif; } @media screen and (min-width: 1366px) { .fc-calendar-container .fc-body .fc-row .fc-date { padding: 0 0.9375rem; font-size: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1365px) { .fc-calendar-container .fc-body .fc-row .fc-date { padding: 0 0.75rem; font-size: 1.3125rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .fc-calendar-container .fc-body .fc-row .fc-date { padding: 0 0.625rem; font-size: 1.3125rem; } } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row .fc-date { display: table; width: 100%; } } @media screen and (max-width: 767px) { .fc-calendar-container .fc-body .fc-row .fc-date { position: absolute; display: block; top: 0; left: 0; width: 2.75rem; height: 3.75rem; font-size: 1.5rem; line-height: 1; padding: 1.125rem 0.625rem 1.125rem 0; text-align: right; background: transparent; } } .fc-calendar-container .fc-body .fc-row .fc-date.fc-emptydate { background: #EFEFEF; color: #FFF; } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row .fc-weekday { display: none; } } @media screen and (max-width: 767px) { .fc-calendar-container .fc-body .fc-row .fc-weekday { position: absolute; display: block; top: 0; left: 2.75rem; width: 1.875rem; height: 3.75rem; padding: 1.4375rem 0; font-size: 0.875rem; line-height: 1; text-transform: uppercase; } } @media screen and (min-width: 768px) { .fc-calendar-container .fc-body .fc-row .fc-content .fc-date { color: #222f54; background: #51b3da; } } .fc-calendar-container .fc-body .fc-row .fc-calendar-events { float: left; position: relative; width: 100%; } @media screen and (min-width: 1366px) { .fc-calendar-container .fc-body .fc-row .fc-calendar-events { padding: 0.9375rem; } } @media screen and (min-width: 1024px) and (max-width: 1365px) { .fc-calendar-container .fc-body .fc-row .fc-calendar-events { padding: 0.75rem; } } @media screen and (max-width: 1023px) { .fc-calendar-container .fc-body .fc-row .fc-calendar-events { padding: 0.625rem; } } .fc-calendar-container .fc-body .fc-calendar-event { float: left; position: relative; width: 100%; } .fc-calendar-container .fc-body .e-wrap { float: left; position: relative; width: 100%; } @media screen and (max-width: 767px) { .fc-calendar-container .fc-body .e-wrap { padding: 0.375rem 0 0.375rem 5.625rem; } } @media screen and (max-width: 479px) { .fc-calendar-container .fc-body .e-wrap { padding: 0.375rem 0 0.375rem 5rem; } } .fc-calendar-container .fc-body .e-wrap > a { float: left; position: relative; line-height: 1.2; color: #47506B; z-index: 100; } @media screen and (min-width: 1366px) { .fc-calendar-container .fc-body .e-wrap > a { font-size: 1.125rem; margin: 0 0 1.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1365px) { .fc-calendar-container .fc-body .e-wrap > a { font-size: 1rem; margin: 0 0 0.875rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .fc-calendar-container .fc-body .e-wrap > a { font-size: 0.875rem; margin: 0 0 0.875rem; } } @media screen and (max-width: 767px) { .fc-calendar-container .fc-body .e-wrap > a { font-size: 1.125rem; margin: 0 0 0.5rem; } } .fc-calendar-container .fc-body .e-wrap .fc-tt h4 { text-transform: none; margin: 0 0 0.5rem !important; } .fc-calendar-container .fc-body .e-wrap .fc-tt time { display: block; position: relative; margin: 0 0 0.5rem; } .fc-calendar-container .fc-body .e-wrap .fc-tt p { font-size: 1.125rem !important; line-height: 1.2; margin: 0 0 1rem !important; } #main.calendar-pg .article .wrap .wrap { display: block; position: relative; clear: both; width: 100%; max-width: 21.25rem; margin: 0 auto; padding: 0 !important; } @media screen and (max-width: 479px) { #main.calendar-pg .article .wrap .wrap .button span { font-size: 1.3125rem; } } #main.calendar-pg .article .wrap .wrap .fc-tt { width: 100%; left: 50%; margin-top: -0.625rem; top: -100%; padding: 0 0 1.25rem; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media screen and (max-width: 479px) { #main.calendar-pg .article .wrap .wrap .fc-tt { width: 18.75rem; margin: 0; } } #main.calendar-pg .article .wrap .wrap .fc-tt .tt-outer { padding: 0; -moz-box-shadow: 0px 0px 10px rgba(35, 31, 32, 0.5); -webkit-box-shadow: 0px 0px 10px rgba(35, 31, 32, 0.5); box-shadow: 0px 0px 10px rgba(35, 31, 32, 0.5); } #main.calendar-pg .article .wrap .wrap .fc-tt .tt-outer:before, #main.calendar-pg .article .wrap .wrap .fc-tt .tt-outer:after { -moz-box-shadow: 0px 0px 10px rgba(35, 31, 32, 0.5); -webkit-box-shadow: 0px 0px 10px rgba(35, 31, 32, 0.5); box-shadow: 0px 0px 10px rgba(35, 31, 32, 0.5); } #main.calendar-pg .article .wrap .wrap .fc-tt .tt-outer .tt-inner { padding: 0; } #main.calendar-pg .article .wrap .wrap .fc-tt .tt-outer .tt-inner p { margin: 0 !important; display: table; vertical-align: middle; width: 100%; height: 4.375rem; padding: 0 1.875rem; border-bottom: 1px solid #efefef; } #main.calendar-pg .article .wrap .wrap .fc-tt .tt-outer .tt-inner p:last-of-type { border-bottom: 0; } #main.calendar-pg .article .wrap .wrap .fc-tt .tt-outer .tt-inner p span { display: table-cell; vertical-align: inherit; } #main.calendar-pg .article .wrap .wrap .fc-tt .tt-outer:after { left: 50%; bottom: 0; top: auto; -moz-transform: translateX(-50%) translateY(50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(50%) rotate(45deg); transform: translateX(-50%) translateY(50%) rotate(45deg); } .fc-calendar-container .fc-body .fc-row > div .e-wrap .fc-tt { width: 28.125rem; left: 50%; -moz-transform: translateX(-50%) translateY(-100%); -ms-transform: translateX(-50%) translateY(-100%); -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); } .fc-calendar-container .fc-body .fc-row > div .e-wrap .fc-tt .tt-outer:after { left: 50%; -moz-transform: translateX(-50%) translateY(50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(50%) rotate(45deg); transform: translateX(-50%) translateY(50%) rotate(45deg); } @media screen and (min-width: 768px) and (max-width: 1599px) { .fc-calendar-container .fc-body .fc-row > div:nth-child(1) .e-wrap .fc-tt { margin-left: 10.3125rem; } .fc-calendar-container .fc-body .fc-row > div:nth-child(1) .e-wrap .fc-tt .tt-outer:after { left: 3.75rem; } .fc-calendar-container .fc-body .fc-row > div:nth-child(2) .e-wrap .fc-tt { margin-left: 4.0625rem; } .fc-calendar-container .fc-body .fc-row > div:nth-child(2) .e-wrap .fc-tt .tt-outer:after { left: 10rem; } .fc-calendar-container .fc-body .fc-row > div:nth-child(6) .e-wrap .fc-tt { margin-left: -3.75rem; } .fc-calendar-container .fc-body .fc-row > div:nth-child(6) .e-wrap .fc-tt .tt-outer:after { left: auto; right: 10.3125rem; -moz-transform: translateX(50%) translateY(50%) rotate(45deg); -ms-transform: translateX(50%) translateY(50%) rotate(45deg); -webkit-transform: translateX(50%) translateY(50%) rotate(45deg); transform: translateX(50%) translateY(50%) rotate(45deg); } .fc-calendar-container .fc-body .fc-row > div:nth-child(7) .e-wrap .fc-tt { margin-left: -10rem; } .fc-calendar-container .fc-body .fc-row > div:nth-child(7) .e-wrap .fc-tt .tt-outer:after { left: auto; right: 3.75rem; -moz-transform: translateX(50%) translateY(50%) rotate(45deg); -ms-transform: translateX(50%) translateY(50%) rotate(45deg); -webkit-transform: translateX(50%) translateY(50%) rotate(45deg); transform: translateX(50%) translateY(50%) rotate(45deg); } } @media screen and (max-width: 767px) { .fc-calendar-container .fc-body .fc-row > div .e-wrap .fc-tt { width: 26.25rem; left: -1.25rem; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .fc-calendar-container .fc-body .fc-row > div .e-wrap .fc-tt .tt-outer:after { left: 6.875rem; -moz-transform: translateY(50%) rotate(45deg); -ms-transform: translateY(50%) rotate(45deg); -webkit-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); } } @media screen and (max-width: 479px) { .fc-calendar-container .fc-body .fc-row > div .e-wrap .fc-tt { width: 17.5rem; left: -1.5625rem; } .fc-calendar-container .fc-body .fc-row > div .e-wrap .fc-tt .tt-outer:after { left: 6.25rem; } } .calendar-bottom { float: left; position: relative; width: 100%; clear: both; margin: 1.875rem 0; } .calendar-bottom .left, .calendar-bottom .right { position: relative; display: table; vertical-align: middle; } @media screen and (min-width: 768px) { .calendar-bottom .left, .calendar-bottom .right { height: 3.4375rem; } } @media screen and (max-width: 767px) { .calendar-bottom .left, .calendar-bottom .right { height: 2.4375rem; } } .calendar-bottom .left span, .calendar-bottom .right span { display: table-cell; vertical-align: inherit; line-height: 1; color: #222F54; } @media screen and (min-width: 768px) { .calendar-bottom .left span, .calendar-bottom .right span { font-size: 1.5rem; } } @media screen and (max-width: 767px) { .calendar-bottom .left span, .calendar-bottom .right span { font-size: 1.25rem; } } @media screen and (max-width: 479px) { .calendar-bottom .left span, .calendar-bottom .right span { display: none; } } .calendar-bottom .left:before, .calendar-bottom .left:after, .calendar-bottom .right:before, .calendar-bottom .right:after { position: absolute; top: 0; content: ""; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-width: 768px) { .calendar-bottom .left:before, .calendar-bottom .left:after, .calendar-bottom .right:before, .calendar-bottom .right:after { width: 1.75rem; height: 3.4375rem; } } @media screen and (max-width: 767px) { .calendar-bottom .left:before, .calendar-bottom .left:after, .calendar-bottom .right:before, .calendar-bottom .right:after { width: 1.25rem; height: 2.4375rem; } } .calendar-bottom .left:before, .calendar-bottom .right:before { opacity: 1; z-index: 1; } .calendar-bottom .left:after, .calendar-bottom .right:after { opacity: 0; z-index: 2; } .calendar-bottom .left:hover:before, .calendar-bottom .right:hover:before { opacity: 0; } .calendar-bottom .left:hover:after, .calendar-bottom .right:hover:after { opacity: 1; } .calendar-bottom .left { float: left; } @media screen and (min-width: 1024px) { .calendar-bottom .left { padding: 0 0 0 7.5rem; } } @media screen and (max-width: 1023px) { .calendar-bottom .left { padding: 0 0 0 1.875rem; } } @media screen and (min-width: 1024px) { .calendar-bottom .left:before, .calendar-bottom .left:after { left: 5rem; } } @media screen and (max-width: 1023px) { .calendar-bottom .left:before, .calendar-bottom .left:after { left: 0; } } .calendar-bottom .left:before { background: url(../images/library/calendar_prev.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .calendar-bottom .left:after { background: url(../images/library/calendar_prev_h.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .calendar-bottom .right { float: right; } @media screen and (min-width: 1024px) { .calendar-bottom .right { padding: 0 7.5rem 0 0; } } @media screen and (max-width: 1023px) { .calendar-bottom .right { padding: 0 1.875rem 0 0; } } @media screen and (min-width: 1024px) { .calendar-bottom .right:before, .calendar-bottom .right:after { right: 5rem; } } @media screen and (max-width: 1023px) { .calendar-bottom .right:before, .calendar-bottom .right:after { right: 0; } } .calendar-bottom .right:before { background: url(../images/library/calendar_next.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .calendar-bottom .right:after { background: url(../images/library/calendar_next_h.svg) no-repeat 50% 50%; background-attachment: scroll; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } #main p img { display: block; position: relative; margin: 0 auto; width: 100%; max-width: 100%; height: auto; }