@charset "UTF-8"; /*! |----------------------------------------------------------------------------------------------------------- | | | | Skin CSS | | | |----------------------------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Normalization - Start | | |----------------------------------------------------------------------------------------- */ #mainArea {/* overflow:hidden; */} html { height: 100%; font-family: sans-serif; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body {height: 100%;margin: 0;color: var(--color-gray-8);font-size: 16px;font-family: museo-sans, sans-serif;font-weight: 400;line-height: 1.32;letter-spacing: 0;background-color: var(--color-white);} a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: 0; outline: 0;} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; margin: 0; } pre,code,kbd,samp { font-family: monospace;} abbr { cursor: help; } h1, h2, h3, h4, h5, h6 {color: #120368;/* text-transform: uppercase; */font-variant: small-caps;} a { cursor: pointer; color: var(--color-yellow); text-decoration: none; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} a p { color: var(--color-gray-8);} a:hover { color: var(--color-yellow); text-decoration: none;} small { font-size: 80%;} img, svg { vertical-align: middle; border-style: none;} button { cursor: pointer; overflow: visible; display: inline-block; padding: 0; margin: 0; text-align: center; text-transform: none; vertical-align: middle; outline: none; border: none; border-radius: 0; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: button; background-clip: padding-box; background-color: transparent; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} button:focus, button.focus { outline: 0; box-shadow: none;} button.disabled, button:disabled { cursor: not-allowed; opacity: 0.65; box-shadow: none;} button::-moz-focus-inner { padding: 0; border-style: none;} ul { list-style: none;} table { border-collapse: separate; border-spacing: 0;} caption, td, th { text-align: left; font-weight: 400;} td { vertical-align: top; } input,button,select,optgroup,textarea { color: inherit; font-size: inherit; font-family: inherit; line-height: inherit;} input.disabled, input:disabled,button.disabled,button:disabled,select.disabled,select:disabled,optgroup.disabled,optgroup:disabled,textarea.disabled,textarea:disabled { cursor: not-allowed;} hr {height: 0;overflow: visible;box-sizing: content-box;margin: 30px 0;border: 0;border-top: 1px solid #707070;} :focus { outline: 0;} .blockContents *, .blockContents *::before, .blockContents *::after { box-sizing: border-box;} .lightgrey {background: #E6E6E6;} /*! |----------------------------------------------------------------------------------------- | | | Normalization - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Heading - Start | | |----------------------------------------------------------------------------------------- */ .content-style h1, .content-style h2, .content-style h3, .content-style h4, .content-style h5 {margin-top: 0;margin-bottom: 30px;line-height: 1.2;font-weight: 700;/* text-transform: none; */} .content-style h1 a, .content-style h2 a, .content-style h3 a, .content-style h4 a, .content-style h5 a, .content-style h6 a { color: #343a40;} .content-style h1 a:hover, .content-style h2 a:hover, .content-style h3 a:hover, .content-style h4 a:hover, .content-style h5 a:hover, .content-style h6 a:hover { color: var(--color-yellow);} .content-style h1 { font-size: 42px;} @media (max-width: 991px) { .content-style h1 { font-size: 38px; }} .content-style h1 .headingCaption { display: block; margin-bottom: 15px; color: var(--color-yellow); font-size: 18px; font-weight: 400;} @media (max-width: 991px) { .content-style h1 .headingCaption { font-size: 18px; }} .content-style h2 {font-size: 54px;-webkit-text-stroke: 1px var(--color-yellow);font-weight: 900;} @media (max-width: 991px) { .content-style h2 {font-size: 42px;}} .content-style h3 { font-size: 32px;} @media (max-width: 991px) { .content-style h3 { font-size: 28px; }} .content-style h4 { font-size: 28px;} @media (max-width: 991px) { .content-style h4 { font-size: 24px; }} .content-style h5 { font-size: 22px;} @media (max-width: 991px) { .content-style h5 { font-size: 20px; }} .content-style h6 { font-size: 18px;} @media (max-width: 991px) { .content-style h6 { font-size: 18px; }} /*! |----------------------------------------------------------------------------------------- | | | Content Style - Heading - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Paragraph - Start | | |----------------------------------------------------------------------------------------- */ .content-style p {line-height: 1.5;margin-top: 0;margin-bottom: 30px;font-size: 16px;} .content-style .mwPageBlock.Embed .Container p { margin-top: 0; margin-bottom: 30px;} /*! |----------------------------------------------------------------------------------------- | | | Content Style - Paragraph - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Blockquote - Start | | |----------------------------------------------------------------------------------------- */ .content-style blockquote { position: relative; padding: 100px 30px 30px 40px; margin: 0 0 30px; border-left: 3px solid var(--color-yellow); background-color: rgba(0, 0, 0, 0.1);} .content-style blockquote:before { content: ""; position: absolute; top: 30px; left: 35px; width: 50px; height: 50px; border-radius: 50%; background-size: 40%; background-color: var(--color-yellow); background-position: center center; background-repeat: no-repeat; background-image: url("../images/static/svg/icon-quote-left-2.svg");} .content-style blockquote p { margin-bottom: 15px; font-size: 18px;} .content-style blockquote p:last-child { margin-bottom: 0;} .content-style blockquote footer { margin-top: 30px; color: var(--color-yellow); font-size: 12px;} .content-style blockquote footer:before { content: "\2014\A0";} /*! |----------------------------------------------------------------------------------------- | | | Content Style - Blockquote - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Link - Start | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Link - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Image - Start | | |----------------------------------------------------------------------------------------- */ .content-style img.fullWidth { width: 100%; max-width: none; height: auto;} .content-style p img { max-width: 100%; height: auto;} /*! |----------------------------------------------------------------------------------------- | | | Content Style - Image - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - SVG - Start | | |----------------------------------------------------------------------------------------- */ .content-style svg { overflow: hidden; vertical-align: middle;} /*! |----------------------------------------------------------------------------------------- | | | Content Style - SVG - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - List - Start | | |----------------------------------------------------------------------------------------- */ .content-style ul, .content-style ol, .content-style dl {list-style: none !important;counter-reset: item;padding-left: 0;margin: 0 0 30px;} .content-style ul li, .content-style ul dt, .content-style ol li, .content-style ol dt, .content-style dl li, .content-style dl dt {position: relative;padding-left: 20px;margin-bottom: 10px;font-size: 16px;} .content-style ul li:before, .content-style ul dt:before, .content-style ol li:before, .content-style ol dt:before, .content-style dl li:before, .content-style dl dt:before { position: absolute; left: 0; margin-right: 10px; color: inherit;} .content-style ul li:last-child, .content-style ul dt:last-child, .content-style ol li:last-child, .content-style ol dt:last-child, .content-style dl li:last-child, .content-style dl dt:last-child { margin-bottom: 0;} .content-style ul li:before, .content-style ul dt:before, .content-style dl li:before, .content-style dl dt:before { content: "\25CF";} .content-style ol li:before { content: counter(item) "."; counter-increment: item;} .content-style ul li ul, .content-style ul li ol, .content-style ul li dl, .content-style ul dt ul, .content-style ul dt ol, .content-style ul dt dl, .content-style ol li ul, .content-style ol li ol, .content-style ol li dl, .content-style ol dt ul, .content-style ol dt ol, .content-style ol dt dl, .content-style dl li ul, .content-style dl li ol, .content-style dl li dl, .content-style dl dt ul, .content-style dl dt ol, .content-style dl dt dl { margin-top: 15px; margin-bottom: 10px;} .content-style ul li ul li, .content-style ul li ul dt, .content-style ul li dl li, .content-style ul li dl dt, .content-style ul dt ul li, .content-style ul dt ul dt, .content-style ul dt dl li, .content-style ul dt dl dt, .content-style ol li ul li, .content-style ol li ul dt, .content-style ol li dl li, .content-style ol li dl dt, .content-style ol dt ul li, .content-style ol dt ul dt, .content-style ol dt dl li, .content-style ol dt dl dt, .content-style dl li ul li, .content-style dl li ul dt, .content-style dl li dl li, .content-style dl li dl dt, .content-style dl dt ul li, .content-style dl dt ul dt, .content-style dl dt dl li, .content-style dl dt dl dt { margin-bottom: 10px;} .content-style ul li ul li:before, .content-style ul li ul dt:before, .content-style ul li dl li:before, .content-style ul li dl dt:before, .content-style ul dt ul li:before, .content-style ul dt ul dt:before, .content-style ul dt dl li:before, .content-style ul dt dl dt:before, .content-style ol li ul li:before, .content-style ol li ul dt:before, .content-style ol li dl li:before, .content-style ol li dl dt:before, .content-style ol dt ul li:before, .content-style ol dt ul dt:before, .content-style ol dt dl li:before, .content-style ol dt dl dt:before, .content-style dl li ul li:before, .content-style dl li ul dt:before, .content-style dl li dl li:before, .content-style dl li dl dt:before, .content-style dl dt ul li:before, .content-style dl dt ul dt:before, .content-style dl dt dl li:before, .content-style dl dt dl dt:before { content: "\25CB";} .content-style ul._list-unstyled li, .content-style ol._list-unstyled li, .content-style dl._list-unstyled li { padding-left: 0;} .content-style ul._list-unstyled li:before, .content-style ol._list-unstyled li:before, .content-style dl._list-unstyled li:before { display: none;} .content-style ul._list-unstyled li ul, .content-style ul._list-unstyled li ol, .content-style ul._list-unstyled li dl, .content-style ol._list-unstyled li ul, .content-style ol._list-unstyled li ol, .content-style ol._list-unstyled li dl, .content-style dl._list-unstyled li ul, .content-style dl._list-unstyled li ol, .content-style dl._list-unstyled li dl { margin-top: 15px; margin-bottom: 10px;} .content-style ul._list-unstyled li ul li, .content-style ul._list-unstyled li ol li, .content-style ul._list-unstyled li dl li, .content-style ol._list-unstyled li ul li, .content-style ol._list-unstyled li ol li, .content-style ol._list-unstyled li dl li, .content-style dl._list-unstyled li ul li, .content-style dl._list-unstyled li ol li, .content-style dl._list-unstyled li dl li { padding-left: 20px;} .content-style ul._list-inline, .content-style ol._list-inline, .content-style dl._list-inline { display: inline-block; margin: 0;} .content-style ul._list-inline li, .content-style ul._list-inline dt, .content-style ol._list-inline li, .content-style ol._list-inline dt, .content-style dl._list-inline li, .content-style dl._list-inline dt { display: inline-block; padding-left: 0; margin-bottom: 0;} .content-style ul._list-inline li:before, .content-style ul._list-inline dt:before, .content-style ol._list-inline li:before, .content-style ol._list-inline dt:before, .content-style dl._list-inline li:before, .content-style dl._list-inline dt:before { display: none;} .content-style ul._list-checkmark li, .content-style ul._list-checkmark dt, .content-style ol._list-checkmark li, .content-style ol._list-checkmark dt, .content-style dl._list-checkmark li, .content-style dl._list-checkmark dt { padding-left: 26px;} .content-style ul._list-checkmark li:before, .content-style ul._list-checkmark dt:before, .content-style ol._list-checkmark li:before, .content-style ol._list-checkmark dt:before, .content-style dl._list-checkmark li:before, .content-style dl._list-checkmark dt:before { content: "\F058"; font-family: "Font Awesome 5 Free"; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} .content-style ul._list-checkmark-2 li, .content-style ul._list-checkmark-2 dt, .content-style ol._list-checkmark-2 li, .content-style ol._list-checkmark-2 dt, .content-style dl._list-checkmark-2 li, .content-style dl._list-checkmark-2 dt { padding-left: 26px;} .content-style ul._list-checkmark-2 li:before, .content-style ul._list-checkmark-2 dt:before, .content-style ol._list-checkmark-2 li:before, .content-style ol._list-checkmark-2 dt:before, .content-style dl._list-checkmark-2 li:before, .content-style dl._list-checkmark-2 dt:before { content: url("../images/static/svg/icon-checkmark-2.html"); width: 18px; height: 18px;} .content-style ul._list-location li, .content-style ul._list-location dt, .content-style ol._list-location li, .content-style ol._list-location dt, .content-style dl._list-location li, .content-style dl._list-location dt { padding-left: 26px;} .content-style ul._list-location li:before, .content-style ul._list-location dt:before, .content-style ol._list-location li:before, .content-style ol._list-location dt:before, .content-style dl._list-location li:before, .content-style dl._list-location dt:before { content: "\F3C5"; font-family: "Font Awesome 5 Free"; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} /*! |----------------------------------------------------------------------------------------- | | | Content Style - List - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Table - Start | | |----------------------------------------------------------------------------------------- */ .content-style table { width: 100%; border-collapse: collapse; margin-bottom: 30px;} @media (max-width: 767px) { .content-style table:not(.Dialog) { overflow: auto; display: block; max-width: 100%; } } .content-style table:not(.Dialog) th, .content-style table:not(.Dialog) td { padding: 20px; text-align: inherit; vertical-align: top; border-top: 1px solid rgba(0, 0, 0, 0.2);} .content-style table:not(.Dialog) thead th { vertical-align: bottom;} .content-style table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.1);} .content-style table.tableSmall { font-size: 14px;} .content-style table.tableSmall:not(.Dialog) th, .content-style table.tableSmall:not(.Dialog) td { padding: 10px;} /*! |----------------------------------------------------------------------------------------- | | | Content Style - Table - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Background - Start | | |----------------------------------------------------------------------------------------- */ .content-style._bg-primary, .content-style ._bg-primary { color: var(--color-white); background-color: var(--color-yellow);} .content-style._bg-primary h1, .content-style._bg-primary h2, .content-style._bg-primary h3, .content-style._bg-primary h4, .content-style._bg-primary h5, .content-style._bg-primary h6, .content-style ._bg-primary h1, .content-style ._bg-primary h2, .content-style ._bg-primary h3, .content-style ._bg-primary h4, .content-style ._bg-primary h5, .content-style ._bg-primary h6 { color: var(--color-white);} .content-style._bg-primary a:not(.small):not(.medium):not(.large), .content-style ._bg-primary a:not(.small):not(.medium):not(.large) { color: var(--color-white);} .content-style._bg-primary a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-primary a:not(.small):not(.medium):not(.large):hover { color: var(--color-yellowest);} .content-style._bg-primary blockquote, .content-style ._bg-primary blockquote { border-left: 5px solid var(--color-yellow);} .content-style._bg-primary .sidebarBorder .sidebarSide, .content-style ._bg-primary .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5);} .content-style._bg-primary hr, .content-style ._bg-primary hr { border-top-color: rgba(255, 255, 255, 0.5);} .content-style._bg-primary .Spacer .mwSpacer .mwDivider, .content-style ._bg-primary .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5);} .content-style._bg-primary .mwInput, .content-style ._bg-primary .mwInput { border-color: var(--color-white);} .content-style._bg-primary .mwInput.file .subcontrol.upload, .content-style._bg-primary .mwInput.select .subcontrol.dropdown, .content-style ._bg-primary .mwInput.file .subcontrol.upload, .content-style ._bg-primary .mwInput.select .subcontrol.dropdown { background-color: var(--color-secondary);} .content-style._bg-primary .mwInput.checkbox .icon:before, .content-style ._bg-primary .mwInput.checkbox .icon:before { border-color: var(--color-white);} .content-style._bg-primary .mwInput.button, .content-style ._bg-primary .mwInput.button { border-color: var(--color-secondary); background-color: var(--color-secondary);} .content-style._bg-primary .mwInput.button input, .content-style ._bg-primary .mwInput.button input { color: var(--color-white);} .content-style._bg-primary .mwInput.button:hover, .content-style ._bg-primary .mwInput.button:hover { border-color: var(--color-yellowest); background-color: var(--color-yellowest);} .content-style._bg-primary .mwInput .icon, .content-style ._bg-primary .mwInput .icon { color: var(--color-white);} .content-style._bg-primary .Menu ul li a, .content-style ._bg-primary .Menu ul li a { color: var(--color-white);} .content-style._bg-primary .Menu ul li a:hover, .content-style ._bg-primary .Menu ul li a:hover { color: var(--color-yellowest);} .content-style._bg-primary .snsLink a, .content-style ._bg-primary .snsLink a { color: var(--color-white);} .content-style._bg-primary .snsLink a:hover, .content-style ._bg-primary .snsLink a:hover { color: var(--color-yellow);} .content-style._bg-primary .snsLinkCircle a, .content-style._bg-primary .snsLinkCircle button, .content-style._bg-primary .snsLinkSquare a, .content-style._bg-primary .snsLinkSquare button, .content-style ._bg-primary .snsLinkCircle a, .content-style ._bg-primary .snsLinkCircle button, .content-style ._bg-primary .snsLinkSquare a, .content-style ._bg-primary .snsLinkSquare button { color: var(--color-white); background-color: var(--color-secondary);} .content-style._bg-primary .snsLinkCircle a:hover, .content-style._bg-primary .snsLinkCircle button:hover, .content-style._bg-primary .snsLinkSquare a:hover, .content-style._bg-primary .snsLinkSquare button:hover, .content-style ._bg-primary .snsLinkCircle a:hover, .content-style ._bg-primary .snsLinkCircle button:hover, .content-style ._bg-primary .snsLinkSquare a:hover, .content-style ._bg-primary .snsLinkSquare button:hover { color: var(--color-white); background-color: var(--color-yellow);} .content-style ._bg-yellow { background:var(--color-yellow); } .content-style._bg-secondary, .content-style ._bg-secondary {color: var(--color-white);background-color: var(--color-yellow);} .content-style._bg-secondary h1, .content-style._bg-secondary h2, .content-style._bg-secondary h3, .content-style._bg-secondary h4, .content-style._bg-secondary h5, .content-style._bg-secondary h6, .content-style ._bg-secondary h1, .content-style ._bg-secondary h2, .content-style ._bg-secondary h3, .content-style ._bg-secondary h4, .content-style ._bg-secondary h5, .content-style ._bg-secondary h6 { color: var(--color-white);} .content-style._bg-secondary a:not(.small):not(.medium):not(.large), .content-style ._bg-secondary a:not(.small):not(.medium):not(.large) { color: var(--color-white);} .content-style._bg-secondary a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-secondary a:not(.small):not(.medium):not(.large):hover { color: #3E241C;} .content-style._bg-secondary blockquote, .content-style ._bg-secondary blockquote { border-left: 5px solid #7D4838;} .content-style._bg-secondary .sidebarBorder .sidebarSide, .content-style ._bg-secondary .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5);} .content-style._bg-secondary hr, .content-style ._bg-secondary hr { border-top-color: rgba(255, 255, 255, 0.5);} .content-style._bg-secondary .Spacer .mwSpacer .mwDivider, .content-style ._bg-secondary .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5);} .content-style._bg-secondary .mwInput, .content-style ._bg-secondary .mwInput { border-color: var(--color-white);} .content-style._bg-secondary .mwInput.file .subcontrol.upload, .content-style._bg-secondary .mwInput.select .subcontrol.dropdown, .content-style ._bg-secondary .mwInput.file .subcontrol.upload, .content-style ._bg-secondary .mwInput.select .subcontrol.dropdown { background-color: #BB6C54;} .content-style._bg-secondary .mwInput.checkbox .icon:before, .content-style ._bg-secondary .mwInput.checkbox .icon:before { border-color: var(--color-white);} .content-style._bg-secondary .mwInput.button, .content-style ._bg-secondary .mwInput.button { border-color: #BB6C54; background-color: #BB6C54;} .content-style._bg-secondary .mwInput.button input, .content-style ._bg-secondary .mwInput.button input { color: var(--color-white);} .content-style._bg-secondary .mwInput.button:hover, .content-style ._bg-secondary .mwInput.button:hover { border-color: #3E241C; background-color: #3E241C;} .content-style._bg-secondary .mwInput .icon, .content-style ._bg-secondary .mwInput .icon { color: var(--color-white);} .content-style._bg-secondary .Menu ul li a, .content-style ._bg-secondary .Menu ul li a { color: var(--color-white);} .content-style._bg-secondary .Menu ul li a:hover, .content-style ._bg-secondary .Menu ul li a:hover { color: #3E241C;} .content-style._bg-secondary .snsLink a, .content-style ._bg-secondary .snsLink a { color: var(--color-white);} .content-style._bg-secondary .snsLink a:hover, .content-style ._bg-secondary .snsLink a:hover { color: #3E241C;} .content-style._bg-secondary .snsLinkCircle a, .content-style._bg-secondary .snsLinkCircle button, .content-style._bg-secondary .snsLinkSquare a, .content-style._bg-secondary .snsLinkSquare button, .content-style ._bg-secondary .snsLinkCircle a, .content-style ._bg-secondary .snsLinkCircle button, .content-style ._bg-secondary .snsLinkSquare a, .content-style ._bg-secondary .snsLinkSquare button { color: var(--color-white); background-color: #BB6C54;} .content-style._bg-secondary .snsLinkCircle a:hover, .content-style._bg-secondary .snsLinkCircle button:hover, .content-style._bg-secondary .snsLinkSquare a:hover, .content-style._bg-secondary .snsLinkSquare button:hover, .content-style ._bg-secondary .snsLinkCircle a:hover, .content-style ._bg-secondary .snsLinkCircle button:hover, .content-style ._bg-secondary .snsLinkSquare a:hover, .content-style ._bg-secondary .snsLinkSquare button:hover { color: var(--color-white); background-color: #7D4838;} .content-style._bg-white, .content-style ._bg-white { background-color: var(--color-white);} .content-style._bg-black, .content-style ._bg-black { color: var(--color-white); background-color: var(--color-black);} .content-style._bg-black h1, .content-style._bg-black h2, .content-style._bg-black h3, .content-style._bg-black h4, .content-style._bg-black h5, .content-style._bg-black h6, .content-style ._bg-black h1, .content-style ._bg-black h2, .content-style ._bg-black h3, .content-style ._bg-black h4, .content-style ._bg-black h5, .content-style ._bg-black h6 { color: var(--color-white);} .content-style._bg-black a:not(.small):not(.medium):not(.large), .content-style ._bg-black a:not(.small):not(.medium):not(.large) { color: var(--color-white);} .content-style._bg-black a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-black a:not(.small):not(.medium):not(.large):hover { color: var(--color-yellow);} .content-style._bg-black blockquote, .content-style ._bg-black blockquote { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-black table:not(.Dialog) th, .content-style._bg-black table:not(.Dialog) td, .content-style ._bg-black table:not(.Dialog) th, .content-style ._bg-black table:not(.Dialog) td { border-top: 1px solid rgba(255, 255, 255, 0.5);} .content-style._bg-black table:not(.Dialog) tbody tr:nth-of-type(odd), .content-style ._bg-black table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-black .sidebarBorder .sidebarSide, .content-style ._bg-black .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5);} .content-style._bg-black hr, .content-style ._bg-black hr { border-top-color: rgba(255, 255, 255, 0.5);} .content-style._bg-black .Spacer .mwSpacer .mwDivider, .content-style ._bg-black .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5);} .content-style._bg-black .mwInput, .content-style ._bg-black .mwInput { border-color: var(--color-white);} .content-style._bg-black .mwInput.file .subcontrol.upload, .content-style._bg-black .mwInput.select .subcontrol.dropdown, .content-style ._bg-black .mwInput.file .subcontrol.upload, .content-style ._bg-black .mwInput.select .subcontrol.dropdown { background-color: var(--color-yellow);} .content-style._bg-black .mwInput.checkbox .icon:before, .content-style ._bg-black .mwInput.checkbox .icon:before { border-color: var(--color-white);} .content-style._bg-black .mwInput.button, .content-style ._bg-black .mwInput.button { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-black .mwInput.button input, .content-style ._bg-black .mwInput.button input { color: var(--color-white);} .content-style._bg-black .mwInput.button:hover, .content-style ._bg-black .mwInput.button:hover { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-black .mwInput .icon, .content-style ._bg-black .mwInput .icon { color: var(--color-white);} .content-style._bg-black .Menu ul li a, .content-style ._bg-black .Menu ul li a { color: var(--color-white);} .content-style._bg-black .Menu ul li a:hover, .content-style ._bg-black .Menu ul li a:hover { color: var(--color-yellow);} .content-style._bg-gray, .content-style ._bg-gray { color: var(--color-white); background-color: var(--color-gray-6);} .content-style._bg-gray h1, .content-style._bg-gray h2, .content-style._bg-gray h3, .content-style._bg-gray h4, .content-style._bg-gray h5, .content-style._bg-gray h6, .content-style ._bg-gray h1, .content-style ._bg-gray h2, .content-style ._bg-gray h3, .content-style ._bg-gray h4, .content-style ._bg-gray h5, .content-style ._bg-gray h6 { color: var(--color-white);} .content-style._bg-gray a:not(.small):not(.medium):not(.large), .content-style ._bg-gray a:not(.small):not(.medium):not(.large) { color: var(--color-white);} .content-style._bg-gray a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-gray a:not(.small):not(.medium):not(.large):hover { color: var(--color-yellow);} .content-style._bg-gray blockquote, .content-style ._bg-gray blockquote { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-gray table:not(.Dialog) th, .content-style._bg-gray table:not(.Dialog) td, .content-style ._bg-gray table:not(.Dialog) th, .content-style ._bg-gray table:not(.Dialog) td { border-top: 1px solid rgba(255, 255, 255, 0.5);} .content-style._bg-gray table:not(.Dialog) tbody tr:nth-of-type(odd), .content-style ._bg-gray table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-gray .sidebarBorder .sidebarSide, .content-style ._bg-gray .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray hr, .content-style ._bg-gray hr { border-top-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray .Spacer .mwSpacer .mwDivider, .content-style ._bg-gray .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray .mwInput, .content-style ._bg-gray .mwInput { border-color: var(--color-white);} .content-style._bg-gray .mwInput.file .subcontrol.upload, .content-style._bg-gray .mwInput.select .subcontrol.dropdown, .content-style ._bg-gray .mwInput.file .subcontrol.upload, .content-style ._bg-gray .mwInput.select .subcontrol.dropdown { background-color: var(--color-yellow);} .content-style._bg-gray .mwInput.checkbox .icon:before, .content-style ._bg-gray .mwInput.checkbox .icon:before { border-color: var(--color-white);} .content-style._bg-gray .mwInput.button, .content-style ._bg-gray .mwInput.button { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-gray .mwInput.button input, .content-style ._bg-gray .mwInput.button input { color: var(--color-white);} .content-style._bg-gray .mwInput.button:hover, .content-style ._bg-gray .mwInput.button:hover { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-gray .mwInput .icon, .content-style ._bg-gray .mwInput .icon { color: var(--color-white);} .content-style._bg-gray .Menu ul li a, .content-style ._bg-gray .Menu ul li a { color: var(--color-white);} .content-style._bg-gray .Menu ul li a:hover, .content-style ._bg-gray .Menu ul li a:hover { color: var(--color-yellow);} .content-style._bg-gray-light, .content-style ._bg-gray-light { background-color: var(--color-gray-5);} .content-style._bg-gray-light, .content-style ._bg-gray-light { background-color: var(--color-gray-5);} .content-style._bg-gray-lighter, .content-style ._bg-gray-lighter { background-color: #ced4da;} .content-style._bg-gray-lightest, .content-style ._bg-gray-lightest { background-color: var(--color-gray-2);} ._bg-footergrey {background-color:var(--color-footergrey); } .content-style._bg-gray-dark, .content-style ._bg-gray-dark { color: var(--color-white); background-color: var(--color-gray-8);} .content-style._bg-gray-dark h1, .content-style._bg-gray-dark h2, .content-style._bg-gray-dark h3, .content-style._bg-gray-dark h4, .content-style._bg-gray-dark h5, .content-style._bg-gray-dark h6, .content-style ._bg-gray-dark h1, .content-style ._bg-gray-dark h2, .content-style ._bg-gray-dark h3, .content-style ._bg-gray-dark h4, .content-style ._bg-gray-dark h5, .content-style ._bg-gray-dark h6 { color: var(--color-white);} .content-style._bg-gray-dark a:not(.small):not(.medium):not(.large), .content-style ._bg-gray-dark a:not(.small):not(.medium):not(.large) { color: var(--color-white);} .content-style._bg-gray-dark a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-gray-dark a:not(.small):not(.medium):not(.large):hover { color: var(--color-yellow);} .content-style._bg-gray-dark blockquote, .content-style ._bg-gray-dark blockquote { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-gray-dark table:not(.Dialog) th, .content-style._bg-gray-dark table:not(.Dialog) td, .content-style ._bg-gray-dark table:not(.Dialog) th, .content-style ._bg-gray-dark table:not(.Dialog) td { border-top: 1px solid rgba(255, 255, 255, 0.5);} .content-style._bg-gray-dark table:not(.Dialog) tbody tr:nth-of-type(odd), .content-style ._bg-gray-dark table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-gray-dark .sidebarBorder .sidebarSide, .content-style ._bg-gray-dark .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-dark hr, .content-style ._bg-gray-dark hr { border-top-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-dark .Spacer .mwSpacer .mwDivider, .content-style ._bg-gray-dark .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-dark .mwInput, .content-style ._bg-gray-dark .mwInput { border-color: var(--color-white);} .content-style._bg-gray-dark .mwInput.file .subcontrol.upload, .content-style._bg-gray-dark .mwInput.select .subcontrol.dropdown, .content-style ._bg-gray-dark .mwInput.file .subcontrol.upload, .content-style ._bg-gray-dark .mwInput.select .subcontrol.dropdown { background-color: var(--color-yellow);} .content-style._bg-gray-dark .mwInput.checkbox .icon:before, .content-style ._bg-gray-dark .mwInput.checkbox .icon:before { border-color: var(--color-white);} .content-style._bg-gray-dark .mwInput.button, .content-style ._bg-gray-dark .mwInput.button { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-gray-dark .mwInput.button input, .content-style ._bg-gray-dark .mwInput.button input { color: var(--color-white);} .content-style._bg-gray-dark .mwInput.button:hover, .content-style ._bg-gray-dark .mwInput.button:hover { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-gray-dark .mwInput .icon, .content-style ._bg-gray-dark .mwInput .icon { color: var(--color-white);} .content-style._bg-gray-dark .Menu ul li a, .content-style ._bg-gray-dark .Menu ul li a { color: var(--color-white);} .content-style._bg-gray-dark .Menu ul li a:hover, .content-style ._bg-gray-dark .Menu ul li a:hover { color: var(--color-yellow);} .content-style._bg-gray-darker, .content-style ._bg-gray-darker { color: var(--color-white); background-color: #343a40;} .content-style._bg-gray-darker h1, .content-style._bg-gray-darker h2, .content-style._bg-gray-darker h3, .content-style._bg-gray-darker h4, .content-style._bg-gray-darker h5, .content-style._bg-gray-darker h6, .content-style ._bg-gray-darker h1, .content-style ._bg-gray-darker h2, .content-style ._bg-gray-darker h3, .content-style ._bg-gray-darker h4, .content-style ._bg-gray-darker h5, .content-style ._bg-gray-darker h6 { color: var(--color-white);} .content-style._bg-gray-darker a:not(.small):not(.medium):not(.large), .content-style ._bg-gray-darker a:not(.small):not(.medium):not(.large) { color: var(--color-white);} .content-style._bg-gray-darker a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-gray-darker a:not(.small):not(.medium):not(.large):hover { color: var(--color-yellow);} .content-style._bg-gray-darker blockquote, .content-style ._bg-gray-darker blockquote { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-gray-darker table:not(.Dialog) th, .content-style._bg-gray-darker table:not(.Dialog) td, .content-style ._bg-gray-darker table:not(.Dialog) th, .content-style ._bg-gray-darker table:not(.Dialog) td { border-top: 1px solid rgba(255, 255, 255, 0.5);} .content-style._bg-gray-darker table:not(.Dialog) tbody tr:nth-of-type(odd), .content-style ._bg-gray-darker table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-gray-darker .sidebarBorder .sidebarSide, .content-style ._bg-gray-darker .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-darker hr, .content-style ._bg-gray-darker hr { border-top-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-darker .Spacer .mwSpacer .mwDivider, .content-style ._bg-gray-darker .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-darker .mwInput, .content-style ._bg-gray-darker .mwInput { border-color: var(--color-white);} .content-style._bg-gray-darker .mwInput.file .subcontrol.upload, .content-style._bg-gray-darker .mwInput.select .subcontrol.dropdown, .content-style ._bg-gray-darker .mwInput.file .subcontrol.upload, .content-style ._bg-gray-darker .mwInput.select .subcontrol.dropdown { background-color: var(--color-yellow);} .content-style._bg-gray-darker .mwInput.checkbox .icon:before, .content-style ._bg-gray-darker .mwInput.checkbox .icon:before { border-color: var(--color-white);} .content-style._bg-gray-darker .mwInput.button, .content-style ._bg-gray-darker .mwInput.button { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-gray-darker .mwInput.button input, .content-style ._bg-gray-darker .mwInput.button input { color: var(--color-white);} .content-style._bg-gray-darker .mwInput.button:hover, .content-style ._bg-gray-darker .mwInput.button:hover { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-gray-darker .mwInput .icon, .content-style ._bg-gray-darker .mwInput .icon { color: var(--color-white);} .content-style._bg-gray-darker .Menu ul li a, .content-style ._bg-gray-darker .Menu ul li a { color: var(--color-white);} .content-style._bg-gray-darker .Menu ul li a:hover, .content-style ._bg-gray-darker .Menu ul li a:hover { color: var(--color-yellow);} .content-style._bg-gray-darkest, .content-style ._bg-gray-darkest {color: var(--color-white);background-color: #09003d;} .content-style._bg-gray-darkest h1, .content-style._bg-gray-darkest h2, .content-style._bg-gray-darkest h3, .content-style._bg-gray-darkest h4, .content-style._bg-gray-darkest h5, .content-style._bg-gray-darkest h6, .content-style ._bg-gray-darkest h1, .content-style ._bg-gray-darkest h2, .content-style ._bg-gray-darkest h3, .content-style ._bg-gray-darkest h4, .content-style ._bg-gray-darkest h5, .content-style ._bg-gray-darkest h6 { color: var(--color-white);} .content-style._bg-gray-darkest a:not(.small):not(.medium):not(.large), .content-style ._bg-gray-darkest a:not(.small):not(.medium):not(.large) { color: var(--color-white);} .content-style._bg-gray-darkest a:not(.small):not(.medium):not(.large):hover, .content-style ._bg-gray-darkest a:not(.small):not(.medium):not(.large):hover { color: var(--color-yellow);} .content-style._bg-gray-darkest blockquote, .content-style ._bg-gray-darkest blockquote { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-gray-darkest table:not(.Dialog) th, .content-style._bg-gray-darkest table:not(.Dialog) td, .content-style ._bg-gray-darkest table:not(.Dialog) th, .content-style ._bg-gray-darkest table:not(.Dialog) td { border-top: 1px solid rgba(255, 255, 255, 0.5);} .content-style._bg-gray-darkest table:not(.Dialog) tbody tr:nth-of-type(odd), .content-style ._bg-gray-darkest table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.3);} .content-style._bg-gray-darkest .sidebarBorder .sidebarSide, .content-style ._bg-gray-darkest .sidebarBorder .sidebarSide { border-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-darkest hr, .content-style ._bg-gray-darkest hr { border-top-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-darkest .Spacer .mwSpacer .mwDivider, .content-style ._bg-gray-darkest .Spacer .mwSpacer .mwDivider { background-color: rgba(255, 255, 255, 0.5);} .content-style._bg-gray-darkest .mwInput, .content-style ._bg-gray-darkest .mwInput { border-color: var(--color-white);} .content-style._bg-gray-darkest .mwInput.file .subcontrol.upload, .content-style._bg-gray-darkest .mwInput.select .subcontrol.dropdown, .content-style ._bg-gray-darkest .mwInput.file .subcontrol.upload, .content-style ._bg-gray-darkest .mwInput.select .subcontrol.dropdown { background-color: var(--color-yellow);} .content-style._bg-gray-darkest .mwInput.checkbox .icon:before, .content-style ._bg-gray-darkest .mwInput.checkbox .icon:before { border-color: var(--color-white);} .content-style._bg-gray-darkest .mwInput.button, .content-style ._bg-gray-darkest .mwInput.button {border-color: var(--color-black);background-color: var(--color-black);} .content-style._bg-gray-darkest .mwInput.button input, .content-style ._bg-gray-darkest .mwInput.button input {color: var(--color-white);text-transform: uppercase;} .content-style._bg-gray-darkest .mwInput.button:hover, .content-style ._bg-gray-darkest .mwInput.button:hover { border-color: var(--color-yellow); background-color: var(--color-yellow);} .content-style._bg-gray-darkest .mwInput .icon, .content-style ._bg-gray-darkest .mwInput .icon { color: var(--color-white);} .content-style._bg-gray-darkest .Menu ul li a, .content-style ._bg-gray-darkest .Menu ul li a { color: var(--color-white);} .content-style._bg-gray-darkest .Menu ul li a:hover, .content-style ._bg-gray-darkest .Menu ul li a:hover { color: var(--color-yellow);} /*! |----------------------------------------------------------------------------------------- | | | Content Style - Background - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Style - Form - Start | | |----------------------------------------------------------------------------------------- */ .content-style .Dialog { width: 100%; table-layout: fixed;} .content-style .Dialog ::-webkit-input-placeholder { opacity: 1; color: var(--color-gray-6);font-size:14px} .content-style .Dialog ::-moz-placeholder { opacity: 1; color: var(--color-gray-6);} .content-style .Dialog :-ms-input-placeholder { opacity: 1; color: var(--color-gray-6);font-size:14px} .content-style .Dialog ::-ms-input-placeholder { opacity: 1; color: var(--color-gray-6);font-size:14px} .content-style .Dialog ::placeholder { opacity: 1; color: var(--color-gray-6);font-size:14px} .content-style .Dialog hr { margin: 35px 0; border-color: rgba(0, 0, 0, 0.2);} .content-style .Dialog label { display: block; padding-bottom: 8px;} .content-style .Dialog .asterisk { color: var(--color-red);} .content-style .Dialog th, .content-style .Dialog td { padding: 8px 0;} .content-style .Dialog th + td { padding-left: 15px;} @media (max-width: 575px) { .content-style .Dialog.wide th + td { padding-left: 0; } } @media (max-width: 575px) { .content-style .Dialog.wide th, .content-style .Dialog.wide td { display: block; } } .content-style .mwInput {height: auto;padding: 0;margin: 0;font-size: 16px;font-family: museo-sans, sans-serif;line-height: 1.5;color: var(--color-gray-8);border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;background-color: var(--color-white);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(67, 207, 214, 0);transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .content-style .mwInput input, .content-style .mwInput textarea, .content-style .mwInput button, .content-style .mwInput select, .content-style .mwInput option, .content-style .mwInput optgroup, .content-style .mwInput fieldset, .content-style .mwInput label, .content-style .mwInput output { color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; border: none; background-color: transparent;} .content-style .mwInput.text, .content-style .mwInput.button, .content-style .mwInput.file, .content-style .mwInput.select {height: 49px;} .content-style .mwInput input, .content-style .mwInput button, .content-style .mwInput select, .content-style .mwInput option, .content-style .mwInput optgroup, .content-style .mwInput fieldset, .content-style .mwInput output, .content-style .mwInput.button input { height: 100%;} .content-style .mwInput label, .content-style .mwInput textarea { height: auto;} .content-style .mwInput *, .content-style .mwInput div { line-height: 1.5;} .content-style .mwInput.text input { width: 100%; padding: 0 15px; line-height: 1.5;} .content-style .mwInput.select select { width: 100%;} .content-style .mwInput.select .dropdown { width: 36px; height: 36px; line-height: 36px; border: 0; color: var(--color-white); background-color: var(--color-yellow);} .content-style .mwInput.select .dropdown:before { display: none;} .content-style .mwInput.select .dropdown:after { content: "\F078"; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} .content-style .mwInput.select .value { min-width: auto !important; height: 36px; line-height: 36px; padding: 0 15px;} .content-style .mwInput.multiple select { padding: 7.5px;} .content-style .mwInput.multiple select option { padding: 5px 7.5px 5px;} .content-style .mwInput.multiple select option:first-of-type { border-radius: 2px 2px 0 0;} .content-style .mwInput.multiple select option:last-of-type { border-radius: 0 0 2px 2px;} .content-style .mwInput.checkbox { display: block; width: auto; border: none; background: none; box-shadow: none;} .content-style .mwInput.checkbox:before { display: none;} .content-style .mwInput.checkbox .icon { display: flex; align-items: flex-start; padding: 0; height: auto; white-space: normal;} .content-style .mwInput.checkbox .icon:before { content: ""; position: relative; flex: 0 0 auto; width: 26px; height: 26px; margin: 0 15px 0 0 !important; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; background-position: center; background-repeat: no-repeat; background-size: 15px; background-image: none; background-color: var(--color-white); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .content-style .mwInput.checkbox.checked .icon:before {border-color: var(--color-brown);background-color: var(--color-brown);background-image: url(../images/static/svg/icon-checkmark-1-white.svg);box-shadow: none;} .content-style .mwRadios::after { display: block; clear: both; content: "";} .content-style .mwRadios .mwInput.checkbox .icon:before { border-radius: 50%; background-size: 10px;} .content-style .mwRadios .mwInput.checkbox.checked .icon:before { background-image: url(../images/static/svg/icon-circle-1-white.svg);} .content-style .mwRadios .mwInput.checkbox + .mwInput.checkbox { margin-top: 8px;} .content-style .mwInput.textarea textarea { display: block; min-height: 100px; padding: 15px; resize: vertical;} .content-style .mwInput.file { padding: 0;} .content-style .mwInput.file .fill { height: 36px; line-height: 36px; background-color: #d6f9ff;} .content-style .mwInput.file .fileName { height: 36px; line-height: 36px; padding: 0 15px;} .content-style .mwInput.file .num { height: 36px; line-height: 36px; right: 38px; padding: 0 15px; color: var(--color-gray-8);} .content-style .mwInput.file .upload { width: 36px; height: 36px; line-height: 36px; color: var(--color-white); border: 0; background-color: var(--color-yellow);} .content-style .mwInput.file .upload > div { display: none;} .content-style .mwInput.file .upload:before { display: none;} .content-style .mwInput.file .upload:after { content: "\F093"; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} .content-style .mwInput.button {/* display: table; */border-width: 1px;border-style: none;border-color: var(--color-white);background: var(--color-yellow);box-shadow: none;border-radius: 30px;} .footer .mwInput.button {/* display: table; */border-width: 1px;border-style: none;border-color: var(--color-white);background: none;box-shadow: none;border-radius: 20px;} .content-style .mwInput.button input { padding: 0 35px; color: var(--color-white); font-size: 16px; font-weight: 700; font-family: museo-sans, sans-serif; letter-spacing: 0; text-transform: none; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .content-style .mwInput.button:hover { } .content-style .mwInput.button:hover input { color: var(--color-white);} .content-style .mwCaptcha { display: block; padding: 20px 20px 15px; margin: 0; text-align: center; background-color: #f5f5f5; background-image: url("../images/static/pattern/pattern-2.png"); background-repeat: repeat;} @media (max-width: 575px) { .content-style .mwCaptcha { padding: 20px 0 15px; } } @media (max-width: 359px) { .content-style .mwCaptcha { overflow: hidden; width: 290px; padding: 0; text-align: left; background-color: transparent; background-image: none; } } .content-style .mwCaptcha script { display: inline;} @media (max-width: 359px) { .content-style .mwCaptcha .g-recaptcha { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transform-origin: 0 0; transform-origin: 0 0; } } .content-style .captchaLeft .mwCaptcha { padding: 0; text-align: left; background: none;} .content-style .Dialog.twoCol { width: calc(50% - 15px);} @media (max-width: 991px) { .content-style .Dialog.twoCol { width: 100%; } } .content-style .Dialog.twoCol:nth-of-type(odd), .content-style .Dialog.twoCol:nth-of-type(even) { margin-right: 15px;} @media (max-width: 991px) { .content-style .Dialog.twoCol:nth-of-type(odd), .content-style .Dialog.twoCol:nth-of-type(even) { float: none; margin-left: 0; margin-right: 0; } } .content-style .Dialog.twoCol:nth-of-type(odd) { float: left;} .content-style .Dialog.twoCol:nth-of-type(even) { float: right;} .content-style .inputGroup { display: flex; align-items: stretch;} .content-style .inputGroup label { flex: 0 0 auto; padding: 0 15px; min-width: 100px; height: 40px; line-height: 38px; font-weight: 700; color: var(--color-white); text-align: center; border-top: 1px solid var(--color-yellow); border-left: 1px solid var(--color-yellow); border-bottom: 1px solid var(--color-yellow); border-radius: 4px 0 0 4px; background-color: var(--color-yellow);} .content-style .inputGroup label + .mwInput.text { border-left-width: 0; border-right-width: 1px; border-radius: 0 4px 4px 0;} .content-style .inputGroup .mwInput.text {z-index: 1;flex: 1 1 auto;border-right-width: 0;border-radius: 0;} .content-style .inputGroup .mwInput.button { flex: 0 0 auto; border-radius: 0 4px 4px 0;} .content-style .inputGroup .mwInput.button input { padding: 0 15px;} .content-style .nestedForm:not(tbody) { padding: 30px 30px 35px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.1);} @media (max-width: 575px) { .content-style .nestedForm:not(tbody) { padding: 20px 15px 25px; } } .content-style .nestedForm:not(tbody) table { margin-bottom: 0;} .content-style tbody.nestedForm { border: 30px solid transparent; background-color: rgba(0, 0, 0, 0.1);} .content-style [data-toggle-form-hidden] { display: none;} .content-style [data-toggle-form-hidden-reverse] { display: block;} .content-style .mwFormStatus { margin-bottom: 50px;} .content-style .mwFormStatus:empty { margin-bottom: 0;} .content-style .mwFormStatus > .status { font-size: 12px; padding: 5px 20px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} .content-style .mwFormStatus > .status:first-of-type { padding-top: 15px; font-size: 14px; text-transform: uppercase; border-radius: 6px 6px 0 0;} .content-style .mwFormStatus > .status:last-of-type { padding-bottom: 15px; border-radius: 0 0 6px 6px;} .content-style .mwFormStatus > .status:not(:first-of-type) { font-weight: 400;} .content-style .mwFormStatus > .status:not(:first-of-type):before { content: "\F06A"; margin-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} .content-style .mwFormStatus > .status.error { color: var(--color-white); background-color: var(--color-red);} .content-style .mwFormStatus > .status.error .status { color: var(--color-white);} .content-style .Dialog .alert { margin: 8px 0;} .content-style .mwInput.Disabled, .content-style .mwInput.Disabled * { cursor: not-allowed;} .content-style .mwInput [disabled], .content-style .mwInput input[disabled], .content-style .mwInput textarea[readonly] { cursor: not-allowed;} .content-style .mwInput [readonly], .content-style .mwInput input[readonly], .content-style .mwInput textarea[readonly] { cursor: not-allowed;} .content-style .mwInput.hover:not(.button) { background-color: var(--color-white);} .content-style .mwInput.hover.checkbox { background-color: transparent;} .content-style .mwInput.focus:not(.button) { background-color: var(--color-white); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(67, 207, 214, 0.25);} .content-style .mwInput.focus.checkbox { background-color: transparent; box-shadow: none;} .content-style .mwInput.focus.checkbox .icon:before { box-shadow: 0 0 0 3px rgba(67, 207, 214, 0.25);} .content-style .mwInput.error { border-color: var(--color-red);} .content-style .mwInput.error.checkbox .icon:before { border-color: var(--color-red);} .content-style .mwInput.error.focus { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(220, 53, 69, 0.25);} .content-style .mwInput.error.focus.checkbox { box-shadow: none;} .content-style .mwInput.error.focus.checkbox .icon:before { box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.25);} /*! |----------------------------------------------------------------------------------------- | | | Content Style - Form - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Dots Style - Start | | |----------------------------------------------------------------------------------------- */ .dots-style-1 ul.slick-dots li button { width: 18px; height: 18px; border-radius: 50%; border: 1px solid transparent;} .dots-style-1 ul.slick-dots li button:before { width: 6px; height: 6px; background-color: var(--color-gray-6); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .dots-style-1 ul.slick-dots li:hover button, .dots-style-1 ul.slick-dots li.slick-active button { border-color: var(--color-gray-6);} .dots-style-2 ul.slick-dots li button:before { opacity: 0; width: 14px; height: 14px; border: 1px solid var(--color-yellow); background-color: transparent; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .dots-style-2 ul.slick-dots li button:after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--color-gray-5); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .dots-style-2 ul.slick-dots li:hover button:before, .dots-style-2 ul.slick-dots li.slick-active button:before { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);} .dots-style-2 ul.slick-dots li:hover button:after, .dots-style-2 ul.slick-dots li.slick-active button:after { border-color: var(--color-yellow); background-color: var(--color-yellow); -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5);} .dots-style-3 ul.slick-dots li { padding: 0 0 10px;} .dots-style-3 ul.slick-dots li:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background-color: var(--color-gray-6); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .dots-style-3 ul.slick-dots li button {width: auto;min-width: 20px;height: auto;opacity: 0.5;line-height: 1;color: #000;font-size: 16px;font-weight: 700;} .dots-style-3 ul.slick-dots li button:before { display: none;} .dots-style-3 ul.slick-dots li:hover:after, .dots-style-3 ul.slick-dots li.slick-active:after { width: 100%;} .dots-style-3 ul.slick-dots li:hover button, .dots-style-3 ul.slick-dots li.slick-active button { opacity: 1;} /*! |----------------------------------------------------------------------------------------- | | | Dots Style - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Form Style One - Start | | |----------------------------------------------------------------------------------------- */ .formStyleOne input, .formStyleOne label, .formStyleOne select, .formStyleOne button, .formStyleOne textarea { width: 100%; margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: none; line-height: 1;} .formStyleOne input:focus { outline: 0;} .formStyleOne input[type=checkbox], .formStyleOne input[type=radio] { width: 13px; height: 13px;} .formStyleOne input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box;} .formStyleOne ::-webkit-search-decoration { display: none;} .formStyleOne button, .formStyleOne input[type=reset], .formStyleOne input[type=button], .formStyleOne input[type=submit] { overflow: visible; width: auto;} .formStyleOne ::-webkit-file-upload-button { padding: 0; border: 0; background: none;} .formStyleOne textarea { vertical-align: top; overflow: auto;} .formStyleOne select[multiple] { vertical-align: top;} /* |----------------------------------------------------------------------------------------- | | | Form Style One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Form Style Two - Start | | |----------------------------------------------------------------------------------------- */ .formStyleTwo input, .formStyleTwo label, .formStyleTwo select, .formStyleTwo button, .formStyleTwo textarea { width: 100%; margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: none; line-height: 1;} .formStyleTwo input:focus { outline: 0;} .formStyleTwo input[type=checkbox], .formStyleTwo input[type=radio] { width: 13px; height: 13px;} .formStyleTwo input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box;} .formStyleTwo ::-webkit-search-decoration { display: none;} .formStyleTwo button, .formStyleTwo input[type=reset], .formStyleTwo input[type=button], .formStyleTwo input[type=submit] { overflow: visible; width: auto;} .formStyleTwo ::-webkit-file-upload-button { padding: 0; border: 0; background: none;} .formStyleTwo textarea { vertical-align: top; overflow: auto;} .formStyleTwo select[multiple] { vertical-align: top;} .formStyleTwo .formStyleGroup { margin-bottom: 15px;} .formStyleTwo label { color: #343a40; font-weight: 700;} .formStyleTwo input, .formStyleTwo select { height: 38px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transition: linear 500ms;} .formStyleTwo input:hover, .formStyleTwo select:hover { border-bottom-color: var(--color-yellow);} /* |----------------------------------------------------------------------------------------- | | | Form Style Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Button - Start | | |----------------------------------------------------------------------------------------- */ .mwBtnLeft { text-align: left;} .mwBtnRight { text-align: right;} .mwBtnCenter { text-align: center;} .btn { margin-bottom: 30px;} .btn > a:hover, .btn > button:hover, .btn > span:hover { text-decoration: none;} .btn > a.disabled, .btn > a:disabled, .btn > button.disabled, .btn > button:disabled, .btn > span.disabled, .btn > span:disabled { cursor: not-allowed;} .btn > a, .btn > button, .btn > span {cursor: pointer;text-align: center;display: inline-block;text-decoration: none;font-size: 16px;font-weight: 700;border-width: 1px;border-style: solid;border-radius: 0;text-transform: uppercase;letter-spacing: 0;padding: 10px 35px;transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .btn > a.small, .btn > button.small, .btn > span.small { padding: 5px 15px; font-size: 12px;} .btn > a.medium, .btn > button.medium, .btn > span.medium {padding: 11px 33px;font-size: 15px;} .btn > a.large, .btn > button.large, .btn > span.large { padding: 15px 40px; font-size: 20px;} .btnWhite > a, .btnWhite > button, .btnWhite > span { color: var(--color-yellow); border-color: var(--color-white); background: var(--color-white);} .btnWhite > a:hover, .btnWhite > button:hover, .btnWhite > span:hover { color: var(--color-yellow); border-color: var(--color-white); background: var(--color-white);} .btnGray > a, .btnGray > button, .btnGray > span { color: var(--color-white); border-color: var(--color-gray-6); background: var(--color-gray-6);} .btnGray > a:hover, .btnGray > button:hover, .btnGray > span:hover { color: var(--color-white); border-color: var(--color-yellow); background: var(--color-yellow);} .btnLightGray > a, .btnLightGray > button, .btnLightGray > span { color: var(--color-gray-8); border-color: #dee2e6; background: #dee2e6;} .btnLightGray > a:hover, .btnLightGray > button:hover, .btnLightGray > span:hover { color: var(--color-white); border-color: var(--color-yellow); background: var(--color-yellow);} .btnDark > a, .btnDark > button, .btnDark > span { color: var(--color-white); border-color: #181818; background: #181818;} .btnDark > a:hover, .btnDark > button:hover, .btnDark > span:hover { color: var(--color-white); border-color: var(--color-yellow); background: var(--color-yellow);} .btnPrimary > a, .btnPrimary > button, .btnPrimary > span { color: var(--color-white); border-color: var(--color-yellow); background: var(--color-yellow);} .btnPrimary > a:hover, .btnPrimary > button:hover, .btnPrimary > span:hover { color: var(--color-white); border-color: var(--color-black); background: var(--color-black);} .btnSecondary > a, .btnSecondary > button, .btnSecondary > span { color: var(--color-white); border-color: var(--color-other); background: var(--color-other);} .btnSecondary > a:hover, .btnSecondary > button:hover, .btnSecondary > span:hover { color: var(--color-white); border-color: #7D4838; background: #7D4838;} .btnVibrant > a, .btnVibrant > button, .btnVibrant > span { color: var(--color-white); border-color: #fd7e14; background: #fd7e14;} .btnVibrant > a:hover, .btnVibrant > button:hover, .btnVibrant > span:hover { color: var(--color-white); border-color: #7D4838; background: #7D4838;} .btnGroup { display: flex; flex-wrap: wrap; align-items: center; margin-left: -5px; margin-right: -5px;} .btnGroup .btn { flex: 0 0 auto; padding-left: 5px; padding-right: 5px;} .btnRounded > a, .btnRounded > button, .btnRounded > span { border-radius: 100px;} .btnOutline.btnWhite > a, .btnOutline.btnWhite > button, .btnOutline.btnWhite > span { color: var(--color-white); border-color: var(--color-white); background: transparent;} .btnOutline.btnWhite > a:hover, .btnOutline.btnWhite > button:hover, .btnOutline.btnWhite > span:hover { color: var(--color-yellow); border-color: var(--color-white); background: var(--color-white);} .btnOutline.btnGray > a, .btnOutline.btnGray > button, .btnOutline.btnGray > span { color: var(--color-gray-6); border-color: var(--color-gray-6); background: transparent;} .btnOutline.btnGray > a:hover, .btnOutline.btnGray > button:hover, .btnOutline.btnGray > span:hover { color: var(--color-white); border-color: var(--color-gray-6); background: var(--color-gray-6);} .btnOutline.btnLightGray > a, .btnOutline.btnLightGray > button, .btnOutline.btnLightGray > span { color: var(--color-gray-8); border-color: #dee2e6; background: transparent;} .btnOutline.btnLightGray > a:hover, .btnOutline.btnLightGray > button:hover, .btnOutline.btnLightGray > span:hover { color: var(--color-gray-8); border-color: #dee2e6; background: #dee2e6;} .btnOutline.btnDark > a, .btnOutline.btnDark > button, .btnOutline.btnDark > span { color: #181818; border-color: #181818; background: transparent;} .btnOutline.btnDark > a:hover, .btnOutline.btnDark > button:hover, .btnOutline.btnDark > span:hover { color: var(--color-white); border-color: #181818; background: #181818;} .btnOutline.btnPrimary > a, .btnOutline.btnPrimary > button, .btnOutline.btnPrimary > span { color: var(--color-yellow); border-color: var(--color-yellow); background: transparent;} .btnOutline.btnPrimary > a:hover, .btnOutline.btnPrimary > button:hover, .btnOutline.btnPrimary > span:hover { color: var(--color-white); border-color: var(--color-yellow); background: var(--color-yellow);} .btnOutline.btnSecondary > a, .btnOutline.btnSecondary > button, .btnOutline.btnSecondary > span { color: var(--color-other); border-color: var(--color-other); background: transparent;} .btnOutline.btnSecondary > a:hover, .btnOutline.btnSecondary > button:hover, .btnOutline.btnSecondary > span:hover { color: var(--color-white); border-color: var(--color-other); background: var(--color-other);} .btnNeu > a, .btnNeu > button, .btnNeu > span { font-size: 14px; border-width: 5px; letter-spacing: 0.5px; border-radius: 100px;} .btnNeu.btnWhite > a, .btnNeu.btnWhite > button, .btnNeu.btnWhite > span { color: #818a93; border-color: var(--color-gray-2); background: var(--color-gray-2); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; box-shadow: -5px -5px 10px white, -5px -5px 15px rgba(255, 255, 255, 0.5), 5px 5px 15px rgba(0, 0, 0, 0.15), inset -5px -5px 10px rgba(255, 255, 255, 0), inset -5px -5px 15px rgba(255, 255, 255, 0), inset 2px 2px 4px rgba(255, 255, 255, 0), inset 5px 5px 15px rgba(0, 0, 0, 0);} .btnNeu.btnWhite > a span, .btnNeu.btnWhite > button span, .btnNeu.btnWhite > span span { display: inline-block; transition: -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms, -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .btnNeu.btnWhite > a:hover, .btnNeu.btnWhite > button:hover, .btnNeu.btnWhite > span:hover { color: #818a93; border-color: var(--color-gray-2); background: var(--color-gray-2); box-shadow: -5px -5px 10px white, -5px -5px 15px rgba(255, 255, 255, 0.5), 5px 5px 15px rgba(0, 0, 0, 0.15), inset -5px -5px 10px white, inset -5px -5px 15px rgba(255, 255, 255, 0.5), inset 2px 2px 4px rgba(255, 255, 255, 0.1), inset 5px 5px 15px rgba(0, 0, 0, 0.15);} .btnNeu.btnWhite > a:hover span, .btnNeu.btnWhite > button:hover span, .btnNeu.btnWhite > span:hover span { -webkit-transform: scale(0.98); transform: scale(0.98);} .resetBtn { color: var(--color-gray-8); text-decoration: underline;} .resetBtn:hover { color: var(--color-yellow); text-decoration: underline;} .btn.btnYellow.btnRounded a { background: var(--color-yellow); color:var(--color-white); } .btn.btnYellow.btnRounded a:hover { background-color: #0e0252; border-color:#dbcd01;} .btn.btnYellow.btnOutline.btnRounded a {background: none; color:var(--color-yellow);} .btn.btnYellow.btnOutline.btnRounded a:hover { background-color: #0e0252; border-color:#dbcd01; } /*! |----------------------------------------------------------------------------------------- | | | Button - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Area - Start | | |----------------------------------------------------------------------------------------- */ .contentAreaMedium .contentAreaWrap { padding-top: 60px; padding-left: 45px; padding-right: 45px; padding-bottom: 30px;} @media (max-width: 991px) { .contentAreaMedium .contentAreaWrap { padding-top: 40px; padding-left: 24px; padding-right: 24px; padding-bottom: 10px; } } @media (max-width: 767px) { .contentAreaMedium .contentAreaWrap { padding-top: 30px; padding-left: 0; padding-right: 0; padding-bottom: 1px; } } .contentAreaSmall .contentAreaWrap { padding-top: 45px; padding-left: 45px; padding-right: 45px; padding-bottom: 30px;} @media (max-width: 991px) { .contentAreaSmall .contentAreaWrap { padding-top: 30px; padding-left: 24px; padding-right: 24px; padding-bottom: 15px; } } @media (max-width: 767px) { .contentAreaSmall .contentAreaWrap { padding-top: 30px; padding-left: 0; padding-right: 0; padding-bottom: 15px; } } .contentAreaLarge .contentAreaWrap {padding-top: 120px;padding-left: 45px;padding-right: 45px;padding-bottom: 60px;} @media (max-width: 991px) { .contentAreaLarge .contentAreaWrap { padding-top: 60px; padding-left: 24px; padding-right: 24px; padding-bottom: 30px; } } @media (max-width: 767px) { .contentAreaLarge .contentAreaWrap { padding-top: 60px; padding-left: 0; padding-right: 0; padding-bottom: 30px; } } .contentAreaLarge .contentAreaWrap .contentAreaSmall .contentAreaWrap {padding-top:70px} .liveEdBlock .contentAreaFullwidth { padding-top: 34px;} .contentAreaFullwidth .contentAreaWrap { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0;} @media (max-width: 991px) { .contentAreaFullwidth .contentAreaWrap { padding-top: 0; padding-bottom: 0; } } @media (max-width: 767px) { .contentAreaFullwidth .contentAreaWrap { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; } } .contentAreaFullwidth .container { max-width: none; padding: 0;} .contentAreaFullwidth .row { margin-right: 0; margin-left: 0;} .contentAreaFullwidth .row > .col, .contentAreaFullwidth .row > div[class^=col-], .contentAreaFullwidth .row > div[class*=" col-"] { padding-right: 0; padding-left: 0;} .contentAreaIntro .contentAreaWrap { z-index: 1; position: relative; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); padding-top: 90px; padding-left: 45px; padding-right: 45px; padding-bottom: 60px;} @media (max-width: 991px) { .contentAreaIntro .contentAreaWrap { padding-top: 60px; padding-left: 24px; padding-right: 24px; padding-bottom: 30px; } } @media (max-width: 767px) { .contentAreaIntro .contentAreaWrap { padding-top: 60px; padding-left: 0; padding-right: 0; padding-bottom: 30px; } } .sidebarSide .contentArea .contentAreaWrap { padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 1px;} /*! |----------------------------------------------------------------------------------------- | | | Content Area - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Width - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .contentWidth { padding-top: 34px;} /* |----------------------------------------------------------------------------------------- | | | Content WidTH - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Two Column Fullwidth - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .twoColFullwidth { padding-top: 34px;} .twoColFullwidth.row { margin-right: 0; margin-left: 0;} .twoColFullwidth h3 { border-left:2px solid var(--color-yellow); padding:5px 0 0 15px} .twoCol.twoColFullwidth.row.content-style { margin-bottom:100px} .twoColFullwidth > .col, .twoColFullwidth > div[class^=col-], .twoColFullwidth > div[class*=" col-"] { padding-right: 0; padding-left: 0;} @media (max-width: 991px) { .twoColFullwidth .twoColFirst { order: -1; } } .twoColFullwidth .twoColLeft, .twoColFullwidth .twoColRight {position: relative;display: flex;flex-wrap: wrap;align-items: center;padding: 0;margin-right: -40px;} .twoColRight.col-lg-6._bg-white { position:relative; top:50px; border:1px solid #ccc; } .twoColLeft.col-lg-6._bg-white { position:relative;top: -50px; border:1px solid #ccc;} .twoCol.twoColFullwidth.row.content-style .twoColLeft.twoColFirst.col-lg-6 {z-index: 9;} @media (max-width: 991px) { .twoColRight.col-lg-6._bg-white { top:0px; } .twoColLeft.col-lg-6._bg-white { top: 0px; } } .twoColFullwidth .twoColContent { width: 100%; padding-top: 80px; padding-bottom: 50px;} @media (min-width: 576px) { .twoColFullwidth .twoColContent { max-width: 540px; } } @media (min-width: 768px) { .twoColFullwidth .twoColContent { max-width: 720px; } } @media (min-width: 992px) { .twoColFullwidth .twoColContent { max-width: 480px; } } @media (min-width: 1200px) { .twoColFullwidth .twoColContent { max-width: 570px; } } .container .twoColFullwidth .twoColContent { padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .container .twoColFullwidth .twoColContent { padding-left: 60px; padding-right: 60px; } } @media (min-width: 1200px) { .container .twoColFullwidth .twoColContent { padding-left: 80px; padding-right: 80px; } } .twoColFullwidth .twoColLeft .twoColContent { margin: 0 auto; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .twoColFullwidth .twoColLeft .twoColContent { margin-right: 0; padding-right: 60px; } } @media (min-width: 1200px) { .twoColFullwidth .twoColLeft .twoColContent {margin-right: 0;padding-right: 110px;} } .twoColFullwidth .twoColRight .twoColContent { margin: 0 auto; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .twoColFullwidth .twoColRight .twoColContent { margin-left: 0; padding-left: 60px; } } @media (min-width: 1200px) { .twoColFullwidth .twoColRight .twoColContent {margin-left: 0;padding-left: 110px;} } .twoColFullwidth .twoColImg { width: 100%; height: 100%;} .twoColFullwidth .twoColImg > .mwPageBlock, .twoColFullwidth .twoColImg > .mwPageBlock > .blockContents { width: 100%; height: 100%;} .twoColFullwidth .stretchImg {min-height: 460px;} @media (max-width: 991px) { .twoColFullwidth .stretchImg { min-height: auto; padding-bottom: 56%; } } @media (max-width: 575px) { .twoColFullwidth .stretchImg { padding-bottom: 75%; } } /*! |----------------------------------------------------------------------------------------- | | | Two Column Fullwidth - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Sidebar - Start | | |----------------------------------------------------------------------------------------- */ .sidebar .sidebarOpen { display: none;} .sidebar .sidebarClose { display: none; position: absolute; top: 15px; right: 30px; font-size: 26px; line-height: 1;} @media (max-width: 575px) { .sidebar .sidebarClose { right: 15px; } } .sidebarLeft.sidebarBorder .sidebarSide { border-right: 1px solid rgba(0, 0, 0, 0.2);} @media (max-width: 991px) { .sidebarLeft.sidebarBorder .sidebarSide { border-right: 0; } } .sidebarRight.sidebarBorder .sidebarSide { border-left: 1px solid rgba(0, 0, 0, 0.2);} @media (max-width: 991px) { .sidebarRight.sidebarBorder .sidebarSide { border-left: 0; } } @media (max-width: 991px) { .sidebarMobile.active { position: relative; z-index: 510; } .sidebarMobile .sidebarSide { order: -1; z-index: 1; margin-bottom: 30px; } .sidebarMobile .sidebarSide .sidebarInner { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 30px 20px; overflow-x: hidden; overflow-y: auto; background-color: var(--color-gray-2); } .sidebarMobile .sidebarOpen { display: block; width: 100%; padding: 15px 20px; text-align: right; font-weight: 700; border-radius: 3px; background-color: #ced4da; } .sidebarMobile .sidebarOpen i { margin-left: 10px; } .sidebarMobile .sidebarClose { display: block; } } @media (max-width: 575px) { .sidebarMobile .sidebarSide .sidebarInner { padding: 50px 15px 20px; } } /*! |----------------------------------------------------------------------------------------- | | | Sidebar - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Sidebar Filter - Start | | |----------------------------------------------------------------------------------------- */ .sidebarFilterOne h1, .sidebarFilterOne h2, .sidebarFilterOne h3, .sidebarFilterOne h4, .sidebarFilterOne h5, .sidebarFilterOne h6 { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .sidebarFilterOne .Dialog th { font-weight: 700;} .sidebarFilterOne .filterList { margin-bottom: 30px;} .sidebarFilterOne .filterList .listItem { margin-bottom: 10px;} .sidebarFilterOne .filterList .itemTitle { cursor: pointer; display: flex; justify-content: space-between; padding: 10px 20px; margin-bottom: 10px; color: var(--color-white); font-weight: 700; border-radius: 3px; background-color: var(--color-yellow);} .sidebarFilterOne .filterList .itemBody { padding: 20px 20px 5px; border-radius: 3px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);} .sidebarFilterOne .filterList .itemBody h1, .sidebarFilterOne .filterList .itemBody h2, .sidebarFilterOne .filterList .itemBody h3, .sidebarFilterOne .filterList .itemBody h4, .sidebarFilterOne .filterList .itemBody h5, .sidebarFilterOne .filterList .itemBody h6, .sidebarFilterOne .filterList .itemBody p, .sidebarFilterOne .filterList .itemBody ul, .sidebarFilterOne .filterList .itemBody ol, .sidebarFilterOne .filterList .itemBody dl, .sidebarFilterOne .filterList .itemBody table { margin-bottom: 15px;} .sidebarFilterOne .filterList .itemBody .Dialog th, .sidebarFilterOne .filterList .itemBody .Dialog td { padding-top: 5px; padding-bottom: 5px;} .sidebarFilterOne .mwInput.checkbox .icon { line-height: 22px;} .sidebarFilterOne .mwInput.checkbox input { width: 22px; height: 22px;} .sidebarFilterOne .mwInput.checkbox .icon { padding: 0 0 0 37px;} .sidebarFilterOne .mwInput.checkbox .icon:before, .sidebarFilterOne .mwInput.checkbox .icon:after { width: 22px; height: 22px;} .sidebarFilterOne .mwInput.checkbox .icon:after { background-size: 13.596px;} .sidebarFilterOne .filterBtns { display: flex; flex-wrap: wrap; align-items: center;} .sidebarFilterOne .filterSearchBtn { margin-right: 20px;} .sidebarFilterOne .filterRestBtn { margin-bottom: 30px;} /* |----------------------------------------------------------------------------------------- | | | Sidebar Filter - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Alert One - Start | | |----------------------------------------------------------------------------------------- */ .alertOne { overflow: auto; margin-bottom: 30px; color: #343a40; font-size: 14px; text-align: left; border: none; border-radius: 6px; background-color: var(--color-gray-5);} .alertOne .alertWrap { position: relative;} .alertOne .alertContent { padding: 30px 30px 15px 0; margin-left: 76px;} .alertOne h1, .alertOne h2, .alertOne h3, .alertOne h4, .alertOne h5, .alertOne h6, .alertOne p, .alertOne a { color: #343a40;} .alertOne h1, .alertOne h2, .alertOne h3, .alertOne h4, .alertOne h5, .alertOne h6 { font-size: 20px; margin-bottom: 15px;} .alertOne p { margin-bottom: 15px;} .alertOne a { text-decoration: underline;} .alertOne a:hover { text-decoration: underline;} .alertOne .alertIcon { position: absolute; top: 24px; left: 20px; width: 36px; height: 36px; font-size: 18px; line-height: 36px; text-align: center; border-radius: 50%; background-color: #919ca6;} .alertOne .alertIcon:before { display: block;} .alertOne .alertClose { opacity: 0.5; cursor: pointer; position: absolute; top: 8px; right: 5px; width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; border-radius: 50%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .alertOne .alertClose:before { display: block;} .alertOne .alertClose:hover { opacity: 1;} .alertOne.alertSmall { max-width: 480px;} .alertOne.alertAnimated.alertDefault .alertIcon:before, .alertOne.alertAnimated.alertInfo .alertIcon:before { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .alertOne.alertAnimated.alertSuccess .alertIcon:before { -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .alertOne.alertAnimated.alertWarning .alertIcon:before { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .alertOne.alertAnimated.alertError .alertIcon:before, .alertOne.alertAnimated.alertDanger .alertIcon:before { -webkit-animation-name: jello; animation-name: jello; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .alertOne.alertDefault { color: #343a40; background-color: var(--color-gray-5);} .alertOne.alertDefault h1, .alertOne.alertDefault h2, .alertOne.alertDefault h3, .alertOne.alertDefault h4, .alertOne.alertDefault h5, .alertOne.alertDefault h6, .alertOne.alertDefault p, .alertOne.alertDefault a { color: #343a40;} .alertOne.alertDefault .alertIcon { background-color: #919ca6;} .alertOne.alertInfo { background-color: #43cfd6;} .alertOne.alertInfo .alertIcon { background-color: #29b6bd;} .alertOne.alertSuccess { color: var(--color-white); background-color: var(--color-yellow);} .alertOne.alertSuccess h1, .alertOne.alertSuccess h2, .alertOne.alertSuccess h3, .alertOne.alertSuccess h4, .alertOne.alertSuccess h5, .alertOne.alertSuccess h6, .alertOne.alertSuccess p, .alertOne.alertSuccess a { color: var(--color-white);} .alertOne.alertSuccess .alertIcon { background-color: #248e7c;} .alertOne.alertWarning { color: #343a40; background-color: #ffd568;} .alertOne.alertWarning h1, .alertOne.alertWarning h2, .alertOne.alertWarning h3, .alertOne.alertWarning h4, .alertOne.alertWarning h5, .alertOne.alertWarning h6, .alertOne.alertWarning p, .alertOne.alertWarning a { color: #343a40;} .alertOne.alertWarning .alertIcon { background-color: #ffb902;} .alertOne.alertError, .alertOne.alertDanger { color: var(--color-white); background-color: var(--color-red);} .alertOne.alertError h1, .alertOne.alertError h2, .alertOne.alertError h3, .alertOne.alertError h4, .alertOne.alertError h5, .alertOne.alertError h6, .alertOne.alertError p, .alertOne.alertError a, .alertOne.alertDanger h1, .alertOne.alertDanger h2, .alertOne.alertDanger h3, .alertOne.alertDanger h4, .alertOne.alertDanger h5, .alertOne.alertDanger h6, .alertOne.alertDanger p, .alertOne.alertDanger a { color: var(--color-white);} .alertOne.alertError .alertIcon, .alertOne.alertDanger .alertIcon { background-color: #94313a;} /*! |----------------------------------------------------------------------------------------- | | | Alert One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Alert Two - Start | | |----------------------------------------------------------------------------------------- */ .alertTwo { overflow: auto; margin-bottom: 30px; color: #343a40; font-size: 14px; text-align: left; border: none; border-radius: 6px; background-color: var(--color-gray-5);} .alertTwo .alertWrap { position: relative;} .alertTwo .alertContent { padding: 30px 30px 15px; margin-left: 70px;} .alertTwo h1, .alertTwo h2, .alertTwo h3, .alertTwo h4, .alertTwo h5, .alertTwo h6, .alertTwo p, .alertTwo a { color: #343a40;} .alertTwo h1, .alertTwo h2, .alertTwo h3, .alertTwo h4, .alertTwo h5, .alertTwo h6 { font-size: 20px; margin-bottom: 15px;} .alertTwo p { margin-bottom: 15px;} .alertTwo .alertIcon { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 70PX; height: 100%; font-size: 28px; text-align: center; background-color: #919ca6;} .alertTwo .alertIcon:before { opacity: 0.5; flex: 1 0 auto; display: block;} .alertTwo .alertClose { opacity: 0.5; cursor: pointer; position: absolute; top: 8px; right: 5px; width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; border-radius: 50%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .alertTwo .alertClose:before { display: block;} .alertTwo .alertClose:hover { opacity: 1;} .alertTwo.alertSmall { max-width: 480px;} .alertTwo.alertAnimated.alertDefault .alertIcon:before, .alertTwo.alertAnimated.alertInfo .alertIcon:before { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .alertTwo.alertAnimated.alertSuccess .alertIcon:before { -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .alertTwo.alertAnimated.alertWarning .alertIcon:before { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .alertTwo.alertAnimated.alertError .alertIcon:before, .alertTwo.alertAnimated.alertDanger .alertIcon:before { -webkit-animation-name: jello; animation-name: jello; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .alertTwo.alertDefault { color: #343a40; background-color: var(--color-gray-5);} .alertTwo.alertDefault h1, .alertTwo.alertDefault h2, .alertTwo.alertDefault h3, .alertTwo.alertDefault h4, .alertTwo.alertDefault h5, .alertTwo.alertDefault h6, .alertTwo.alertDefault p, .alertTwo.alertDefault a { color: #343a40;} .alertTwo.alertDefault .alertIcon { background-color: #919ca6;} .alertTwo.alertInfo { background-color: #43cfd6;} .alertTwo.alertInfo .alertIcon { background-color: #29b6bd;} .alertTwo.alertSuccess { color: var(--color-white); background-color: var(--color-yellow);} .alertTwo.alertSuccess h1, .alertTwo.alertSuccess h2, .alertTwo.alertSuccess h3, .alertTwo.alertSuccess h4, .alertTwo.alertSuccess h5, .alertTwo.alertSuccess h6, .alertTwo.alertSuccess p, .alertTwo.alertSuccess a { color: var(--color-white);} .alertTwo.alertSuccess .alertIcon { background-color: #248e7c;} .alertTwo.alertWarning { color: #343a40; background-color: #ffd568;} .alertTwo.alertWarning h1, .alertTwo.alertWarning h2, .alertTwo.alertWarning h3, .alertTwo.alertWarning h4, .alertTwo.alertWarning h5, .alertTwo.alertWarning h6, .alertTwo.alertWarning p, .alertTwo.alertWarning a { color: #343a40;} .alertTwo.alertWarning .alertIcon { background-color: #ffb902;} .alertTwo.alertError, .alertTwo.alertDanger { color: var(--color-white); background-color: var(--color-red);} .alertTwo.alertError h1, .alertTwo.alertError h2, .alertTwo.alertError h3, .alertTwo.alertError h4, .alertTwo.alertError h5, .alertTwo.alertError h6, .alertTwo.alertError p, .alertTwo.alertError a, .alertTwo.alertDanger h1, .alertTwo.alertDanger h2, .alertTwo.alertDanger h3, .alertTwo.alertDanger h4, .alertTwo.alertDanger h5, .alertTwo.alertDanger h6, .alertTwo.alertDanger p, .alertTwo.alertDanger a { color: var(--color-white);} .alertTwo.alertError .alertIcon, .alertTwo.alertDanger .alertIcon { background-color: #94313a;} /*! |----------------------------------------------------------------------------------------- | | | Alert Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Badge - Start | | |----------------------------------------------------------------------------------------- */ .badge { display: inline-block; padding: 2px 8px; color: var(--color-gray-6); font-size: 10px; font-weight: 700; background-color: var(--color-gray-2);} .badge.badgeSmall { padding: 1px 6px; font-size: 8px;} .badge.badgeMedium { padding: 2px 8px; font-size: 10px;} .badge.badgeLarge { padding: 4px 12px; font-size: 12px;} .badge.badgeDefault { color: var(--color-gray-6); background-color: var(--color-gray-2);} .badge.badgeDark { color: var(--color-white); background-color: #181818;} .badge.badgeGray { color: #181818; background-color: var(--color-gray-2);} .badge.badgePrimary { color: var(--color-white); background-color: var(--color-yellow);} .badge.badgeInfo { color: var(--color-white); background-color: #43cfd6;} .badge.badgeSuccess { color: var(--color-white); background-color: var(--color-yellow);} .badge.badgeWarning { color: #343a40; background-color: #ffd568;} .badge.badgeError, .badge.badgeDanger { color: var(--color-white); background-color: var(--color-red);} .badge.badgeRounded { border-radius: 50px;} /* |----------------------------------------------------------------------------------------- | | | Badge - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | SNS Link - Start | | |----------------------------------------------------------------------------------------- */ .snsLink.left { text-align: left;} .snsLink.center { text-align: center;} .snsLink.right { text-align: right;} .snsLink a, .snsLink button {display: inline-block;margin-top: 6px;margin-bottom: 6px;line-height: 1;color: #333333;} .snsLink a:hover, .snsLink button:hover { color: var(--color-brown); } .snsLink a.small, .snsLink button.small { font-size: 16px; margin-right: 15px;} .snsLink a.small:last-of-type, .snsLink button.small:last-of-type { margin-right: 0;} .snsLink a.medium, .snsLink button.medium { font-size: 18px; margin-right: 18px;} .snsLink a.medium:last-of-type, .snsLink button.medium:last-of-type { margin-right: 0;} .snsLink a.large, .snsLink button.large { font-size: 25px; margin-right: 25px;} .snsLink a.large:last-of-type, .snsLink button.large:last-of-type { margin-right: 0;} .snsLink a.huge, .snsLink button.huge { font-size: 30px; margin-right: 30px;} .snsLink a.huge:last-of-type, .snsLink button.huge:last-of-type { margin-right: 0;} .snsLinkCircle a, .snsLinkCircle button, .snsLinkSquare a, .snsLinkSquare button { color: var(--color-white); text-align: center; background-color: var(--color-yellow); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .snsLinkCircle a:hover, .snsLinkCircle button:hover, .snsLinkSquare a:hover, .snsLinkSquare button:hover { color: var(--color-white); background-color: var(--color-black);} .snsLinkCircle a.small, .snsLinkCircle button.small, .snsLinkSquare a.small, .snsLinkSquare button.small { width: 28px; height: 28px; line-height: 28px; font-size: 14px; margin-right: 6px;} .snsLinkCircle a.medium, .snsLinkCircle button.medium, .snsLinkSquare a.medium, .snsLinkSquare button.medium { width: 36px; height: 36px; line-height: 36px; font-size: 18px; margin-right: 6px;} .snsLinkCircle a.large, .snsLinkCircle button.large, .snsLinkSquare a.large, .snsLinkSquare button.large { width: 50px; height: 50px; line-height: 50px; font-size: 25px; margin-right: 6px;} .snsLinkCircle a.huge, .snsLinkCircle button.huge, .snsLinkSquare a.huge, .snsLinkSquare button.huge { width: 60px; height: 60px; line-height: 60px; font-size: 30px; margin-right: 6px;} .snsLinkCircle a, .snsLinkCircle button { border-radius: 50%;} /*! |----------------------------------------------------------------------------------------- | | | SNS Link - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Share Button - Start | | |----------------------------------------------------------------------------------------- */ .shareBtn { display: inline-block; margin: 5px 9px; font-size: 18px;} .shareBtn a { color: var(--color-yellow);} .shareBtn:hover a { color: var(--color-yellow);} .shareBtnCircle, .shareBtnSquare { width: 36px; height: 36px; line-height: 36px; color: var(--color-white); text-align: center; font-size: 18px; margin: 5px 3px; background-color: var(--color-yellow);} .shareBtnCircle:hover, .shareBtnSquare:hover { color: var(--color-white); background-color: var(--color-secondary);} .shareBtnCircle { border-radius: 50%;} /*! |----------------------------------------------------------------------------------------- | | | Share Button - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Follow Button - Start | | |----------------------------------------------------------------------------------------- */ .followBtn { display: inline-block; margin: 5px 9px; font-size: 18px;} .followBtn a { color: var(--color-yellow);} .followBtn:hover a { color: var(--color-yellow);} .followBtnCircle, .followBtnSquare { width: 36px; height: 36px; line-height: 36px; color: var(--color-white); text-align: center; font-size: 18px; margin: 5px 3px; background-color: var(--color-yellow);} .followBtnCircle:hover, .followBtnSquare:hover { color: var(--color-white); background-color: var(--color-secondary);} .followBtnCircle { border-radius: 50%;} /*! |----------------------------------------------------------------------------------------- | | | Follow Button - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Burger - Start | | |----------------------------------------------------------------------------------------- */ .burger { display: table; position: relative; min-width: 20px; height: 20px; cursor: pointer;} .burger .burgerLines { display: block; position: absolute; top: 2px; left: 0; overflow: hidden; width: 20px; height: 16px;} .burger .burgerLine {display: block;position: absolute;top: 7px;height: 2px;border-radius: 0;background-color: var(--color-yellow); } .burger .burgerSlashes { display: inline-block; position: absolute; overflow: hidden; top: 0; left: 0; width: 20px; height: 20px;} .burger .burgerSlash {opacity: 0;display: block;position: absolute;top: 9px;left: -3px;width: 26px;height: 2px;border-radius: 0;background-color: var(--color-black);background-color: var(--color-b); bezier(0.25, 0.46, 0.45, 0.94) 500ms;} .burger .burgerText {display: block;position: relative;overflow: hidden;margin-left: 26px;color: var(--color-yellow);text-transform: uppercase;font-size: 12px;line-height: 20px;} .burger .burgerText .textOpen { display: block; position: absolute; top: 0; left: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; -webkit-transform: translateX(0%); transform: translateX(0%);} .burger .burgerText .textClose { display: block; opacity: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; -webkit-transform: translateX(-100%); transform: translateX(-100%);} .burger.burgerHover:hover .burgerLine { background-color: var(--color-yellow);} .burger.burgerHover:hover .burgerSlash { background-color: var(--color-yellow);} .burger.burgerHover:hover .burgerText { color: var(--color-yellow);} .burger.open .burgerText .textOpen { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%);} .burger.open .burgerText .textClose { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%);} .burgerOne .burgerLine { width: 20px;} .burgerOne .burgerLine:nth-of-type(1) { -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;} .burgerOne .burgerLine:nth-of-type(2) { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;} .burgerOne .burgerLine:nth-of-type(3) { -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;} .burgerOne .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(-20px, -7px); transform: translate(-20px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;} .burgerOne .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(-20px, 0px); transform: translate(-20px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;} .burgerOne .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(-20px, 7px); transform: translate(-20px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;} .burgerOne .burgerSlash:nth-of-type(1) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0);} .burgerOne .burgerSlash:nth-of-type(2) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0);} .burgerOne .burgerSlash:nth-of-type(3) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0);} .burgerOne .burgerSlash:nth-of-type(4) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0);} .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) { opacity: 1; -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px);} .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) { opacity: 1; -webkit-transform: translate(0px, 0); transform: translate(0px, 0);} .burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) { opacity: 1; -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px);} .burgerOne.open .burgerLine:nth-of-type(1) { -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerOne.open .burgerLine:nth-of-type(2) { -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerOne.open .burgerLine:nth-of-type(3) { -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerOne.open .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerOne.open .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerOne.open .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerOne.open .burgerSlash:nth-of-type(1) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1;} .burgerOne.open .burgerSlash:nth-of-type(2) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1;} .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(1) { -webkit-transform: translate(45px, 45px) rotate(45deg); transform: translate(45px, 45px) rotate(45deg); opacity: 0;} .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(2) { -webkit-transform: translate(-45px, 45px) rotate(-45deg); transform: translate(-45px, 45px) rotate(-45deg); opacity: 0;} .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(3) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1;} .burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(4) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1;} .burgerTwo .burgerLine:nth-of-type(1) { width: 18px; -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;} .burgerTwo .burgerLine:nth-of-type(2) { width: 20px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;} .burgerTwo .burgerLine:nth-of-type(3) { width: 14px; -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;} .burgerTwo .burgerLine:nth-of-type(4) { opacity: 0; width: 19px; -webkit-transform: translate(-20px, -7px); transform: translate(-20px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;} .burgerTwo .burgerLine:nth-of-type(5) { opacity: 0; width: 20px; -webkit-transform: translate(-20px, 0px); transform: translate(-20px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;} .burgerTwo .burgerLine:nth-of-type(6) { opacity: 0; width: 14px; -webkit-transform: translate(-20px, 7px); transform: translate(-20px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;} .burgerTwo .burgerSlash:nth-of-type(1) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0);} .burgerTwo .burgerSlash:nth-of-type(2) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0);} .burgerTwo .burgerSlash:nth-of-type(3) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0);} .burgerTwo .burgerSlash:nth-of-type(4) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0);} .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) { opacity: 1; -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px);} .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) { opacity: 1; -webkit-transform: translate(0px, 0); transform: translate(0px, 0);} .burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) { opacity: 1; -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px);} .burgerTwo.open .burgerLine:nth-of-type(1) { -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerTwo.open .burgerLine:nth-of-type(2) { -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerTwo.open .burgerLine:nth-of-type(3) { -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerTwo.open .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerTwo.open .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerTwo.open .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerTwo.open .burgerSlash:nth-of-type(1) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1;} .burgerTwo.open .burgerSlash:nth-of-type(2) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1;} .burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(1) { -webkit-transform: translate(45px, 45px) rotate(45deg); transform: translate(45px, 45px) rotate(45deg); opacity: 0;} .burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(2) { -webkit-transform: translate(-45px, 45px) rotate(-45deg); transform: translate(-45px, 45px) rotate(-45deg); opacity: 0;} .burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(3) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1;} .burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(4) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1;} .burgerThree .burgerLine:nth-of-type(1) { width: 20px; -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;} .burgerThree .burgerLine:nth-of-type(2) { width: 20px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;} .burgerThree .burgerLine:nth-of-type(3) { width: 14px; -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;} .burgerThree .burgerLine:nth-of-type(4) { opacity: 0; width: 20px; -webkit-transform: translate(-20px, -7px); transform: translate(-20px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;} .burgerThree .burgerLine:nth-of-type(5) { opacity: 0; width: 20px; -webkit-transform: translate(-20px, 0px); transform: translate(-20px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;} .burgerThree .burgerLine:nth-of-type(6) { opacity: 0; width: 14px; -webkit-transform: translate(-20px, 7px); transform: translate(-20px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;} .burgerThree .burgerSlash:nth-of-type(1) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0);} .burgerThree .burgerSlash:nth-of-type(2) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0);} .burgerThree .burgerSlash:nth-of-type(3) { -webkit-transform: rotate(45deg) translate(-40px, 0); transform: rotate(45deg) translate(-40px, 0);} .burgerThree .burgerSlash:nth-of-type(4) { -webkit-transform: rotate(-45deg) translate(40px, 0); transform: rotate(-45deg) translate(40px, 0);} .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) { opacity: 1; -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px);} .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) { opacity: 1; -webkit-transform: translate(0px, 0); transform: translate(0px, 0);} .burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) { opacity: 1; -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px);} .burgerThree.open .burgerLine:nth-of-type(1) { -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerThree.open .burgerLine:nth-of-type(2) { -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerThree.open .burgerLine:nth-of-type(3) { -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerThree.open .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerThree.open .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerThree.open .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerThree.open .burgerSlash:nth-of-type(1) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1;} .burgerThree.open .burgerSlash:nth-of-type(2) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1;} .burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(1) { -webkit-transform: translate(45px, 45px) rotate(45deg); transform: translate(45px, 45px) rotate(45deg); opacity: 0;} .burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(2) { -webkit-transform: translate(-45px, 45px) rotate(-45deg); transform: translate(-45px, 45px) rotate(-45deg); opacity: 0;} .burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(3) { -webkit-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); opacity: 1;} .burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(4) { -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 1;} .burgerFour .burgerLines { transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .burgerFour .burgerLine { width: 20px;} .burgerFour .burgerLine:nth-of-type(1) { -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;} .burgerFour .burgerLine:nth-of-type(2) { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;} .burgerFour .burgerLine:nth-of-type(3) { -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;} .burgerFour .burgerLine:nth-of-type(4) { opacity: 0; -webkit-transform: translate(-20px, -7px); transform: translate(-20px, -7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;} .burgerFour .burgerLine:nth-of-type(5) { opacity: 0; -webkit-transform: translate(-20px, 0px); transform: translate(-20px, 0px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;} .burgerFour .burgerLine:nth-of-type(6) { opacity: 0; -webkit-transform: translate(-20px, 7px); transform: translate(-20px, 7px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;} .burgerFour .burgerSlashes { display: none;} .burgerFour.burgerHover:hover .burgerLine:nth-of-type(1) { opacity: 0; -webkit-transform: translate(20px, -7px); transform: translate(20px, -7px);} .burgerFour.burgerHover:hover .burgerLine:nth-of-type(2) { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0);} .burgerFour.burgerHover:hover .burgerLine:nth-of-type(3) { opacity: 0; -webkit-transform: translate(20px, 7px); transform: translate(20px, 7px);} .burgerFour.burgerHover:hover .burgerLine:nth-of-type(4) { opacity: 1; -webkit-transform: translate(0px, -7px); transform: translate(0px, -7px);} .burgerFour.burgerHover:hover .burgerLine:nth-of-type(5) { opacity: 1; -webkit-transform: translate(0px, 0); transform: translate(0px, 0);} .burgerFour.burgerHover:hover .burgerLine:nth-of-type(6) { opacity: 1; -webkit-transform: translate(0px, 7px); transform: translate(0px, 7px);} .burgerFour.open .burgerLines { -webkit-transform: rotate(90deg); transform: rotate(90deg);} /*! |----------------------------------------------------------------------------------------- | | | Burger - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Magnification Image - Start | | |----------------------------------------------------------------------------------------- */ .magImg { display: block; position: relative;} .magImg:hover .imgOverlay, .magImg:hover .imgContent { opacity: 1;} .magImg .imgOverlay, .magImg .imgContent { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .magImg .imgOverlay { background-color: rgba(0, 0, 0, 0.7);} .magImg .imgContent { padding: 15px;} .magImg .imgIcon { position: absolute; top: 50%; left: 50%; color: var(--color-white); font-size: 40px; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} /*! |----------------------------------------------------------------------------------------- | | | Magnification Image - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Icon Image - Start | | |----------------------------------------------------------------------------------------- */ img.iconImg { display: block; width: 100%;} .iconImg:not(img) { position: relative; margin-bottom: 30px; background-repeat: no-repeat; background-position: center; background-size: contain;} /* |----------------------------------------------------------------------------------------- | | | Icon Image - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Image - Start | | |----------------------------------------------------------------------------------------- */ img.contentImg { margin-bottom: 30px !important;} /* |----------------------------------------------------------------------------------------- | | | Content Image - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Icon Card One - Start | | |----------------------------------------------------------------------------------------- */ .iconCardOne:hover .iconCardBackdrop { -webkit-transform: translateY(0%); transform: translateY(0%);} .iconCardOne .iconCardWrap { overflow: hidden; display: block; position: relative; padding: 45px 30px 15px;} .iconCardOne .iconCardBackdrop { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #CAEDE7; transition: -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms, -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; -webkit-transform: translateY(100%); transform: translateY(100%);} .iconCardOne .iconCardImg { position: relative; margin: 0 auto 15px; width: 60px; height: 60px;} .iconCardOne .iconCardImg img { display: block; width: 100%; position: absolute; top: 50%; left: 50%; max-height: 100%; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .iconCardOne .iconCardTitle { position: relative; color: var(--color-yellow); text-align: center; font-size: 16px;} /* |----------------------------------------------------------------------------------------- | | | Icon Card One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Gallery One - Start | | |----------------------------------------------------------------------------------------- */ .galleryOne .galleryItem { margin-bottom: 30px;} .galleryOne .galleryItemWrap { display: block; position: relative;} .galleryOne .galleryItemWrap:hover .galleryOverlay, .galleryOne .galleryItemWrap:hover .galleryContent { opacity: 1;} .galleryOne .galleryOverlay, .galleryOne .galleryContent { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .galleryOne .galleryOverlay { background-color: rgba(0, 0, 0, 0.7);} .galleryOne .galleryContent { padding: 15px;} .galleryOne .galleryIcon { position: absolute; top: 50%; left: 50%; color: var(--color-white); font-size: 40px; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} /*! |----------------------------------------------------------------------------------------- | | | Gallery One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card One - Start | | |----------------------------------------------------------------------------------------- */ .imgCardOne { margin-bottom: 30px;} .imgCardOne .imgCardWrap { display: block; overflow: hidden; position: relative;} .imgCardOne .imgCardWrap:hover .imgCardContent { background-color: rgba(89, 205, 246, 0.6);} .imgCardOne .imgCardWrap:hover .imgCardImg { -webkit-transform: scale(1.1); transform: scale(1.1);} .imgCardOne .imgCardImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1.15); transform: scale(1.15); transition: -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms, -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardOne .imgCardContent {background-color: rgba(89, 205, 246, 0.8);transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardOne .imgCardContent { position: relative; display: flex; align-items: center; padding: 50px 30px;} .imgCardOne .imgCardDescription { width: 100%; max-width: 480px; margin: 0 auto;} .imgCardOne .imgCardDescription h1, .imgCardOne .imgCardDescription h2, .imgCardOne .imgCardDescription h3, .imgCardOne .imgCardDescription h4, .imgCardOne .imgCardDescription h5, .imgCardOne .imgCardDescription h6 { color: var(--color-white); margin-bottom: 10px;} .imgCardOne .imgCardDescription p { color: var(--color-white); margin-bottom: 0;} .imgCardOne .imgCardDescription p img { margin-bottom: 20px;} /*! |----------------------------------------------------------------------------------------- | | | Image Card One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Two - Start | | |----------------------------------------------------------------------------------------- */ .imgCardTwo { margin-bottom: 30px;} .imgCardTwo .imgCardWrap { position: relative; overflow: hidden; color: var(--color-white); border-radius: 30px; background-color: var(--color-yellowest);} @media (min-width: 992px) { .imgCardTwo .imgCardWrap { font-size: 18px; padding: 70px; } } .imgCardTwo h1, .imgCardTwo h2, .imgCardTwo h3, .imgCardTwo h4, .imgCardTwo h5, .imgCardTwo h6, .imgCardTwo p { color: var(--color-white);} .imgCardTwo h1, .imgCardTwo h2, .imgCardTwo h3, .imgCardTwo h4, .imgCardTwo h5, .imgCardTwo h6 { margin-bottom: 20px;} .imgCardTwo p, .imgCardTwo ul, .imgCardTwo ol, .imgCardTwo dl, .imgCardTwo table { margin-bottom: 15px;} .imgCardTwo a { display: inline-block; margin-top: 30px; color: #00e5bf;} .imgCardTwo a:hover { text-decoration: underline;} @media (min-width: 992px) { .imgCardTwo .imgCardImg { z-index: 1; position: absolute; top: 0; right: 0; width: 50%; height: 100%; transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms; } } @media (max-width: 991px) { .imgCardTwo .imgCardImg { padding-bottom: 75%; } } .imgCardTwo .imgCardContent { padding-top: 51px;} @media (max-width: 991px) { .imgCardTwo .imgCardContent { padding: 60px 60px 45px; } } @media (max-width: 575px) { .imgCardTwo .imgCardContent { padding: 30px 15px 15px; } } @media (min-width: 992px) { .imgCardTwo .imgCardTitle { padding-right: 70px; font-size: 46px; } } @media (min-width: 992px) { .imgCardTwo .imgCardCaption { max-width: 330px; padding-right: 30px; } } @media (min-width: 992px) { .imgCardTwo .imgCardCaption { margin-bottom: 60px; } } @media (min-width: 1200px) { .imgCardTwo .imgCardDescription { padding-right: 70px; } } .imgCardTwo .imgCardToggleBtn { display: table; cursor: pointer; color: #00e5bf;} @media (max-width: 991px) { .imgCardTwo .imgCardToggleBtn { display: none; } } .imgCardTwo .imgCardToggleBtn span { display: table-cell; vertical-align: middle; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon { background-color: #00e5bf;} .imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon:before, .imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon:after { background-color: var(--color-yellow);} .imgCardTwo .imgCardToggleText { padding-left: 10px;} .imgCardTwo .imgCardToggleIcon { position: relative; width: 36px; height: 36px; border: 2px solid #00e5bf; border-radius: 50%;} .imgCardTwo .imgCardToggleIcon:before, .imgCardTwo .imgCardToggleIcon:after { content: ""; position: absolute; background-color: #00e5bf; transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .imgCardTwo .imgCardToggleIcon:before { top: 15px; left: 7px; width: 18px; height: 2px;} .imgCardTwo .imgCardToggleIcon:after { top: 7px; left: 15px; width: 2px; height: 18px;} @media (min-width: 992px) { .imgCardTwo.active .imgCardImg { opacity: 0; pointer-events: none; } } .imgCardTwo.active .imgCardToggleIcon { background-color: #00e5bf; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .imgCardTwo.active .imgCardToggleIcon:before, .imgCardTwo.active .imgCardToggleIcon:after { background-color: var(--color-yellowest);} .imgCardTwo.active .imgCardToggleText { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px);} /*! |----------------------------------------------------------------------------------------- | | | Image Card Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Three - Start | | |----------------------------------------------------------------------------------------- */ .imgCardThree { margin-bottom: 30px;} .imgCardThree:hover .imgCardImg { -webkit-transform: scale(1.05); transform: scale(1.05);} .imgCardThree .badge { margin-bottom: 5px;} .imgCardThree .imgCardWrap { overflow: hidden; border-radius: 4px; background-color: var(--color-white);} .imgCardThree .imgCardImgHolder { overflow: hidden; height: 100%;} .imgCardThree .imgCardImg { display: block; height: 100%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .imgCardThree .imgCardBody { padding: 30px;} @media (max-width: 575px) { .imgCardThree .imgCardBody { padding: 15px; } } .imgCardThree .imgCardBody p { margin-bottom: 20px;} .imgCardThree .imgCardTitle { margin-bottom: 20px;} .imgCardThree .imgCardMetas { margin-bottom: 15px;} .imgCardThree .imgCardMeta { margin-bottom: 5px;} .imgCardThree .imgCardMeta i { margin-right: 5px;} .imgCardThree .imgCardLink p { margin-bottom: 0;} .imgCardThree p.imgCardLink { margin-bottom: 0;} .imgCardThree .imgCardWrap { display: flex; flex-wrap: wrap;} .imgCardThree .imgCardHeader { width: 100%; max-width: 40%; flex: 0 0 40%;} @media (max-width: 767px) { .imgCardThree .imgCardHeader { flex: 0 0 auto; width: 100%; max-width: none; } } .imgCardThree .imgCardHeader + .imgCardBody { width: 100%; flex: 0 0 60%; max-width: 60%;} @media (max-width: 767px) { .imgCardThree .imgCardHeader + .imgCardBody { flex: 0 0 auto; width: 100%; max-width: none; } } /* |----------------------------------------------------------------------------------------- | | | Image Card Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Four - Start | | |----------------------------------------------------------------------------------------- */ .imgCardFour { margin-bottom: 30px;} .imgCardFour:hover .imgCardWrap { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-10px); transform: translateY(-10px);} .imgCardFour:hover .imgCardLink p a { color: var(--color-white); border-color: #fd7e14; background-color: #fd7e14;} .imgCardFour h1, .imgCardFour h2, .imgCardFour h3, .imgCardFour h4, .imgCardFour h5, .imgCardFour h6, .imgCardFour p, .imgCardFour ul, .imgCardFour ol, .imgCardFour dl { margin-bottom: 15px;} .imgCardFour .imgCardWrap { overflow: hidden; position: relative; display: flex; align-items: flex-end; min-height: 360px; padding-top: 80px; border-radius: 4px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardFour .imgCardImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .imgCardFour .imgCardGradient { pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);} .imgCardFour .imgCardBody { position: relative; padding: 30px 30px 15px;} .imgCardFour .imgCardTitle { color: var(--color-white); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardFour .imgCardDescription { margin-bottom: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardFour .imgCardDescription p { color: var(--color-white); line-height: 1.32;} .imgCardFour .imgCardLink p a:hover { color: var(--color-white); border-color: #fd7e14; background-color: #fd7e14;} .imgCardFour .imgCardLink p i { margin-right: 3px;} /* |----------------------------------------------------------------------------------------- | | | Image Card Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Five - Start | | |----------------------------------------------------------------------------------------- */ .imgCardFive .imgCardWrap { margin-bottom: 30px;} .imgCardFive .imgCardLeft { margin-bottom: 60px;} @media (max-width: 991px) { .imgCardFive .imgCardLeft { margin-bottom: 0; } } .imgCardFive .imgCardRight { margin-top: 60px;} @media (max-width: 991px) { .imgCardFive .imgCardRight { margin-top: 0; } } .imgCardFive .imgCardImg { min-height: 100%; padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover;} .imgCardFive .imgCardContent { min-height: 100%;} .imgCardFive .imgCardTitle { display: inline-block; position: relative; padding-top: 30px; margin-top: 30px; max-width: 276px;} @media (max-width: 991px) { .imgCardFive .imgCardTitle { margin-top: 0; } } .imgCardFive .imgCardTitle:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; max-width: 80px; height: 5px; background-color: var(--color-yellow);} /* |----------------------------------------------------------------------------------------- | | | Image Card Five - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Six - Start | | |----------------------------------------------------------------------------------------- */ .imgCardSix { margin-bottom: 30px;} .imgCardSix:hover .imgCardWrap { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-10px); transform: translateY(-10px);} .imgCardSix:hover .imgCardLink p a { color: var(--color-white); border-color: #fd7e14; background-color: #fd7e14;} .imgCardSix h1, .imgCardSix h2, .imgCardSix h3, .imgCardSix h4, .imgCardSix h5, .imgCardSix h6, .imgCardSix p, .imgCardSix ul, .imgCardSix ol, .imgCardSix dl { margin-bottom: 15px;} .imgCardSix .imgCardWrap { overflow: hidden; position: relative; display: flex; align-items: flex-end; min-height: 360px; padding-top: 80px; border-radius: 4px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardSix .imgCardImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .imgCardSix .imgCardGradient { pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);} .imgCardSix .imgCardBody { position: relative; padding: 30px 30px 15px;} .imgCardSix .imgCardTitle { color: var(--color-white); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardSix .imgCardDescription { margin-bottom: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .imgCardSix .imgCardDescription p { color: var(--color-white); line-height: 1.32;} .imgCardSix .imgCardLink p a:hover { color: var(--color-white); border-color: #fd7e14; background-color: #fd7e14;} .imgCardSix .imgCardLink p i { margin-right: 3px;} /* |----------------------------------------------------------------------------------------- | | | Image Card Six - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Seven - Start | | |----------------------------------------------------------------------------------------- */ .imgCardSeven { margin-bottom: 30px;} .imgCardSeven:hover .imgCardImg { -webkit-transform: scale(1.05); transform: scale(1.05);} .imgCardSeven .imgCardWrap { overflow: hidden; border-radius: 4px; background-color: var(--color-white);} .imgCardSeven .imgCardImgHolder { overflow: hidden;} .imgCardSeven .imgCardImg { display: block;} .imgCardSeven .imgCardBody { padding: 25px;} @media (max-width: 575px) { .imgCardSeven .imgCardBody { padding: 15px; } } .imgCardSeven .imgCardBody p { margin-bottom: 20px;} .imgCardSeven .imgCardTitle { margin-bottom: 20px;} .imgCardSeven .imgCardMetas { margin-bottom: 20px;} .imgCardSeven .imgCardMeta { margin-bottom: 5px;} .imgCardSeven .imgCardMeta i { margin-right: 5px;} .imgCardSeven .imgCardDescription { font-size: 14px;} .imgCardSeven .imgCardLink p { margin-bottom: 0;} .imgCardSeven p.imgCardLink { margin-bottom: 0;} /* |----------------------------------------------------------------------------------------- | | | Image Card Seven - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Player One - Start | | |----------------------------------------------------------------------------------------- */ .videoPlayerOne { margin-bottom: 30px;} .videoPlayerOne .videoPlayerWrap { overflow: hidden; position: relative; border-radius: 3px;} .videoPlayerOne .videoCover { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .videoPlayerOne .videoCover:hover .coverPlayBtn { color: white; text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.95); transform: scale(0.95);} .videoPlayerOne .coverInner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);} .videoPlayerOne .coverPlayBtn { color: rgba(255, 255, 255, 0.8); font-size: 60px; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .videoPlayerOne video { opacity: 0; display: block; width: 100%;} .videoPlayerOne .videoBar { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 15px;} .videoPlayerOne .videoBar .barOuter { padding: 4px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.6);} .videoPlayerOne .videoBar .barInner { height: 6px; border-radius: 50px; background-color: var(--color-yellow); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} /* |----------------------------------------------------------------------------------------- | | | Video Player One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Banner One - Start | | |----------------------------------------------------------------------------------------- */ .videoBannerOne .videoBannerWrap { position: relative; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;} .videoBannerOne video { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} @media (max-width: 575px) { .videoBannerOne video { display: none; } } .videoBannerOne .videoBannerInner { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; background: linear-gradient(to bottom, rgba(0,0,0,0.99) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); } } .videoBannerOne .videoBannerTitle { color: var(--color-white);} .videoBannerOne .videoBannerCaption { display: block;} .videoBannerOne .videoBannerParagraph { margin-left: auto; margin-right: auto; color: var(--color-white);} .videoBannerOne .videoBannerBtns { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .videoBannerOne .videoBannerBtns .btn { flex: 0 0 auto; padding: 0 5px; margin-bottom: 10px;} .videoBannerOne.videoBannerLarge .videoBannerInner { height: calc((var(--vh, 1vh) * 100) - var(--headerHeight)); min-height: 600px; max-height: 1200px;} .videoBannerOne.videoBannerLarge .videoBannerInner .container { position:absolute; bottom:10%; } @media (max-width: 991px) { .videoBannerOne.videoBannerLarge .videoBannerInner { height: auto; } } .videoBannerOne.videoBannerLarge .videoBannerTitle {line-height: 1;font-size: 36px;text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);font-family: museo-sans, sans-serif;margin-bottom: 0px;/* margin-top: 430px; */color: #fff;} @media (max-width: 991px) { .videoBannerOne.videoBannerLarge .videoBannerTitle { font-size: 60px; } } @media (max-width: 575px) { .videoBannerOne.videoBannerLarge .videoBannerTitle {font-size: 30px;} } .videoBannerOne.videoBannerLarge .videoBannerCaption { margin-bottom: 15px; font-size: 30px;} @media (max-width: 991px) { .videoBannerOne.videoBannerLarge .videoBannerCaption { font-size: 18px; } } .videoBannerOne.videoBannerLarge .videoBannerParagraph {max-width: 620px;text-shadow: 0 0 3px rgba(12, 2, 71, 0.25);font-size: 100px;color: #0f0255;font-weight: 900;font-family: ITC Leawood W03 Bold;-webkit-text-stroke: 1px var(--color-yellow);/* text-transform: uppercase; */font-variant: small-caps;line-height: 1;} @media (max-width: 991px) { .videoBannerOne.videoBannerLarge .videoBannerParagraph { max-width: 495px; } } @media (max-width: 575px) { .videoBannerOne.videoBannerLarge .videoBannerParagraph {max-width: 375px;font-size: 50px;} } .videoBannerOne.videoBannerMedium .videoBannerInner { height: 480px;} .videoBannerOne.videoBannerMedium .videoBannerTitle { line-height: 1; text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);} .videoBannerOne.videoBannerMedium .videoBannerCaption { margin-bottom: 15px;} .videoBannerOne.videoBannerMedium .videoBannerParagraph { max-width: 495px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);} @media (max-width: 991px) { .videoBannerOne.videoBannerMedium .videoBannerParagraph { max-width: 375px; } } /* |----------------------------------------------------------------------------------------- | | | Video Banner One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Card One - Start | | |----------------------------------------------------------------------------------------- */ .videoCardOne { margin-bottom: 60px;} .videoCardOne .videoCardCover { display: block; overflow: hidden; position: relative; border-radius: 3px;} .videoCardOne .videoCardCover:hover .coverPlayBtn { color: white; text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.95); transform: scale(0.95);} .videoCardOne .coverInner { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);} .videoCardOne .coverPlayBtn { color: rgba(255, 255, 255, 0.8); font-size: 60px; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .videoCardOne .videoCardBody { margin-top: 30px;} .videoCardOne .videoTitle { margin-bottom: 15px;} .videoCardOne .videoMetas { display: flex; flex-wrap: wrap; align-items: flex-start;} .videoCardOne .videoMeta { margin-right: 15px; margin-bottom: 10px;} .videoCardOne .videoMeta i { color: var(--color-yellow); margin-right: 5px;} .videoCardOne .videoDes { margin-bottom: 20px;} .videoCardOne .videoDes p { margin-bottom: 15px;} /* |----------------------------------------------------------------------------------------- | | | Video Card One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Card Two - Start | | |----------------------------------------------------------------------------------------- */ .videoCardTwo { margin-bottom: 30px;} .videoCardTwo .videoCardCover { display: block; overflow: hidden; position: relative; border-radius: 3px;} @media (max-width: 575px) { .videoCardTwo .videoCardCover { margin-bottom: 15px; } } .videoCardTwo .videoCardCover:hover .coverPlayBtn { color: white; text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.95); transform: scale(0.95);} .videoCardTwo .coverImg { height: 100%;} @media (max-width: 575px) { .videoCardTwo .coverImg { height: auto; padding-bottom: 56%; } } .videoCardTwo .coverInner { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);} .videoCardTwo .coverPlayBtn { color: rgba(255, 255, 255, 0.8); font-size: 40px; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .videoCardTwo .videoCardBody { padding-left: 30px;} @media (max-width: 575px) { .videoCardTwo .videoCardBody { padding-left: 0; } } .videoCardTwo .videoTitle { margin-bottom: 15px;} .videoCardTwo .videoMetas { margin-bottom: 10px;} .videoCardTwo .videoMeta { font-size: 14px;} .videoCardTwo .videoMeta i { color: var(--color-yellow); margin-right: 5px;} .videoCardTwo .videoDes { font-size: 14px; margin-bottom: 20px;} .videoCardTwo .videoDes p { margin-bottom: 15px;} .videoCardTwo .videoCardWrap { display: flex; flex-wrap: wrap;} .videoCardTwo .videoCardCover { width: 100%; max-width: 40%; flex: 0 0 40%;} @media (max-width: 575px) { .videoCardTwo .videoCardCover { flex: 0 0 auto; width: 100%; max-width: none; } } .videoCardTwo .videoCardCover + .videoCardBody { width: 100%; flex: 0 0 60%; max-width: 60%;} @media (max-width: 575px) { .videoCardTwo .videoCardCover + .videoCardBody { flex: 0 0 auto; width: 100%; max-width: none; } } /* |----------------------------------------------------------------------------------------- | | | Video Card Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Image Card Gallery One - Start | | |----------------------------------------------------------------------------------------- */ .imgCardGalleryOne .imgCardGalleryItem { position: relative; margin-bottom: 80px; } @media (max-width: 767px) { .imgCardGalleryOne .imgCardGalleryItem { margin-bottom: 30px; } } .imgCardGalleryOne .imgCardGalleryItemWrap { overflow: hidden; border-radius: 10px; background: #fff; box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09); } .imgCardGalleryOne .imgCardGalleryContent { max-width: 460px; padding: 50px 20px 15px; margin: 0 auto; text-align: center; } .imgCardGalleryOne .imgCardGalleryContent h1, .imgCardGalleryOne .imgCardGalleryContent h2, .imgCardGalleryOne .imgCardGalleryContent h3, .imgCardGalleryOne .imgCardGalleryContent h4, .imgCardGalleryOne .imgCardGalleryContent h5, .imgCardGalleryOne .imgCardGalleryContent h6, .imgCardGalleryOne .imgCardGalleryContent p { /* color: var(--white); */ margin-bottom: 15px; } .imgCardGalleryOne .imgCardGalleryImg { padding-bottom: 56%; } /*! |----------------------------------------------------------------------------------------- | | | Image Card Gallery One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Page Banner One - Start | | |----------------------------------------------------------------------------------------- */ .pageBannerOne .pageBannerWrap { text-align: center;} .pageBannerOne .pageBannerTitle { color: var(--color-white); font-size: 60px; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .pageBannerOne .pageBannerContent { display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.15);} .pageBannerOne .pageBannerDescription { color: var(--color-white); font-size: 25px;} @media (min-width: 1921px) { .pageBannerOne .pageBannerImg { width: 100%; } .pageBannerOne .pageBannerContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media (max-width: 1920px) { .pageBannerOne .pageBannerWrap { position: relative; overflow: hidden; } .pageBannerOne .pageBannerImg { position: absolute; top: 50%; left: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pageBannerOne .pageBannerContent { position: relative; height: 480px; } } @media (max-width: 1199px) { .pageBannerOne .pageBannerTitle { font-size: 50px; } .pageBannerOne .pageBannerDescription { font-size: 20px; } } @media (max-width: 767px) { .pageBannerOne .pageBannerTitle { font-size: 38px; } .pageBannerOne .pageBannerDescription { color: var(--color-white); font-size: 16px; } } /*! |----------------------------------------------------------------------------------------- | | | Page Banner One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Page Banner Two - Start | | |----------------------------------------------------------------------------------------- */ .pageBannerTwo .pageBannerContent { display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.15);} .pageBannerTwo .pageBannerInner { max-width: 550px;} .pageBannerTwo .pageBannerTitle { color: var(--color-white); font-size: 60px; line-height: 1; margin-bottom: 20px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .pageBannerTwo .pageBannerDescription { color: var(--color-white); font-size: 18px;} @media (min-width: 1921px) { .pageBannerTwo .pageBannerImg { width: 100%; } .pageBannerTwo .pageBannerContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media (max-width: 1920px) { .pageBannerTwo .pageBannerWrap { position: relative; overflow: hidden; } .pageBannerTwo .pageBannerImg { position: absolute; top: 50%; left: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pageBannerTwo .pageBannerContent { position: relative; height: 480px; } } @media (max-width: 1199px) { .pageBannerTwo .pageBannerTitle { font-size: 50px; } .pageBannerTwo .pageBannerDescription { font-size: 20px; } } @media (max-width: 767px) { .pageBannerTwo .pageBannerTitle { font-size: 38px; } .pageBannerTwo .pageBannerDescription { color: var(--color-white); font-size: 16px; } } /*! |----------------------------------------------------------------------------------------- | | | Page Banner Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Page Banner For Donation Form Two - Start | | |----------------------------------------------------------------------------------------- */ .pageBannerForDonationFormTwo { margin-bottom: -210px;} @media (max-width: 991px) { .pageBannerForDonationFormTwo { margin-bottom: -190px; } } @media (max-width: 767px) { .pageBannerForDonationFormTwo { margin-bottom: -180px; } } .pageBannerForDonationFormTwo .pageBannerWrap { text-align: center;} .pageBannerForDonationFormTwo .pageBannerInner { margin: 0 auto; max-width: 670px;} .pageBannerForDonationFormTwo .pageBannerTitle { color: var(--color-white); font-size: 60px; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .pageBannerForDonationFormTwo .pageBannerDescription { color: var(--color-white); font-size: 25px;} @media (min-width: 1921px) { .pageBannerForDonationFormTwo .pageBannerImg { width: 100%; } .pageBannerForDonationFormTwo .pageBannerContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); } } @media (max-width: 1920px) { .pageBannerForDonationFormTwo .pageBannerWrap { position: relative; overflow: hidden; } .pageBannerForDonationFormTwo .pageBannerImg { position: absolute; top: 50%; left: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pageBannerForDonationFormTwo .pageBannerContent { position: relative; padding: 150px 0 280px; background-color: rgba(0, 0, 0, 0.15); } } @media (max-width: 1199px) { .pageBannerForDonationFormTwo .pageBannerTitle { font-size: 50px; } .pageBannerForDonationFormTwo .pageBannerDescription { font-size: 20px; } } @media (max-width: 767px) { .pageBannerForDonationFormTwo .pageBannerTitle { font-size: 38px; } .pageBannerForDonationFormTwo .pageBannerDescription { font-size: 16px; } } /*! |----------------------------------------------------------------------------------------- | | | Page Banner For Donation Form Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Slider One - Start | | |----------------------------------------------------------------------------------------- */ .sliderOne .sliderItem {display: flex;align-items: center;position: relative;height: 770px;} @media (max-width: 991px) { .sliderOne .sliderItem { height: 480px; } } .sliderOne .sliderImg, .sliderOne .sliderOverlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */} .sliderOne .sliderImg {background-repeat: no-repeat;background-position: center;background-size: cover;} .sliderOne .sliderInner {flex: 1;position: relative;padding-left: 370px;padding-right: 370px;margin-top: 410px;} @media (max-width: 991px) { .sliderOne .sliderInner {padding-left: 30px;padding-right: 30px;margin-top: 140px;} } .sliderOne .sliderTitle { color: var(--color-white); max-width: 670px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} @media (min-width: 992px) { .sliderOne .sliderTitle { font-size: 55px; line-height: 1.1; } } @media (max-width: 991px) { .sliderOne .sliderTitle { margin-bottom: 15px; } } .sliderOne .sliderDescription {/* max-width: 670px; */} .sliderOne .sliderDescription p { color: var(--color-white); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} @media (max-width: 991px) { .sliderOne .sliderDescription p {margin-bottom: 15px;font-size: 16px;} } @media (max-width: 991px) { .sliderOne .sliderBtn.btn a { font-size: 12px; padding: 5px 15px; } } .sliderOne.position-center .sliderInner, .sliderOne.position-center ul.slick-dots { text-align: center;} .sliderOne.position-center .sliderTitle { margin-left: auto; margin-right: auto;} .sliderOne.position-center .sliderDescription { margin-left: auto; margin-right: auto;} .sliderOne.position-left .sliderInner, .sliderOne.position-left ul.slick-dots { text-align: left;} .sliderOne.position-left .sliderTitle {margin-left: 0;margin-right: auto;color: var(--color-yellow);} .sliderOne.position-left .sliderDescription { margin-left: 0; margin-right: auto;} .sliderOne.position-right .sliderInner, .sliderOne.position-right ul.slick-dots { text-align: right;} .sliderOne.position-right .sliderTitle { margin-left: auto; margin-right: 0;} .sliderOne.position-right .sliderDescription { margin-left: auto; margin-right: 0;} .sliderOne .slick-prev, .sliderOne .slick-next { z-index: 1; width: 36px; height: 36px;} @media (max-width: 991px) { .sliderOne .slick-prev, .sliderOne .slick-next {/* top: 45%; *//* width: 20px; *//* height: 36px; *//* background-color: rgba(0, 0, 0, 0.8); */} } .sliderOne .slick-prev svg, .sliderOne .slick-next svg { width: 100%; height: 100%;} .sliderOne .slick-prev svg path, .sliderOne .slick-next svg path {fill: none;stroke: var(--color-black);} .sliderOne .slick-prev.slick-disabled, .sliderOne .slick-next.slick-disabled { cursor: not-allowed;} .sliderOne .slick-prev.slick-disabled svg path, .sliderOne .slick-next.slick-disabled svg path { fill: none; stroke: rgba(255, 255, 255, 0.5);} @media (max-width: 991px) { .sliderOne .slick-prev.slick-disabled svg path, .sliderOne .slick-next.slick-disabled svg path { stroke-width: 2px; } } .sliderOne .slick-prev:before, .sliderOne .slick-next:before { display: none;} .sliderOne .slick-prev { left: 36px;} @media (max-width: 991px) { .sliderOne .slick-prev {left: 10px;} } .sliderOne .slick-next { right: 36px;} @media (max-width: 991px) { .sliderOne .slick-next {right: 10px;} } .sliderOne ul.slick-dots { bottom: 60px; padding-left: 120px; padding-right: 120px;} @media (max-width: 991px) { .sliderOne ul.slick-dots { padding-left: 30px; padding-right: 30px; } } .sliderOne.dots-style-1 ul.slick-dots li button:before { background-color: var(--color-white);} .sliderOne.dots-style-1 ul.slick-dots li:hover button, .sliderOne.dots-style-1 ul.slick-dots li.slick-active button { border-color: var(--color-white);} .sliderOne.dots-style-2 ul.slick-dots li button:before, .sliderOne.dots-style-2 ul.slick-dots li button:after { border-color: var(--color-white);} .sliderOne.dots-style-2 ul.slick-dots li:hover button:after, .sliderOne.dots-style-2 ul.slick-dots li.slick-active button:after { border-color: var(--color-white); background-color: var(--color-white);} .sliderOne.dots-style-3 ul.slick-dots li:after { background-color: var(--color-white);} .sliderOne.dots-style-3 ul.slick-dots li button { color: var(--color-white);} .sliderOne .sliderImg { -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: ease-in-out 600ms; transition-delay: 600ms;} .sliderOne .sliderTitle, .sliderOne .sliderDescription, .sliderOne .sliderBtn { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); transition: ease-in-out 360ms;} .sliderOne .slick-current .sliderImg { -webkit-transform: translateY(0); transform: translateY(0); transition-delay: 100ms;} .sliderOne .slick-current .sliderTitle, .sliderOne .slick-current .sliderDescription, .sliderOne .slick-current .sliderBtn { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} .sliderOne .slick-current .sliderTitle { transition-delay: 300ms;} .sliderOne .slick-current .sliderDescription { transition-delay: 500ms;} .sliderOne .slick-current .sliderBtn { transition-delay: 700ms;} .slider.sliderOne:after {content:""; width:2px;height: 130px; background:var(--color-yellow); position:absolute;bottom: -65px; left:50%; z-index:99} /*! |----------------------------------------------------------------------------------------- | | | Slider One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Slider Two - Start | | |----------------------------------------------------------------------------------------- */ .sliderTwo .sliderItem { display: flex; align-items: center; position: relative; height: 670px;} .sliderTwo .sliderImg, .sliderTwo .sliderOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);} .sliderTwo .sliderImg { background-repeat: no-repeat; background-position: center; background-size: cover;} .sliderTwo .sliderInner { position: relative; text-align: left; max-width: 670px;} .sliderTwo .sliderTitle { color: var(--color-white); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .sliderTwo .sliderDescription p { color: var(--color-white); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .sliderTwo .slick-prev, .sliderTwo .slick-next { z-index: 1; width: 36px; height: 36px;} .sliderTwo .slick-prev svg, .sliderTwo .slick-next svg { width: 36px; height: 36px;} .sliderTwo .slick-prev svg path, .sliderTwo .slick-next svg path { fill: none; stroke: var(--color-white);} .sliderTwo .slick-prev.slick-disabled, .sliderTwo .slick-next.slick-disabled { cursor: not-allowed;} .sliderTwo .slick-prev.slick-disabled svg path, .sliderTwo .slick-next.slick-disabled svg path { fill: none; stroke: rgba(255, 255, 255, 0.5);} .sliderTwo .slick-prev:before, .sliderTwo .slick-next:before { display: none;} .sliderTwo .slick-prev { left: 36px;} .sliderTwo .slick-next { right: 36px;} .sliderTwo ul.slick-dots { top: 50%; right: 50px; bottom: auto; width: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .sliderTwo ul.slick-dots li { display: block; margin: 0;} .sliderTwo ul.slick-dots li:not(:last-of-type) { margin-bottom: 20px;} .sliderTwo.dots-style-1 ul.slick-dots li button:before { background-color: var(--color-white);} .sliderTwo.dots-style-1 ul.slick-dots li:hover button, .sliderTwo.dots-style-1 ul.slick-dots li.slick-active button { border-color: var(--color-white);} .sliderTwo.dots-style-2 ul.slick-dots li button:before, .sliderTwo.dots-style-2 ul.slick-dots li button:after { border-color: var(--color-white);} .sliderTwo.dots-style-2 ul.slick-dots li:hover button:after, .sliderTwo.dots-style-2 ul.slick-dots li.slick-active button:after { border-color: var(--color-white); background-color: var(--color-white);} .sliderTwo.dots-style-3 ul.slick-dots li:after { background-color: var(--color-white);} .sliderTwo.dots-style-3 ul.slick-dots li button { color: var(--color-white);} .sliderTwo .sliderImg { -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: ease-in-out 600ms; transition-delay: 600ms;} .sliderTwo .sliderTitle, .sliderTwo .sliderDescription, .sliderTwo .sliderBtn { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); transition: ease-in-out 360ms;} .sliderTwo .slick-current .sliderImg { -webkit-transform: translateY(0); transform: translateY(0); transition-delay: 100ms;} .sliderTwo .slick-current .sliderTitle, .sliderTwo .slick-current .sliderDescription, .sliderTwo .slick-current .sliderBtn { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} .sliderTwo .slick-current .sliderTitle { transition-delay: 300ms;} .sliderTwo .slick-current .sliderDescription { transition-delay: 500ms;} .sliderTwo .slick-current .sliderBtn { transition-delay: 700ms;} @media (min-width: 992px) { .sliderTwo .sliderTitle { font-size: 55px; line-height: 1.1; } .sliderTwo .slick-prev, .sliderTwo .slick-next { left: 50px; right: auto; width: 20px; height: 20px; } .sliderTwo .slick-prev svg, .sliderTwo .slick-next svg { width: 20px; height: 20px; } .sliderTwo .slick-prev svg path, .sliderTwo .slick-next svg path { stroke-width: 2; } .sliderTwo .slick-prev { -webkit-transform: rotate(90deg) translateX(calc(-50% - 20px)); transform: rotate(90deg) translateX(calc(-50% - 20px)); } .is-ie .sliderTwo .slick-prev { -webkit-transform: rotate(90deg) translateX(-50%) translateX(-20px); transform: rotate(90deg) translateX(-50%) translateX(-20px); } .sliderTwo .slick-next { -webkit-transform: rotate(90deg) translateX(calc(-50% + 20px)); transform: rotate(90deg) translateX(calc(-50% + 20px)); } .is-ie .sliderTwo .slick-next { -webkit-transform: rotate(90deg) translateX(-50%) translateX(20px); transform: rotate(90deg) translateX(-50%) translateX(20px); } } @media (max-width: 1199px) { .sliderTwo .sliderInner { margin: 0 auto; text-align: center; } } @media (max-width: 991px) { .sliderTwo .sliderItem { height: 480px; } .sliderTwo .sliderInner { padding-left: 10px; padding-right: 10px; } .sliderTwo .sliderTitle, .sliderTwo .sliderDescription p { margin-bottom: 15px; } .sliderTwo .sliderBtn.btn a { font-size: 12px; padding: 5px 15px; } .sliderTwo .slick-prev, .sliderTwo .slick-next { top: 45%; width: 20px; height: 36px; background-color: rgba(0, 0, 0, 0.8); } .sliderTwo .slick-prev svg, .sliderTwo .slick-next svg { width: 20px; height: 36px; } .sliderTwo .slick-prev svg path, .sliderTwo .slick-next svg path { stroke-width: 2px; } .sliderTwo .slick-prev { left: 0; } .sliderTwo .slick-next { right: 0; } .sliderTwo .slick-dots { display: none !important; } } /*! |----------------------------------------------------------------------------------------- | | | Slider Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Slider Three - Start | | |----------------------------------------------------------------------------------------- */ .sliderThree .sliderItem { position: relative;} .sliderThree .sliderImg, .sliderThree .sliderOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .sliderThree .sliderImg { background-repeat: no-repeat; background-position: center; background-size: cover;} .sliderThree .sliderTitle { color: var(--color-white); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .sliderThree .sliderDescription p { color: var(--color-white); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .sliderThree .slick-prev, .sliderThree .slick-next { z-index: 1; width: 36px; height: 36px;} .sliderThree .slick-prev svg, .sliderThree .slick-next svg { width: 100%; height: 100%;} .sliderThree .slick-prev svg path, .sliderThree .slick-next svg path { fill: none; stroke: var(--color-white);} .sliderThree .slick-prev.slick-disabled, .sliderThree .slick-next.slick-disabled { cursor: not-allowed;} .sliderThree .slick-prev.slick-disabled svg path, .sliderThree .slick-next.slick-disabled svg path { fill: none; stroke: rgba(255, 255, 255, 0.5);} .sliderThree .slick-prev:before, .sliderThree .slick-next:before { display: none;} .sliderThree .slick-prev { left: 36px;} .sliderThree .slick-next { right: 36px;} .sliderThree .sliderImg { -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: ease-in-out 600ms; transition-delay: 600ms;} .sliderThree .sliderTitle, .sliderThree .sliderDescription, .sliderThree .sliderBtn { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); transition: ease-in-out 360ms;} .sliderThree .slick-current .sliderImg { -webkit-transform: translateY(0); transform: translateY(0); transition-delay: 100ms;} .sliderThree .slick-current .sliderTitle, .sliderThree .slick-current .sliderDescription, .sliderThree .slick-current .sliderBtn { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} .sliderThree .slick-current .sliderTitle { transition-delay: 300ms;} .sliderThree .slick-current .sliderDescription { transition-delay: 500ms;} .sliderThree .slick-current .sliderBtn { transition-delay: 700ms;} @media (min-width: 992px) { .sliderThree .sliderInner { opacity: 0; position: relative; display: flex; justify-content: center; flex-direction: column; height: 670px; max-width: 550px; padding: 0 80px; margin-left: auto; background-color: rgba(0, 0, 0, 0.6); transition: opacity linear 360ms; } .sliderThree .slick-current .sliderInner { opacity: 1; transition-delay: 600ms; } .sliderThree .sliderTitle { font-size: 55px; line-height: 1.1; } } @media (max-width: 991px) { .sliderThree .sliderItem { display: flex; align-items: center; height: 480px; } .sliderThree .sliderInner { max-width: 720px; padding: 30px 25px 10px; margin: 0 auto; text-align: center; } .sliderThree .sliderOverlay { background-color: rgba(0, 0, 0, 0.3); } .sliderThree .sliderTitle, .sliderThree .sliderDescription p { margin-bottom: 15px; } .sliderThree .sliderBtn.btn a { font-size: 12px; padding: 5px 15px; } .sliderThree .slick-prev, .sliderThree .slick-next { top: 45%; width: 20px; height: 36px; background-color: rgba(0, 0, 0, 0.8); } .sliderThree .slick-prev svg path, .sliderThree .slick-next svg path { stroke-width: 2px; } .sliderThree .slick-prev { left: 0; } .sliderThree .slick-next { right: 0; } } /*! |----------------------------------------------------------------------------------------- | | | Slider Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Slider Four - Start | | |----------------------------------------------------------------------------------------- */ .sliderFour .sliderItem { display: flex; align-items: center; position: relative; height: 670px;} .sliderFour .sliderImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;} .sliderFour .sliderOverlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);} .sliderFour .sliderInner { max-width: 670px; padding: 30px 40px 10px; margin: auto 0 0;} .sliderFour .sliderTitle { color: var(--color-white); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .sliderFour .sliderDescription p { color: var(--color-white); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);} .sliderFour .slick-list { margin-right: 410px;} .sliderFour ul.slick-dots { top: 0; right: 0; width: 400px; height: 100%;} .sliderFour ul.slick-dots { display: flex; flex-direction: column; bottom: auto; padding: 0; margin: 0; text-align: left;} .sliderFour ul.slick-dots li { flex: 1 0 auto; width: auto; height: auto; padding: 0; margin: 0;} .sliderFour ul.slick-dots li:before { display: none;} .sliderFour ul.slick-dots li:hover .slick-thumb-overlay { background-color: rgba(0, 0, 0, 0.8);} .sliderFour ul.slick-dots li:not(:last-of-type) { margin-bottom: 10px;} .sliderFour ul.slick-dots li .slick-thumb { position: relative; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;} .sliderFour ul.slick-dots li .slick-thumb-overlay, .sliderFour ul.slick-dots li .slick-thumb-title { position: absolute; left: 0; bottom: 0; width: 100%;} .sliderFour ul.slick-dots li .slick-thumb-overlay { height: 100%; background-color: rgba(0, 0, 0, 0.3); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .sliderFour ul.slick-dots li .slick-thumb-title { padding: 0 30px; margin-bottom: 30px; color: var(--color-white);} .sliderFour .sliderImg { -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: ease-in-out 600ms; transition-delay: 600ms;} .sliderFour .sliderTitle, .sliderFour .sliderDescription, .sliderFour .sliderBtn { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); transition: ease-in-out 360ms;} .sliderFour .slick-current .sliderImg { -webkit-transform: translateY(0); transform: translateY(0); transition-delay: 100ms;} .sliderFour .slick-current .sliderTitle, .sliderFour .slick-current .sliderDescription, .sliderFour .slick-current .sliderBtn { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} .sliderFour .slick-current .sliderTitle { transition-delay: 300ms;} .sliderFour .slick-current .sliderDescription { transition-delay: 500ms;} .sliderFour .slick-current .sliderBtn { transition-delay: 700ms;} @media (min-width: 992px) { .sliderFour .sliderTitle { font-size: 55px; line-height: 1.1; } } @media (max-width: 1199px) { .sliderFour .slick-list { margin-right: 310px; } .sliderFour ul.slick-dots { width: 300px; } } @media (max-width: 991px) { .sliderFour .slick-list { margin-right: 0; } .sliderFour .sliderItem { height: 480px; } .sliderFour .sliderOverlay { top: 0; bottom: auto; height: 100%; background-color: rgba(0, 0, 0, 0.3); background-image: none; } .sliderFour .sliderInner { max-width: 720px; padding: 30px 25px 10px; margin: 0 auto; text-align: center; } .sliderFour .sliderTitle, .sliderFour .sliderDescription p { margin-bottom: 15px; } .sliderFour .sliderBtn.btn a { font-size: 12px; padding: 5px 15px; } .sliderFour .slick-prev, .sliderFour .slick-next { z-index: 1; top: 50%; width: 20px; height: 36px; background-color: rgba(0, 0, 0, 0.8); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sliderFour .slick-prev svg, .sliderFour .slick-next svg { width: 20px; height: 36px; } .sliderFour .slick-prev svg path, .sliderFour .slick-next svg path { fill: none; stroke: var(--color-white); stroke-width: 2px; } .sliderFour .slick-prev.slick-disabled, .sliderFour .slick-next.slick-disabled { cursor: not-allowed; } .sliderFour .slick-prev.slick-disabled svg path, .sliderFour .slick-next.slick-disabled svg path { fill: none; stroke: rgba(255, 255, 255, 0.5); } .sliderFour .slick-prev:before, .sliderFour .slick-next:before { display: none; } .sliderFour .slick-prev { left: 0; } .sliderFour .slick-next { right: 0; } .sliderFour .slick-dots { display: none !important; } } /*! |----------------------------------------------------------------------------------------- | | | Slider Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel One - Start | | |----------------------------------------------------------------------------------------- */ .carouselOne .carouselWrap { margin-bottom: 30px;} .carouselOne .carouselWrap.slick-dotted { margin-bottom: 60px;} .carouselOne .carouselItem { margin: 15px;} .carouselOne .carouselImg { padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover;} .carouselOne .slick-prev, .carouselOne .slick-next { z-index: 1; width: 36px; height: 36px;} .carouselOne .slick-prev svg, .carouselOne .slick-next svg { width: 100%; height: 100%;} .carouselOne .slick-prev svg path, .carouselOne .slick-next svg path { fill: none; stroke: #343a40;} .carouselOne .slick-prev.slick-disabled, .carouselOne .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed;} .carouselOne .slick-prev:before, .carouselOne .slick-next:before { display: none;} .carouselOne .slick-prev { left: -36px;} .contentAreaFullwidth .carouselOne .slick-prev { left: 30px;} .carouselOne .slick-next { right: -36px;} .contentAreaFullwidth .carouselOne .slick-next { right: 30px;} @media (max-width: 991px) { .carouselOne .carouselItem { margin: 5px; } .carouselOne .slick-prev, .carouselOne .slick-next { width: 20px; height: 20px; } .carouselOne .slick-prev svg path, .carouselOne .slick-next svg path { stroke-width: 2; } .carouselOne .slick-prev { left: 20px; } .contentAreaFullwidth .carouselOne .slick-prev { left: 20px; } .carouselOne .slick-next { right: 20px; } .contentAreaFullwidth .carouselOne .slick-next { right: 20px; } } /*! |----------------------------------------------------------------------------------------- | | | Carousel One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel Two - Start | | |----------------------------------------------------------------------------------------- */ .carouselTwo .carouselWrap { margin-bottom: 30px;} .carouselTwo .carouselWrap.slick-dotted { margin-bottom: 60px;} .carouselTwo .carouselItem { opacity: 0.3; margin: 30px; transition: opacity ease-in-out 1s;} .carouselTwo .carouselItem.slick-current { opacity: 1;} .carouselTwo .carouselImg { padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover;} .carouselTwo .slick-prev, .carouselTwo .slick-next { z-index: 1; width: 20px; height: 20px;} .carouselTwo .slick-prev svg, .carouselTwo .slick-next svg { width: 100%; height: 100%;} .carouselTwo .slick-prev svg path, .carouselTwo .slick-next svg path { fill: none; stroke: #343a40; stroke-width: 2;} .carouselTwo .slick-prev.slick-disabled, .carouselTwo .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed;} .carouselTwo .slick-prev:before, .carouselTwo .slick-next:before { display: none;} .carouselTwo .slick-prev { left: calc(25.6% - 10px);} .carouselTwo .slick-next { right: calc(25.6% - 10px);} @media (max-width: 991px) { .carouselTwo .carouselItem { margin-top: 5px; margin-bottom: 5px; } .carouselTwo .slick-prev { left: 89px; } .carouselTwo .slick-next { right: 89px; } } @media (max-width: 575px) { .carouselTwo .carouselItem { margin-left: 20px; margin-right: 20px; } .carouselTwo .slick-prev { left: 35px; } .carouselTwo .slick-next { right: 35px; } } /*! |----------------------------------------------------------------------------------------- | | | Carousel Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel Three - Start | | |----------------------------------------------------------------------------------------- */ .carouselThree .carouselWrap { margin-bottom: 30px;} .carouselThree .carouselWrap.slick-dotted { margin-bottom: 60px;} .carouselThree .carouselItem { margin: 15px; background-color: #f8f9fa;} .carouselThree .carouselImg { padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover;} .carouselThree .carouselContent { display: flex; flex-direction: column; position: relative; padding: 30px 30px 1px;} .carouselThree .carouselDescription p { font-size: 14px;} .carouselThree .carouselBtn { margin-top: auto;} .carouselThree .slick-prev, .carouselThree .slick-next { z-index: 1; width: 36px; height: 36px;} .carouselThree .slick-prev svg, .carouselThree .slick-next svg { width: 100%; height: 100%;} .carouselThree .slick-prev svg path, .carouselThree .slick-next svg path { fill: none; stroke: #343a40;} .carouselThree .slick-prev.slick-disabled, .carouselThree .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed;} .carouselThree .slick-prev:before, .carouselThree .slick-next:before { display: none;} .carouselThree .slick-prev { left: -36px;} .contentAreaFullwidth .carouselThree .slick-prev { left: 30px;} .carouselThree .slick-next { right: -36px;} .contentAreaFullwidth .carouselThree .slick-next { right: 30px;} @media (max-width: 991px) { .carouselThree .carouselItem { margin: 5px; } .carouselThree .slick-prev, .carouselThree .slick-next { width: 20px; height: 20px; } .carouselThree .slick-prev svg path, .carouselThree .slick-next svg path { stroke-width: 2; } .contentAreaFullwidth .carouselThree .slick-prev { left: 20px; } .contentAreaFullwidth .carouselThree .slick-next { right: 20px; } } @media (max-width: 991px) and (min-width: 768px) { .carouselThree .carouselItem { display: flex; flex-wrap: wrap; } .carouselThree .carouselImg { width: 100%; flex: 0 0 40%; max-width: 40%; padding: 0; } .carouselThree .carouselContent { width: 100%; flex: 0 0 60%; max-width: 60%; } } /*! |----------------------------------------------------------------------------------------- | | | Carousel Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel Four - Start | | |----------------------------------------------------------------------------------------- */ .carouselFour .carouselWrap { margin-bottom: 30px;} .carouselFour .carouselWrap.slick-dotted { margin-bottom: 60px;} .carouselFour .carouselItem { margin: 0; opacity: 0.3;} .carouselFour .carouselItem.slick-current { opacity: 1;} .carouselFour .carouselItem.slick-current .carouselContent { -webkit-transform: translateY(0); transform: translateY(0);} .carouselFour .carouselItem.slick-current .carouselTitle { -webkit-transform: translateY(0); transform: translateY(0);} .carouselFour .carouselImg { padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover;} .carouselFour .carouselItem, .carouselFour .carouselContent, .carouselFour .carouselTitle, .carouselFour .slick-prev, .carouselFour .slick-next { transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .carouselFour .carouselHeader { z-index: 1; position: relative;} .carouselFour .carouselOverlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 20%, black 100%);} .carouselFour .carouselTitle { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 40px; margin-bottom: 0; color: var(--color-white); -webkit-transform: translateY(-30px); transform: translateY(-30px);} .carouselFour .carouselContent { padding: 20px 40px 5px; margin-top: -1px; background-color: var(--color-black); -webkit-transform: translateY(-100%); transform: translateY(-100%);} .carouselFour .carouselDescription p { color: var(--color-white); font-size: 13px;} .carouselFour .slick-prev, .carouselFour .slick-next {z-index: 1;top: 35%;width: 36px;height: 36px;background-color: #000;box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);-webkit-transform-origin: center center;transform-origin: center center;/* background-image: linear-gradient(to bottom, #939393 0%, var(--color-black) 100%); */} .carouselFour .slick-prev svg, .carouselFour .slick-next svg { width: 100%; height: 100%;} .carouselFour .slick-prev svg path, .carouselFour .slick-next svg path { fill: none; stroke: var(--color-white); stroke-width: 2;} .carouselFour .slick-prev.slick-disabled, .carouselFour .slick-next.slick-disabled { opacity: 1;} .carouselFour .slick-prev:hover, .carouselFour .slick-next:hover { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);} .carouselFour .slick-prev:before, .carouselFour .slick-next:before { display: none;} .carouselFour .slick-prev { left: calc(33.333333% - 10px);} .carouselFour .slick-next { right: calc(33.333333% - 10px);} .carouselFour .slick-dots { bottom: -35px;} @media (max-width: 991px) { .carouselFour .carouselItem.slick-current .carouselTitle { opacity: 1; } .carouselFour .carouselTitle { opacity: 0; } .carouselFour .slick-prev, .carouselFour .slick-next { top: 33%; } .carouselFour .slick-prev { left: calc(25% - 10px); } .carouselFour .slick-next { right: calc(25% - 10px); } } @media (max-width: 575px) { .carouselFour .carouselItem { opacity: 1; } .carouselFour .carouselContent { -webkit-transform: translateY(0); transform: translateY(0); } .carouselFour .carouselTitle { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .carouselFour .slick-prev, .carouselFour .slick-next { top: 50%; } .carouselFour .slick-prev { left: -10px; } .carouselFour .slick-next { right: -10px; } } /*! |----------------------------------------------------------------------------------------- | | | Carousel Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Carousel Five - Start | | |----------------------------------------------------------------------------------------- */ .carouselFive .carouselWrap { margin-bottom: 30px;} .carouselFive .carouselWrap.slick-dotted { margin-bottom: 60px;} .carouselFive .carouselItem { padding: 30px 0;} @media (max-width: 991px) { .carouselFive .carouselItem { padding: 0; } } .carouselFive .carouselItemLeft { margin-bottom: 60px;} @media (max-width: 991px) { .carouselFive .carouselItemLeft { margin-bottom: 0; } } .carouselFive .carouselItemRight { margin-top: 60px;} @media (max-width: 991px) { .carouselFive .carouselItemRight { margin-top: 0; } } .carouselFive .carouselImg { min-height: 100%; padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover;} .carouselFive .carouselContent { min-height: 100%;} .carouselFive .carouselTitle { display: inline-block; position: relative; padding-top: 30px; margin-top: 30px;} @media (max-width: 991px) { .carouselFive .carouselTitle { margin-top: 0; } } .carouselFive .carouselTitle:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; max-width: 80px; height: 5px; background-color: var(--color-yellow);} .carouselFive .slick-prev, .carouselFive .slick-next { z-index: 1; width: 60px; height: 60px; padding: 15px; background-color: rgba(46, 183, 160, 0.5);} .carouselFive .slick-prev:hover, .carouselFive .slick-next:hover { background-color: var(--color-yellow);} @media (max-width: 991px) { .carouselFive .slick-prev, .carouselFive .slick-next { top: 45%; width: 20px; height: 36px; padding: 5px; } } .carouselFive .slick-prev svg, .carouselFive .slick-next svg { width: 100%; height: 100%;} .carouselFive .slick-prev svg path, .carouselFive .slick-next svg path { fill: none; stroke: var(--color-white);} .carouselFive .slick-prev.slick-disabled, .carouselFive .slick-next.slick-disabled { cursor: not-allowed;} .carouselFive .slick-prev.slick-disabled svg path, .carouselFive .slick-next.slick-disabled svg path { fill: none; stroke: rgba(255, 255, 255, 0.5);} @media (max-width: 991px) { .carouselFive .slick-prev.slick-disabled svg path, .carouselFive .slick-next.slick-disabled svg path { stroke-width: 2px; } } .carouselFive .slick-prev:before, .carouselFive .slick-next:before { display: none;} .carouselFive .slick-prev { left: -80px;} @media (max-width: 991px) { .carouselFive .slick-prev { left: 0; } } .contentAreaFullwidth .carouselFive .slick-prev { left: 30px;} @media (max-width: 991px) { .contentAreaFullwidth .carouselFive .slick-prev { left: 20px; } } .carouselFive .slick-next { right: -80px;} @media (max-width: 991px) { .carouselFive .slick-next { right: 0; } } .contentAreaFullwidth .carouselFive .slick-next { right: 30px;} @media (max-width: 991px) { .contentAreaFullwidth .carouselFive .slick-next { right: 20px; } } .carouselFive .carouselImg { -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: ease-in-out 600ms; transition-delay: 600ms;} .carouselFive .carouselTitle, .carouselFive .carouselDescription, .carouselFive .carouselBtn { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); transition: ease-in-out 360ms;} .carouselFive .slick-current .carouselImg { -webkit-transform: translateY(0); transform: translateY(0); transition-delay: 100ms;} .carouselFive .slick-current .carouselTitle, .carouselFive .slick-current .carouselDescription, .carouselFive .slick-current .carouselBtn { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} .carouselFive .slick-current .carouselTitle { transition-delay: 300ms;} .carouselFive .slick-current .carouselDescription { transition-delay: 500ms;} .carouselFive .slick-current .carouselBtn { transition-delay: 700ms;} /* |----------------------------------------------------------------------------------------- | | | Carousel Five - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Logo Carousel One - Start | | |----------------------------------------------------------------------------------------- */ .logoCarouselOne .logoCarouselWrap.slick-dotted { margin-bottom: 60px;} .logoCarouselOne .logoCarouselItem { margin: 0 15px;} .logoCarouselOne .logoCarouselImg { padding-bottom: 56%; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .logoCarouselOne .logoCarouselImg:hover { -webkit-filter: grayscale(0); filter: grayscale(0);} .logoCarouselOne .slick-prev, .logoCarouselOne .slick-next { z-index: 1; width: 30px; height: 30px;} .logoCarouselOne .slick-prev svg, .logoCarouselOne .slick-next svg { width: 100%; height: 100%;} .logoCarouselOne .slick-prev path, .logoCarouselOne .slick-prev circle, .logoCarouselOne .slick-next path, .logoCarouselOne .slick-next circle { stroke: #707070; fill: transparent; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .logoCarouselOne .slick-prev.slick-disabled, .logoCarouselOne .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed;} .logoCarouselOne .slick-prev:before, .logoCarouselOne .slick-next:before { display: none;} .logoCarouselOne .slick-prev:hover path, .logoCarouselOne .slick-next:hover path { stroke: var(--color-white);} .logoCarouselOne .slick-prev:hover circle, .logoCarouselOne .slick-next:hover circle { fill: var(--color-yellow); stroke: var(--color-yellow);} .logoCarouselOne .slick-prev { left: -30px;} .logoCarouselOne .slick-next { right: -30px;} @media (max-width: 575px) { .logoCarouselOne .logoCarouselItem { margin: 0 30px; } .logoCarouselOne .slick-prev, .logoCarouselOne .slick-next { width: 30px; height: 30px; } .logoCarouselOne .slick-prev { left: 0; } .logoCarouselOne .slick-next { right: 0; } } /*! |----------------------------------------------------------------------------------------- | | | Logo Carousel One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Team Gallery One - Start | | |----------------------------------------------------------------------------------------- */ .teamGalleryOne .teamItem { margin-bottom: 15px;} .teamGalleryOne .teamItemWrap { display: block;} .teamGalleryOne .teamItemWrap:hover .teamItemImg { -webkit-transform: scale(1.05); transform: scale(1.05); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.12);} .teamGalleryOne .teamItemWrap:hover .teamItemToggle { color: var(--color-gray-8);} .teamGalleryOne .teamItemWrap:hover .teamItemToggle span:after { width: 90%;} .teamGalleryOne .teamItemImgHolder { margin-bottom: 30px;} .teamGalleryOne .teamItemImg { transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .teamGalleryOne .teamItemName { line-height: 1; color: var(--color-yellow); text-align: center; margin-bottom: 10px;} .teamGalleryOne .teamItemToggle { font-size: 12px; color: var(--color-gray-6); text-align: center; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; transition: color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .teamGalleryOne .teamItemToggle span { position: relative; display: inline-block;} .teamGalleryOne .teamItemToggle span:after { content: ""; position: absolute; left: 50%; bottom: -3px; width: 0; height: 2px; background: var(--color-gray-8); -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .teamGalleryOne .teamPanel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 510; overflow-x: hidden; overflow-y: auto; background-color: var(--color-gray-2);} .teamGalleryOne .teamPanel .container { padding-left: 30px; padding-right: 30px;} .teamGalleryOne .teamPanel .row { align-items: center;} .teamGalleryOne .teamPanelWrap { display: flex; align-items: center; width: 100%; height: 100%;} .teamGalleryOne .teamPanelImgHolder { margin-bottom: 30px;} .teamGalleryOne .teamPanelName { margin-bottom: 10px;} .teamGalleryOne .teamPanelClose { position: absolute; top: 40px; right: 50px;} .teamGalleryOne .teamPanelClose .burger:hover .burgerLine, .teamGalleryOne .teamPanelClose .burger:hover .burgerSlash { background-color: var(--color-yellow);} .teamGalleryOne .teamPanelClose .burger:hover .burgerText { color: var(--color-yellow);} .teamGalleryOne .teamPanelClose .burgerLine, .teamGalleryOne .teamPanelClose .burgerSlash { background-color: var(--color-gray-8);} .teamGalleryOne .teamPanelClose .burgerText { font-size: 16px; color: var(--color-gray-8); font-weight: 700;} @media (max-width: 767px) { .teamGalleryOne .teamPanel .row { align-items: flex-start; } .teamGalleryOne .teamPanelWrap { display: block; align-items: initial; height: auto; padding: 80px 0 50px; } .teamGalleryOne .teamPanelClose { top: 24px; right: 36px; } } @media (max-width: 575px) { .teamGalleryOne .teamPanelClose { right: 28px; } } /*! |----------------------------------------------------------------------------------------- | | | Team Gallery One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Team Gallery Two - Start | | |----------------------------------------------------------------------------------------- */ .teamGalleryTwo .teamItem { margin-bottom: 30px;} .teamGalleryTwo .teamItem:hover .teamItemImg { -webkit-transform: scale(1.05); transform: scale(1.05);} .teamGalleryTwo .teamItemWrap { display: block; overflow: hidden; border-radius: 4px; background-color: var(--color-white);} .teamGalleryTwo .teamItemImgHolder { overflow: hidden;} .teamGalleryTwo .teamItemImg { display: block; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .teamGalleryTwo .teamItemBody { padding: 25px;} @media (max-width: 575px) { .teamGalleryTwo .teamItemBody { padding: 15px; } } .teamGalleryTwo .teamItemBody p { margin-bottom: 20px;} .teamGalleryTwo .teamItemName { margin-bottom: 5px;} .teamGalleryTwo .teamItemMetas { margin-bottom: 20px;} .teamGalleryTwo .teamItemMeta { margin-bottom: 5px;} .teamGalleryTwo .teamItemMeta i { color: var(--color-yellow); margin-right: 5px;} .teamGalleryTwo .teamItemDescription { font-size: 14px;} .teamGalleryTwo .teamItemDescription a { font-weight: 700;} .teamGalleryTwo .teamItemLink { margin-top: 20px; margin-bottom: 0;} .teamGalleryTwo p.teamItemLink { margin-bottom: 0;} .teamGalleryTwo .teamPanel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 510; overflow-x: hidden; overflow-y: auto; background-color: var(--color-gray-2);} .teamGalleryTwo .teamPanel .container { padding-left: 30px; padding-right: 30px;} .teamGalleryTwo .teamPanel .row { align-items: center;} @media (max-width: 767px) { .teamGalleryTwo .teamPanel .row { align-items: flex-start; } } .teamGalleryTwo .teamPanelWrap { display: flex; align-items: center; width: 100%; height: 100%;} @media (max-width: 767px) { .teamGalleryTwo .teamPanelWrap { display: block; align-items: initial; height: auto; padding: 80px 0 50px; } } .teamGalleryTwo .teamPanelImgHolder { margin-bottom: 30px;} .teamGalleryTwo .teamPanelName { margin-bottom: 10px;} .teamGalleryTwo .teamPanelClose { position: absolute; top: 40px; right: 50px;} @media (max-width: 767px) { .teamGalleryTwo .teamPanelClose { top: 24px; right: 36px; } } @media (max-width: 575px) { .teamGalleryTwo .teamPanelClose { right: 28px; } } .teamGalleryTwo .teamPanelClose .burger:hover .burgerLine, .teamGalleryTwo .teamPanelClose .burger:hover .burgerSlash { background-color: var(--color-yellow);} .teamGalleryTwo .teamPanelClose .burger:hover .burgerText { color: var(--color-yellow);} .teamGalleryTwo .teamPanelClose .burgerLine, .teamGalleryTwo .teamPanelClose .burgerSlash { background-color: var(--color-gray-8);} .teamGalleryTwo .teamPanelClose .burgerText { font-size: 16px; color: var(--color-gray-8); font-weight: 700;} /* |----------------------------------------------------------------------------------------- | | | Team Gallery Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Team Gallery Three - Start | | |----------------------------------------------------------------------------------------- */ .teamGalleryThree .teamItem { margin-bottom: 30px;} .teamGalleryThree .teamItemWrap { display: block; overflow: hidden; border-radius: 4px; background-color: var(--color-white); border-top: 5px solid var(--color-yellow);} .teamGalleryThree .teamItemBody { padding: 25px;} @media (max-width: 575px) { .teamGalleryThree .teamItemBody { padding: 15px; } } .teamGalleryThree .teamItemBody p { margin-bottom: 20px;} .teamGalleryThree .teamItemName { margin-bottom: 15px;} .teamGalleryThree .teamItemMetas { margin-bottom: 20px;} .teamGalleryThree .teamItemMeta { margin-bottom: 5px;} .teamGalleryThree .teamItemMeta i { color: var(--color-yellow); margin-right: 5px;} .teamGalleryThree .teamItemDescription { font-size: 14px;} .teamGalleryThree .teamItemDescription a { font-weight: 700;} .teamGalleryThree .teamItemLink { margin-top: 20px; margin-bottom: 0;} .teamGalleryThree p.teamItemLink { margin-bottom: 0;} .teamGalleryThree .teamPanel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 510; overflow-x: hidden; overflow-y: auto; background-color: var(--color-gray-2);} .teamGalleryThree .teamPanel .container { padding-left: 30px; padding-right: 30px;} .teamGalleryThree .teamPanel .row { align-items: center;} @media (max-width: 767px) { .teamGalleryThree .teamPanel .row { align-items: flex-start; } } .teamGalleryThree .teamPanelWrap { display: flex; align-items: center; width: 100%; height: 100%;} @media (max-width: 767px) { .teamGalleryThree .teamPanelWrap { display: block; align-items: initial; height: auto; padding: 80px 0 50px; } } .teamGalleryThree .teamPanelName { margin-bottom: 10px;} .teamGalleryThree .teamPanelClose { position: absolute; top: 40px; right: 50px;} @media (max-width: 767px) { .teamGalleryThree .teamPanelClose { top: 24px; right: 36px; } } @media (max-width: 575px) { .teamGalleryThree .teamPanelClose { right: 28px; } } .teamGalleryThree .teamPanelClose .burger:hover .burgerLine, .teamGalleryThree .teamPanelClose .burger:hover .burgerSlash { background-color: var(--color-yellow);} .teamGalleryThree .teamPanelClose .burger:hover .burgerText { color: var(--color-yellow);} .teamGalleryThree .teamPanelClose .burgerLine, .teamGalleryThree .teamPanelClose .burgerSlash { background-color: var(--color-gray-8);} .teamGalleryThree .teamPanelClose .burgerText { font-size: 16px; color: var(--color-gray-8); font-weight: 700;} /* |----------------------------------------------------------------------------------------- | | | Team Gallery Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Team Gallery Four - Start | | |----------------------------------------------------------------------------------------- */ .teamGalleryFour .teamItem { margin-bottom: 30px;} .teamGalleryFour .teamItemWrap { overflow: hidden; padding: 15px; border-radius: 4px; background-color: var(--color-white);} .teamGalleryFour .teamItemWrap:hover .teamItemImg { -webkit-transform: scale(1.05); transform: scale(1.05);} @media (max-width: 575px) { .teamGalleryFour .teamItemHeader { margin-bottom: 15px; } } .teamGalleryFour .teamItemImgHolder { overflow: hidden; height: 100%;} .teamGalleryFour .teamItemImg { display: block; height: 100%; border-radius: 3px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .teamGalleryFour .teamItemBody { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding-left: 20px;} @media (max-width: 575px) { .teamGalleryFour .teamItemBody { padding-left: 0; } } .teamGalleryFour .teamItemBody p { margin-bottom: 20px;} .teamGalleryFour .teamItemName { margin-bottom: 15px;} .teamGalleryFour .teamItemDivider { margin-bottom: 15px; width: 30px; height: 2px; background-color: var(--color-yellow);} .teamGalleryFour .teamItemMetas { margin-bottom: 20px;} .teamGalleryFour .teamItemMeta { color: var(--color-gray-8);} .teamGalleryFour .teamItemMeta i { color: var(--color-yellow); margin-right: 5px;} .teamGalleryFour .teamItemLink { margin-bottom: 0;} .teamGalleryFour p.teamItemLink { margin-bottom: 0;} .teamGalleryFour .teamItemWrap { display: flex; flex-wrap: wrap;} .teamGalleryFour .teamItemHeader { width: 100%; max-width: 40%; flex: 0 0 40%;} @media (max-width: 575px) { .teamGalleryFour .teamItemHeader { flex: 0 0 auto; width: 100%; max-width: none; } } .teamGalleryFour .teamItemHeader + .teamItemBody { width: 100%; flex: 0 0 60%; max-width: 60%;} @media (max-width: 575px) { .teamGalleryFour .teamItemHeader + .teamItemBody { flex: 0 0 auto; width: 100%; max-width: none; } } .teamGalleryFour .teamPanel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 510; overflow-x: hidden; overflow-y: auto; background-color: var(--color-gray-2);} .teamGalleryFour .teamPanel .container { padding-left: 30px; padding-right: 30px;} .teamGalleryFour .teamPanel .row { align-items: center;} @media (max-width: 767px) { .teamGalleryFour .teamPanel .row { align-items: flex-start; } } .teamGalleryFour .teamPanelWrap { display: flex; align-items: center; width: 100%; height: 100%;} @media (max-width: 767px) { .teamGalleryFour .teamPanelWrap { display: block; align-items: initial; height: auto; padding: 80px 0 50px; } } .teamGalleryFour .teamPanelImgHolder { margin-bottom: 30px;} .teamGalleryFour .teamPanelName { margin-bottom: 10px;} .teamGalleryFour .teamPanelClose { position: absolute; top: 40px; right: 50px;} @media (max-width: 767px) { .teamGalleryFour .teamPanelClose { top: 24px; right: 36px; } } @media (max-width: 575px) { .teamGalleryFour .teamPanelClose { right: 28px; } } .teamGalleryFour .teamPanelClose .burger:hover .burgerLine, .teamGalleryFour .teamPanelClose .burger:hover .burgerSlash { background-color: var(--color-yellow);} .teamGalleryFour .teamPanelClose .burger:hover .burgerText { color: var(--color-yellow);} .teamGalleryFour .teamPanelClose .burgerLine, .teamGalleryFour .teamPanelClose .burgerSlash { background-color: var(--color-gray-8);} .teamGalleryFour .teamPanelClose .burgerText { font-size: 16px; color: var(--color-gray-8); font-weight: 700;} /* |----------------------------------------------------------------------------------------- | | | Team Gallery Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Testimonial Carousel One - Start | | |----------------------------------------------------------------------------------------- */ .testimonialCarouselOne .testimonialCarouselWrap { margin-bottom: 30px;} .testimonialCarouselOne .testimonialCarouselWrap.slick-dotted { margin-bottom: 60px;} .testimonialCarouselOne .testimonialCarouselInner { position: relative; margin: 0 auto; max-width: 400px; padding-top: 15px;} @media (max-width: 767px) { .testimonialCarouselOne .testimonialCarouselInner { padding: 40px 20px; } } .testimonialCarouselOne .testimonialCarouselQuotLeft, .testimonialCarouselOne .testimonialCarouselQuotRight { position: absolute; width: 34px;} .testimonialCarouselOne .testimonialCarouselQuotLeft svg, .testimonialCarouselOne .testimonialCarouselQuotRight svg { width: 100%; height: auto;} .testimonialCarouselOne .testimonialCarouselQuotLeft path, .testimonialCarouselOne .testimonialCarouselQuotRight path { fill: rgba(46, 183, 160, 0.3);} .testimonialCarouselOne .testimonialCarouselQuotLeft { top: 0; left: -65px;} @media (max-width: 767px) { .testimonialCarouselOne .testimonialCarouselQuotLeft { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .testimonialCarouselOne .testimonialCarouselQuotRight { right: -60px; bottom: 10px;} @media (max-width: 767px) { .testimonialCarouselOne .testimonialCarouselQuotRight { left: 50%; right: auto; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .testimonialCarouselOne .testimonialCarouselContent { font-size: 18px; text-align: center; font-style: italic; font-family: ITC Leawood W03 Bold;} .testimonialCarouselOne .testimonialCarouselContent p:last-of-type { margin-bottom: 0; font-style: normal; font-family: museo-sans, sans-serif;} .testimonialCarouselOne .slick-prev, .testimonialCarouselOne .slick-next { z-index: 1; width: 36px; height: 36px;} .testimonialCarouselOne .slick-prev svg, .testimonialCarouselOne .slick-next svg { width: 100%; height: 100%;} .testimonialCarouselOne .slick-prev svg path, .testimonialCarouselOne .slick-next svg path { fill: none; stroke: #343a40;} ._bg-blue-gradient .testimonialCarouselOne .slick-prev svg path, ._bg-secondary .testimonialCarouselOne .slick-prev svg path, ._bg-primary .testimonialCarouselOne .slick-prev svg path, ._bg-blue-gradient .testimonialCarouselOne .slick-next svg path, ._bg-secondary .testimonialCarouselOne .slick-next svg path, ._bg-primary .testimonialCarouselOne .slick-next svg path { stroke: var(--color-white);} .testimonialCarouselOne .slick-prev.slick-disabled, .testimonialCarouselOne .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed;} .testimonialCarouselOne .slick-prev:before, .testimonialCarouselOne .slick-next:before { display: none;} .testimonialCarouselOne .slick-prev { left: 0;} .testimonialCarouselOne .slick-next { right: 0;} @media (max-width: 991px) { .testimonialCarouselOne .slick-prev, .testimonialCarouselOne .slick-next { width: 20px; height: 20px; } .testimonialCarouselOne .slick-prev svg path, .testimonialCarouselOne .slick-next svg path { stroke-width: 2; } } /* |----------------------------------------------------------------------------------------- | | | Testimonial Carousel One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Accordion One - Start | | |----------------------------------------------------------------------------------------- */ .accordionOne { margin-bottom: 10px;} .accordionOne .accordionBtn { position: relative; cursor: pointer; padding: 15px 70px 15px 40px; border-radius: 4px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: ease-in-out 500ms;} .accordionOne .accordionBtn:before { content: ""; position: absolute; top: 50%; left: 16px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.6); background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: ease-in-out 500ms;} .accordionOne .accordionBtn h1, .accordionOne .accordionBtn h2, .accordionOne .accordionBtn h3, .accordionOne .accordionBtn h4, .accordionOne .accordionBtn h5, .accordionOne .accordionBtn h6, .accordionOne .accordionBtn p { margin-bottom: 0;} .accordionOne .accordionIcon { position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .accordionOne .accordionIcon i { display: block; text-align: center; width: 20px; height: 20px; line-height: 20px; font-size: 18px; transition: ease-in-out 500ms;} .accordionOne .accordionContent { display: none; transition: none; padding: 30px 40px 5px; box-sizing: content-box; border-radius: 0 0 4px 4px;} @media (max-width: 767px) { .accordionOne .accordionContent { padding: 30px 20px 5px; } } .accordionOne.active .accordionBtn { border-radius: 4px 4px 0 0; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);} .accordionOne.active .accordionBtn:before { border: 2px solid rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.6);} .accordionOne.active .accordionIcon i { -webkit-transform: rotate(135deg); transform: rotate(135deg);} .liveEdBlock .accordionOne .accordionContent, .leDisabled .accordionOne .accordionContent { display: block;} /*! |----------------------------------------------------------------------------------------- | | | Accordion One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Accordion Two - Start | | |----------------------------------------------------------------------------------------- */ .accordionTwo .accordionBtn { position: relative; cursor: pointer; padding: 15px 35px 15px 25px; margin-top: -1px; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; transition: ease-in-out 500ms;} .accordionTwo .accordionBtn:before { content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #96DBCF; background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: ease-in-out 500ms;} .accordionTwo .accordionBtn h1, .accordionTwo .accordionBtn h2, .accordionTwo .accordionBtn h3, .accordionTwo .accordionBtn h4, .accordionTwo .accordionBtn h5, .accordionTwo .accordionBtn h6, .accordionTwo .accordionBtn p { margin-bottom: 0;} .accordionTwo .accordionIcon {position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #000;} .accordionTwo .accordionIcon i {display: block;text-align: center;width: 20px;height: 20px;line-height: 20px;color: var(--color-yellow);font-size: 14px;transition: ease-in-out 500ms;} .accordionTwo .accordionContent { display: none; transition: none; padding: 30px 40px 5px; box-sizing: content-box;} @media (max-width: 767px) { .accordionTwo .accordionContent { padding: 30px 20px 5px; } } .accordionTwo.active .accordionBtn:before { border: 2px solid var(--color-yellow); background-color: var(--color-yellow);} .accordionTwo.active .accordionIcon i { -webkit-transform: rotate(135deg); transform: rotate(135deg);} .liveEdBlock .accordionTwo .accordionContent, .leDisabled .accordionTwo .accordionContent { display: block;} /*! |----------------------------------------------------------------------------------------- | | | Accordion Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Accordion Three - Start | | |----------------------------------------------------------------------------------------- */ .accordionThree { margin-bottom: 10px;} .accordionThree .accordionWrap { border-radius: 26px;} .accordionThree .accordionBtn { position: relative; cursor: pointer; padding: 15px 54px 15px 40px;} .accordionThree .accordionBtn:before { content: ""; position: absolute; top: 50%; left: 17px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.6); background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: ease-in-out 500ms;} .accordionThree .accordionBtn:after { opacity: 0; visibility: hidden; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.2); transition: ease-in-out 500ms;} .accordionThree .accordionBtn h1, .accordionThree .accordionBtn h2, .accordionThree .accordionBtn h3, .accordionThree .accordionBtn h4, .accordionThree .accordionBtn h5, .accordionThree .accordionBtn h6, .accordionThree .accordionBtn p { margin-bottom: 0;} .accordionThree .accordionIcon { position: absolute; top: 50%; right: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .accordionThree .accordionIcon i { display: block; color: rgba(0, 0, 0, 0.6); transition: ease-in-out 500ms;} .accordionThree .accordionContent { display: none; transition: none; padding: 30px 40px 5px; box-sizing: content-box;} @media (max-width: 767px) { .accordionThree .accordionContent { padding: 30px 20px 5px; } } .accordionThree.active .accordionBtn:before { border: 2px solid rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.6);} .accordionThree.active .accordionBtn:after { opacity: 1; visibility: visible;} .accordionThree.active .accordionIcon i { -webkit-transform: rotate(135deg); transform: rotate(135deg);} .liveEdBlock .accordionThree .accordionContent, .leDisabled .accordionThree .accordionContent { display: block;} /*! |----------------------------------------------------------------------------------------- | | | Accordion Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Tabs One - Start | | |----------------------------------------------------------------------------------------- */ .tabsOne .tabHolder h4 { color: var(--color-white); font-size:37px} .tabsOne { margin-bottom: 30px;} .tabsOne .tabsWrap {display: flex;justify-content: space-between;} .tabsOne .tabHolder {flex: 0 0 auto;width: 23%;padding: 89px 0 0 49px;background: var(--color-yellow);} .tabsOne .tabsContents {border-radius: 0;} .tabsOne .tabsContents {width: 74%;} @media (max-width: 991px) { .tabsOne .tabsWrap {display: block;} .tabsOne .tabHolder {width: 100%; padding: 25px;} .tabsOne .tabsContents {width: 100%;} } .tabsOne .tabsNav {display: block;padding: 5px 35px 5px 0px;/* border-top: 1px solid rgba(0, 0, 0, 0.2); *//* background-color: var(--color-gray-2); */display: flex;} .tabsOne .tabsNav img { margin-right:10px;width: 12px;height: 15px;margin-top: 3px;} .tabsOne .tabsNav h1, .tabsOne .tabsNav h2, .tabsOne .tabsNav h3, .tabsOne .tabsNav h4, .tabsOne .tabsNav h5, .tabsOne .tabsNav h6, .tabsOne .tabsNav p {margin-bottom: 0;line-height: unset;} .tabsOne .tabsNav:first-of-type {border-top: none;/* border-radius: 4px 0 0 0; */} .tabsOne .tabsNav:last-of-type {border-radius: 0;} .tabsOne .tabsNav.active { border-top-color: transparent; background-color: var(--color-yellow);} .tabsOne .tabsNav h1, .tabsOne .tabsNav h2, .tabsOne .tabsNav h3, .tabsOne .tabsNav h4, .tabsOne .tabsNav h5, .tabsOne .tabsNav h6, .tabsOne .tabsNav p { color: var(--color-white);} .tabsOne .tabsNav.active h1, .tabsOne .tabsNav.active h2, .tabsOne .tabsNav.active h3, .tabsOne .tabsNav.active h4, .tabsOne .tabsNav.active h5, .tabsOne .tabsNav.active h6, .tabsOne .tabsNav.active p { color: var(--color-gray-2); } .tabsOne .tabsNav.active + .tabsNav {/* border-top-color: transparent; */} @media (max-width: 767px) { .tabsOne .tabsNav { margin-bottom: 5px; border: none; border-radius: 4px; } .tabsOne .tabsNav:first-of-type, .tabsOne .tabsNav:last-of-type { border-radius: 4px; } } .tabsOne .tabsContent {padding: 0;} @media (max-width: 767px) { .tabsOne .tabsContent { padding: 20px 20px 1px; border-radius: 4px; } } /*! |----------------------------------------------------------------------------------------- | | | Tabs One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Tabs Two - Start | | |----------------------------------------------------------------------------------------- */ .tabsTwo { margin-bottom: 30px;} .tabsTwo .tabsNavs { position: relative; max-width: 970px; padding: 0 40px; margin: 0 auto;} .tabsTwo .tabsNavsWrap { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; background-color: var(--color-white); box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.06), 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06);} .tabsTwo .tabsNav { position: relative; display: block; padding: 30px 20px 20px; text-align: center;} .tabsTwo .tabsNav h1, .tabsTwo .tabsNav h2, .tabsTwo .tabsNav h3, .tabsTwo .tabsNav h4, .tabsTwo .tabsNav h5, .tabsTwo .tabsNav h6, .tabsTwo .tabsNav p { margin-bottom: 10px; line-height: 1.218;} .tabsTwo .tabsNav img { width: auto; height: 36px;} .tabsTwo .tabsNav:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .tabsTwo .tabsNav:hover:after, .tabsTwo .tabsNav.active:after { border-width: 0 10px 10px 10px; border-color: transparent transparent var(--color-yellow) transparent;} .tabsTwo .tabsContents { margin-top: -30px; padding: 80px 40px 45px; border-radius: 4px; background-color: var(--color-gray-2);} .tabsTwo .tabsContent { max-width: 930px; margin: 0 auto;} @media (min-width: 992px) { .tabsTwo .tabsNavsWrap { display: flex; } .tabsTwo .tabsNav { flex: 1 1 auto; padding: 30px 20px 20px; } .tabsTwo .tabsNav:not(:last-of-type) { border-right: 1px solid rgba(0, 0, 0, 0.2); } } @media (max-width: 991px) { .tabsTwo .tabsNavs { padding: 0 20px; } .tabsTwo .tabsNav { padding: 20px 20px 10px; } .tabsTwo .tabsNav img { height: 20px; } .tabsTwo .tabsNav:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .tabsTwo .tabsContents { margin-top: -60px; padding: 90px 40px 5px; } } @media (max-width: 767px) { .tabsTwo .tabsNavs { padding: 0; } .tabsTwo .tabsContents { margin-top: -20px; padding: 50px 20px 1px; } } /*! |----------------------------------------------------------------------------------------- | | | Tabs Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Tabs Three - Start | | |----------------------------------------------------------------------------------------- */ .tabsThree { overflow: hidden; margin-bottom: 30px; border-radius: 3px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);} .tabsThree .tabsNavs { display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .tabsThree .tabsNav { cursor: pointer; padding: 25px 0;} @media (max-width: 767px) { .tabsThree .tabsNav { padding: 15px 0; } } .tabsThree .tabsNav h1, .tabsThree .tabsNav h2, .tabsThree .tabsNav h3, .tabsThree .tabsNav h4, .tabsThree .tabsNav h5, .tabsThree .tabsNav h6, .tabsThree .tabsNav p, .tabsThree .tabsNav ul, .tabsThree .tabsNav ol, .tabsThree .tabsNav dl, .tabsThree .tabsNav table { margin-bottom: 0;} .tabsThree .tabsNav:not(:last-of-type) .tabsNavOuter { border-right: 1px solid rgba(0, 0, 0, 0.2);} @media (max-width: 767px) { .tabsThree .tabsNav.active { color: var(--color-white); background-color: var(--color-yellow); } } .tabsThree .tabsNav.active .tabsNavInner:after { background-color: var(--color-yellow);} .tabsThree .tabsNavOuter { padding: 0 35px;} @media (max-width: 767px) { .tabsThree .tabsNavOuter { padding: 0 15px; } } .tabsThree .tabsNavInner { position: relative;} .tabsThree .tabsNavInner:after { content: ""; position: absolute; bottom: -26px; left: 0; width: 100%; height: 6px; background-color: transparent;} @media (max-width: 767px) { .tabsThree .tabsNavInner:after { display: none; } } .tabsThree .tabsContent { padding: 30px 35px 1px;} @media (max-width: 767px) { .tabsThree .tabsContent { padding: 30px 15px 1px; } } /*! |----------------------------------------------------------------------------------------- | | | Tabs Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Tabs Four - Start | | |----------------------------------------------------------------------------------------- */ .tabsFour { overflow: hidden; margin-bottom: 30px; border-radius: 3px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);} .tabsFour .tabsNavs { display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .tabsFour .tabsNav { cursor: pointer; padding: 25px 0;} @media (max-width: 767px) { .tabsFour .tabsNav { padding: 15px 0; } } .tabsFour .tabsNav h1, .tabsFour .tabsNav h2, .tabsFour .tabsNav h3, .tabsFour .tabsNav h4, .tabsFour .tabsNav h5, .tabsFour .tabsNav h6, .tabsFour .tabsNav p, .tabsFour .tabsNav ul, .tabsFour .tabsNav ol, .tabsFour .tabsNav dl, .tabsFour .tabsNav table { margin-bottom: 0;} .tabsFour .tabsNav:not(:last-of-type) .tabsNavOuter { border-right: 1px solid rgba(0, 0, 0, 0.2);} @media (max-width: 767px) { .tabsFour .tabsNav.active { color: var(--color-white); background-color: var(--color-yellow); } } .tabsFour .tabsNav.active .tabsNavInner:after { background-color: var(--color-yellow);} .tabsFour .tabsNavOuter { padding: 0 35px;} @media (max-width: 767px) { .tabsFour .tabsNavOuter { padding: 0 15px; } } .tabsFour .tabsNavInner { position: relative;} .tabsFour .tabsNavInner:after { content: ""; position: absolute; bottom: -26px; left: 0; width: 100%; height: 6px; background-color: transparent;} @media (max-width: 767px) { .tabsFour .tabsNavInner:after { display: none; } } .tabsFour .tabsContent { padding: 30px 35px 1px;} @media (max-width: 767px) { .tabsFour .tabsContent { padding: 30px 15px 1px; } } /*! |----------------------------------------------------------------------------------------- | | | Tabs Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Card - Start | | |----------------------------------------------------------------------------------------- */ .contentCardOne { margin-bottom: 30px;} .contentCardOne .contentCardWrap { overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; background-color: var(--color-white);} .contentCardOne .contentCardHeader { padding: 15px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: var(--color-gray-2); word-break: break-word;} @media (max-width: 575px) { .contentCardOne .contentCardHeader { padding: 15px; } } .contentCardOne .contentCardHeader h1, .contentCardOne .contentCardHeader h2, .contentCardOne .contentCardHeader h3, .contentCardOne .contentCardHeader h4, .contentCardOne .contentCardHeader h5, .contentCardOne .contentCardHeader h6, .contentCardOne .contentCardHeader p, .contentCardOne .contentCardHeader ul, .contentCardOne .contentCardHeader ol, .contentCardOne .contentCardHeader dl, .contentCardOne .contentCardHeader table { margin-bottom: 0;} .contentCardOne .contentCardBody { padding: 30px 30px 1px; word-break: break-word;} @media (max-width: 575px) { .contentCardOne .contentCardBody { padding: 15px 15px 1px; } } .contentCardOne .contentCardFooter { padding: 15px 30px 5px; border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: var(--color-gray-2);} @media (max-width: 575px) { .contentCardOne .contentCardFooter { padding: 15px 15px 5px; } } .contentCardOne .contentCardFooter h1, .contentCardOne .contentCardFooter h2, .contentCardOne .contentCardFooter h3, .contentCardOne .contentCardFooter h4, .contentCardOne .contentCardFooter h5, .contentCardOne .contentCardFooter h6, .contentCardOne .contentCardFooter p, .contentCardOne .contentCardFooter ul, .contentCardOne .contentCardFooter ol, .contentCardOne .contentCardFooter dl, .contentCardOne .contentCardFooter table { margin-bottom: 10px;} /*! |----------------------------------------------------------------------------------------- | | | Content Card - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Content Card Two - Start | | |----------------------------------------------------------------------------------------- */ .contentCardTwo { margin-bottom: 30px;} .contentCardTwo .contentCardWrap { overflow: hidden; border-radius: 3px; padding: 40px 50px 10px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);} @media (max-width: 767px) { .contentCardTwo .contentCardWrap { padding: 25px 15px 10px; } } .contentCardTwo .contentCardHeader { margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .contentCardTwo .contentCardHeader h1, .contentCardTwo .contentCardHeader h2, .contentCardTwo .contentCardHeader h3, .contentCardTwo .contentCardHeader h4, .contentCardTwo .contentCardHeader h5, .contentCardTwo .contentCardHeader h6 { display: inline-block; margin-bottom: -1px; padding-bottom: 15px; border-bottom: 6px solid var(--color-yellow);} .contentCardTwo.contentCardSmall .contentCardWrap { padding: 25px 30px 10px;} @media (max-width: 767px) { .contentCardTwo.contentCardSmall .contentCardWrap { padding: 25px 15px 10px; } } .contentCardTwo.contentCardSmall .contentCardBody h1, .contentCardTwo.contentCardSmall .contentCardBody h2, .contentCardTwo.contentCardSmall .contentCardBody h3, .contentCardTwo.contentCardSmall .contentCardBody h4, .contentCardTwo.contentCardSmall .contentCardBody h5, .contentCardTwo.contentCardSmall .contentCardBody h6, .contentCardTwo.contentCardSmall .contentCardBody p, .contentCardTwo.contentCardSmall .contentCardBody ul, .contentCardTwo.contentCardSmall .contentCardBody ol, .contentCardTwo.contentCardSmall .contentCardBody dl, .contentCardTwo.contentCardSmall .contentCardBody table { margin-bottom: 15px;} /* |----------------------------------------------------------------------------------------- | | | Content Card Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Modal Editor - Start | | |----------------------------------------------------------------------------------------- */ .modalEditor ul li { margin: 5px;} .modalEditor table:not(.Dialog) thead { background-color: var(--color-gray-2);} .modalEditor table:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: transparent;} .modalEditor table:not(.Dialog) th, .modalEditor table:not(.Dialog) td { padding: 10px; line-height: 34px;} /*! |----------------------------------------------------------------------------------------- | | | Modal Editor - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Modal One - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .modalOne { padding-top: 34px;} .modalOne .container { max-width: none;} .modalOne .contentArea .contentAreaWrap { padding: 40px 25px 15px;} @media (max-width: 767px) { .modalOne .contentArea .contentAreaWrap { padding: 40px 15px 15px; } } @media (max-width: 575px) { .modalOne .contentArea .contentAreaWrap { padding: 30px 0 5px; } } .modalOne .modalPanel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 510; padding: 60px 15px; overflow-x: hidden; overflow-y: auto; background-color: rgba(0, 0, 0, 0.8);} .modalOne .modalDialog { opacity: 0; overflow: hidden; position: relative; width: 100%; margin: 0 auto; min-height: 100px; border-radius: 6px; background-color: var(--color-white); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5); -webkit-transform: translateY(30px); transform: translateY(30px); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .modalOne .modalDialog.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} .modalOne .modalClose { z-index: 1; position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; color: rgba(0, 0, 0, 0.7); font-size: 16px; line-height: 28px; text-align: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0);} .modalOne .modalClose:hover { color: black; background-color: white; box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.15);} .modalOne .modalDialogSmall { max-width: 570px;} .modalOne .modalDialogMedium { max-width: 770px;} .modalOne .modalDialogLarge { max-width: 970px;} /*! |----------------------------------------------------------------------------------------- | | | Modal One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Count Up One - Start | | |----------------------------------------------------------------------------------------- */ .countUpOne { text-align: center;} .countUpOne .countUpTop {display: block;color: var(--color-yellow);font-size: 50px;margin-bottom: 15px;font-weight: 700;} .countUpOne .countUpBottom {display: block;color: var(--color-gray-8);font-size: 22px;font-weight: 500;} .countUpOne .countUpIcon { margin-bottom: 15px;} /* |----------------------------------------------------------------------------------------- | | | Count Up One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Open Hours One - Start | | |----------------------------------------------------------------------------------------- */ .openHoursOne .openHoursWrap { position: relative; display: inline-block;} .openHoursOne .modalEditor { display: none; padding: 0;} .openHoursOne .openHoursEdBtn { display: none;} .liveEdBlock .openHoursOne .modalEditor, .liveEdBlock .openHoursOne .openHoursEdBtn { display: block;} .openHoursOne.active .openHoursStatus i { -webkit-transform: rotateX(180deg); transform: rotateX(180deg);} .openHoursOne .openHoursStatus { display: inline-flex; align-items: center; cursor: pointer;} .openHoursOne .openHoursStatus i { color: var(--color-yellow); transition: -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; transition: transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms, -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .openHoursOne .openHoursCurrentStatus { margin-right: 5px; color: var(--color-yellow); font-style: italic; font-family: ITC Leawood W03 Bold;} .openHoursOne .openHoursNextStatus { margin-right: 5px; font-weight: 700;} .openHoursOne .openHoursPanel { display: none; position: absolute; top: 100%; left: 0; width: 100%; min-width: 250px; padding: 25px 20px 10px; background-color: var(--color-white); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); z-index: 1;} .openHoursOne .openHoursPanelHeader { margin-bottom: 15px;} .openHoursOne .openHoursPanelBody { margin-bottom: 15px;} .openHoursOne .openHoursPanelBody ul li { margin-bottom: 3px;} .openHoursOne .openHoursPanelFooter p { margin-bottom: 15px;} .openHoursOne .openHoursDay { min-width: 50px; display: inline-block;} /*! |----------------------------------------------------------------------------------------- | | | Open Hours One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Donation Form - Start | | |----------------------------------------------------------------------------------------- */ .donationForm .mwFormSubmitRow .submit { display: block;} .donationForm .mwFormSubmitRow .submit.left { float: left;} .donationForm .mwFormSubmitRow .submit.middle { margin: 0 auto;} .donationForm .mwFormSubmitRow .submit.right { float: right;} .donationFormAdditionalOption { display: none;} /*! |----------------------------------------------------------------------------------------- | | | Donation Form - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Donation Form One - Start | | |----------------------------------------------------------------------------------------- */ .donationFormOne .amountButtonWrap::after { display: block; clear: both; content: "";} .donationFormOne .amountButtonWrap .button { margin-bottom: 20px; text-align: center; text-transform: uppercase; font-weight: 600; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .donationFormOne .amountButtonWrap .button {font-size: 18px;color: #000;background-color: var(--color-gray-2);transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .donationFormOne .amountButtonWrap .button:hover, .donationFormOne .amountButtonWrap .button.selected { color: var(--color-white); background-color: var(--color-yellow);} .donationFormOne .amountButtonWrap .button.border { color: #181818; border: 1px solid #181818; background-color: transparent;} .donationFormOne .amountButtonWrap .button.border:hover, .donationFormOne .amountButtonWrap .button.border.selected { color: var(--color-white); border-color: var(--color-yellow); background-color: var(--color-yellow);} .donationFormOne .amountButtonWrap .button.round { overflow: hidden; border-radius: 200px;} .donationFormOne .amountButtonWrap .button.square { overflow: hidden; border-radius: 4px;} .donationFormOne .amountButtonWrap { text-align: center;} .donationFormOne .amountButtonWrap .button.round { margin-left: 15px; margin-right: 15px;} .donationFormOne .amountButtonWrap .button.round.small { width: 80px; height: 80px; line-height: 80px;} .donationFormOne .amountButtonWrap .button.round.medium { width: 100px; height: 100px; line-height: 100px;} .donationFormOne .amountButtonWrap .button.round.large { width: 120px; height: 120px; line-height: 120px;} .donationFormOne .amountButtonWrap .button.square { float: left; height: 80px; margin-right: 20px;} .donationFormOne .amountButtonWrap .button.square.small { width: calc(25% - 15px);} .donationFormOne .amountButtonWrap .button.square.small:nth-of-type(4n) { margin-right: 0;} .donationFormOne .amountButtonWrap .button.square.medium { width: calc(33.333333% - 14px);} .donationFormOne .amountButtonWrap .button.square.medium:nth-of-type(3n) { margin-right: 0;} .donationFormOne .amountButtonWrap .button.square.large { width: calc(50% - 10px);} .donationFormOne .amountButtonWrap .button.square.large:nth-of-type(2n) { margin-right: 0;} .donationFormOne .mwPayment-input.amount { margin-bottom: 0;} .donationFormOne .mwPayment-input.amount .mwInput { padding-left: 30px;} .donationFormOne .mwPayment-input.amount .mwInput input { height: 60px; font-size: 18px;} .donationFormOne .mwPayment-input.amount .mwInput:before { font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; content: "\F155"; position: absolute; top: 0; left: 30px; color: var(--color-yellow); font-size: 20px; line-height: 60px;} .donationFormOne .donationFormRecurring table { margin-bottom: 0;} .donationFormOne .donationFormRecurring .monthsWrap label { height: 62px; line-height: 60px;} .donationFormOne .donationFormRecurring .monthsWrap .mwInput input { height: 60px; font-size: 18px;} .donationFormOne .mwPayment-hint { display: none;} .donationFormOne .mwFormSubmitRow .submit { padding: 10px 35px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 700; color: var(--color-white); text-transform: none; letter-spacing: 0; border-radius: 4px; border: 1px solid var(--color-yellow); background-color: var(--color-yellow);} .donationFormOne .mwFormSubmitRow .submit:hover { color: var(--color-white); border-color: var(--color-yellow); background-color: var(--color-yellow);} /*! |----------------------------------------------------------------------------------------- | | | Donation Form One - Start | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Donation Form Two - Start | | |----------------------------------------------------------------------------------------- */ .donationFormTwo .donationFormWrap { background-color: var(--color-white); padding: 70px 70px 40px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);} @media (max-width: 991px) { .donationFormTwo .donationFormWrap { padding: 50px 50px 20px; } } @media (max-width: 575px) { .donationFormTwo .donationFormWrap { padding: 30px 15px 1px; } } @media (max-width: 359px) { .donationFormTwo .mwCaptcha { width: 260px; } } @media (max-width: 359px) { .donationFormTwo .mwCaptcha .g-recaptcha { -webkit-transform: scale(0.8556); transform: scale(0.8556); } } .donationFormTwo .amountButtonWrap::after { display: block; clear: both; content: "";} .donationFormTwo .amountButtonWrap .button { margin-bottom: 20px; text-align: center; text-transform: uppercase; font-weight: 600; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .donationFormTwo .amountButtonWrap .button { font-size: 18px; color: var(--color-secondary); background-color: var(--color-gray-2); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .donationFormTwo .amountButtonWrap .button:hover, .donationFormTwo .amountButtonWrap .button.selected { color: var(--color-white); background-color: var(--color-yellow);} .donationFormTwo .amountButtonWrap .button.border { color: #181818; border: 1px solid #181818; background-color: transparent;} .donationFormTwo .amountButtonWrap .button.border:hover, .donationFormTwo .amountButtonWrap .button.border.selected { color: var(--color-white); border-color: var(--color-yellow); background-color: var(--color-yellow);} .donationFormTwo .amountButtonWrap .button.round { overflow: hidden; border-radius: 200px;} .donationFormTwo .amountButtonWrap .button.square { overflow: hidden; border-radius: 4px;} .donationFormTwo .amountButtonWrap { text-align: center;} .donationFormTwo .amountButtonWrap .button.round { margin-left: 15px; margin-right: 15px;} .donationFormTwo .amountButtonWrap .button.round.small { width: 80px; height: 80px; line-height: 80px;} .donationFormTwo .amountButtonWrap .button.round.medium { width: 100px; height: 100px; line-height: 100px;} .donationFormTwo .amountButtonWrap .button.round.large { width: 120px; height: 120px; line-height: 120px;} .donationFormTwo .amountButtonWrap .button.square { float: left; height: 80px; margin-right: 20px;} .donationFormTwo .amountButtonWrap .button.square.small { width: calc(25% - 15px);} .donationFormTwo .amountButtonWrap .button.square.small:nth-of-type(4n) { margin-right: 0;} .donationFormTwo .amountButtonWrap .button.square.medium { width: calc(33.333333% - 14px);} .donationFormTwo .amountButtonWrap .button.square.medium:nth-of-type(3n) { margin-right: 0;} .donationFormTwo .amountButtonWrap .button.square.large { width: calc(50% - 10px);} .donationFormTwo .amountButtonWrap .button.square.large:nth-of-type(2n) { margin-right: 0;} .donationFormTwo .mwPayment-input.amount { margin-bottom: 0;} .donationFormTwo .mwPayment-input.amount .mwInput { padding-left: 30px;} .donationFormTwo .mwPayment-input.amount .mwInput input { height: 60px; font-size: 18px;} .donationFormTwo .mwPayment-input.amount .mwInput:before { font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; content: "\F155"; position: absolute; top: 0; left: 30px; color: var(--color-yellow); font-size: 20px; line-height: 60px;} .donationFormTwo .donationFormRecurring table { margin-bottom: 0;} .donationFormTwo .donationFormRecurring .monthsWrap label { height: 62px; line-height: 60px;} .donationFormTwo .donationFormRecurring .monthsWrap .mwInput input { height: 60px; font-size: 18px;} .donationFormTwo .mwPayment-hint { display: none;} .donationFormTwo .mwFormSubmitRow .submit { padding: 10px 35px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 700; color: var(--color-white); text-transform: none; letter-spacing: 0; border-radius: 4px; border: 1px solid var(--color-yellow); background-color: var(--color-yellow);} .donationFormTwo .mwFormSubmitRow .submit:hover { color: var(--color-white); border-color: var(--color-yellow); background-color: var(--color-yellow);} /*! |----------------------------------------------------------------------------------------- | | | Donation Form Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Categories List One - Start | | |----------------------------------------------------------------------------------------- */ .categoriesListOne ul { overflow: hidden; padding: 5px 0; border-radius: 4px; background-color: rgba(0, 0, 0, 0.1);} .categoriesListOne ul li { padding: 0 25px; margin: 0;} .categoriesListOne ul li a { position: relative; display: block; padding: 15px 0 15px 22px; color: var(--color-gray-8); font-size: 14px; font-weight: 700;} .categoriesListOne ul li a i { position: absolute; left: 0; font-size: 12px; color: var(--color-gray-6); margin-right: 10px;} .categoriesListOne ul li a:hover { color: var(--color-yellow);} .categoriesListOne ul li + li a { border-top: 1px solid rgba(0, 0, 0, 0.2);} .categoriesListOne ul li:before { display: none;} .categoriesListOne ul li:after { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 30px; border-radius: 0 4px 4px 0; background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .categoriesListOne ul li:hover:after { background-color: var(--color-yellow);} .categoriesListOne ul li.selected:after { background-color: var(--color-yellow);} /*! |----------------------------------------------------------------------------------------- | | | Categories List One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Categories List Two - Start | | |----------------------------------------------------------------------------------------- */ .categoriesListTwo ul li { padding: 0; margin: 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.2);} .categoriesListTwo ul li a { position: relative; display: block; padding: 15px 0 15px 22px; color: var(--color-gray-8); font-size: 14px; font-weight: 700;} .categoriesListTwo ul li a i { position: absolute; left: 0; font-size: 12px; color: var(--color-gray-6); margin-right: 10px;} .categoriesListTwo ul li a:hover { color: var(--color-yellow);} .categoriesListTwo ul li a:hover i { color: var(--color-yellow);} .categoriesListTwo ul li:before { display: none;} .categoriesListTwo ul li:first-of-type { border-top: 1px dashed rgba(0, 0, 0, 0.2);} .categoriesListTwo ul li.selected a i { color: var(--color-yellow);} /*! |----------------------------------------------------------------------------------------- | | | Categories List Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List - Start | | |----------------------------------------------------------------------------------------- */ .postsList .row > div[style]:not([class]) { width: 100%;} .postsList .postsListLoader { width: 50px; margin: 30px auto;} .postsList .posts-no-result { max-width: 300px; padding: 30px 50px; margin: 0 auto; font-size: 22px; text-align: center; border-radius: 10px; background-color: rgba(0, 0, 0, 0.1);} .postsList .blogs-show-more { cursor: pointer; display: table; padding: 10px 35px; margin: 0 auto 30px; color: var(--color-white); font-size: 16px; font-weight: 700; font-family: museo-sans, sans-serif; letter-spacing: 0; text-transform: none; border: 1px solid var(--color-yellow); background-color: var(--color-yellow); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .postsList .blogs-show-more:hover { color: var(--color-white); border-color: var(--color-yellow); background-color: var(--color-yellow);} .postsList .blogs-post-crop-icon { display: none !important;} /* |----------------------------------------------------------------------------------------- | | | Post List - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List One - Start | | |----------------------------------------------------------------------------------------- */ .postsListOne .postsItem { margin-bottom: 30px;} .postsListOne .postsItem:hover .postsItemImg { -webkit-transform: scale(1.05); transform: scale(1.05);} .postsListOne .postsItemWrap { overflow: hidden; border-radius: 4px; background-color: var(--color-white);} .postsListOne .postsItemImgHolder { overflow: hidden; height: 100%;} .postsListOne .postsItemImg { display: block;} .postsListOne .postsItemBody { display: flex; flex-direction: column; position: relative; padding: 25px;} .postsListOne .postsItemBody p { margin-bottom: 20px;} .postsListOne .postsItemTitle { margin-bottom: 15px;} .postsListOne .postsItemDate { color: var(--color-gray-6); font-size: 12px; margin-bottom: 15px;} .postsListOne .postsItemDate i { margin-right: 8px;} .postsListOne .postsItemPreview { font-size: 14px;} .postsListOne .postsItemBtn { margin-top: auto; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--color-gray-8);} .postsListOne .postsItemBtn:hover { color: var(--color-yellow);} .postsListOne .postsItemBtn i { position: relative; top: -1px; margin-left: 3px; font-size: 9px; transition: margin-left cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .postsListOne .postsItemBtn:hover i { margin-left: 6px;} @media (max-width: 991px) and (min-width: 768px) { .postsListOne .postsItemWrap { display: flex; flex-wrap: wrap; } .postsListOne .postsItemHeader { width: 100%; flex: 0 0 40%; max-width: 40%; padding: 0; } .postsListOne .postsItemImg { padding: 0; height: 100%; } .postsListOne .postsItemBody { width: 100%; flex: 0 0 60%; max-width: 60%; } } /*! |----------------------------------------------------------------------------------------- | | | Post List One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Two - Start | | |----------------------------------------------------------------------------------------- */ .postsListTwo .postsListWrap::after { display: block; clear: both; content: "";} .postsListTwo .postsListWrap { margin-left: -15px; margin-right: -15px;} .postsListTwo .postsItem { float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 30px;} .postsListTwo .postsItem:hover .postsItemImg { -webkit-transform: scale(1.05); transform: scale(1.05);} .postsListTwo .postsItem:hover .postsItemTitle { color: var(--color-yellow);} .postsListTwo .postsItemWrap { display: block; overflow: hidden; border-radius: 2px; background-color: var(--color-white);} .postsListTwo .postsItemImgHolder { overflow: hidden; height: 100%;} .postsListTwo .postsItemImg { transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .postsListTwo .postsItemBody { position: relative; padding: 20px;} .postsListTwo .postsItemTitle { margin-bottom: 10px; font-weight: 600; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .postsListTwo .postsItemDate { margin-bottom: 0; font-size: 12px; color: var(--color-gray-6);} .postsListTwo .postsItemDate i { margin-right: 8px;} @media (min-width: 1200px) { .postsListTwo .postsItem { width: 25%; } .postsListTwo .postsItem:nth-child(10n+1), .postsListTwo .postsItem:nth-child(10n+6) { width: 50%; } .postsListTwo .postsItem:nth-child(10n+1) .postsItemWrap, .postsListTwo .postsItem:nth-child(10n+6) .postsItemWrap { height: 560px; } .postsListTwo .postsItem:nth-child(10n+1) .postsItemHeader, .postsListTwo .postsItem:nth-child(10n+6) .postsItemHeader { height: 414px; } .postsListTwo .postsItem:nth-child(10n+1) .postsItemBody, .postsListTwo .postsItem:nth-child(10n+6) .postsItemBody { padding: 30px 40px; } .postsListTwo .postsItem:nth-child(10n+1) .postsItemTitle, .postsListTwo .postsItem:nth-child(10n+6) .postsItemTitle { height: 57.6px; font-size: 24px; } .postsListTwo .postsItem:nth-child(10n+6), .postsListTwo .postsItem:nth-child(10n+7), .postsListTwo .postsItem:nth-child(10n+8), .postsListTwo .postsItem:nth-child(10n+9), .postsListTwo .postsItem:nth-child(10n+10) { float: right; } .postsListTwo .postsItemWrap { height: 265px; } .postsListTwo .postsItemHeader { height: 159px; } .postsListTwo .postsItemImg { height: 100%; } .postsListTwo .postsItemBody { flex: 0 0 auto; } .postsListTwo .postsItemTitle { overflow: hidden; height: 38.4px; font-size: 16px; } } @media (max-width: 1199px) { .postsListTwo .postsListWrap { display: flex; flex-wrap: wrap; } .postsListTwo .postsItem { width: 100%; max-width: 50%; flex: 0 0 50%; } .postsListTwo .postsItemWrap { height: 100%; } .postsListTwo .postsItemImg { padding-bottom: 75%; } } @media (max-width: 575px) { .postsListTwo .postsItem { flex: 0 0 100%; width: 100%; max-width: none; } } /*! |----------------------------------------------------------------------------------------- | | | Post List Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Three - Start | | |----------------------------------------------------------------------------------------- */ .postsListThree .postsItem:hover .postsItemImg { -webkit-transform: scale(1.05); transform: scale(1.05);} .postsListThree .postsItem:first-of-type .postsItemBody { border-top: 1px solid rgba(0, 0, 0, 0.2);} .postsListThree .postsItemWrap { display: flex; align-content: flex-start;} .postsListThree .postsItemHeader { flex: 0 0 auto; width: 350px; padding-bottom: 20px; margin-right: 60px;} .postsListThree .postsItemBody { flex: 1 1 auto; padding: 30px 0 1px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .postsListThree .postsItemImgHolder { overflow: hidden; height: 100%;} .postsListThree .postsItemImg { display: block; height: 100%;} .postsListThree .postsItemTitle { max-width: 570px; margin-bottom: 15px;} .postsListThree .postsItemDate { max-width: 570px; margin-bottom: 15px; color: var(--color-gray-6); font-size: 14px;} .postsListThree .postsItemDate i { margin-right: 8px;} .postsListThree .postsItemPreview { max-width: 570px;} @media (max-width: 991px) { .postsListThree .postsItem:first-of-type .postsItemBody { border-top: 0; } .postsListThree .postsItemWrap { flex-wrap: wrap; align-content: initial; } .postsListThree .postsItemHeader { flex: 0 0 100%; width: 100%; padding-bottom: 0; margin-right: 0; } .postsListThree .postsItemBody { flex: 0 0 100%; width: 100%; padding-bottom: 10px; border-bottom: 0; } .postsListThree .postsItemImg { height: auto; padding-bottom: 75%; } } /*! |----------------------------------------------------------------------------------------- | | | Post List Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Four - Start | | |----------------------------------------------------------------------------------------- */ .postsListFour .postsItem { margin-bottom: 30px;} .postsListFour .postsItem:hover .postsItemImg { -webkit-transform: scale(1.05); transform: scale(1.05);} .postsListFour .postsItem:hover .postsItemTitle { color: var(--color-yellow);} .postsListFour .postsItem:hover .postsItemTitle:after { width: 60px; background-color: #96DBCF;} .postsListFour .postsItemWrap { display: flex; flex-wrap: wrap; overflow: hidden; border-radius: 4px; background-color: var(--color-white);} .postsListFour .postsItemHeader { width: 100%; max-width: 35%; flex: 0 0 35%;} .postsListFour .postsItemBody { width: 100%; flex: 0 0 65%; max-width: 65%; padding: 30px 30px 5px;} .postsListFour .postsItemImgHolder { overflow: hidden; height: 100%;} .postsListFour .postsItemImg { height: 100%; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .postsListFour .postsItemTitle { max-width: 570px; margin-bottom: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .postsListFour .postsItemDate { max-width: 570px; margin-bottom: 15px; color: var(--color-gray-6); font-size: 14px;} .postsListFour .postsItemDate i { margin-right: 8px;} .postsListFour .postsItemPreview { max-width: 570px;} @media (min-width: 768px) { .postsListFour .postsItemTitle { position: relative; padding-bottom: 25px; margin-bottom: 20px; } .postsListFour .postsItemTitle:after { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background-color: #ced4da; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms; } } @media (max-width: 767px) { .postsListFour .postsItemHeader { flex: 0 0 auto; width: 100%; max-width: none; } .postsListFour .postsItemBody { flex: 0 0 auto; width: 100%; max-width: none; padding-bottom: 1px; } .postsListFour .postsItemImg { height: auto; padding-bottom: 75%; } } /*! |----------------------------------------------------------------------------------------- | | | Post List Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post List Five - Start | | |----------------------------------------------------------------------------------------- */ .postsListFive .postsItemHeader { margin-bottom: 30px;} .postsListFive .postsItemImg { display: block; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover;} /*! |----------------------------------------------------------------------------------------- | | | Post List Five - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Posts List Carousel One - Start | | |----------------------------------------------------------------------------------------- */ .postsListCarouselOne { margin-bottom: 30px;} .postsListCarouselOne .slick-dotted.slick-slider { margin-bottom: 0;} .postsListCarouselOne .slick-vertical .slick-slide { border: 0;} .postsListCarouselOne .postsItem { margin: 15px; background-color: #f8f9fa;} .postsListCarouselOne .postsItem:hover .postsItemImg { -webkit-transform: scale(1.1); transform: scale(1.1);} .postsListCarouselOne .postsItemImgHolder { overflow: hidden;} .postsListCarouselOne .postsItemImg { padding-bottom: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .postsListCarouselOne .postsItemContent { display: flex; flex-direction: column; position: relative; padding: 30px 30px 1px;} .postsListCarouselOne .postsItemDescription p { font-size: 14px;} .postsListCarouselOne .postsItemBtn { margin-top: auto;} .postsListCarouselOne .slick-prev, .postsListCarouselOne .slick-next { z-index: 1; width: 36px; height: 36px;} .postsListCarouselOne .slick-prev svg, .postsListCarouselOne .slick-next svg { width: 100%; height: 100%;} .postsListCarouselOne .slick-prev svg path, .postsListCarouselOne .slick-next svg path { fill: none; stroke: #343a40;} .postsListCarouselOne .slick-prev.slick-disabled, .postsListCarouselOne .slick-next.slick-disabled { opacity: 0.5; cursor: not-allowed;} .postsListCarouselOne .slick-prev:before, .postsListCarouselOne .slick-next:before { display: none;} .postsListCarouselOne .slick-prev { left: -36px;} .contentAreaFullwidth .postsListCarouselOne .slick-prev { left: 30px;} .postsListCarouselOne .slick-next { right: -36px;} .contentAreaFullwidth .postsListCarouselOne .slick-next { right: 30px;} @media (max-width: 991px) { .postsListCarouselOne .postsItem { margin: 5px; } .postsListCarouselOne .slick-prev, .postsListCarouselOne .slick-next { width: 20px; height: 20px; } .postsListCarouselOne .slick-prev svg path, .postsListCarouselOne .slick-next svg path { stroke-width: 2; } .contentAreaFullwidth .postsListCarouselOne .slick-prev { left: 20px; } .contentAreaFullwidth .postsListCarouselOne .slick-next { right: 20px; } } @media (max-width: 991px) and (min-width: 768px) { .postsListCarouselOne .postsItem { display: flex; flex-wrap: wrap; } .postsListCarouselOne .postsItemImgHolder { width: 100%; flex: 0 0 40%; max-width: 40%; padding: 0; } .postsListCarouselOne .postsItemImg { padding: 0; height: 100%; } .postsListCarouselOne .postsItemContent { width: 100%; flex: 0 0 60%; max-width: 60%; } } /*! |----------------------------------------------------------------------------------------- | | | Posts List Carousel One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post Details One - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsOne .blogs-post-crop-icon { top: 35px; left: calc(100% - 35px); z-index: 400;} .mwPageBlock:not(.liveEdBlock) .postDetailsOne .blogs-post-crop-icon { display: none;} .postDetailsOne .ui-resizable-handle, .postDetailsOne .button.rst.reset { display: none !important;} .postDetailsOne .postDetailsBanner { position: relative; overflow: hidden; margin-bottom: -300px;} .postDetailsOne .postDetailsBannerWrap { padding: 60px 0 300px;} .postDetailsOne .postDetailsBannerBg { position: absolute; top: 50%; left: 50%; width: 110%; height: 110%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-filter: blur(15px); filter: blur(15px); background-repeat: no-repeat; background-position: center; background-size: cover;} .postDetailsOne .postDetailsBannerOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, white 100%);} .postDetailsOne .postDetailsBannerImg { position: relative; width: 100%; border-radius: 3px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06);} .postDetailsOne .postDetailsHeader { position: relative; padding: 60px 0;} .postDetailsOne .postDetailsTitle { color: #181818; font-size: 40px; line-height: 1.2; margin-bottom: 15px; text-transform: none; font-weight: 700; font-family: museo-sans, sans-serif;} .postDetailsOne .postDetailsTitle:before, .postDetailsOne .postDetailsTitle:after { display: none;} .postDetailsOne .postDetailsSubheading { font-size: 24px; line-height: 1.8; font-weight: 100;} .postDetailsOne .postDetailsSubheader { align-items: center; margin-top: 60px;} .postDetailsOne .postDetailsInfo { display: flex; align-items: center;} .postDetailsOne .postDetailsInfoMain { margin-bottom: 2px;} .postDetailsOne .postDetailsAvatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 10px; font-size: 22px; color: var(--color-gray-5); font-weight: 100; border-radius: 50%; background-color: var(--color-gray-2);} .postDetailsOne .postDetailsAvatar span { margin-bottom: 1px;} .postDetailsOne .postDetailsAuthor { color: #181818;} .postDetailsOne .postDetailsMetas { font-size: 14px; color: #757575;} .postDetailsOne .postDetailsShare { text-align: right;} .postDetailsOne .postDetailsShare a { display: inline-block; color: var(--color-gray-8);} .postDetailsOne .postDetailsShare a:hover { color: var(--color-yellow);} .postDetailsOne .postDetailsShare a:first-of-type .shareBtn { margin-left: 0;} .postDetailsOne .postDetailsShare a:last-of-type .shareBtn { margin-right: 0;} .postDetailsOne .postDetailsShare .shareBtn { margin-top: 0; margin-bottom: 0;} .postDetailsOne .postDetailsBody { position: relative;} .postDetailsOne .postDetailsContent h1, .postDetailsOne .postDetailsContent h2, .postDetailsOne .postDetailsContent h3, .postDetailsOne .postDetailsContent h4, .postDetailsOne .postDetailsContent h5, .postDetailsOne .postDetailsContent h6 { color: #181818; margin-top: 45px; margin-bottom: 20px; line-height: 1.2; text-transform: none; font-weight: 700; font-family: museo-sans, sans-serif;} .postDetailsOne .postDetailsContent h1:before, .postDetailsOne .postDetailsContent h1:after, .postDetailsOne .postDetailsContent h2:before, .postDetailsOne .postDetailsContent h2:after, .postDetailsOne .postDetailsContent h3:before, .postDetailsOne .postDetailsContent h3:after, .postDetailsOne .postDetailsContent h4:before, .postDetailsOne .postDetailsContent h4:after, .postDetailsOne .postDetailsContent h5:before, .postDetailsOne .postDetailsContent h5:after, .postDetailsOne .postDetailsContent h6:before, .postDetailsOne .postDetailsContent h6:after { display: none;} .postDetailsOne .postDetailsContent h1 { font-size: 42px;} .postDetailsOne .postDetailsContent h2 { font-size: 38px;} .postDetailsOne .postDetailsContent h3 { font-size: 32px;} .postDetailsOne .postDetailsContent h4 { font-size: 28px;} .postDetailsOne .postDetailsContent h5 { font-size: 22px;} .postDetailsOne .postDetailsContent h6 { font-size: 18px;} .postDetailsOne .postDetailsContent p, .postDetailsOne .postDetailsContent ul, .postDetailsOne .postDetailsContent ol, .postDetailsOne .postDetailsContent dl { color: #181818; font-size: 18px; line-height: 1.8;} .postDetailsOne .postDetailsContent a { text-decoration: underline;} .postDetailsOne .postDetailsFooter { position: relative; padding: 60px 0;} @media (max-width: 991px) { .postDetailsOne .postDetailsBanner { margin-bottom: -150px; } .postDetailsOne .postDetailsBannerWrap { padding: 30px 0 150px; } .postDetailsOne .postDetailsHeader { padding: 30px 0; } .postDetailsOne .postDetailsTitle { font-size: 26px; } .postDetailsOne .postDetailsSubheading { font-size: 20px; } .postDetailsOne .postDetailsSubheader { margin-top: 30px; } .postDetailsOne .postDetailsContent h1 { font-size: 30px; } .postDetailsOne .postDetailsContent h2 { font-size: 28px; } .postDetailsOne .postDetailsContent h3 { font-size: 24px; } .postDetailsOne .postDetailsContent h4 { font-size: 22px; } .postDetailsOne .postDetailsContent h5 { font-size: 20px; } .postDetailsOne .postDetailsContent h6 { font-size: 18px; } } @media (max-width: 767px) { .postDetailsOne .postDetailsShare { order: -1; text-align: left; margin-bottom: 30px; } } @media (max-width: 575px) { .postDetailsOne .postDetailsBanner { margin-bottom: 0; } .postDetailsOne .postDetailsBannerBg, .postDetailsOne .postDetailsBannerOverlay { display: none; } .postDetailsOne .postDetailsBannerWrap { padding: 0; } .postDetailsOne .postDetailsBannerWrap .container { padding-left: 0; padding-right: 0; } .postDetailsOne .postDetailsBannerImg { width: 100%; box-shadow: none; } } /*! |----------------------------------------------------------------------------------------- | | | Post Details One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post Details Two - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsTwo .blogs-post-crop-icon { top: 35px; left: calc(100% - 35px); z-index: 400;} .mwPageBlock:not(.liveEdBlock) .postDetailsTwo .blogs-post-crop-icon { display: none;} .postDetailsTwo .ui-resizable-handle, .postDetailsTwo .button.rst.reset { display: none !important;} .postDetailsTwo .postDetailsBanner { margin-bottom: 60px;} .postDetailsTwo .postDetailsBannerImg { width: 100%;} .postDetailsTwo .postDetailsHeader { position: relative; padding: 90px 0 60px;} .postDetailsTwo .postDetailsTitle { color: #181818; font-size: 40px; line-height: 1.2; margin-bottom: 15px; text-transform: none; font-weight: 700; font-family: museo-sans, sans-serif;} .postDetailsTwo .postDetailsTitle:before, .postDetailsTwo .postDetailsTitle:after { display: none;} .postDetailsTwo .postDetailsSubheading { font-size: 24px; font-weight: 100;} .postDetailsTwo .postDetailsSubheader { align-items: center; margin-top: 30px;} .postDetailsTwo .postDetailsInfo { display: flex; align-items: center;} .postDetailsTwo .postDetailsInfoMain { margin-bottom: 2px;} .postDetailsTwo .postDetailsAvatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 10px; font-size: 22px; color: var(--color-gray-5); font-weight: 100; border-radius: 50%; background-color: var(--color-gray-2);} .postDetailsTwo .postDetailsAvatar span { margin-bottom: 1px;} .postDetailsTwo .postDetailsAuthor { color: #181818;} .postDetailsTwo .postDetailsMetas { font-size: 14px; color: #757575;} .postDetailsTwo .postDetailsShare { text-align: right;} .postDetailsTwo .postDetailsShare a { display: inline-block; color: var(--color-gray-8);} .postDetailsTwo .postDetailsShare a:hover { color: var(--color-yellow);} .postDetailsTwo .postDetailsShare a:first-of-type .shareBtn { margin-left: 0;} .postDetailsTwo .postDetailsShare a:last-of-type .shareBtn { margin-right: 0;} .postDetailsTwo .postDetailsShare .shareBtn { margin-top: 0; margin-bottom: 0;} .postDetailsTwo .postDetailsBody { position: relative;} .postDetailsTwo .postDetailsContent h1, .postDetailsTwo .postDetailsContent h2, .postDetailsTwo .postDetailsContent h3, .postDetailsTwo .postDetailsContent h4, .postDetailsTwo .postDetailsContent h5, .postDetailsTwo .postDetailsContent h6 { color: #181818; margin-top: 45px; margin-bottom: 20px; line-height: 1.2; text-transform: none; font-weight: 700; font-family: museo-sans, sans-serif;} .postDetailsTwo .postDetailsContent h1:before, .postDetailsTwo .postDetailsContent h1:after, .postDetailsTwo .postDetailsContent h2:before, .postDetailsTwo .postDetailsContent h2:after, .postDetailsTwo .postDetailsContent h3:before, .postDetailsTwo .postDetailsContent h3:after, .postDetailsTwo .postDetailsContent h4:before, .postDetailsTwo .postDetailsContent h4:after, .postDetailsTwo .postDetailsContent h5:before, .postDetailsTwo .postDetailsContent h5:after, .postDetailsTwo .postDetailsContent h6:before, .postDetailsTwo .postDetailsContent h6:after { display: none;} .postDetailsTwo .postDetailsContent h1 { font-size: 42px;} .postDetailsTwo .postDetailsContent h2 { font-size: 38px;} .postDetailsTwo .postDetailsContent h3 { font-size: 32px;} .postDetailsTwo .postDetailsContent h4 { font-size: 28px;} .postDetailsTwo .postDetailsContent h5 { font-size: 22px;} .postDetailsTwo .postDetailsContent h6 { font-size: 18px;} .postDetailsTwo .postDetailsContent p, .postDetailsTwo .postDetailsContent ul, .postDetailsTwo .postDetailsContent ol, .postDetailsTwo .postDetailsContent dl { color: #181818; font-size: 18px; line-height: 1.8;} .postDetailsTwo .postDetailsContent a { text-decoration: underline;} .postDetailsTwo .postDetailsFooter { position: relative; padding: 60px 0;} @media (max-width: 991px) { .postDetailsTwo .postDetailsBanner { margin-bottom: 30px; } .postDetailsTwo .postDetailsHeader { padding: 30px 0; } .postDetailsTwo .postDetailsTitle { font-size: 26px; } .postDetailsTwo .postDetailsSubheading { font-size: 20px; } .postDetailsTwo .postDetailsContent h1 { font-size: 30px; } .postDetailsTwo .postDetailsContent h2 { font-size: 28px; } .postDetailsTwo .postDetailsContent h3 { font-size: 24px; } .postDetailsTwo .postDetailsContent h4 { font-size: 22px; } .postDetailsTwo .postDetailsContent h5 { font-size: 20px; } .postDetailsTwo .postDetailsContent h6 { font-size: 18px; } } @media (max-width: 767px) { .postDetailsTwo .postDetailsShare { order: -1; text-align: left; margin-bottom: 30px; } } /*! |----------------------------------------------------------------------------------------- | | | Post Details Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post Details Three - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsThree .blogs-post-crop-icon { top: 35px; left: calc(100% - 35px); z-index: 400;} .mwPageBlock:not(.liveEdBlock) .postDetailsThree .blogs-post-crop-icon { display: none;} .postDetailsThree .ui-resizable-handle, .postDetailsThree .button.rst.reset { display: none !important;} .postDetailsThree .postDetailsHeader { padding: 60px 0;} .postDetailsThree .postDetailsBanner { position: relative; border-radius: 20px;} .postDetailsThree .postDetailsHeaderRight { position: relative; padding: 45px 0;} .postDetailsThree .postDetailsHeaderRightInner { padding: 60px 15px 55px 0; border-radius: 0 20px 20px 0; background-color: var(--color-white);} .postDetailsThree .postDetailsMetas { font-size: 14px; margin-bottom: 15px; padding-left: 5px; font-family: monospace;} .postDetailsThree .postDetailsTitle { color: #181818; font-size: 40px; line-height: 1.2; margin-bottom: 20px; text-transform: none; font-weight: 700; font-family: museo-sans, sans-serif;} .postDetailsThree .postDetailsTitle:before, .postDetailsThree .postDetailsTitle:after { display: none;} .postDetailsThree .postDetailsSubheading { font-size: 24px; font-weight: 100;} .postDetailsThree .postDetailsAuthor { display: flex; align-items: center;} .postDetailsThree .postDetailsAvatar { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 8px; font-size: 15px; color: var(--color-gray-5); border-radius: 50%; background-color: var(--color-gray-2);} .postDetailsThree .postDetailsAvatar span { margin-bottom: 1px;} .postDetailsThree .postDetailsAuthorName { font-size: 14px; font-family: monospace;} .postDetailsThree .postDetailsContent h1, .postDetailsThree .postDetailsContent h2, .postDetailsThree .postDetailsContent h3, .postDetailsThree .postDetailsContent h4, .postDetailsThree .postDetailsContent h5, .postDetailsThree .postDetailsContent h6 { color: #181818; margin-top: 45px; margin-bottom: 20px; line-height: 1.2; text-transform: none; font-weight: 700; font-family: museo-sans, sans-serif;} .postDetailsThree .postDetailsContent h1:before, .postDetailsThree .postDetailsContent h1:after, .postDetailsThree .postDetailsContent h2:before, .postDetailsThree .postDetailsContent h2:after, .postDetailsThree .postDetailsContent h3:before, .postDetailsThree .postDetailsContent h3:after, .postDetailsThree .postDetailsContent h4:before, .postDetailsThree .postDetailsContent h4:after, .postDetailsThree .postDetailsContent h5:before, .postDetailsThree .postDetailsContent h5:after, .postDetailsThree .postDetailsContent h6:before, .postDetailsThree .postDetailsContent h6:after { display: none;} .postDetailsThree .postDetailsContent h1 { font-size: 42px;} .postDetailsThree .postDetailsContent h2 { font-size: 38px;} .postDetailsThree .postDetailsContent h3 { font-size: 32px;} .postDetailsThree .postDetailsContent h4 { font-size: 28px;} .postDetailsThree .postDetailsContent h5 { font-size: 22px;} .postDetailsThree .postDetailsContent h6 { font-size: 18px;} .postDetailsThree .postDetailsContent p, .postDetailsThree .postDetailsContent ul, .postDetailsThree .postDetailsContent ol, .postDetailsThree .postDetailsContent dl { color: #181818; font-size: 18px; line-height: 1.8;} .postDetailsThree .postDetailsContent a { text-decoration: underline;} .postDetailsThree .postDetailsFooter { position: relative; padding: 60px 0;} @media (min-width: 1200px) { .postDetailsThree .postDetailsHeaderInner { display: flex; flex-wrap: wrap; } .postDetailsThree .postDetailsHeaderLeft { width: 100%; max-width: 58%; flex: 0 0 58%; } .postDetailsThree .postDetailsBanner { width: 115%; left: -15%; height: 100%; } .postDetailsThree .postDetailsHeaderRight { order: -1; width: 100%; max-width: 42%; flex: 0 0 42%; } } @media (max-width: 1199px) { .postDetailsThree .postDetailsHeader { padding: 30px 0; } .postDetailsThree .postDetailsBanner { height: 360px; } .postDetailsThree .postDetailsHeaderRight { padding: 0 15px; margin-top: -40px; } .postDetailsThree .postDetailsHeaderRightInner { max-width: 840px; padding: 30px 35px; margin: 0 auto; border-radius: 20px 20px 0 0; } } @media (max-width: 991px) { .postDetailsThree .postDetailsTitle { font-size: 26px; } .postDetailsThree .postDetailsSubheading { font-size: 20px; } .postDetailsThree .postDetailsContent h1 { font-size: 30px; } .postDetailsThree .postDetailsContent h2 { font-size: 28px; } .postDetailsThree .postDetailsContent h3 { font-size: 24px; } .postDetailsThree .postDetailsContent h4 { font-size: 22px; } .postDetailsThree .postDetailsContent h5 { font-size: 20px; } .postDetailsThree .postDetailsContent h6 { font-size: 18px; } } @media (max-width: 575px) { .postDetailsThree .postDetailsHeader { padding: 15px 0; } .postDetailsThree .postDetailsBanner { height: 240px; } .postDetailsThree .postDetailsHeaderRight { padding: 0 10px; } .postDetailsThree .postDetailsHeaderRightInner { padding: 20px 15px 15px; } } /*! |----------------------------------------------------------------------------------------- | | | Post Details Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Post Details Four - Start | | |----------------------------------------------------------------------------------------- */ .postDetailsFour .blogs-post-crop-icon { top: 35px; left: calc(100% - 35px); z-index: 400;} .mwPageBlock:not(.liveEdBlock) .postDetailsFour .blogs-post-crop-icon { display: none;} .postDetailsFour .ui-resizable-handle, .postDetailsFour .button.rst.reset { display: none !important;} .postDetailsFour .postDetailsHeader { position: relative; padding: 100px 0 0;} .postDetailsFour .postDetailsHeader:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 80%; height: calc(100% - 80px); background-color: #CAEDE7; z-index: -1;} .postDetailsFour.no-banner .postDetailsHeader { padding: 200px 0 60px; background-color: #CAEDE7;} .postDetailsFour.no-banner .postDetailsHeader:before { display: none;} .postDetailsFour .postDetailsTitle { color: #181818; font-size: 46px; line-height: 1.2; margin-bottom: 30px; text-transform: none; font-weight: 700; font-family: museo-sans, sans-serif;} .postDetailsFour .postDetailsTitle:before, .postDetailsFour .postDetailsTitle:after { display: none;} .postDetailsFour .postDetailsSubheading { font-size: 24px; font-weight: 100;} .postDetailsFour .postDetailsBanner { margin-top: 60px;} .postDetailsFour .postDetailsBannerImg { width: 100%; border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);} .postDetailsFour .postDetailsSubheader { padding: 50px 0 40px;} .postDetailsFour .postDetailsSubheader .row { align-items: center;} .postDetailsFour .postDetailsInfo { display: flex; align-items: center;} .postDetailsFour .postDetailsInfoMain { margin-bottom: 2px;} .postDetailsFour .postDetailsAvatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 10px; font-size: 22px; color: var(--color-gray-5); font-weight: 100; border-radius: 50%; background-color: var(--color-gray-2);} .postDetailsFour .postDetailsAvatar span { margin-bottom: 1px;} .postDetailsFour .postDetailsAuthor { color: #181818;} .postDetailsFour .postDetailsMetas { font-size: 14px; color: #757575;} .postDetailsFour .postDetailsShare { text-align: right;} .postDetailsFour .postDetailsShare a { display: inline-block; color: var(--color-gray-8);} .postDetailsFour .postDetailsShare a:hover { color: var(--color-yellow);} .postDetailsFour .postDetailsShare a:first-of-type .shareBtn { margin-left: 0;} .postDetailsFour .postDetailsShare a:last-of-type .shareBtn { margin-right: 0;} .postDetailsFour .postDetailsShare .shareBtn { margin-top: 0; margin-bottom: 0;} .postDetailsFour .postDetailsBody { position: relative;} .postDetailsFour .postDetailsContent h1, .postDetailsFour .postDetailsContent h2, .postDetailsFour .postDetailsContent h3, .postDetailsFour .postDetailsContent h4, .postDetailsFour .postDetailsContent h5, .postDetailsFour .postDetailsContent h6 { color: #181818; margin-top: 45px; margin-bottom: 20px; line-height: 1.2; text-transform: none; font-weight: 700; font-family: museo-sans, sans-serif;} .postDetailsFour .postDetailsContent h1:before, .postDetailsFour .postDetailsContent h1:after, .postDetailsFour .postDetailsContent h2:before, .postDetailsFour .postDetailsContent h2:after, .postDetailsFour .postDetailsContent h3:before, .postDetailsFour .postDetailsContent h3:after, .postDetailsFour .postDetailsContent h4:before, .postDetailsFour .postDetailsContent h4:after, .postDetailsFour .postDetailsContent h5:before, .postDetailsFour .postDetailsContent h5:after, .postDetailsFour .postDetailsContent h6:before, .postDetailsFour .postDetailsContent h6:after { display: none;} .postDetailsFour .postDetailsContent h1 { font-size: 42px;} .postDetailsFour .postDetailsContent h2 { font-size: 38px;} .postDetailsFour .postDetailsContent h3 { font-size: 32px;} .postDetailsFour .postDetailsContent h4 { font-size: 28px;} .postDetailsFour .postDetailsContent h5 { font-size: 22px;} .postDetailsFour .postDetailsContent h6 { font-size: 18px;} .postDetailsFour .postDetailsContent p, .postDetailsFour .postDetailsContent ul, .postDetailsFour .postDetailsContent ol, .postDetailsFour .postDetailsContent dl { color: #181818; font-size: 18px; line-height: 1.8;} .postDetailsFour .postDetailsContent a { text-decoration: underline;} .postDetailsFour .postDetailsFooter { position: relative; padding: 60px 0;} @media (max-width: 991px) { .postDetailsFour .postDetailsHeader { padding: 160px 0 0; } .postDetailsFour.no-banner .postDetailsHeader { padding: 160px 0 60px; } .postDetailsFour .postDetailsTitle { font-size: 40px; } .postDetailsFour .postDetailsSubheading { font-size: 20px; } .postDetailsFour .postDetailsContent h1 { font-size: 30px; } .postDetailsFour .postDetailsContent h2 { font-size: 28px; } .postDetailsFour .postDetailsContent h3 { font-size: 24px; } .postDetailsFour .postDetailsContent h4 { font-size: 22px; } .postDetailsFour .postDetailsContent h5 { font-size: 20px; } .postDetailsFour .postDetailsContent h6 { font-size: 18px; } } @media (max-width: 767px) { .postDetailsFour .postDetailsHeader { padding: 100px 0 0; } .postDetailsFour.no-banner .postDetailsHeader { padding: 100px 0 1px; } .postDetailsFour .postDetailsShare { order: -1; text-align: left; margin-bottom: 30px; } } /*! |----------------------------------------------------------------------------------------- | | | Post Details Four - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | eShop Events One - Start | | |----------------------------------------------------------------------------------------- */ .eShopEventsOne .eventsItem {/* margin-bottom: 30px; *//* border: 8px solid #fff; *//* box-shadow: 0px 0px 26px rgb(0 0 0 / 17%); */} .eShopEventsOne .eventsItem:hover .eventsItemImg {/* -webkit-transform: scale(1.05); *//* transform: scale(1.05); */} .eShopEventsOne .eventsItemWrap {overflow: hidden;border-radius: 0;background-color: var(--color-white);} @media (max-width: 991px) and (min-width: 768px) { .eShopEventsOne .eventsItemWrap { display: flex; flex-wrap: wrap; } } .eShopEventsOne .eventsItemHeader { position: relative;} @media (max-width: 991px) and (min-width: 768px) { .eShopEventsOne .eventsItemHeader {/* width: 100%; *//* flex: 0 0 40%; *//* max-width: 40%; *//* padding: 0; */} } .eShopEventsOne .eventsItemBody { display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 25px 25px 5px;} @media (max-width: 991px) and (min-width: 768px) { .eShopEventsOne .eventsItemBody { width: 100%; flex: 0 0 60%; max-width: 60%; } } .eShopEventsOne .eventsItemBody p { margin-bottom: 20px;} .eShopEventsOne .eventsItemImgHolder { overflow: hidden; height: 100%;} .eShopEventsOne .eventsItemImg {display: block;background-size: cover;} @media (max-width: 991px) and (min-width: 768px) { .eShopEventsOne .eventsItemImg {height: 100%;/* padding: 0; */} } .eShopEventsOne .eventsItemImg {position:relative; } .eShopEventsOne .eventsItemImg h4 { position:relative;top: 300px; width:80%; left:10% ;color: #fff;font-family: museo-sans, sans-serif;} @media (max-width: 1200px) { .eShopEventsOne .eventsItemImg h4 { top: 200px; } } @media (max-width: 991px) { .eShopEventsOne .eventsItemImg h4 { top: 150px; } } .eShopEventsOne .eventsItemRelease {position: absolute;top: 0;left: 0;padding: 10px 18px;color: var(--color-white);font-size: 19px;text-align: center;background-color: var(--color-yellow);font-family: museo-sans, sans-serif;font-weight: 500;text-transform: uppercase;} .eShopEventsOne .eventsItemRelease span { display: block;} .eShopEventsOne .eventsItemRelease span:nth-child(1) {line-height: 1;font-size: 20px;font-weight: 500;text-transform: uppercase;} .eShopEventsOne .eventsItemTitle { margin-bottom: 15px;} .eShopEventsOne .eventsItemDescription {font-size: 18px;} .eShopEventsOne .eventsItemMore { margin-top: auto;} .eShopEventsOne .eventsItem .featured-1.eventsItemWrap {background-color: #d3f2fd;} .eShop-action.details.link.eventsItemToggle { color:var(--color-brown); } .eShop-action.details.link.small { color:var(--color-brown); text-decoration:underline } /*! |----------------------------------------------------------------------------------------- | | | eShop Events One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | eShop Events Details One - Start | | |----------------------------------------------------------------------------------------- */ .eShopEventsDetailsOne { margin-bottom: 30px;} .eShopEventsDetailsOne .eShopEventsDetailsWrap { overflow: hidden; position: relative; border-radius: 4px; background-color: var(--color-white);} .eShopEventsDetailsOne .eventsDetailsImgHolder, .eShopEventsDetailsOne .eventsDetailsImg { width: 100%; height: 100%;} .eShopEventsDetailsOne .eventsDetailsImg { padding-bottom: 56%;} @media (max-width: 575px) { .eShopEventsDetailsOne .eventsDetailsImg { padding-bottom: 75%; } } .eShopEventsDetailsOne .eventsDetailsRelease, .eShopEventsDetailsOne .eventsDetailsReleaseMobile { display: table; padding: 20px; margin-bottom: 30px; color: var(--color-white); text-align: center; background-color: var(--color-yellow);} .eShopEventsDetailsOne .eventsDetailsRelease span, .eShopEventsDetailsOne .eventsDetailsReleaseMobile span { display: block;} .eShopEventsDetailsOne .eventsDetailsRelease span:nth-child(1), .eShopEventsDetailsOne .eventsDetailsReleaseMobile span:nth-child(1) { line-height: 1; font-size: 40px; font-weight: 700;} @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsRelease { display: none; } } .eShopEventsDetailsOne .eventsDetailsReleaseMobile { position: absolute; top: 0; right: 0;} @media (min-width: 992px) { .eShopEventsDetailsOne .eventsDetailsReleaseMobile { display: none; } } .eShopEventsDetailsOne .eventsDetailsTitle { margin-bottom: 15px;} .eShopEventsDetailsOne .eventsDetailsHost { margin-bottom: 0; color: var(--color-gray-6);} .eShopEventsDetailsOne .eventsDetailsQty .mwInput { max-width: 100px; display: inline-block; vertical-align: middle;} .eShopEventsDetailsOne .eventsDetailsQty .mwInput input { text-align: center;} .eShopEventsDetailsOne .eventsDetailsQtyInc, .eShopEventsDetailsOne .eventsDetailsQtyDec { width: 27px; height: 27px; line-height: 27px; color: var(--color-white); font-size: 13px; text-align: center; border-radius: 50%; background-color: var(--color-yellow);} .eShopEventsDetailsOne .eventsDetailsQtyInc:hover, .eShopEventsDetailsOne .eventsDetailsQtyDec:hover { background-color: var(--color-yellow);} .eShopEventsDetailsOne .eventsDetailsLocation { white-space: pre-line;} .eShopEventsDetailsOne .eventsDetailsHeaderRight { height: 100%; padding: 0 30px 1px; border-left: 1px solid rgba(0, 0, 0, 0.2); background-color: var(--color-gray-2);} @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsHeaderRight { padding: 30px 30px 1px; border-left: 0; } } @media (max-width: 575px) { .eShopEventsDetailsOne .eventsDetailsHeaderRight { padding: 30px 15px 1px; } } .eShopEventsDetailsOne .eventsDetailsHeaderTop { margin-bottom: 60px;} @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsHeaderTop { margin-bottom: 30px; } } .eShopEventsDetailsOne .eventsDetailsHeaderBottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .eShopEventsDetailsOne .eventsDetailsQty { margin-bottom: 30px;} .eShopEventsDetailsOne .eventsDetailsBody { border-top: 1px solid rgba(0, 0, 0, 0.2);} @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsBodyMain { order: 1; } } .eShopEventsDetailsOne .eventsDetailsBodySide { border-left: 1px solid rgba(0, 0, 0, 0.2);} @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsBodySide { order: 0; border-left: 0; } } .eShopEventsDetailsOne .eventsDetailsBodyMainInner { padding: 60px 30px 30px 60px;} @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsBodyMainInner { padding: 0 30px 1px; } } @media (max-width: 575px) { .eShopEventsDetailsOne .eventsDetailsBodyMainInner { padding: 0 15px 1px; } } .eShopEventsDetailsOne .eventsDetailsBodySideInner { padding: 60px 60px 30px 30px;} @media (max-width: 991px) { .eShopEventsDetailsOne .eventsDetailsBodySideInner { padding: 30px 30px 1px; } } @media (max-width: 575px) { .eShopEventsDetailsOne .eventsDetailsBodySideInner { padding: 30px 15px 1px; } } /*! |----------------------------------------------------------------------------------------- | | | eShop Events Details One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Decoration - Start | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Decoration - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Header One - Start | | |----------------------------------------------------------------------------------------- */ .headerOne { position: relative; z-index: 500;} .headerOne h1, .headerOne h2, .headerOne h3, .headerOne h4, .headerOne h5, .headerOne h6, .headerOne p, .headerOne .btn { margin-bottom: 0;} .headerOne.is-sticky { height: 80px;} @media (max-width: 991px) { .headerOne.is-sticky { height: 60px; } } .headerOne.is-sticky .headerWrap { position: fixed; top: 0; left: 0; width: 100%;} .headerOne .headerWrap { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);} @media (max-width: 1199px) { .headerOne .headerWrap { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } } .headerOne .headerMain { position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 35px; background-color: var(--color-white);} @media (max-width: 991px) { .headerOne .headerMain { padding-left: 15px; } } .headerOne .headerMainLeft, .headerOne .headerMainRight { flex: 0 0 auto; display: flex; align-items: center; height: 80px;} @media (max-width: 991px) { .headerOne .headerMainLeft, .headerOne .headerMainRight { height: 60px; } } .headerOne .headerLogo { margin-right: 35px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} @media (max-width: 991px) { .headerOne .headerLogo { margin-right: 0; } } .headerOne .headerLogo .logo img { height: 40px; width: auto; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} @media (max-width: 991px) { .headerOne .headerLogo .logo img { height: 30px; } } @media (max-width: 1199px) { .headerOne .headerMenu { display: none; } } .headerOne .headerSearch { margin-right: 20px;} @media (max-width: 767px) { .headerOne .headerSearch { margin-right: 0; } } .headerOne .searchBtn { color: var(--color-gray-8);} .headerOne .searchBtn:hover { color: var(--color-yellow);} .headerOne .headerSns { margin-right: 20px;} @media (max-width: 767px) { .headerOne .headerSns { display: none; } } .headerOne .headerSns a { color: var(--color-gray-8);} .headerOne .headerSns a:hover { color: var(--color-yellow);} .headerOne .headerMobileMenu { display: none; align-items: center; justify-content: center; width: 80px; height: 80px;} @media (max-width: 1199px) { .headerOne .headerMobileMenu { display: flex; } } @media (max-width: 991px) { .headerOne .headerMobileMenu { width: 60px; height: 60px; } } .headerOne .headerMobileMenu .burgerText { display: none;} .headerOne .headerBtns { display: flex; align-items: center;} @media (max-width: 767px) { .headerOne .headerBtns { display: none; } } .headerOne .headerBtns .btn > a.small, .headerOne .headerBtns .btn > a.medium, .headerOne .headerBtns .btn > a.large, .headerOne .headerBtns .btn > button.small, .headerOne .headerBtns .btn > button.medium, .headerOne .headerBtns .btn > button.large, .headerOne .headerBtns .btn > span.small, .headerOne .headerBtns .btn > span.medium, .headerOne .headerBtns .btn > span.large { padding: 0 45px; font-size: 16px; line-height: 78px;} @media (max-width: 991px) { .headerOne .headerBtns .btn > a.small, .headerOne .headerBtns .btn > a.medium, .headerOne .headerBtns .btn > a.large, .headerOne .headerBtns .btn > button.small, .headerOne .headerBtns .btn > button.medium, .headerOne .headerBtns .btn > button.large, .headerOne .headerBtns .btn > span.small, .headerOne .headerBtns .btn > span.medium, .headerOne .headerBtns .btn > span.large { line-height: 58px; } } .liveEdBlock .headerOne { height: 80px;} .liveEdBlock .headerOne .headerMobileMenu { display: flex;} .headerOne .headerMenu .has-children > a:after { content: "\F0D7"; margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} .headerOne .headerMenu > .Menu > ul { display: flex; align-items: center;} .headerOne .headerMenu > .Menu > ul > li { position: relative;} .headerOne .headerMenu > .Menu > ul > li > a { display: block; padding: 0 15px; height: 80px; line-height: 80px; color: var(--color-gray-8);} .headerOne .headerMenu > .Menu > ul > li > a:hover { color: var(--color-yellow);} .headerOne .headerMenu > .Menu > .blockContents > ul { display: flex; align-items: center;} .headerOne .headerMenu > .Menu > .blockContents > ul > li { position: relative;} .headerOne .headerMenu > .Menu > .blockContents > ul > li > a { display: block; padding: 0 15px; height: 80px; line-height: 80px; color: var(--color-gray-8);} .headerOne .headerMenu > .Menu > .blockContents > ul > li > a:hover { color: var(--color-yellow);} .headerOne .headerMenu ul li ul { opacity: 0; visibility: hidden; pointer-events: none; position: absolute; top: 100%; left: 0; padding: 10px 0; background-color: var(--color-yellow); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .headerOne .headerMenu ul li ul li { position: relative; min-width: 260px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerOne .headerMenu ul li ul li:hover { background-color: var(--color-secondary);} .headerOne .headerMenu ul li ul li a { display: flex; align-items: center; justify-content: space-between; padding: 10px 25px; color: var(--color-white); white-space: inherit;} .headerOne .headerMenu ul li ul li.has-children > a:after { content: "\F0DA";} .headerOne .headerMenu ul li:hover > ul { display: block; opacity: 1; visibility: visible; pointer-events: auto;} .headerOne .headerMenu ul li ul li ul { display: none; top: 0; left: 100%; opacity: 1; visibility: visible; pointer-events: auto;} .headerOne .searchBar { opacity: 0; pointer-events: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 15px; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} @media (max-width: 575px) { .headerOne .searchBar { padding: 0; } } .headerOne .searchBar.active { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0);} .headerOne .searchBarWrap { position: relative; width: 100%; max-width: 600px; padding: 15px 20px; margin: 0 auto; border-radius: 6px; background-color: rgba(255, 255, 255, 0.97); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);} @media (max-width: 575px) { .headerOne .searchBarWrap { border-radius: 0; } } .headerOne .searchBarForm { width: 100%; padding-bottom: 8px; border-bottom: 1px solid var(--color-gray-5); transition: border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerOne .searchBarForm:hover { border-bottom: 1px solid var(--color-gray-8);} .headerOne .searchBarForm ::-webkit-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerOne .searchBarForm ::-moz-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerOne .searchBarForm :-ms-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerOne .searchBarForm ::-ms-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerOne .searchBarForm ::placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerOne .searchBarForm form { position: relative; padding-right: 36px;} .headerOne .searchBarForm input { width: 100%; height: 38px; padding: 0; margin: 0; border: 0; background-color: transparent;} .headerOne .searchBarForm button { position: absolute; top: 0; right: 0; height: 38px; color: var(--color-gray-8);} .headerOne .searchBarForm button:hover { color: var(--color-yellow);} /*! |----------------------------------------------------------------------------------------- | | | Header One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Header Two - Start | | |----------------------------------------------------------------------------------------- */ .headerTwo { position: relative; z-index: 500;} .headerTwo h1, .headerTwo h2, .headerTwo h3, .headerTwo h4, .headerTwo h5, .headerTwo h6, .headerTwo p, .headerTwo .btn { margin-bottom: 0;} .headerTwo.is-sticky {/* height: 115px; */} @media (max-width: 991px) { .headerTwo.is-sticky {/* height: 95px; */} } .headerTwo.is-sticky .headerWrap { position: fixed; top: 0; left: 0; width: 100%;} .stuck .headerWrap { background:#fff;} .headerTwo.stuck .headerWrap { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); } @media (max-width: 1199px) { .headerTwo .headerWrap {/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */} } .headerTwo .headerMain {display: flex;align-items: center;justify-content: space-between;position: relative;padding: 0 35px;/* background-color: var(--color-white); */} @media (max-width: 991px) { .headerTwo .headerMain { padding: 0 15px; } } .headerTwo .headerMainLeft, .headerTwo .headerMainRight {flex: 0 0 auto;display: flex;align-items: center;height: 80px;} @media (max-width: 991px) { .headerTwo .headerMainLeft, .headerTwo .headerMainRight { height: 60px; } } .headerTwo .headerLogo {display: flex;align-items: center;justify-content: center;align-self: flex-start;padding: 0px 20px;/* width: 360px; *//* min-height: 110.56px; *//* background-color: var(--color-white); *//* box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); */} .headerTwo .headerLogo img { width:50%;} .headerTwo.stuck .headerLogo {width: 170px;} @media (max-width: 991px) { .headerTwo.stuck .headerLogo {width: 135px;} } @media (max-width: 1199px) { .headerTwo .headerLogo {} } @media (max-width: 991px) { .headerTwo .headerLogo {/* padding: 15px 20px; *//* min-height: 82.92px; */width: 210px;} } @media (max-width: 575px) { .headerTwo .headerLogo {padding: 0px 15px;width: 122.92px;min-height: 82.92px;position: relative;top: 0px;} } .headerTwo .headerLogo .logo img { max-width: 200px; max-height: 100px;} @media (max-width: 991px) { .headerTwo .headerLogo .logo img { max-width: 140px; max-height: 70px; } } @media (max-width: 575px) { .headerTwo .headerLogo .logo img { max-width: 140px; max-height: 70px; } } .headerTwo .headerMenu {margin-right: 30px;} @media (max-width: 1199px) { .headerTwo .headerMenu { display: none; } } .headerTwo .headerBtns {display: flex;align-items: center;justify-content: unset;} @media (max-width: 575px) { .headerTwo .headerBtns { display: none; } } .headerTwo .headerBtns .Button + .Button .btn {/* margin-left: 10px; */} .headerTwo .headerMobileMenu { display: none; align-items: center; justify-content: center; margin-left: 20px; height: 80px;} @media (max-width: 1199px) { .headerTwo .headerMobileMenu { display: flex; } } @media (max-width: 991px) { .headerTwo .headerMobileMenu {height: 60px;} } .liveEdBlock .headerTwo { height: 115px;} .liveEdBlock .headerTwo .headerMobileMenu { display: flex;} /* .headerTwo .headerMenu .has-children > a:after { content: "\F0D7"; margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} */ .headerTwo .headerMenu li a { border-right:1px solid var(--color-yellow); } .headerTwo .headerMenu li li a { border-right:none} .headerTwo .headerMenu > .Menu > ul { display: flex; align-items: center;} .headerTwo .headerMenu > .Menu > ul > li { position: relative;} .headerTwo .headerMenu > .Menu > ul > li > a { display: block; position: relative; padding: 0 15px; height: 30px; line-height: 30px; color: var(--color-gray-8);} .headerTwo .headerMenu > .Menu > ul > li > a:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: var(--color-black); -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerTwo .headerMenu > .Menu > ul > li > a:hover { color: var(--color-yellow);} .headerTwo .headerMenu > .Menu > ul > li > a:hover:before { width: 100%;} .headerTwo .headerMenu > .Menu > .blockContents > ul { display: flex; align-items: center;} .headerTwo .headerMenu > .Menu > .blockContents > ul > li { position: relative;} .headerTwo .headerMenu > .Menu > .blockContents > ul > li > a {display: block;position: relative;padding: 0 20px;height: 40px;line-height: 40px;color: var(--color-white);} .headerTwo.stuck .headerMenu > .Menu > .blockContents > ul > li > a { color:var(--color-black)} .headerTwo .headerMenu > .Menu > .blockContents > ul > li > a:before {content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;/* background-color: var(--color-yellow); */-webkit-transform: translateX(-50%);transform: translateX(-50%);transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerTwo .headerMenu > .Menu > .blockContents > ul > li > a:hover { color: var(--color-yellow);} .headerTwo .headerMenu > .Menu > .blockContents > ul > li > a:hover:before { width: 100%;} .headerTwo .headerMenu ul li ul {opacity: 0;visibility: hidden;pointer-events: none;position: absolute;top: 100%;left: 0;padding: 10px 0;background-color: var(--color-yellow);transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .headerTwo .headerMenu ul li ul li { position: relative; min-width: 260px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerTwo .headerMenu ul li ul li:hover { background-color: var(--color-black);} .headerTwo .headerMenu ul li ul li a { display: flex; align-items: center; justify-content: space-between; padding: 10px 25px; color: var(--color-white); white-space: inherit;} .headerTwo .headerMenu ul li ul li.has-children > a:after {/* content: "\F0DA"; */} .headerTwo .headerMenu ul li:hover > ul { display: block; opacity: 1; visibility: visible; pointer-events: auto;} .headerTwo .headerMenu ul li ul li ul { display: none; top: 0; left: 100%; opacity: 1; visibility: visible; pointer-events: auto;} .headerTwo .utilityBar { color: var(--color-white); font-size: 14px;} .headerTwo .utilityBar h1, .headerTwo .utilityBar h2, .headerTwo .utilityBar h3, .headerTwo .utilityBar h4, .headerTwo .utilityBar h5, .headerTwo .utilityBar h6 { color: var(--color-white);} .headerTwo .utilityBar a, .headerTwo .utilityBar button {color: var(--color-white);font-size: 15px;display: block;} .headerTwo .utilityBar a:hover, .headerTwo .utilityBar button:hover { color: var(--color-yellow);} .utilityBar { display:flex; justify-content:end;} .headerTwo .utilityBarWrap {position: relative;display: flex;align-items: center;justify-content: space-between;height: 35px;padding: 0 35px 0 0;background-color: rgb(7, 2, 73);width: 60%;} .headerTwo .utilityBarLeft, .headerTwo .utilityBarRight { flex: 0 0 auto; display: flex; align-items: center;} .headerTwo .utilityBarMsg a { text-decoration: underline;} .headerTwo .utilityBarSearch {margin-right: 40px;color: var(--color-white);} .headerTwo .utilityBarSearch .searchBtn {width:36px;height:36px;border-radius:50%;font-size: 13px;background: rgba(0,0,0,.12);-webkit-backface-visibility: hidden;} .headerTwo.stuck .utilityBarSearch .searchBtn {color: var(--color-black);/* border: 1px solid var(--color-white); */box-shadow: 0 0 10px rgba(0,0,0,.2); background:none;} .headerTwo .utilityBarMenu { } .headerTwo .utilityBarMenu ul::after { display: block; clear: both; content: "";} .headerTwo .utilityBarMenu li {position: relative;padding: 0 2px 0 35px;float: left;} .headerTwo .utilityBarMenu li:not(:last-of-type):after {content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 15px;/* background-color: rgba(255, 255, 255, 0.5); */-webkit-transform: translateY(-50%);transform: translateY(-50%);} .headerTwo .utilityBarSns a { font-size: 14px;} .megaMenu {position:absolute;max-width: 1120px;top: 115px;right: 4.5%;box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 10%);z-index: 9;} .mmInner { display:flex; justify-content:space-between;background: #FAF9F7;} .mmMenuWrap { width:30%;padding: 30px 0 0; border-right: 2px solid var(--color-yellow);} .mmMenuWrap a {color:var(--color-gray-8);display: block;} .mmMenuWrap li {padding: 7px 0 7px 30px !important;margin-bottom: 0 !important;} .mmMenuWrap li:hover { background:var(--color-yellow); } .mmMenuWrap li:hover a { color:#fff; } .mmContentImage {widtH: 31%;padding: 30px;} .mmContentWrap {width: 67%;padding: 30px 50px;} .mmMenuWrap .has-children > a:after { content: "\F0D7"; margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} .mmMenuWrap .has-children ul {display:none; } .mmMenuWrap .has-children:hover ul {display:block; } .mmMenuWrap ul li ul li.has-children > a:after { content: "\F0DA";} .mma {width: 100%; display:none; } .mmb { width:100%; display:none; } .mmc { width:100%; display:none; } .mmd { width:100%; display:none; } .mme { width:100%; display:none; } .mmf { width:100%; display:none; } .mmg { width:100%; display:none; } .mmh { width:100%; display:none; } .mma.active {display:block} .mmb.active {display:block} .mmc.active {display:block} .mmd.active {display:block} .mme.active {display:block} .mme.active {display:block} .mmf.active {display:block} .mmg.active {display:block} .mmh.active {display:block} .megaMenu li:before { display:none;} .megaMenu h3 { color:var(--color-yellow); margin-bottom:30px; font-size:37px; } .mmContentWrap p {margin-bottom:30px;} .mmContentWrap p a { padding: 11px 33px; font-size: 15px; border: 1px solid var(--color-yellow); border-radius: 30px; text-transform: uppercase; font-weight: 900; } .mmContentWrap p a:hover { background:#000; border:1px solid #000; } .mmb .mmContentWrap, .mmb .mmContentImage {background: #EDF5FC;} .mmb .mmMenuWrap {border-right: 2px solid var(--color-blue);} .mmb h3 {color: var(--color-blue);} .mmb p a { padding: 11px 33px; font-size: 15px; border: 1px solid var(--color-blue); border-radius: 30px; text-transform: uppercase; font-weight: 900; color: var(--color-blue); } .mmb p a:hover {color:#fff; border:1px solid #000; } .mmc .mmContentWrap, .mmc .mmContentImage {background: #F5EEED;} .mmc .mmMenuWrap {border-right: 2px solid #653331;} .mmc h3 {color: #653331;} .mmc p a { padding: 11px 33px; font-size: 15px; border: 1px solid #653331; border-radius: 30px; text-transform: uppercase; font-weight: 900; color: #653331; } .mmc p a:hover {color:#fff; border:1px solid #000; } .mme .mmContentWrap, .mme .mmContentImage {background: #F5EEED;} .mme .mmMenuWrap {border-right: 2px solid #653331;} .mme h3 {color: #653331;} .mme p a { padding: 11px 33px; font-size: 15px; border: 1px solid #653331; border-radius: 30px; text-transform: uppercase; font-weight: 900; color: #653331; } .mme p a:hover {color:#fff; border:1px solid #000; } .mmf .mmContentWrap, .mmf .mmContentImage {background: #EDF5FC;} .mmf .mmMenuWrap {border-right: 2px solid var(--color-blue);} .mmf h3 {color: var(--color-blue);} .mmf p a { padding: 11px 33px; font-size: 15px; border: 1px solid var(--color-blue); border-radius: 30px; text-transform: uppercase; font-weight: 900; color: var(--color-blue); } .mmf p a:hover {color:#fff; border:1px solid #000; } .mmg .mmContentWrap, .mmg .mmContentImage {background: #EDF5FC;} .mmg .mmMenuWrap {border-right: 2px solid var(--color-blue);} .mmg h3 {color: var(--color-blue);} .mmg p a { padding: 11px 33px; font-size: 15px; border: 1px solid var(--color-blue); border-radius: 30px; text-transform: uppercase; font-weight: 900; color: var(--color-blue); } .mmg p a:hover {color:#fff; border:1px solid #000; } .mmh .mmContentWrap, .mmh .mmContentImage {background: #EDF5FC;} .mmh .mmMenuWrap {border-right: 2px solid var(--color-blue);} .mmh h3 {color: var(--color-blue);} .mmh p a { padding: 11px 33px; font-size: 15px; border: 1px solid var(--color-blue); border-radius: 30px; text-transform: uppercase; font-weight: 900; color: var(--color-blue); } .mmh p a:hover {color:#fff; border:1px solid #000; } @media (max-width: 1550px) { .headerTwo .headerMenu > .Menu > .blockContents > ul > li > a {padding: 0 10px; font-size:13px; } } @media (max-width: 991px) { .headerTwo .utilityBarWrap {padding: 0 15px;width: 60%;} .headerTwo .utilityBarLeft { display: none; } .headerTwo .utilityBarRight { flex: 1 1 auto; } .headerTwo .utilityBarSearch { margin-left: auto; } .headerUtilityBar { display:none;} } .headerTwo .utilityBarMenu li {position: relative;padding: 0 5px;float: left;} } @media (max-width: 575px) { .headerTwo .utilityBarMenu { display: none; } } .headerTwo .searchBar { opacity: 0; pointer-events: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 15px; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} @media (max-width: 575px) { .headerTwo .searchBar { padding: 0; } } .headerTwo .searchBar.active { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0);} .headerTwo .searchBarWrap { position: relative; width: 100%; max-width: 600px; padding: 15px 20px; margin: 0 auto; border-radius: 6px; background-color: rgba(255, 255, 255, 0.97); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);} @media (max-width: 575px) { .headerTwo .searchBarWrap { border-radius: 0; } } .headerTwo .searchBarForm { width: 100%; padding-bottom: 8px; border-bottom: 1px solid var(--color-gray-5); transition: border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerTwo .searchBarForm:hover { border-bottom: 1px solid var(--color-gray-8);} .headerTwo .searchBarForm ::-webkit-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerTwo .searchBarForm ::-moz-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerTwo .searchBarForm :-ms-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerTwo .searchBarForm ::-ms-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerTwo .searchBarForm ::placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerTwo .searchBarForm form { position: relative; padding-right: 36px;} .headerTwo .searchBarForm input { width: 100%; height: 38px; padding: 0; margin: 0; border: 0; background-color: transparent;} .headerTwo .searchBarForm button { position: absolute; top: 0; right: 0; height: 38px; color: var(--color-gray-8);} .headerTwo .searchBarForm button:hover { color: var(--color-yellow);} .header.stuck {background:#fff} /*! |----------------------------------------------------------------------------------------- | | | Header Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Header Three - Start | | |----------------------------------------------------------------------------------------- */ .headerThree { position: relative; z-index: 500;} .headerThree h1, .headerThree h2, .headerThree h3, .headerThree h4, .headerThree h5, .headerThree h6, .headerThree p, .headerThree .btn { margin-bottom: 0;} .headerThree.is-sticky { height: 115px;} @media (max-width: 991px) { .headerThree.is-sticky { height: 95px; } } .headerThree.is-sticky .headerWrap { position: fixed; top: 0; left: 0; width: 100%;} .headerThree .headerWrap { display: flex;} .headerThree .headerLogo { z-index: 1; flex: 0 0 auto; background-color: var(--color-white); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);} .headerThree .headerLogo .logo a { display: flex; align-items: center; justify-content: center; max-width: 260px; height: 115px; padding: 20px 30px;} @media (max-width: 991px) { .headerThree .headerLogo .logo a { max-width: 200px; height: 95px; padding: 15px 20px; } } @media (max-width: 575px) { .headerThree .headerLogo .logo a { max-width: 150px; padding: 10px 15px; } } .headerThree .headerLogo .logo img { flex: 0 0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%;} .headerThree .headerRight { flex: 1 1 auto;} .headerThree .headerMain { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 0 35px 0 0; background-color: var(--color-white); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} @media (max-width: 1199px) { .headerThree .headerMain { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } } @media (max-width: 991px) { .headerThree .headerMain { padding: 0 15px; } } .headerThree .headerMainLeft, .headerThree .headerMainRight { flex: 0 0 auto; display: flex; align-items: center; height: 80px;} @media (max-width: 991px) { .headerThree .headerMainLeft, .headerThree .headerMainRight { height: 60px; } } .headerThree .headerMenu { margin-right: 10px;} @media (max-width: 1199px) { .headerThree .headerMenu { display: none; } } .headerThree .searchBtn { color: var(--color-gray-8);} .headerThree .searchBtn:hover { color: var(--color-yellow);} .headerThree .headerBtns { display: flex; align-items: center; margin-left: 20px;} @media (max-width: 767px) { .headerThree .headerBtns { display: none; } } .headerThree .headerBtns .Button + .Button .btn { margin-left: 10px;} .headerThree .headerMobileMenu { display: none; align-items: center; justify-content: center; margin-left: 20px; height: 80px;} @media (max-width: 1199px) { .headerThree .headerMobileMenu { display: flex; } } @media (max-width: 991px) { .headerThree .headerMobileMenu { height: 60px; } } @media (max-width: 767px) { .headerThree .headerMobileMenu { margin-left: 15px; } } .liveEdBlock .headerThree { height: 115px;} .liveEdBlock .headerThree .headerMobileMenu { display: flex;} .headerThree .headerMenu .has-children > a:after { content: "\F0D7"; margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} .headerThree .headerMenu > .Menu > ul { display: flex; align-items: center;} .headerThree .headerMenu > .Menu > ul > li { position: relative;} .headerThree .headerMenu > .Menu > ul > li:not(:last-of-type):before { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; background-color: rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .headerThree .headerMenu > .Menu > ul > li > a { display: block; padding: 0 20px; height: 80px; line-height: 80px; color: var(--color-gray-8); background-color: rgba(0, 0, 0, 0);} .headerThree .headerMenu > .Menu > ul > li > a:hover { color: var(--color-gray-8); background-color: rgba(0, 0, 0, 0.1);} .headerThree .headerMenu > .Menu > .blockContents > ul { display: flex; align-items: center;} .headerThree .headerMenu > .Menu > .blockContents > ul > li { position: relative;} .headerThree .headerMenu > .Menu > .blockContents > ul > li:not(:last-of-type):before { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; background-color: rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .headerThree .headerMenu > .Menu > .blockContents > ul > li > a { display: block; padding: 0 20px; height: 80px; line-height: 80px; color: var(--color-gray-8); background-color: rgba(0, 0, 0, 0);} .headerThree .headerMenu > .Menu > .blockContents > ul > li > a:hover { color: var(--color-gray-8); background-color: rgba(0, 0, 0, 0.1);} .headerThree .headerMenu ul li ul { opacity: 0; visibility: hidden; pointer-events: none; position: absolute; top: 100%; left: 0; padding: 10px 0; background-color: var(--color-yellow); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .headerThree .headerMenu ul li ul li { position: relative; min-width: 260px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerThree .headerMenu ul li ul li:hover { background-color: var(--color-secondary);} .headerThree .headerMenu ul li ul li a { display: flex; align-items: center; justify-content: space-between; padding: 10px 25px; color: var(--color-white); white-space: inherit;} .headerThree .headerMenu ul li ul li.has-children > a:after { content: "\F0DA";} .headerThree .headerMenu ul li:hover > ul { display: block; opacity: 1; visibility: visible; pointer-events: auto;} .headerThree .headerMenu ul li ul li ul { display: none; top: 0; left: 100%; opacity: 1; visibility: visible; pointer-events: auto;} .headerThree .utilityBar { color: var(--color-white); font-size: 14px;} .headerThree .utilityBar h1, .headerThree .utilityBar h2, .headerThree .utilityBar h3, .headerThree .utilityBar h4, .headerThree .utilityBar h5, .headerThree .utilityBar h6 { color: var(--color-white);} .headerThree .utilityBar a, .headerThree .utilityBar button { color: var(--color-white);} .headerThree .utilityBar a:hover, .headerThree .utilityBar button:hover { color: var(--color-yellowest);} .headerThree .utilityBarWrap { position: relative; display: flex; align-items: center; justify-content: space-between; height: 35px; padding: 0 35px 0 20px; background-color: var(--color-yellow);} .headerThree .utilityBarLeft, .headerThree .utilityBarRight { flex: 0 0 auto; display: flex; align-items: center;} .headerThree .utilityBarMsg a { text-decoration: underline;} .headerThree .utilityBarMenu { margin-right: 30px;} .headerThree .utilityBarMenu ul::after { display: block; clear: both; content: "";} .headerThree .utilityBarMenu li { position: relative; padding: 0 10px; float: left;} .headerThree .utilityBarMenu li:not(:last-of-type):after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; background-color: rgba(255, 255, 255, 0.5); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .headerThree .utilityBarSns a { font-size: 14px;} @media (max-width: 991px) { .headerThree .utilityBarWrap { padding: 0 15px; } .headerThree .utilityBarLeft { display: none; } .headerThree .utilityBarRight { flex: 1 1 auto; } .headerThree .utilityBarSns { margin-left: auto; } } @media (max-width: 767px) { .headerThree .utilityBarMenu { display: none; } } .headerThree .searchBar { opacity: 0; pointer-events: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 15px; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} @media (max-width: 575px) { .headerThree .searchBar { padding: 0; } } .headerThree .searchBar.active { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0);} .headerThree .searchBarWrap { position: relative; width: 100%; max-width: 600px; padding: 15px 20px; margin: 0 auto; border-radius: 6px; background-color: rgba(255, 255, 255, 0.97); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);} @media (max-width: 575px) { .headerThree .searchBarWrap { border-radius: 0; } } .headerThree .searchBarForm { width: 100%; padding-bottom: 8px; border-bottom: 1px solid var(--color-gray-5); transition: border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .headerThree .searchBarForm:hover { border-bottom: 1px solid var(--color-gray-8);} .headerThree .searchBarForm ::-webkit-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerThree .searchBarForm ::-moz-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerThree .searchBarForm :-ms-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerThree .searchBarForm ::-ms-input-placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerThree .searchBarForm ::placeholder { opacity: 1; letter-spacing: 0.5px; color: var(--color-gray-5); text-transform: uppercase; font-weight: 700;} .headerThree .searchBarForm form { position: relative; padding-right: 36px;} .headerThree .searchBarForm input { width: 100%; height: 38px; padding: 0; margin: 0; border: 0; background-color: transparent;} .headerThree .searchBarForm button { position: absolute; top: 0; right: 0; height: 38px; color: var(--color-gray-8);} .headerThree .searchBarForm button:hover { color: var(--color-yellow);} /*! |----------------------------------------------------------------------------------------- | | | Header Three - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Mobile Menu One - Start | | |----------------------------------------------------------------------------------------- */ .mobileMenuOne .mobileMenuBackdrop { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000;} .mobileMenuOne .mobileMenuWrap { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: 480px; padding: 15px; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 1010;} .mobileMenuOne .mobileMenuInner { position: relative; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; height: 100%; padding: 80px 0 50px; border-radius: 4px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);} @media (max-width: 575px) { .mobileMenuOne .mobileMenuInner { padding: 80px 0 30px; } } .mobileMenuOne .mobileMenuClose { position: absolute; top: 30px; right: 30px;} .mobileMenuOne .mobileMenuHeader { padding: 0 50px;} @media (max-width: 575px) { .mobileMenuOne .mobileMenuHeader { padding: 0 30px; } } .mobileMenuOne .mobileMenuBody { overflow-x: hidden; overflow-y: auto; padding: 0 50px;} @media (max-width: 575px) { .mobileMenuOne .mobileMenuBody { padding: 0 30px; } } .mobileMenuOne .mobileMenuFooter { padding: 0 50px;} @media (max-width: 575px) { .mobileMenuOne .mobileMenuFooter { padding: 0 30px; } } .mobileMenuOne.active .mobileMenuWrap { -webkit-transform: translateX(0); transform: translateX(0);} .mobileMenuOne .mobileMenuNav ul { padding: 0;} .mobileMenuOne .mobileMenuNav ul li { padding: 0; margin: 0 0 15px 0;} .mobileMenuOne .mobileMenuNav ul li:last-of-type { margin-bottom: 0;} .mobileMenuOne .mobileMenuNav ul li:before { display: none;} .mobileMenuOne .mobileMenuNav ul li a {width: 100%;color: var(--color-black);font-size: 20px;font-weight: 700;} .mobileMenuOne .mobileMenuNav ul li a:hover { color: var(--color-yellow);} .mobileMenuOne .mobileMenuNav ul li a > i {font-size: 12px;transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .mobileMenuOne .mobileMenuNav ul li.has-children > a { display: flex; align-items: center; justify-content: space-between;} .mobileMenuOne .mobileMenuNav ul li ul {display: none;margin: 15px 0 0;padding: 0 0 0 20px;border-left: 1px solid var(--color-yellow);} .mobileMenuOne .mobileMenuNav ul li ul li a {color: var(--color-black);font-size: 18px;font-weight: 400;} .mobileMenuOne .mobileMenuNav ul li ul li a:hover { color: var(--color-yellowest);} .mobileMenuOne .mobileMenuNav ul li ul li a > i { font-size: 16px;} .mobileMenuOne .mobileMenuNav ul li.active > a {color: #787878;} .mobileMenuOne .mobileMenuNav ul li.active > a i { -webkit-transform: rotate(90deg); transform: rotate(90deg);} /* |----------------------------------------------------------------------------------------- | | | Mobile Menu One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Footer One - Start | | |----------------------------------------------------------------------------------------- */ .footerOne { font-size: 14px;} .footerOne a, .footerOne button { color: var(--color-gray-8);} .footerOne a:hover, .footerOne button:hover { color: var(--color-yellow);} .footerOne ul li { padding: 0; margin: 0 0 5px;} .footerOne ul li:before { display: none;} .footerOne .footerMain { padding: 80px 0 55px;} @media (max-width: 575px) { .footerOne .footerMain { padding: 60px 0 35px; } } .footerOne .footerMain h1, .footerOne .footerMain h2, .footerOne .footerMain h3, .footerOne .footerMain h4, .footerOne .footerMain h5, .footerOne .footerMain h6, .footerOne .footerMain p, .footerOne .footerMain ul, .footerOne .footerMain ol, .footerOne .footerMain dl { margin-bottom: 20px;} .footerOne .footerTop { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .footerOne .footerLogo { flex: 0 0 auto; margin-bottom: 30px;} @media (max-width: 575px) { .footerOne .footerLogo { width: 100%; } } .footerOne .footerSns { flex: 0 0 auto; margin-bottom: 30px;} @media (max-width: 575px) { .footerOne .footerSns { width: 100%; } } .footerOne .footerCol { margin-bottom: 10px;} @media (max-width: 575px) { .footerOne .footerCol { text-align: center; } } @media (max-width: 575px) { .footerOne .logo, .footerOne .snsLink { text-align: center; } } .footerOne .logo img { width: 210px; height: auto;} .footerOne .footerCopyright { padding: 15px 0;} .footerOne .footerCopyright .container > * { display: inline-block;} /*! |----------------------------------------------------------------------------------------- | | | Footer One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Footer Two - Start | | |----------------------------------------------------------------------------------------- */ .footerTwo { font-size: 14px;} .footerTwo ul li { padding: 0; margin: 0 0 5px;} .footerTwo ul li:before { display: none;} .footerTwo .footerWrap { padding: 80px 0;} .footerTwo .footerCol { margin-bottom: 10px;} @media (min-width: 1200px) { .footerTwo .footerCol { display: flex; align-items: center; } } @media (max-width: 767px) { .footerTwo .footerCol { text-align: center; } } .footerTwo .footerCol .footerColInner { width: 100%;} @media (max-width: 1199px) { .footerTwo .footerCol1 .footerColInner { max-width: 380px; margin: 0 auto; text-align: center; } } @media (max-width: 1199px) { .footerTwo .footerCol2 { display: none; } } .footerTwo .footerColDivider { width: 1px; height: 100%; margin: 0 auto; background-color: var(--color-white);} .footerTwo .footerMain { margin-bottom: 60px;} .footerTwo .footerMain h1, .footerTwo .footerMain h2, .footerTwo .footerMain h3, .footerTwo .footerMain h4, .footerTwo .footerMain h5, .footerTwo .footerMain h6, .footerTwo .footerMain p, .footerTwo .footerMain ul, .footerTwo .footerMain ol, .footerTwo .footerMain dl { margin-bottom: 20px;} .footerTwo .footerLogo { margin-bottom: 30px;} .footerTwo .footerLogo .logo img { width: 210px; height: auto;} .footerTwo .footerSecondary { margin-bottom: 20px;} .footerTwo .footerCopyright { text-align: center;} .footerTwo .footerCopyright .container > * { display: inline-block;} /*! |----------------------------------------------------------------------------------------- | | | Footer Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Footer Three - Start | | |----------------------------------------------------------------------------------------- */ .footerThree { font-size: 14px;} .footerThree a, .footerThree button {color: var(--color-white);} .footerThree a:hover, .footerThree button:hover { color: var(--color-yellow);} .footerThree ul li {padding: 10px 0;margin: 0 0 5px;font-size: 20px;border-bottom: 1px solid #707070;} .footerThree ul li:before { display: none;} .footerThree .footerWrap {padding: 80px 0 40px;} .footerThree .footerCol { margin-bottom: 10px;} .footerCol1 {width:24%; margin:0 2% 0 0; padding-top:0px;} .footerCol2 {width:22%; margin:0 3% 0 0; border-top: 1px solid #707070; padding-top:20px;} .footerCol3 {width:22%; margin:0 3% 0 0; border-top: 1px solid #707070; padding-top:10px;} .footerCol4 {width:24%; margin:0 0% 0 0; border-top: 1px solid #707070; padding-top:20px;} @media (max-width: 900px) { .footerMain .row { display:block !important ;width:90%; margin:0 auto;} .footerCol1 {width:100%; margin:0 0% 0 0; padding-top:0px;} .footerCol2 {width:100%; margin:0 0% 0 0; border-top: 1px solid #0d014e; padding-top:20px;} .footerCol3 {width:100%; margin:0 0% 0 0; border-top: 1px solid #707070; padding-top:20px;} .footerCol4 {width:100%; margin:0 0% 0 0; border-top: 1px solid #707070; padding-top:20px;} } .footerThree .footerMain h1, .footerThree .footerMain h2, .footerThree .footerMain h3, .footerThree .footerMain h4, .footerThree .footerMain h5, .footerThree .footerMain h6, .footerThree .footerMain p, .footerThree .footerMain ul, .footerThree .footerMain ol, .footerThree .footerMain dl { margin-bottom: 20px; color:#fff; } .footerThree .footerMain p { font-size:18px} .footerThree .footerLogo { margin-bottom: 20px;} .footerThree .footerLogo .logo img { width: 210px; height: auto;} @media (max-width: 767px) { .footerThree .footerNewsletter caption, .footerThree .footerNewsletter td, .footerThree .footerNewsletter th { text-align: center !important; } } .footerThree .footerNewsletter .Dialog { margin-bottom: 0;} .footerThree .footerNewsletter .Dialog .inputGroup { margin-bottom: 20px;} .footerThree .footerNewsletter .Dialog .mwInput.button {-moz-osx-font-smoothing: grayscale;text-transform: uppercase; border:1px solid #fff; border-radius:30px; } .footerThree .footerNewsletter .Dialog .mwInput.button:hover { border:1px solid #000; background:#000; } .footerThree .footerNewsletter .Dialog th, .footerThree .footerNewsletter .Dialog td {padding: 0 0 10px;margin-bottom: 10px;} .footerThree .footerNewsletter .Dialog th { display: none;} .footerThree .footerSecondary {padding: 30px 0;text-align: center;border-top: 1px solid #707070;} @media (min-width: 1200px) { .footerThree .footerSecondary {display: flex;background: #454545;align-items: center;justify-content: center;width: 100%;} } .footerThree .footerSecondary h1, .footerThree .footerSecondary h2, .footerThree .footerSecondary h3, .footerThree .footerSecondary h4, .footerThree .footerSecondary h5, .footerThree .footerSecondary h6, .footerThree .footerSecondary p, .footerThree .footerSecondary ul, .footerThree .footerSecondary ol, .footerThree .footerSecondary dl { margin-bottom: 0;} .footerThree .footerCopyright {margin-right: 15px;color: var(--color-white);font-size: 18px;} @media (max-width: 1199px) { .footerThree .footerCopyright { margin: 0 0 20px; } } .footerThree .footerCopyright > * { display: inline-block;} .footerThree .footerPolicy { margin-right: auto;} @media (max-width: 1199px) { .footerThree .footerPolicy { margin: 0 0 20px; } } /*! |----------------------------------------------------------------------------------------- | | | Footer Three - End | | |----------------------------------------------------------------------------------------- */ .accessibility-body { transition: all 0.2s;} #accessibility { width: 200px; background: var(--color-white); border: 2px #6C6C6C solid; position: fixed; top: 70px; right: -200px; min-height: 35px; z-index: 1000; transition: all 0.2s; font-size: 15px; box-sizing: border-box;} #accessibility a#accessibility-btn { background-color: var(--color-gray-10); position: absolute; top: -1px; left: -40px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; text-decoration: none; color: var(--color-white); font-size: 28px;} #accessibility a#accessibility-btn i { font-family: "realaccessability"; font-size: 26px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--color-white);} #accessibility a#accessibility-btn i.accessibility-icon:before { content: "\E907";} #accessibility a#accessibility-btn i.accessibility-loading { display: none;} #accessibility a#accessibility-btn i.accessibility-loading:before { content: "\E908"; font-size: 20px; -webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;} @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #accessibility.open { right: 20px;} #accessibility ul { margin: 0; padding: 0; list-style: none; background: var(--color-white);} #accessibility ul li { line-height: 38px; border-top: 1px var(--color-gray-5) solid;} #accessibility ul li:first-child { border-top: 0;} #accessibility ul li a { display: block; padding: 0 10px; color: var(--color-gray-10); text-decoration: none; position: relative; cursor: pointer;} #accessibility ul li a .fa { margin-right: 8px;} #accessibility ul li a:hover { background-color: var(--color-gray-3); color: var(--color-gray-10);} #accessibility ul li a.clicked { background-color: var(--color-gray-3); color: var(--color-gray-10); box-shadow: inset 0 0 3px var(--color-gray-5);} #accessibility-copyright { text-align: center; line-height: 25px; font-size: 13px;} #accessibility-copyright a { background: var(--color-gray-3); color: var(--color-gray-10); display: block; padding: 8px 10px;} #accessibility-copyright a:hover { background: var(--color-gray-10); text-decoration: underline; color: var(--color-white);} #accessibility-player { text-align: center; line-height: 25px; font-size: 13px; border-top-width: 1px; border-top-color: var(--color-gray-5); border-top-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color-gray-5); border-bottom-style: solid; padding-top: 12px; padding-bottom: 12px;} #accessibility-player span { display: block; font-size: 15px; color: var(--color-gray-10);} /* Effects */ .accessibility-grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: grayscale(100%); -webkit-filter: grayscale(100%);} .accessibility-invert { -webkit-filter: invert(100%); filter: invert(100%); color: var(--color-black);} .accessibility-linkHighlight a { text-decoration: underline !important;} .accessibility-regularFont { font-family: Arial, Helvetica, sans-serif !important;} /* RTL Support */ html[dir=rtl] #accessibility { left: -197px; right: auto; border-right-width: 1px; border-left-width: 0;} html[dir=rtl] #accessibility.open { right: auto; left: 0;} html[dir=rtl] #accessibility a#accessibility-btn { right: -40px; left: auto;} html[dir=rtl] #accessibility ul li a:before { margin-right: 0; margin-left: 10px;} .bandw { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} .linksHighLight { background: rgba(57, 255, 20, 0.8) !important;} .linksHighLight div[class^=bg-], .linksHighLight div[class*=" bg-"] { background: rgba(57, 255, 20, 0.8) !important;} .inverted { -webkit-filter: invert(100%); filter: invert(100%);} /*! |----------------------------------------------------------------------------------------- | | | Newsletter Form One - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .newsletterFormOne { padding-top: 34px;} .newsletterFormOne .Dialog h1, .newsletterFormOne .Dialog h2, .newsletterFormOne .Dialog h3, .newsletterFormOne .Dialog h4, .newsletterFormOne .Dialog h5, .newsletterFormOne .Dialog h6 { margin-bottom: 0;} .newsletterFormOne .Dialog th { display: none;} .newsletterFormOne .Dialog .mwInput { background-color: var(--color-white);} .newsletterFormOne .Dialog .mwInput input { color: var(--color-gray-8);} @media (min-width: 1200px) { .newsletterFormOne .Dialog { display: flex; align-items: center; } .newsletterFormOne .Dialog h1, .newsletterFormOne .Dialog h2, .newsletterFormOne .Dialog h3, .newsletterFormOne .Dialog h4, .newsletterFormOne .Dialog h5, .newsletterFormOne .Dialog h6 { margin-right: 40px; } .newsletterFormOne .Dialog .mwInput.button { float: none !important; vertical-align: middle; } .newsletterFormOne .Dialog thead, .newsletterFormOne .Dialog tbody, .newsletterFormOne .Dialog tr, .newsletterFormOne .Dialog td { display: block; } .newsletterFormOne .Dialog tbody + tbody { margin-left: 30px; } .newsletterFormOne .Dialog tbody:nth-of-type(1) { flex: 0 0 auto; } .newsletterFormOne .Dialog tbody:nth-of-type(2) { flex: 1 1 auto; } .newsletterFormOne .Dialog tbody:nth-of-type(3) { flex: 1 1 auto; } .newsletterFormOne .Dialog tbody:nth-of-type(4) { flex: 0 1 auto; } .newsletterFormOne .Dialog th, .newsletterFormOne .Dialog td { padding: 0; } } @media (max-width: 1199px) and (min-width: 768px) { .newsletterFormOne .Dialog tbody:nth-of-type(2) { width: 50%; display: inline-block; } .newsletterFormOne .Dialog tbody:nth-of-type(2) tr { display: block; } .newsletterFormOne .Dialog tbody:nth-of-type(2) td { display: block; padding-right: 15px; } .newsletterFormOne .Dialog tbody:nth-of-type(3) { width: 50%; display: inline-block; } .newsletterFormOne .Dialog tbody:nth-of-type(3) tr { display: block; } .newsletterFormOne .Dialog tbody:nth-of-type(3) td { display: block; padding-left: 15px; } } /*! |----------------------------------------------------------------------------------------- | | | Newsletter Form One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Newsletter Form Two - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .newsletterFormTwo { padding-top: 34px;} .newsletterFormTwo .newsletterFormSns { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 30px;} .newsletterFormTwo .newsletterFormSns p { margin-bottom: 0;} .newsletterFormTwo .newsletterFormSnsTitle { margin-right: 20px;} /*! |----------------------------------------------------------------------------------------- | | | Newsletter Form Two - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Search Form - Start | | |----------------------------------------------------------------------------------------- */ .searchForm { margin-bottom: 30px;} .searchForm .mwInput.button input[type=submit] { font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} /*! |----------------------------------------------------------------------------------------- | | | Search Form - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Search Results - Start | | |----------------------------------------------------------------------------------------- */ .searchResultsDefault .searchResultsTitle span {display: block;font-size: 18px;/* color: var(--color-gray-5); */} .searchResultsDefault .searchResultsItem { transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .searchResultsDefault .searchResultsFilters ul { overflow: hidden; padding: 5px 0; border-radius: 4px;} .searchResultsDefault .searchResultsFilters ul li { padding: 0 25px; margin: 0;} .searchResultsDefault .searchResultsFilters ul li a { position: relative; display: block; padding: 15px 0 15px 22px; color: var(--color-gray-8); font-size: 14px; font-weight: 700;} .searchResultsDefault .searchResultsFilters ul li a i { position: absolute; left: 0; font-size: 12px; color: var(--color-gray-6); margin-right: 10px;} .searchResultsDefault .searchResultsFilters ul li a:hover { color: var(--color-secondary);} .searchResultsDefault .searchResultsFilters ul li + li a { border-top: 1px solid rgba(0, 0, 0, 0.2);} .searchResultsDefault .searchResultsFilters ul li:after { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 30px; border-radius: 0 4px 4px 0; background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .searchResultsDefault .searchResultsFilters ul li:hover:after { background-color: var(--color-yellow);} .searchResultsDefault .searchResultsFilters ul li.selected { background-color: var(--color-gray-2);} .searchResultsDefault .searchResultsFilters ul li.selected + li a, .searchResultsDefault .searchResultsFilters ul li.selected a { border-top-color: transparent;} .searchResultsDefault .searchResultsFilters ul li.selected:after { background-color: var(--color-yellow);} /*! |----------------------------------------------------------------------------------------- | | | Search Results - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Account Login - Start | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Account Login - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Files List One - Start | | |----------------------------------------------------------------------------------------- */ .filesListOne .filesListFilters ul { overflow: hidden; padding: 5px 0; border-radius: 4px;} .filesListOne .filesListFilters ul li { padding: 0 25px; margin: 0;} .filesListOne .filesListFilters ul li a { position: relative; display: block; padding: 15px 0 15px 22px; color: var(--color-gray-8); font-size: 14px; font-weight: 700;} .filesListOne .filesListFilters ul li a i { position: absolute; left: 0; font-size: 12px; color: var(--color-gray-6); margin-right: 10px;} .filesListOne .filesListFilters ul li a:hover { color: var(--color-secondary);} .filesListOne .filesListFilters ul li + li a { border-top: 1px solid rgba(0, 0, 0, 0.2);} .filesListOne .filesListFilters ul li:after { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 30px; border-radius: 0 4px 4px 0; background-color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;} .filesListOne .filesListFilters ul li:hover:after { background-color: var(--color-yellow);} .filesListOne .filesListFilters ul li.selected { background-color: var(--color-gray-2);} .filesListOne .filesListFilters ul li.selected + li a, .filesListOne .filesListFilters ul li.selected a { border-top-color: transparent;} .filesListOne .filesListFilters ul li.selected:after { background-color: var(--color-yellow);} .filesListOne .filesListItem:not([data-file-type=image]) .imgCardImg { background-color: var(--color-gray-2); background-repeat: no-repeat; background-size: 32px auto; background-position: center;} /*! |----------------------------------------------------------------------------------------- | | | Files List One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Testimonial One - Start | | |----------------------------------------------------------------------------------------- */ .testimonialOne .testimonialWrap { display: flex; margin-bottom: 30px;} .testimonialOne .testimonialInner { position: relative;} .testimonialOne .testimonialQuotLeft { margin-bottom: 15px;} .testimonialOne .testimonialQuotRight { position: absolute; bottom: 0; right: 0;} .testimonialOne .testimonialAvatar { flex: 0 0 125px; width: 125px; height: 125px; padding: 8px; border-radius: 50%; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);} .testimonialOne .testimonialAvatar > .mwPageBlock.File, .testimonialOne .testimonialAvatar > .mwPageBlock.File > .blockContents { width: 100%; height: 100%;} .testimonialOne .testimonialAvatar .stretchImg { border-radius: 50%;} .testimonialOne .testimonialMain { flex: 0 1 auto; padding: 30px 40px; background-color: var(--color-white); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);} .testimonialOne .testimonialName { color: var(--color-yellow); font-size: 20px; margin-bottom: 5px; font-weight: 700;} .testimonialOne .testimonialTitle { color: var(--color-gray-5);} .testimonialOne.testimonialLeft .testimonialAvatar { margin-right: 30px;} .testimonialOne.testimonialRight .testimonialAvatar { margin-left: 30px;} /*! |----------------------------------------------------------------------------------------- | | | Testimonial One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Courses Banner One - Start | | |----------------------------------------------------------------------------------------- */ .videoCoursesBannerOne .videoCoursesBannerWrap { position: relative; padding-top: 180px; padding-bottom: 360px; margin-bottom: -260px;} @media (max-width: 991px) { .videoCoursesBannerOne .videoCoursesBannerWrap { padding-top: 80px; padding-bottom: 160px; margin-bottom: -120px; } } .videoCoursesBannerOne .bannerBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .videoCoursesBannerOne .bannerBg > .mwPageBlock, .videoCoursesBannerOne .bannerBg > .mwPageBlock > .blockContents { width: 100%; height: 100%;} .videoCoursesBannerOne .stretchImg { background-position: top center;} .videoCoursesBannerOne .bannerOverlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);} .videoCoursesBannerOne .bannerGradient { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);} .videoCoursesBannerOne .bannerContent { position: relative;} .videoCoursesBannerOne .bannerTitle { max-width: 540px;} .videoCoursesBannerOne .bannerTitle h1 { color: var(--color-white); line-height: 1; font-size: 70px; margin-bottom: 15px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} @media (max-width: 991px) { .videoCoursesBannerOne .bannerTitle h1 { font-size: 50px; } } .videoCoursesBannerOne .bannerCaption { color: var(--color-white); font-size: 18px; max-width: 540px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} .videoCoursesBannerOne .bannerSearch { overflow: hidden; position: relative; margin-bottom: 90px; border-radius: 3px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);} .videoCoursesBannerOne .bannerSearch form { margin-right: 160px; padding: 20px 25px 10px;} @media (max-width: 991px) { .videoCoursesBannerOne .bannerSearch form { margin-right: 0; margin-bottom: 60px; } } .videoCoursesBannerOne .bannerSearch .searchBtn { overflow: hidden; position: absolute; top: 0; right: 0; height: 100%; width: 160px; padding: 20px 35px; color: var(--color-white); font-weight: 700; background-color: var(--color-yellow); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} @media (max-width: 991px) { .videoCoursesBannerOne .bannerSearch .searchBtn { top: auto; bottom: 0; height: 60px; width: 100%; } } .videoCoursesBannerOne .bannerSearch .searchBtn:before { opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--color-other); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .videoCoursesBannerOne .bannerSearch .searchBtn i, .videoCoursesBannerOne .bannerSearch .searchBtn span { position: relative; right: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .videoCoursesBannerOne .bannerSearch .searchBtn:hover:before { opacity: 1; width: 100%;} .videoCoursesBannerOne .bannerSearch .searchBtn:hover i, .videoCoursesBannerOne .bannerSearch .searchBtn:hover span { right: -3px;} .videoCoursesBannerOne .bannerCategory { overflow: hidden; position: relative; border-radius: 3px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);} .videoCoursesBannerOne .bannerCategory .categoryItem { border-right: 1px solid rgba(0, 0, 0, 0.2);} .videoCoursesBannerOne .bannerCategory .categoryItem:nth-last-child(-n+2) { border-right: none;} @media (max-width: 991px) { .videoCoursesBannerOne .bannerCategory .categoryItem:nth-child(2) { border-right: none; } .videoCoursesBannerOne .bannerCategory .categoryItem:nth-child(-n+2) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } } @media (max-width: 375px) { .videoCoursesBannerOne .bannerCategory .categoryItem { border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .videoCoursesBannerOne .bannerCategory .categoryItem:nth-last-child(-n+2) { border-bottom: none; } } .videoCoursesBannerOne .bannerCategory .categoryAll { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100%; padding: 20px 35px; color: var(--color-white); font-weight: 700; background-color: var(--color-other); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .videoCoursesBannerOne .bannerCategory .categoryAll:before { opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--color-yellow); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .videoCoursesBannerOne .bannerCategory .categoryAll i, .videoCoursesBannerOne .bannerCategory .categoryAll span { position: relative; right: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .videoCoursesBannerOne .bannerCategory .categoryAll i { margin-left: 5px;} .videoCoursesBannerOne .bannerCategory .categoryAll:hover:before { opacity: 1; width: 100%;} .videoCoursesBannerOne .bannerCategory .categoryAll:hover i, .videoCoursesBannerOne .bannerCategory .categoryAll:hover span { right: -3px;} /* |----------------------------------------------------------------------------------------- | | | Video Courses Banner One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Courses List One - Start | | |----------------------------------------------------------------------------------------- */ .videoCoursesListOne { position: relative;} .videoCoursesListOne .videoCoursesListGroup { margin-bottom: 30px;} /* |----------------------------------------------------------------------------------------- | | | Video Courses List One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Courses Filter One - Start | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Video Courses Filter One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Courses Details One - Start | | |----------------------------------------------------------------------------------------- */ .videoCoursesDetailsOne .courseHeaderRight { display: flex; flex-wrap: wrap; flex-direction: column;} .videoCoursesDetailsOne .courseHeaderRightBottom { margin-top: auto;} .videoCoursesDetailsOne .courseMetas:not(.Dialog) th, .videoCoursesDetailsOne .courseMetas:not(.Dialog) td { border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .videoCoursesDetailsOne .courseMetas:not(.Dialog) th { font-weight: 700; padding: 15px 15px 15px 0;} .videoCoursesDetailsOne .courseMetas:not(.Dialog) td { padding: 15px 0 15px 15px;} .videoCoursesDetailsOne .courseMetas:not(.Dialog) tr:first-of-type th, .videoCoursesDetailsOne .courseMetas:not(.Dialog) tr:first-of-type td { padding-top: 0;} .videoCoursesDetailsOne .courseMetas:not(.Dialog) tr:last-of-type th, .videoCoursesDetailsOne .courseMetas:not(.Dialog) tr:last-of-type td { padding-bottom: 0; border-bottom: none;} .videoCoursesDetailsOne .courseMetas:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: transparent;} .videoCoursesDetailsOne .coursePriceOld { color: var(--color-gray-5); text-decoration: line-through;} .videoCoursesDetailsOne .coursePriceNew { font-size: 32px; margin-bottom: 15px; font-weight: 700;} .videoCoursesDetailsOne .coursePriceCountdown { color: #fd7e14; margin-bottom: 15px;} .videoCoursesDetailsOne .speakerAvatar { width: 80px; height: 80px; margin-bottom: 15px; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .videoCoursesDetailsOne .courseTestBtn p a[disabled], .videoCoursesDetailsOne .courseTestBtn p a :disabled { cursor: not-allowed; border-color: var(--color-gray-5); background-color: var(--color-gray-5);} /* |----------------------------------------------------------------------------------------- | | | Video Courses Details One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Courses Test One - Start | | |----------------------------------------------------------------------------------------- */ .videoCoursesTestOne .courseThumb { margin-bottom: 30px; border-radius: 3px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);} .videoCoursesTestOne .courseTitle { position: relative; padding-bottom: 25px; margin-bottom: 25px;} .videoCoursesTestOne .courseTitle:after { content: ""; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: var(--color-yellow);} .videoCoursesTestOne .courseMetas:not(.Dialog) th, .videoCoursesTestOne .courseMetas:not(.Dialog) td { border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2);} .videoCoursesTestOne .courseMetas:not(.Dialog) th { font-weight: 700; padding: 5px 5px 5px 0;} .videoCoursesTestOne .courseMetas:not(.Dialog) td { padding: 5px 0 5px 5px;} .videoCoursesTestOne .courseMetas:not(.Dialog) tr:first-of-type th, .videoCoursesTestOne .courseMetas:not(.Dialog) tr:first-of-type td { padding-top: 0;} .videoCoursesTestOne .courseMetas:not(.Dialog) tr:last-of-type th, .videoCoursesTestOne .courseMetas:not(.Dialog) tr:last-of-type td { padding-bottom: 0; border-bottom: none;} .videoCoursesTestOne .courseMetas:not(.Dialog) tbody tr:nth-of-type(odd) { background-color: transparent;} .videoCoursesTestOne .Dialog th { font-weight: 700;} .videoCoursesTestOne .testResultBadge { font-size: 60px; border-radius: 50%; margin-bottom: 5px;} .videoCoursesTestOne .testResultTitle { margin-bottom: 15px;} .videoCoursesTestOne .qst-answer.valid td { color: var(--color-yellow); font-weight: 700;} .videoCoursesTestOne .qst-answer.invalid td { color: var(--color-red); font-weight: 700; text-decoration: line-through;} .videoCoursesTestOne .testResultFailed .testResultBadge { color: var(--color-red); text-shadow: 0 10px 30px rgba(220, 53, 69, 0.3);} .videoCoursesTestOne .testResultFailed .testResultTitle { color: var(--color-red);} .videoCoursesTestOne .testResultPassed .testResultBadge { color: var(--color-yellow); text-shadow: 0 10px 30px rgba(46, 183, 160, 0.3);} .videoCoursesTestOne .testResultPassed .testResultTitle { color: var(--color-yellow);} /* |----------------------------------------------------------------------------------------- | | | Video Courses Test One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Courses Review One - Start | | |----------------------------------------------------------------------------------------- */ .videoCoursesReviewOne .headerInner { display: flex; flex-wrap: wrap;} .videoCoursesReviewOne .courseBadge { width: 156px; height: 156px; padding: 10px; margin-bottom: 30px; margin-right: 30px; border-radius: 50%;} .videoCoursesReviewOne .courseBadge i { width: 100%; height: 100%; color: var(--color-white); font-size: 60px; text-align: center; line-height: 136px; border-radius: 50%;} .videoCoursesReviewOne .reviewTitle { margin-bottom: 15px;} .videoCoursesReviewOne .reviewScores { margin-bottom: 30px;} .videoCoursesReviewOne .reviewList > li { padding-left: 50px; margin-bottom: 30px;} @media (max-width: 767px) { .videoCoursesReviewOne .reviewList > li { padding-left: 30px; } } .videoCoursesReviewOne .reviewList > li:before { line-height: 1.32; font-size: 30px; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;} @media (max-width: 767px) { .videoCoursesReviewOne .reviewList > li:before { font-size: 20px; } } .videoCoursesReviewOne .reviewList .testPassed:before { color: var(--color-yellow); content: "\F058";} .videoCoursesReviewOne .reviewList .testFailed:before { color: #fd7e14; content: "\F057";} .videoCoursesReviewOne .reviewList .testQuestion { margin-bottom: 10px;} .videoCoursesReviewOne .reviewList .testAnswers { margin: 0;} .videoCoursesReviewOne .reviewList .testAnswers > li { padding-left: 0; margin-bottom: 5px;} .videoCoursesReviewOne .reviewList .testAnswers > li:before { display: none;} .videoCoursesReviewOne .reviewList .testCorrectAnswer { color: var(--color-yellow);} .videoCoursesReviewOne .reviewList .testWrongAnswer { color: #fd7e14; text-decoration: line-through;} .videoCoursesReviewOne.videoCoursesReviewPassed .courseBadge { background-color: rgba(46, 183, 160, 0.1); box-shadow: 0 10px 30px rgba(46, 183, 160, 0.08);} .videoCoursesReviewOne.videoCoursesReviewPassed .courseBadge i { background-color: var(--color-yellow); box-shadow: 0 10px 30px rgba(46, 183, 160, 0.3);} .videoCoursesReviewOne.videoCoursesReviewPassed .reviewTitle { color: var(--color-yellow);} .videoCoursesReviewOne.videoCoursesReviewFailed .courseBadge { background-color: rgba(253, 126, 20, 0.1); box-shadow: 0 10px 30px rgba(253, 126, 20, 0.08);} .videoCoursesReviewOne.videoCoursesReviewFailed .courseBadge i { background-color: #fd7e14; box-shadow: 0 10px 30px rgba(253, 126, 20, 0.3);} .videoCoursesReviewOne.videoCoursesReviewFailed .reviewTitle { color: #fd7e14;} /* |----------------------------------------------------------------------------------------- | | | Video Courses Review One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Video Courses Checkout One - Start | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Video Courses Checkout One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Directories Module Banner One - Start | | |----------------------------------------------------------------------------------------- */ .liveEdBlock .directoriesBannerOne { padding-top: 34px;} .directoriesBannerOne .directoriesBannerWrap { position: relative; padding-top: 160px; padding-bottom: 0;} .directoriesBannerOne .bannerBg { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 100px);} .directoriesBannerOne .bannerBg > .mwPageBlock, .directoriesBannerOne .bannerBg > .mwPageBlock > .blockContents { width: 100%; height: 100%;} .directoriesBannerOne .stretchImg { background-position: top center;} .directoriesBannerOne .bannerGradient { position: absolute; left: 0; bottom: 0; width: 100%; height: 35%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);} .directoriesBannerOne .bannerContent { position: relative;} .directoriesBannerOne .bannerTitle { max-width: 540px;} .directoriesBannerOne .bannerTitle h1, .directoriesBannerOne .bannerTitle h2, .directoriesBannerOne .bannerTitle h3, .directoriesBannerOne .bannerTitle h4, .directoriesBannerOne .bannerTitle h5, .directoriesBannerOne .bannerTitle h6 { color: var(--color-white); line-height: 1; font-size: 70px; margin-bottom: 15px;} .directoriesBannerOne .bannerCaption { color: var(--color-white); font-size: 18px; max-width: 540px; margin-bottom: 90px;} .directoriesBannerOne .bannerSearch { overflow: hidden; position: relative; margin-bottom: 90px; border-radius: 3px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);} .directoriesBannerOne .bannerSearch form { margin-right: 160px; padding: 20px 25px 10px;} @media (max-width: 991px) { .directoriesBannerOne .bannerSearch form { margin-right: 0; margin-bottom: 60px; } } .directoriesBannerOne .bannerSearch .searchBtn { overflow: hidden; position: absolute; top: 0; right: 0; height: 100%; width: 160px; padding: 20px 35px; color: var(--color-white); font-weight: 700; background-color: var(--color-yellow); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} @media (max-width: 991px) { .directoriesBannerOne .bannerSearch .searchBtn { top: auto; bottom: 0; height: 60px; width: 100%; } } .directoriesBannerOne .bannerSearch .searchBtn:before { opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--color-other); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .directoriesBannerOne .bannerSearch .searchBtn i, .directoriesBannerOne .bannerSearch .searchBtn span { position: relative; right: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .directoriesBannerOne .bannerSearch .searchBtn:hover:before { opacity: 1; width: 100%;} .directoriesBannerOne .bannerSearch .searchBtn:hover i, .directoriesBannerOne .bannerSearch .searchBtn:hover span { right: -3px;} .directoriesBannerOne .bannerCategory { overflow: hidden; position: relative; border-radius: 3px; background-color: var(--color-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);} .directoriesBannerOne .bannerCategoryTitle h1, .directoriesBannerOne .bannerCategoryTitle h2, .directoriesBannerOne .bannerCategoryTitle h3, .directoriesBannerOne .bannerCategoryTitle h4, .directoriesBannerOne .bannerCategoryTitle h5, .directoriesBannerOne .bannerCategoryTitle h6 { color: var(--color-white);} .directoriesBannerOne .categoryItem { border-right: 1px solid rgba(0, 0, 0, 0.2);} .directoriesBannerOne .categoryItem:nth-last-child(-n+2) { border-right: none;} @media (max-width: 991px) { .directoriesBannerOne .categoryItem:nth-child(2) { border-right: none; } .directoriesBannerOne .categoryItem:nth-child(-n+2) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } } @media (max-width: 375px) { .directoriesBannerOne .categoryItem { border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .directoriesBannerOne .categoryItem:nth-last-child(-n+2) { border-bottom: none; } } .directoriesBannerOne .categoryAll { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100%; padding: 20px 35px; color: var(--color-white); font-weight: 700; background-color: var(--color-other); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .directoriesBannerOne .categoryAll:before { opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--color-yellow); transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .directoriesBannerOne .categoryAll i, .directoriesBannerOne .categoryAll span { position: relative; right: 0; transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;} .directoriesBannerOne .categoryAll i { margin-left: 5px;} .directoriesBannerOne .categoryAll:hover:before { opacity: 1; width: 100%;} .directoriesBannerOne .categoryAll:hover i, .directoriesBannerOne .categoryAll:hover span { right: -3px;} /* |----------------------------------------------------------------------------------------- | | | Directories Module Banner One - End | | |----------------------------------------------------------------------------------------- */ /*! |----------------------------------------------------------------------------------------- | | | Directories Module List Two - Start | | |----------------------------------------------------------------------------------------- */ .directoriesListTwo .imgCardWrap { border-top: 5px solid var(--color-yellow);} /* |----------------------------------------------------------------------------------------- | | | Directories Module List Two - End | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Events Calendar One - Start | | |----------------------------------------------------------------------------------------- */ .eventsCalendarOne .mwCalendar-daysList { display: flex; flex-wrap: wrap; margin: 0 0 0 0; padding: 10px; padding-top:0 } .eventsCalendarOne .mwCalendar-day.event { background: var(--color-yellow); } .eventsCalendarOne .mwCalendar-day.event p { color: var(--color-white); } .eventsCalendarOne .mwCalendar-day.weekend p { /* color: var(--color-blue); */ } .eventsCalendarOne .mwCalendar-day.today { background-color: transparent; } .eventsCalendarOne .mwCalendar-day.prevMonth, .eventsCalendarOne .mwCalendar-day.nextMonth { border: none; visibility: hidden; } .eventsCalendarOne .calendarTop { width: 100%; display: flex; justify-content: end; border-bottom: 1px solid var(--color-gray-5); padding: 15px; } .eventsCalendarOne .calendarTop span { font-size: 16px; margin-right: auto; font-family: ITC Leawood W03 Bold; } .eventsCalendarOne .calendarTop span:first-child { color:var(--color-yellow); } .mwCalendar-previous {margin-right:20px} .eventsCalendarOne .dayTitles {display:flex; justify-content:space-around;font-family: ITC Leawood W03 Bold;} .eventsCalendarOne .dayTitles p {max-width:14%;width: 14%;height:40px;text-align:center;margin-bottom: 0;display: flex;justify-content: center;align-items: center;font-family: ITC Leawood W03 Bold;} .eventsCalendarOne .mwCalendar-day { box-sizing: border-box; flex-grow: 1; width: 14%; height: 50px; padding: 10px 10px; overflow: hidden; list-style: none; border: none; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto; } .eventsCalendarOne .mwCalendar-day p {font-size:16px;text-align:center;padding-bottom:0;margin-bottom: 0;line-height: 1.7;color: var(--color-blue);} .eventsCalendarOne .mwCalendar-month {box-shadow: 0 10px 30px rgb(0 0 0 / 8%);border-radius: 4px;/* max-width: 350px; */margin: 0 auto;font-family: ITC Leawood W03 Bold;} .eventsCalendarOne .calendarSearch { display: flex; width: 100%; margin-top: 40px; } .eventsCalendarOne .calendarSearch button p { display: none; } .eventsCalendarOne .calendarSearch button { width: 40px; background: var(--color-yellow) url(../images/calendarSearch.png) center center no-repeat; border-radius: 0; } .eventsCalendarOne .calendarSearch button:hover { background: var(--color-yellow) url(../images/calendarSearch.png) center center no-repeat; } .eventsCalendarOne .calendarSearch .mwInput { width: 100%; border: 1px solid var(--color-gray-3); box-shadow: none; border-radius: 4px 0 0 4px; font-size:14px; } .eventsCalendarOne .calendarSearch .mwInput.focus {box-shadow:none;} .eventsCalendarOne .calendarSearch { display: flex; margin-bottom: 30px; } .eventsCalendarOne .calendarSearch button { flex: 0 0 auto; height: 45px; color: var(--color-white); } .eventsCalendarOne .calendarAccordion .accordionBtn { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 12px 15px; } .eventsCalendarOne .calendarAccordion .accordionBtnIcon { } .eventsCalendarOne .calendarAccordion .accordionContent { } .eventsCalendarOne .calendarAccordion .accordionContentWrap { padding: 10px 20px 30px; border: 1px solid #E0E0E0; margin-bottom: 25px; } .eventsCalendarOne .calendarAccordion .mwInput.checkbox { padding-top: 5px; } .eventsCalendarOne .calendarAccordion:hover .accordionBtn, .eventsCalendarOne .calendarAccordion.active .accordionBtn { color: var(--color-white); background-color: var(--color-yellow); } .eventsCalendarOne .calendarAccordion.active .accordionBtnIcon { -webkit-transform: scaleY(-1); transform: scaleY(-1); } /* |----------------------------------------------------------------------------------------- | | | Events Calendar One - End | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Events Calendar Two - Start | | |----------------------------------------------------------------------------------------- */ .eventsCalendarTwo .mwCalendar-daysList { display: flex; flex-wrap: wrap; margin: 15px; padding: 0; padding-top: 0; border: 1px solid var(--color-gray-2); margin-top: 0; border-radius: 4px; } .eventsCalendarTwo .dayTitles {display:flex; justify-content:space-around;} .eventsCalendarTwo .dayTitles p {max-width: unset;width: 14%;height: 60px;text-align:center;margin-bottom: 0;display: flex;justify-content: center;align-items: center;} .eventsCalendarTwo .mwCalendar-day { box-sizing: border-box; flex-grow: 1; width: 14%; height: 150px; padding: 10px 10px; overflow: unset; list-style: none; border: 1px solid var(--color-gray-2); border-radius: 0; max-width: unset; /*background: rgba(112, 128, 144, 0.2);*/ display: block; justify-content: unset; align-content: unset; text-align: left!important; margin: 0 auto; } .eventsCalendarTwo .mwCalendar-itemsList {} .eventsCalendarTwo .mwCalendar-day.event {background: var(--color-yellow);position: relative;} .eventsCalendarTwo .mwCalendar-day p {font-size:16px;text-align: left;color: var(--color-gray-8);padding-bottom:0;margin-bottom: 0;line-height: 1.7;} .eventsCalendarTwo .mwCalendar-day.event p, .eventsCalendarTwo .mwCalendar-day.event p a {color:var(--color-white);margin-bottom:5px} .eventsCalendarTwo .mwCalendar-day.event .mwCalendar-item p {line-height:1.2} .eventsCalendarTwo .mwCalendar-day.event p span {font-size:13px;} .eventsCalendarTwo .mwCalendar-day.today { background-color: var(--color-secondary-lighter); } .eventsCalendarTwo .mwCalendar-day.today p {color:var(--color-white);} .eventsCalendarTwo .mwCalendar-day.weekend { color : var(--color-gray-8); } .eventsCalendarTwo .mwCalendar-day.free { color: var(--color-gray-8); } .eventsCalendarTwo .mwCalendar-day.holiday { color: var(--color-gray-8); } .eventsCalendarTwo .mwCalendar-day.prevMonth, .eventsCalendarTwo .mwCalendar-day.nextMonth { color: var(--color-gray-2); border: 1px solid var(--color-gray-2); visibility: visible; background: var(--color-gray-2); } .eventsCalendarTwo {padding:0 15px;} .eventsCalendarTwo .mwCalendar-day.prevMonth p, .eventsCalendarTwo .mwCalendar-day.nextMonth p {color: var(--color-gray-2);} .eventsCalendarTwo .mwCalendar-month {box-shadow: 0 10px 30px rgb(0 0 0 / 8%);border-radius: 4px;width: 100%;padding-bottom: 1px;margin: 0 auto;} .eventsCalendarTwo .calendarTop {width:100%; display:flex; justify-content:space-between;border-bottom:1px solid var(--color-gray-5);padding: 15px;} .eventsCalendarTwo .calendarTop span {color:var(--color-gray-8);font-size: 18px;} .eventsCalendarTwo .dayItems {position:relative;} .eventsCalendarTwo .dayItems .hoverPopup {position: absolute; background:var(--color-white); padding:15px;box-shadow: 0 0 20px rgba(0,0,0,0.15);width: 230px;height: auto;left: -130px;top: 30px;z-index: 9;} .eventsCalendarTwo .dayItems .hoverPopup p {color:var(--color-gray-8)} .eventsCalendarTwo .calendarSearch { display: flex; width: 100%; margin-top: 40px; margin-bottom: 50px; padding-left: 15px; padding-right: 15px; } .eventsCalendarTwo .calendarSearch button p { display: none; } .eventsCalendarTwo .calendarSearch button { width: 40px; background: var(--color-yellow) url(../images/calendarSearch.png) center center no-repeat; border-radius: 0 4px 4px 0; } .eventsCalendarTwo .calendarSearch button:hover { background: var(--color-yellow) url(../images/calendarSearch.png) center center no-repeat; } .eventsCalendarTwo .calendarSearch .mwInput { width: 100%; border: 1px solid var(--color-gray-4); box-shadow: none; border-radius: 4px 0 0 4px; } @media (max-width:991px) { .eventsCalendarTwo .mwCalendar-day.event p a {display:none;} .eventsCalendarTwo .mwCalendar-day {height:50px;} } /* |----------------------------------------------------------------------------------------- | | | Events Calendar Two - End | | |----------------------------------------------------------------------------------------- */ /* |----------------------------------------------------------------------------------------- | | | Events Calendar Three - Start | | |----------------------------------------------------------------------------------------- */ .tabsFourCalendar { background-color: transparent; box-shadow: none;} .tabsFourCalendar .tabsContent { padding: 30px 0 1px;} .tabsFourCalendar .tabsContent .eShopEventsOne .eventsItemBody {border: 1px solid var(--color-gray-3); border-top:none;border-radius: 4px;} .eventsCalendarThree .mwCalendar-daysList { display: flex; flex-wrap: wrap; margin: 0; padding: 0; padding-top: 0; margin-top: 0; border-radius: 4px; } .eventsCalendarThree .dayTitles {display:flex; justify-content:space-around;} .eventsCalendarThree .dayTitles p {max-width: unset;width: 14%;height: 60px;text-align:center;margin-bottom: 0;display: flex;justify-content: left;align-items: center;padding: 10px;font-weight: 700;} .eventsCalendarThree .mwCalendar-day { box-sizing: border-box; flex-grow: 1; width: 14%; height: 200px; padding: 10px 10px; overflow: unset; list-style: none; border: none; border-radius: 0; max-width: unset; display: block; justify-content: unset; align-content: unset; text-align: left!important; margin: 0 auto 30px; } .eventsCalendarThree .mwCalendar-day .dayInner {border-top: 2px solid var(--color-gray-3);height: 200px;padding: 0 10px;} .eventsCalendarThree .mwCalendar-day.event {position: relative;} .eventsCalendarThree .mwCalendar-day.event .dayInner {background: var(--color-yellow-light);border-top: 2px solid var(--color-yellow);} .dayInner {} .eventsCalendarThree .mwCalendar-day p {font-size: 18px;text-align: left;color: var(--color-gray-8);padding-bottom:0;margin-bottom: 0;line-height: 1.7;font-weight: 700;margin-top: 10px;} .eventsCalendarThree .mwCalendar-day.event p, .eventsCalendarThree .mwCalendar-day.event p a {margin-bottom:5px} .eventsCalendarThree .mwCalendar-day.event p a {font-size:16px; color:var(--color-gray-8)} .eventsCalendarThree .mwCalendar-day.event .mwCalendar-item p {line-height:1.2} .eventsCalendarThree .mwCalendar-day.event p span {font-size:14px;font-weight:400} .eventsCalendarThree .mwCalendar-day.today { background:transparent; } .eventsCalendarThree .mwCalendar-day.today .dayInner {border-top:2px solid var(--color-yellow)} .eventsCalendarThree .mwCalendar-day.today p {color:var(--color-gray-8);} .eventsCalendarThree .mwCalendar-day.weekend { color : var(--color-gray-8); } .eventsCalendarThree .mwCalendar-day.free { color: var(--color-gray-8); } .eventsCalendarThree .mwCalendar-day.holiday { color: var(--color-gray-8); } .eventsCalendarThree .mwCalendar-day.prevMonth, .eventsCalendarThree .mwCalendar-day.nextMonth { color: var(--color-gray-3); visibility: visible; background: transparent; } .eventsCalendarThree {} .eventsCalendarThree .mwCalendar-day.prevMonth p, .eventsCalendarThree .mwCalendar-day.nextMonth p {color: var(--color-gray-3);} .eventsCalendarThree .mwCalendar-month {border-radius: 4px;width: 100%;padding-bottom: 1px;margin: 0 auto;} .eventsCalendarThree .calendarTop {width:100%; display:flex; justify-content:space-between;padding: 15px 0;} .eventsCalendarThree .calendarTop .calendarTopInner {display:flex; align-items:center; justify-content:space-around} .eventsCalendarThree .calendarTop .calendarTopInner button {margin:0 15px} .eventsCalendarThree .calendarTop .calendarTopInner button:first-child {margin-left:0} .eventsCalendarThree .calendarTop span {color:var(--color-gray-8);font-size: 24px;font-weight: 900;} .eventsCalendarThree .dayItems {position:relative;} .calendarThreeFilter .calendarSearch { display: flex; width: 100%; margin-top: 40px; margin-bottom: 50px; padding-left: 30px; padding-right: 15px; border: 2px solid var(--color-gray-2); align-items: center; } .calendarThreeFilter .calendarSearch button p {color: #fff;text-transform: uppercase;font-weight: 700;margin-bottom: 0;} .calendarThreeFilter .calendarSearch button { width: 200px; background: var(--color-yellow); border-radius: 0; display: flex; align-items: center; justify-content: center; height: 50px; } .calendarThreeFilter .calendarSearch button:hover { background: var(--color-yellow); } .calendarThreeFilter .calendarSearch .mwInput { width: 100%; height: 70px; box-shadow: none; border-radius: 4px 0 0 4px; border: none; background: url(../images/calendarThreeSearch.png) center left no-repeat; } .calendarThreeFilter .calendarSearch .mwInput.focus {box-shadow:none;} .calendarThreeFilter .calendarSearch .mwInput input {text-indent:15px} @media (max-width:991px) { .eventsCalendarThree .mwCalendar-day.event p a, .eventsCalendarThree .mwCalendar-day.event p span {display:none;} .eventsCalendarThree .mwCalendar-day, .eventsCalendarThree .mwCalendar-day .dayInner {height:50px;margin-bottom:15px} } .utilityBarDropDown {margin-right:20px;} .utilityBarDropDown li {height: 36px;line-height: 36px;} .utilityBarDropDown li:first-child {background: var(--color-yellow);padding: 0 30px;} .utilityBarDropDown li:first-child:hover {background: var(--color-yellow); } .utilityBarDropDown li:first-child:hover a { color:#fff; } .utilityBarDropDown li li:first-child { background:none; padding:unset;} .utilityBarDropDown li li:first-child:hover { background:none;} .utilityBarItems a {margin-right:20px;} .utilityBarDropDown ul { position: relative; } .utilityBarDropDown ul .utilDD {display: none;position: absolute;top: 35px;left:0;background-color: #f5f3f3;min-width: 310px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 0;z-index: 1;} .utilityBarDropDown ul ul a {color: var(--color-black) !important; padding:0 16px} .utilityBarDropDown ul ul a:hover {color: var(--color-white) !important;} .utilityBarDropDown ul ul li:hover {background: var(--color-yellow) !important;} .utilityBarDropDown ul:hover .utilDD { display: block; } .utilityBarDropDown ul ul li {position:relative;} .utilityBarDropDown ul ul ul {display:none; } .utilityBarDropDown ul ul li:hover ul {display:block} .utilityBarDropDown ul ul ul {position:absolute; left:100%; width:100%; background:#fff; top:0; } .utilityBarItems ul { display:flex;} .btnHalfRoundYellow a { border:none; background:var(--color-yellow); border-radius:20px 0 0 20px; color:#fff;} .btnHalfRoundBlack a {border:none;background-color: #110266;border-radius:0 20px 20px 0;color:#fff;margin: 0;} .btnHalfRoundYellow a:hover { background:var(--color-gray-7); } .btnHalfRoundBlack a:hover { background:var(--color-gray-7); } .mobileMenuNav .btnHalfRoundYellow a { border-radius:20px; } .mobileMenuNav .btnHalfRoundBlack a { border-radius:20px; } /************ Video Banner ************/ .pageBannerOne .pageBannerWrap {padding: 730px 0 100px;background: rgba(0,0,0,.2);} .videobanner { overflow:hidden;height: 700px;} #myVideo { position:absolute; top:0px; right: 0; left: 0; bottom: 0; width: 100% !important; height: auto !important; } .playbutton { position:absolute; right:50px;bottom: 120px;} .playbutton a {color: var(--color-yellow); text-transform:uppercase;font-weight: 800;} /************ Home Four Column Buttons ************/ .homeFourColumnWrap {position: relative;width: 100%;background: #fff;} .homeFourColumn {max-width: 1278px; margin:0 auto; display:flex; justify-content:space-between;position: relative;top: -60px;z-index: 1;} .homeFourCol {width: 23.3%; background:#fff; text-align:center;padding: 31px 27px 0;position: relative;box-shadow: 0 0px 28px rgb(0 0 0 / 10%);color: var(--color-yellow);border: 1px solid #fff;} .homeFourCol:first-child {background:var(--color-yellow); color:#fff;font-size: 37px;text-align: left;font-family: ITC Leawood W03 Bold;font-weight: 700;line-height: 40px;padding: 27px 40px 20px;/* text-transform: uppercase; */font-variant: small-caps;} .homeFourCol h4 { color:var(--color-yellow); font-family: museo-sans, sans-serif;font-size: 27px;padding: 10px 0;} .homeFourCol .plus {border: 1px solid #E6E6E6;width: 56px; margin:0 auto;color: var(--color-yellow);border-radius: 25px 25px 0 0;position: relative;bottom: -3px;/* left: calc(50% - 28px); */font-size: 40px;border-bottom: none;font-weight: 100;} .homeFourCol:hover .plus { color: var(--color-white); background:var(--color-yellow); } .homeFourCol:hover {border: 1px solid var(--color-yellow);} @media (max-width:991px) { .homeFourColumn { display:block; width:90% } .homeFourCol {width: 100%; background:#fff; text-align:center;padding: 31px 27px 0;position: relative;box-shadow: 0 0px 28px rgb(0 0 0 / 10%);color: var(--color-yellow);border: 1px solid #fff;} .homeFourCol:first-child {padding:40px 20px;text-align: center;font-size: 27px;} } /************ Home Tabs ************/ .homeTabsWrap { display:flex;overflow: hidden;} .tabsLeft { width:25%; background: var(--color-yellow);} .tabsLeft.Academics {background: var(--color-yellow); } .tabsLeft.Athletics {background:#653331; } .tabsLeft.Extracurricular {background:#034C8C; } .tabsLeftTop {height: 80px;line-height: 80px;border-right: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0;text-align: center;font-size: 18px;color: #969696;background: #fff;} .tabsLeftBottom {/* background: var(--color-yellow); */display: grid;justify-content: center;padding: 21% 15%;} .tabsLeftBottom h4 {font-size: 47px;color: #fff;margin-bottom: 30px;line-height: 47px;} .tabsRight {width:75%;} .tabsRightMenu {display:flex;justify-content: space-between;/* border-bottom: 1px solid #E0E0E0; */} .tabsRightMenu div { text-align:center;width: 33.33333333%;height: 80px;line-height: 80px;border-right: 1px solid #E0E0E0;font-size: 24px;cursor: pointer;border-bottom: 1px solid #E0E0E0;font-weight: 900;} .tabcontentWrap {background: #FCF9F2;} .tabAcademics {} .tabAthletics { background: #F5EEED; } .tabExtracurricular { background: #EDF5FC; } .tabAthletics .countUpNum, .tabAthletics .countUpSymbol { color:#653331;} .tabExtracurricular .countUpNum, .tabExtracurricular .countUpSymbol { color:#034C8C;} .tabBtnAcademics {color:#D59F0F; } .tabBtnAthletics {color:#653331; } .tabBtnExtracurricular {color:#034C8C; } .tabcontentWrap .row .blockContents {padding: 140px 70px;} .tabcontentWrap .blockContents h3 { font-size:50px; color:var(--color-yellow);font-family: museo-sans, sans-serif;} .tabcontentWrap .blockContents p { font-size:18px; } .tabBtnAcademics.active { background:#FCF9F2; border-bottom:1px solid #FCF9F2; position:relative; font-weight:900; } .tabBtnAcademics.active:after {content:"\30C"; display: block; position: absolute; bottom: -28px ;left: 50%; font-size:30px; font-weight:900;} .tabBtnAthletics.active {background: #F5EEED;border-bottom:1px solid #FCF9F2;position:relative;font-weight:900;} .tabBtnAthletics.active:after {content: "\30C";display: block;position: absolute;bottom: -28px;left: 50%; font-size:30px; font-weight:900;} .tabBtnExtracurricular.active {background: #EDF5FC;border-bottom:1px solid #FCF9F2;position:relative;font-weight:900;} .tabBtnExtracurricular.active:after {content:"\30C"; display: block; position: absolute; bottom: -28px ;left: 50%; font-size:30px; font-weight:900;} @media (max-width:991px) { .tabsLeftTop { display:none;} .homeTabsWrap { display:block;} .tabsLeftBottom {background-color: #120368; padding: 40px 40px 10px;} .tabsLeft { width:100%;} .tabsRight {width:100%;} .tabsRightMenu {/* display:block; */} .tabsRightMenu div { font-size:14px;} .tabcontentWrap {/* padding:20px 50px; */} .tabAcademics {font-size:10px;padding: 20px 30px;} .tabAthletics { width: 100%; padding: 20px 30px; } .tabExtracurricular { padding: 20px 30px; } .tabcontentWrap .threeColItem {padding:20px} } /************ Home Call to Actions ************/ .homeCTAWrap {background: url(../files/galleries/main.jpg) center center no-repeat; background-size:cover; } .homeCTAInner {background: rgba(0,0,0,0.72);padding: 150px 0;} .homeCTAContent {max-width:730px; text-align:center; margin:0 auto;} .homeCTAWrap .decoration {position:absolute;bottom: -64px; left:50%; z-index:9;} .homeCTAWrap h2 {color: navy} /************ PerspectivesWrap ************/ .PerspectivesWrap {border-left: 2px solid var(--color-yellow); max-width:400px; margin:0 auto;} .PerspectivesShadow { background:rgba(0,0,0,.2)} .PerspectivesInner {height:600px;position: relative;padding: 40px;padding-top: 97%;overflow: hidden;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+15,0.65+99 */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */} .PerspectivesBtn {margin-bottom: 20px;opacity: 0;position: relative;} .PerspectivesInner:hover .PerspectivesBtn { opacity: 1; left: 0px; } .PerspectivesWrap h3 { color:#fff;margin-bottom: 0px;font-size: 37px;} .PerspectivesWrap h6 { color: #fff; font-size: 20px; margin-bottom: 40px; } .PerspectivesWrap p { color:#fff;font-size: 20px; margin:0; opacity:0;} .PerspectivesWrap p a {text-decoration:underline; } .PerspectivesWrap p a:hover {text-decoration:none; } .PerspectivesWrap:hover p {opacity:1;} .PerspectivesWrap:hover .PerspectivesInner {padding-top: 47%;} .PerspectivesWrap:hover .PerspectivesShadow {background:none !important} @media (max-width:1000px) { .PerspectivesInner {height:400px;position: relative;padding: 40px;padding-top: 57%;} } @media (max-width:768px) { .PerspectivesInner {height:400px;position: relative;padding: 40px;padding-top: 47%;} .PerspectivesInner .PerspectivesBtn { opacity: 1; left: 0px; } .PerspectivesWrap p {display:none;} } /*Student Slider*/ .studentCarousel {} .studentCarousel:before {content: url(../images/quoteOpen.png);display:block;position:absolute;z-index: 8;width: 96px;height: 96px;top: -30px;left: -30px;} .studentCarousel.carouselNoQuotes:before {display: none;} .studentCarousel:after {content: url(../images/quoteEnd.png);display:block;position:absolute;z-index: 8;width: 96px;height: 96px;bottom: 30px;right: -30px;} .studentCarousel.carouselNoImage:after {content: url(../images/quoteEnd.png);display:block;position:absolute;z-index: 8;width: 96px;height: 96px;bottom: 50px;right: -70px;} .studentCarousel.carouselNoImage.studentSingleItem:after {content: url(../images/quoteEnd.png);display:block;position:absolute;z-index: 8;width: 96px;height: 96px;bottom: -50px;right: -70px;} .studentCarousel.carouselNoQuotes:after {display: none;} .studentCarousel .carouselItem {position: relative;} .studentCarousel .slick-list {padding-bottom: 120px;} .studentCarousel .twoColLeft {width: 53%;height: 410px;float: left;z-index: 8;position: relative;} .studentCarousel .studentOverlay {background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(22,38,87,0.55) 100%); height:410px} .studentCarousel .twoColRight {width: 53%;position: absolute;right: 0;z-index: 7;top: 50px;height: 410px;border: 1px solid #707070;} .studentCarousel.carouselNoImage .twoColRight {width: 100%;z-index: 7;background: #fff;top: 20px;height: 410px;position: relative;} .studentCarousel.carouselNoQuotes .twoColRight {width: 100%;z-index: 7;background: #fff;top: 20px;height: 310px;position: relative;} .studentCarousel .twoColRight .studentInfo {padding: 80px 40px 40px 130px;} .studentCarousel .twoColRight .studentInfo p {font-size: 18px;max-width: 96%;margin-bottom: 15px;color: var(--primecolor);letter-spacing: 2px;} .studentCarousel .twoColRight .studentInfo h1, .studentCarousel .twoColRight .studentInfo h2, .studentCarousel .twoColRight .studentInfo h3, .studentCarousel .twoColRight .studentInfo h4, .studentCarousel .twoColRight .studentInfo h5, .studentCarousel .twoColRight .studentInfo h6 {font-family: 'Dancing Script', cursive;font-size: 24px;} .studentCarousel .twoColRight .studentInfo .studentTitle {font-style: inherit;font-size: 18px;position: absolute;right: 40px;bottom: 30px;font-style: italic;} .studentCarousel .twoColRight .studentInfo h5 {font-weight:700;} .studentCarousel .twoColRight:after {content: url(../images/studentArrow.html);position: absolute;right: 40px;bottom: -80px;z-index: 6;} .studentCarousel .slick-prev { left: -80px;} .studentCarousel .slick-next { right: -80px;} .studentCarousel .slick-prev:hover { background:var(--color-yellow); } .studentCarousel .slick-next:hover { background:var(--color-yellow); } @media (max-width:1200px) { .studentCarousel .twoColRight {height: 730px;} .studentCarousel .slick-list {padding-bottom: 340px;} } @media (max-width:991px) { .studentCarousel:before {width: 46px;height: 46px;transform: scale(.5);left: 0px;} .studentCarousel:after {width: 46px;height: 46px;transform: scale(.5);right: 30px;} } @media (max-width: 991px) { .studentCarousel .twoColLeft, .studentCarousel .studentOverlay {width: 100%;height: 300px;} .studentCarousel .twoColRight {width: 100%;position: relative;height: auto;} .studentCarousel .twoColRight .studentInfo {padding: 40px;} .studentCarousel .slick-list {padding-bottom: 110px;} .studentCarousel .twoColRight .studentInfo .studentTitle {position:relative;right: unset;bottom: unset;text-align: right;} } .hideonemobile img { width:100%;} @media (max-width: 991px) { .hideonemobile { display:none;} } /************ postsList simple ************/ .postsList.simple p a { color:#000;margin-bottom: 0px;font-size: 18px; font-style:normal; font-weight:500} .postsList.simple p {font-size: 14px; font-style:italic;margin-bottom: 7px;} .simple .postsItem {border-bottom: 1px solid #e7e2d7;padding: 20px;} /************ postsList simple ************/ .homeBorderConent {border: 2px solid #F0F0F0; padding:20px 50px;} @media (max-width: 991px) { .homeBorderConent {border: 2px solid #F0F0F0;padding: 0;max-width: 100%; margin:0 auto;} } /************ titleButton ************/ .titleButtonWrap { display:flex; align-items:center; justify-content:space-between; border-right:1px solid #E0E0E0; margin-bottom:40px;margin-left: 10px;margin-right: 16px;} .titleButtonLeft h2 { margin:0; } .titleButtonRight {padding: 0 25px 0 0;} .titleButtonRight p { margin:0; } .titleButtonRight p a { color:var(--color-black);text-decoration: underline;} /************ subfooter ************/ .subfooter { text-align:center} .subfooter img { width:100%;} /************ home calendar styles ************/ .twoColRight .flexit { display:flex;justify-content: flex-start;margin-bottom: 30px;} .twoColRight .flexit p:first-child {margin-right:30px;font-family:;} .twoColRight .flexit p:last-of-type {margin-left:auto; } .twoColRight .flexit p {margin:0;} .twoColRight .flexit p a {/* color:var(--color-black); */} .twoColRight .flexit.botline { border-bottom:1px solid #E0E0E0; padding:10px 0; margin:0;font-family: 'ITC Leawood W03 Bold';} .eShop-list .twoColLeft {border-right: 1px solid #E0E0E0;} .eShop-list .twoColLeft { padding-right:50px} .eShop-list .twoColRight { padding-left:50px;} .twoColRight .flexit p.yellowlink a { color:var(--color-yellow); text-decoration:underline; } .calendarAll .twoColLeft { border:none;padding-right: 25px;} .calendarAll .twoColRight { padding-right: 25px; } .eventsCalendarOne h4 { font-size:36px} .flexit.botline a {/* color:var(--color-black) !important; */} @media (max-width: 991px) { .eShop-list .twoColLeft { padding-right:0px; margin-bottom:50px} .eShop-list .twoColRight { padding-left:0px} .eShop-list{max-width: 320px; margin:0 auto;} .twoColRight .flexit p {font-size:14px; } } @media (max-width: 768px) { .eShop-list .twoColLeft { padding-right:0px; margin-bottom:50px;border: none;} .eShop-list .twoColRight { padding: 0; margin: 0 28px; } .eShop-list{max-width: 100%; margin:0 auto;} .mwCalendar { max-width:320px; margin:0 auto 20px; } } /************ home newsletter styles ************/ .newsletterHolderWrap {background:var(--color-yellow); padding: 75px 110px 66px; } .newsletterHolder p { color:var(--color-black); } .newsletterHolder .mwInput.text input { z-index: 1; flex: 1 1 auto; border-right-width: 0; border-radius: 0px;} .newsletterHolder .inputGroup .mwInput.button input {width: 140px; margin-left:20px;border-radius: 30px; font-weight:900; text-transform:uppercase;background: #000;color: #fff;} .newsletterHolder .inputGroup .mwInput.button input:hover {background:var(--color-brown); } @media (max-width: 991px) { .newsletterHolderWrap {background:var(--color-yellow); padding: 45px 45px 15px; } } .subfooterContent { background:url(../images/subfooter_general.png) center center no-repeat; background-size:cover;padding: 172px 0;} @media (max-width: 991px) { .subfooterContent { padding: 100px 25px;} .subfooterContent h2 { font-size:40px ;-webkit-text-stroke: 0;color: var(--color-yellow);} } .lightGreyContent {background:#FAF9F7; border:1px solid #F0F0F0; padding:65px 110px} .fileDownloadWrap {border-top:1px solid #E2E2E2; padding-top:20px } .fileDownload {display:flex; justify-content:space-between;align-items: center; } .fileDownload p {color:var(--color-yellow);font-size: 20px;} .fileDownload p a {color: #3B3B3B;text-decoration: underline;font-size: 18px;} @media (max-width: 991px) { .lightGreyContent { padding:25px 25px} .fileDownloadWrap {} .fileDownload { } .fileDownload p {font-size: 16px;} .fileDownload p a {font-size: 15px;} } .pageBannerSimple .pageBannerWrap { padding:500px 0 75px; background:rgba(0,0,0,.3);background: linear-gradient(to bottom, rgba(0,0,0,0.99) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);} .pageBannerSimple h1.pageBannerTitle {margin-left: 0;margin-right: auto;color: var(--color-yellow);font-size: 55px;line-height: 1.1;margin-bottom: 11px;} .pageBannerSimple:after { content: ""; width: 2px; height: 130px; background: var(--color-yellow); position: absolute; bottom: -65px; left: 50%; z-index: 99; } .pageBannerSimple p { color:#fff; font-size:18px } @media (max-width: 991px) { .pageBannerSimple .pageBannerWrap { padding:300px 0 75px; } .pageBannerSimple h1.pageBannerTitle {font-size: 35px;} .pageBannerSimple p { font-size:15px } } .mobileMenuNav .accordionBtn { display:flex; justify-content:space-between} .mobileMenuNav .accordionBtn p { font-size:25px; font-weight:700;margin-bottom: 10px;} .mobileMenuNav .accordion.active .fa { transform:rotate(90deg); } .quickMenuHolder { display:flex;justify-content: space-between;background: #fff;align-items: center;border: 1px solid #dcdada;} .quickMenuHolder h5 { background:var(--color-yellow);padding: 23px; color:#fff;margin: 0;font-family: museo-sans, sans-serif;font-variant: none;font-weight: 500;} .quickMenuHolder ul {width: 100%;margin: 0;} .quickMenuHolder ul li {margin-bottom: 0;padding: 0;text-align: center;} .quickMenuHolder ul li:before { display:none; } .quickMenuHolder a {color:var(--color-black);text-decoration:underline;padding: 0px 0;} .quickMenuHolder a:hover { color:var(--color-brown); text-decoration:none} .qmHolder {max-width: 920px; margin:0px auto 0;} .qmHolder ul {text-align: center;} .qmHolder ul li {margin: 0 25px 5px;display: inline-block;} .qmHolder .slick-prev {left:-55px !important;top: 4px;} .qmHolder .slick-next { right:-55px;top: 4px;} .qmHolder .slick-prev:before, .qmHolder .slick-next:before {color:var(--color-yellow); } @media (max-width: 991px) { .quickMenuHolder h5 { width:100%;} .quickMenuHolder { display:block; } .quickMenuHolder ul { display:block;padding:15px} .quickMenuHolder ul li { margin-bottom:10px;} .qmHolder .slick-prev {left:15px !important;top: 18px;} .qmHolder .slick-next { right:15px;top: 18px;} } .animated-bars { position: relative; } .animated-bars span { position: relative; display: block; height: 50px; margin-bottom: 14px; background:rgba(213, 159, 15, 1); -webkit-transition: all 1.28s ease; -moz-transition: all 1.28s ease; -o-transition: all 1.28s ease; opacity:0; } .bar-1 {width:0; left:0; } .bar-2 {width:0; left:0; } .bar-3 {width:0; left:0; } .bar-1 { position:absolute; right:0; } .start_animation .bar-1 {width:15%; background:rgba(213, 159, 15, 1); opacity:1; } .start_animation .bar-2 {width:30%; background:rgba(213, 159, 15, 1); opacity:1;} .start_animation .bar-3 {width:80%; background:rgba(213, 159, 15, 1); opacity:1;} .aba { transform:rotate(180deg)} .abb { transform:rotate(180deg)} .animated-bars span:after { width: 0; height: 0; border-style: solid; border-width: 24px 0 26px 24px; border-color: transparent transparent transparent rgba(213, 159, 15, 1); content: ""; height: 0; position: absolute; right: -12px; top: 0; transform: translateX(12px); width: 0; -webkit-transition: all 1.28s ease; -moz-transition: all 1.28s ease; -o-transition: all 1.28s ease; } .fourColPlus {display: flex; flex-wrap: wrap; } .fourColPlus .carouselItem { flex: 1 1 25%; /*Start Run Code Snippet output CSS*/ padding: 5px; box-sizing: border-box; text-align: center; border: 1px solid #fff; /*End Run Code Snippet output CSS*/} @media (max-width: 991px) { .fourColPlus {display: block; flex-wrap: wrap; } .fourColPlus .carouselItem { flex: 1 1 25%; /*Start Run Code Snippet output CSS*/ padding: 5px; box-sizing: border-box; text-align: center; border: 1px solid #fff; /*End Run Code Snippet output CSS*/} }