/*==================== Basic Style & Pseudo Classes & Elements ====================*/ :root { --wp--style--block-gap: 2.6rem; --dt-main-rgb: 255, 93, 0; --dt-main-color: rgba(var(--dt-main-rgb)); --dt-secondary-color: #222222; --dt-text-color: #494a4d; --dt-gray-color: #fcfbff; --dt-title-family: "Space Grotesk", sans-serif; --dt-base-family: "Space Grotesk", sans-serif; --dt-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0)); } /* selection */ ::selection { color: #fff; background: var(--dt-main-color); } /* width */ ::-webkit-scrollbar { width: 8px; height: 2px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--dt-main-color); } ::-webkit-input-placeholder { color: #463838; } :-moz-placeholder { color: #463838; } ::-moz-placeholder { color: #463838; } :-ms-input-placeholder { color: #463838; } ::-webkit-input-placeholder { color: #d1d1d1; opacity: 1; transition: opacity 0.3s; } :-moz-placeholder { color: #d1d1d1; opacity: 1; transition: opacity 0.3s; } ::-moz-placeholder { color: #d1d1d1; opacity: 1; transition: opacity 0.3s; } :-ms-input-placeholder { color: #d1d1d1; opacity: 1; transition: opacity 0.3s; } *:focus::-webkit-input-placeholder { opacity: 0; } *:focus:-moz-placeholder { opacity: 0; } *:focus::-moz-placeholder { opacity: 0; } *:focus:-ms-input-placeholder { opacity: 0; } /* ---//--- */ *, *::after, *::before { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; } *:not(table *) { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-break: break-word; } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: inherit; } } :root { scroll-behavior: inherit; } html { font-size: 62.5%; overflow-x: hidden; box-sizing: border-box; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } @media (max-width: 75em) { html { font-size: 62.5%; } } @media only screen and (min-width: 62em) and (max-width: 77.313em) { html { font-size: 58.5936%; } } @media (max-width: 61.95em) { html { font-size: 53%; } } @media (max-width: 35.95em) { html { font-size: 55%; } } @media (min-width: 120.063em) { html { font-size: 75%; } } body { margin: 0; font-size: 1.6rem; font-weight: 400; line-height: 1.7; font-family: var(--dt-base-family); color: var(--dt-text-color); letter-spacing: .01em; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body:not(.admin-bar) { position: relative; } /* lenis */ html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-scrolling iframe { pointer-events: none; } a { color: var(--dt-main-color); text-decoration: underline; text-underline-offset: 0.3rem; outline: none; } a:hover, a:active, a:focus { color: var(--dt-main-color); text-decoration-style: dotted; } .clearfix:after, .clearfix:before { content: ""; display: block; clear: both; } .dt-btn svg { display: inline-block; vertical-align: middle; } .wp-block-search__button { flex-shrink: 0; } button[type=submit], button, input[type="button"], input[type="reset"], input[type="submit"], .dt-btn, .dt-load-more a, .button:not(.add_to_cart_button) { font-size: 1.6rem; font-weight: 600; padding: 1.2rem 2.2rem; line-height: 1.438; letter-spacing: .03rem; border-width: 0.1rem; border-style: solid; border-color: transparent; border-radius: 1rem; overflow: hidden; display: inline-block; vertical-align: middle; white-space: nowrap; text-transform: initial; font-family: inherit; text-decoration: none; position: relative; z-index: 0; } .dt-btn i { margin-left: 0.4rem; } button[type=button].mfp-close, button[type=button].mfp-arrow { background-color: transparent; } .dt-load-more a:hover, .dt-load-more a:focus, a.dt-btn:hover, a.dt-btn:focus, .contact__body a:hover, .contact__body a:focus { text-decoration: none; } button[type=submit], input[type="button"], input[type="reset"], input[type="submit"], .dt-load-more a, .dt-btn-primary, a.wp-block-button__link, .wp-block-button__link { color: #fff; background-color: var(--dt-main-color); border-color: var(--dt-main-color); } .dt-btn-primary.dt-btn-border { color: var(--dt-main-color); background-color: transparent; border-color: var(--dt-main-color); } .dt-load-more a:hover, .dt-load-more a:focus, .dt-btn-primary.dt-btn-border:hover, .dt-btn-primary.dt-btn-border:focus, .dt-btn-primary:hover, .dt-btn-primary:focus { color: #fff; background-color: rgba(var(--dt-main-rgb), 0.9); border-color: rgba(var(--dt-main-rgb), 0.9); } button[type=button].dt-btn-secondary, button[type=submit].dt-btn-secondary, .dt-btn-secondary { color: #fff; background-color: var(--dt-secondary-color); border-color: var(--dt-secondary-color); } .dt-btn-secondary.dt-btn-border { color: var(--dt-secondary-color); background-color: transparent; border-color: var(--dt-secondary-color); } .dt-btn-secondary.dt-btn-border:hover, .dt-btn-secondary.dt-btn-border:focus, .dt-btn-secondary:hover, .dt-btn-secondary:focus { color: #fff; background-color: var(--dt-secondary-color); border-color: var(--dt-secondary-color); } .dt-btn-white { color: var(--dt-secondary-color); background-color: #fff; } .dt-btn-white.dt-btn-border { color: #fff; background-color: transparent; border-color: #fff; } .dt-btn-white.dt-btn-border:hover, .dt-btn-white.dt-btn-border:focus { color: var(--dt-secondary-color); background-color: #fff; border-color: #fff; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.05); } /* Button Effects One */ .btn--effect-one .dt-btn { overflow: hidden; } .btn--effect-one .dt-btn::before, .btn--effect-one .dt-btn::after { content: ""; width: 50%; height: 0%; position: absolute; background-color: #fff; transition: 0.4s; z-index: -1; } .btn--effect-one .dt-btn::before, .btn--effect-one .dt-btn::after { background-color: var(--dt-secondary-color); } .btn--effect-one .dt-btn::before { top: 0%; right: 0%; } .btn--effect-one .dt-btn::after { left: 0%; bottom: 0%; } .btn--effect-one .dt-btn:hover, .btn--effect-one .dt-btn:focus { color: #fff; } .btn--effect-one .dt-btn:hover:before, .btn--effect-one .dt-btn:hover:after, .btn--effect-one .dt-btn:focus:before, .btn--effect-one .dt-btn:focus:after { width: 100%; height: 100%; } .btn--effect-one .dt-btn-secondary::before, .btn--effect-one .dt-btn-secondary::after { background-color: var(--dt-main-color); } .btn--effect-one .dt-btn-white.dt-btn-border:hover, .btn--effect-one .dt-btn-white.dt-btn-border:focus { color: var(--dt-secondary-color); } .btn--effect-one .dt-btn-white.dt-btn-border::before, .btn--effect-one .dt-btn-white.dt-btn-border::after { background-color: #fff; } .btn--effect-one .dt-btn-white.dt-btn-border::after { } .btn--effect-one .dt-btn-white.dt-btn-border:hover::after, .btn--effect-one .dt-btn-white.dt-btn-border:focus::after { } /* Play Buttons */ .dt-btn-play-one { text-decoration: none; display: inline-flex; align-items: center; color: var(--dt-secondary-color); } .dt-btn-play-one i { width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; position: relative; background-color: var(--dt-main-color); border-radius: 50%; color: #fff; font-size: 1.8rem; margin-right: 1.2rem; box-shadow: 0 2rem 3rem rgba(0, 0, 0, 0.1); } .dt-btn-play-one i:after { content: ""; position: absolute; z-index: 0; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(var(--dt-main-rgb), .4); border-radius: 50%; animation: pulse_border_1 1500ms ease-out infinite; z-index: -1; border-radius: inherit; } .dt-btn-play-one span { text-decoration: underline; } .dt-btn-play-two { display: inline-flex; align-items: center; font-weight: 500; font-size: 18px; text-decoration: none; } .dt-btn-play-two i { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; background: var(--dt-main-color); color: #fff; border-radius: 50%; font-size: 24px; margin-right: 16px; position: relative; } .dt-btn-play-two i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border: 1px solid currentColor; border-radius: 50%; transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); animation: pulse_border_2 1500ms ease-out infinite; } button[type="submit"]:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .dt-btn:focus { outline-width: 0.1rem; outline-offset: 0.3rem; outline-style: dotted; } a, area, button, input, label, select, summary, textarea { touch-action: manipulation; transition: all .2s ease-in-out; } button, input, optgroup, select, textarea { margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; border: 0; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0; padding: 0; font-weight: 800; line-height: 1.25; font-family: var(--dt-title-family); color: var(--dt-secondary-color); word-break: break-word; } h1, .h1 { font-size: 5rem; } h2, .h2 { font-size: 4rem; } h3, .h3 { font-size: 2.8rem; } h4, .h4 { font-size: 2.4rem; } h5, .h5 { font-size: 2.2rem; } h6, .h6 { font-size: 1.6rem; } em, cite, q { color: var(--dt-main-color); font-style: italic; font-weight: bold; } code, kbd, tt, var, samp, pre { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; background-color: var(--dt-secondary-color); color: #fff; padding: 0.1rem 0.5rem; border-radius: 0; font-size: 88%; } pre { display: block; margin: 0 0 1rem; font-size: 1.3rem; word-break: break-all; word-wrap: break-word; border: 0.1rem solid #ccc; border-radius: 0; overflow: auto; } table { border: 0.1rem solid #e9e9e9; background-color: #fcfcfc; border-spacing: 0; letter-spacing: 0.05rem; margin: 0 0 2rem; text-align: start; table-layout: fixed; border-collapse: collapse; } table th { border: 0.1rem solid rgba(0, 0, 0, 0.25); } table td { border: 0.1rem solid #e9e9ea; } table th, table td { padding: 1.5rem; } table th { background: var(--dt-main-color); color: #fff; } p { margin: 0 0 1.1rem; word-break: break-word; } .widget_media_image>.wp-block-image, figure { margin: 0; } address, table, pre { width: 100%; } small { font-size: 80%; } sub, sup { font-size: 75%; font-weight: 600; position: relative; vertical-align: baseline; } sub { bottom: -0.4rem; } sup { top: -0.8rem; } fieldset { border: 0.1rem solid #e9e9ea; margin: 2.4rem 0.2rem; padding: 1rem 2.5rem 2rem; border-radius: 0; } iframe { max-width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; appearance: button; -moz-appearance: button; -webkit-appearance: button; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: 0.1rem dotted; outline-offset: -0.2rem; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { position: relative; border-radius: 12px; display: block; line-height: 1.5; font-size: 1.6rem; font-weight: 500; max-height: 4.9rem; padding: 1.3rem 2.6rem; vertical-align: middle; width: 100%; background-color: #f5f5f5; border: 0.1rem solid rgba(189, 189, 189, 0.2); outline: none; letter-spacing: 0.05rem; -webkit-box-shadow: none; box-shadow: none; transition: all .2s ease-in-out; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border-color: var(--dt-main-color); background-color: #fff; } button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { color: #fff; background-color: var(--dt-main-color); } [type="search"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-offset: -0.2rem; } select { background-clip: padding-box; border: 0.1rem solid rgba(189, 189, 189, 0.2); border-radius: 12px; display: block; font-size: 92%; font-weight: 400; padding: 0.6rem 1.2rem; position: relative; text-decoration: none; white-space: nowrap; width: 100%; -webkit-box-shadow: none; box-shadow: none; overflow: auto !important; outline: 0; background-image: linear-gradient(#242424, #242424), linear-gradient(#e9e9ea, #e9e9ea); background-size: 0 0.1rem, 100% 0.1rem; background-repeat: no-repeat; background-position: center bottom, center calc(100% - -0.1rem); background-color: #f6f6f6; -moz-transition: background 0s ease-out; -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; } textarea { height: 13.2rem; overflow: auto; resize: vertical; max-height: 100%; border-radius: 12px; } input[type="checkbox"], input[type="radio"], form[id*="give-form"] #give-gateway-radio-list>li input[type="radio"], form[id*="give-form"] #give-gateway-radio-list>li input[type="checkbox"], div.wpforms-container-full .wpforms-form input[type="radio"], div.wpforms-container-full .wpforms-form input[type="checkbox"] { border: 2px solid var(--dt-main-color); background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 20px; margin: -3px 3px 0 0; outline: 0; padding: 0; text-align: center; vertical-align: middle; width: 20px !important; max-width: 20px; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; transition: 0.05s border-color ease-in-out; } input[type="radio"] { border-radius: 50%; margin-right: 4px; line-height: 12px; } input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { display: inline-block; vertical-align: middle; speak: none; line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all .2s ease-in-out; } input[type="radio"]:checked:before { content: "⬤"; text-indent: -9999px; border-radius: 50px; font-size: 24px; width: 8px; height: 8px; margin: 4px; line-height: 20px; background: var(--dt-main-color); } input[type="checkbox"]:checked:before { content: "✔"; font-weight: 900; color: var(--dt-main-color); } /*---//---*/ /* Grid List Two Column Like Table List */ .dt-grid-list dt { padding: 0.8rem 0 0.8rem 0; font-weight: 600; } .dt-grid-list dd { margin: 0; padding: 0.8rem 0 0.8rem 0; } @media (min-width: 34.375em) { .dt-grid-list { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .dt-grid-list dt { grid-column-start: 1; } .dt-grid-list dd { grid-column-start: 2; } .dt-grid-list dt+dd {} } /* ---//--- */ .dt-d-none, div.dt-d-none { display: none; } .dt-d-block, div.dt-d-block { display: block; } .dt-d-inline, div.dt-d-inline { display: inline; } .dt-d-inline-block, div.dt-d-inline-block { display: inline-block; } .dt-container, .dt-container-fluid { width: 100%; padding-right: 1.6rem; padding-left: 1.6rem; margin-right: auto; margin-left: auto; } @media (max-width: 35.95em) { .dt-container, .dt-container-fluid { padding-right: 2.4rem; padding-left: 2.4rem; } } .dt-row { --dt-gutter-x: 2.4rem; --dt-gutter-y: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--dt-gutter-y) * -1); margin-right: calc(var(--dt-gutter-x)/ -2); margin-left: calc(var(--dt-gutter-x)/ -2); } .dt-row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--dt-gutter-x)/ 2); padding-left: calc(var(--dt-gutter-x)/ 2); margin-top: var(--dt-gutter-y); } .dt-g-0, .dt-gx-0 { --dt-gutter-x: 0rem; } .dt-g-0, .dt-gy-0 { --dt-gutter-y: 0rem; } .dt-g-1, .dt-gx-1 { --dt-gutter-x: 0.4rem; } .dt-g-1, .dt-gy-1 { --dt-gutter-y: 0.4rem; } .dt-g-2, .dt-gx-2 { --dt-gutter-x: 0.8rem; } .dt-g-2, .dt-gy-2 { --dt-gutter-y: 0.8rem; } .dt-g-3, .dt-gx-3 { --dt-gutter-x: 1.6rem; } .dt-g-3, .dt-gy-3 { --dt-gutter-y: 1.6rem; } .dt-g-4, .dt-gx-4 { --dt-gutter-x: 2.4rem; } .dt-g-4, .dt-gy-4 { --dt-gutter-y: 2.4rem; } .dt-g-5, .dt-gx-5 { --dt-gutter-x: 4.8rem; } .dt-g-5, .dt-gy-5 { --dt-gutter-y: 4.8rem; } .dt-col { -ms-flex: 1 0 0%; flex: 1 0 0%; } .dt-col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .dt-col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .dt-col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .dt-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .dt-col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .dt-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .dt-col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .dt-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .dt-col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .dt-col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .dt-col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .dt-col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dt-m-0 { margin: 0; } .dt-mt-auto { margin-top: auto; } .dt-mr-auto { margin-right: auto; } .dt-mb-auto { margin-bottom: auto; } .dt-ml-auto { margin-left: auto; } .dt-my-auto { margin-top: auto; margin-bottom: auto; } .dt-mx-auto { margin-left: auto; margin-right: auto; } .dt-mt-0 { margin-top: 0; } .dt-mt-1 { margin-top: 0.4rem; } .dt-mt-2 { margin-top: 0.8rem; } .dt-mt-3 { margin-top: 1.6rem; } .dt-mt-4 { margin-top: 2.4rem; } .dt-mt-5 { margin-top: 3.2rem; } .dt-mt-6 { margin-top: 4.8rem; } .dt-mr-0 { margin-right: 0; } .dt-mr-1 { margin-right: 0.4rem; } .dt-mr-2 { margin-right: 0.8rem; } .dt-mr-3 { margin-right: 1.6rem; } .dt-mr-4 { margin-right: 2.4rem; } .dt-mr-5 { margin-right: 3.2rem; } .dt-mr-6 { margin-right: 4.8rem; } .dt-mb-0 { margin-bottom: 0; } .dt-mb-1 { margin-bottom: 0.4rem; } .dt-mb-2 { margin-bottom: 0.8rem; } .dt-mb-3 { margin-bottom: 1.6rem; } .dt-mb-4 { margin-bottom: 2.4rem; } .dt-mb-5 { margin-bottom: 3.2rem; } .dt-mb-6 { margin-bottom: 4.5rem; } .dt-ml-0 { margin-left: 0; } .dt-ml-1 { margin-left: 0.4rem; } .dt-ml-2 { margin-left: 0.8rem; } .dt-ml-3 { margin-left: 1.6rem; } .dt-ml-4 { margin-left: 2.4rem; } .dt-ml-5 { margin-left: 3.2rem; } .dt-ml-6 { margin-left: 4.8rem; } .dt-my-0 { margin-top: 0; margin-bottom: 0; } .dt-my-1 { margin-top: 0.4rem; margin-bottom: 0.4rem; } .dt-my-2 { margin-top: 0.8rem; margin-bottom: 0.8rem; } .dt-my-3 { margin-top: 1.6rem; margin-bottom: 1.6rem; } .dt-my-4 { margin-top: 2.4rem; margin-bottom: 2.4rem; } .dt-my-5 { margin-top: 3.2rem; margin-bottom: 3.2rem; } .dt-my-6 { margin-top: 4.8rem; margin-bottom: 4.8rem; } .dt-mx-0 { margin-left: 0; margin-right: 0; } .dt-mx-1 { margin-left: 0.4rem; margin-right: 0.4rem; } .dt-mx-2 { margin-left: 0.8rem; margin-right: 0.8rem; } .dt-mx-3 { margin-left: 1.6rem; margin-right: 1.6rem; } .dt-mx-4 { margin-left: 2.4rem; margin-right: 2.4rem; } .dt-mx-5 { margin-left: 3.2rem; margin-right: 3.2rem; } .dt-mx-6 { margin-left: 4.8rem; margin-right: 4.8rem; } .dt-pt-0 { padding-top: 0; } .dt-pt-1 { padding-top: 0.4rem; } .dt-pt-2 { padding-top: 0.8rem; } .dt-pt-3 { padding-top: 1.6rem; } .dt-pt-4 { padding-top: 2.4rem; } .dt-pt-5 { padding-top: 3.2rem; } .dt-pt-6 { padding-top: 4.8rem; } .dt-pr-0 { padding-right: 0; } .dt-pr-1 { padding-right: 0.4rem; } .dt-pr-2 { padding-right: 0.8rem; } .dt-pr-3 { padding-right: 1.6rem; } .dt-pr-4 { padding-right: 2.4rem; } .dt-pr-5 { padding-right: 3.2rem; } .dt-pr-6 { padding-right: 4.8rem; } .dt-pb-0 { padding-bottom: 0; } .dt-pb-1 { padding-bottom: 0.4rem; } .dt-pb-2 { padding-bottom: 0.8rem; } .dt-pb-3 { padding-bottom: 1.6rem; } .dt-pb-4 { padding-bottom: 2.4rem; } .dt-pb-5 { padding-bottom: 3.2rem; } .dt-pb-6 { padding-bottom: 4.8rem; } .dt-pl-0 { padding-left: 0; } .dt-pl-1 { padding-left: 0.4rem; } .dt-pl-2 { padding-left: 0.8rem; } .dt-pl-3 { padding-left: 1.6rem; } .dt-pl-4 { padding-left: 2.4rem; } .dt-pl-5 { padding-left: 3.2rem; } .dt-pl-6 { padding-left: 4.8rem; } .dt-p-0 { padding: 0; } .dt-py-0 { padding-top: 0; padding-bottom: 0; } .dt-py-1 { padding-top: 0.4rem; padding-bottom: 0.4rem; } .dt-py-2 { padding-top: 0.8rem; padding-bottom: 0.8rem; } .dt-py-3 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .dt-py-4 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .dt-py-5 { padding-top: 3.2rem; padding-bottom: 3.2rem; } .dt-py-6 { padding-top: 4.8rem; padding-bottom: 4.8rem; } .dt-px-0 { padding-left: 0; padding-right: 0; } .dt-px-1 { padding-left: 0.4rem; padding-right: 0.4rem; } .dt-px-2 { padding-left: 0.8rem; padding-right: 0.8rem; } .dt-px-3 { padding-left: 1.6rem; padding-right: 1.6rem; } .dt-px-4 { padding-left: 2.4rem; padding-right: 2.4rem; } .dt-px-5 { padding-left: 3.2rem; padding-right: 3.2rem; } .dt-px-6 { padding-left: 4.8rem; padding-right: 4.8rem; } .dt-text-left { text-align: start; } .dt-text-right { text-align: end; } .dt-text-center { text-align: center; } .dt-flex-10 { -ms-flex: 1 1 10%; flex: 1 1 10%; } .dt-flex-15 { -ms-flex: 1 1 15%; flex: 1 1 15%; } .dt-flex-20 { -ms-flex: 1 1 20%; flex: 1 1 20%; } .dt-flex-25 { -ms-flex: 1 1 25%; flex: 1 1 25%; } .dt-flex-30 { -ms-flex: 1 1 30%; flex: 1 1 30%; } .dt-flex-35 { -ms-flex: 1 1 35%; flex: 1 1 35%; } .dt-flex-40 { -ms-flex: 1 1 40%; flex: 1 1 40%; } .dt-flex-45 { -ms-flex: 1 1 45%; flex: 1 1 45%; } .dt-flex-50 { -ms-flex: 1 1 50%; flex: 1 1 50%; } .dt-flex-55 { -ms-flex: 1 1 55%; flex: 1 1 55%; } .dt-flex-60 { -ms-flex: 1 1 60%; flex: 1 1 60%; } .dt-flex-65 { -ms-flex: 1 1 65%; flex: 1 1 65%; } .dt-flex-70 { -ms-flex: 1 1 70%; flex: 1 1 70%; } .dt-flex-75 { -ms-flex: 1 1 75%; flex: 1 1 75%; } .dt-flex-80 { -ms-flex: 1 1 80%; flex: 1 1 80%; } .dt-flex-85 { -ms-flex: 1 1 85%; flex: 1 1 85%; } .dt-flex-90 { -ms-flex: 1 1 90%; flex: 1 1 90%; } .dt-flex-95 { -ms-flex: 1 1 95%; flex: 1 1 95%; } .dt-flex-100 { -ms-flex: 1 1 100%; flex: 1 1 100%; } .dt-flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .dt-float-right { float: right; } .dt-float-left { float: left; } .dt-float-none { float: none; } .dt-order-1 { order: 1; } .dt-order-2 { order: 2; } .dt-order-3 { order: 3; } .dt-order-4 { order: 4; } .dt-order-5 { order: 5; } .dt-order-6 { order: 6; } .dt-order-7 { order: 7; } .dt-order-8 { order: 8; } .dt-order-9 { order: 9; } .dt-order-10 { order: 10; } .dt-order-11 { order: 11; } .dt-order-12 { order: 12; } /* Masonry container */ .dt-masonry { width: 100%; -webkit-column-gap: 2.4rem; -moz-column-gap: 2.4rem; column-gap: 2.4rem; -moz-column-gap: 2.4rem; -webkit-column-gap: 2.4rem; column-gap: 2.4rem; } .dt-masonry-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .dt-masonry-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .dt-masonry-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } @media (max-width: 47.95em) { .dt-masonry[class*="dt-masonry-"] { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 62em) and (max-width: 64em) { .dt-masonry[class*="dt-masonry-"] { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 48em) and (max-width: 61.95em) { .dt-masonry[class*="dt-masonry-"] { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } /* ---//--- */ /* Small Screen */ @media (min-width: 36em) { .dt-container, .dt-container-sm { max-width: 76rem; /*54rem*/ } .dt-g-sm-0, .dt-gx-sm-0 { --dt-gutter-x: 0rem; } .dt-g-sm-0, .dt-gy-sm-0 { --dt-gutter-y: 0rem; } .dt-g-sm-1, .dt-gx-sm-1 { --dt-gutter-x: 0.4rem; } .dt-g-sm-1, .dt-gy-sm-1 { --dt-gutter-y: 0.4rem; } .dt-g-sm-2, .dt-gx-sm-2 { --dt-gutter-x: 0.8rem; } .dt-g-sm-2, .dt-gy-sm-2 { --dt-gutter-y: 0.8rem; } .dt-g-sm-3, .dt-gx-sm-3 { --dt-gutter-x: 1.6rem; } .dt-g-sm-3, .dt-gy-sm-3 { --dt-gutter-y: 1.6rem; } .dt-g-sm-4, .dt-gx-sm-4 { --dt-gutter-x: 2.4rem; } .dt-g-sm-4, .dt-gy-sm-4 { --dt-gutter-y: 2.4rem; } .dt-g-sm-5, .dt-gx-sm-5 { --dt-gutter-x: 4.8rem; } .dt-g-sm-5, .dt-gy-sm-5 { --dt-gutter-y: 4.8rem; } .dt-col-sm { -ms-flex: 1 0 0%; flex: 1 0 0%; } .dt-col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; width: auto; } .dt-col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .dt-col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .dt-col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .dt-col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .dt-col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .dt-col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .dt-col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .dt-col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .dt-col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .dt-col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .dt-col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .dt-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dt-d-sm-none, div.dt-d-sm-none { display: none; } .dt-d-sm-block, div.dt-d-sm-block { display: block; } .dt-d-sm-inline, div.dt-d-sm-inline { display: inline; } .dt-d-sm-inline-block, div.dt-d-sm-inline-block { display: inline-block; } .dt-text-sm-left { text-align: start; } .dt-text-sm-right { text-align: end; } .dt-text-sm-center { text-align: center; } .dt-mt-sm-auto { margin-top: auto; } .dt-mr-sm-auto { margin-right: auto; } .dt-mb-sm-auto { margin-bottom: auto; } .dt-ml-sm-auto { margin-left: auto; } .dt-my-sm-auto { margin-top: auto; margin-bottom: auto; } .dt-mx-sm-auto { margin-left: auto; margin-right: auto; } .dt-m-sm-0 { margin: 0; } .dt-mt-sm-0 { margin-top: 0; } .dt-mt-sm-1 { margin-top: 0.4rem; } .dt-mt-sm-2 { margin-top: 0.8rem; } .dt-mt-sm-3 { margin-top: 1.6rem; } .dt-mt-sm-4 { margin-top: 2.4rem; } .dt-mt-sm-5 { margin-top: 3.2rem; } .dt-mt-sm-6 { margin-top: 4.8rem; } .dt-mr-sm-0 { margin-right: 0; } .dt-mr-sm-1 { margin-right: 0.4rem; } .dt-mr-sm-2 { margin-right: 0.8rem; } .dt-mr-sm-3 { margin-right: 1.6rem; } .dt-mr-sm-4 { margin-right: 2.4rem; } .dt-mr-sm-5 { margin-right: 3.2rem; } .dt-mr-sm-6 { margin-right: 4.8rem; } .dt-mb-sm-0 { margin-bottom: 0; } .dt-mb-sm-1 { margin-bottom: 0.4rem; } .dt-mb-sm-2 { margin-bottom: 0.8rem; } .dt-mb-sm-3 { margin-bottom: 1.6rem; } .dt-mb-sm-4 { margin-bottom: 2.4rem; } .dt-mb-sm-5 { margin-bottom: 3.2rem; } .dt-mb-sm-6 { margin-bottom: 4.8rem; } .dt-ml-sm-0 { margin-left: 0; } .dt-ml-sm-1 { margin-left: 0.4rem; } .dt-ml-sm-2 { margin-left: 0.8rem; } .dt-ml-sm-3 { margin-left: 1.6rem; } .dt-ml-sm-4 { margin-left: 2.4rem; } .dt-ml-sm-5 { margin-left: 3.2rem; } .dt-ml-sm-6 { margin-left: 4.8rem; } .dt-my-sm-0 { margin-top: 0; margin-bottom: 0; } .dt-my-sm-1 { margin-top: 0.4rem; margin-bottom: 0.4rem; } .dt-my-sm-2 { margin-top: 0.8rem; margin-bottom: 0.8rem; } .dt-my-sm-3 { margin-top: 1.6rem; margin-bottom: 1.6rem; } .dt-my-sm-4 { margin-top: 2.4rem; margin-bottom: 2.4rem; } .dt-my-sm-5 { margin-top: 3.2rem; margin-bottom: 3.2rem; } .dt-my-sm-6 { margin-top: 4.8rem; margin-bottom: 4.8rem; } .dt-mx-sm-0 { margin-left: 0; margin-right: 0; } .dt-mx-sm-1 { margin-left: 0.4rem; margin-right: 0.4rem; } .dt-mx-sm-2 { margin-left: 0.8rem; margin-right: 0.8rem; } .dt-mx-sm-3 { margin-left: 1.6rem; margin-right: 1.6rem; } .dt-mx-sm-4 { margin-left: 2.4rem; margin-right: 2.4rem; } .dt-mx-sm-5 { margin-left: 3.2rem; margin-right: 3.2rem; } .dt-mx-sm-6 { margin-left: 4.8rem; margin-right: 4.8rem; } .dt-p-sm-0 { padding: 0; } .dt-pt-sm-0 { padding-top: 0; } .dt-pt-sm-1 { padding-top: 0.4rem; } .dt-pt-sm-2 { padding-top: 0.8rem; } .dt-pt-sm-3 { padding-top: 1.6rem; } .dt-pt-sm-4 { padding-top: 2.4rem; } .dt-pt-sm-5 { padding-top: 3.2rem; } .dt-pt-sm-6 { padding-top: 4.8rem; } .dt-pr-sm-0 { padding-right: 0; } .dt-pr-sm-1 { padding-right: 0.4rem; } .dt-pr-sm-2 { padding-right: 0.8rem; } .dt-pr-sm-3 { padding-right: 1.6rem; } .dt-pr-sm-4 { padding-right: 2.4rem; } .dt-pr-sm-5 { padding-right: 3.2rem; } .dt-pr-sm-6 { padding-right: 4.8rem; } .dt-pb-sm-0 { padding-bottom: 0; } .dt-pb-sm-1 { padding-bottom: 0.4rem; } .dt-pb-sm-2 { padding-bottom: 0.8rem; } .dt-pb-sm-3 { padding-bottom: 1.6rem; } .dt-pb-sm-4 { padding-bottom: 2.4rem; } .dt-pb-sm-5 { padding-bottom: 3.2rem; } .dt-pb-sm-6 { padding-bottom: 4.8rem; } .dt-pl-sm-0 { padding-left: 0; } .dt-pl-sm-1 { padding-left: 0.4rem; } .dt-pl-sm-2 { padding-left: 0.8rem; } .dt-pl-sm-3 { padding-left: 1.6rem; } .dt-pl-sm-4 { padding-left: 2.4rem; } .dt-pl-sm-5 { padding-left: 3.2rem; } .dt-pl-sm-6 { padding-left: 4.8rem; } .dt-py-sm-0 { padding-top: 0; padding-bottom: 0; } .dt-py-sm-1 { padding-top: 0.4rem; padding-bottom: 0.4rem; } .dt-py-sm-2 { padding-top: 0.8rem; padding-bottom: 0.8rem; } .dt-py-sm-3 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .dt-py-sm-4 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .dt-py-sm-5 { padding-top: 3.2rem; padding-bottom: 3.2rem; } .dt-py-sm-6 { padding-top: 4.8rem; padding-bottom: 4.8rem; } .dt-px-sm-0 { padding-left: 0; padding-right: 0; } .dt-px-sm-1 { padding-left: 0.4rem; padding-right: 0.4rem; } .dt-px-sm-2 { padding-left: 0.8rem; padding-right: 0.8rem; } .dt-px-sm-3 { padding-left: 1.6rem; padding-right: 1.6rem; } .dt-px-sm-4 { padding-left: 2.4rem; padding-right: 2.4rem; } .dt-px-sm-5 { padding-left: 3.2rem; padding-right: 3.2rem; } .dt-px-sm-6 { padding-left: 4.8rem; padding-right: 4.8rem; } .dt-float-sm-right { float: right; } .dt-float-sm-left { float: left; } .dt-float-sm-none { float: none; } .dt-order-sm-1 { order: 1; } .dt-order-sm-2 { order: 2; } .dt-order-sm-3 { order: 3; } .dt-order-sm-4 { order: 4; } .dt-order-sm-5 { order: 5; } .dt-order-sm-6 { order: 6; } .dt-order-sm-7 { order: 7; } .dt-order-sm-8 { order: 8; } .dt-order-sm-9 { order: 9; } .dt-order-sm-10 { order: 10; } .dt-order-sm-11 { order: 11; } .dt-order-sm-12 { order: 12; } } /* ---//--- */ /* Medium Screen */ @media (min-width: 48em) { .dt-container, .dt-container-md, .dt-container-sm { max-width: 84.907rem; /*72rem*/ } .dt-g-md-0, .dt-gx-md-0 { --dt-gutter-x: 0rem; } .dt-g-md-0, .dt-gy-md-0 { --dt-gutter-y: 0rem; } .dt-g-md-1, .dt-gx-md-1 { --dt-gutter-x: 0.4rem; } .dt-g-md-1, .dt-gy-md-1 { --dt-gutter-y: 0.4rem; } .dt-g-md-2, .dt-gx-md-2 { --dt-gutter-x: 0.8rem; } .dt-g-md-2, .dt-gy-md-2 { --dt-gutter-y: 0.8rem; } .dt-g-md-3, .dt-gx-md-3 { --dt-gutter-x: 1.6rem; } .dt-g-md-3, .dt-gy-md-3 { --dt-gutter-y: 1.6rem; } .dt-g-md-4, .dt-gx-md-4 { --dt-gutter-x: 2.4rem; } .dt-g-md-4, .dt-gy-md-4 { --dt-gutter-y: 2.4rem; } .dt-g-md-5, .dt-gx-md-5 { --dt-gutter-x: 4.8rem; } .dt-g-md-5, .dt-gy-md-5 { --dt-gutter-y: 4.8rem; } .dt-col-md { -ms-flex: 1 0 0%; flex: 1 0 0%; } .dt-col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; width: auto; } .dt-col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .dt-col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .dt-col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .dt-col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .dt-col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .dt-col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .dt-col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .dt-col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .dt-col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .dt-col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .dt-col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .dt-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dt-d-md-none, div.dt-d-md-none { display: none; } .dt-d-md-block, div.dt-d-md-block { display: block; } .dt-d-md-inline, div.dt-d-md-inline { display: inline; } .dt-d-md-inline-block, div.dt-d-md-inline-block { display: inline-block; } .dt-text-md-left { text-align: start; } .dt-text-md-right { text-align: end; } .dt-text-md-center { text-align: center; } .dt-mt-md-auto { margin-top: auto; } .dt-mr-md-auto { margin-right: auto; } .dt-mb-md-auto { margin-bottom: auto; } .dt-ml-md-auto { margin-left: auto; } .dt-my-md-auto { margin-top: auto; margin-bottom: auto; } .dt-mx-md-auto { margin-left: auto; margin-right: auto; } .dt-m-md-0 { margin: 0; } .dt-mt-md-0 { margin-top: 0; } .dt-mt-md-1 { margin-top: 0.4rem; } .dt-mt-md-2 { margin-top: 0.8rem; } .dt-mt-md-3 { margin-top: 1.6rem; } .dt-mt-md-4 { margin-top: 2.4rem; } .dt-mt-md-5 { margin-top: 3.2rem; } .dt-mt-md-6 { margin-top: 4.8rem; } .dt-mr-md-0 { margin-right: 0; } .dt-mr-md-1 { margin-right: 0.4rem; } .dt-mr-md-2 { margin-right: 0.8rem; } .dt-mr-md-3 { margin-right: 1.6rem; } .dt-mr-md-4 { margin-right: 2.4rem; } .dt-mr-md-5 { margin-right: 3.2rem; } .dt-mr-md-6 { margin-right: 4.8rem; } .dt-mb-md-0 { margin-bottom: 0; } .dt-mb-md-1 { margin-bottom: 0.4rem; } .dt-mb-md-2 { margin-bottom: 0.8rem; } .dt-mb-md-3 { margin-bottom: 1.6rem; } .dt-mb-md-4 { margin-bottom: 2.4rem; } .dt-mb-md-5 { margin-bottom: 3.2rem; } .dt-mb-md-6 { margin-bottom: 4.8rem; } .dt-ml-md-0 { margin-left: 0; } .dt-ml-md-1 { margin-left: 0.4rem; } .dt-ml-md-2 { margin-left: 0.8rem; } .dt-ml-md-3 { margin-left: 1.6rem; } .dt-ml-md-4 { margin-left: 2.4rem; } .dt-ml-md-5 { margin-left: 3.2rem; } .dt-ml-md-6 { margin-left: 4.8rem; } .dt-my-md-0 { margin-top: 0; margin-bottom: 0; } .dt-my-md-1 { margin-top: 0.4rem; margin-bottom: 0.4rem; } .dt-my-md-2 { margin-top: 0.8rem; margin-bottom: 0.8rem; } .dt-my-md-3 { margin-top: 1.6rem; margin-bottom: 1.6rem; } .dt-my-md-4 { margin-top: 2.4rem; margin-bottom: 2.4rem; } .dt-my-md-5 { margin-top: 3.2rem; margin-bottom: 3.2rem; } .dt-my-md-6 { margin-top: 4.8rem; margin-bottom: 4.8rem; } .dt-mx-md-0 { margin-left: 0; margin-right: 0; } .dt-mx-md-1 { margin-left: 0.4rem; margin-right: 0.4rem; } .dt-mx-md-2 { margin-left: 0.8rem; margin-right: 0.8rem; } .dt-mx-md-3 { margin-left: 1.6rem; margin-right: 1.6rem; } .dt-mx-md-4 { margin-left: 2.4rem; margin-right: 2.4rem; } .dt-mx-md-5 { margin-left: 3.2rem; margin-right: 3.2rem; } .dt-mx-md-6 { margin-left: 4.8rem; margin-right: 4.8rem; } .dt-p-md-0 { padding: 0; } .dt-pt-md-0 { padding-top: 0; } .dt-pt-md-1 { padding-top: 0.4rem; } .dt-pt-md-2 { padding-top: 0.8rem; } .dt-pt-md-3 { padding-top: 1.6rem; } .dt-pt-md-4 { padding-top: 2.4rem; } .dt-pt-md-5 { padding-top: 3.2rem; } .dt-pt-md-6 { padding-top: 4.8rem; } .dt-pr-md-0 { padding-right: 0; } .dt-pr-md-1 { padding-right: 0.4rem; } .dt-pr-md-2 { padding-right: 0.8rem; } .dt-pr-md-3 { padding-right: 1.6rem; } .dt-pr-md-4 { padding-right: 2.4rem; } .dt-pr-md-5 { padding-right: 3.2rem; } .dt-pr-md-6 { padding-right: 4.8rem; } .dt-pb-md-0 { padding-bottom: 0; } .dt-pb-md-1 { padding-bottom: 0.4rem; } .dt-pb-md-2 { padding-bottom: 0.8rem; } .dt-pb-md-3 { padding-bottom: 1.6rem; } .dt-pb-md-4 { padding-bottom: 2.4rem; } .dt-pb-md-5 { padding-bottom: 3.2rem; } .dt-pb-md-6 { padding-bottom: 4.8rem; } .dt-pl-md-0 { padding-left: 0; } .dt-pl-md-1 { padding-left: 0.4rem; } .dt-pl-md-2 { padding-left: 0.8rem; } .dt-pl-md-3 { padding-left: 1.6rem; } .dt-pl-md-4 { padding-left: 2.4rem; } .dt-pl-md-5 { padding-left: 3.2rem; } .dt-pl-md-6 { padding-left: 4.8rem; } .dt-py-md-0 { padding-top: 0; padding-bottom: 0; } .dt-py-md-1 { padding-top: 0.4rem; padding-bottom: 0.4rem; } .dt-py-md-2 { padding-top: 0.8rem; padding-bottom: 0.8rem; } .dt-py-md-3 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .dt-py-md-4 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .dt-py-md-5 { padding-top: 3.2rem; padding-bottom: 3.2rem; } .dt-py-md-6 { padding-top: 4.8rem; padding-bottom: 4.8rem; } .dt-px-md-0 { padding-left: 0; padding-right: 0; } .dt-px-md-1 { padding-left: 0.4rem; padding-right: 0.4rem; } .dt-px-md-2 { padding-left: 0.8rem; padding-right: 0.8rem; } .dt-px-md-3 { padding-left: 1.6rem; padding-right: 1.6rem; } .dt-px-md-4 { padding-left: 2.4rem; padding-right: 2.4rem; } .dt-px-md-5 { padding-left: 3.2rem; padding-right: 3.2rem; } .dt-px-md-6 { padding-left: 4.8rem; padding-right: 4.8rem; } .dt-float-md-right { float: right; } .dt-float-md-left { float: left; } .dt-float-md-none { float: none; } .dt-order-md-1 { order: 1; } .dt-order-md-2 { order: 2; } .dt-order-md-3 { order: 3; } .dt-order-md-4 { order: 4; } .dt-order-md-5 { order: 5; } .dt-order-md-6 { order: 6; } .dt-order-md-7 { order: 7; } .dt-order-md-8 { order: 8; } .dt-order-md-9 { order: 9; } .dt-order-md-10 { order: 10; } .dt-order-md-11 { order: 11; } .dt-order-md-12 { order: 12; } } /* ---//--- */ /* Large Screen */ @media (min-width: 62em) { .dt-container, .dt-container-lg, .dt-container-md, .dt-container-sm { max-width: 106.668rem; /*96rem*/ } .dt-g-lg-0, .dt-gx-lg-0 { --dt-gutter-x: 0rem; } .dt-g-lg-0, .dt-gy-lg-0 { --dt-gutter-y: 0rem; } .dt-g-lg-1, .dt-gx-lg-1 { --dt-gutter-x: 0.4rem; } .dt-g-lg-1, .dt-gy-lg-1 { --dt-gutter-y: 0.4rem; } .dt-g-lg-2, .dt-gx-lg-2 { --dt-gutter-x: 0.8rem; } .dt-g-lg-2, .dt-gy-lg-2 { --dt-gutter-y: 0.8rem; } .dt-g-lg-3, .dt-gx-lg-3 { --dt-gutter-x: 1.6rem; } .dt-g-lg-3, .dt-gy-lg-3 { --dt-gutter-y: 1.6rem; } .dt-g-lg-4, .dt-gx-lg-4 { --dt-gutter-x: 2.4rem; } .dt-g-lg-4, .dt-gy-lg-4 { --dt-gutter-y: 2.4rem; } .dt-g-lg-5, .dt-gx-lg-5 { --dt-gutter-x: 4.8rem; } .dt-g-lg-5, .dt-gy-lg-5 { --dt-gutter-y: 4.8rem; } .dt-col-lg { -ms-flex: 1 0 0%; flex: 1 0 0%; } .dt-col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; width: auto; } .dt-col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .dt-col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .dt-col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .dt-col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .dt-col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .dt-col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .dt-col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .dt-col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .dt-col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .dt-col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .dt-col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .dt-col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dt-d-lg-none, div.dt-d-lg-none { display: none; } .dt-d-lg-block, div.dt-d-lg-block { display: block; } .dt-d-lg-inline, div.dt-d-lg-inline { display: inline; } .dt-d-lg-inline-block, div.dt-d-lg-inline-block { display: inline-block; } .dt-text-lg-left { text-align: start; } .dt-text-lg-right { text-align: end; } .dt-text-lg-center { text-align: center; } .dt-mt-lg-auto { margin-top: auto; } .dt-mr-lg-auto { margin-right: auto; } .dt-mb-lg-auto { margin-bottom: auto; } .dt-ml-lg-auto { margin-left: auto; } .dt-my-lg-auto { margin-top: auto; margin-bottom: auto; } .dt-mx-lg-auto { margin-left: auto; margin-right: auto; } .dt-m-lg-0 { margin: 0; } .dt-mt-lg-0 { margin-top: 0; } .dt-mt-lg-1 { margin-top: 0.4rem; } .dt-mt-lg-2 { margin-top: 0.8rem; } .dt-mt-lg-3 { margin-top: 1.6rem; } .dt-mt-lg-4 { margin-top: 2.4rem; } .dt-mt-lg-5 { margin-top: 3.2rem; } .dt-mt-lg-6 { margin-top: 4.8rem; } .dt-mr-lg-0 { margin-right: 0; } .dt-mr-lg-1 { margin-right: 0.4rem; } .dt-mr-lg-2 { margin-right: 0.8rem; } .dt-mr-lg-3 { margin-right: 1.6rem; } .dt-mr-lg-4 { margin-right: 2.4rem; } .dt-mr-lg-5 { margin-right: 3.2rem; } .dt-mr-lg-6 { margin-right: 4.8rem; } .dt-mb-lg-0 { margin-bottom: 0; } .dt-mb-lg-1 { margin-bottom: 0.4rem; } .dt-mb-lg-2 { margin-bottom: 0.8rem; } .dt-mb-lg-3 { margin-bottom: 1.6rem; } .dt-mb-lg-4 { margin-bottom: 2.4rem; } .dt-mb-lg-5 { margin-bottom: 3.2rem; } .dt-mb-lg-6 { margin-bottom: 4.8rem; } .dt-ml-lg-0 { margin-left: 0; } .dt-ml-lg-1 { margin-left: 0.4rem; } .dt-ml-lg-2 { margin-left: 0.8rem; } .dt-ml-lg-3 { margin-left: 1.6rem; } .dt-ml-lg-4 { margin-left: 2.4rem; } .dt-ml-lg-5 { margin-left: 3.2rem; } .dt-ml-lg-6 { margin-left: 4.8rem; } .dt-my-lg-0 { margin-top: 0; margin-bottom: 0; } .dt-my-lg-1 { margin-top: 0.4rem; margin-bottom: 0.4rem; } .dt-my-lg-2 { margin-top: 0.8rem; margin-bottom: 0.8rem; } .dt-my-lg-3 { margin-top: 1.6rem; margin-bottom: 1.6rem; } .dt-my-lg-4 { margin-top: 2.4rem; margin-bottom: 2.4rem; } .dt-my-lg-5 { margin-top: 3.2rem; margin-bottom: 3.2rem; } .dt-my-lg-6 { margin-top: 4.8rem; margin-bottom: 4.8rem; } .dt-mx-lg-0 { margin-left: 0; margin-right: 0; } .dt-mx-lg-1 { margin-left: 0.4rem; margin-right: 0.4rem; } .dt-mx-lg-2 { margin-left: 0.8rem; margin-right: 0.8rem; } .dt-mx-lg-3 { margin-left: 1.6rem; margin-right: 1.6rem; } .dt-mx-lg-4 { margin-left: 2.4rem; margin-right: 2.4rem; } .dt-mx-lg-5 { margin-left: 3.2rem; margin-right: 3.2rem; } .dt-mx-lg-6 { margin-left: 4.8rem; margin-right: 4.8rem; } .dt-p-lg-0 { padding: 0; } .dt-pt-lg-0 { padding-top: 0; } .dt-pt-lg-1 { padding-top: 0.4rem; } .dt-pt-lg-2 { padding-top: 0.8rem; } .dt-pt-lg-3 { padding-top: 1.6rem; } .dt-pt-lg-4 { padding-top: 2.4rem; } .dt-pt-lg-5 { padding-top: 3.2rem; } .dt-pt-lg-6 { padding-top: 4.8rem; } .dt-pr-lg-0 { padding-right: 0; } .dt-pr-lg-1 { padding-right: 0.4rem; } .dt-pr-lg-2 { padding-right: 0.8rem; } .dt-pr-lg-3 { padding-right: 1.6rem; } .dt-pr-lg-4 { padding-right: 2.4rem; } .dt-pr-lg-5 { padding-right: 3.2rem; } .dt-pr-lg-6 { padding-right: 4.8rem; } .dt-pb-lg-0 { padding-bottom: 0; } .dt-pb-lg-1 { padding-bottom: 0.4rem; } .dt-pb-lg-2 { padding-bottom: 0.8rem; } .dt-pb-lg-3 { padding-bottom: 1.6rem; } .dt-pb-lg-4 { padding-bottom: 2.4rem; } .dt-pb-lg-5 { padding-bottom: 3.2rem; } .dt-pb-lg-6 { padding-bottom: 4.8rem; } .dt-pl-lg-0 { padding-left: 0; } .dt-pl-lg-1 { padding-left: 0.4rem; } .dt-pl-lg-2 { padding-left: 0.8rem; } .dt-pl-lg-3 { padding-left: 1.6rem; } .dt-pl-lg-4 { padding-left: 2.4rem; } .dt-pl-lg-5 { padding-left: 3.2rem; } .dt-pl-lg-6 { padding-left: 4.8rem; } .dt-py-lg-0 { padding-top: 0; padding-bottom: 0; } .dt-py-lg-1 { padding-top: 0.4rem; padding-bottom: 0.4rem; } .dt-py-lg-2 { padding-top: 0.8rem; padding-bottom: 0.8rem; } .dt-py-lg-3 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .dt-py-lg-4 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .dt-py-lg-5 { padding-top: 3.2rem; padding-bottom: 3.2rem; } .dt-py-lg-6 { padding-top: 4.8rem; padding-bottom: 4.8rem; } .dt-px-lg-0 { padding-left: 0; padding-right: 0; } .dt-px-lg-1 { padding-left: 0.4rem; padding-right: 0.4rem; } .dt-px-lg-2 { padding-left: 0.8rem; padding-right: 0.8rem; } .dt-px-lg-3 { padding-left: 1.6rem; padding-right: 1.6rem; } .dt-px-lg-4 { padding-left: 2.4rem; padding-right: 2.4rem; } .dt-px-lg-5 { padding-left: 3.2rem; padding-right: 3.2rem; } .dt-px-lg-6 { padding-left: 4.8rem; padding-right: 4.8rem; } .dt-float-lg-right { float: right; } .dt-float-lg-left { float: left; } .dt-float-lg-none { float: none; } .dt-order-lg-1 { order: 1; } .dt-order-lg-2 { order: 2; } .dt-order-lg-3 { order: 3; } .dt-order-lg-4 { order: 4; } .dt-order-lg-5 { order: 5; } .dt-order-lg-6 { order: 6; } .dt-order-lg-7 { order: 7; } .dt-order-lg-8 { order: 8; } .dt-order-lg-9 { order: 9; } .dt-order-lg-10 { order: 10; } .dt-order-lg-11 { order: 11; } .dt-order-lg-12 { order: 12; } } /* ---//--- */ /* Extra Large Screen */ @media (min-width: 75em) { .dt-container, .dt-container-lg, .dt-container-md, .dt-container-sm, .dt-container-xl { max-width: 127.2rem; /*114rem*/ } .dt-g-xl-0, .dt-gx-xl-0 { --dt-gutter-x: 0rem; } .dt-g-xl-0, .dt-gy-xl-0 { --dt-gutter-y: 0rem; } .dt-g-xl-1, .dt-gx-xl-1 { --dt-gutter-x: 0.4rem; } .dt-g-xl-1, .dt-gy-xl-1 { --dt-gutter-y: 0.4rem; } .dt-g-xl-2, .dt-gx-xl-2 { --dt-gutter-x: 0.8rem; } .dt-g-xl-2, .dt-gy-xl-2 { --dt-gutter-y: 0.8rem; } .dt-g-xl-3, .dt-gx-xl-3 { --dt-gutter-x: 1.6rem; } .dt-g-xl-3, .dt-gy-xl-3 { --dt-gutter-y: 1.6rem; } .dt-g-xl-4, .dt-gx-xl-4 { --dt-gutter-x: 2.4rem; } .dt-g-xl-4, .dt-gy-xl-4 { --dt-gutter-y: 2.4rem; } .dt-g-xl-5, .dt-gx-xl-5 { --dt-gutter-x: 4.8rem; } .dt-g-xl-5, .dt-gy-xl-5 { --dt-gutter-y: 4.8rem; } .dt-col-xl { -ms-flex: 1 0 0%; flex: 1 0 0%; } .dt-col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; width: auto; } .dt-col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .dt-col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .dt-col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .dt-col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .dt-col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .dt-col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .dt-col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .dt-col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .dt-col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .dt-col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .dt-col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .dt-col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .dt-d-xl-none, div.dt-d-xl-none { display: none; } .dt-d-xl-block, div.dt-d-xl-block { display: block; } .dt-d-xl-inline, div.dt-d-xl-inline { display: inline; } .dt-d-xl-inline-block, div.dt-d-xl-inline-block { display: inline-block; } .dt-text-xl-left { text-align: start; } .dt-text-xl-right { text-align: end; } .dt-text-xl-center { text-align: center; } .dt-mt-xl-auto { margin-top: auto; } .dt-mr-xl-auto { margin-right: auto; } .dt-mb-xl-auto { margin-bottom: auto; } .dt-ml-xl-auto { margin-left: auto; } .dt-my-xl-auto { margin-top: auto; margin-bottom: auto; } .dt-mx-xl-auto { margin-left: auto; margin-right: auto; } .dt-m-xl-0 { margin: 0; } .dt-mt-xl-0 { margin-top: 0; } .dt-mt-xl-1 { margin-top: 0.4rem; } .dt-mt-xl-2 { margin-top: 0.8rem; } .dt-mt-xl-3 { margin-top: 1.6rem; } .dt-mt-xl-4 { margin-top: 2.4rem; } .dt-mt-xl-5 { margin-top: 3.2rem; } .dt-mt-xl-6 { margin-top: 4.8rem; } .dt-mr-xl-0 { margin-right: 0; } .dt-mr-xl-1 { margin-right: 0.4rem; } .dt-mr-xl-2 { margin-right: 0.8rem; } .dt-mr-xl-3 { margin-right: 1.6rem; } .dt-mr-xl-4 { margin-right: 2.4rem; } .dt-mr-xl-5 { margin-right: 3.2rem; } .dt-mr-xl-6 { margin-right: 4.8rem; } .dt-mb-xl-0 { margin-bottom: 0; } .dt-mb-xl-1 { margin-bottom: 0.4rem; } .dt-mb-xl-2 { margin-bottom: 0.8rem; } .dt-mb-xl-3 { margin-bottom: 1.6rem; } .dt-mb-xl-4 { margin-bottom: 2.4rem; } .dt-mb-xl-5 { margin-bottom: 3.2rem; } .dt-mb-xl-6 { margin-bottom: 4.8rem; } .dt-ml-xl-0 { margin-left: 0; } .dt-ml-xl-1 { margin-left: 0.4rem; } .dt-ml-xl-2 { margin-left: 0.8rem; } .dt-ml-xl-3 { margin-left: 1.6rem; } .dt-ml-xl-4 { margin-left: 2.4rem; } .dt-ml-xl-5 { margin-left: 3.2rem; } .dt-ml-xl-6 { margin-left: 4.8rem; } .dt-my-xl-0 { margin-top: 0; margin-bottom: 0; } .dt-my-xl-1 { margin-top: 0.4rem; margin-bottom: 0.4rem; } .dt-my-xl-2 { margin-top: 0.8rem; margin-bottom: 0.8rem; } .dt-my-xl-3 { margin-top: 1.6rem; margin-bottom: 1.6rem; } .dt-my-xl-4 { margin-top: 2.4rem; margin-bottom: 2.4rem; } .dt-my-xl-5 { margin-top: 3.2rem; margin-bottom: 3.2rem; } .dt-my-xl-6 { margin-top: 4.8rem; margin-bottom: 4.8rem; } .dt-mx-xl-0 { margin-left: 0; margin-right: 0; } .dt-mx-xl-1 { margin-left: 0.4rem; margin-right: 0.4rem; } .dt-mx-xl-2 { margin-left: 0.8rem; margin-right: 0.8rem; } .dt-mx-xl-3 { margin-left: 1.6rem; margin-right: 1.6rem; } .dt-mx-xl-4 { margin-left: 2.4rem; margin-right: 2.4rem; } .dt-mx-xl-5 { margin-left: 3.2rem; margin-right: 3.2rem; } .dt-mx-xl-6 { margin-left: 4.8rem; margin-right: 4.8rem; } .dt-p-xl-0 { padding: 0; } .dt-pt-xl-0 { padding-top: 0; } .dt-pt-xl-1 { padding-top: 0.4rem; } .dt-pt-xl-2 { padding-top: 0.8rem; } .dt-pt-xl-3 { padding-top: 1.6rem; } .dt-pt-xl-4 { padding-top: 2.4rem; } .dt-pt-xl-5 { padding-top: 3.2rem; } .dt-pt-xl-6 { padding-top: 4.8rem; } .dt-pr-xl-0 { padding-right: 0; } .dt-pr-xl-1 { padding-right: 0.4rem; } .dt-pr-xl-2 { padding-right: 0.8rem; } .dt-pr-xl-3 { padding-right: 1.6rem; } .dt-pr-xl-4 { padding-right: 2.4rem; } .dt-pr-xl-5 { padding-right: 3.2rem; } .dt-pr-xl-6 { padding-right: 4.8rem; } .dt-pb-xl-0 { padding-bottom: 0; } .dt-pb-xl-1 { padding-bottom: 0.4rem; } .dt-pb-xl-2 { padding-bottom: 0.8rem; } .dt-pb-xl-3 { padding-bottom: 1.6rem; } .dt-pb-xl-4 { padding-bottom: 2.4rem; } .dt-pb-xl-5 { padding-bottom: 3.2rem; } .dt-pb-xl-6 { padding-bottom: 4.8rem; } .dt-pl-xl-0 { padding-left: 0; } .dt-pl-xl-1 { padding-left: 0.4rem; } .dt-pl-xl-2 { padding-left: 0.8rem; } .dt-pl-xl-3 { padding-left: 1.6rem; } .dt-pl-xl-4 { padding-left: 2.4rem; } .dt-pl-xl-5 { padding-left: 3.2rem; } .dt-pl-xl-6 { padding-left: 4.8rem; } .dt-py-xl-0 { padding-top: 0; padding-bottom: 0; } .dt-py-xl-1 { padding-top: 0.4rem; padding-bottom: 0.4rem; } .dt-py-xl-2 { padding-top: 0.8rem; padding-bottom: 0.8rem; } .dt-py-xl-3 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .dt-py-xl-4 { padding-top: 2.4rem; padding-bottom: 2.4rem; } .dt-py-xl-5 { padding-top: 3.2rem; padding-bottom: 3.2rem; } .dt-py-xl-6 { padding-top: 4.8rem; padding-bottom: 4.8rem; } .dt-px-xl-0 { padding-left: 0; padding-right: 0; } .dt-px-xl-1 { padding-left: 0.4rem; padding-right: 0.4rem; } .dt-px-xl-2 { padding-left: 0.8rem; padding-right: 0.8rem; } .dt-px-xl-3 { padding-left: 1.6rem; padding-right: 1.6rem; } .dt-px-xl-4 { padding-left: 2.4rem; padding-right: 2.4rem; } .dt-px-xl-5 { padding-left: 3.2rem; padding-right: 3.2rem; } .dt-px-xl-6 { padding-left: 4.8rem; padding-right: 4.8rem; } .dt-float-xl-right { float: right; } .dt-float-xl-left { float: left; } .dt-float-xl-none { float: none; } .dt-order-xl-1 { order: 1; } .dt-order-xl-2 { order: 2; } .dt-order-xl-3 { order: 3; } .dt-order-xl-4 { order: 4; } .dt-order-xl-5 { order: 5; } .dt-order-xl-6 { order: 6; } .dt-order-xl-7 { order: 7; } .dt-order-xl-8 { order: 8; } .dt-order-xl-9 { order: 9; } .dt-order-xl-10 { order: 10; } .dt-order-xl-11 { order: 11; } .dt-order-xl-12 { order: 12; } } /* ---//--- */ /* Extra Big Screen */ @media (min-width: 87.5em) { .dt-container, .dt-container-lg, .dt-container-md, .dt-container-sm, .dt-container-xl, .dt-container-xxl { max-width: 140rem; } } /* ---//--- */ /* Some Important Classes */ .font-normal { font-weight: 400; } .font-bold { font-weight: bold; } .font-bolder { font-weight: bolder; } .lead { font-size: 1.8rem; line-height: 1.8; } /* Classes */ .dt_tabs .tabs { padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; margin: 0 0 4rem; } .dt_tabs .tabs .dt-btn-tab { display: inline-block; border: none; font-weight: 500; text-decoration: none; color: var(--dt-secondary-color); } .dt_tabs.tab_style1 .tabs { align-items: center; border: 0.2rem solid rgba(189, 189, 189, 0.35); max-width: max-content; margin: auto; border-radius: 10rem; background-color: #fff; box-shadow: 0 0.9rem 1.8rem rgba(24, 16, 16, 0.05); margin-bottom: 1.6rem; overflow: hidden; } .dt_tabs.tab_style1 .tabs .dt-btn-tab { background: 0 0; border-radius: 0; padding: 1.7rem 4.8rem; font-size: 2rem; } .dt_tabs.tab_style1 .tabs .dt-btn-tab.active { background-color: var(--dt-main-color); border-color: var(--dt-main-color); color: #fff; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .tab-content>.tab-pane>.dt-row { animation: slide_up 2.5s ease-out; justify-content: center; } .fade:not(.show) { opacity: 0; } .fade { transition: opacity 0.15s linear; } .dt-my-default { margin-top: 10rem; margin-bottom: 10rem; } .dt-mt-default { margin-top: 10rem; } .dt-mb-default { margin-bottom: 10rem; } .dt-py-default { padding-top: 10rem; padding-bottom: 10rem; } .dt-pt-default { padding-top: 10rem; } .dt-pb-default { padding-bottom: 10rem; } .off--layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACZSURBVHgBzZbbDYAgDEVbJ3BTRjCO4KZuUDXwY0TpO/bLKPccaSCARFQAYEbEFQKq8esD1VrAuS7mjf14ESEZfvCUsAd4SMQDPbIamfoHJUFzyzkAs4QDcpN8Ad0lPXCYpCMTSyb4W6W0LmUxpCzvlA0rAahlmqA4Y2kFO2vuNySdrkOWp+SVGSHpyApSu+CdF8gNAqpNYD8AOPsAu4AYqtUAAAAASUVORK5CYII="), pointer; background-color: #000000; opacity: 0.5; z-index: 0; transition: all .3s cubic-bezier(.785, .135, .15, .86); -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86); } .overlay--enabled { overflow: hidden; } .d-flex { display: flex; } .align-items-center { align-items: center; } .justify-content-center { justify-content: center; } .list_none { list-style: none; margin: 0 0 -2rem; padding: 0; } .list_none li { margin-bottom: 2rem; } .list_none li i { font-size: 135%; vertical-align: middle; } .list_none li span { display: inline-block; vertical-align: top; } .list_none li a { text-decoration: none; } .text-primary { color: var(--dt-main-color); } .text-white { color: #fff; } .text-secondary { color: var(--dt-secondary-color); } .bg-primary { background-color: var(--dt-main-color); } .bg-secondary { background-color: var(--dt-secondary-color); } .bg-gray { background-color: rgba(14, 25, 30, 0.03); } /* --- // --- */ /* Carousel Prev/Next */ .dt_owl_carousel.owl-carousel .owl-dots.disabled, .dt_owl_carousel.owl-carousel .owl-nav.disabled { display: none !important; } .dt_owl_carousel:not(.slider) .owl-nav { display: flex; align-items: center; justify-content: center; margin-top: 2rem; } @media (min-width: 62em) { .dt_owl_carousel:not(.slider) .owl-nav { margin-top: 3rem; } } .dt_owl_carousel:not(.slider) .owl-nav [class*=owl-] { margin: 0; width: 7rem; height: 7rem; font-size: 2rem; outline: none; background: var(--dt-secondary-color); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 500ms ease; transition: all 500ms ease; border-radius: 50%; } .dt_owl_carousel:not(.slider) .owl-nav [class*=owl-]+[class*=owl-] { margin-left: 1rem; } .dt_owl_carousel:not(.slider) .owl-nav [class*=owl-]:hover { background-color: var(--dt-main-color); color: #fff; } /* Carousel Dots */ .dt_owl_carousel.owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; } .dt_owl_carousel.owl-carousel .owl-dots .owl-dot { outline: none; } .dt_owl_carousel.owl-carousel .owl-dots .owl-dot { margin: 0.4rem; } .dt_owl_carousel.owl-carousel .owl-dots .owl-dot span { width: 1.5rem; height: 1.5rem; display: block; background-color: transparent; border-radius: 50%; border: 0.3rem solid var(--dt-secondary-color); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .dt_owl_carousel.owl-carousel .owl-dots .owl-dot:hover span, .dt_owl_carousel.owl-carousel .owl-dots .owl-dot.active span { border-color: var(--dt-main-color); background-color: var(--dt-main-color); } /* Preloader */ .dt_preloader { cursor: default; height: 100vh; position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; z-index: 9999999; } .dt_preloader-close.site--close { position: fixed; z-index: 99; background-color: var(--dt-main-color); } .dt_preloader-close.site--close:before, .dt_preloader-close.site--close:after { background-color: #fff; } .dt_preloader .dt_preloader-animation { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 1000; } .dt_preloader.loaded .dt_preloader-animation { opacity: 0; transition: 0.3s ease-out; } .dt_preloader .dt_preloader-animation .dt_preloader-spinner { animation: floating--rotate 1s infinite linear; border-radius: 50%; height: 14.4rem; width: 14.4rem; margin: 0 auto 4.5rem auto; border: 0.3rem solid rgba(0, 0, 0, 0.2); border-top-color: var(--dt-main-color); } .dt_preloader .dt_preloader-animation .dt_preloader-text { font: bold 5.5rem var(--dt-title-family); text-align: center; -webkit-user-select: none; user-select: none; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted { color: var(--dt-main-color); position: relative; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted:nth-child(2):before { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted:nth-child(3):before { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted:nth-child(4):before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted:nth-child(5):before { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted:nth-child(6):before { -webkit-animation-delay: 1s; animation-delay: 1s; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted:nth-child(7):before { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted:nth-child(8):before { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .dt_preloader .dt_preloader-animation .dt_preloader-text .splitted::before { animation: letters_loading 4s infinite; color: var(--dt-secondary-color); content: attr(data-char); position: absolute; top: -0.3rem; left: 0; opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .dt_preloader p { font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 8px; text-align: center; color: var(--dt-main-color); } .dt_preloader .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; z-index: 1; pointer-events: none; } .dt_preloader .loader .dt-row { height: 100%; } .dt_preloader .loader .loader-section { padding: 0px; } .dt_preloader .loader .loader-section .bg { background-color: #fff; height: 100%; left: 0; width: 100%; transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); } .dt_preloader.loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .dt_preloader.loaded .loader-section .bg { width: 0; transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); } @media (max-width: 767px) { .dt_preloader .dt_preloader-animation .dt_preloader-spinner { height: 12rem; width: 12rem; margin: 0 auto 1.5rem auto; } .dt_preloader .dt_preloader-animation .dt_preloader-text { font-size: 4rem; } } /* ---//--- */ /* @keyframes */ @keyframes letters_loading { 0%, 75%, 100% { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } 25%, 50% { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes pulse_border_1 { 0% { transform: scale(1); opacity: .67 } 100% { transform: scale(2.2); opacity: 0 } } @keyframes pulse_border_2 { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes slide_up { 0% { opacity: 0; transform: translateY(-3%) } 50% { opacity: 1; transform: translateY(0) } } @keyframes hamburger { 0% { width: 100%; } 50% { width: 50%; } 100% { width: 100%; } } @keyframes rightCaret { 0% { -ms-transform: translateX(-1px); -webkit-transform: translateX(-1px); transform: translateX(-1px); } 50% { -ms-transform: translateX(2px); -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -ms-transform: translateX(-1px); -webkit-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes ripple { 70% { box-shadow: 0 0 0 70px rgba(253, 167, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(253, 167, 0, 0); } } @keyframes floating--rotate { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes foldAnimation { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(90deg); } 100% { transform: rotateY(0deg); } } @keyframes topFromBottom { 49% { transform: translateY(-100%) } 50% { opacity: 0; transform: translateY(100%) } 51% { opacity: 1 } } @keyframes count { 50% { opacity: 1; -webkit-transform: translateY(-1.1rem); transform: translateY(-1.1rem); } 100% { opacity: 1; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); } } @keyframes dash { 0% { stroke-width: 0; } 100% { stroke-width: 200px; } } @keyframes updown { 0% { transform: rotateX(0deg) translateY(0px); } 50% { transform: rotateX(0deg) translateY(-50px); } 100% { transform: rotateX(0deg) translateY(0px); } } @keyframes text-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes scroll_top_effect { 0% { transform: translateY(2px) } 100% { transform: translateY(-2px) } } @keyframes animation-two { 0% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); } 30% { transform: translateY(15px) translateX(10px) rotate(5deg); -webkit-transform-origin: center center; transform-origin: center center; } 50% { transform: translateY(15px) translateX(10px) rotate(15deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; } 80% { transform: translateY(15px) translateX(10px) rotate(5deg); -webkit-transform-origin: left top; transform-origin: left top; } 100% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes rotate3d { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @keyframes animationFramesOne { 0% { transform: translate(0px,0px) rotate(0deg) ; } 20% { transform: translate(73px,-1px) rotate(36deg) ; } 40% { transform: translate(141px,72px) rotate(72deg) ; } 60% { transform: translate(83px,122px) rotate(108deg) ; } 80% { transform: translate(-40px,72px) rotate(144deg) ; } 100% { transform: translate(0px,0px) rotate(0deg) ; } } @keyframes glowing { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; } 50% { opacity: 0.7; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 500ms ease; transition: all 500ms ease; } 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } @keyframes arrowFifteen { 0% { transform: scale(1); } 100% { transform: scale(1.5); } } @keyframes circleFifteen { 0% { bottom: -55px; left: -55px; } 50% { bottom: -35px; left: -35px; } 100% { bottom: -55px; left: -25px; } } @keyframes icon-bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 60% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } } @keyframes icon-bounce-2 { 0%, 100%, 20%, 50%, 80% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } @keyframes float_up_down { 0% { transform: translateY(0px); transform: translateY(0px); opacity: 1; } 50% { transform: translateY(30px); transform: translateY(30px); opacity: 1; } 100% { transform: translateY(0px); transform: translateY(0px); opacity: 1; } } /*===== Widget Commmon =====*/ .widget .widget-title { position: relative; font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 1.6rem; } .widget--left, .widget--right, .widget--center { margin: 0; width: 100%; height: 100%; min-height: 5rem; display: inline-flex; align-items: center; } .widget--left { justify-content: flex-start; } .widget--center { justify-content: center; } .widget--right { justify-content: flex-end; } .widget--right li a { margin-left: auto; } .widget--left li a { margin-right: auto; } .widget--right .widget, .widget--left .widget { padding: 0 1.5rem; position: relative; } /*.widget--left .widget:nth-child(2n+3),*/ .widget--left .widget:first-child { padding-left: 0; } .widget--right .widget:nth-child(n+2) { padding: 0 1.5rem; } .widget--right .widget:nth-child(2n+4), .widget--right .widget:first-child { padding-left: 0; } .widget--right .widget:last-child:not(:first-child) { padding-right: 0; } .widget_recent_comments ol, .widget>ul, .widget div>ul { list-style: none; margin: 0; padding: 0; } .widget>*+ul, .widget div>*+ul { margin-top: 1.6rem; } .wp-block-latest-posts > li:before, .wp-block-latest-posts > li:after { content: ""; display: table; clear: both; } .widget li { list-style: none; position: relative; z-index: 0; transition: all .2s ease-in-out; } .widget ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a { position: relative; z-index: 0; display: inline-block; outline: none; } .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a:before { content: "\f324"; font-weight: 900; position: absolute; top: 0; bottom: 0; left: 0; font-size: 80%; line-height: 1.65; margin: auto 0; color: var(--dt-main-color); transition: all .2s ease-in-out; } .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a, .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a { padding-left: 2rem; } .widget:not(.widget_payment):not(.widget_social) li a:not(:hover, :focus) { text-decoration: none; color: inherit; } .widget:not(.widget_payment):not(.widget_social) ol li a:hover span, .widget:not(.widget_payment):not(.widget_social) ol li a:focus span { text-decoration: underline; } .widget li a:before, .widget li a:after { font-family: "Font Awesome 6 Free"; position: absolute; transition: all .2s ease-in-out; } .widget li a:hover, .widget li a:focus { color: var(--dt-main-color); } ol.wp-block-latest-comments { padding: 0; list-style: none; margin-bottom: 0; } ol.wp-block-latest-comments li:last-child { margin-bottom: 0; } .wp-block-search .wp-block-search__button, .wp-block-search .wp-block-search__input { border-radius: 0; } .wp-block-search .wp-block-search__button { flex-shrink: 0; padding: 0.125em 0.763em; } .widget .wp-block-search__inside-wrapper { border: none; border-radius: 10px; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(3, 4, 28, 0.1); } .widget .wp-block-search__inside-wrapper .wp-block-search__input { padding: 0.75rem 1.6rem; border-radius: inherit; border: none; background-color: transparent; } .widget .wp-block-search__inside-wrapper .wp-block-search__button { border-radius: 10px; } .company-presentation { text-align: center; border-radius: 2rem; padding: 3rem; color: #fff; background-color: var(--dt-secondary-color); } .company-presentation .icon { position: relative; font-size: 2.4rem; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: auto; color: #fff; background: var(--dt-main-color); display: block; border-radius: 100px; margin-bottom: 30px; } .company-presentation .icon::before { position: absolute; width: 64px; height: 64px; left: -7px; top: -7px; line-height: 64px; text-align: center; content: ""; border: 1px solid #fff; border-radius: 100px; } .company-presentation .title { font-size: 2.8rem; font-weight: 700; line-height: 1.2; margin-bottom: 2rem; color: inherit; } .company-presentation .phone { font-size: 2rem; font-weight: 700; text-align: center; color: #fff; display: block; line-height: 1.2; text-decoration: none; margin-bottom: 2rem; } .company-presentation .phone:hover, .company-presentation .phone:focus { text-decoration: underline; } .company-presentation .action { margin-top: 2rem; } .btn--effect-one .company-presentation .dt-btn-white:after, .btn--effect-one .company-presentation .dt-btn-white:before, .company-presentation .dt-btn-white:hover, .company-presentation .dt-btn-white:focus { --dt-secondary-color: var(--dt-main-color); } /*===== Widget Social =====*/ .widget.widget_social { position: relative; z-index: 0; } .widget_social ul { display: -ms-inline-flexbox; display: inline-flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .widget_social li { position: relative; display: -ms-inline-flexbox; display: inline-flex; align-self: center; overflow: visible; list-style: none; margin: 0; margin-left: 0.7rem; overflow: visible; list-style: none; } body .widget_social li:first-child { margin-left: 0; } body .widget_social li { margin-top: 0.7rem; } body .widget_social ul { margin-top: -0.7rem; } .widget.widget_social li a { width: 4rem; height: 4rem; text-align: center; font-size: 1.6rem; position: relative; cursor: pointer; border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; background-color: transparent; color: var(--dt-secondary-color); text-decoration: none; box-shadow: 0 1.4rem 4.7rem 0 rgba(13, 30, 53, 0.1); transition: all .2s ease-in-out; } .widget_social li a:focus, .widget_social li a:hover { color: #fff; } .widget.widget_social li a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: 50%; -webkit-transform: scaleX(0) rotateX(0deg); transform: scaleX(0) rotateX(0deg); background-color: #fff; transition: all .2s ease-in-out; box-shadow: 0 1.4rem 4.7rem 0 rgba(13, 30, 53, 0.1); } .widget.widget_social li a:hover:after, .widget.widget_social li a:focus:after { background-color: var(--dt-main-color); -webkit-transform: scaleX(1.0) rotateX(0deg); transform: scaleX(1.0) rotateX(0deg); } .widget.widget_social li a i:before { display: inline-block; } .widget.widget_social li a:hover i:before, .widget.widget_social li a:focus i:before { -webkit-animation: dt_rubberBand 0.9s ease-in-out alternate; animation: dt_rubberBand 0.9s ease-in-out alternate; } @keyframes dt_rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } 100% { transform: scale3d(1, 1, 1); } } .widget_payment ul, .widget_payment li { list-style: none; padding: 0; line-height: 0; } .widget_payment li a { line-height: 0; font-size: 2.2rem; } .widget_payment li:not(:last-child) a { margin-right: 1rem; border-right: 0.1rem solid rgba(68, 68, 68, 0.75); padding-right: 1.5rem; } .widget_payment li a i::before, .widget_payment li a i { line-height: 0.5; } .widget_payment li, .widget_social li { display: inline-block; } /*=============== Contact List Start =============*/ .widget.widget_contact { margin-top: -1rem; } .contact__list { display: flex; align-items: center; margin-top: 1rem; } .contact__list i { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 2.2rem; width: 2.2rem; display: inline-flex; align-items: center; justify-content: center; text-align: center; margin-right: 1.5rem; position: relative; color: var(--dt-main-color); -webkit-transform: translateY(0); transform: translateY(0); transition: all .2s ease-in-out; } .contact__body { white-space: nowrap; text-decoration: none; display: inline-block; text-align: start; color: inherit; } .contact__body>* { display: block; line-height: normal; } .item-inner .title a, .nextprev-post .post-title a, .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li a, .dt_post_item .more-link, .dt_post_item .title a, .contact__body a { color: inherit; text-decoration: none; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 100% / 0 1px no-repeat; } .nextprev-post .post-title a:hover, .nextprev-post .post-title a:focus, .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li a:hover, .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li a:focus, .dt_post_item .more-link:hover, .dt_post_item .more-link:focus, .dt_post_item .title a:hover, .dt_post_item .title a:focus, .item-inner .title a:hover, .item-inner .title a:focus, .contact__body a:hover, .contact__body a:focus { color: var(--dt-main-color); background-size: 100% 1px; } .contact__body .title { line-height: 1.2; margin-bottom: 0; } .contact__body .description { font-size: 1.6rem; margin: 0; word-break: break-word; margin-top: 0.1rem; } /* --/-- */ /* Mailchimp */ .email-form-one, .email-form-two, .email-form-three, .email-form-four, .email-form-five, .email-form-six { position: relative; } .mc4wp-form .form-group { position: relative; margin: 0; width: 100%; } .email-form-one .form-group { padding-right: 4rem; } .email-form-two .form-group { padding-right: 6rem; } .mc4wp-form .form-group input[type="text"], .mc4wp-form .form-group input[type="email"] { line-height: 4.3rem; display: block; font-size: 1.4rem; height: 6rem; width: 100%; -webkit-box-shadow: inherit; box-shadow: inherit; border-radius: 0; padding: 1rem 1.5rem 1rem 2rem; } .email-form-one .form-group input[type="text"], .email-form-one .form-group input[type="email"] { border-radius: 5rem; padding: 1rem 1.5rem 1rem 3rem; z-index: 1; } .email-form-three .form-group input[type="text"], .email-form-three .form-group input[type="email"] { min-height: 5.8rem; } .mc4wp-form .form-group .submit-btn { position: absolute; top: 0; right: 0; width: 6rem; height: 5rem; border: none; display: block; font-weight: 700; font-size: 1.5rem; color: #fff; line-height: 5rem; transition: all .2s ease-in-out; background-color: var(--dt-main-color); } .mc4wp-form .form-group .submit-btn.dt-btn-white { background-color: #fff; color: var(--dt-main-color); } .mc4wp-form .form-group .submit-btn.dt-btn-secondary { background-color: var(--dt-secondary-color); color: #fff; } .email-form-one .form-group .submit-btn { width: 7rem; text-align: end; padding: 0 1.8rem 0 0; border-radius: 0 5rem 5rem 0; } .email-form-two .form-group .submit-btn { text-align: center; padding: 0; border-radius: 0; } .email-form-three .form-group .submit-btn { right: 1rem; top: 50%; width: 4rem; height: 4rem; line-height: 4rem; padding: 0; border-radius: 0; transform: translateY(-50%); } .form-group .submit-btn.fa { font-family: 'Font Awesome 6 Free'; } .form-group .submit-btn.fa:before { display: inline-block; } .form-group .submit-btn.fa:hover:before, .form-group .submit-btn.fa:focus:before { animation: topFromBottom .3s forwards; } .mc4wp-form .email-form-four .form-group input[type="text"], .mc4wp-form .email-form-four .form-group input[type="email"] { width: 78%; border-radius: 0.6rem; } .mc4wp-form .email-form-four .form-group .submit-btn { padding: 0; } .mc4wp-form .email-form-six .form-group, .mc4wp-form .email-form-five .form-group { display: flex; flex-wrap: wrap; align-items: center; gap: 1.6rem; } .mc4wp-form .email-form-five .form-group input[type="text"], .mc4wp-form .email-form-five .form-group input[type="email"] { border-radius: 0.6rem; flex: 1; } .mc4wp-form .email-form-six .form-group .dt-btn, .mc4wp-form .email-form-five .form-group .dt-btn { flex: 0 0 auto; } .mc4wp-form .form-group .dt-btn.dt-btn-secondary { background-color: var(--dt-secondary-color); } .mc4wp-form .email-form-six .form-group { flex-wrap: wrap; } .mc4wp-form .email-form-six .form-group input[type="text"], .mc4wp-form .email-form-six .form-group input[type="email"] { border-radius: 100rem; } .mc4wp-form .email-form-six .form-group .dt-btn { border-radius: 100rem; } @media (min-width: 36em) { .mc4wp-form .email-form-six .form-group { flex-wrap: nowrap; gap: 0; } .mc4wp-form .email-form-six .form-group input[type="text"], .mc4wp-form .email-form-six .form-group input[type="email"] { border-radius: 100rem 0 0 100rem; } .mc4wp-form .email-form-six .form-group .dt-btn { margin-left: -5rem; } } /* --/-- */ /** text-overlay-animation **/ .overlay-anim-black-bg, .overlay-anim-primary-bg, .overlay-anim-white-bg { position: relative; display: inline-block; overflow: hidden; } .overlay-anim-black-bg:after, .overlay-anim-primary-bg:after, .overlay-anim-white-bg:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99); transition: 1s cubic-bezier(.858, .01, .068, .99); z-index: 1; -webkit-transform: translateX(0); transform: translateX(0); } .overlay-anim-primary-bg:after { background: var(--dt-main-color); } .overlay-anim-black-bg:after { background: var(--dt-secondary-color); } .overlay-anim-white-bg:after { background: #fff; } .overlay-anim-black-bg.overlay-animation:after, .overlay-anim-primary-bg.overlay-animation:after, .overlay-anim-white-bg.overlay-animation:after { -webkit-transform: translateX(110%); transform: translateX(110%); } /*-------------------------------------------------------------- # Main CSS --------------------------------------------------------------*/ .dt_header { position: relative; z-index: 9; } .dt_header-topbar { font-size: 1.45rem; overflow: hidden; } @media (min-width: 75em) { .dt_header-topbar { font-size: 1.6rem; } } .dt_header .dt-col-2.dt-my-auto { -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; } .dt_header .dt-col-2.dt-my-auto+.dt-col-10 { -ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%; } .dt_header-widget .widget:not(:last-child):after { position: absolute; right: 0; top: 50%; content: ""; height: 14px; width: 1px; background: rgba(189, 189, 189, 0.75); transform: translateY(-50%); } .dt_header-widget a:not(:hover, :focus) { color: inherit; } .dt_header .widget:not(.widget_social, .widget_nav_menu) li, .widget_tag_cloud a, .wp-block-tag-cloud a { display: inline-block; padding: 0; } .dt_header .widget:not(.widget_nav_menu, .widget_social) li { margin: 0 1rem 0.5rem 0; } .dt_header .widget.widget_nav_menu .menu>li { display: inline-block; margin: 0 1rem 0 0; } .dt_header .widget.widget_nav_menu .menu>li ul a { display: block; } .dt_header .widget.widget_nav_menu a img { display: inline-block; margin-right: 0.2rem; } .dt_header .widget.widget_nav_menu a:not(:hover, :focus) { color: var(--dt-secondary-color); } .dt_header .widget.widget_nav_menu .menu>li.pll-parent-menu-item { padding-left: 3.4rem; } .dt_header .widget.widget_nav_menu .menu>li.pll-parent-menu-item:before { content: ""; width: 2.5rem; height: 2.5rem; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; background: var(--dt-main-color); border-radius: 10rem; } .dt_header .widget.widget_nav_menu .menu>li.pll-parent-menu-item:after { content: ""; width: 1.5rem; height: 1.5rem; position: absolute; top: 0; left: 0.5rem; bottom: 0; margin: auto; background: #fff; border-radius: 10rem; } .dt_header .widget.widget_nav_menu .menu>li.pll-parent-menu-item a::after { font-weight: 600; } .dt_header .widget:not(.widget_social) li:last-child, .widget_tag_cloud a:last-child, .wp-block-tag-cloud a:last-child { margin: 0; } .dt_header-widget ul li span, .dt_header-widget a { display: inline-block; } .dt_header-widget ul li span, .dt_header-widget a, .contact__body>* { text-decoration: none; position: relative; transition: all .2s ease-in-out; } .dt_header-widget a:hover span.title, .dt_header-widget a:focus span.title { color: var(--dt-main-color); } .dt_header-widget .widget:not(.widget_social) li a { width: max-content; } .dt_header-widget .widget:not(.widget_social, .widget_contact) i, .dt_header-widget .widget:not(.widget_social, .widget_contact, .widget-media-gallery, .widget_media_image) img { display: inline-block; } .dt_header-widget .widget:not(.widget_media_gallery, .widget_social, .widget_contact, .widget-media-gallery, .widget_media_image) img { height: 2rem; object-fit: cover; } .dt_header .widget li:last-child { margin-right: 0; } .dt_header-widget .gallery .gallery-item a { display: block; height: 7rem; } .dt_header-widget .widget img { width: 5rem; } .dt_header-widget .gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dt_header-widget .gallery .gallery-item { -ms-flex: 1; flex: 1; margin: 0 0.6rem 0 0; padding: 0; } .dt_header-widget .widget_media_video { display: block; width: 100%; } .dt_header-widget .widget_media_video .wp-video .mejs-container { width: 100% !important; max-height: 17rem; } .dt_header-widget .widget_media_video .wp-video-shortcode video, .dt_header-widget .widget_media_video video.wp-video-shortcode { max-height: 17rem; } .dt_header-widget .widget .title { font-size: inherit; color: inherit; font-weight: 500; } .dt_header-widget .widget_meta a { font-size: 1.2rem; } .project_info_box .widget.widget_social li a, .dt_header-widget .widget.widget_social li a { width: 2.6rem; height: 2.6rem; font-size: inherit; color: inherit; } .dt_mobilenav, .dt_header-navwrapper, .dt_navbar { width: 100%; } .dt_header-navwrapper { position: relative; } .dt_header-navwrapperinner { display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; } .dt_header-navwrapperinner, .dt_navbar-menu { min-height: 9rem; } .dt_header .dt_header-widget .contact__list { margin-top: 0; } .dt_header .dt_header-widget .widget.widget_contact { margin-top: 0; } .dt_header-widget .contact__list i { width: auto; margin-right: 1rem; } /*=============== Desktop Menu =============*/ .site--logo img { width: 100%; } .site--logo a { display: block; font-size: 3rem; font-weight: 700; line-height: 1.2; white-space: normal; width: 100%; max-width: max-content; height: auto; margin: auto 0; z-index: 9; } .site--logo a:not(:hover, :focus) { color: inherit; text-decoration: none; } .site--logo a:focus { outline: 0.1rem dotted; outline-offset: 0.5rem; } .site--logo .site-description { font-size: 1.23rem; margin-bottom: 0; margin-top: 0.45rem; } .is--sticky.on { position: fixed; right: 0; left: 0; top: 0; z-index: 99999; background-color: #fff; -webkit-animation: fadeInDown 500ms linear 1; animation: fadeInDown 500ms linear 1; box-shadow: 0px 24px 64px 0px rgba(199, 206, 218, 0.25); } .is--sticky.reverse.on { -webkit-animation: fadeReverse 500ms linear 1; animation: fadeReverse 500ms linear 1; } @keyframes fadeReverse { 0% { opacity: 0; -webkit-transform: translateY(-120%); transform: translateY(-120%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .dt_navbar-wrapper.is--sticky.on { padding: 0 0; } .dt_navbar-menu { display: flex; align-items: center; flex-grow: 1; justify-content: flex-end; align-self: stretch; width: 100%; height: 100%; } .dt_navbar-nav { text-align: end; position: relative; } .dt_navbar-mainmenu { list-style: none; margin: 0; padding: 0; display: block; } .dt_navbar-nav .dt_navbar-mainmenu { display: inline-block; } .dt_navbar-mainmenu li { list-style: none; position: relative; } .dt_navbar-nav .dt_navbar-mainmenu>li { display: inline-block; margin: 0 -0.3rem; } .dt_navbar-mainmenu>li>a, .dropdown-menu li a { position: relative; display: block; z-index: 0; font-family: var(--dt-base-family); font-weight: 600; line-height: 1.5; white-space: normal; } .dt_navbar-mainmenu .dropdown-menu li a { color: var(--dt-secondary-color); } .dt_navbar-mainmenu li>a { text-decoration: none; outline: none; color: inherit; } .dt_navbar-mainmenu li>a:focus { text-decoration: underline; text-underline-offset: 0.1rem; } .dt_navbar-mainmenu>li>a { white-space: normal; border: 0; border-radius: 0; } .dt_navbar-nav .dt_navbar-mainmenu>li>a { margin: 0 1.07rem; display: inline-flex; } .dt_navbar-nav .dt_navbar-mainmenu>li:first-child>a { margin-left: 0; } .dt_header .widget_nav_menu .menu-item-has-children>a, .dt_footer .widget_nav_menu .menu-item-has-children>a, .dt_footer .dt_navbar-mainmenu>.menu-item-has-children>a, .dt_navbar-nav .dt_navbar-mainmenu>.menu-item-has-children>a { padding-right: 2rem; } .dt_header .widget_nav_menu .menu-item-has-children>a:after, .dt_footer .widget_nav_menu .menu-item-has-children>a:after, .dt_footer .dt_navbar-mainmenu .menu-item-has-children>a:after, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu .menu-item-has-children>a:after, .dt_navbar-nav .dt_navbar-mainmenu .menu-item-has-children>a:after { content: ''; position: absolute; top: 30%; right: 0; display: inline-block; border-width: 0 2px 2px 0; border-style: solid; border-color: currentColor; padding: 0.333rem; opacity: 0.75; transform: translate(0, -30%) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1); transition: all .5s cubic-bezier(0.4, 0, 0.2, 1); } .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu .menu-item-has-children>a { padding-right: 3rem; } .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu .menu-item-has-children>a:after { top: 50%; right: 1.6rem; transform: translate(0, -50%) rotate(-45deg) skewX(0) skewY(0) scaleX(1) scaleY(1); } .menu-wrap .dropdown-menu li a sup, .menu-wrap .dropdown-menu li a sub, .dt_mobilenav .dt_navbar-mainmenu li.active>a, .dt_mobilenav .dt_navbar-mainmenu li.focus>a, .dt_mobilenav .dt_navbar-mainmenu li:hover>a, .dt_navbar-nav .dt_navbar-mainmenu li.active>a, .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a, .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a { color: var(--dt-main-color); } /* Menu Active Style */ /* One */ .menu__active-one .dt_navbar-nav .dt_navbar-mainmenu>li>a::before { position: absolute; content: ''; left: 0; bottom: -2px; height: 0.2rem; width: 0; background: var(--dt-main-color); transition: all linear 0.3s; } .menu__active-one .dt_navbar-nav .dt_navbar-mainmenu>li.active>a::before, .menu__active-one .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a::before, .menu__active-one .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a::before { width: 80%; } /* Two */ .menu__active-two .dt_navbar-nav .dt_navbar-mainmenu>li>a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 0.2rem; background-color: var(--dt-main-color); opacity: 0; transition: all .2s ease-in-out; } .menu__active-two .dt_navbar-nav .dt_navbar-mainmenu>li.active>a:before, .menu__active-two .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a:before, .menu__active-two .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a:before { opacity: 1; width: 100%; } /* Three */ .menu__active-three .dt_mobilenav-right>ul, .menu__active-three .dt_navbar-right>ul { padding-left: 1.8rem; } .menu__active-three .dt_navbar-list-right>li:not(:last-child) { margin-right: 2rem; } .menu__active-three .dt_navbar-nav .dt_navbar-mainmenu>li>a { margin: 0 0.62rem; padding: 0 1.4rem; line-height: 4rem; } .menu__active-three .dt_navbar-nav .dt_navbar-mainmenu>li>a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 3.5rem; border-radius: 0.6rem; background-color: var(--dt-main-color); z-index: -1; opacity: 0; transition: all .2s ease-in-out; } .menu__active-three .dt_navbar-nav .dt_navbar-mainmenu>li.menu-item-has-children>a:before { width: calc(100% + 0.8rem); } .menu__active-three .dt_navbar-nav .dt_navbar-mainmenu>li.active>a:before, .menu__active-three .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a:before, .menu__active-three .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a:before { opacity: 0.15; } /* Four */ .menu__active-four .dt_navbar-nav .dt_navbar-mainmenu>li>a:before { position: absolute; bottom: -80%; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 110%; -webkit-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } .menu__active-four .dt_navbar-nav .dt_navbar-mainmenu>li.active>a:before, .menu__active-four .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a:before, .menu__active-four .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a:before { color: var(--dt-main-color); text-shadow: 1rem 0 var(--dt-main-color), -1rem 0 var(--dt-main-color); } /* // */ .dt_footer_copyright .widget_nav_menu .sub-menu, .dt_footer .dt_navbar-mainmenu .dropdown-menu, .dt_navbar-cart-item .dt_navbar-shopcart, .dt_header .widget_nav_menu .sub-menu, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu { position: absolute; text-align: start; color: var(--dt-secondary-color); background-color: #fff; width: 26rem; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: center top 0; -webkit-transform-origin: center top 0; transition: all 300ms ease; border-radius: 0; box-shadow: 0 3.6rem 3.5rem rgba(0, 0, 0, 0.08); } .dt_navbar-cart-item .dt_navbar-shopcart, .dt_header .widget_nav_menu .sub-menu, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu { top: 100%; padding: 1.5rem 1rem; margin: 0; list-style: none; display: block; z-index: 9; } .dt_footer_copyright .widget_nav_menu .sub-menu, .dt_footer .dt_navbar-mainmenu .dropdown-menu { top: auto; right: auto; bottom: 100%; left: auto; margin: 0 auto; } .dt_navbar-cart-item:hover .dt_navbar-shopcart, .dt_navbar-cart-item:focus-within .dt_navbar-shopcart, .dt_footer_copyright .widget_nav_menu .menu-item:hover>.sub-menu, .dt_footer_copyright .widget_nav_menu .menu-item.focus>.sub-menu, .dt_header .widget_nav_menu .menu-item:hover>.sub-menu, .dt_header .widget_nav_menu .menu-item.focus>.sub-menu, .dt_footer .dt_navbar-mainmenu .menu-item:hover>.dropdown-menu, .dt_footer .dt_navbar-mainmenu .menu-item.focus>.dropdown-menu, .dt_navbar-nav .dt_navbar-mainmenu .menu-item:hover>.dropdown-menu, .dt_navbar-nav .dt_navbar-mainmenu .menu-item.focus>.dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); } .dt_footer_copyright .widget_nav_menu .sub-menu li>a, .dt_header .widget_nav_menu .sub-menu li>a, .dt_footer .dt_navbar-mainmenu .dropdown-menu li>a, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu li>a { font-size: 94%; padding: 0.8rem 1.6rem; position: relative; } .dt_footer .dt_navbar-mainmenu .dropdown-menu li a:before, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu li a:before { position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; height: 0; border-radius: 5px; background-color: rgba(189, 189, 189, 0.2); z-index: -1; transition: all .2s ease-in-out; } .dt_footer .dt_navbar-mainmenu .dropdown-menu li.active>a:before, .dt_footer .dt_navbar-mainmenu .dropdown-menu li:hover>a:before, .dt_footer .dt_navbar-mainmenu .dropdown-menu li.focus>a:before, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu li.active>a:before, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu li:hover>a:before, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu li.focus>a:before { height: 100%; transition: all .2s ease-in-out; } .dt_footer .dt_navbar-mainmenu .menu-item .dropdown-menu .dropdown-menu, .dt_navbar-nav .dt_navbar-mainmenu .menu-item .dropdown-menu .dropdown-menu { top: 0; left: 100%; -webkit-transform: none; transform: none; } .dt_header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu li .dropdown-menu li .dropdown-menu { left: auto; right: 100%; } .dt_header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { right: auto; left: 100%; } .dt_header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu, .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { right: auto; left: 100%; } /* --/-- */ /*=============== Mobile Menu =============*/ button.hamburger { background-color: transparent; outline-offset: 5px; outline-color: transparent; } button.hamburger:focus { outline-color: var(--dt-secondary-color); } .hamburger { width: 2.8rem; height: 2.6rem; vertical-align: middle; overflow: hidden; display: block; padding: 0; border: none; border-radius: 0; } .hamburger span { height: 2px; width: 100%; display: block; margin: 0 0 6px; background-color: var(--dt-secondary-color); transition: all .2s ease-in-out; } .hamburger span:nth-child(2) { width: 75%; } .hamburger span:first-child { margin-top: 0; } .hamburger span:last-child { margin-bottom: 0; } .hamburger:hover span, .hamburger:focus span { background-color: var(--dt-main-color); } .hamburger:not(.active):hover span:first-child, .hamburger:not(.active):focus span:first-child { -webkit-animation: hamburger 0.8s infinite ease-in-out alternate; animation: hamburger 0.8s infinite ease-in-out alternate; } .hamburger:not(.active):hover span:nth-child(2), .hamburger:not(.active):focus span:nth-child(2) { -webkit-animation: hamburger 0.8s infinite ease-in-out alternate forwards 150ms; animation: hamburger 0.8s infinite ease-in-out alternate forwards 150ms; } .hamburger:not(.active):hover span:last-child, .hamburger:not(.active):focus span:last-child { -webkit-animation: hamburger 0.8s infinite ease-in-out alternate forwards 300ms; animation: hamburger 0.8s infinite ease-in-out alternate forwards 300ms; } .hamburger.active span { position: absolute; inset: 0; margin: auto; width: 100%; } .hamburger.active span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger.active span:nth-child(2) { opacity: 0; visibility: hidden; } .hamburger.active span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .dt_mobilenav-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 1.6rem 0; } .dt_mobilenav-menu ul, .dt_mobilenav-menu ul li { padding: 0; list-style: none; position: relative; border: 0; } .dt_mobilenav-logo { text-align: start; } .dt_mobilenav-toggles { display: flex; align-items: center; flex-wrap: nowrap; justify-content: flex-end; } .dt_mobilenav-right .dt_navbar-list-right { padding-left: 1rem; padding-right: 1rem; } .dt_mobilenav-topbar-toggle { display: inline-block; position: relative; width: 3rem; height: 3rem; line-height: 3.3rem; padding: 0; cursor: pointer; font-size: 1.6rem; margin: 0.6rem 0; border: 0.1rem solid rgba(189, 189, 189, 0.2); border-radius: 100%; overflow: hidden; z-index: 0; } button.dt_mobilenav-topbar-toggle { color: var(--dt-secondary-color); outline-offset: -0.4rem; background-color: #fff; } button.dt_mobilenav-topbar-toggle.active { background-color: #fff; } .dt_mobilenav-topbar-toggle i { vertical-align: .15rem; transition: all .2s ease-in-out; } button.dt_mobilenav-topbar-toggle.active i { color: var(--dt-main-color); } .dt_mobilenav-topbar-toggle.active i { -webkit-transform: rotate(180deg) translateY(0.2rem); transform: rotate(180deg) translateY(0.2rem); } .dt_mobilenav-mainmenu-content { position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none; overflow: hidden; z-index: 99999; } .dt_mobilenav-mainmenu-content:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: inherit; z-index: -1; transition: all .2s ease-in-out; } .dt_mobilenav-mainmenu-inner { position: absolute; top: 0; left: 0; width: 90%; max-width: 50rem; height: 100%; padding-top: 6.8rem; padding-bottom: 2rem; opacity: 0; visibility: hidden; overflow: hidden; text-align: start; color: var(--dt-secondary-color); background: #fff; -webkit-transform: translateX(-150%); transform: translateX(-150%); transition: all .2s ease-in-out; box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1); } @media (max-width: 25.875em) { .dt_mobilenav-mainmenu-inner { width: 100%; } } .dt_mobilenav-mainmenu--active .dt_mobilenav-mainmenu-inner { transform: translateX(0); opacity: 1; visibility: visible; transition: all .2s ease-in-out; } .dt_mobilenav-mainmenu-inner .dt_navbar-mainmenu { height: 100%; overflow-x: hidden; overflow-y: overlay; -ms-touch-action: overlay; touch-action: auto; } .dt_mobilenav-mainmenu-inner>ul>li:first-child { border-top: 0.1rem solid rgba(189, 189, 189, 0.2); } .dt_mobilenav-mainmenu-inner>ul>li { border-bottom: 0.1rem solid rgba(189, 189, 189, 0.2); } /*.dt_mobilenav-mainmenu-inner > ul > li.current:before { content: ""; position: absolute; top: 4.6rem; left: 0; width: 100%; height: 0.1rem; background-color: rgba(189, 189, 189, 0.2); }*/ .dt_mobilenav-mainmenu-inner .dt_navbar-mainmenu>li a { width: 100%; padding: 0; padding-left: 1.5rem; } .dt_mobilenav-mainmenu-inner ul li.menu-item-has-children { display: flex; justify-content: flex-start; flex-wrap: wrap; } .dt_mobilenav-mainmenu-inner .dropdown-menu li:not(:last-child) { border-bottom: 0.1rem solid rgba(189, 189, 189, 0.2); } .dt_mobilenav-mainmenu-inner li.menu-item-has-children ul.dropdown-menu li>a { padding-left: 2.5rem; width: 100%; } .dt_mobilenav-mainmenu-inner .menu-item-has-children>a { flex: 1; } .dt_mobilenav-mainmenu-inner .dropdown-menu { margin: 0; float: none; clear: both; display: none; background: none; border-top: 0.1rem solid rgba(189, 189, 189, 0.2); width: 100%; padding: 0; border-radius: 0; box-shadow: none; } .dt_mobilenav-mainmenu-inner .menu-item a { display: inline-block; letter-spacing: 0.05rem; line-height: 4.3rem; } .dt_mobilenav-mainmenu-inner .menu-item-has-children.current>a { margin: 0; color: var(--sp-primary); } .site--close { padding: 0; height: 5rem; width: 5rem; line-height: 5rem; display: inline-block; border-width: 0; position: absolute; top: 1.3rem; right: 1.3rem; background-color: transparent; z-index: 1; } .site--close:before, .site--close:after { transform: rotate(-45deg); content: ""; position: absolute; top: 50%; left: 50%; margin-top: -0.1rem; margin-left: -1.1rem; display: block; height: 2px; width: 2.2rem; background-color: var(--dt-secondary-color); transition: all .2s ease-in-out; } .site--close:after { transform: rotate(-135deg); } .site--close:hover:before, .site--close:hover:after, .site--close:focus:before, .site--close:focus:after { transform: rotate(0deg); } .dt_mobilenav-dropdown-toggle { width: 100%; max-width: 4.4rem; text-align: center; } .dt_mobilenav-mainmenu-content .dt_mobilenav-dropdown-toggle button { cursor: pointer; flex-basis: 10%; width: 100%; text-align: center; line-height: 4.4rem; font-size: 1.8rem; font-weight: 900; padding: 0 0.72rem; border: 0; border-radius: 0; color: var(--dt-secondary-color); background: none; border-left: 0.1rem solid rgba(189, 189, 189, 0.2); display: flex; align-items: center; justify-content: center; height: 100%; } .dt_mobilenav-mainmenu-content .dt_mobilenav-dropdown-toggle button:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); display: block; transition: all .2s ease-in-out; } .dt_mobilenav-mainmenu-content .menu-item-has-children.current>.dt_mobilenav-dropdown-toggle>button:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .dt_footer .dt_mobilenav-dropdown-toggle { display: none; } @media (min-width: 62em) { .dt_mobilenav-dropdown-toggle { display: none; } } .dt_mobilenav-topbar { display: flex; flex-direction: column-reverse; align-items: center; justify-content: flex-start; text-align: center; background-color: var(--dt-main-color); } .dt_mobilenav-topbar-content { display: none; width: 100%; height: auto; padding: 1.7rem 0 1.8rem; text-align: start; color: var(--dt-secondary-color); background-color: #fff; border-bottom: 0.1rem solid rgba(189, 189, 189, 0.2); } .dt_mobilenav-topbar-content .dt_header-widget+.dt_header-widget { display: none; } .dt_mobilenav-topbar-content .dt_header-widget>.dt-container { padding: 0; } .dt_mobilenav-topbar-content .dt_header-widget .widget { margin-bottom: 1.6rem; } .dt_mobilenav-topbar-content .widget--right .widget:last-child { margin-bottom: 0; } .dt_mobilenav-topbar-content .widget--right .widget.widget_social:first-child:before { background: none; } .dt_mobilenav-topbar-content .dt_header-widget .widget .contact__list { padding-left: 0; } @media (max-width: 61.95em) { .dt_mobilenav-topbar-content .widget--left, .dt_mobilenav-topbar-content .widget--right, .dt_mobilenav-topbar-content .widget--center { justify-content: center; text-align: center; } .dt_mobilenav-topbar-content .dt_header-widget .widget { margin-bottom: 0; } .dt_mobilenav-topbar-content .dt_header-widget .widget--right .widget:not(:last-child):after { display: none; } } @media (max-width: 35.95em) { .dt_mobilenav-topbar-content .widget--left, .dt_mobilenav-topbar-content .widget--right, .dt_mobilenav-topbar-content .widget--center { flex-wrap: wrap; } .dt_mobilenav-topbar-content .dt_header-widget .widget .contact__list { justify-content: center; } .dt_mobilenav-topbar-content .widget--right .widget, .dt_mobilenav-topbar-content .widget--left .widget { width: 100%; padding: 0; } .dt_mobilenav-topbar-content .dt_header-widget .widget { margin-bottom: 1.6rem; } } /* --/-- */ /*=============== Menu Right =============*/ @media (max-width: 44.938em) { .dt_mobilenav-right { padding-left: 1rem } .dt_mobilenav-right .dt_navbar-info-contact { display: none; } } @media (max-width: 33.938em) { .dt_mobilenav-right .dt_navbar-button-item { display: none; } } .widget_shopping_cart ul.product_list_widget, .dt_navbar-shopcart ul, .dt_mobilenav-right>ul, .dt_navbar-right>ul { list-style: none; padding: 0; margin: 0; } .dt_mobilenav-right>ul, .dt_navbar-right>ul { padding-left: 1.2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; } @media (min-width: 62em) and (max-width: 74.95em) { .dt_mobilenav-right>ul, .dt_navbar-right>ul { padding-left: 1rem; } .dt_navbar-nav .dt_navbar-mainmenu>li>a { margin: 0 1rem; } } .dt_navbar-list-right>li:not(:last-child) { margin-right: 1.5rem; } .dt_mobilenav-right .dt_navbar-list-right>li:not(:last-child) { margin-right: 1rem; } /* Cart */ .dt_navbar-cart-item { position: relative; z-index: 0; } .dt_navbar-cart-item .dt_navbar-shopcart { width: 30.6rem; padding: 2rem; top: 140%; right: 0; } .widget_shopping_cart ul.product_list_widget { overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 50rem; max-height: 50vh; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li, .widget_shopping_cart ul.product_list_widget li { display: block; list-style: none; margin: 0; padding: 1rem 0 0.5rem 8rem !important; padding-right: 3rem; min-height: 8rem; position: relative; overflow: hidden; vertical-align: top; line-height: 1.33; border-bottom: none; } .dt_navbar-list-right ul.product_list_widget li { margin-right: 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove, a.remove { display: block; width: 2.4rem; height: 2.4rem; font-size: 1.5rem !important; line-height: 2.4rem !important; border-radius: 100%; color: #ccc !important; font-weight: bold; text-align: center; text-decoration: none; border: 0.1rem solid currentColor; } .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce .widget_shopping_cart .cart_list li a.remove:focus, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:focus, a.remove:hover, a.remove:focus { color: var(--dt-secondary-color) !important; background-color: transparent; } .quantity { opacity: 1; display: inline-block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1.6rem; white-space: nowrap; vertical-align: top; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove, .widget_shopping_cart ul.product_list_widget li a.remove { position: absolute; right: 0; left: auto; top: auto; z-index: 9; } .widget_shopping_cart ul.product_list_widget li a:not(.remove) { display: block; margin-bottom: 0.5rem; padding: 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.3; text-decoration: none; color: var(--dt-secondary-color); } .woocommerce .widget_shopping_cart .cart_list li a:not(.remove), .woocommerce.widget_shopping_cart .cart_list li a:not(.remove) { position: unset; } .widget_shopping_cart ul.product_list_widget li a:not(.remove):hover, .widget_shopping_cart ul.product_list_widget li a:not(.remove):focus { color: var(--dt-main-color); } body.woocommerce .widget_shopping_cart ul.cart_list li img, body.woocommerce .widget_shopping_cart ul.product_list_widget li img, .widget_shopping_cart ul.product_list_widget li img { top: 1rem; position: absolute; left: 0; width: 6rem; height: 6rem; float: none; margin-right: 0; margin-left: 1rem; margin-bottom: 0.5rem; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .widget_shopping_cart ul.product_list_widget li .quantity { display: block; margin-top: 0.3rem; font-size: .85em; opacity: .6; } span.amount { white-space: nowrap; color: var(--dt-secondary-color); font-weight: bold; } .woocommerce .widget_shopping_cart .cart_list li+li, .woocommerce.widget_shopping_cart .cart_list li+li, .widget_shopping_cart ul.product_list_widget li+li { border-top: 0.1rem solid rgba(189, 189, 189, 0.2) !important; } .widget_shopping_cart p.total { text-align: center; padding: 1rem 0 !important; border-top: 0.1rem solid rgba(189, 189, 189, 0.2) !important; border-bottom: 0.2rem solid rgba(189, 189, 189, 0.2); margin-bottom: 0.8rem; } .widget_shopping_cart .button:not(.add_to_cart_button) { width: 100%; margin: 0.8rem 0 0; text-align: center; text-decoration: none; } .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button) { border-color: var(--dt-secondary-color); background-color: var(--dt-secondary-color); color: #fff; } .widget_shopping_cart .button.checkout { border-color: var(--dt-main-color); background-color: var(--dt-main-color); color: #fff; } .widget_shopping_cart_content .woocommerce-mini-cart__empty-message { margin: 0; } .dt_navbar-user-item .dt_user_btn, .dt_navbar-cart-item .dt_navbar-cart-icon, .dt_navbar-search-item button.dt_navbar-search-toggle { width: 3.2rem; height: 3.2rem; line-height: 3.2rem; position: relative; font-size: 1.8rem; } .dt_navbar-user-item .dt_user_btn, .dt_navbar-cart-item .dt_navbar-cart-icon { margin: 0; color: var(--dt-secondary-color); position: relative; display: inline-block; text-align: center; transition: all .2s ease-in-out; } .dt_navbar-user-item .dt_user_btn:hover, .dt_navbar-user-item .dt_user_btn:focus, .dt_navbar-cart-item:hover .dt_navbar-cart-icon, .dt_navbar-cart-item:focus-within .dt_navbar-cart-icon { color: var(--dt-main-color); } .dt_navbar-cart-item .cart_count { position: absolute; top: -9px; right: -3px; width: 2.3rem; height: 2.3rem; margin: auto; line-height: 2rem; font-size: 1.2rem; display: inline-block; color: #fff; background-color: var(--dt-main-color); border: 0.2rem solid #fff; border-radius: 50%; opacity: 0; transform: scale(.95); transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); } .dt_navbar-cart-icon.active .cart_count, .dt_navbar-cart-item:hover .cart_count, .dt_navbar-cart-item:focus-within .cart_count { animation: count 1500ms 500ms forwards; } /* Search Popup */ button.dt_navbar-search-toggle { border: 0; padding: 0; outline: none; color: inherit; background-color: transparent; } button.dt_navbar-search-toggle:hover, button.dt_navbar-search-toggle:focus { color: var(--dt-main-color); } .search--header { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -54rem; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; backdrop-filter: blur(1rem); background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .dt_header-search--active .search--header { transform: translateY(0%); margin-top: 0; opacity: 1; visibility: visible; } .search--header:before { content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: 56rem; background-image: url("data:image/png;base64,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"); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0; } .search--header .dt_search-close { position: absolute; left: 0; right: 0; top: 75%; margin: 0 auto; margin-top: -20rem; border-radius: 50%; text-align: center; width: 7rem; height: 7rem; font-size: 3.2rem; line-height: 7rem; cursor: pointer; border: none; opacity: 0; visibility: hidden; padding: 0; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); transition: all .2s ease-in-out; } .search--header .dt_search-close i { color: #fff; background-color: var(--dt-main-color); width: 100%; height: 100%; border-radius: inherit; line-height: 7rem; margin-top: 0.3rem; transition: all .2s ease-in-out; } .search--header .dt_search-close:hover i, .search--header .dt_search-close:focus i { background-color: #fff; color: var(--dt-main-color); } .dt_header-search--active .search--header .dt_search-close { visibility: visible; opacity: 1; top: 50%; transition-delay: 1500ms; } .search--header .dt_search-form { position: absolute; max-width: 70rem; top: 50%; left: 1.5rem; right: 1.5rem; overflow: hidden; margin: -3.5rem auto 0; transform: scaleX(0); transform-origin: center; background-color: var(--dt-secondary-color); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .dt_header-search--active .search--header .dt_search-form { -webkit-transform: scaleX(1); transform: scaleX(1); transition-delay: 1200ms; } .search--header .dt_search-form input[type=text], .search--header .dt_search-form input[type=search] { position: relative; display: block; font-size: 1.8rem; line-height: 5rem; color: var(--dt-secondary-color); height: 6rem; min-height: 6rem; width: 100%; padding: 1rem 3rem; font-weight: 500; border-radius: 0; text-transform: capitalize; transition: all .2s ease-in-out; } .search--header .dt_search-form input[type=submit], .search--header .dt_search-form button { position: absolute; right: 0; top: 50%; width: 6rem; height: 6.1rem; background: transparent; text-align: center; font-size: 2rem; padding: 0; cursor: pointer; border: none; color: #fff; background-color: var(--dt-main-color); border-radius: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .2s ease-in-out; } .search--header .dt_search-form input[type=submit]:focus, .search--header .dt_search-form button:focus { outline: 1px dotted; outline-offset: -4px; } .search--header .dt_search-form button i { position: relative; z-index: 1; } /* List Widget */ .dt_navbar-listwidget .contact__list { display: inline-flex; } .dt_navbar-listwidget .contact__list+.contact__list { padding-left: 2.5rem; margin-left: 2.5rem; border-left: 0.1rem solid rgba(189, 189, 189, 0.5); } @media (min-width: 62em) and (max-width: 74.95em) { .dt_navbar-listwidget .contact__list+.contact__list { padding-left: 1.5rem; margin-left: 1.5rem; } } .dt_navbar-listwidget .contact__list i { font-size: 4rem; width: 4rem; height: 4rem; object-fit: cover; margin-right: 1.2rem; } .dt_navbar-listwidget .contact__body .title { font-size: 1.8rem; } .dt_navbar-listwidget .contact__list .description { margin-top: 0.45rem; } /* Sidebar */ button.dt_navbar-sidebar-toggle { width: 5.5rem; height: 5.5rem; cursor: pointer; background: rgba(189, 189, 189, 0.2); border: none; padding: 8px 8px; border-radius: 15px; } button.dt_navbar-sidebar-toggle .lines { width: 100%; height: 19px; position: relative; display: flex; flex-direction: column; align-items: center; overflow: hidden; transition: all .2s ease-in-out; } button.dt_navbar-sidebar-toggle .lines .lines-1, button.dt_navbar-sidebar-toggle .lines .lines-2, button.dt_navbar-sidebar-toggle .lines .lines-3 { height: 2px; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button.dt_navbar-sidebar-toggle .lines .lines-1 { width: 20px; transform: translate3d(4px, 3px, 0); margin: 0; } button.dt_navbar-sidebar-toggle .lines .lines-2 { width: 30px; transform: translate3d(0, 8px, 0); margin: 0; } button.dt_navbar-sidebar-toggle .lines .lines-3 { width: 20px; transform: translate3d(4px, 13px, 0); margin: 0; } button.dt_navbar-sidebar-toggle .lines .lines-1:after, button.dt_navbar-sidebar-toggle .lines .lines-1:before, button.dt_navbar-sidebar-toggle .lines .lines-2:after, button.dt_navbar-sidebar-toggle .lines .lines-2:before, button.dt_navbar-sidebar-toggle .lines .lines-3:after, button.dt_navbar-sidebar-toggle .lines .lines-3:before { content: ' '; position: absolute; height: 2px; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--dt-secondary-color); opacity: 1; width: 100%; } button.dt_navbar-sidebar-toggle .lines .lines-1:before, button.dt_navbar-sidebar-toggle .lines .lines-2:before, button.dt_navbar-sidebar-toggle .lines .lines-3:before { transform: translate3d(-100%, 0, 0); } button.dt_navbar-sidebar-toggle .lines .lines-1:after, button.dt_navbar-sidebar-toggle .lines .lines-2:after, button.dt_navbar-sidebar-toggle .lines .lines-3:after { transform: translate3d(0, 0, 0); } button.dt_navbar-sidebar-toggle:focus .lines .lines-1::before, button.dt_navbar-sidebar-toggle:hover .lines .lines-1::before { transform: translate3d(0, 0, 0); opacity: 1; transition: transform .8s cubic-bezier(.215, .61, .355, 1) 460ms, opacity .8s cubic-bezier(.215, .61, .355, 1) 460ms; } button.dt_navbar-sidebar-toggle:focus .lines .lines-1::after, button.dt_navbar-sidebar-toggle:hover .lines .lines-1::after { transform: translate3d(36px, 0, 0); opacity: 0; transition: transform .6s cubic-bezier(.165, .84, .44, 1) 0s, opacity .6s cubic-bezier(.165, .84, .44, 1) 0s; } button.dt_navbar-sidebar-toggle:focus .lines .lines-2::before, button.dt_navbar-sidebar-toggle:hover .lines .lines-2::before { transform: translate3d(0,0,0); opacity: 1; transition: transform .8s cubic-bezier(.215, .61, .355, 1) 620ms,opacity .8s cubic-bezier(.215, .61, .355, 1) 620ms } button.dt_navbar-sidebar-toggle:focus .lines .lines-2::after, button.dt_navbar-sidebar-toggle:hover .lines .lines-2::after { transform: translate3d(36px,0,0); opacity: 0; transition: transform .6s cubic-bezier(.165, .84, .44, 1) 160ms,opacity .6s cubic-bezier(.165, .84, .44, 1) 160ms } button.dt_navbar-sidebar-toggle:focus .lines .lines-3::before, button.dt_navbar-sidebar-toggle:hover .lines .lines-3::before { transform: translate3d(0,0,0); opacity: 1; transition: transform .8s cubic-bezier(.215, .61, .355, 1) 820ms,opacity .8s cubic-bezier(.215, .61, .355, 1) 820ms } button.dt_navbar-sidebar-toggle:focus .lines .lines-3::after, button.dt_navbar-sidebar-toggle:hover .lines .lines-3::after { transform: translate3d(36px,0,0); opacity: 0; transition: transform .6s cubic-bezier(.165, .84, .44, 1) 360ms,opacity .6s cubic-bezier(.165, .84, .44, 1) 360ms } /* Admin Bar */ @media (min-width: 48.95em) and (max-width: 61.95em) { body.admin-bar .dt_mobilenav.is--sticky.on { top: 32px; } } @media (min-width: 37.563em) and (max-width: 48.875em) { body.admin-bar .dt_mobilenav.is--sticky.on { top: 46px; } } body.admin-bar .dt_navbar-wrapper.is--sticky.on, body.admin-bar .dt_navbar-sidebar-toggle+.dt_sidebar, body.admin-bar .dt_mobilenav-mainmenu-content { top: 46px; } @media (min-width: 62em) { body.admin-bar .dt_navbar-wrapper.is--sticky.on { top: 32px; } } @media (min-width: 48.95em) { body.admin-bar .dt_navbar-sidebar-toggle+.dt_sidebar, body.admin-bar .dt_mobilenav-mainmenu-content { top: 32px; } } .dt_sidebar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999999; overflow: hidden; display: flex; justify-content: flex-end; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(0.75rem); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86); transition: all .3s cubic-bezier(.785, .135, .15, .86); transition-duration: 1s; } .sidebar--active .dt_sidebar { opacity: 1; visibility: visible; } .dt_sidebar .off--layer { right: -100%; left: unset; } .sidebar--active .dt_sidebar .off--layer { right: 0%; } .dt_sidebar .dt_sidebar-wrapper { position: relative; width: 40rem; height: 100%; padding: 4rem 3rem; color: var(--dt-secondary-color); background: linear-gradient(100.88deg, #f5f5f5 0.6%, #FFF6EB 100%); transform: translateX(100%); -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86); transition: all .3s cubic-bezier(.785, .135, .15, .86); } .sidebar--active .dt_sidebar .dt_sidebar-wrapper { transform: translateX(0%); } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-close { background-color: var(--dt-main-color); } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-close:before, .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-close:after { background-color: #fff; } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-content { position: relative; top: 15rem; width: 100%; height: 100%; padding: 1.8rem 0; max-height: 90vh; overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in .3s; transition: all .3s ease-in .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .sidebar--active .dt_sidebar-wrapper .dt_sidebar-content { top: 0; opacity: 1; visibility: visible; -webkit-transition: all 1s ease-out 1.2s; transition: all 1s ease-out 1.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-content .widget+.widget { margin-top: 3rem; } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-content .widget .textwidget { text-align: center; } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-content .widget .textwidget img { border-radius: 2rem; } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-content .widget .textwidget p { margin-top: 1.6rem; } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-content .widget .widget-title { padding-left: 1.5rem; } .dt_sidebar .dt_sidebar-wrapper .dt_sidebar-content .widget .widget-title:before { content: ""; width: 0.35rem; position: absolute; bottom: 0; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 66%; background-color: var(--dt-main-color); } .dt_navbar-info-contact .widget.widget_contact { padding-left: 0.5rem; } .dt_navbar-info-contact .contact__list i { width: 4.5rem; height: 4.5rem; background: var(--dt-main-color); color: #fff; border-radius: 50%; font-size: 2.2rem; margin-right: 0.8rem; position: relative; } .dt_navbar-info-contact .contact__list i:after { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 1px solid var(--dt-main-color); border-radius: 50%; } .dt_navbar-info-contact .contact__body .title { font-size: 14px; font-weight: 600; } .dt_navbar-info-contact .contact__body .description { font-weight: 800; font-size: 1.8rem; } /* Header--one */ .header--one { color: var(--dt-secondary-color); } .header--one .dt_header-topbar { color: #fff; background-color: var(--dt-secondary-color); border-bottom: 1px solid rgba(189, 189, 189, 0.35); } .header--one .dt_navbar-list-right>li.dt_navbar-info-contact:last-child { padding-left: 1rem; position: relative; } .header--one .dt_navbar-menu { justify-content: space-between; } .header--one .dt_navbar-nav { text-align: start; } /* Header--two */ .header--two .dt_header-topbar { border-bottom: 1px solid rgba(189, 189, 189, 0.35); } .header--two .dt_navbar-menu { justify-content: space-between; } .header--two .dt_mobilenav .site--logo { position: relative; height: 100%; } @media only screen and (min-width: 1300px) { .header--two .dt-container { max-width: 1776px; } } @media (max-width: 1199px) { .header--two .dt-container { max-width: 100%; } } .header--two .site--logo:before { content: ""; position: absolute; top: 0; left: 0; width: 19%; height: 100%; min-height: 9rem; z-index: -1; background-color: var(--dt-main-color); mask-image: url('data:image/svg+xml,'); mask-position: right; mask-repeat: no-repeat; } @media only screen and (min-width: 1921px) { .header--two .site--logo:before { width: 25%; height: 100%; mask-size: 100%; } } @media (max-width: 1299px) { .header--two .site--logo:before { width: 25%; } } @media (max-width: 1199px) { .header--two .site--logo:before { width: 24%; } } @media (max-width: 991px) { .header--two .site--logo:before { width: 180%; top: -15px; left: -15px; bottom: -15px; height: auto; min-height: auto; mask-size: cover; } } @media (max-width: 767px) { .header--two .site--logo:before { width: 170%; top: -15px; left: -15px; } } @media (max-width: 575px) { .header--two .site--logo:before { width: 155%; left: -21px; } } @media (max-width: 375px) { .header--two .site--logo:before { width: 155%; } } @media (max-width: 300px) { .header--two .site--logo:before { width: 160%; } } /* Header--three */ .header--three .dt_header-inner { background-color: #000; } .header--three .dt_header-inner .dt_mobilenav.on { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(1rem); } .header--three .dt_header-inner .hamburger span { background-color: #fff; } .header--three .dt_header-inner .dt_navbar-user-item .dt_user_btn, .header--three .dt_header-inner .dt_navbar-cart-item .dt_navbar-cart-icon, .header--three .dt_header-inner .dt_navbar-search-item button.dt_navbar-search-toggle { color: #fff; } @media only screen and (min-width: 992px) { .header--three .dt_header-inner { position:absolute; left: 0; top: 5rem; right: 0; z-index: 1001; width: 100%; background-color: transparent; transition: all 900ms ease; } .header--three .dt_header-inner .dt_header-topbar .dt-row > div { display: flex; align-items: center; } .header--three .dt_header-inner .dt_header-topbar .dt-row > div:first-child { justify-content: flex-start; } .header--three .dt_header-inner .dt_header-topbar .dt-row > div:nth-child(2) { justify-content: flex-end; } .header--three .dt_header-inner .dt_header-topbar .widget--right, .header--three .dt_header-inner .dt_header-topbar .widget--left { position: relative; padding: 0.7rem 2rem; width: auto; min-height: 4rem; } .header--three .dt_header-inner .dt_header-topbar .widget--left { margin-left: 6rem; } .header--three .dt_header-inner .dt_header-topbar .widget--right { margin-right: 6rem; } .header--three .dt_header-inner .dt_header-topbar .widget--right:before, .header--three .dt_header-inner .dt_header-topbar .widget--left:before { position: absolute; content:''; left: 0; top: 0; right: 0; bottom: 0; border-radius: 1.2rem; transform: skewX(15deg); background-color: var(--dt-main-color); background-image: linear-gradient(-90deg, var(--dt-main-color) 0%, rgba(var(--dt-main-rgb), 0.9) 100%); } .header--three .dt_header-inner .dt_navbar-wrapper .dt_navbar-info-contact .contact__body .title, .header--three .dt_header-inner .dt_navbar-wrapper .dt_navbar-user-item .dt_user_btn:not(:hover, :focus), .header--three .dt_header-inner .dt_navbar-wrapper .dt_navbar-cart-item .dt_navbar-cart-icon:not(:hover, :focus), .header--three .dt_header-inner .dt_navbar-wrapper > .dt-container .dt-row, .header--three .dt_header-inner .dt_header-topbar .dt_header-widget .widget.widget_social li a, .header--three .dt_header-inner .dt_header-topbar .dt_header-widget a, .header--three .dt_header-inner .dt_header-topbar .dt_header-widget, .header--three .dt_header-inner .dt_header-topbar .dt_header-widget .contact__list i { color: #fff; } .header--three .dt_header-inner .dt_header-topbar .dt_header-widget .widget.widget_social li a:after { background-color: var(--dt-secondary-color); } .header--three .dt_header-inner .dt_navbar-wrapper > .dt-container .dt-row { position: relative; padding: 0 1.6rem; z-index: 0; } .header--three .dt_header-inner .dt_navbar-wrapper:not(.on) > .dt-container .dt-row:before { position: absolute; content:''; left: 0; top: 0; right: 0; bottom: 0; border-radius: 2rem; transform: skewX(18deg); background: rgba(0, 0, 0, 0.50); border: 2px solid rgba(255, 255, 255, 0.20); backdrop-filter: blur(1rem); z-index: -1; } .header--three .dt_header-inner .dt_navbar-wrapper.on { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(1rem); } .header--three .dt-col-2.dt-my-auto { -ms-flex: 0 0 17%; flex: 0 0 17%; max-width: 17%; } .header--three .dt-col-2.dt-my-auto+.dt-col-10 { -ms-flex: 0 0 83%; flex: 0 0 83%; max-width: 83%; } .header--three .dt_header-inner .dt_navbar-wrapper .dt_navbar-menu { justify-content: space-between; } .header--three .dt_header-inner .dt_navbar-wrapper button.dt_navbar-sidebar-toggle { --dt-secondary-color: #fff } .header--three .dt_header-inner .dt_navbar-wrapper .dt_navbar-nav .dt_navbar-mainmenu>li { margin-right: 0.2rem; } .header--three + #content .dt_slider { border-radius: 0 0 4rem 4rem; } .header--three + #content .dt_slider .dt_owl_carousel, .header--three + #content .dt_slider .dt_slider-item, .header--three + #content .dt_slider .dt_slider-innercell, .header--three + #content .dt_slider .dt_slider-item>img { max-height: 91rem; min-height: 91rem; } .header--three + #content .dt_slider .dt_slider-innercell { padding-top: 18rem; } } /* Header--four */ .header--four .dt_header-inner { background-color: #fff; } @media only screen and (min-width: 992px) { .header--four .dt_header-inner { position: absolute; left: 0; top: 5rem; right: 0; z-index: 1001; width: 100%; background-color: transparent; transition: all 900ms ease; } .header--four .dt_header-inner .dt_header-topbar .dt-row { position: relative; margin-left: 4rem; margin-right: 4rem; border-radius: 5rem; background-color: #fff; } .header--four .dt_header-inner .dt_header-topbar .dt-row:after, .header--four .dt_header-inner .dt_header-topbar .dt-row:before { position: absolute; content: ''; z-index: -1; } .header--four .dt_header-inner .dt_header-topbar .dt-row:before { background: url('../images/shape-1.png'); left: -40px; bottom: -9px; width: 80px; height: 34px; } .header--four .dt_header-inner .dt_header-topbar .dt-row:after { background: url('../images/shape-2.png'); right: -50px; bottom: -9px; width: 80px; height: 46px; } .header--four .dt_header-inner .dt_header-topbar .dt-row > div { display: flex; align-items: center; } .header--four .dt_header-inner .dt_header-topbar .dt-row > div:first-child { justify-content: flex-start; } .header--four .dt_header-inner .dt_header-topbar .dt-row > div:nth-child(2) { justify-content: flex-end; } .header--four .dt_header-inner .dt_header-topbar .widget--right, .header--four .dt_header-inner .dt_header-topbar .widget--left { position: relative; padding: 0.7rem 2rem; width: auto; border-radius: 5rem; min-height: 4rem; } .header--four .dt_header-inner .dt_navbar-wrapper > .dt-container .dt-row { position: relative; padding: 0 1.6rem; border-radius: 5rem; background-color: #fff; z-index: 0; } .header--four .dt-col-2.dt-my-auto { -ms-flex: 0 0 17%; flex: 0 0 17%; max-width: 17%; } .header--four .dt-col-2.dt-my-auto+.dt-col-10 { -ms-flex: 0 0 83%; flex: 0 0 83%; max-width: 83%; } .header--four .dt_header-inner .dt_navbar-wrapper .dt_navbar-menu { justify-content: space-between; } .header--four .dt_header-inner .dt_navbar-wrapper .dt_navbar-nav .dt_navbar-mainmenu>li { margin-right: 0.2rem; } .header--four + #content .dt_slider { border-radius: 0 0 4rem 4rem; } .header--four + #content .dt_slider .dt_owl_carousel, .header--four + #content .dt_slider .dt_slider-item, .header--four + #content .dt_slider .dt_slider-innercell, .header--four + #content .dt_slider .dt_slider-item>img { max-height: 91rem; min-height: 91rem; } .header--four + #content .dt_slider .dt_slider-innercell { padding-top: 18rem; } } @media only screen and (min-width: 1200px) { .header--four .dt_header-inner .dt_header-topbar .dt-row { margin-left: 0; margin-right: 0; border-radius: 0; background-color: transparent; } .header--four .dt_header-inner .dt_header-topbar .dt-row:after, .header--four .dt_header-inner .dt_header-topbar .dt-row:before { display: none; } .header--four .dt_header-inner .dt_header-topbar .widget--left { margin-left: 6rem; background-color: var(--dt-main-color); border: 4px solid #fff; } .header--four .dt_header-inner .dt_header-topbar .widget--right { margin-right: 6rem; background-color: #fff; border: 4px solid #fff; outline: 1px solid rgba(189, 189, 189, 0.75); outline-offset: -4px; } .header--four .dt_header-inner .dt_header-topbar .widget--right:after, .header--four .dt_header-inner .dt_header-topbar .widget--right:before, .header--four .dt_header-inner .dt_header-topbar .widget--left:after, .header--four .dt_header-inner .dt_header-topbar .widget--left:before { position: absolute; content: ''; z-index: -1; } .header--four .dt_header-inner .dt_header-topbar .widget--left:before { background: url('../images/shape-1.png'); left: -42px; bottom: -5px; width: 80px; height: 34px; } .header--four .dt_header-inner .dt_header-topbar .widget--left:after { background: url('../images/shape-2.png'); right: -52px; bottom: -5px; width: 80px; height: 46px; } .header--four .dt_header-inner .dt_header-topbar .widget--right:before { background: url('../images/shape-1.png'); left: -42px; bottom: -5px; width: 80px; height: 34px; } .header--four .dt_header-inner .dt_header-topbar .widget--right:after { background: url('../images/shape-2.png'); right: -52px; bottom: -5px; width: 80px; height: 46px; } .header--four .dt_header-inner .dt_header-topbar .dt_header-widget .widget--left .widget.widget_social li a, .header--four .dt_header-inner .dt_header-topbar .dt_header-widget .widget--left a, .header--four .dt_header-inner .dt_header-topbar .dt_header-widget .widget--left, .header--four .dt_header-inner .dt_header-topbar .dt_header-widget .widget--left .contact__list i { color: #fff; } .header--four .dt_header-inner .dt_header-topbar .dt_header-widget .widget--left .widget.widget_social li a:after { background-color: var(--dt-secondary-color); } } /* Footer */ .dt_footer { padding: 0 0; position: relative; z-index: 0; } .dt_footer--one { color: #ffffff; overflow: hidden; background-color: var(--dt-secondary-color); } .dt_footer--one h1, .dt_footer--one .h1, .dt_footer--one h2, .dt_footer--one .h2, .dt_footer--one h3, .dt_footer--one .h3, .dt_footer--one h4, .dt_footer--one .h4, .dt_footer--one h5, .dt_footer--one .h5, .dt_footer--one h6, .dt_footer--one .h6 { color: inherit; } .dt_footer .widget_social li a { color: #fff; background: rgba(189, 189, 189, 0.20); border: 0.1rem solid rgba(189, 189, 189, 0.20); } .dt_footer .widget .wp-block-image a { display: inline-block; vertical-align: middle; font-size: 2.625rem; font-weight: 500; } .dt_footer .widget .wp-block-image a:not(:hover, :focus) { text-decoration: none; } /* Footer Top */ .dt_footer--one .dt_footer-top { margin-top: -10rem; } .dt_footer--one .dt_footer-top .widget { position: relative; } .dt_footer--one .dt_footer-top .widget:before { position: absolute; content: ''; left: 1.5rem; top: -1rem; right: 1.5rem; bottom: -10px; background: #e7e7e7; opacity: .3; -webkit-transform: rotate(2deg); transform: rotate(2deg); } .dt_footer--one .dt_footer-top .widget .contact__list { position: relative; padding: 4rem 4rem 3.2rem; min-height: 16rem; color: var(--dt-secondary-color); background-color: #fff; box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.1); } .dt_footer--one .dt_footer-top .widget .contact__list i { font-size: 6rem; margin-right: 2.35rem; width: 5.2rem; } .dt_footer--one .dt_footer-top .widget .contact__list .title { font-size: 2.2rem; } .dt_footer--one .dt_footer-top .widget .contact__list .description { margin-top: 0.8rem; line-height: 1.4; } /* Footer CTA */ .dt_footer_cta { position: relative; z-index: 1; } .dt_footer_cta::after { position: absolute; left: 0; bottom: 0; content: ""; background: var(--dt-secondary-color); width: 100%; height: 50%; z-index: -1; } .dt_footer_cta-area { background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(223, 248, 255, 1) 100%); padding: 50px 95px; border-radius: 25px; border: 2px solid var(--dt-main-color); } @media (max-width: 480px) { .dt_footer_cta-area { padding: 30px 30px; } } .dt_footer_cta-left h5 { font-size: 2rem; margin-bottom: 10px; } .dt_footer_cta-left h3 { font-size: 44px; line-height: 1.1; } .dt_footer_cta-right { display: flex; flex-wrap: wrap; align-items: center; justify-content: end; gap: 25px; } .dt_footer_cta-right-tel { display: flex; align-items: center; gap: 20px; } .dt_footer_cta-right-tel-icon i { position: relative; z-index: 1; width: 54px; height: 54px; border-radius: 50%; background: var(--dt-main-color); font-size: 24px; display: flex; align-items: center; justify-content: center; color: #fff; } .dt_footer_cta-right-tel-info span { display: block; font-weight: 500; } .dt_footer_cta-right-tel-info h6 { font-size: 20px; line-height: 28px; } .dt_footer_cta-right-tel-info h6 a { text-decoration: none; } .dt_footer_cta-right-tel-info h6 a:focus, .dt_footer_cta-right-tel-info h6 a:hover { text-decoration: underline; } @media (max-width: 991px) { .dt_footer_cta-left { margin-bottom: 10px; } .dt_footer_cta-left h3 { font-size: 30px; line-height: 40px; text-align: center; } .dt_footer_cta-right { justify-content: center; } } /* Footer Middle */ .dt_footer_middle { position: relative; padding-top: 7.5rem; padding-bottom: 7.5rem; margin-top: 0; } .dt_footer_middle .widget .widget-title { color: #fff; position: relative; padding-bottom: 1.6rem; margin-bottom: 2.4rem; } /*.dt_footer_middle .widget .widget-title:before { content: ""; width: 3.5rem; height: 0.4rem; position: absolute; bottom: 0; left: 0; border-bottom: 0.4rem solid var(--dt-main-color); }*/ .dt_footer_middle .widget .widget-title:before { position: absolute; content: ""; width: 4rem; background-color: var(--dt-main-color); height: 0.2rem; left: 0; bottom: 0; border-radius: 0.5rem; } .dt_footer_middle .widget .widget-title:after { content: ""; position: absolute; left: 4.5rem; bottom: -0.1rem; width: 0.6rem; height: 0.3rem; background-color: var(--dt-main-color); border-radius: 100%; } .dt_footer_middle .widget+.widget { margin-top: 3rem; } .dt_footer_middle .widget .contact__list+.contact__list { margin-top: 2rem; } .dt_footer_middle .widget .contact__list i { width: 5.4rem; height: 5.4rem; font-size: 2.2rem; border-radius: 50%; background-color: rgba(189, 189, 189, 0.15); } .dt_footer_middle .widget .contact__list .contact__body .title { color: inherit; font-weight: 500; font-size: 1.6rem; line-height: 1.45; } .dt_footer_middle .widget .contact__list .contact__body .description { font-weight: 600; font-size: 1.8rem; white-space: normal; line-height: 1.45; } .dt_footer_middle .widget ol li a, .dt_footer_middle .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a { display: block; width: 100%; } .dt_footer_middle .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li:not(:last-child) a { margin-bottom: 1rem; } .dt_footer_middle .widget ol li a:hover, .dt_footer_middle .widget ol li a:focus, .dt_footer_middle .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a:hover, .dt_footer_middle .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a:focus { color: inherit; opacity: 1; } .dt_footer .dt_footer_middle .widget.widget_social:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a { margin: 0; padding: 0; width: 4rem; height: 4rem; } .dt_footer .dt_footer_middle .widget.widget_social:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a::before { display: none; } .dt_footer_middle .wp-block-gallery.has-nested-images figure.wp-block-image img { min-height: 9.7rem; } .dt_footer .dt_footer_middle .dt_business_hour { padding: 2rem 3rem 3.3rem; background-image: linear-gradient(180deg, #0e1422 -4.46%, #212631 100%); border-radius: 2rem; } .dt_footer .dt_footer_middle .widget_nav_menu .menu { display: grid; } @media (min-width: 48em) { .dt_footer .dt_footer_middle .widget_nav_menu .menu { grid-template-columns: repeat(1, 1fr 1fr); } } .dt_footer .dt_footer_middle .mc4wp-form .form-group input[type="text"], .dt_footer .dt_footer_middle .mc4wp-form .form-group input[type="email"] { background-color: rgba(0, 0, 0, 0.4); color: #ffffff; } .dt_sidebar, .dt_footer { --wp--style--block-gap: 1.6rem; } /* Footer Copyright */ .dt_footer_copyright { padding: 3.5rem 0; border-top: 0.1rem solid rgba(189, 189, 189, 0.12); } .dt_footer_copyright .widget li { display: inline-block; margin-left: 0.85rem; } .dt_footer_copyright .widget li:first-child { margin-left: 0; } .dt_footer_copyright .widget li a { position: relative; z-index: 0; } .dt_footer_copyright .widget.widget_payment li a { font-size: 3rem; } .dt_footer_copyright .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a:hover, .dt_footer_copyright .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget-info):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a:focus, .dt_footer_copyright .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a { padding-left: 2rem; } .dt_footer_copyright .widget:not(.widget_text):not(.widget_meta):not(.widget_recent_comments):not(.widget_payment):not(.widget_social):not(.widget_calender):not(.widget_tag_cloud) ul:not(.wp-block-social-links, .wp-block-latest-posts, .product_list_widget) li a:before { opacity: 0.75; } .dt_footer--one .dt_footer_copyright .widget .wp-block-image a, .dt_footer--one .dt_footer_copyright .widget li:not(.widget_payment):not(.widget_social) a, .dt_footer--one .dt_footer_copyright .dt_footer_copyright-text a { color: inherit; } .dt_footer--one .dt_footer_copyright .dt_footer_copyright-text a:hover, .dt_footer--one .dt_footer_copyright .dt_footer_copyright-text a:focus { text-decoration-style: dotted; } @media (min-width: 36em) { .dt_footer_copyright>.dt-container>.dt-row>* { margin-top: auto; margin-bottom: auto; } } @media (max-width: 35.95em) { .dt_footer_copyright>.dt-container>.dt-row>*:first-child { margin-top: 0; } } /* Up Top */ button.dt_uptop { position: fixed; right: 3rem; bottom: 3rem; height: 4.5rem; width: 4.5rem; cursor: pointer; display: block; border-radius: 5rem; padding: 0; z-index: 10000; opacity: 1; visibility: hidden; transform: translateY(10rem); border: 0.2rem solid var(--dt-main-color); transition: 1s ease; } .dt_uptop.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } @media (min-width: 48rem) { .dt_uptop.active:hover { transform: translateY(-0.8rem); box-shadow: 0 0.3rem 1.6rem rgba(0, 0, 0, 0.25); } } .dt_uptop:before { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 1rem; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 80%); } .dt_uptop:after { position: absolute; font-family: 'Font Awesome 6 Free'; content: '\f148'; text-align: center; line-height: 4.3rem; font-size: 1.8rem; color: var(--dt-main-color); top: -1px; left: -1px; height: 4.5rem; width: 4.5rem; cursor: pointer; display: block; z-index: 1; font-weight: 900; box-shadow: none; border-radius: 50% !important; border-radius: 0.5rem; animation: scroll_top_effect 1s ease infinite alternate; } .dt_uptop svg { color: var(--dt-main-color); border-radius: 50%; background: #fff; } .dt_uptop svg path { fill: none; stroke: var(--dt-main-color); stroke-width: 1rem; transition: all .2s linear; } /* Post */ .dt_post_item { position: relative; } .dt_post_item .image { border-radius: 3rem; position: relative; overflow: hidden; } .dt_post_item .image img { position: relative; width: 100%; display: block; transition: all 500ms ease; } .dt_post_item .image a img { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transform: translatex(50%) scalex(2); opacity: 0; filter: blur(10px); z-index: 1; } .dt_post_item:focus-within .image a img, .dt_post_item:hover .image a img { transform: translatex(0) scalex(1); opacity: 1; filter: blur(0); } .dt_post_item:focus-within .image > img, .dt_post_item:hover .image > img { transform: translatex(-50%) scalex(2); opacity: 0; filter: blur(10px); } .dt_post_item .image + .inner { border-top: none; border-radius: 0 0 3rem 3rem; margin-top: -3rem; padding-top: 5.2rem; } .dt_post_item .inner { border-radius: 3rem; background-color: #fff; padding: 3.2rem 3rem 2.4rem; transition: all .2s ease-in-out; border: 2px solid rgba(189, 189, 189, 0.35); } .dt_post_item:not(.single-post):hover .inner, .dt_post_item:not(.single-post):focus-within .inner { border-color: transparent; box-shadow: 0 1.2rem 6rem 0 rgba(0, 0, 0, 0.1); } .dt_post_item .inner .meta { position: relative; padding-bottom: 1.8rem; margin-bottom: 1.8rem; } .dt_post_item .inner .meta:after { position: absolute; content: ''; left: -30px; bottom: -6px; width: 100%; height: 12px; background-image: url('../images/blog_arrows.png'); background-position: right bottom; opacity: 0.4; } .dt_post_item .meta ul { display: flex; align-items: center; flex-wrap: wrap; list-style: none; margin: -0.6rem 0 0 0; padding: 0; justify-content: flex-start; } .dt_post_item .meta ul li { margin-top: 0.6rem; line-height: 1.2; } .dt_post_item .meta ul li:not(:first-child) { margin-left: 2.2rem; text-align: end; } .dt_post_item .meta ul li>div { position: relative; } .dt_post_item .meta .date { display: inline-flex; align-items: baseline; } .dt_post_item .meta i { font-size: 2rem; color: var(--dt-main-color); vertical-align: middle; margin-right: 0.6rem; } .dt_post_item .meta { font-size: 1.5rem; font-weight: 700; color: var(--dt-secondary-color); } .dt_post_item .meta span, .dt_post_item .meta a { display: inline-block; vertical-align: middle; color: inherit; } .dt_post_item .meta a { text-decoration: none; } .dt_post_item .meta a:hover, .dt_post_item .meta a:focus { text-decoration: underline; } .dt_post_item .meta .author img { margin-right: 1.6rem; width: 5rem; height: 5rem; border-radius: 10rem; object-fit: cover; border: 0.3rem solid rgba(189, 189, 189, 0.4); } .dt_post_item .image+.inner .meta-up { position: absolute; top: 0; left: 6rem; margin-bottom: 0; z-index: 1; } .dt_post_item .image+.inner .meta-up > div { outline: 5px solid #fff; transform: translateY(3px); } .dt_post_item .image+.inner .meta-up::before { position: absolute; content: ''; left: -31px; top: 0px; width: 57px; height: 35px; --mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); --webkit-size: 100%; mask-size: 100%; --mask-position: right top; mask-position: right top; --webit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #fff; z-index: -1; } .dt_post_item .image+.inner .meta-up::after { position: absolute; content: ''; right: -31px; top: 0px; width: 57px; height: 35px; --mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); --webkit-size: 100%; mask-size: 100%; --webit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #fff; z-index: -1; } .dt_post_item .meta-up { margin-bottom: 1.8rem; } .dt_post_item .meta-up > div { position: relative; color: #fff; font-size: 1.5rem; font-weight: 700; background: var(--dt-main-color); display: inline-block; padding: 0.7rem 2rem 0.7rem; line-height: 1.15; letter-spacing: 0.2rem; border-radius: 10rem; z-index: 1; } .dt_post_item .meta-up .date { font-size: 2.8rem; } .dt_post_item .meta-up .date span { font-size: 1.5rem; } .dt_post_item .title { font-size: 2.4rem; margin-bottom: 1.1rem; transition: all .2s ease-in-out; } .dt_post_item .more-link { position: relative; display: inline-block; text-decoration: none; line-height: 1.2; color: var(--dt-secondary-color); font-weight: 700; text-transform: capitalize; } .dt_post_item .more-link:after { content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 400; display: inline-block; margin-left: 0.8rem; } .dt_post_item .more-link:hover, .dt_post_item .more-link:focus { color: var(--dt-main-color); letter-spacing: 0.05rem; } /* Post Single */ .single-post { margin-bottom: 6rem; } .single-post .image { margin-bottom: 3rem; } .single-post .image img { width: 100%; } .single-post .wp-block-image img, .single-post .image img { border-radius: 2rem; } .single-post .inner .title { font-size: 3.6rem; } .single-post .inner .meta { margin-top: 2rem; margin-bottom: 2.5rem; } .single-post .inner .meta ul { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none; } .single-post .inner .meta li { display: flex; align-items: center; font-weight: 600; font-size: 16px; color: var(--dt-secondary-color); gap: 5px; } .single-post .inner .meta li i { font-size: 2rem; margin-right: 5px; color: var(--dt-main-color); } .single-post .inner .meta li a:not(:hover, :focus) { text-decoration: none; color: inherit; } .single-post .inner .meta li a:not(:last-child) { margin-right: 3px; } .single-post .meta_bottom { margin-bottom: 0; margin-top: 2.5rem; display: flex; align-items: center; justify-content: space-between; padding-top: 2.5rem; padding-bottom: 2.5rem; border: 0.1rem solid rgba(189, 189, 189, 0.35); border-left: none; border-right: none; } .single-post .meta_bottom .title { font-size: 1.8rem; display: inline-block; margin-right: 1.2rem; } .single-post .meta_bottom .tags a { font-size: 1.5rem; border-radius: 5px; margin-bottom: 0.3rem; padding: 0.8rem 1.6rem; font-weight: 500; color: var(--dt-text-color); display: inline-block; text-decoration: none; line-height: 1; margin-right: 0.5rem; background: rgba(14, 25, 30, 0.03); border: 0.1rem solid rgba(189, 189, 189, 0.35); } .single-post .meta_bottom .tags a:hover, .single-post .meta_bottom .tags a:focus { border-color: var(--dt-main-color); background-color: var(--dt-main-color); color: #fff; } .single-post .meta_bottom .widget_social a { width: 2rem; height: auto; color: var(--dt-text-color); background-color: transparent; } .single-post .meta_bottom .widget.widget_social li a:after { display: none; } .wp-block-heading { margin-bottom: 1rem; } .wp-block-cover .wp-block-cover-is-layout-flow { text-align: center; } .single-post p { margin-bottom: 1.6rem; } /* Author Details */ .author-details { padding: 3rem; background: rgba(var(--dt-main-rgb), 0.03); border: 1px solid rgba(var(--dt-main-rgb), 0.2); border-radius: 1rem; } .author-details .media { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .author-details .media .auth-mata { -ms-flex-item-align: start; align-self: flex-start; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-positive: 0; flex-grow: 0; margin-right: 3rem; margin-top: 0; } .author-details .media .auth-mata img { border-radius: 50%; background-color: rgba(255, 255, 255); box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.08); width: 10rem; height: 10rem; } .author-details .media .media-body { flex: 1; } .author-details .media .media-body h5 { letter-spacing: 0.025rem; vertical-align: baseline; } .author-details .media .media-body h5 a:not(:hover, :focus) { text-decoration: none; color: var(--dt-secondary-color); } .author-details .media .media-body h5+p { margin-bottom: 0; margin-top: 0.8rem; } .nextprev-post-wrapper { margin-top: 6rem; } .nextprev-post { position: relative; border: solid 1px rgba(189, 189, 189, 0.35); border-radius: 10px; padding: 30px; } .nextprev-post .nextprev-text { display: block; margin-bottom: 6px; } .nextprev-post.next { text-align: end; } .nextprev-post .post-title { font-size: 18px; margin: 0; } /* Comment & Form */ .comments-area { margin-top: 6rem; border-radius: 8px; padding: 35px 40px 50px; background: rgba(14, 25, 30, 0.03); border: 0.1rem solid rgba(189, 189, 189, 0.35); } .single-comments-title, .comments-title { margin-bottom: 3rem; text-align: start; } .comments-title h3 { font-size: 3.4rem; } .comment-list { margin: 0 0 6rem; padding: 0; list-style: none; } .comments-area li { list-style: none; } .comments-area .comment-body { position: relative; padding: 3rem; min-height: 12rem; word-wrap: break-word; border-radius: 0; z-index: 0; margin-bottom: 4rem; } @media (min-width: 48rem) { .comments-area .comment-body { padding: 3rem 3rem 3rem 16.5rem; } } .comments-area .comment-body:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; max-width: 100%; z-index: -1; border-radius: inherit; } @media (min-width: 48rem) { .comments-area .comment-body:before { max-width: calc(100% - 120px); } } .comment-list .comment .comment-body:before { background: rgba(189, 189, 189, 0.2); border: 0.1rem solid rgba(189, 189, 189, 0.35); } .comments-area .comment-meta .comment-awaiting-moderation { display: block; width: 100%; clear: both; } .comments-area .comment-meta .comment-author { font-size: 1.6rem; } .comments-area .comment-meta .comment-author .fn { font-weight: 700; } .comment-meta .comment-metadata>a, .comments-area .comment-meta .comment-author a { text-decoration: none; color: var(--dt-secondary-color); } .comment-meta .comment-metadata>a:hover, .comment-meta .comment-metadata>a:focus, .comments-area .comment-meta .comment-author a:hover, .comments-area .comment-meta .comment-author a:focus { color: var(--dt-main-color); } .comments-area .comment-meta .comment-author img { width: 6rem; border-radius: 10rem; } @media (min-width: 48rem) { .comments-area .comment-meta .comment-author img { position: absolute; z-index: 0; left: 0; top: 0.6rem; width: 9rem; border-radius: 10rem; } } .comments-area .comment-meta .comment-author, .comment-meta .comment-metadata { line-height: 1.5; font-size: 1.8rem; display: inline-block; } .comment-content { position: relative; z-index: 0; padding: 1.6rem 0; line-height: 1.5; } .comment-content p { margin-bottom: 0; } .comment-body .reply a, .comment-body .edit a { font-weight: 600; letter-spacing: 0.03rem; background: var(--dt-main-color); color: #fff; padding: 0.2rem 1.2rem; } .comment-body .reply a:not(:hover, :focus), .comment-body .edit a:not(:hover, :focus) { text-decoration: none; } .comment-list .comment .children .comment-body:before { border: 0.1rem solid rgba(189, 189, 189, 0.35); background: #fff; } .comment-reply-title { font-size: 3.4rem; } .comment-form { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1.2rem; } .comment-form>p>label { display: block; font-weight: 600; margin-bottom: 3px; color: var(--dt-secondary-color); } .comment-form input[type="checkbox"]+label { display: inline-block; } .comment-form>p.comment-notes { flex-basis: 100%; width: 100%; } .comment-form>p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) { flex: auto; } @media (max-width: 61.95em) { .comment-form>p:nth-child(2n+1):not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit), .comment-form>p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) { max-width: 100%; flex-basis: 100%; } } .comment-form-comment { max-width: 100%; flex-basis: 100%; } .comment-form-cookies-consent, .form-submit { width: 100%; } .comment-form-cookies-consent label { vertical-align: middle; margin-left: 0.3rem; } /* Pagination */ .woocommerce nav.woocommerce-pagination, .pagination { position: relative; text-align: center; z-index: 0; width: 100%; max-width: fit-content; display: block; margin: 0 auto; margin-top: 4rem; } .pagination h2 { display: none; } .woocommerce nav.woocommerce-pagination ul { line-height: 4rem; border: none; } .woocommerce nav.woocommerce-pagination ul, .pagination .nav-links { display: inline-flex; align-items: center; } .woocommerce nav.woocommerce-pagination ul li { border: none; } .page-links .post-page-numbers, .woocommerce nav.woocommerce-pagination ul li .page-numbers, .pagination .page-numbers:not(.dots) { border-width: 0.2rem; border-style: solid; border-color: transparent; display: flow-root; font-size: 1.6rem; font-weight: 700; line-height: 5rem; min-width: 5.6rem; text-align: center; padding: 0.2rem 1.2rem; vertical-align: baseline; white-space: nowrap; border-radius: 50%; text-decoration: none; color: var(--dt-secondary-color); border: 0.1rem solid rgba(189, 189, 189, 0.4); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce nav.woocommerce-pagination ul li .page-numbers i, .pagination .page-numbers:not(.dots) i { font-size: 1.4rem; } .page-links .post-page-numbers { display: inline-block; text-decoration: none; text-align: center; border-width: 0.1rem; border-color: var(--dt-main-color); } .woocommerce nav.woocommerce-pagination ul li .page-numbers:not(.current):hover, .pagination .page-numbers:not(.dots, .current):hover { color: var(--dt-main-color); background-color: transparent; } .page-links .post-page-numbers:hover, .page-links .post-page-numbers:focus, .woocommerce nav.woocommerce-pagination ul li .page-numbers.current, .pagination .page-numbers:not(.dots):hover, .pagination .page-numbers:not(.dots):focus, .pagination .nav-links .page-numbers.current { color: #fff; background-color: var(--dt-main-color); } .page-links .post-page-numbers:not(:last-child), .pagination .page-numbers.dots, .woocommerce nav.woocommerce-pagination ul li:not(:last-child), .pagination .page-numbers:not(.dots):not(:last-child) { margin-right: 1rem; } /* Sidebar */ .dt_widget-area .widget { max-width: 100%; overflow: hidden; position: relative; padding: 2.5rem 3rem 2.5rem; background-color: rgba(189, 189, 189, 0.2); border-radius: 2rem; transition: all .2s ease-in-out; } .dt_widget-area .widget+.widget { margin-top: 4rem; } .dt_widget-area .widget .widget-title { padding-bottom: 1.5rem; margin-bottom: 3rem; border-bottom: 1px solid rgba(189, 189, 189, 0.35); } .dt_widget-area .widget .widget-title:before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; height: 1px; width: 70px; background: var(--dt-main-color); } .dt_widget-area .widget ul:not(.wp-block-social-links) li { background-color: #fff; box-shadow: 0 1px 3px 0 rgba(32, 33, 36, 0.08); text-transform: capitalize; padding: 13px 14px; margin-top: 10px; border-radius: 10px; line-height: 1.35; } .dt_widget-area .widget ul:not(.wp-block-social-links)>li:first-child { margin-top: 0; } .dt_widget-area .widget.widget_archive ul li a, .dt_widget-area .widget.widget_categories ul li a, .dt_widget-area .widget.widget_nav_menu ul li a { position: relative; padding-left: 2.5rem; font-weight: 500; display: inline-block; } .dt_widget-area .widget:not(.widget_payment):not(.widget_social) li a:not(:hover, :focus) { color: var(--dt-secondary-color); } .dt_widget-area .widget.widget_archive ul li a::before, .dt_widget-area .widget.widget_categories ul li a::before, .dt_widget-area .widget.widget_nav_menu ul li a::before { content: "\f061"; position: absolute; top: -0.16rem; left: 0; font-family: FontAwesome; font-size: 1.8rem; font-weight: normal; color: var(--dt-main-color); opacity: 0.4; -webkit-transform: rotate(315deg); transform: rotate(315deg); } /* Meta */ .widget_meta ul li a { padding-right: 0; padding-left: 25px !important; } .widget_meta ul li a:before { left: 0; font-family: FontAwesome; color: var(--dt-main-color); } .widget_meta ul li:nth-child(1) a:before { content: "\f007"; } .widget_meta ul li:nth-child(2) a:before { content: "\f08b"; } .widget_meta ul li:nth-child(3) a:before { content: "\f086"; } .widget_meta ul li:nth-child(4) a:before { content: "\f27a"; } .widget_meta ul li:nth-child(5) a:before { content: "\f19a"; } .widget_meta li a:hover:before, .widget_meta li a:focus:before { -webkit-animation: rightCaret 600ms ease infinite; animation: rightCaret 600ms ease infinite; } /* Recent Comments */ .widget_recent_comments li { padding: 0; word-break: break-word; } /* Gallery */ .dt_gallery--one .wp-block-gallery figure.wp-block-image, .dt_gallery--one .wp-block-gallery figure.wp-block-image a { border-radius: 2rem; } .dt_gallery--one .wp-block-gallery figure.wp-block-image a:before { font-size: 5.5rem; } .wp-block-gallery figure.wp-block-image { background-color: var(--dt-secondary-color); } .wp-block-gallery figure.wp-block-image, .wp-block-gallery figure.wp-block-image a { position: relative; overflow: hidden; border-radius: 1.6rem; z-index: 0; } .wp-block-gallery figure.wp-block-image, .wp-block-gallery figure.wp-block-image * { height: 100%; } .wp-block-gallery figure.wp-block-image a { display: inline-block; } .wp-block-gallery figure.wp-block-image a:before { content: "\f065"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: 'Font Awesome 6 Free'; font-weight: 900; display: flex; align-items: center; justify-content: center; font-size: 2.8rem; color: #fff; background-image: -moz-linear-gradient(90deg, #161C2D 0%, rgba(22, 28, 45, 0) 100%); background-image: -webkit-linear-gradient(90deg, #161C2D 0%, rgba(22, 28, 45, 0) 100%); background-image: -ms-linear-gradient(90deg, #161C2D 0%, rgba(22, 28, 45, 0) 100%); transform: scale(1, 0); transition: transform 500ms ease; transform-origin: top center; z-index: 0; } .dt_gallery .wp-block-gallery figure.wp-block-image a:before { font-size: 5rem; } .wp-block-gallery figure.wp-block-image:hover a:before, .wp-block-gallery figure.wp-block-image:focus-within a:before { transform: scale(1, 1); } .wp-block-gallery figure.wp-block-image:hover a img, .wp-block-gallery figure.wp-block-image:focus-within a img { opacity: 0.5; -webkit-transform: scale(1.1); transform: scale(1.1); } /* Widget Tag */ .tagcloud, .wp-block-tag-cloud { margin-bottom: -1rem; } .wp-block-tag-cloud a, .widget_tag_cloud a { font-size: 1.6rem !important; display: inline-block; line-height: 1.5; padding: 0.6rem 1.6rem; font-weight: 500; position: relative; text-decoration: none; color: var(--dt-secondary-color); background-color: #fff; box-shadow: 0 1px 3px 0 rgba(32, 33, 36, 0.08); margin-bottom: 1rem; margin-right: 0.5rem; border-radius: 8px; } .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, .widget_tag_cloud a:hover, .widget_tag_cloud a:focus { color: #fff; background-color: var(--dt-main-color); border-color: var(--dt-main-color); } .wp-block-tag-cloud a:not(:hover, :focus), .dt_footer .widget_calendar table th, .dt_footer .widget_tag_cloud a:not(:hover, :focus) { color: inherit; } /* Footer Slug */ .dt-footer-slug { position: relative; text-align: center; padding: 0.5rem 0; text-transform: uppercase; margin-bottom: 7rem; } .dt-footer-slug h3 { line-height: 1; font-weight: 800; font-size: 11.8rem; } @media (max-width: 1200px) { .dt-footer-slug h3 { font-size: 8rem; } } @media (max-width: 991px) { .dt-footer-slug h3 { font-size: 5rem; } } @media (max-width: 680px) { .dt-footer-slug h3 { font-size: 4rem; } } .dt-footer-slug h3 a { text-decoration: none; } /* Full Sidebar >> Widget Calendar */ .calendar_wrap, .wp-block-calendar { position: relative; background-color: transparent; overflow: hidden; border-radius: 10px; border-top: 0; } .wp-block-calendar table, .widget_calendar table { width: 100%; background-color: #fff; border: none; margin: 0; caption-side: top; } .wp-block-calendar table caption, .widget_calendar table caption { font-weight: 700; color: #fff; position: relative; padding: 1.2rem 1.4rem; text-align: center; background-color: var(--dt-main-color); } .wp-block-calendar table th, .wp-block-calendar table td, .widget_calendar table th, .widget_calendar table td { line-height: 4rem; padding: 0; text-align: center; } .wp-block-calendar tbody td#today, .wp-block-calendar table th, .widget_calendar table th { color: #fff; background: var(--dt-main-color); font-weight: 700; } .wp-block-calendar table td, .widget_calendar table td { font-weight: 600; position: relative; border-style: solid; border-width: 0.1rem; color: var(--dt-secondary-color); border-color: rgba(189, 189, 189, 0.35); } .wp-block-calendar table tfoot, .widget_calendar table tfoot { background-color: rgba(14, 25, 30, 0.03); } .wp-calendar-nav { font-weight: 600; padding: 1.15rem 1.4rem; background-color: var(--dt-main-color); display: flex; align-items: center; justify-content: space-between; } .wp-calendar-nav a { display: inline-block; color: #fff; } .wp-calendar-nav a:not(:hover, :focus) { text-decoration: none; } /* Widget Search */ .widget_search .search-form { display: flex; align-items: center; justify-content: flex-start; gap: 1rem; } .widget_search .search-form .search-submit { flex-shrink: 0; } /* Service Help Block */ .dt_widget-area .widget .feature_single, .dt_widget-area .widget .service_help_block { margin: -3rem; position: relative; padding: 5rem 1.5rem; color: #fff; text-align: center; z-index: 0; } .dt_widget-area .widget .feature_single:after, .dt_widget-area .widget .service_help_block:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #000; opacity: 0.8; } .dt_widget-area .widget .feature_single .bgimage, .dt_widget-area .widget .service_help_block .bgimage { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .dt_widget-area .widget .feature_single .bgimage img, .dt_widget-area .widget .service_help_block .bgimage img { width: 100%; height: 100%; object-fit: cover; } .dt_widget-area .widget .service_help_block .icon { width: 8.6rem; height: 8.6rem; line-height: 8.6rem; border-radius: 50%; color: var(--dt-main-color); background: #fff; margin: 0 auto 3rem; font-size: 4rem; } .dt_widget-area .widget .service_help_block .icon i, .dt_widget-area .widget .service_help_block .icon img { vertical-align: -0.5rem; } .dt_widget-area .widget .service_help_block .title { color: inherit; } .dt_widget-area .widget .service_help_block .content { margin-top: 3rem; } .dt_widget-area .widget .service_help_block .content a { color: #fff; font-weight: 700; } .dt_widget-area .widget .service_help_block .content a:not(:hover, :focus) { text-decoration: none; } .dt_widget-area .widget .feature_single .content { text-align: start; padding: 5rem 1.8rem 0; } .dt_widget-area .widget .feature_single .content .icon { font-size: 5.2rem; margin-bottom: 0.7rem; color: var(--dt-main-color); } .dt_widget-area .widget .feature_single .content .title { color: inherit; } .dt_widget-area .widget .feature_single .content .desc { margin-top: 1.5rem; } .dt_widget-area .widget .feature_single .content .action { margin-top: 2.4rem; } /* Page Title */ .dt_pagetitle { position: relative; overflow: hidden; padding: 125px 20px 125px; z-index: 0; } .dt_pagetitle.dt-text-center { padding: 110px 20px 25px; } @media only screen and (min-width: 992px) { .header--four + .dt_pagetitle, .header--three + .dt_pagetitle { padding-top: 26rem; } .header--one + .dt_pagetitle.dt-text-center { padding-top: 110px; } } .dt_pagetitle .dt_pagetitle_bigtitle { position: absolute; left: 70px; bottom: 45px; z-index: 10; color: transparent; font-weight: 800; font-size: 7rem; line-height: 0.9; text-transform: uppercase; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.4); } .header--one + .dt_pagetitle .dt_pagetitle_bgimage { top: 0px; } .dt_pagetitle .dt_pagetitle_bgimage { position: absolute; left: 20px; top: 20px; right: 20px; bottom: 0px; overflow: hidden; border-radius: 50px; background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; } .dt_pagetitle .dt_pagetitle_bgimage::before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.70; background-color: #00022A; } @media only screen and (max-width: 1240px) { .dt_pagetitle .dt_pagetitle_bigtitle { display: none; } .dt_pagetitle .dt_pagetitle_bgimage { left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 0px; } } .dt_pagetitle:not(.dt-text-center) .dt_pagetitle_content { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.6rem; } .dt_pagetitle.dt-text-right .dt_pagetitle_content { flex-direction: row-reverse; } .dt_pagetitle .dt_pagetitle_content .title>* { position: relative; display: inline-block; color: #fff; font-size: 8rem; line-height: 1; letter-spacing: 0.02em; text-transform: capitalize; } @media (max-width: 61.95em) { .dt_pagetitle .dt_pagetitle_content .title>* { font-size: 4rem; line-height: 1.2; } } @media (max-width: 35.95em) { .dt_pagetitle:not(.dt-text-center) .dt_pagetitle_content { justify-content: center; text-align: center; } .dt_pagetitle:not(.dt-text-center) .dt_pagetitle_content .title { flex-basis: 100%; max-width: 100%; } } .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb { list-style: none; margin: 0; padding: 0; display: inline-block; } .dt_pagetitle.dt-text-center .dt_pagetitle_content .dt_pagetitle_breadcrumb { margin: 8rem 0 0 0; } .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li { position: relative; display: inline-block; font-weight: 500; color: #fff; font-size: 18px; line-height: 1.2; margin-right: 15px; padding-right: 15px; } .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li:last-child { padding-right: 0; margin-right: 0; } .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li:not(:last-child, .active):after { position: absolute; right: -6px; top: 50%; content: ":"; color: #fff; font-size: 90%; font-weight: 600; line-height: 1.2; font-family: 'Font Awesome 6 Free'; transform: translateY(-50%); } .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li a:hover, .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li a:focus, .dt_pagetitle .dt_pagetitle_content .dt_pagetitle_breadcrumb li a { color: #fff; } /* Slider */ .dt_slider { position: relative; overflow: hidden; z-index: 0; } .dt_slider { width: 100%; background-color: var(--dt-secondary-color); } .dt_slider .dt_owl_carousel, .dt_slider .dt_slider-item, .dt_slider .dt_slider-innercell, .dt_slider .dt_slider-item>img { width: 100%; height: 100%; min-height: 48rem; max-height: 48rem; object-fit: cover; } @media (min-width: 36em) { .dt_slider .dt_owl_carousel, .dt_slider .dt_slider-item, .dt_slider .dt_slider-innercell, .dt_slider .dt_slider-item>img { min-height: 54rem; max-height: 54rem; } } @media (min-width: 62em) { .dt_slider .dt_owl_carousel, .dt_slider .dt_slider-item, .dt_slider .dt_slider-innercell, .dt_slider .dt_slider-item>img { max-height: 68rem; min-height: 68rem; } } @media (min-width: 87.5em) { .dt_slider .dt_owl_carousel, .dt_slider .dt_slider-item, .dt_slider .dt_slider-innercell, .dt_slider .dt_slider-item>img { max-height: 79rem; min-height: 79rem; } } .dt_slider .dt_slider-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; background-color: rgba(0, 0, 0, 0.6); } .dt_slider .dt_slider-inner { overflow: hidden; display: table; width: 100%; height: 100%; } .dt_slider .dt_slider-innercell { display: table-cell; vertical-align: middle; } .dt_slider .dt_slider-content { position: relative; margin-bottom: 7.4rem; width: 100%; max-width: 92rem; z-index: 0; } .dt_slider .dt-text-left .dt_slider-content { margin-right: auto; } .dt_slider .dt-text-center .dt_slider-content { margin: auto; margin-bottom: 5.4rem; } .dt_slider .dt-text-right .dt_slider-content { margin-left: auto; } .dt_slider .dt_slider-content .title { font-size: 8rem; line-height: 1.2; margin-bottom: 2.2rem; } .dt_slider .dt_slider-content .subtitle { display: inline-block; position: relative; font-weight: 600; margin-bottom: 3rem; } .dt_slider .dt_slider-content .text { font-size: 1.8rem; margin-bottom: 2.6rem; } .dt_slider .dt_slider-content .subtitle, .dt_slider .dt_slider-content .title, .dt_slider .dt_slider-content .text { color: #fff; } .dt_slider .dt-btn-play-one { color: #fff; } .dt_slider .dt-btn-play-one i { background-color: #fff; color: var(--dt-main-color); } .dt_slider .dt-btn-play-one i:after { background-color: rgba(255, 255, 255, .4); } .dt_btn-group .dt-btn:not(:last-child) { margin-right: 2.1rem; } @media screen and (min-width: 62em) and (max-width: 87.438em) { .dt_slider .dt_slider-content .title { font-size: 6rem; } } @media (max-width: 61.95em) { .dt_slider .dt_slider-content .title { font-size: 3.2rem; margin-bottom: 1.8rem; } .dt_slider .dt_slider-content .text { margin-bottom: 1.8rem; } .dt_slider .dt_slider-content .dt-btn { margin-bottom: 1rem; } .dt_btn-group .dt-btn:not(:last-child) { margin-right: 1rem; } } @media (max-width: 35.95em) { .dt_slider .dt_slider-content .title, .dt_slider .dt_slider-content .text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .dt_slider .dt-text-right .first { order: 1; } .dt_slider .last { text-align: start; } .dt_slider .last .widget { display: inline-block; padding: 3rem 3rem 2rem; background-color: #fff; } @media (max-width: 61.95em) { .dt_slider .last { display: none; } } /* Slider Two */ .dt_slider--two .dt_slider-content .subtitle { position: relative; font-weight: 500; font-size: 2.4rem; display: inline-block; margin-bottom: 2rem; padding-left: 6.2rem; color: #fff; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } @media (max-width: 767px) { .dt_slider--two .dt_slider-content .subtitle { padding-left: 0; } } .dt_slider--two .dt_slider-content .subtitle::before { position: absolute; width: 35px; height: 2px; top: 50%; transform: translateY(-50%); left: 0; content: ""; background: #fff; z-index: 3; } @media (max-width: 767px) { .dt_slider--two .dt_slider-content .subtitle::before { display: none; } } .dt_slider--two .dt_slider-content .subtitle::after { position: absolute; width: 10px; height: 10px; top: 50%; left: 35px; border-radius: 50%; content: ""; transform: translateY(-50%); background: #fff; } @media (max-width: 767px) { .dt_slider--two .dt_slider-content .subtitle::after { display: none; } } @media (max-width: 575px) { .dt_slider--two .dt_slider-content .subtitle { font-size: 1.8rem; } } .dt_slider--two .active .dt_slider-content .subtitle { transition-delay: 700ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .dt_slider--two .dt_slider-content .title { font-size: 7.4rem; transition: all 900ms ease; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .dt_slider--two .active .dt_slider-content .title { transition-delay: 800ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .dt_slider--two .dt_slider-content .text { overflow: hidden; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .dt_slider--two .active .dt_slider-content .text { transition-delay: 1200ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .dt_slider--two .dt_slider-content .text p { margin: 0; } .dt_slider--two .dt_slider-content .dt_btn-group { transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); opacity: 0; transform: translateY(30px); } .dt_slider--two .active .dt_slider-content .dt_btn-group { transition-delay: 1400ms; opacity: 1; transform: translateY(0); } @media (max-width: 61.95em) { .dt_slider--two .dt_slider-content .subtitle { font-size: 1.6rem; margin-bottom: 1.7rem; } .dt_slider--two .dt_slider-content .title { font-size: 4rem; } } /* Carousel Nav */ .dt_slider .dt_owl_carousel.owl-carousel .owl-nav [class*=owl-] { width: 5.6rem; height: 5.6rem; line-height: 1.2; overflow: hidden; font-size: 2rem; position: absolute; top: 50%; border: none; outline: none; border-radius: 50%; transform: translateY(-50%); } .dt_slider .dt_owl_carousel.owl-carousel .owl-nav [class*=owl-] svg { display: inline-block; vertical-align: middle; } .dt_slider .dt_owl_carousel.owl-carousel .owl-nav .owl-prev { left: 3rem; color: var(--dt-secondary-color); background-color: #fff; } .dt_slider .dt_owl_carousel.owl-carousel .owl-nav .owl-next { right: 3rem; color: #fff; background-color: var(--dt-main-color); } @media (max-width: 61.95em) { .dt_slider .dt_owl_carousel.owl-carousel .owl-nav [class*=owl-] { width: 4.2rem; height: 4.2rem; line-height: 4.2rem; } .dt_slider .dt_owl_carousel.owl-carousel .owl-nav .owl-prev { left: 1rem; } .dt_slider .dt_owl_carousel.owl-carousel .owl-nav .owl-next { right: 1rem; } } .dt_slider .dt_owl_carousel.owl-carousel .owl-nav [class*=owl-]:hover { opacity: 0.95; } /* Slider Dots */ .dt_slider .dt_owl_carousel.owl-carousel .owl-dots { position: absolute; bottom: 10rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dt_slider .dt_owl_carousel.owl-carousel .owl-dots .owl-dot span { border-color: #fff; } .dt_slider .dt_owl_carousel.owl-carousel .owl-dots .owl-dot:hover span, .dt_slider .dt_owl_carousel.owl-carousel .owl-dots .owl-dot.active span { background: #fff; } .dt_slider .dt_owl_carousel.owl-carousel.owl-theme .owl-nav button.disabled { opacity: 0; visibility: hidden; } /* Slider Kenburn */ .dt_slider--kenburn .dt_slider-item { overflow: hidden; } .dt_slider--kenburn .owl-item .dt_slider-item>img { display: block; width: 100%; height: 100%; -webkit-transform-style: flat; transform-style: flat; -webkit-transition: all 20s; transition: all 20s; transition-timing-function: linear; } .dt_slider--kenburn .owl-item:nth-child(even) .dt_slider-item>img { -webkit-transform: scale(1.4); transform: scale(1.4); -webkit-transform-origin: bottom right; transform-origin: bottom right; } .dt_slider--kenburn .owl-item:nth-child(odd) .dt_slider-item>img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .dt_slider--kenburn .owl-item.active:nth-child(even) .dt_slider-item>img { -webkit-transform: scale(1.1); transform: scale(1.1); } .dt_slider--kenburn .owl-item.active:nth-child(odd) .dt_slider-item>img { -webkit-transform: scale(1.4); transform: scale(1.4); } /* Heading */ .section-title-two .section-title-right { position: relative; margin-bottom: 0; width: 75%; margin-left: auto; } @media (max-width: 1199px) { .section-title-two .section-title-right { width: 100%; } } .section-title-two .section-title-right .arrows { position: absolute; left: 120px; top: -70px; width: 164px; height: 68px; animation: icon-bounce 0.8s ease-out infinite; } @media only screen and (max-width: 991px) { .section-title-two .section-title-right .arrows { display: none; } } .section-title-two .section-title-right .content { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .section-title-two .section-title-right .content { justify-content: start; gap: 2.4rem; } } .section-title-two .section-title-right .content .talk { position: relative; font-size: 32px; display: flex; align-items: center; gap: 25px; font-weight: 700; color: var(--dt-main-color); } .section-title-two .section-title-right .content .talk img { height: 32px; } .section-title-two .section-title.dt-text-center .sub-title { justify-content: center; } .section-title-two .section-title .sub-title { letter-spacing: 0.1em; text-transform: uppercase; font-size: 18px; font-weight: 700; color: var(--dt-main-color); display: flex; gap:15px; align-items:center; margin-bottom: 15px; } .section-title-two .section-title .sub-title > span { display: inline-block; } .section-title-two .section-title .sub-title .anime-dots { position: relative; } @keyframes zoom-in-out { 0% { transform: scale(0); opacity: 0; } 20% { transform: scale(1.2); opacity: 1; } 50% { transform: scale(1); opacity: 1; } 80% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .section-title-two .section-title .sub-title .anime-dots::before, .section-title-two .section-title .sub-title .anime-dots::after { content: ""; } .section-title-two .section-title .sub-title .anime-dots::before, .section-title-two .section-title .sub-title .anime-dots::after, .section-title-two .section-title .sub-title .anime-dots span { position: relative; width: 10px; height: 10px; margin-right: 9px; border-radius: 50px; display: inline-block; animation: zoom-in-out 3s infinite; opacity: 0; background-color: var(--dt-main-color); } .section-title-two .section-title .sub-title .anime-dots::before { animation-delay: 0s; } .section-title-two .section-title .sub-title .anime-dots span { animation-delay: 0.5s; } .section-title-two .section-title .sub-title .anime-dots::after { animation-delay: 1s; margin-right: 0; } .section-title-two .section-title .title { font-weight: 800; font-size: 60px; line-height: 1.16; margin-bottom: 0; } .section-title-two .section-title.text-white .title { color: inherit; } .section-title-two .section-title .title i { position: relative; color: var(--dt-text-color); } .section-title-two .section-title .title span { position: relative; color: var(--dt-main-color); } .section-title-two .section-title .title strong { position: relative; font-weight: 700; color: var(--dt-main-color); } .section-title-two .section-title .desc { margin-top: 18px; } @media (max-width: 1199px) { .section-title-two .section-title .title { font-size: 36px; } .section-title-two .section-title .desc { width: 100%; } } @media (max-width: 991px) { .section-title-two .section-title .title { font-size: 34px; } .section-title-two .section-title .desc { width: 80%; } } @media (max-width: 767px) { .section-title-two .section-title .title { font-size: 32px; } .section-title-two .section-title .title br { display: none; } .section-title-two .section-title .desc { width: 100%; } } /* 404 */ .dt_not_found { width: 100%; height: 100vh; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } .dt-not-found-content { text-align: center; padding-top: 135px; } .dt-not-found-content h2 { font-weight: 800; font-size: 42rem; letter-spacing: -0.02em; background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 85%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0; line-height: 1; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .dt-not-found-content h2 { font-size: 22rem; } } @media (max-width: 574.98px) { .dt-not-found-content h2 { font-size: 15rem; } } .dt-not-found-content h4 { margin-top: -120px; font-size: 8rem; color: #fff; letter-spacing: -0.03em; margin-bottom: 40px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) { .dt-not-found-content h4 { margin-top: -40px; font-size: 4rem; } } .dt-not-found-copyright { color: #fff; text-align: center; padding-top: 150px; padding-bottom: 30px; } /* Information */ .dt_information, .dt_information--one .item-inner { position: relative; z-index: 0; } .dt_information--one .bg-shape-image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; z-index: -1; } .dt_information--one .item-inner { position: relative; padding: 10px 10px; border-radius: 30px; border: 3px solid var(--dt-main-color); background-color: #fff; transition: all 0.3s ease 0s; } .dt_information--one .item-inner:focus-within, .dt_information--one .item-inner:hover { background-color: var(--dt-secondary-color); } .dt_information--one .item-inner .item-image { position: relative; overflow: hidden; border-radius: 25px; } .dt_information--one .item-inner .item-image img { min-height: 25rem; object-fit: cover; } .dt_information--one .item-inner .item-image::before { position: absolute; content:''; left: 0; bottom: 0; width: 78px; height: 76px; z-index: 1; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); --webkit-size: 100%; mask-size: 100%; background-color: #ffffff; transition: all 0.3s ease 0s; } .dt_information--one .item-inner:focus-within .item-image::before, .dt_information--one .item-inner:hover .item-image::before { background-color: var(--dt-secondary-color); } .dt_information--one .item-inner .item-image::after { content: ''; position: absolute; height: 110px; bottom: 0; left: 0; right: 0; background: linear-gradient(to top,var(--dt-main-color) 0%,transparent); transition: all 0.3s ease 0s; } .dt_information--one .item-inner .item-icon { position: absolute; left: 0; bottom: 0; width: 50px; height: 50px; z-index: 2; font-size: 2.4rem; padding: 6px 12px; border-radius: 50px; display: inline-block; text-align: center; color: #fff; background-color: var(--dt-main-color); } .dt_information--one .item-inner .item-content { position: relative; padding: 25px 10px 20px; } .dt_information--one .item-inner .title { position: relative; font-weight: 700; text-transform: capitalize; } .dt_information--one .item-inner .title a { position: relative; text-decoration: none; color: var(--dt-secondary-color); transition: all 0.3s ease 0s; } .dt_information--one .item-inner .text { position: relative; font-size: 16px; line-height: 26px; margin-top: 5px; color: var(--dt-secondary-color); transition: all 0.3s ease 0s; } .dt_information--one .item-inner:focus-within .title a, .dt_information--one .item-inner:hover .title a, .dt_information--one .item-inner:focus-within .text, .dt_information--one .item-inner:hover .text { color: #fff; } @media (min-width: 75em) { .dt_information--one .dt-col-12:nth-child(2) .item-inner, .dt_information--one .dt-col-12:nth-child(4) .item-inner { margin-top: 50px; } .dt_information--one .dt-col-12:nth-child(3) .item-inner { margin-top: 100px; } } /* Information Two */ .dt_slider + .dt_information--two { padding-top: 0; padding-bottom: 0; } .dt_slider + .dt_information--two .particles-js-area { margin-top: 7.5rem; } .dt_slider + .dt_information--two .dt-row { position: relative; margin-top: -7rem; padding-bottom: 8rem; } .dt_information--two .item-inner { background-color: #fff; padding: 28px 23px; position: relative; z-index: 1; border-radius: 20px; box-shadow: 0px 25px 70px rgba(8, 10, 55, 0.08); transition: all 0.5s ease-in-out 0s; } .dt_information--two .item-inner:before { content: ""; position: absolute; top: 0; left: 0; opacity: 0.04; width: 100%; height: 100%; z-index: -1; background: url('../images/pattern-9.png') no-repeat 0 0; background-size: cover; animation: zoom-fade 5s infinite linear; transition: all 0.5s ease-in-out 0s; } .dt_information--two .item-inner:focus-within:before, .dt_information--two .item-inner:hover:before { opacity: 0.2; } .dt_information--two .item-inner .item-image { position: absolute; left: 0; bottom: 0; border-radius: 20px; width: 100%; height: 100%; overflow: hidden; transform: scale(0); z-index: -2; background: var(--dt-secondary-color); transition: all 0.5s ease-in-out 0s; } .dt_information--two .item-inner .item-image::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: var(--dt-secondary-color); } .dt_information--two .item-inner .item-image.is-image::after { opacity: 0.75; } .dt_information--two .item-inner:focus-within .item-image, .dt_information--two .item-inner:hover .item-image { transform: scale(1); } .dt_information--two .item-inner .item-image img { width: 100%; height: 100%; object-fit: cover; } .dt_information--two .item-inner .item-icon { display: inline-block; height: 100px; width: 100px; line-height: 100px; font-size: 45px; text-align: center; color: var(--dt-main-color); background-color: #fff; border-radius: 50%; position: relative; z-index: 1; transition: all 0.35s ease-in-out; margin-bottom: 25px; outline: 1px solid rgba(189, 189, 189, 0.4); box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.2); } .dt_information--two .item-inner:focus-within .item-icon, .dt_information--two .item-inner:hover .item-icon { opacity: 1; color: #fff; outline-color: transparent; } .dt_information--two .item-inner .item-icon::before { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; border-radius: 50%; z-index: -1; opacity: 0.1; background-color: var(--dt-main-color); transition: all 0.35s ease-in-out; } .dt_information--two .item-inner:focus-within .item-icon::before, .dt_information--two .item-inner:hover .item-icon::before { opacity: 1; } .dt_information--two .item-inner .item-icon::after { position: absolute; left: 50%; top: 50%; content: ""; height: 16px; width: 16px; background-color: #fff; z-index: 1; border-radius: 50%; animation: spinnerRotate 10s linear infinite; margin-left: -8px; margin-top: -8px; border: 2px solid var(--dt-main-color); transition: all 0.35s ease-in-out; } .dt_information--two .item-inner .title, .dt_information--two .item-inner .title a, .dt_information--two .item-inner .text { transition: all 0.5s ease-in-out; } .dt_information--two .item-inner:focus-within .title, .dt_information--two .item-inner:hover .title, .dt_information--two .item-inner:focus-within .title a, .dt_information--two .item-inner:hover .title a, .dt_information--two .item-inner:focus-within .text, .dt_information--two .item-inner:hover .text { color: #fff; } .dt_information--two .item-inner .text { margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; } .dt_information--two .item-inner .dt-more { display: inline-block; width: 50px; height: 50px; border-radius: 100%; font-size: 20px; text-align: center; line-height: 50px; color: #fff; background-color: var(--dt-main-color); margin-top: 20px; } .dt_information--two .item-inner .dt-more i { display: inline-block; transition: all 0.35s ease-in-out; } .dt_information--two .item-inner .dt-more:focus i, .dt_information--two .item-inner .dt-more:hover i { transform: rotate(360deg); } /* About */ .dt_about { position: relative; z-index: 0; } .dt_about--one { overflow: hidden; border-radius: 50px; background-color: #e6e9f1; margin: 0 20px; } .dt_about--one .bg-shape-image { position: absolute; left: 0; top: -22rem; right: 0; bottom: 0; background-position: right top; background-repeat: no-repeat; z-index: -1; } .dt_about--one .about-content { position: relative; padding-left: 140px; } @media only screen and (max-width: 991px) { .dt_about--one .about-content { padding-left: 0; margin-bottom: 30px; } } .dt_about--one .about-experiance { position: absolute; left: 0; top: 0; width: 100px; height: 260px; border-radius: 50px; text-align: center; padding: 40px 10px; color: #fff; } @media only screen and (max-width: 991px) { .dt_about--one .about-experiance { display: none; } } .dt_about--one .about-experiance strong { position: relative; display: block; font-size: 48px; line-height: 48px; } .dt_about--one .about-experiance span { position: relative; font-size: 16px; line-height: 28px; transform: rotate(90deg); display: block; width: 135px; text-align: start; font-weight: 700; transform-origin: 20% 72%; } .dt_about--one .about-content .title { position: relative; font-size: 24px; font-weight: 700; line-height: 30px; color: var(--dt-main-color); } .dt_about--one .about-content .text { position: relative; font-size: 16px; font-weight: 400; line-height: 30px; margin-top: 15px; } .dt_about--one .about-image-outer { position: relative; } .dt_about--one .about-image-outer .about-image { position: relative; overflow: hidden; border-radius: 40px; } .dt_about--one .about-image-outer .about-image img { position: relative; width: 100%; display: block; } .dt_about--one .about-image-outer .about-image-two { position: absolute; right: -80px; bottom: 0; overflow: hidden; border-radius: 26px; } @media only screen and (max-width: 1300px) { .dt_about--one .about-image-outer .about-image-two { right: 0; } } @media only screen and (max-width: 1140px) { .dt_about--one .about-image-outer .about-image-two { display: none; } } .dt_about--one .about-authors { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 35px; margin-left: 30px; } @media only screen and (max-width: 1140px) { .dt_about--one .about-authors { margin-left: 0; } } .dt_about--one .about-authors ul { position: relative; display: flex; margin-left: 20px; padding-left: 0; } .dt_about--one .about-authors ul li { position: relative; width: 54px; height: 54px; margin-left: -20px; border-radius: 50px; display: inline-block; border: 3px solid #fff; } .dt_about--one .about-reviews { position: relative; font-weight: 800; font-size: 30px; line-height: 0.75em; color: var(--dt-secondary-color); } .dt_about--one .about-reviews span { position: relative; font-weight: 600; font-size: 16px; } /* Why Choose Us */ .gsap-fixed-yes .item-pin { margin-bottom: 24px; } .gsap-fixed-yes .pin-spacer > * { transition: unset !important; } .dt_why_choose_us--one { position: relative; background-color: var(--dt-secondary-color); background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 0; } .dt_why_choose_us--one::after { content: ""; position: absolute; height: 100%; width: 100%; inset-block-start: 0; inset-inline-start: 0; background: rgba(8, 12, 36, 0.9); z-index: -1; } .dt_why_choose_us--one .why_choose_us-image-outer .why_choose_us-image { position: relative; overflow: hidden; border-radius: 40px; } .dt_why_choose_us--one .why_choose_us-image-outer .why_choose_us-image img { width: 100%; height: 100%; object-fit: cover; } .dt_why_choose_us--one .why_choose_us-content { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 2.4rem; } @media (min-width: 62em) { .dt_why_choose_us--one .why_choose_us-content { margin-left: 2rem; } } .dt_why_choose_us--one .why_choose_us-content .item-inner { position: relative; width: 100%; display: flex; align-items: flex-start; flex-direction: row; justify-content: flex-start; gap: 0px; background-color: #FFFFFFF7; padding: 25px 25px 25px 30px; border-radius: 10px; border: 3px solid #E5EAFF; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: all 0.5s ease 0s; } .dt_why_choose_us--one .why_choose_us-content .item-inner:focus-within, .dt_why_choose_us--one .why_choose_us-content .item-inner:hover { border-color: var(--dt-main-color); } .dt_why_choose_us--one .why_choose_us-content .item-inner .item-icon { flex-shrink: 0; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; border-radius: 10px; margin-right: 30px; font-size: 40px; color: var(--dt-main-color); background-color: rgba(189, 189, 189, 0.2); transition: all 1s; } .dt_why_choose_us--one .why_choose_us-content .item-inner:focus-within .item-icon, .dt_why_choose_us--one .why_choose_us-content .item-inner:hover .item-icon { color: #fff; background-color: var(--dt-main-color); } .dt_why_choose_us--one .why_choose_us-content .item-inner .item-icon svg { width: 40px; height: 40px; fill: currentColor; } .dt_why_choose_us--one .why_choose_us-content .item-inner .item-icon i, .dt_why_choose_us--one .why_choose_us-content .item-inner .item-icon svg { transition: all 1s; } .dt_why_choose_us--one .why_choose_us-content .item-inner:hover .item-icon i, .dt_why_choose_us--one .why_choose_us-content .item-inner:focus-within .item-icon i, .dt_why_choose_us--one .why_choose_us-content .item-inner:hover .item-icon svg, .dt_why_choose_us--one .why_choose_us-content .item-inner:focus-within .item-icon svg { animation: foldAnimation ease 0.5s; } .dt_why_choose_us--one .why_choose_us-content .item-inner .title { margin-bottom: 12px; } /* Animations */ .rotateAnimator { position: absolute; top: 0; left: auto; right: 0; bottom: 0; width: 10%; height: 100%; animation-name: move-by-circle-animation; animation-duration: 50s; animation-iteration-count: infinite; } .rotateAnimator-2 { position: absolute; top: 0; left: 0; right: auto; bottom: 0; width: 15%; height: 100%; animation-name: move-by-circle-animation; animation-duration: 60s; animation-iteration-count: infinite; } .bgGradient { width: 650px; height: 650px; border-radius: 50%; opacity: 1; filter: blur(70px); border: solid 1px #FFF; position: absolute; animation-name: blur-animation; animation-duration: 20s; animation-iteration-count: infinite; } .purple { top: 0; left: -10%; background-color: #cabaf1; animation-name: purple-animation; animation-duration: 20s; animation-iteration-count: infinite; } .green { bottom: 0; right: -10%; background-color: #9dd7e8; animation-name: green-animation; animation-duration: 20s; animation-iteration-count: infinite; } @keyframes zoom-fade { 0% { transform: scale(0.9); } 50% { transform: scale(1); } 100% { transform: scale(0.9); } } @keyframes blur-animation { 0% { filter: blur(70px); } 50% { filter: blur(100px); } 100% { filter: blur(70px); } } @keyframes green-animation { 0% { bottom: 0; right: 0% } 50% { bottom: 15%; right: 15%; } 100% { bottom: 0; right: 0% } } @keyframes purple-animation { 0% { top: 0; left: 0; } 50% { top: 15%; left: 15%; } 100% { top: 0; left: 0; } } @keyframes move-by-circle-animation { 0% { transform: rotate(0deg); width: 10% } 50% { width: 20% } 100% { transform: rotate(360deg); width: 10% } } @keyframes spinnerRotate { 0% { transform: rotate(0deg) translateX(50px); } 100% { transform: rotate(360deg) translateX(50px); } } /* Particles-js */ .particles-js-area { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; z-index: -1; } /*-------------------------------------------------- =>> Wide & Boxed Background Color / Gradient --------------------------------------------------*/ @media (min-width: 100em) { body.background-boxed { max-width: 1500px; margin: 0 auto; position: relative; box-shadow: 0 0.6rem 4rem rgba(0, 0, 0, 0.15); } body.background-boxed .container-fluid { max-width: 1470px; padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 75em) and (max-width: 99.95em) { body.background-boxed { max-width: 1200px; margin: 0 auto; position: relative; box-shadow: 0 0.6rem 4rem rgba(0, 0, 0, 0.25); } } @media (min-width: 62em) and (max-width: 74.95em) { body.background-boxed { width: 95%; margin: 0 auto; box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.2); } } @media (max-width: 61.95em) { body.background-boxed { width: 100%; } }