html, body, div, span, applet, object, iframe, h1, h2, .title_container.start-style h1, .title_container.center-style h1, h3, .boxed-blog article .post-content .single-post-title, .boxed-blog .post .post-content .single-post-title, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } .special-quote { quotes: none; } .special-quote:before, .special-quote:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } input, textarea, select { outline: none; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; } optgroup { font-weight: bold; } iframe { display: block; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-col-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex-no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .self-auto { -ms-flex-item-align: auto; align-self: auto; } .self-start { -ms-flex-item-align: start; align-self: flex-start; } .self-end { -ms-flex-item-align: end; align-self: flex-end; } .self-center { -ms-flex-item-align: center; align-self: center; } .self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .content-center { -ms-flex-line-pack: center; align-content: center; } .content-start { -ms-flex-line-pack: start; align-content: flex-start; } .content-end { -ms-flex-line-pack: end; align-content: flex-end; } .content-between { -ms-flex-line-pack: justify; align-content: space-between; } .content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; } .flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-initial { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .flex-grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .flex-no-grow { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-no-shrink { -ms-flex-negative: 0; flex-shrink: 0; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .table { display: table; } .table-row { display: table-row; } .table-cell { display: table-cell; } .hidden { display: none; } .min-h-0 { min-height: 0; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .min-h-screen .ok-row.items-end, .min-h-screen .ok-row.items-center { min-height: 100vh; } .h-screen { height: 100vh; } .w-screen { width: 100vw; } .max-w-lg { max-width: 32rem; } .max-w-4xl { max-width: 56rem; } .my-0 { margin-top: 0; margin-bottom: 0; } .mb-0 { margin-bottom: 0; } .mb-0-i { margin-bottom: 0!important; } .mb-16 { margin-bottom: 4rem; } .block { display: block!important; } :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration) * .8); animation-duration: calc(var(--animate-duration) * .8); } .animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media(prefers-reduced-motion: reduce), print { .animate__animated { -webkit-animation-duration: 1ms!important; animation-duration: 1ms!important; -webkit-transition-duration: 1ms!important; transition-duration: 1ms!important; -webkit-animation-iteration-count: 1!important; animation-iteration-count: 1!important; } .animate__animated[class*=Out] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95); } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95); } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1); } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1); } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1); } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1); } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } @keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } } @keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7; } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7; } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7; } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7; } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7; } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7; } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7; } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7; } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration) * .75); animation-duration: calc(var(--animate-duration) * .75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9); } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95); } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9); } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95); } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98); } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98); } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1); } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98); } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1); } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98); } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9); } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95); } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9); } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95); } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } } .animate__bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration) * .75); animation-duration: calc(var(--animate-duration) * .75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0); } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration) * .75); animation-duration: calc(var(--animate-duration) * .75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration) * .75); animation-duration: calc(var(--animate-duration) * .75); -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none!important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; right: 8px; left: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { position: fixed; color: #fff; right: 30px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: .65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: .7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { margin-left: 39px; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-right: 0; padding-left: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-right: 6px; padding-left: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-iframe { border: 0; background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .mfp-arrow-left:after, .mfp-arrow-right:after, .mfp-arrow-left .mfp-a, .mfp-arrow-right .mfp-a { font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; font-size: 3em; color: #fff; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { content: ''; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { content: ''; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { position: relative; display: none; width: 100%; -webkit-tap-highlight-color: transparent; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); } .owl-carousel .owl-item { position: relative; width: 100%; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-theme .owl-nav { -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav .disabled { opacity: 0; cursor: default; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .owl-theme .owl-nav { -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav .disabled { opacity: 0; cursor: default; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .owl-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-slider.inner { margin: 0 50px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme.owl-darck .owl-dots .owl-dot span { border: 1px solid #707070; } .owl-theme.owl-darck .owl-dots .owl-dot:hover span, .owl-theme.owl-darck .owl-dots .owl-dot.active span { background: #707070; } .owl-theme .owl-dots .owl-dot span { display: block; width: 10px; height: 10px; margin: 0 2.5px; margin-top: 30px; background: rgba(255,255,255,0); border: 1px solid #fff; border-radius: 0; } .owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span { background: #fff; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } .owl-nav { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; opacity: 1; width: 100%; } .owl-nav .owl-next, .owl-nav .owl-prev { position: absolute; top: 50%; margin-top: -25px; color: rgba(255,255,255,.3); padding: 5px; font-size: 25px; line-height: 25px; cursor: pointer; } .owl-nav .owl-next:hover, .owl-nav .owl-prev:hover { color: #fff; } .owl-nav .owl-next { left: -50px; } .owl-nav .owl-prev { right: -50px; } .owl-dots { left: 0; right: 0; margin-right: auto; margin-left: auto; text-align: center; } .owl-theme.owl-darck .owl-nav .owl-prev, .owl-theme.owl-darck .owl-nav .owl-next { color: rgba(112,112,112,.3); } .owl-theme.owl-darck .owl-nav .owl-prev:hover, .owl-theme.owl-darck .owl-nav .owl-next:hover { color: #707070; } .dima-phone-template .owl-dots { position: absolute; } .device-content.phone, .device-content.phone-land, .device-content.tablet-land, .device-content.tablet, .device-content.desktop { position: relative; } .device-content.laptop { padding: 5% 11.9% 20%; } .device-content.desktop { padding: 3.2% 8.5% 24%; } .device-content.phone { padding: 26.2% 16.5% 33% 16.8%; } .device-content.phone-land { padding: 4.6% 16.1% 10% 15.5%; } .device-content.tablet-land { padding: 4.1% 12.1% 10%; } .device-content.tablet { padding: 11.1% 11% 22%; } .device-content.phone-land .owl-next, .device-content.tablet-land .owl-next { left: -100px; } .device-content.phone-land .owl-prev, .device-content.tablet-land .owl-prev { right: -100px; } .device-content .owl-dots { bottom: 0; } .device-content .owl-next { left: -70px; } .device-content .owl-next:hover { opacity: 1!important; } .device-content .owl-prev { right: -70px; } .device-content .owl-prev:hover { opacity: 1!important; } .device-content img { width: 100%; } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: 0; } .owl-slider:hover .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-slider:hover .owl-carousel .owl-controls .owl-nav .owl-next { opacity: .8; } .dima-phone-template .dima-phone-cont, .dima-phone-template .dima-phone-land-cont, .dima-phone-template .dima-tablet-land-cont, .dima-phone-template .dima-tablet-cont, .dima-phone-template .dima-laptop-cont, .dima-phone-template .dima-desktop-cont { position: relative; margin: 0 auto; } .dima-phone-template .dima-phone-cont { max-width: 386px; } .dima-phone-template .dima-phone-land-cont { max-width: 455px; } .dima-phone-template .dima-tablet-land-cont { max-width: 632px; } .dima-phone-template .dima-tablet-cont { max-width: 500px; } .dima-phone-template .dima-laptop-cont { max-width: 492px; } .dima-phone-template .dima-desktop-cont { max-width: 614px; } .flex-container a:hover, .flex-container a:focus, .flex-slider a:hover, .flex-slider a:focus { outline: none; } .flexslider ul.flex-control-nav, .flexslider ol.flex-direction-nav, .flexslider .slides, .flexslider ol.flex-control-nav, .flexslider ul.flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden; width: 100%; height: 100%!important; margin: 0; padding: 0; background-size: cover!important; } .flexslider .slides img { width: 99.8%; display: block; } .flexslider .slides:after { content: "\20"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides>li:first-child { display: block; } .flexslider { margin: 0; position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .carousel { margin-top: 15px; } .carousel .slides li { cursor: pointer; margin-right: 15px; width: 110px!important; height: 110px!important; opacity: .5; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .carousel .slides li.flex-active-slide { opacity: 1; } .carousel .slides li:hover { opacity: 1; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -10px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #fff; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .flex-direction-nav a:before { font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; font-size: 25px; line-height: 30px; display: inline-block; margin-bottom: 10px; content: ''; } .flex-direction-nav a.flex-next:before { content: ''; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 25px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 25px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; font-size: 20px; display: inline-block; content: ''; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a .flex-play:before { content: ''; } .small-control .flex-control-nav { bottom: 10px; left: 0; } .small-control .flex-control-nav li { float: none; margin: 0 4px 8px 4px; } .small-control .flex-control-nav li a { width: 10px; height: 10px; } .small-control .flex-control-nav li:nth-child(2n+3) { clear: none; } .flex-control-nav { width: 100%; position: absolute; bottom: 45px; text-align: center; z-index: 10; left: 47%; } .flex-control-nav li { margin: 0 8px 16px 8px; display: inline-block; zoom: 1; *display: inline; float: left; } .flex-control-nav li:nth-child(2n+3) { clear: right; } .flex-control-paging li a { width: 13px; height: 13px; display: block; background: rgba(255,255,255,0); cursor: pointer; text-indent: -9999px; border: 1px solid #fff; } .flex-control-paging li a:hover { background: #fff; } .flex-control-paging li a.flex-active { background: #fff; cursor: default; } .flex-control-thumbs { margin: 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .slider-thumb.small-control.dima-six-thumb .flex-control-nav li { width: 15.5%!important; float: left; margin-right: 1.4%; margin-bottom: 0; margin-top: 1.4%; margin-left: 0; } .slider-thumb.small-control.dima-six-thumb .flex-control-nav li:nth-child(6n) { margin-right: 0%; } .slider-thumb.small-control.dima-nine-thumb .flex-control-nav li { width: 9.85554%!important; float: left; margin-right: 1.4%; margin-bottom: 0; margin-top: 1.4%; margin-left: 0; } .slider-thumb.small-control.dima-nine-thumb .flex-control-nav li:nth-child(9n) { margin-right: 0%; } .slider-thumb.small-control .flex-control-nav li { width: 108px!important; height: auto!important; margin-right: 13px; margin-bottom: 0; margin-top: 10px; margin-left: 0; } .slider-thumb .flex-direction-nav a { margin: -60px 0 0; } .flex-viewport { overflow: hidden; } .flex-viewport { direction: ltr; } @media only screen and (max-width: 989px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling>.ps-scrollbar-x-rail { background-color: #eee; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling>.ps-scrollbar-y-rail { background-color: #eee; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container>.ps-scrollbar-x-rail { display: none; position: absolute; border-radius: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: background-color .2s linear,opacity .2s linear; transition: background-color .2s linear,opacity .2s linear; bottom: 3px; height: 6px; } .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { position: absolute; background-color: #aaa; border-radius: 0; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; bottom: 0; height: 6px; } .ps-container>.ps-scrollbar-y-rail { display: none; position: absolute; border-radius: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: background-color .2s linear,opacity .2s linear; transition: background-color .2s linear,opacity .2s linear; right: 0; width: 6px; } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; background-color: #aaa; border-radius: 0; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; width: 6px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail { background-color: #eee; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail { background-color: #eee; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail { opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .ps-container:hover>.ps-scrollbar-x-rail:hover { background-color: #eee; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { background-color: #999; } .ps-container:hover>.ps-scrollbar-y-rail:hover { background-color: #eee; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color: #999; } html { font-size: 14px; line-height: 24px; font-family: "Lato",Helvetica,Arial,sans-serif; font-weight: 400; text-align: left; -webkit-font-smoothing: antialiased; } html, body { overflow-x: hidden; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-kerning: normal; -moz-font-kerning: normal; font-kerning: normal; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga","kern"; } body { direction: ltr; color: #a1a1a1; background-color: #fff; line-height: 24px; background-repeat: repeat; background-attachment: fixed; overflow-x: hidden; overflow-y: hidden; background-position: 0 0; letter-spacing: .01em; word-spacing: .01em; } p { font-size: 14px; line-height: 24px; font-family: "Lato",Helvetica,Arial,sans-serif; font-weight: 400; letter-spacing: .01em; word-spacing: .01em; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } caption { font-size: .667rem; } small { font-size: .444rem; } a { color: #ff5733; text-decoration: none; outline: 0; line-height: inherit; max-width: 100%; max-width: none \9; } a:hover { color: #e62900; } a:hover, a:focus, a:visited { outline: 0; } p a, p a:visited { line-height: inherit; } h1, h2, .title_container.start-style h1, .title_container.center-style h1, h3, .boxed-blog article .post-content .single-post-title, .boxed-blog .post .post-content .single-post-title, h4, h5, h6 { font-family: "Open Sans",Helvetica,Arial,Times,serif; color: #707070; text-rendering: optimizeLegibility; margin-bottom: .5em; } h1 a, h2 a, .title_container.start-style h1 a, .title_container.center-style h1 a, h3 a, .boxed-blog article .post-content .single-post-title a, .boxed-blog .post .post-content .single-post-title a, h4 a, h5 a, h6 a { color: #384047; } h1 a:hover, h2 a:hover, .title_container.start-style h1 a:hover, .title_container.center-style h1 a:hover, h3 a:hover, .boxed-blog article .post-content .single-post-title a:hover, .boxed-blog .post .post-content .single-post-title a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #384047; } .article h3, .article .boxed-blog article .post-content .single-post-title, .boxed-blog article .post-content .article .single-post-title, .article .boxed-blog .post .post-content .single-post-title, .boxed-blog .post .post-content .article .single-post-title, .article h4, .article h5, .article h6 { padding: 1.5em 0 .5em; } .dark-bg h1, .dark-bg h2, .dark-bg .title_container.start-style h1, .title_container.start-style .dark-bg h1, .dark-bg .title_container.center-style h1, .title_container.center-style .dark-bg h1, .dark-bg h3, .dark-bg .boxed-blog article .post-content .single-post-title, .boxed-blog article .post-content .dark-bg .single-post-title, .dark-bg .boxed-blog .post .post-content .single-post-title, .boxed-blog .post .post-content .dark-bg .single-post-title, .dark-bg h4, .dark-bg h5, .dark-bg h6, .bg-dark h1, .bg-dark h2, .bg-dark .title_container.start-style h1, .title_container.start-style .bg-dark h1, .bg-dark .title_container.center-style h1, .title_container.center-style .bg-dark h1, .bg-dark h3, .bg-dark .boxed-blog article .post-content .single-post-title, .boxed-blog article .post-content .bg-dark .single-post-title, .bg-dark .boxed-blog .post .post-content .single-post-title, .boxed-blog .post .post-content .bg-dark .single-post-title, .bg-dark h4, .bg-dark h5, .bg-dark h6 { color: #fff!important; } @media only screen and (max-width: 768px) { h1 { font-size: 36px; } h2, .title_container.start-style h1, .title_container.center-style h1 { font-size: 25px; } h3, .boxed-blog article .post-content .single-post-title, .boxed-blog .post .post-content .single-post-title { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } } ::-webkit-selection { background-color: #ff5733; color: #fff; } ::-moz-selection { background-color: #ff5733; color: #fff; } ::selection { background-color: #ff5733; color: #fff; } abbr[title], acronym { cursor: help; } big { font-size: larger; } em, cite { font-style: italic; } sub { bottom: -.25em; } sup { top: -.5em; vertical-align: super; font-size: smaller; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .dima-custom-heading i, .dima-custom-heading svg { margin-right: 15px; } blockquote { position: relative; font-style: italic; margin: 1.3em 0; line-height: 20px; color: #a1a1a1; padding: 1.7857142857em; padding-right: 0; border-left: 5px solid #ff5733; } blockquote p { font-size: 1.2857142857em; line-height: 1.3888888889em; position: relative; overflow: hidden; } blockquote cite { display: block; font-size: 1em; line-height: 1em; letter-spacing: .05em; color: #a1a1a1; margin-top: 2.5em; } blockquote cite a { color: #a1a1a1; } blockquote cite a:visited { color: #a1a1a1; } blockquote cite:before { content: "-"; } blockquote cite:after { content: "-"; } article blockquote { margin: 0; } blockquote.blog-style { background-color: #707070; border-left: none; position: relative; display: block; padding: 3.2142857143rem 3.2142857143rem; } blockquote.blog-style p, blockquote.blog-style cite { color: #fff!important; z-index: 5; } blockquote.blog-style p a, blockquote.blog-style cite a { color: #fff; } blockquote.blog-style cite { display: inline-block; } pre code { white-space: -moz-pre-wrap; white-space: pre-wrap; } pre { white-space: pre; } code { white-space: pre; font-family: monospace; } code, pre { font-family: Monospace; color: #a1a1a1; border: 1px solid #e1e1e1; background-color: #fafafa; max-width: 100%; display: inline-block; overflow: auto; vertical-align: middle; line-height: 1.3; padding: 0 2px; } pre { display: block; padding: .786em 1.0714285714em; margin: 0 0 2.1428571429em; line-height: 24px; word-break: break-all; word-wrap: break-word; background-color: #fafafa; -webkit-box-shadow: inset .3571428571em 0 0 0 #e1e1e1; box-shadow: inset .3571428571em 0 0 0 #e1e1e1; } pre code { color: #a1a1a1; background-color: #fafafa; font-size: 1em; padding: 0; border: 0; overflow: hidden; } mark.dima-mark { background-color: #ff5733; color: #fff; padding: .125rem .3125rem .25rem .3125rem; } .dropcap { display: block; float: left; margin-right: 15px; width: 50px; height: 50px; } .dropcap.dropcap-1 { font-size: 4.2857142857rem; line-height: 4.2857142857rem; text-align: center; color: #ff5733; } .dropcap.dropcap-2 { font-size: 2.1428571429rem; line-height: 3.2142857143rem; position: relative; top: 5px; background: #ff5733; color: #fff; border-radius: 50%; text-align: center; } .dropcap.dropcap-3 { font-size: 2.1428571429rem; line-height: 3.2142857143rem; position: relative; top: 5px; background: #ff5733; color: #fff; text-align: center; } ul ul.children { padding-left: 20px; opacity: .7; padding-top: 20px; margin-bottom: -20px; } ul ul.children li:last-child { padding-bottom: 20px!important; } ul, ol { padding: 0; } ul ul, ol ul { list-style-type: circle; } ol { list-style: decimal; } ul { list-style: none; } dt { font-weight: 700; } dd { margin-left: 25px; } ul.icon-list { margin: 0!important; } ul.icon-list li { position: relative; overflow: hidden; margin-bottom: 5px; padding-left: 25px; line-height: 24px; } ul.icon-list li i, ul.icon-list li svg { position: absolute; left: 0; text-align: center; top: 3px; width: 14px; font-size: 14px; line-height: 14px; } ul.with-border { margin: 0; } ul.with-border.dotted-border li { border-top: 1px dotted #e1e1e1; } ul.with-border.dashed-border li { border-top: 1px dashed #e1e1e1; } ul.with-border.first li { border: none; padding: 0; } ul.with-border.first>li { border-top: 1px solid #f2f2f2; display: block; padding: 20px 0; overflow: hidden; } ul.with-border li { display: block; padding: 20px 0; overflow: hidden; border-top: 1px solid #f2f2f2; } ul.with-border li strong { font-weight: bold; color: #707070; } ul.with-border li:last-child { padding-bottom: 0; } ul.with-border p { margin-bottom: 0; } ul.list-style { margin: 0!important; } ul.list-style li { position: relative; overflow: hidden; margin-bottom: 10px; padding-left: 20px; line-height: 20px; } ul.list-style li:before { content: ""; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; left: 0; font-size: 10px; line-height: 20px; color: #ff5733; } ul.list-style li.no-icon:before { content: ""; } ul.stars li:before { content: ""; } ul.angle li:before { content: ""; } ul.check li:before { content: ""; } ul.thumb-tack li:before { content: ""; } .boxed { margin: 0 auto; overflow: visible; } .ok-row { position: relative; margin: 0 -15px; clear: both; z-index: 5; } .ok-row .ok-row { margin-bottom: 0; } .ok-row.no-margin { margin: 0 0; } .ok-row.no-margin>[class^="ok-"] { padding: 0 0; margin: 0; } .ok-row.ok-no-margin { margin-left: 0; margin-right: 0; } .ok-row.ok-no-margin [class^="ok-md"], .ok-row.ok-no-margin [class^="ok-sd"], .ok-row.ok-no-margin [class^="ok-xsd"], .ok-row.ok-no-margin [class^="ok-ld"], .ok-row.ok-no-margin [class^="ok-xld"] { padding: 0 0; margin: 0; } .ok-row::after { content: ""; display: table; clear: both; } .container { position: relative; max-width: 970px; margin: 0 auto; clear: both; } .boxed { max-width: 970px; width: 90%; } .boxed .container { width: 95%!important; } div .ok-md-12 { position: relative; width: 100%; padding: 0 15px; float: left; } div .ok-md-11 { position: relative; width: 91.6666666667%; padding: 0 15px; float: left; } div .ok-md-10 { position: relative; width: 83.3333333333%; padding: 0 15px; float: left; } div .ok-md-9 { position: relative; width: 75%; padding: 0 15px; float: left; } div .ok-md-8 { position: relative; width: 66.6666666667%; padding: 0 15px; float: left; } div .ok-md-7 { position: relative; width: 58.3333333333%; padding: 0 15px; float: left; } div .ok-md-6 { position: relative; width: 50%; padding: 0 15px; float: left; } div .ok-md-5 { position: relative; width: 41.6666666667%; padding: 0 15px; float: left; } div .ok-md-4 { position: relative; width: 33.3333333333%; padding: 0 15px; float: left; } div .ok-md-3 { position: relative; width: 25%; padding: 0 15px; float: left; } div .ok-md-2 { position: relative; width: 16.6666666667%; padding: 0 15px; float: left; } div .ok-md-1 { position: relative; width: 8.3333333333%; padding: 0 15px; float: left; } div .ok-offset-md-12 { margin-left: 100%; } div .ok-offset-md-11 { margin-left: 91.6666666667%; } div .ok-offset-md-10 { margin-left: 83.3333333333%; } div .ok-offset-md-9 { margin-left: 75%; } div .ok-offset-md-8 { margin-left: 66.6666666667%; } div .ok-offset-md-7 { margin-left: 58.3333333333%; } div .ok-offset-md-6 { margin-left: 50%; } div .ok-offset-md-5 { margin-left: 41.6666666667%; } div .ok-offset-md-4 { margin-left: 33.3333333333%; } div .ok-offset-md-3 { margin-left: 25%; } div .ok-offset-md-2 { margin-left: 16.6666666667%; } div .ok-offset-md-1 { margin-left: 8.3333333333%; } div .no-md-offset { margin-left: 0; } .visible-ld, .visible-xld, .visible-sd, .visible-xsd { display: none!important; } .visible-md { display: inherit!important; } .hidden-ld, .hidden-xld, .hidden-sd, .hidden-xsd { display: inherit!important; } .hidden-md { display: none!important; } @media only screen and (max-width: 480px) { .visible-ld, .visible-md, .visible-sd, .visible-xld { display: none!important; } .visible-xsd { display: inherit!important; } .hidden-ld, .hidden-md, .hidden-sd, .hidden-xld { display: inherit!important; } .hidden-xsd { display: none!important; } .boxed { width: 100%; } .container { width: 90%; } div [class^="ok-"] { margin-bottom: 30px; } div [class*="ok-offset-"] { margin-left: 0; } } @media only screen and (max-width: 768px) { .visible-ld, .visible-md, .visible-sd, .visible-xld { display: none!important; } .visible-xsd { display: inherit!important; } .hidden-ld, .hidden-md, .hidden-sd, .hidden-xld { display: inherit!important; } .hidden-xsd { display: none!important; } body.boxed { width: 100%; margin-top: 0; margin-bottom: 0; } .container { width: 90%; } div .ok-xsd-4 { position: relative; width: 33.3333333333%; padding: 0 15px; float: left; } div .ok-offset-xsd-4 { margin-left: 33.3333333333%; } div .ok-xsd-6 { position: relative; width: 50%; padding: 0 15px; float: left; } div .ok-offset-xsd-6 { margin-left: 50%; } div .ok-xsd-12 { position: relative; width: 100%; padding: 0 15px; float: left; } div .ok-offset-xsd-12 { margin-left: 100%; } div .no-xsd-offset { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .visible-ld, .visible-md, .visible-xld, .visible-xsd { display: none!important; } .visible-sd { display: inherit!important; } .hidden-ld, .hidden-md, .hidden-xld, .hidden-xsd { display: inherit!important; } .hidden-sd { display: none!important; } body.boxed { width: 100%; margin-top: 0; margin-bottom: 0; } .container { width: 90%; } div .ok-sd-12 { position: relative; width: 100%; padding: 0 15px; float: left; } div .ok-offset-sd-12 { margin-left: 100%; } div .ok-sd-11 { position: relative; width: 91.6666666667%; padding: 0 15px; float: left; } div .ok-offset-sd-11 { margin-left: 91.6666666667%; } div .ok-sd-10 { position: relative; width: 83.3333333333%; padding: 0 15px; float: left; } div .ok-offset-sd-10 { margin-left: 83.3333333333%; } div .ok-sd-9 { position: relative; width: 75%; padding: 0 15px; float: left; } div .ok-offset-sd-9 { margin-left: 75%; } div .ok-sd-8 { position: relative; width: 66.6666666667%; padding: 0 15px; float: left; } div .ok-offset-sd-8 { margin-left: 66.6666666667%; } div .ok-sd-7 { position: relative; width: 58.3333333333%; padding: 0 15px; float: left; } div .ok-offset-sd-7 { margin-left: 58.3333333333%; } div .ok-sd-6 { position: relative; width: 50%; padding: 0 15px; float: left; } div .ok-offset-sd-6 { margin-left: 50%; } div .ok-sd-5 { position: relative; width: 41.6666666667%; padding: 0 15px; float: left; } div .ok-offset-sd-5 { margin-left: 41.6666666667%; } div .ok-sd-4 { position: relative; width: 33.3333333333%; padding: 0 15px; float: left; } div .ok-offset-sd-4 { margin-left: 33.3333333333%; } div .ok-sd-3 { position: relative; width: 25%; padding: 0 15px; float: left; } div .ok-offset-sd-3 { margin-left: 25%; } div .ok-sd-2 { position: relative; width: 16.6666666667%; padding: 0 15px; float: left; } div .ok-offset-sd-2 { margin-left: 16.6666666667%; } div .ok-sd-1 { position: relative; width: 8.3333333333%; padding: 0 15px; float: left; } div .ok-offset-sd-1 { margin-left: 8.3333333333%; } div .no-sd-offset { margin-left: 0; } div [class^="ok-"] { margin-bottom: 30px; } div .ok-row, div .ok-md-12 { margin-bottom: 0; } } @media only screen and (min-width: 1140px) { .visible-xld, .visible-md, .visible-sd, .visible-xsd { display: none!important; } .visible-ld { display: inherit!important; } .hidden-xld, .hidden-md, .hidden-sd, .hidden-xsd { display: inherit!important; } .hidden-ld { display: none!important; } .boxed { max-width: 1140px; width: 90%; } .container { max-width: 1140px; } div .ok-ld-12 { position: relative; width: 100%; padding: 0 15px; float: left; } div .ok-offset-ld-12 { margin-left: 100%; } div .ok-ld-11 { position: relative; width: 91.6666666667%; padding: 0 15px; float: left; } div .ok-offset-ld-11 { margin-left: 91.6666666667%; } div .ok-ld-10 { position: relative; width: 83.3333333333%; padding: 0 15px; float: left; } div .ok-offset-ld-10 { margin-left: 83.3333333333%; } div .ok-ld-9 { position: relative; width: 75%; padding: 0 15px; float: left; } div .ok-offset-ld-9 { margin-left: 75%; } div .ok-ld-8 { position: relative; width: 66.6666666667%; padding: 0 15px; float: left; } div .ok-offset-ld-8 { margin-left: 66.6666666667%; } div .ok-ld-7 { position: relative; width: 58.3333333333%; padding: 0 15px; float: left; } div .ok-offset-ld-7 { margin-left: 58.3333333333%; } div .ok-ld-6 { position: relative; width: 50%; padding: 0 15px; float: left; } div .ok-offset-ld-6 { margin-left: 50%; } div .ok-ld-5 { position: relative; width: 41.6666666667%; padding: 0 15px; float: left; } div .ok-offset-ld-5 { margin-left: 41.6666666667%; } div .ok-ld-4 { position: relative; width: 33.3333333333%; padding: 0 15px; float: left; } div .ok-offset-ld-4 { margin-left: 33.3333333333%; } div .ok-ld-3 { position: relative; width: 25%; padding: 0 15px; float: left; } div .ok-offset-ld-3 { margin-left: 25%; } div .ok-ld-2 { position: relative; width: 16.6666666667%; padding: 0 15px; float: left; } div .ok-offset-ld-2 { margin-left: 16.6666666667%; } div .ok-ld-1 { position: relative; width: 8.3333333333%; padding: 0 15px; float: left; } div .ok-offset-ld-1 { margin-left: 8.3333333333%; } div .no-ld-offset { margin-left: 0; } } @media only screen and (min-width: 1600px) { .visible-ld, .visible-md, .visible-sd, .visible-xsd { display: none!important; } .visible-xld { display: inherit!important; } .hidden-ld, .hidden-md, .hidden-sd, .hidden-xsd { display: inherit!important; } .hidden-xld { display: none!important; } .boxed { max-width: 1200px; width: 90%; } .container { max-width: 1200px; } div .ok-xld-12 { position: relative; width: 100%; padding: 0 15px; float: left; } div .ok-offset-xld-12 { margin-left: 100%; } div .ok-xld-11 { position: relative; width: 91.6666666667%; padding: 0 15px; float: left; } div .ok-offset-xld-11 { margin-left: 91.6666666667%; } div .ok-xld-10 { position: relative; width: 83.3333333333%; padding: 0 15px; float: left; } div .ok-offset-xld-10 { margin-left: 83.3333333333%; } div .ok-xld-9 { position: relative; width: 75%; padding: 0 15px; float: left; } div .ok-offset-xld-9 { margin-left: 75%; } div .ok-xld-8 { position: relative; width: 66.6666666667%; padding: 0 15px; float: left; } div .ok-offset-xld-8 { margin-left: 66.6666666667%; } div .ok-xld-7 { position: relative; width: 58.3333333333%; padding: 0 15px; float: left; } div .ok-offset-xld-7 { margin-left: 58.3333333333%; } div .ok-xld-6 { position: relative; width: 50%; padding: 0 15px; float: left; } div .ok-offset-xld-6 { margin-left: 50%; } div .ok-xld-5 { position: relative; width: 41.6666666667%; padding: 0 15px; float: left; } div .ok-offset-xld-5 { margin-left: 41.6666666667%; } div .ok-xld-4 { position: relative; width: 33.3333333333%; padding: 0 15px; float: left; } div .ok-offset-xld-4 { margin-left: 33.3333333333%; } div .ok-xld-3 { position: relative; width: 25%; padding: 0 15px; float: left; } div .ok-offset-xld-3 { margin-left: 25%; } div .ok-xld-2 { position: relative; width: 16.6666666667%; padding: 0 15px; float: left; } div .ok-offset-xld-2 { margin-left: 16.6666666667%; } div .ok-xld-1 { position: relative; width: 8.3333333333%; padding: 0 15px; float: left; } div .ok-offset-xld-1 { margin-left: 8.3333333333%; } div .no-xld-offset { margin-left: 0; } } div .ok-row.row-margin-bottom [class^="ok-"] { margin-bottom: 30px; } .translate_x_3 { left: 8.5714285714rem!important; } .translate_x_neg_3 { left: -8.5714285714rem!important; } .translate_y_3 { margin-top: 8.5714285714rem!important; } .translate_y_neg_3 { margin-top: -8.5714285714rem!important; } .translate_x_2 { left: 5.7142857143rem!important; } .translate_x_neg_2 { left: -5.7142857143rem!important; } .translate_y_2 { margin-top: 5.7142857143rem!important; } .translate_y_neg_2 { margin-top: -5.7142857143rem!important; } .translate_x_1 { left: 2.8571428571rem!important; } .translate_x_neg_1 { left: -2.8571428571rem!important; } .translate_y_1 { margin-top: 2.8571428571rem!important; } .translate_y_neg_1 { margin-top: -2.8571428571rem!important; } .z_index_10 { z-index: 10; } .z_index_9 { z-index: 9; } .z_index_8 { z-index: 8; } .z_index_7 { z-index: 7; } .z_index_6 { z-index: 6; } .z_index_5 { z-index: 5; } .z_index_4 { z-index: 4; } .z_index_3 { z-index: 3; } .z_index_2 { z-index: 2; } .z_index_1 { z-index: 1; } @media only screen and (max-width: 768px) { .translate_y_2:not(.translate_y_fixed), .translate_y_3:not(.translate_y_fixed) { margin-top: 5.7142857143rem!important; } .translate_x_1:not(.translate_y_fixed) { margin-top: 2.8571428571rem!important; } .translate_y_neg_2:not(.translate_y_fixed), .translate_y_neg_3:not(.translate_y_fixed) { margin-top: -5.7142857143rem!important; } .translate_x_neg_1:not(.translate_y_fixed) { margin-top: -2.8571428571rem!important; } } ::-webkit-input-placeholder { color: #707070; } ::-moz-placeholder { color: #707070; } form { position: relative; max-width: 100%; font-size: 1em; } form p, form .field { margin: 0 0 30px; } form p.last, form .field.last { margin-bottom: 0; } p>label, .field>label { margin: 0 0 10px; display: inline-block; color: #707070; font-family: "Lato",Helvetica,Arial,sans-serif "Open Sans",Helvetica,Arial,Times,serif; font-size: 14px; line-height: 14px; } p>label.error, .field>label.error { color: #c10000; font-size: 12px; line-height: 11px; margin-top: 5px; padding: 0; } p>label.required:after, .field>label.required:after { content: '*'; color: #ff5733; margin-left: 5px; } .search-form, .woocommerce-product-search { position: relative; } .search-form:before, .woocommerce-product-search:before { content: ''; font-size: 22px; line-height: 22px; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 15px; top: 15px; color: #707070; } .search-form button, .woocommerce-product-search button { display: none; } input[type="search"], textarea, select, input[type="text"], input[type="email"], input[type="date"], input[type="password"], input[type="number"], input[type="url"], input[type="tel"], .input { width: 100%; } select { background: url("data:image/svg+xml;charset=utf8,%3Csvg fill='%23707070' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E") no-repeat; background-size: 22px; padding-right: 50px; background-position: right .45em top 50%; } input[type="search"], textarea, select, input[type="text"], input[type="email"], input[type="date"], input[type="password"], input[type="number"], input[type="url"], input[type="tel"] { margin: 0; padding: 15.5px; background-color: rgba(0,0,0,0); border: 1px solid #e1e1e1; outline: none; color: #727272; font-size: 14px; line-height: 14px; height: 50px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset; box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-box-sizing: border-box; box-sizing: border-box; } .textarea, form textarea { line-height: 1.33; min-height: 8em; height: 12em; max-height: 24em; resize: vertical; } textarea, input[type="checkbox"], input[type="radio"] { vertical-align: top; } input[type="checkbox"], input[type="radio"] { -webkit-appearance: none; outline: none; } input.checkbox, input[type="checkbox"], input.radio, input[type="radio"] { width: 15px; height: 15px; border: 1px solid #e1e1e1; margin-right: 10px; font-family: "Lato",Helvetica,Arial,sans-serif "Open Sans",Helvetica,Arial,Times,serif; vertical-align: middle; } input.radio, input[type="radio"] { border-radius: 50%; } input.checkbox:checked:before, input[type="checkbox"]:checked:before, input.radio:checked:before, input[type="radio"]:checked:before { display: block; content: ""; position: relative; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; top: 50%; left: 50%; font-size: 10px; margin-left: -5px; margin-top: -5px; } input.radio:checked:before, input[type="radio"]:checked:before { content: ""; top: 50%; } .textarea, form textarea { min-height: 8em; height: 8em; } form .info.message, form .warning.message, form .error.message { display: none; } form .message:first-child { margin-top: 0; } form.warning .warning.message { display: block; } form.error .error.message { display: block; } form input[type="search"]:focus, form input[type="text"]:focus, form input[type="email"]:focus, form input[type="date"]:focus, form input[type="password"]:focus, form input[type="url"]:focus, form input[type="tel"]:focus, form textarea:focus { border-color: #ff5733!important; -webkit-appearance: none; -webkit-box-shadow: .3em 0 0 0 #ff5733 inset; box-shadow: .3em 0 0 0 #ff5733 inset; } form p.error textarea, form p.error input[type="text"], form p.error input[type="email"], form p.error input[type="date"], form p.error input[type="password"], form p.error input[type="number"], form p.error input[type="url"], form .field.error input[type="tel"], form .field.error textarea, form .field.error input[type="text"], form .field.error input[type="email"], form .field.error input[type="date"], form .field.error input[type="password"], form .field.error input[type="number"], form .field.error input[type="url"], form .field.error input[type="tel"] { background-color: #f06971; border-color: #e81a27; border-left: none; color: #d95c5c; padding-left: 1.2em; -webkit-box-shadow: .3em 0 0 0 #e81a27 inset; box-shadow: .3em 0 0 0 #e81a27 inset; } form p.error textarea:focus, form p.error input[type="text"]:focus, form p.error input[type="email"]:focus, form p.error input[type="date"]:focus, form p.error input[type="password"]:focus, form p.error input[type="number"]:focus, form p.error input[type="url"]:focus, form p.error input[type="tel"]:focus, form .field.error textarea:focus, form .field.error input[type="text"]:focus, form .field.error input[type="email"]:focus, form .field.error input[type="date"]:focus, form .field.error input[type="password"]:focus, form .field.error input[type="number"]:focus, form .field.error input[type="url"]:focus, form .field.error input[type="tel"]:focus { border-color: #ff5050; color: #ff5050; -webkit-appearance: none; -webkit-box-shadow: .3em 0 0 0 #ff5050 inset; box-shadow: .3em 0 0 0 #ff5050 inset; } form p.success textarea, form p.success input[type="text"], form p.success input[type="email"], form p.success input[type="date"], form p.success input[type="password"], form p.success input[type="number"], form p.success input[type="url"], form p.success input[type="tel"], form .field.success textarea, form .field.success input[type="text"], form .field.success input[type="email"], form .field.success input[type="date"], form .field.success input[type="password"], form .field.success input[type="number"], form .field.success input[type="url"], form .field.success input[type="tel"] { background-color: #7dff27; border-color: #53cf00; border-left: none; color: #53cf00; padding-left: 1.2em; -webkit-box-shadow: .3em 0 0 0 #53cf00 inset; box-shadow: .3em 0 0 0 #53cf00 inset; opacity: .9; } form p.success textarea:focus, form p.success input[type="text"]:focus, form p.success input[type="email"]:focus, form p.success input[type="date"]:focus, form p.success input[type="password"]:focus, form p.success input[type="number"]:focus, form p.success input[type="url"]:focus, form p.success input[type="tel"]:focus, form .field.success textarea:focus, form .field.success input[type="text"]:focus, form .field.success input[type="email"]:focus, form .field.success input[type="date"]:focus, form .field.success input[type="password"]:focus, form .field.success input[type="number"]:focus, form .field.success input[type="url"]:focus, form .field.success input[type="tel"]:focus { opacity: 1; } form::-webkit-input-placeholder { color: #aaa; } form::-moz-placeholder { color: #aaa; } form:focus::-webkit-input-placeholder { color: #999; } form:focus::-moz-placeholder { color: #999; } form .error::-webkit-input-placeholder { color: rgba(255,80,80,.4); } form .error::-moz-placeholder { color: rgba(255,80,80,.4); } form .error:focus::-webkit-input-placeholder { color: rgba(255,80,80,.7); } form .error:focus::-moz-placeholder { color: rgba(255,80,80,.7); } form p:disabled, form p.disabled, form .field:disabled, form .field.disabled { opacity: .5; } form p.disabled label, form .field.disabled label { opacity: .5; } form p.disabled:disabled form .field.disabled:disabled { opacity: 1; } form input.attached { width: auto; } form p.date>label, form .date.field>label { position: relative; } form p.date>label:after, form .date.field>label:after { font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 2em; right: .5em; content: ''; font-size: 1.2em; font-weight: normal; color: #707070; } .wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] { width: 100%; } .wpcf7-display-none { display: none; } .screen-reader-response ul { margin-bottom: 30px; } @media only screen and (max-width: 768px) { form [class^="ok-"] p, form [class^="ok-"] .field { margin: 0; } .wpcf7-submit { margin-top: 30px; } .gform_wrapper input, div.ginput_complex.ginput_container.gf_name_has_2 span, .gform_wrapper .top_label input, .gform_wrapper .top_label select { width: 100%!important; } .gform_wrapper ul li span { padding: 0!important; } } .top-footer p>label, .top-footer .field>label { color: #707070; } .top-footer .search-form:before, .top-footer .woocommerce-product-search:before { color: #707070; } .top-footer ::-webkit-input-placeholder { color: #707070; } .top-footer ::-moz-placeholder { color: #707070; } .dark-bg form p { color: rgba(255,255,255,.8)!important; } .dark-bg input[type="search"], .dark-bg textarea, .dark-bg select, .dark-bg input[type="text"], .dark-bg input[type="email"], .dark-bg input[type="date"], .dark-bg input[type="password"], .dark-bg input[type="number"], .dark-bg input[type="url"], .dark-bg input[type="tel"] { color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.4); } .boxed { background-color: #fff; } .both-sidebar .dima-container { width: 48.5%; margin-left: 30px; } .both-sidebar .dima-sidebar { width: 22.75%; } .mini-sidebar .dima-sidebar { width: 22.75%; } .mini-sidebar .dima-container { width: 74.25%; } .dima-container { width: 70.5%; } .dima-container.full { width: 100%; } .mini-width { position: relative; width: 66.66667%; margin: 0 auto; } .all_content { display: table; width: 100%; height: 100%; table-layout: fixed; position: relative; background: #fff; } .boxed { background-color: #fafafa; } .boxed.framed { margin-top: 20px; margin-bottom: 20px; } .boxed .all_content { -webkit-box-shadow: 0 .15em .35em 0 rgba(0,0,0,.135); box-shadow: 0 .15em .35em 0 rgba(0,0,0,.135); } .boxed .dima-content { padding: 1.5em; -webkit-box-shadow: none; box-shadow: none; } .vertical-menu .container { width: 85%; padding: 0; } .vertical-menu .container .page-section-content .container { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 989px) { .mini-width { width: 100%; } } @media only screen and (max-width: 768px) { .mini-width { width: 100%; } } header { display: block; width: 100%; position: relative; } .dima-main { position: relative; float: none; display: block; width: auto; } .dima-main .dima-page-wrapper { margin-top: 20px; padding-bottom: 20px; } article.revolution { position: relative; } .title_container { background: #707070; z-index: 2; position: relative; } .title_container.start-style .topaz-line, .title_container.end-style .topaz-line { margin-bottom: 0; } .title_container .topaz-line:before, .title_container .topaz-line:after { border-color: rgba(255,255,255,.4); } .title_container .dima-subtitle { color: #fff; display: block; } .title_container .dima-section-cover { opacity: .8; } .title_container.start-style .page-section-content, .title_container.center-style .page-section-content { padding: 70px 0; } .title_container.start-style.dima-floating-breadcrumbs .page-section-content, .title_container.center-style.dima-floating-breadcrumbs .page-section-content { padding-top: 220px; } .title_container.start-style.dima-transparent-breadcrumbs .page-section-content, .title_container.center-style.dima-transparent-breadcrumbs .page-section-content { padding-top: 285px; } .title_container.start-style h1, .title_container.center-style h1 { margin-bottom: 0; color: #fff; } .title_container.start-style h1.text-start, .title_container.center-style h1.text-start { width: 70%; } .title_container.start-style .dima-breadcrumbs, .title_container.center-style .dima-breadcrumbs { z-index: 10; font-size: 14px; line-height: 20px; color: #fff; } .title_container.start-style .dima-breadcrumbs.breadcrumbs-end, .title_container.center-style .dima-breadcrumbs.breadcrumbs-end { position: absolute; right: 0; top: 50%; margin-top: -7px; width: 30%; } .title_container.start-style .dima-breadcrumbs.breadcrumbs-start, .title_container.center-style .dima-breadcrumbs.breadcrumbs-start { position: absolute; left: 0; top: 50%; margin-top: -7px; } .title_container.start-style .dima-breadcrumbs.breadcrumbs-center, .title_container.center-style .dima-breadcrumbs.breadcrumbs-center { text-align: center; } .title_container.start-style .dima-breadcrumbs a, .title_container.center-style .dima-breadcrumbs a { color: #fff; } .title_container.start-style .dima-breadcrumbs a:hover, .title_container.center-style .dima-breadcrumbs a:hover { text-decoration: underline; } .sep { padding: 0 5px; } .fixed_header { position: fixed; z-index: 100; } .dima-navbar-wrap.desk-nav .dima-navbar-transparent.dima-navbar { -webkit-box-shadow: none; box-shadow: none; } .dima-transparent-navigation-active.admin-bar .dima-navbar-wrap.desk-nav .dima-navbar:not(.fixed-headroom) { top: 32px; } .dima-transparent-navigation-active.admin-bar .dima-navbar-wrap.desk-nav .dima-navbar:not(.fixed-headroom).dima-navbar-transparent { top: 0; } .dima-transparent-navigation-active .dima-navbar-wrap.desk-nav { position: absolute; left: 0; right: 0; top: 0; z-index: 1030; } @media only screen and (max-width: 768px) { .title_container.start-style .page-section-content, .title_container.center-style .page-section-content { padding: 50px 0; } .title_container h1 { text-align: center; width: 100%!important; } .title_container.start-style .dima-breadcrumbs { position: relative!important; margin-top: 20px!important; text-align: center; width: 100%!important; } .title_container.start-style .page-section-content { padding: 30px 0 30px 0!important; } } .section { position: relative; z-index: 10; } .background-image-hide { position: absolute!important; width: 100%; height: 100%; left: 0; top: 0; margin: auto; background-position: center center; z-index: -2!important; } .background-image-holder.w-screen, .background-image-hide.w-screen { width: 100vw; margin-left: -50vw; left: 50%; } .background-cover { background-size: cover!important; } .background-image-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover!important; z-index: -1; background-position: 50% 50%; } .page-section-content { position: relative; display: table; table-layout: fixed; width: 100%; padding: 6.25em 0; background-attachment: fixed; } .page-section-content.no-padding-section { padding: 0; } .page-section-content .page-section-content { padding: 0; } .page-section { z-index: 5; position: relative; } .headline-wrapper { padding: 4em 0; background-color: #f39c12; } .fixed-parallax { overflow: visible; } .fixed-parallax.background-image-hide { background-attachment: fixed!important; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .fixed-parallax.dima-pattern-image { background-repeat: repeat; background-size: initial; } .dima-section-cover { background-color: rgba(37,37,37,.6); } .cover-at-back.dima-section-cover { z-index: -3; } @media only screen and (min-width: 768px) and (max-width: 989px) { .page-section-content { padding: 5.25em 0; } } @media only screen and (max-width: 768px) { .page-section-content { padding: 3.125em 0; } } .dima-sidebar { width: 27%; } .wpb_widgetised_column .widget p, .top-footer .widget p, .dima-sidebar .widget p { margin-bottom: 20px; } .wpb_widgetised_column .widget, .dima-sidebar .widget { position: relative; border: 1px solid #e1e1e1; padding: 30px; margin-bottom: 30px; } .wpb_widgetised_column .widget .inline>li, .dima-sidebar .widget .inline>li { margin-right: 12px; margin-bottom: 12px; } .wpb_widgetised_column .widget .inline>li:last-child, .dima-sidebar .widget .inline>li:last-child { margin-right: 0; } .wpb_widgetised_column .widget .button, .dima-sidebar .widget .button { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .wpb_widgetised_column .widget .widget-title, .dima-sidebar .widget .widget-title { margin-bottom: 30px; } .wpb_widgetised_column .widget.dima-tabs, .dima-sidebar .widget.dima-tabs { background: transparent; border: none; padding: 0; } .wpb_widgetised_column .widget.dima-tabs .dima-tab-content .dima-tab_content, .dima-sidebar .widget.dima-tabs .dima-tab-content .dima-tab_content { padding: 30px 30px; } .wpb_widgetised_column .widget .dima-testimonial.quote-style blockquote p, .dima-sidebar .widget .dima-testimonial.quote-style blockquote p { color: #a1a1a1; font-size: 18px; line-height: 30px; font-weight: 400; } .widget { position: relative; } .widget.widget_recent_entries a, .widget.widget_categories a, .widget.widget_meta a, .widget.widget_layered_nav a, .widget.widget_nav_menu a, .widget.widget_archive a, .widget.widget_pages a, .widget.twitter-widget a, .widget.widget_rss a, .widget.widget_product_categories a, .widget.widget_recent_comments a { color: #a1a1a1; } .widget.widget_recent_entries a:hover, .widget.widget_categories a:hover, .widget.widget_meta a:hover, .widget.widget_layered_nav a:hover, .widget.widget_nav_menu a:hover, .widget.widget_archive a:hover, .widget.widget_pages a:hover, .widget.twitter-widget a:hover, .widget.widget_rss a:hover, .widget.widget_product_categories a:hover, .widget.widget_recent_comments a:hover { color: #ff5733; } .widget.widget_recent_entries .count, .widget.widget_categories .count, .widget.widget_meta .count, .widget.widget_layered_nav .count, .widget.widget_nav_menu .count, .widget.widget_archive .count, .widget.widget_pages .count, .widget.twitter-widget .count, .widget.widget_rss .count, .widget.widget_product_categories .count, .widget.widget_recent_comments .count { float: right; } .widget.widget_recent_entries ul li, .widget.widget_recent_entries ol li, .widget.widget_categories ul li, .widget.widget_categories ol li, .widget.widget_meta ul li, .widget.widget_meta ol li, .widget.widget_layered_nav ul li, .widget.widget_layered_nav ol li, .widget.widget_nav_menu ul li, .widget.widget_nav_menu ol li, .widget.widget_archive ul li, .widget.widget_archive ol li, .widget.widget_pages ul li, .widget.widget_pages ol li, .widget.twitter-widget ul li, .widget.twitter-widget ol li, .widget.widget_rss ul li, .widget.widget_rss ol li, .widget.widget_product_categories ul li, .widget.widget_product_categories ol li, .widget.widget_recent_comments ul li, .widget.widget_recent_comments ol li { display: block; padding: 13px 0; overflow: hidden; border-top: 1px solid #f2f2f2; } .widget.widget_recent_entries ul li:last-child, .widget.widget_recent_entries ol li:last-child, .widget.widget_categories ul li:last-child, .widget.widget_categories ol li:last-child, .widget.widget_meta ul li:last-child, .widget.widget_meta ol li:last-child, .widget.widget_layered_nav ul li:last-child, .widget.widget_layered_nav ol li:last-child, .widget.widget_nav_menu ul li:last-child, .widget.widget_nav_menu ol li:last-child, .widget.widget_archive ul li:last-child, .widget.widget_archive ol li:last-child, .widget.widget_pages ul li:last-child, .widget.widget_pages ol li:last-child, .widget.twitter-widget ul li:last-child, .widget.twitter-widget ol li:last-child, .widget.widget_rss ul li:last-child, .widget.widget_rss ol li:last-child, .widget.widget_product_categories ul li:last-child, .widget.widget_product_categories ol li:last-child, .widget.widget_recent_comments ul li:last-child, .widget.widget_recent_comments ol li:last-child { padding-bottom: 0; } .widget.dima-author-box .dima-about-image, .widget.dima-author-box .dima-author-info { position: relative; z-index: 5; } .widget.dima-author-box .dima-about-image { padding: 2px; text-align: center; margin-bottom: 30px; float: none; margin-right: 0; } .widget.login-widget .dima-user-login-content { padding-left: 80px; } .widget ul { margin: 0; list-style: none; } .widget ul li .post-date { display: block; } .widget ul li .rss-date { display: block; } .widget.widget_calendar #wp-calendar caption { margin-bottom: 20px; color: #707070; text-align: center; font-size: 14px; } .widget.widget_calendar table { width: 100%; margin: 0; } .widget.widget_calendar table tr { border: none; } .widget.widget_calendar table th { background: transparent; padding: 1em 0; color: #707070; font-size: 14px; border: none; text-align: center; font-weight: 600; } .widget.widget_calendar table td { padding: .79em; text-align: center; } .widget.widget_calendar table tfoot { display: none; } .tagcloud { padding: 0!important; } .twitter-widget .fa-twitter { padding-right: 5px; color: #ff5733; } .dima-instagram-images { display: table; width: 100%; table-layout: fixed; } .dima-instagram-images .dima-instagram-row { display: table-row; } .dima-instagram-images .dima-instagram-row .dima-instagram-image { display: table-cell; padding: 3px; } .dima-instagram-images .dima-instagram-row .dima-instagram-image a { display: block; position: relative; } .instagram-button { margin-top: 3px!important; color: #fff!important; } .add-bottom-margin { margin-bottom: 30px; } .dima-dsa125-widget .dima-dsa-cell { width: 50%; display: block; padding: 5px; float: left; text-align: center; line-height: 0; } .dima-dsa300-widget .dima-dsa-cell { display: block; padding: 5px; float: left; text-align: center; line-height: 0; } .dima-dsa-widget-content { overflow: hidden; margin-bottom: 30px; clear: both; } .widget .dima-dsa-widget-content { margin-bottom: 0; } .dima-author-avatar img { position: relative; float: left; margin-right: 30px; margin-top: 0; } .dima-tabs .dima-author-avatar img { margin-right: 20px; } .widget-container ul.dima-tab-nav li a { padding: 20px 10px!important; } .widget-container .dima-tab_content { padding: 30px!important; } .a_p_hover a { color: #a1a1a1!important; } .a_p_hover a:hover { color: #ff5733!important; } .news-pic-widget .news-in-pic div.news-pic { border: none; width: 30.33%; margin-right: 2.39%; margin-bottom: 2.5%; clear: none; float: left; } .login-widget .dima-author-avatar img { width: 60px; margin-right: 20px; } .top-footer { position: relative; background: #252525; padding: 100px 0; } .top-footer p { color: #707070; margin-bottom: 0; } .top-footer .list-with-line li { border-top-color: #363636; } .top-footer a { color: #fff; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .top-footer a:hover { color: #ff5733; } .top-footer .social-media li { border-color: #363636; } .top-footer .social-media li i { color: #fff; } .top-footer textarea, .top-footer select, .top-footer input[type="text"], .top-footer input[type="email"], .top-footer input[type="date"], .top-footer input[type="password"], .top-footer input[type="number"], .top-footer input[type="url"], .top-footer input[type="tel"] { border: 1px solid #363636; } .top-footer h1, .top-footer h2, .top-footer .title_container.start-style h1, .title_container.start-style .top-footer h1, .top-footer .title_container.center-style h1, .title_container.center-style .top-footer h1, .top-footer h3, .top-footer .boxed-blog article .post-content .single-post-title, .boxed-blog article .post-content .top-footer .single-post-title, .top-footer .boxed-blog .post .post-content .single-post-title, .boxed-blog .post .post-content .top-footer .single-post-title, .top-footer h4, .top-footer h5, .top-footer h6 { color: #fff; } .top-footer .dima-widget .widget { margin-bottom: 40px; } .top-footer .dima-widget .widget:last-child { margin-bottom: 0; } .top-footer .widget.widget_calendar #wp-calendar caption { color: #fff; } .top-footer .widget .widget.widget_calendar table th { color: #fff; } .top-footer .widget.widget_recent_entries ul li, .top-footer .widget.widget_recent_entries ol li, .top-footer .widget.widget_categories ul li, .top-footer .widget.widget_categories ol li, .top-footer .widget.widget_meta ul li, .top-footer .widget.twitter-widget ul li, .top-footer .widget.widget_meta ol li, .top-footer .widget.widget_rss ul li, .top-footer .widget.widget_layered_nav ul li, .top-footer .widget.widget_layered_nav ol li, .top-footer .widget.widget_nav_menu ul li, .top-footer .widget.widget_nav_menu ol li, .top-footer .widget.widget_archive ul li, .top-footer .widget.widget_archive ol li, .top-footer .widget.widget_pages ul li, .top-footer .widget.widget_pages ol li, .top-footer .widget.widget_product_categories ul li, .top-footer .widget.widget_product_categories ol li, .top-footer .widget.widget_recent_comments ul li, .top-footer .widget.widget_recent_comments ol li { border-top: 1px solid #363636; } .top-footer .widget ul li a, .top-footer .widget ol li a { color: #fff; } .top-footer .widget ul li a:hover, .top-footer .widget ol li a:hover { color: #fff; } .top-footer .widget .widget-title { padding-bottom: 30px; margin-bottom: 0; color: #fff; } .top-footer .widget .tagcloud a { background: transparent; border: 1px solid #363636; } .second-footer-widget-area { margin-top: 20px; } footer { position: relative; } footer a { color: #fff; padding: 5px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } footer a:hover { color: #fff; } footer.dima-footer { background-color: #1c1c1a; color: #a1a1a1; padding: 20px 0; } footer.dima-footer.e-footre .copyright { margin-top: 7px; } footer.dima-footer.text-center .dima-menu { margin-top: 10px; text-align: center; } footer.dima-footer.text-center .copyright { float: none; } footer.dima-footer .copyright p { margin-bottom: 0; } @media only screen and (max-width: 768px) { footer .copyright { float: none; text-align: center; } } .mobile-nav { display: none; } .dima-nav, .dima-nav-end { list-style: none; } .dima-nav-fixed { top: 0; left: 0; right: 0; position: fixed!important; z-index: 1030; } .dima-navbar-fixed-top-active .clear-nav { position: relative; padding-top: 144px; } .clear-nav { position: relative; padding-top: 110px; } .dima-navbar { position: relative; overflow: visible; background-color: #fff; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); height: inherit; z-index: 1030; -webkit-box-shadow: 0 1px 2px 0 rgba(161,161,161,.25); box-shadow: 0 1px 2px 0 rgba(161,161,161,.25); } .dima-navbar.fix_nav { -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .dima-navbar-wrap.desk-nav.dima-floating-header { position: absolute; left: 0; right: 0; } .dima-navbar-wrap.desk-nav.dima-floating-header .dima-floating-menu { top: 40px; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; } .dima-navbar-wrap.desk-nav .search-box .close-search-box { right: 30px; } .dima-navbar-wrap { font-weight: 400; } .dima-nav { list-style: none; } .dima-nav>li { float: left; position: relative; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .dima-nav>li.current-menu-item>a { color: #ff5733; } .dima-nav>li>a { color: #707070; font-style: normal; font-size: 14px; line-height: 16px; padding: 0 15px 0 15px; letter-spacing: 0; } .dima-nav>li>a:hover { text-decoration: none; background-color: transparent; color: #ff5733; } .dima-nav>li>a i { padding-right: 10px; width: 20px; } .dima-nav>li>a svg { padding-right: 10px; width: 1.7142857143rem; } .dima-nav .sub-menu h6 { color: #707070; } .dima-nav .sub-menu li.current-menu-item>a { text-decoration: none; color: #ff5733; } .dima-nav .sub-menu a { position: relative; display: block; clear: both; padding: 5px 30px; line-height: 1.7; font-size: 14px; white-space: nowrap; color: #707070; -webkit-transition: none; transition: none; } .dima-nav .sub-menu a:hover { text-decoration: none; color: #ff5733; } .dima-nav .sub-menu a i { padding-right: 10px; width: 20px; } .dima-nav .sub-menu a svg { padding-right: 10px; width: 1.7142857143rem; } body.full-width .dima-floating-menu.fix_nav .dima-topbar, body.full-width .dima-floating-menu.fix_nav .dima-navbar-global { padding: 0; } body.full-width .dima-floating-menu .dima-topbar, body.full-width .dima-floating-menu .dima-navbar-global { padding: 0 30px; } body.full-width .dima-floating-menu .search-box input { padding: 0 30px; } .dima-navbar-wrap.desk-nav { position: relative; } .dima-navbar-wrap.desk-nav .dima-navbar-global { display: table; } .dima-navbar-wrap.desk-nav .dima-navbar .logo { display: table-cell; vertical-align: middle; position: relative; left: 0; z-index: 1; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .dima-navbar-wrap.desk-nav .dima-navbar .logo p { margin-bottom: 0; height: 100%; font-size: 0; line-height: 0; } .dima-navbar-wrap.desk-nav .dima-navbar .logo p img { display: inline-block; vertical-align: middle; max-width: 225px; width: auto; max-height: 150px; height: auto \9; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end { position: static; display: block; float: right; margin: 0; z-index: 1030; line-height: 0; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .start-border, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .start-border { padding-left: 45px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .sub-menu { position: absolute; visibility: hidden; opacity: 0; right: 0; float: left; min-width: 260px; padding: 20px 0; margin: 0; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25),inset 0 2px 0 #ff5733; box-shadow: 0 3px 5px rgba(0,0,0,.25),inset 0 2px 0 #ff5733; z-index: 99999; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .sub-menu li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .sub-menu li { position: relative; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-hover>.sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-hover>.sub-menu { visibility: visible; opacity: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-hover.dima-mega-menu.current-menu-parent.current_page_parent>a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-hover.dima-mega-menu.current-menu-parent.current_page_parent>a { color: #ff5733; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-hover.dima-mega-menu>.sub-menu li>.sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-hover.dima-mega-menu>.sub-menu li>ul, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-hover.dima-mega-menu>.sub-menu li>.sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-hover.dima-mega-menu>.sub-menu li>ul { visibility: visible; opacity: 1; background: transparent; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu { position: static; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu .dima-menu-title, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu .dima-menu-title { font-weight: 700; margin-bottom: 5px; padding: 5px 30px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu .dima-menu-title i, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu .dima-menu-title i { padding-right: 10px; width: 20px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu>.sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu>.sub-menu { right: 0; left: 0; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu>.sub-menu>li>a:after, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu>.sub-menu>li>a:after { content: ""!important; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu>.sub-menu li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu>.sub-menu li { float: left; width: 100%; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu>.sub-menu li>.sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu>.sub-menu li>ul, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu>.sub-menu li>.sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu>.sub-menu li>ul { position: static; width: 100%; min-width: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-2>.sub-menu>li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-2>.sub-menu>li { width: 50%; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-2>.sub-menu>li:nth-child(n+3), .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-2>.sub-menu>li:nth-child(n+3) { margin-top: 25px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-3>.sub-menu>li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-3>.sub-menu>li { width: 33.33%; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-3>.sub-menu>li:nth-child(n+4), .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-3>.sub-menu>li:nth-child(n+4) { margin-top: 25px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-4>.sub-menu>li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-4>.sub-menu>li { width: 25%; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-4>.sub-menu>li:nth-child(n+5), .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-4>.sub-menu>li:nth-child(n+5) { margin-top: 25px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-5>.sub-menu>li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-5>.sub-menu>li { width: 20%; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-5>.sub-menu>li:nth-child(n+6), .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-5>.sub-menu>li:nth-child(n+6) { margin-top: 25px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-6>.sub-menu>li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-6>.sub-menu>li { width: 16.666666%; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu.col-6>.sub-menu>li:nth-child(n+7), .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu.col-6>.sub-menu>li:nth-child(n+7) { margin-top: 25px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li { position: relative; float: left; height: 110px; line-height: 110px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li.dima-hover>a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li.dima-hover>a { color: #ff5733!important; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li.active a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li.active a { color: #ff5733; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li>a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li>a { color: #707070; font-style: normal; vertical-align: middle; font-size: 14px; line-height: 16px; padding: 0 15px 0 15px; letter-spacing: 0; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li>a:hover, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li>a:hover { text-decoration: none; background-color: transparent; color: #ff5733; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li.sfHover>a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li.current>a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li.sfHover>a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li.current>a { color: #ff5733; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li>.sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li .menu-full-width, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li>.sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li .menu-full-width { left: -15px; right: auto; top: 110px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li>.sub-menu a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li>.sub-menu li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li .menu-full-width a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li .menu-full-width li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li>.sub-menu a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li>.sub-menu li, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li .menu-full-width a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li .menu-full-width li { text-align: left; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li>.sub-menu .sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li .menu-full-width .sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li>.sub-menu .sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li .menu-full-width .sub-menu { left: auto; right: 100%; top: -20px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25),inset -2px 0 0 #ff5733; box-shadow: 0 3px 5px rgba(0,0,0,.25),inset -2px 0 0 #ff5733; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li:after, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li:after { content: "\20"; display: block; height: 0; clear: both; visibility: hidden; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li:last-child>a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li:last-child>a { padding-right: 0; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav>li.sub-icon>a:after, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li.sub-icon>a:after { display: none; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .sub-icon>a:after, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .sub-icon>a:after { content: ""; position: absolute; right: 40px; margin-left: .35em; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; font-style: normal; letter-spacing: 0; speak: none; -webkit-font-smoothing: antialiased; display: inline-block; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .menu-full-width, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .menu-full-width { position: static; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .menu-full-width .sub-menu, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .menu-full-width .sub-menu { width: 100%; left: 0; padding: 15px 30px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .menu-full-width .sub-menu a, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .menu-full-width .sub-menu a { padding: 5px 0; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .menu-full-width .sub-menu a i, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .menu-full-width .sub-menu a i { padding-right: 25px; width: 20px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .menu-full-width .menu-section, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .menu-full-width .menu-section { padding: 15px 0; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .menu-full-width .menu-section h6, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .menu-full-width .menu-section h6 { color: #707070; font-weight: 700; text-align: left; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end>li>.sub-menu li { line-height: normal; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .shopping-btn a svg, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .shopping-btn a i, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .search-btn a svg, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .search-btn a i { font-size: 20px; line-height: 14px; -webkit-font-smoothing: antialiased; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .shopping-btn a .shop-icon, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .search-btn a .shop-icon { position: relative; font-size: 20px; line-height: 14px; -webkit-font-smoothing: antialiased; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .shopping-btn a .shop-icon span, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .search-btn a .shop-icon span { font-family: "Lato",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 17px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .shopping-btn a:hover, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .search-btn a:hover { text-decoration: none; -webkit-box-shadow: none!important; box-shadow: none!important; border-bottom: none!important; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .search-btn { margin-left: 15px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end.add-border .start-border { padding-left: 45px; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end.add-border .start-border:before { content: ""; border-left: 1px solid #e1e1e1; position: absolute; height: 78px; overflow: auto; top: 16px; display: block; left: 0; margin-left: 15px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end.add-border .start-border .badge-number { left: 15px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .dima-navbar-wrap.desk-nav .dima-navbar nav .badge-number { position: absolute; width: 18px; height: 18px; font-size: 13px; line-height: 16px; border-radius: 50%; color: #fff; display: block; text-align: center; background: #ff5733; top: -15px; left: 33px; } .admin-bar .dima-navbar-wrap.desk-nav .fixed-pinned.fixed-not-top, .admin-bar .dima-navbar-wrap.desk-nav.fixed .fix_nav { top: 32px!important; } .dima-navbar-wrap.desk-nav .dima-navbar-transparent.fix_nav { -webkit-box-shadow: 0 1px 2px 0 rgba(161,161,161,.25); box-shadow: 0 1px 2px 0 rgba(161,161,161,.25); } .dima-navbar-wrap.desk-nav .dima-navbar:not(.dima-navbar-vertical) { width: 100%; } @media only screen and (min-width: 990px) { .boxed .dima-navbar-wrap.desk-nav .fixed-headroom { position: relative; } .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav { display: block!important; } .dima-navbar-wrap.desk-nav .dima-btn-nav { display: none; } .dima-navbar-wrap.desk-nav.fixed { max-height: 100px; } .dima-navbar-wrap.desk-nav.fixed .fix_nav { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; } .dima-navbar-wrap.desk-nav.fixed.dima-topbar-active { max-height: 134px!important; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav>li>.sub-menu.nav-menu, .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li>.sub-menu.nav-menu { top: 100px; padding: 20px 0; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav>li>.sub-menu.nav-menu li a, .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li>.sub-menu.nav-menu li a { padding: 5px 30px; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav>li>.sub-menu.nav-menu .sub-menu, .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li>.sub-menu.nav-menu .sub-menu { top: -20px; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav>li>.sub-menu, .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li>.sub-menu { top: 100px; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav>li.menu-full-width .sub-menu, .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li.menu-full-width .sub-menu { padding: 15px 30px; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav>li.menu-full-width .sub-menu li a, .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li.menu-full-width .sub-menu li a { padding: 5px 0; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav>li>a { height: 100px; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li>a { height: 100px; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li>a.start-border { padding-left: 45px; padding-right: 0; } .dima-navbar-wrap.desk-nav.fixed nav .dima-nav-end>li>a.start-border:before { height: 68px!important; } .dima-navbar-wrap.desk-nav.fixed .donate { padding: 30px 0 0 30px; } .dima-navbar-wrap.desk-nav .fixed-headroom { position: fixed; will-change: transform; -webkit-transition: -webkit-transform 320ms linear; transition: -webkit-transform 320ms linear; transition: transform 320ms linear; transition: transform 320ms linear,-webkit-transform 320ms linear; } .dima-navbar-wrap.desk-nav .fixed-pinned { -webkit-transform: translateY(0%); transform: translateY(0%); } .dima-navbar-wrap.desk-nav .fixed-pinned.fixed-not-top { position: fixed; top: 0; } .dima-navbar-wrap.desk-nav .fixed-unpinned { -webkit-transform: translateY(-100%); transform: translateY(-100%); top: 0; } } .mobile-nav .col-2>.sub-menu>li, .mobile-nav .col-3>.sub-menu>li, .mobile-nav .col-4>.sub-menu>li, .mobile-nav .col-5>.sub-menu>li { width: 100%!important; } .mobile-nav.dima-navbar-wrap { height: auto; } .mobile-nav.dima-navbar-wrap .dima-navbar { height: auto; } .mobile-nav.dima-navbar-wrap .dima-navbar .dima-nav .cart_wrapper, .mobile-nav.dima-navbar-wrap .dima-navbar .dima-nav .dima-nav-end { display: none!important; } .mobile-nav.dima-navbar-wrap .dima-navbar .logo { position: absolute!important; left: 50%; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mobile-nav.dima-navbar-wrap .dima-navbar .logo .dima-brand { display: block; height: 100%; } .mobile-nav.dima-navbar-wrap .dima-navbar .logo .dima-brand img { position: relative; top: 50%; display: block; width: auto; max-height: 80px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mobile-nav.dima-navbar-wrap .dima-navbar .logo p { height: 90px; margin: 0; } .mobile-nav.dima-navbar-wrap .dima-navbar .logo img { max-width: 110px!important; } .mobile-nav.dima-navbar-wrap .dima-navbar .dima-sub-toggle { position: absolute; top: 0; right: 0; bottom: 0; text-align: center; width: 35px; height: 35px; cursor: pointer; } .mobile-nav.dima-navbar-wrap .dima-navbar .dima-sub-toggle .sub-icon { display: block; position: absolute; top: 50%; width: 100%; margin-top: -9px; font-size: 18px; letter-spacing: 0; line-height: 1; } .mobile-nav.dima-navbar-wrap .dima-navbar .dima-sub-toggle .sub-icon:before { content: ""; position: absolute; margin-left: .35em; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; font-style: normal; letter-spacing: 0; speak: none; -webkit-font-smoothing: antialiased; display: inline-block; color: #707070; } .mobile-nav.dima-navbar-wrap .dima-navbar nav { padding-top: 90px; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .shopping-btn a svg, .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .shopping-btn a i, .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .search-btn a svg, .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .search-btn a i { font-size: 20px; line-height: 14px; -webkit-font-smoothing: antialiased; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .shopping-btn a:hover, .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .search-btn a:hover { text-decoration: none; background-color: transparent; -webkit-box-shadow: none!important; box-shadow: none!important; border-bottom: none!important; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .search-btn { margin-left: 15px; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .start-border { padding-left: 45px; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .start-border:before { content: ""; border-left: 1px solid #e1e1e1; position: absolute; height: 58px; overflow: auto; top: 16px; display: block; left: 0; margin-left: 15px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .start-border .badge-number { left: 60px; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .badge-number { position: absolute; width: 18px; height: 18px; font-size: 13px; line-height: 18px; border-radius: 50%; color: #fff; display: block; text-align: center; background: #ff5733; top: 33px; left: 33px; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end>li { position: relative; float: left; line-height: 90px; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end>li>a { color: #707070; font-weight: 400; font-style: normal; font-size: 14px; line-height: 16px; padding: 0 15px 0 15px; letter-spacing: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end>li>a:hover { text-decoration: none; background-color: transparent; color: #ff5733; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end>li.cart_wrapper a:before { height: 50%!important; top: 25%!important; margin-left: 0!important; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end>li.cart_wrapper .start-border { padding-left: 15px; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav { overflow: hidden; display: none; float: none; padding-bottom: 20px; margin: 0; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav>li { position: relative; display: block!important; margin-bottom: 0!important; overflow: hidden; float: none; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav>li>a { position: relative; color: #707070; font-weight: 400; font-style: normal; height: auto; margin: 2px 0; padding: 10px 0; float: left; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; text-align: left; width: 100%; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav>li>a:hover { border-bottom: none; -webkit-box-shadow: none; box-shadow: none; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav>li.sub-icon>a:after { display: none; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav>li>.sub-menu { left: auto; right: 0; list-style: none; top: 134px; clear: both; visibility: visible; -webkit-box-shadow: none; box-shadow: none; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav>li>.sub-menu .sub-icon a:after { float: none; right: 0; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav>li>.sub-menu .sub-menu { left: auto; right: 100%; top: -20px; -webkit-box-shadow: none!important; box-shadow: none!important; visibility: visible; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav .sub-menu { position: static; top: auto; left: auto; float: none; max-width: none; margin-left: 1.5em; padding: 0; background-color: transparent; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav .sub-menu li { position: relative; margin: 0; padding: 0; list-style: none; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav .sub-menu li a { padding: 5px 0; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .badge-number { top: 1px; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .donate { display: none; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end { position: absolute; z-index: 1030; top: 0; right: 0; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .total { display: none; } .mobile-nav.dima-navbar-wrap .dima-navbar nav .dima-nav-end .badge-number { top: 20px; left: 25px!important; } .mobile-nav.dima-navbar-wrap .dima-btn-nav { background-color: #fff; margin-top: 20px; display: none; float: left; padding: .458em .625em; font-size: 24px; line-height: 1; color: #919191; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; border: 1px solid #e1e1e1; } .mobile-nav.dima-navbar-wrap .dima-btn-nav:hover { color: #919191; background-color: #fff; } .mobile-nav.dima-navbar-wrap.fixed { top: 0; left: 0; right: 0; position: relative!important; z-index: 1030; overflow: visible; } .dima-topbar { position: relative; min-height: 34px; color: #a1a1a1; background-color: #fafafa; z-index: 1031; } .dima-topbar .social-icons { padding: 8px 0; font-size: 14px; line-height: 14px; } .dima-topbar .social-icons li { margin: 2px; position: relative; text-shadow: none; display: inline; } .dima-topbar .social-icons li:last-child svg, .dima-topbar .social-icons li:last-child i { padding-right: 0; } .dima-topbar .dima-social-global { float: right; } .dima-topbar .dima-social-global a { width: 28px; height: 32px; font-size: 18px; line-height: 32px; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; text-align: center; padding: 2px; } .dima-topbar .dima-social-global a:last-child { margin-right: 2px; } .dima-topbar .dima-menu { padding: 8px 0; margin: 0; font-size: 14px; line-height: 14px; } .dima-topbar .dima-menu.dima-myaccount { padding-right: 15px; } .dima-topbar .dima-menu.dima-myaccount li { padding-right: 15px; } .dima-topbar li a, .dima-topbar .card a { color: #a1a1a1; } .dima-topbar li a:hover, .dima-topbar .card a:hover { text-decoration: underline; } .dima-topbar svg, .dima-topbar i { padding-right: 10px; font-size: 18px; line-height: 18px; color: #707070; } .dima-topbar svg { width: 25px!important; } .dima-topbar .card a { position: absolute; right: 0; top: 10px; } .dima-topbar.dima-theme { background: #ff5733; border-color: #fff; } .dima-topbar.dima-theme svg, .dima-topbar.dima-theme i, .dima-topbar.dima-theme a { color: #fff; } .search-box { position: absolute; width: 100%; display: none; background: #ff5733; opacity: 1; -webkit-box-shadow: inset 0 -1px 0 #e62900; box-shadow: inset 0 -1px 0 #e62900; } .search-box input { color: #fff; background-color: #ff5733; font-size: 18px; font-weight: 300; width: 100%; height: 69px; border: none; padding: 8px 0; -webkit-box-shadow: inset 0 -1px 0 #e62900; box-shadow: inset 0 -1px 0 #e62900; -webkit-transition: none; transition: none; } .search-box .close-search-box { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search-box .close-search-box a { font-size: 18px; text-decoration: none; color: #fff; } .search-box ::-moz-placeholder { color: #fff; } .search-box ::-webkit-input-placeholder { color: #fff; } .dima-menu { text-align: right; } .dima-menu li { display: inline-block; padding-top: 0; padding-bottom: 0; padding: 0 15px; } .dima-menu li:last-child { border-right: none; padding-right: 0; } .dima-menu li a { padding: 0; } .dima-menu li:first-child { padding-left: 0; } .dima-menu li:last-child { padding-right: 0; } .boxed .fixed .dima-navbar { max-width: 970px; width: 90%; } .collapse { display: none; } .collapse.in { display: block; } .collapsed { background-color: #fff; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .3s ease; transition: height .3s ease; } .dima-custom-item-image { display: none; } .admin-bar .dima-navbar-wrap.desk-nav.fixed .fix_nav { top: 32px!important; } @media only screen and (max-width: 989px) { .dima-btn-nav { display: block!important; } .dima-topbar .dima-menu li { width: 100%; padding: 5px 0; } .dima-nav-end .product_list_widget, .desk-nav { display: none; } .mobile-nav { display: block; } .mobile-nav .dima-floating-menu.dima-navbar { width: 100%; } .mobile-nav .dima-floating-menu.dima-navbar .container { width: 90%!important; } .boxed .mobile-nav .dima-floating-menu.dima-navbar { padding: 0 1.931em; } .vertical-menu.boxed .all_content { margin: 0!important; } .search-box input { font-size: 20px!important; font-weight: 300!important; padding: 21px 2px!important; } .vertical-menu .dima-main, .vertical-menu .top-footer, .vertical-menu .dima-footer { margin-left: 0!important; margin-right: 0!important; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .boxed .fixed .dima-navbar { width: 722px; } } @media only screen and (min-width: 1140px) { .boxed .fixed .dima-navbar { max-width: 1140px; } } @media only screen and (min-width: 1600px) { .boxed .fixed .dima-navbar { max-width: 1200px; } } .dima-navbar-wrap.mobile-nav .dima-brand img.dima-logo-2x { display: none; } .dima-navbar-wrap.desk-nav .dima-navbar.fix_nav .no-fixed-logo { display: none; } .dima-navbar-wrap.desk-nav .dima-navbar.fix_nav .fixed-logo { display: block; } .dima-navbar-wrap.desk-nav .dima-navbar .dima-brand .dima-logo-2x { display: none; } .dima-navbar-wrap.desk-nav .dima-navbar .fixed-logo { display: none; } .dima-navbar-wrap.mobile-nav .dima-navbar .logo .dima-brand img.dima-logo-2x { display: none; } .dima-navbar-wrap.mobile-nav .dima-navbar .logo .dima-brand img.dima-logo-1x { display: block; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .dima-navbar-wrap.mobile-nav .dima-navbar .logo .dima-brand img.dima-logo-2x { display: block; } .dima-navbar-wrap.mobile-nav .dima-navbar .logo .dima-brand img.dima-logo-1x { display: none; } .dima-navbar-wrap.desk-nav .dima-navbar.fix_nav .no-fixed-logo { display: none; } .dima-navbar-wrap.desk-nav .dima-navbar.fix_nav .fixed-logo { display: block; } .dima-navbar-wrap.desk-nav .dima-navbar .dima-brand img.dima-logo-2x { display: block; } .dima-navbar-wrap.desk-nav .dima-navbar .dima-brand img.dima-logo-1x { display: none; } .dima-navbar-wrap.desk-nav .dima-navbar .fixed-logo { display: none; } } .fixed-headroom.fixed-not-bottom.fixed-pinned.fixed-top { -webkit-transition: background 320ms ease-out; transition: background 320ms ease-out; } .header-offset { margin-top: -110px; overflow: hidden; } .dima-navbar-wrap.desk-nav.dima-navbar-top { height: auto!important; max-height: 500px; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar { -webkit-box-shadow: none; box-shadow: none; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar nav { position: relative; background: #fff; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar .logo { position: relative; display: block; margin: 100px auto; height: auto; z-index: 1; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar .logo p { text-align: center; height: auto; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar .dima-nav { float: none; text-align: center; background: #fafafa; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar .dima-nav>li { display: inline-block; float: none; margin-bottom: -2px; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar .dima-nav>li a:hover { color: #ff5733; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar .dima-nav .sub-menu { background: #fff; } .dima-navbar-wrap.desk-nav.dima-navbar-top .dima-navbar .dima-btn-nav { margin: 10px 0; width: 53px; float: none; } .dima-navbar-wrap.desk-nav.dima-navbar-top.fixed .fix_nav .logo { display: none; } .dima-navbar-wrap.desk-nav.dima-navbar-top.fixed .fix_nav .dima-nav li.dima-mega-menu>.sub-menu, .dima-navbar-wrap.desk-nav.dima-navbar-top.fixed .fix_nav .dima-nav-end li.dima-mega-menu>.sub-menu { top: 100; } .dima-navbar-wrap.desk-nav.dima-navbar-center .dima-navbar nav .dima-nav>li>a, .dima-navbar-wrap.desk-nav.dima-navbar-center .dima-navbar nav .dima-nav-end>li>a { padding-left: 25px; padding-right: 25px; } .dima-navbar-wrap.desk-nav.dima-navbar-center .dima-navbar nav { display: table; margin: 0 auto; text-align: center; } .dima-navbar-wrap.desk-nav.dima-navbar-center .dima-navbar .logo-cenetr .logo { position: relative; z-index: 1; margin: 0 auto; padding: 0 15px; height: 110px; } .dima-navbar-wrap.desk-nav.dima-navbar-center .dima-navbar .logo-cenetr .logo p { text-align: center; position: relative; display: table-cell; } .dima-navbar-wrap.desk-nav.dima-navbar-center.fixed .logo-cenetr .logo { height: 100px; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical { width: 300px; position: fixed; left: 0; right: 0; height: 100%; overflow: visible!important; background: #fff; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .vertical-content { padding: 0 30px 30px 30px; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .vertical-content .dima-nav-end { width: 100%; text-align: center; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .vertical-content .dima-nav-end li { display: block; float: none; height: auto; line-height: normal; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .vertical-content .dima-nav-end li a { width: 100%; height: auto; padding: 20px 0; display: inline-block; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .vertical-content .dima-nav-end .start-border:before { border: none; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .vertical-content .dima-nav-end .search-btn { margin: 0; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .logo { position: relative; display: block; margin: 0 auto; height: auto; z-index: 1; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .logo p { text-align: center; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical nav>ul>li { display: inline-block; width: 100%; height: auto; line-height: normal; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical nav>ul>li>a { display: block; height: auto; padding: 15px 0!important; text-align: center; width: 100%; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav { text-align: center; padding: 40px 0; width: 100%; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .sub-menu { left: 270px; right: auto; background: #fff; top: -20px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25),inset 2px 0 0 #ff5733; box-shadow: 0 3px 5px rgba(0,0,0,.25),inset 2px 0 0 #ff5733; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .sub-menu .sub-menu { left: 100%; right: auto; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25),inset 2px 0 0 #ff5733; box-shadow: 0 3px 5px rgba(0,0,0,.25),inset 2px 0 0 #ff5733; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .dima-mega-menu { position: relative; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .dima-mega-menu .sub-menu { min-width: 750px; max-width: 750px; left: 270px; top: -20px; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .header-vertical { position: relative; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .header-vertical>ul li, .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .header-vertical>ul a { color: #707070; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .header-vertical>ul li i, .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .header-vertical>ul a i { color: #707070; font-size: 18px; line-height: 18px; margin-right: 10px; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .header-vertical .social-media { border-top: 1px solid #f2f2f2; padding-top: 20px; margin-top: 20px; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .logo { border-bottom: 1px solid #f2f2f2; padding: 55px 0; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .logo img { padding: 0; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .sub-icon>a:after { content: ''!important; } .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .product_list_widget { display: none; } .vertical-menu.boxed .dima-main, .vertical-menu.boxed .top-footer, .vertical-menu.boxed .dima-footer { margin-left: 0; } .vertical-menu.boxed .all_content { margin-left: 300px; } .vertical-menu.boxed.vertical-menu-end .dima-main, .vertical-menu.boxed.vertical-menu-end .top-footer, .vertical-menu.boxed.vertical-menu-end .dima-footer { margin-right: 0; } .vertical-menu.boxed.vertical-menu-end .all_content { margin-right: 300px; margin-left: 0; } .vertical-menu .dima-navbar-wrap.desk-nav { height: auto; } .vertical-menu .dima-main, .vertical-menu .top-footer, .vertical-menu .dima-footer { margin-left: 300px; margin-right: 0; } .vertical-menu.vertical-menu-end .dima-main, .vertical-menu.vertical-menu-end .top-footer, .vertical-menu.vertical-menu-end .dima-footer { margin-right: 300px; margin-left: 0; } .vertical-menu.vertical-menu-end .dima-navbar-vertical { left: auto!important; } .vertical-menu.vertical-menu-end .scroll-to-top { left: 10px!important; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .sub-menu { right: 270px; left: auto; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25),inset -2px 0 0 #ff5733; box-shadow: 0 3px 5px rgba(0,0,0,.25),inset -2px 0 0 #ff5733; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .sub-menu a { text-align: right; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .sub-menu a i { position: relative; padding-right: 0; padding-left: 10px; float: right; line-height: 26px; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .sub-menu .sub-menu { right: 100%; left: auto; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .dima-mega-menu .sub-menu>li>a:after { content: ""!important; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .dima-mega-menu .sub-menu .sub-menu { -webkit-box-shadow: none; box-shadow: none; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .dima-nav .dima-mega-menu .menu-section { float: right; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .sub-icon>a:after { content: ''!important; right: auto; left: 40px; } .vertical-menu.vertical-menu-end .dima-navbar-wrap.desk-nav .dima-navbar.dima-navbar-vertical .product_list_widget { display: none; } .vertical-menu ul.with-border li { border-color: #f2f2f2; } .vertical-menu .search-box { bottom: 32px; } .dima-isotope-container.isotope-with-margin { margin: 0 -15px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dima-isotope-container.isotope-with-margin .isotope-item { border-top: 0 solid transparent; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 30px solid transparent; background-clip: padding-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .isotope-item { overflow: hidden; border-left: 0 solid #fff; border-bottom: 0 solid #fff; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0; padding: 0!important; } .isotope-item[class^="ok-"] { margin-bottom: 0; } .isotope-item .work-item { width: 100%; z-index: 45; position: relative; } .isotope-item .work-item img { -webkit-box-shadow: inset 0 -10px 0 #fff; box-shadow: inset 0 -10px 0 #fff; width: 100%; } .isotope-item .work-item.title-style .work-info .cat-sep { position: relative; width: 60px; border-top: 1px solid #fff; display: block; margin: 5px auto; -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,transform .35s; transition: opacity .35s,transform .35s,-webkit-transform .35s; } .isotope-item .work-item.title-style .porftfolio-cat { margin: 0; padding: 0 20px; color: #fff; } .isotope-item .work-item.title-style .porftfolio-cat li { display: inline-block; } .isotope-item .work-item.title-style .porftfolio-cat li a { color: #fff; } .isotope-item .work-item.title-style .porftfolio-cat li a:hover { color: #fff; } .isotope-item .work-item.title-style .porftfolio-cat li:last-child .sep { display: none; } .isotope-item .work-info { position: absolute; opacity: 0; width: 100%; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; top: 50%; margin-top: 0; z-index: 10; } .isotope-item .work-info .work-title { width: 100%; display: inline-block; } .isotope-item .work-info .work-title a, .isotope-item .work-info .work-title p { font-size: 18px; font-weight: 700; color: #fff; margin: 0 auto; width: 95%; } .isotope-item .work-info .work-title span { font-size: 14px; font-weight: 300; color: #fff; } .isotope-item .post-img:hover .link_overlay { background: #ff5733; opacity: 1; } .post-img:hover .link_overlay { background: #ff5733; opacity: 1; } .column_4 { display: block; } .column_4 .work-info { padding: 10px; } .column_4 .work-info .work-title p { font-size: 16px; line-height: 18px; } .column_4 .work-info .work-title span { display: none; } .column_4 .work-info .work-love { width: 20%; } .column_4 .work-info .work-love .heart { color: #ff5733; font: .5625 "FontAwesome","Font Awesome 5 Free"; } .column_4 .work-info .work-love span { color: #ff5733; } .related-portfolio { background: #fafafa; } .related-portfolio .related-portfolio-title { text-align: center; margin-bottom: 70px; } .animation-active [data-animate] { opacity: 0; } .animation-active [data-animate] .animate__animated, .animation-active [data-animate].animate__animated { opacity: 1; } .animation-item-done.animation-active [data-dima-animate-item] { opacity: 1; } .filters { display: block; text-align: center; overflow: hidden; margin-bottom: 50px; } .filters ul { padding: 0; margin: 0; } .filters ul li { cursor: pointer; } .filters ul li a { color: #707070; font-weight: 400; height: auto; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-box-shadow: none; box-shadow: none; } .filters ul li a:hover { color: #ff5733; text-decoration: none; } .filters-box.filters ul { border: none; margin: 0; } .filters-box.filters ul li { display: inline-block; padding: 0 4px 4px 4px; } .filters-box.filters ul li a { border: 1px solid #e1e1e1; padding: .75em 1em; font-size: 14px; line-height: 14px; display: inline-block; background: #fafafa; width: 100%; } .filters-box.filters ul li a:hover { border: 1px solid #ff5733; color: #fff; background: #ff5733; } .filters-box.filters ul .current a { border: 1px solid #ff5733; color: #fff; background: #ff5733; } @media only screen and (max-width: 768px) { .filters-box.filters ul { border: none; margin: 0 auto; width: 95%; } .filters-box.filters ul li { display: inline-block; float: left; width: 32%; } } @media only screen and (max-width: 480px) { .filters-box.filters { margin: 0 -10px 40px -10px; } .filters-box.filters ul li { display: inline-block; float: left; width: 49%; } } .dima-isotope-container { margin: 0 -12px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dima-isotope-container.isotope-no-margin { margin: 0; } .dima-isotope-container.isotope-no-margin .hentry { margin: 0; border-top: 0 solid transparent; border-left: 0 solid transparent; border-right: 0 solid transparent; border-bottom: 0 solid transparent; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ok-clm-warp { margin: 0 -12px; } .products-grids div.hentry, .products-grids article.hentry, .dima-isotope-container div.hentry, .dima-isotope-container article.hentry { margin: 0; border-top: 0 solid transparent; border-right: 1em solid transparent; border-left: 1em solid transparent; border-bottom: 2em solid transparent; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .columns-2 .hentry { width: 50%; } .columns-3 .hentry { width: 33.3333333%; } .columns-4 .hentry { width: 25%; } @media only screen and (min-width: 768px) and (max-width: 989px) { .columns-3 .hentry, .columns-4 .hentry { width: 50%; } } @media only screen and (max-width: 768px) { [class*="columns-"] .hentry { width: 100%; } } .tagcloud, .tags { padding-top: 30px; } .tagcloud a, .tags a { font-size: 14px!important; display: inline-block; margin: 0 0 8px 0; margin-right: 3px; margin-left: 0; padding: 8px 10px; text-transform: capitalize; line-height: 100%; color: #a1a1a1; background-color: #fafafa; border: 1px solid #f2f2f2; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .tagcloud a:hover, .tags a:hover { color: #fff; background-color: #ff5733; border: 1px solid #ff5733; } .tagcloud a i, .tags a i { margin-right: 3px; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 500; line-height: 2em; color: #fff; background: #707070; text-align: center; white-space: nowrap; vertical-align: baseline; } .post-content ul, .post-content ol { margin: 0 0 0 25px; } .post-content ul { list-style: initial; } .post-content ul.posts-list { margin: 0; list-style: none; } .single-caption-text { position: absolute; bottom: 0; left: 0; padding: 5px 10px; background: #ff5733; color: #fff; line-height: 1.8; font-size: 85%; } .boxed-blog.blog-list.vertical-posts-list { background: #fff; } .boxed-blog.blog-list.vertical-posts-list .posts-list { overflow: hidden; padding: 25px; border: 1px solid #e1e1e1; border-top: none; } .boxed-blog.blog-list.vertical-posts-list article { margin-bottom: 0; } .boxed-blog.blog-list.grid-posts-list { background: #fff; position: relative; border: 1px solid #e1e1e1; } .boxed-blog.blog-list.grid-posts-list .main-post { border-bottom: 1px solid #e1e1e1; } .boxed-blog.blog-list.grid-posts-list .main-post, .boxed-blog.blog-list.grid-posts-list .posts-list { padding: 25px; } .boxed-blog.blog-list.grid-posts-list .posts-list { padding-bottom: 0; } .boxed-blog.blog-list.grid-posts-list .with-two-clm>li { width: 48%; overflow: hidden; padding-right: 0; float: left; } .boxed-blog.blog-list.grid-posts-list .with-two-clm>li:nth-child(2n+1) { margin-right: 3.4%; } .boxed-blog.blog-list.grid-posts-list article { margin-bottom: 0; } .boxed-blog.blog-list.horizontal-posts-list { background: #fff; position: relative; border: 1px solid #e1e1e1; } .boxed-blog.blog-list.horizontal-posts-list .main-post, .boxed-blog.blog-list.horizontal-posts-list .posts-list { padding: 25px; } .boxed-blog.blog-list.horizontal-posts-list article { margin-bottom: 0; } .boxed-blog.blog-list.horizontal-posts-list article.e-post { border: none; padding: 0!important; } .boxed-blog.blog-list.horizontal-posts-list .split { height: 100%; border-right: 1px solid #e1e1e1; position: absolute; right: 50%; } .boxed-blog.blog-list .posts-list article { width: 100%; float: left; margin-bottom: 0; } .boxed-blog.blog-list .posts-list>li { width: 100%; margin: 0; float: left; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .boxed-blog.blog-list .posts-list>li:last-child { padding-bottom: 0; } .boxed-blog.blog-list .posts-list .post-img { display: block; background: #ff5733; width: 60px; height: 60px; margin: 0; margin-right: 20px; float: left; overflow: hidden; vertical-align: top; } .boxed-blog.blog-list .posts-list .post-img:before { font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; position: absolute!important; z-index: 100; color: #fff; left: 50%; top: 50%; font-size: 24px; line-height: 25px; margin-top: -12px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .boxed-blog.blog-list .posts-list .post-img.post-standard:before { content: ""; } .boxed-blog.blog-list .posts-list .post-img.post-chat:before { content: ""; } .boxed-blog.blog-list .posts-list .post-img.post-audio:before { content: ""; } .boxed-blog.blog-list .posts-list .post-img.post-quote:before { content: ""; } .boxed-blog.blog-list .posts-list .post-img.post-link:before { content: ""; } .boxed-blog.blog-list .posts-list .post-img.post-video:before { content: ""; } .boxed-blog.blog-list .posts-list .post-img.post-gallery:before { content: ""; } .boxed-blog.blog-list .posts-list .posts-list-content { padding-top: 5px; } .boxed-blog.blog-list .post, .boxed-blog.blog-list article { margin-bottom: 30px; } .boxed-blog.blog-list .post.isotope-item, .boxed-blog.blog-list article.isotope-item { margin-bottom: 0; } .boxed-blog article.e-post, .boxed-blog .post.e-post { padding: 20px!important; background: #fff; border: 1px solid #e1e1e1; } .boxed-blog article.e-post .box, .boxed-blog .post.e-post .box { margin-bottom: 0; border: 0; } .boxed-blog article.e-post .post-content, .boxed-blog .post.e-post .post-content { padding: 25px 0 5px 0; } .boxed-blog article .post-img, .boxed-blog .post .post-img { overflow: hidden; position: relative; height: auto; width: auto; } .boxed-blog article .post-img img, .boxed-blog .post .post-img img { display: block; overflow: hidden; width: 100%; } .boxed-blog article .post-content, .boxed-blog .post .post-content { position: relative; padding: 25px; overflow: hidden; } .boxed-blog article .post-content.custom-post, .boxed-blog .post .post-content.custom-post { padding: 0; } .boxed-blog article .post-content.custom-post .single-post-title, .boxed-blog .post .post-content.custom-post .single-post-title { display: none; } .boxed-blog article .post-content.custom-post .social-media, .boxed-blog .post .post-content.custom-post .social-media { padding: 25px; } .boxed-blog article .pad, .boxed-blog .post .pad { padding: 20px; border: 1px solid #e1e1e1; border-bottom: none; background: #707070; } .boxed-blog article.image-in-side, .boxed-blog .post.image-in-side { width: 100%; float: left; } .boxed-blog article.image-in-side .post-img, .boxed-blog .post.image-in-side .post-img { float: left; width: 48%; margin-right: 3.4%; z-index: 99; } .boxed-blog article.image-in-side .post-content, .boxed-blog .post.image-in-side .post-content { border: none; padding: 20px 0 0 0; } .boxed-blog .sda-post { position: relative; } .boxed-blog .sda-post img { margin-bottom: 1px; } .boxed-blog .no-box { padding: 0!important; border: none!important; } .vertical-menu-end .nav-reveal a.prev { left: 0; } .vertical-menu-end .nav-reveal a.next { right: 0; margin-right: 300px; } .vertical-menu-start .nav-reveal a.prev { left: 0; margin-left: 300px; } .vertical-menu-start .nav-reveal a.next { right: 0; } .dima-video .dima-video-wrapper embed, .dima-video .dima-video-wrapper iframe, .dima-video .dima-video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dima-video-wrapper { position: relative; height: 0; overflow: hidden; } .dima-video-wrapper.dima-self-hosted { height: auto; } .dima-link { background-color: #ff5733; border-left: none; font-style: italic; position: relative; text-align: center; display: block; padding: 60px 35px; } .dima-link .entry-title, .dima-link a { position: relative; color: #fff; z-index: 10; } .dima-link .entry-title:hover, .dima-link a:hover { color: #fff; } .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; cursor: pointer; z-index: 10; } .video-overlay .video-overlay-hover { background: rgba(0,0,0,0); width: 100%; height: 100%; position: absolute; z-index: 100; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .video-overlay .video-overlay-hover:hover { background: rgba(0,0,0,.6); } .video-overlay .video-play-button { display: block; position: absolute!important; z-index: 100; color: #fff; left: 50%; top: 50%; font-size: 4rem; line-height: 4rem; height: 4rem; margin-top: -2rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .video-overlay .video-play-button:before { font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; content: ""; } dima-audio.embed iframe { width: 100%; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .dima-video-wrapper embed, .dima-video-wrapper iframe, .dima-video-wrapper video { position: relative; top: 0; left: 0; width: 100%; margin: 0; } .news-in-pic { padding-bottom: 10px!important; } .news-in-pic ul { overflow: hidden; margin: 0; margin-right: -5.8%; list-style: none; } .news-in-pic .post-img { position: relative; } .news-in-pic .post-img img { width: 100%; } .news-in-pic .main-news-pic { width: 50%; clear: none; float: left; padding-right: 2.3%; margin-bottom: 2%; border: none; } .news-in-pic li.news-pic { border: none; width: 13.2%; margin-right: 2.39%; margin-bottom: 2.5%; clear: none; float: left; min-height: 74px; } .news-in-pic li.news-pic img { width: 100%; } .post-content>*:last-child { margin-bottom: 0; } .post-content p { margin-bottom: 20px; } .post-content blockquote p, .post-content ul li p { margin-bottom: 0; } .boxed .post .container { width: 100%; } .box-bg-color { background: #fff; } .product-img:hover .dima-admin-edit, article:hover .dima-admin-edit { display: block; } .dima-admin-edit { position: absolute; display: none; z-index: 9999; background-color: rgba(37,37,37,.4); color: #fff!important; padding: 3px 10px; font-size: 14px; } .dima-admin-edit:hover { background: #252525; } body:not(.single-post) .boxed-blog article .post-content.custom-post, body:not(.single-post) .boxed-blog .post .post-content.custom-post { padding: 25px; } .a2a_svg { border-radius: 0!important; } .post-share { padding-top: 30px; margin-top: 30px; border-top: 1px solid #e1e1e1; } .related-posts { margin-bottom: 30px; padding-bottom: 0; } .related-posts.related-posts-slide { padding-bottom: 25px; } .related-posts.related-posts-slide .related-post { margin-bottom: 0; } .related-posts .related-posts-title { margin-bottom: 30px; } .related-posts .related-entry { -webkit-box-sizing: box-sizing; box-sizing: box-sizing; } .related-posts .related-entry .related-entry-title h6 { font-size: 14px; line-height: 20px; } .related-posts .related-entry:hover .related-entry-title h6 { color: #ff5733; } .related-post { margin-bottom: 30px; } .related-entry-media { margin-bottom: 15px; position: relative; overflow: hidden; } .related-entry-media .related-entry-thumbnail img { width: 100%; height: auto; } .nav-reveal a { position: fixed; margin-top: 60px; display: block; outline: none; text-align: left; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .nav-reveal a.prev { left: 0; } .nav-reveal a.next { right: 0; } .nav-reveal a { overflow: hidden; width: 40px; height: 120px; background-color: rgba(0,0,0,.4); -webkit-transition: width .4s,background-color .4s; transition: width .4s,background-color .4s; -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1); transition-timing-function: cubic-bezier(.7,0,.3,1); } .nav-reveal .icon-wrap { position: absolute; z-index: 100; top: 50px; width: 40px; } .nav-reveal .icon-wrap i, .nav-reveal .icon-wrap svg { display: block; margin: 0 auto; padding: 0; width: 22px; height: 22px; text-align: center; color: #fff; } .nav-reveal i, .nav-reveal i { -webkit-transition: -webkit-transform .3s .3s; transition: -webkit-transform .3s .3s; transition: transform .3s .3s; transition: transform .3s .3s,-webkit-transform .3s .3s; color: #fff; font-size: 22px; line-height: 22px; } .nav-reveal a.prev .icon-wrap { left: 0; } .nav-reveal a.next .icon-wrap { right: 0; } .nav-reveal svg.icon { fill: #af7ac4; } .nav-reveal div { position: absolute; top: 0; padding: 0 50px; width: 400px; height: 100%; } .nav-reveal div .dima-post-format { width: 100px; height: 100px; position: absolute; top: 10px; background: #30302c; } .nav-reveal div .dima-post-format svg { -webkit-transform: scale(.3); transform: scale(.3); color: #fff; } .nav-reveal div .dima-post-format i, .nav-reveal div .dima-post-format svg { font-size: 25px; line-height: 100px; width: 100px; height: 100px; text-align: center; } .nav-reveal a.prev div { left: 0; padding-right: 130px; text-align: right; } .nav-reveal a.prev div .dima-post-format { right: 10px; } .nav-reveal a.next div { right: 0; padding-left: 130px; } .nav-reveal a.next div .dima-post-format { left: 10px; } .nav-reveal a:hover h3, .nav-reveal a:hover .boxed-blog article .post-content .single-post-title, .boxed-blog article .post-content .nav-reveal a:hover .single-post-title, .nav-reveal a:hover .boxed-blog .post .post-content .single-post-title, .boxed-blog .post .post-content .nav-reveal a:hover .single-post-title, .nav-reveal a h3, .nav-reveal a .boxed-blog article .post-content .single-post-title, .boxed-blog article .post-content .nav-reveal a .single-post-title, .nav-reveal a .boxed-blog .post .post-content .single-post-title, .boxed-blog .post .post-content .nav-reveal a .single-post-title { position: relative; margin: 0; padding: 20px 0; color: #fff; font-weight: 300; font-size: 20px; line-height: 1.2; } .nav-reveal div h3 span, .nav-reveal div .boxed-blog article .post-content .single-post-title span, .boxed-blog article .post-content .nav-reveal div .single-post-title span, .nav-reveal div .boxed-blog .post .post-content .single-post-title span, .boxed-blog .post .post-content .nav-reveal div .single-post-title span { display: block; padding-top: 10px; color: #542568; letter-spacing: 1px; font-weight: 700; font-size: 50%; } .nav-reveal img { position: absolute; top: 10px; height: 100px; width: 100px; } .nav-reveal a.prev img { right: 10px; } .nav-reveal a.next img { left: 10px; } .nav-reveal a:hover { width: 400px; background-color: #1c1c1a; } @media only screen and (max-width: 989px) { .nav-reveal a { display: none; } } .dima-big-grid-wrapper.hover-two .big-grid-meta { -webkit-transition: all .3s ease; transition: all .3s ease; } .dima-big-grid-wrapper.hover-two article .post-img:after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 65%; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),to(rgba(0,0,0,.7))); background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0); } .dima-big-grid-wrapper.hover-two article:hover .big-grid-meta { padding-left: 35px; } .dima-big-grid-wrapper article .post-img { width: 100%; position: relative; line-height: 0; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; } .dima-big-grid-wrapper .posts-list article, .dima-big-grid-wrapper .main-post article { padding-bottom: 2px; padding-right: 2px; float: left; position: relative; } .dima-big-grid-wrapper .posts-list article .big-cover, .dima-big-grid-wrapper .main-post article .big-cover { position: absolute; width: 100%; height: 100%; z-index: 4; } .dima-big-grid-wrapper .big-grid-meta { padding: 25px; color: #fff; position: absolute; bottom: 0; width: 100%; z-index: 5; } .dima-big-grid-wrapper .big-grid-meta .entry-title a { color: #fff; } .dima-big-grid-wrapper .big-grid-meta ul { text-align: left; margin: 0; } .dima-big-grid-wrapper .big-grid-meta ul li { display: inline-block; padding-right: 10px; } .dima-big-grid-wrapper .big-grid-meta ul li a { color: #fff; } .dima-big-grid-wrapper .posts-list article .big-grid-meta .entry-title { margin: 0; line-height: 18px; } .dima-big-grid-wrapper.dima-big-grid-one .main-post article { width: 66.66667%; } .dima-big-grid-wrapper.dima-big-grid-one .main-post article .post-img { height: 468px; } .dima-big-grid-wrapper.dima-big-grid-one .posts-list article { width: 33.3333%; } .dima-big-grid-wrapper.dima-big-grid-one .posts-list article .post-img { height: 233px; } .dima-big-grid-wrapper.dima-big-grid-one-padding .main-post article { padding-right: 30px; width: 66.66667%; } .dima-big-grid-wrapper.dima-big-grid-one-padding .main-post article .post-img { height: 490px; } .dima-big-grid-wrapper.dima-big-grid-one-padding .posts-list article { width: 33.3333%; } .dima-big-grid-wrapper.dima-big-grid-one-padding .posts-list article:first-child { padding-bottom: 30px; } .dima-big-grid-wrapper.dima-big-grid-one-padding .posts-list article .post-img { height: 230px; } .dima-big-grid-wrapper.dima-big-grid-two .main-post article { width: 50%; } .dima-big-grid-wrapper.dima-big-grid-two .main-post article .post-img { height: 372px; } .dima-big-grid-wrapper.dima-big-grid-two .posts-list article { width: 25%; } .dima-big-grid-wrapper.dima-big-grid-two .posts-list article .post-img { height: 185px; } .dima-big-grid-wrapper.dima-big-grid-three .main-post article { width: 50%; } .dima-big-grid-wrapper.dima-big-grid-three .main-post article .post-img { height: 372px; } .dima-big-grid-wrapper.dima-big-grid-three .posts-list article { width: 25%; } .dima-big-grid-wrapper.dima-big-grid-three .posts-list article .post-img { height: 185px; } .dima-big-grid-wrapper.dima-big-grid-for .main-post article { width: 33.333%; } .dima-big-grid-wrapper.dima-big-grid-for .main-post article .post-img { height: 245px; } .dima-big-grid-wrapper.dima-big-grid-five .main-post article { width: 50%; } .dima-big-grid-wrapper.dima-big-grid-five .main-post article .post-img { height: 372px; } .dima-big-grid-wrapper.dima-big-grid-slide-one .main-post article { width: 100%; } .dima-big-grid-wrapper.dima-big-grid-slide-one .main-post article .post-img { height: 490px; } .dima-big-grid-wrapper.dima-big-grid-slide-two .main-post article { width: 100%; } .dima-big-grid-wrapper.dima-big-grid-slide-two .main-post article .post-img { height: 372px; } .dima-big-grid-wrapper.dima-big-grid-slide-three .main-post article { width: 100%; } .dima-big-grid-wrapper.dima-big-grid-slide-three .main-post article .post-img { height: 245px; } .dima-big-grid-wrapper.dima-big-grid-slide-for .main-post article { width: 100%; } .dima-big-grid-wrapper.dima-big-grid-slide-for .main-post article .post-img { height: 185px; } .dima-big-grid-wrapper.dima-big-grid-slide-for .big-grid-meta .entry-title { margin: 0; } @media only screen and (max-width: 768px) { .dima-big-grid-wrapper.dima-big-grid-one .main-post article, .dima-big-grid-wrapper.dima-big-grid-two .main-post article, .dima-big-grid-wrapper.dima-big-grid-three .main-post article, .dima-big-grid-wrapper.dima-big-grid-for .main-post article, .dima-big-grid-wrapper.dima-big-grid-five .main-post article { width: 100%; } .dima-big-grid-wrapper.dima-big-grid-one .main-post article .post-img, .dima-big-grid-wrapper.dima-big-grid-two .main-post article .post-img, .dima-big-grid-wrapper.dima-big-grid-three .main-post article .post-img, .dima-big-grid-wrapper.dima-big-grid-for .main-post article .post-img, .dima-big-grid-wrapper.dima-big-grid-five .main-post article .post-img { height: 320px; } .dima-big-grid-wrapper.dima-big-grid-one .posts-list article, .dima-big-grid-wrapper.dima-big-grid-two .posts-list article, .dima-big-grid-wrapper.dima-big-grid-three .posts-list article, .dima-big-grid-wrapper.dima-big-grid-for .posts-list article, .dima-big-grid-wrapper.dima-big-grid-five .posts-list article { width: 50%; } .dima-big-grid-wrapper.dima-big-grid-one .posts-list article .post-img, .dima-big-grid-wrapper.dima-big-grid-two .posts-list article .post-img, .dima-big-grid-wrapper.dima-big-grid-three .posts-list article .post-img, .dima-big-grid-wrapper.dima-big-grid-for .posts-list article .post-img, .dima-big-grid-wrapper.dima-big-grid-five .posts-list article .post-img { height: 170px; } .dima-big-grid-wrapper.dima-big-grid-one-padding .main-post article { width: 100%; padding-right: 0; } .dima-big-grid-wrapper.dima-big-grid-one-padding .posts-list article { width: 50%; } } .boxed-blog article.e-post .post-meta, .boxed-blog .post.e-post .post-meta { border-bottom: 1px solid #e1e1e1; padding: 20px 0 20px 0; } .boxed-blog article .post-meta, .boxed-blog .post .post-meta { padding: 20px 25px; font-size: 14px; line-height: 14px; background: #fff; border-bottom: none; margin-bottom: 0; } .boxed-blog article .post-meta a, .boxed-blog .post .post-meta a { color: #a1a1a1; } .boxed-blog article .post-meta a:hover, .boxed-blog .post .post-meta a:hover { color: #ff5733; } .boxed-blog article .post-meta ul, .boxed-blog .post .post-meta ul { text-align: right; margin: 0; } .boxed-blog article .post-meta ul li, .boxed-blog .post .post-meta ul li { padding-right: 10px; display: inline-block; } .boxed-blog article .post-meta ul li:last-child, .boxed-blog .post .post-meta ul li:last-child { padding-right: 0; } .boxed-blog article .post-meta ul li.post-comments, .boxed-blog .post .post-meta ul li.post-comments { text-align: left; } .boxed-blog article .post-meta ul li.post-on, .boxed-blog .post .post-meta ul li.post-on { float: left; text-transform: capitalize; } .boxed-blog article .post-meta ul li.post-view .fa, .boxed-blog .post .post-meta ul li.post-view .fa { font-weight: normal; } .boxed-blog article.image-in-side .post-meta, .boxed-blog .post.image-in-side .post-meta { border: none; border-bottom: 1px solid #e1e1e1; overflow: hidden; padding: 0 0 20px 0; } .boxed-blog.blog-list .posts-list .post-meta { border: none; padding: 0; } .boxed-blog.blog-list .posts-list .post-meta ul { line-height: 16px; text-align: left; overflow: hidden; } .boxed-blog.blog-list .posts-list .post-meta ul li { float: left; padding-right: 10px; padding-bottom: 2px; } article { position: relative; } article.sticky .post-meta { background: #f7f7f7!important; } article.format-video .post-meta.box, article.format-audio .post-meta.box { margin-top: -1px; } @media only screen and (max-width: 480px) { .boxed-blog .post .post-meta ul, .boxed-blog article .post-meta ul { overflow: hidden; } .boxed-blog .post .post-meta ul li, .boxed-blog article .post-meta ul li { float: left; line-height: 1.7142857143rem; } } .dima-author-box { margin-bottom: 30px; padding: 25px; } .dima-author-box .dima-about-image { position: relative; margin-right: 30px; margin-top: 0; } .dima-author-box .dima-about-image img { width: 120px; height: 120px; } .dima-author-box .dima-author-info { overflow: hidden; } .dima-author-box .dima-author-info p { margin-bottom: 10px; } @media only screen and (max-width: 768px) { .dima-author-box .dima-about-image { margin-right: 20px; margin-top: 0; margin-bottom: 10px; } .dima-author-box .dima-about-image img { width: 60px; height: 60px; } .dima-author-box .dima-author-info { overflow: initial; } } .page .dima-comments-list { margin-top: 30px; } .dima-comments-list .h-comment, .dima-reviews-list .h-comment { text-align: left; padding: 0 0 30px 0; margin-bottom: 0; } .dima-comments-list .h-comment span, .dima-reviews-list .h-comment span { background: #fff; display: inline-block; position: relative; z-index: 3; padding-right: 10px; } .dima-comments-list .h-comment span small, .dima-reviews-list .h-comment span small { font-size: 18px; line-height: 18px; } .dima-comments-list .dima-comment, .dima-reviews-list .dima-comment { margin: 0; list-style: none; } .dima-comments-list .dima-comment .dima-post-author, .dima-reviews-list .dima-comment .dima-post-author { font-size: 14px; font-weight: 400; font-style: italic; display: block; text-align: center; padding-top: 10px; } .dima-comments-list .dima-comment .dima-comment-awaiting-moderation, .dima-reviews-list .dima-comment .dima-comment-awaiting-moderation { font-style: italic; } .dima-comments-list .dima-comment .content-comment, .dima-reviews-list .dima-comment .content-comment { border-top: 1px solid #f2f2f2; padding: 30px 0; overflow: hidden; } .dima-comments-list .dima-comment li .dima-comment-img img, .dima-reviews-list .dima-comment li .dima-comment-img img { width: 80px!important; height: 80px!important; } .dima-comments-list .dima-comment li .comment-content p, .dima-reviews-list .dima-comment li .comment-content p { margin-bottom: 0; } .dima-comments-list .dima-comment li .dima-comment-entry, .dima-reviews-list .dima-comment li .dima-comment-entry { position: relative; overflow: hidden; } .dima-comments-list .dima-comment li .dima-comment-entry ul.user-comment-titel, .dima-reviews-list .dima-comment li .dima-comment-entry ul.user-comment-titel { width: 100%; margin: 0 0 10px 0; display: inline-block; } .dima-comments-list .dima-comment li .dima-comment-entry ul.user-comment-titel .dima-comment-author, .dima-reviews-list .dima-comment li .dima-comment-entry ul.user-comment-titel .dima-comment-author { font-style: normal; } .dima-comments-list .dima-comment li .dima-comment-entry ul.user-comment-titel li, .dima-reviews-list .dima-comment li .dima-comment-entry ul.user-comment-titel li { border: none; display: inline-block; } .dima-comments-list .dima-comment li .dima-comment-entry ul.user-comment-titel h6, .dima-reviews-list .dima-comment li .dima-comment-entry ul.user-comment-titel h6 { margin-right: 30px; margin-bottom: 0; font-weight: bold; } .dima-comments-list .dima-comment li .children, .dima-reviews-list .dima-comment li .children { margin-left: 89px; list-style: none; } .dima-comments-list .dima-comment li .children li:last-child, .dima-reviews-list .dima-comment li .children li:last-child { padding-bottom: 0; } .dima-comments-list .dima-comment li .reply-form a, .dima-reviews-list .dima-comment li .reply-form a { margin-bottom: 10px; font-size: 14px; line-height: 14px; display: block; } .dima-comments-list .dima-comment>li:last-child, .dima-reviews-list .dima-comment>li:last-child { margin-bottom: 70px; } .comment-reply-title { margin-bottom: 30px; } .dima-comments-navigation { margin-bottom: 30px; } .dima-comments-navigation h6 { margin-bottom: 15px; } .comment-time { color: #a1a1a1; } .comment-time:hover { border-bottom: 1px dotted #a1a1a1; } @media only screen and (max-width: 768px) { .dima-comments-list .dima-comment li .children, .dima-comments-list .dima-comment li .dima-comment-entry { margin: 0; } .dima-comments-list .dima-comment li .dima-comment-entry header .comment-time { display: block; float: none; font-size: 12px; } .dima-comments-list .dima-comment li .dima-comment-img img { width: 60px!important; height: 60px!important; } } .social-media li { cursor: pointer; border: 1px solid #e1e1e1; text-align: center; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .social-media li a { display: inline-block; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 400; } .social-media li:hover { border: 1px solid #ff5733; background: #ff5733; } .social-media li:hover svg, .social-media li:hover a i { color: #fff; } .social-media.social-small li a { font-size: 18px; line-height: 32px; width: 32px; height: 32px; } .social-media.social-medium li a { font-size: 22px; line-height: 50px; width: 50px; height: 50px; } .social-media.social-big li a { font-size: 30px; line-height: 64px; width: 64px; height: 64px; } .social-media.dima-social-post { margin-top: 30px; padding-top: 30px; border-top: 1px solid #f2f2f2; } .social-media.dima-social-post li { float: none; margin-bottom: 8px; } .social-media.dima-social-author { margin-bottom: 1px; margin-left: 1px; } .social-media.dima-show li { margin-right: 10px; border: 1px solid #e1e1e1; } .social-media.dima-show li a { color: #707070; } .circle-social ul li { border-radius: 50%; } .dark-bg>.social-media li svg, .dark-bg>.social-media li i { color: #fff; } .topaz-border, .topaz-hover { width: 100%; top: 0; z-index: 5; left: 0; } .topaz-border.topaz-dashed:before, .topaz-hover.topaz-dashed:before { border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; } .topaz-border.topaz-dashed:after, .topaz-hover.topaz-dashed:after { border-left: 1px dashed #fff; border-right: 1px dashed #fff; } .topaz-border:before, .topaz-border:after, .topaz-hover:before, .topaz-hover:after { content: ''; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; z-index: 1; } .topaz-border:before, .topaz-hover:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .topaz-border:after, .topaz-hover:after { border-left: 1px solid #fff; border-right: 1px solid #fff; } .topaz-hover:before, .topaz-hover:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .45s,-webkit-transform .45s; transition: opacity .45s,-webkit-transform .45s; transition: opacity .45s,transform .45s; transition: opacity .45s,transform .45s,-webkit-transform .45s; } .topaz-hover:before { -webkit-transform: scale(0,1); transform: scale(0,1); } .topaz-hover:after { -webkit-transform: scale(1,0); transform: scale(1,0); } .topaz-hover:hover:before, .topaz-hover:hover:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .apply-gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-backface-visibility: hidden; } .apply-gray:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } .post-icon, .link_overlay { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; left: 0; right: 0; } .link_overlay { background: rgba(0,0,0,0); -webkit-box-sizing: order-box; box-sizing: order-box; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 50; } .post-icon .icons-media { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .post-icon .icons-media { position: relative; display: inline-block; text-align: center; left: 50%; top: 50%; margin: 40px 0 0 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 99; } .post-icon .icons-media.media-button li a { width: 160px; font-size: 1rem; font-family: "Open Sans",Helvetica,Arial,Times,serif; } .post-icon .icons-media li { position: relative; display: inline-table; margin-right: 30px; margin-bottom: 30px; z-index: 55; float: left; } .post-icon .icons-media li:nth-child(2n+3) { clear: left; } .post-icon .icons-media li:nth-child(2n) { margin-right: 0; } .post-icon .icons-media li:last-child { margin-right: 0!important; } .post-icon .icons-media li a { display: inline-block; width: 50px; height: 50px; border: 1px solid #fff; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; font-size: 22px; line-height: 50px; color: #fff; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .post-icon .icons-media li a:first-child { margin-left: 0; } .work-item:hover .post-icon .icons-media, .dima-team-member:hover .post-icon .icons-media, .post-img:hover .post-icon .icons-media, .dima-product:hover .post-icon .icons-media { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .work-item:hover .post-icon .icons-media a, .dima-team-member:hover .post-icon .icons-media a, .post-img:hover .post-icon .icons-media a, .dima-product:hover .post-icon .icons-media a { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .work-item:hover .post-icon .icons-media a:hover, .dima-team-member:hover .post-icon .icons-media a:hover, .post-img:hover .post-icon .icons-media a:hover, .dima-product:hover .post-icon .icons-media a:hover { border-color: #fff; background: #fff; color: #ff5733; } .work-item:hover .link_overlay, .dima-team-member:hover .link_overlay, .post-img:hover .link_overlay, .dima-product:hover .link_overlay { background: #ff5733; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .work-item:hover .link_overlay .icons-media, .dima-team-member:hover .link_overlay .icons-media, .post-img:hover .link_overlay .icons-media, .dima-product:hover .link_overlay .icons-media { margin-top: 15px; } .work-item:hover .link_overlay .work-info, .dima-team-member:hover .link_overlay .work-info, .post-img:hover .link_overlay .work-info, .dima-product:hover .link_overlay .work-info { opacity: 1; margin-top: -25px; } .work-item:hover .link_overlay .topaz-hover:before, .work-item:hover .link_overlay .topaz-hover:after, .dima-team-member:hover .link_overlay .topaz-hover:before, .dima-team-member:hover .link_overlay .topaz-hover:after, .post-img:hover .link_overlay .topaz-hover:before, .post-img:hover .link_overlay .topaz-hover:after, .dima-product:hover .link_overlay .topaz-hover:before, .dima-product:hover .link_overlay .topaz-hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .overlay { position: relative; display: block; } .overlay.circle:before { border-radius: 100%; } .overlay.rounded:before { border-radius: 6px; } .overlay:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in; transition: all .3s ease-in; background-color: #ff5733; cursor: pointer; z-index: 99; } .overlay:hover:before { opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .effect-julia, .effect-roxy { position: relative; overflow: hidden; height: 100%; } .effect-roxy img { -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,transform .35s; transition: opacity .35s,transform .35s,-webkit-transform .35s; -webkit-transform: scale(1.15); transform: scale(1.15); } .effect-roxy:hover img { -webkit-transform: scale(1); transform: scale(1); } .effect-julia img { -webkit-transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,transform 1s; transition: opacity 1s,transform 1s,-webkit-transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-julia:hover img { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .gray-opacity img { opacity: .6; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-backface-visibility: hidden; width: auto; } .gray-opacity img:hover { opacity: 1; } [type="submit"] { color: #fff; border: none; } [type="submit"]:hover { color: #fff; background-color: #ff2d00; } [type="submit"] i { line-height: 45px; } .widget .button, [type="submit"], .dima-button { position: relative; cursor: pointer; display: inline-block; font-family: "Open Sans",Helvetica,Arial,Times,serif; outline: none; margin: 0; min-height: 1em; padding: 15px; background-color: #ff5733; font-weight: 600; font-style: normal; text-align: center; line-height: 18px; text-decoration: none; min-width: 160px; vertical-align: middle; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: order-box; box-sizing: order-box; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-backface-visibility: hidden; } .widget .button svg, .widget .button i, [type="submit"] svg, [type="submit"] i, .dima-button svg, .dima-button i { padding-right: 15px; margin-left: -15px; } .widget .button svg, [type="submit"] svg, .dima-button svg { width: 30px!important; } .widget .button:hover, [type="submit"]:hover { color: #fff; background-color: #ff2d00; } .fill { color: #fff; } .fill:hover { color: #fff; background-color: #ff2d00; } .button-block { display: block; width: 100%; } .disabled.dima-button, .disabled.dima-button:hover, .disabled.dima-button.active { background-color: #ddd!important; cursor: default; color: rgba(0,0,0,.5)!important; border-color: rgba(0,0,0,.5)!important; opacity: .3!important; } .icon { padding-left: 2em!important; padding-right: 1.4em!important; } .di_header.dima-button { background-color: #707070; color: #fff; } .di_header.stroke { color: #707070; border: 1px solid #707070; } .di_header.stroke:hover { color: #fff!important; border: 1px solid #fff; } .di_header.stroke:hover:after { background: #707070!important; } .di_header.fill:hover { color: #fff; background-color: #575656; } .di_white.dima-button { background-color: #fff; color: #707070; } .di_white.dima-button:hover { color: #707070!important; } .di_white.stroke { color: #fff; border: 1px solid #fff; } .di_white.stroke:hover { color: #707070!important; } .di_white.stroke:hover:after { background: #fff!important; } .di_white.fill:hover { color: #fff; background-color: #e6e5e5; } .di_green.dima-button { background-color: #53cf00; color: #fff; } .di_green.stroke { color: #53cf00; border: 1px solid #53cf00; } .di_green.stroke:hover { color: #fff!important; border: 1px solid #fff; } .di_green.stroke:hover:after { background: #53cf00!important; } .di_green.fill:hover { color: #fff; background-color: #3f9c00; } .di_blue.dima-button { background-color: #3375ff; color: #fff; } .di_blue.stroke { color: #3375ff; border: 1px solid #3375ff; } .di_blue.stroke:hover { color: #fff!important; border: 1px solid #fff; } .di_blue.stroke:hover:after { background: #3375ff!important; } .di_blue.fill:hover { color: #fff; background-color: #0053ff; } .di_purple.dima-button { background-color: #7200da; color: #fff; } .di_purple.stroke { color: #7200da; border: 1px solid #7200da; } .di_purple.stroke:hover { color: #fff!important; border: 1px solid #fff; } .di_purple.stroke:hover:after { background: #7200da!important; } .di_purple.fill:hover { color: #fff; background-color: #5700a7; } .di_red.dima-button { background-color: #e81a27; color: #fff; } .di_red.stroke { color: #e81a27; border: 1px solid #e81a27; } .di_red.stroke:hover { color: #fff!important; border: 1px solid #fff; } .di_red.stroke:hover:after { background: #e81a27!important; } .di_red.fill:hover { color: #fff; background-color: #bc131e; } .di_yellow.dima-button { background-color: #f9c00c; color: #fff; } .di_yellow.stroke { color: #f9c00c; border: 1px solid #f9c00c; } .di_yellow.stroke:hover { color: #fff!important; border: 1px solid #fff; } .di_yellow.stroke:hover:after { background: #f9c00c!important; } .di_yellow.fill:hover { color: #fff; background-color: #cd9d05; } .stroke { background: rgba(255,255,255,0)!important; color: #ff5733; border: 1px solid #ff5733; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 10; } .stroke:after { content: ''; position: absolute; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; z-index: 5; } .stroke:hover { color: #fff!important; background-image: none!important; } .stroke[data-direction="down"]:after { left: 0; top: 0; height: 0; width: 100%; } .stroke[data-direction="up"]:after { left: 0; bottom: 0; height: 0; width: 100%; } .stroke[data-direction="start"]:after { left: 0; top: 0; height: 100%; width: 0; } .stroke[data-direction="end"]:after { right: 0; top: 0; height: 100%; width: 0; } .stroke[data-direction="up"]:hover:after, .stroke[data-direction="down"]:hover:after { background: #ff5733; color: #fff; height: 100%; z-index: -1; } .stroke[data-direction="start"]:hover:after, .stroke[data-direction="end"]:hover:after { background: #ff5733; color: #fff; width: 100%; z-index: -1; } .dima-btn-large, .dima-btn-big, .dima-btn-huge { font-size: 18px; font-weight: 600; } .dima-btn-mini { min-width: 140px; padding: 12px 16px; } .dima-btn-large { min-width: 180px; padding: 18px 24px; } .dima-btn-big { min-width: 200px; padding: 21px 28px; } .dima-btn-huge { min-width: 220px; padding: 24px 32px; } .dima-btn-rounded { border-radius: 6px; } .dima-btn-pill { border-radius: 18em; } img, a img { border: none; padding: 0; max-width: 100%; height: auto; image-rendering: optimizeQuality; vertical-align: middle; } a.dima-img { display: block; } .start-image, .dima-author-box .dima-about-image, .dima-comments-list .dima-comment li .dima-comment-img, .dima-reviews-list .dima-comment li .dima-comment-img, .dima-testimonial.quote-start .dima-testimonial-image, .dima-testimonial .dima-testimonial-image { float: left; margin-right: 30px; overflow: hidden; } .start-image.right, .dima-author-box .right.dima-about-image, .dima-comments-list .dima-comment li .right.dima-comment-img, .dima-reviews-list .dima-comment li .right.dima-comment-img, .dima-testimonial .right.dima-testimonial-image { margin-right: 0; } .end-image, .dima-testimonial.quote-end .dima-testimonial-image { float: right; margin-left: 30px; overflow: hidden; } .end-image.right, .dima-testimonial.quote-end .right.dima-testimonial-image { margin-left: 0; } .end-image .circle, .dima-testimonial.quote-end .dima-testimonial-image .circle, .start-image .circle, .dima-author-box .dima-about-image .circle, .dima-comments-list .dima-comment li .dima-comment-img .circle, .dima-reviews-list .dima-comment li .dima-comment-img .circle, .dima-testimonial .dima-testimonial-image .circle { border-radius: 80px; } .magnific-gallery .column-item { float: left; } .magnific-gallery .column-item.columns-1 { width: 100%; } .magnific-gallery .column-item.columns-2 { width: 50%; } .magnific-gallery .column-item.columns-3 { width: 33.33%; } .magnific-gallery .column-item.columns-4 { width: 25%; } .magnific-gallery .column-item.columns-5 { width: 20%; } .magnific-gallery .column-item.columns-6 { width: 16.666%; } .columns-2 .column-item { width: 50%; } .columns-3 .column-item { width: 33.3333%; } .columns-4 .column-item { width: 25%; } .columns-5 .column-item { width: 20%; } .columns-6 .column-item { width: 16.6666%; } .js-lazy-image { position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 320ms ease-out; transition: all 320ms ease-out; } .is-lazy.lazy-pre-placeholder .js-lazy-image:not(.lazyloaded) { background-color: #f7f7f7; background-image: -webkit-gradient(linear,right top,left top,from(#f7f7f7),color-stop(20%,#f0f0f0),color-stop(40%,#f7f7f7),to(#f7f7f7)); background-image: linear-gradient(to left,#f7f7f7 0%,#f0f0f0 20%,#f7f7f7 40%,#f7f7f7 100%); background-repeat: no-repeat; background-size: 450px 700px; -webkit-animation: lazyloadeffect 1s infinite linear forwards; animation: lazyloadeffect 1s infinite linear forwards; } .is-lazy.lazy-small-placeholder .js-lazy-image.lazyloaded { -webkit-filter: blur(0); filter: blur(0); } .is-lazy.lazy-small-placeholder .js-lazy-image:not(.lazyloaded) { -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1); transform: scale(1); } @-webkit-keyframes lazyloadeffect { from { background-position: -400px 0; } to { background-position: 200px 0; } } @keyframes lazyloadeffect { from { background-position: -400px 0; } to { background-position: 200px 0; } } .dima-image-layers-wrap { position: relative; line-height: 0; max-width: 100%; } .dima-image-layers-wrap.layers-center { margin: 0 auto; } .dima-image-layers-wrap.layers-end { margin-left: auto; margin-right: 0; } .dima-image-layers-wrap .dima-layer-container { position: relative; line-height: 0; display: block; width: inherit; max-width: 100%; } .dima-image-layers-wrap .dima-layer-container:not(:first-child) { position: absolute; top: 0; left: 0; } .dima-image-layers-wrap .dima-layer-container .dima-layer-centered { position: relative; display: inline-block; width: inherit; max-width: 100%; height: inherit; line-height: inherit; } .dima-image-layers-wrap .dima-layer-container .dima-layer-item { -webkit-transition: all .5s cubic-bezier(.3,.95,.3,.95); transition: all .5s cubic-bezier(.3,.95,.3,.95); height: inherit; line-height: inherit; } .dima-image-layers-wrap .dima-layer-container .dima-layer-item img { position: relative; display: block; margin: 0 auto; } .topaz-line { position: relative; color: #ff5733; width: 160px; margin: 25px auto; font-size: 13px; line-height: 20px; text-align: center; overflow: hidden; height: 20px; } .topaz-line:before, .topaz-line:after { content: ''; position: absolute; width: 50%; top: 50%; display: block; border-bottom: 1px solid #e1e1e1; margin-top: -1px; } .topaz-line:before { right: -15px; } .topaz-line:after { left: -15px; } .topaz-line.hr-left { float: left; left: -6px; position: absolute; top: -9px; } .topaz-line.hr-left:after { content: ''; position: absolute; border-bottom: 1px solid #e1e1e1; display: block; width: 60px; top: 4px; } .topaz-line.hr-left:before { content: none; top: 4px; } .line-hr { margin-bottom: 30px; width: 160px; border-top: 1px solid #e1e1e1; margin-right: auto; margin-left: auto; } .line-hr.line-start { margin-left: 0; margin-right: auto; } .line-hr.line-end { margin-right: 0; margin-left: auto; } .hr-start, .hr-end { position: relative; display: block; padding-bottom: 25px; margin-top: 25px; clear: both; } .hr-start svg, .hr-start i, .hr-end svg, .hr-end i { position: relative; color: #ff5733; font-size: 13px; line-height: 12px; } .hr-start svg, .hr-end svg { top: 2px; } .hr-start { width: 100%; } .hr-start svg, .hr-start i { float: left; } .hr-start:after { content: ''; position: absolute; border-bottom: 1px solid #e1e1e1; display: block; width: 150px; left: 15px; top: 5px; } .hr-end { width: 100%; } .hr-end svg, .hr-end i { float: right; } .hr-end:before { content: ''; position: absolute; border-bottom: 1px solid #e1e1e1; display: block; width: 150px; right: 15px; top: 5px; } .divider { padding: 25px 0 0; margin: 0 0 25px; border-bottom: 1px solid transparent; clear: both; } .divider .dashed { border-bottom: 1px dashed #e1e1e1; } .divider .double { border-bottom: 3px double #e1e1e1; } .divider.full-divider { width: 100%!important; } .dark-bg .divider .dashed, .dark-bg .divider .double { border-color: rgba(255,255,255,.4); } .dark-bg .hr-start:before, .dark-bg .hr-start:after, .dark-bg .hr-end:before, .dark-bg .hr-end:after { border-bottom: 1px solid rgba(255,255,255,.4); } .dark-bg .line-hr { border-top: 1px solid rgba(255,255,255,.4); } .dark-bg .topaz-line:before, .dark-bg .topaz-line:after { border-bottom: 1px solid rgba(255,255,255,.4); } .dima-tabs { display: block; } .dima-tabs.columns-2-tab ul.dima-tab-nav li { width: 50%; } .dima-tabs.columns-3-tab ul.dima-tab-nav li { width: 33.333333%; } .dima-tabs.columns-4-tab ul.dima-tab-nav li { width: 25%; } .dima-tabs.columns-5-tab ul.dima-tab-nav li { width: 20%; } .dima-tabs.columns-6-tab ul.dima-tab-nav li { width: 16.6666666%; } ul.dima-tab-nav { overflow: auto; position: relative; width: 100%; clear: both; margin: 0; z-index: 10; } ul.dima-tab-nav.float-start { margin-right: -1px; margin-left: 1px; } ul.dima-tab-nav.float-start .tab.active { border-right-width: 0; } ul.dima-tab-nav.float-end { margin-right: 1px; margin-left: -1px; } ul.dima-tab-nav.float-end .tab.active { border-left-width: 0; } ul.dima-tab-nav.float-start, ul.dima-tab-nav.float-end { width: 25%; } ul.dima-tab-nav.float-start .tab, ul.dima-tab-nav.float-end .tab { width: 100%!important; border-bottom: none; border-right: 1px solid #e1e1e1; } ul.dima-tab-nav.float-start .tab:last-child, ul.dima-tab-nav.float-end .tab:last-child { border-bottom: 1px solid #e1e1e1; } ul.dima-tab-nav .tab { float: left; margin-bottom: 0; text-align: center; border: 1px solid #e1e1e1; font-family: "Open Sans",Helvetica,Arial,Times,serif; } ul.dima-tab-nav .tab.tab { font-size: 14px; line-height: 16px; font-weight: 600; background-color: #fafafa; display: block; } ul.dima-tab-nav .tab.tab>a { display: inline-block; width: 100%; color: #707070; padding: 17px 30px; } ul.dima-tab-nav .tab.tab i { margin-right: 10px; } .dima-tab-content { overflow: auto; position: relative; margin-bottom: 30px; z-index: 2; margin-top: -1px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .dima-tab-content .dima-tab_content { padding: 20px 30px; display: none; min-height: 160px; } .dima-tab-content .dima-tab_content.active { display: block; } .dima-tab-content.float-start, .dima-tab-content.float-end { width: 75%; margin-top: 0; z-index: 5; } .dima-tab-content.float-end { left: -1px; } .dima-tab-content.float-start { right: -1px; } .dima-tab-style ul.dima-tab-nav.top .tab { border-right-width: 0; } .dima-tab-style ul.dima-tab-nav.top .tab:last-child { border-right: 1px solid #e1e1e1; } .dima-tab-style ul.dima-tab-nav.top .tab.active { background-color: #fff!important; border-bottom-color: #fff!important; color: #707070; cursor: default; } .dima-tab-style ul.dima-tab-nav.float-start .tab.active, .dima-tab-style ul.dima-tab-nav.float-end .tab.active { background-color: #fff!important; } .dima-tab-style .dima-tab-content { border: 1px solid #e1e1e1; background-color: #fff; } .dima-tab-line-style .dima-tab-content .dima-tab_content { padding: 20px 0; } .dima-tab-line-style ul.dima-tab-nav.float-start { margin-right: 30px; } .dima-tab-line-style ul.dima-tab-nav.float-end { margin-left: 30px; } .dima-tab-line-style ul.dima-tab-nav .tab { margin-right: 10px; border: none; border-bottom: 1px solid #e1e1e1; background: transparent; } .dima-tab-line-style ul.dima-tab-nav .tab.active { border-color: #ff5733!important; } .fade.in { opacity: 1; } .fade { opacity: 0; -webkit-transition: opacity .9s ease; transition: opacity .9s ease; } .dark-bg .dima-tab-line-style .dima-tab-content .dima-tab_content { color: rgba(255,255,255,.8); } .dark-bg .dima-tab-line-style .dima-tab-content .dima-tab_content p { color: rgba(255,255,255,.8); } .dark-bg ul.dima-tab-nav .tab, .dark-bg ul.dima-tab-nav.float-start .tab, .dark-bg ul.dima-tab-nav.float-end .tab { border-color: rgba(255,255,255,.4); } .dark-bg ul.dima-tab-nav .tab>a, .dark-bg ul.dima-tab-nav.float-start .tab>a, .dark-bg ul.dima-tab-nav.float-end .tab>a { color: #fff; } .dark-bg .dima-tab-style .dima-tab-content { border-color: rgba(255,255,255,.4); } .dark-bg .dima-tab-style ul.dima-tab-nav .tab, .dark-bg .dima-tab-style ul.dima-tab-nav.float-start .tab, .dark-bg .dima-tab-style ul.dima-tab-nav.float-end .tab { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.1); } .dark-bg .dima-tab-style ul.dima-tab-nav .tab:last-child, .dark-bg .dima-tab-style ul.dima-tab-nav.float-start .tab:last-child, .dark-bg .dima-tab-style ul.dima-tab-nav.float-end .tab:last-child { border-right: 1px solid rgba(255,255,255,.4); } .dark-bg .dima-tab-style ul.dima-tab-nav .tab.active>a, .dark-bg .dima-tab-style ul.dima-tab-nav.float-start .tab.active>a, .dark-bg .dima-tab-style ul.dima-tab-nav.float-end .tab.active>a { color: #707070; } @media only screen and (max-width: 989px) { .dima-tabs.dima-tab-style.columns-5-tab ul.dima-tab-nav.top li.tab, .dima-tabs.dima-tab-style.columns-6-tab ul.dima-tab-nav.top li.tab { width: auto; } } @media only screen and (max-width: 768px) { .dima-tabs.dima-tab-style ul.dima-tab-nav.top li.tab { border-right-width: 1px; border-bottom-width: 0; } .dima-tabs.dima-tab-style ul.dima-tab-nav.top li.tab:last-child { border-bottom-width: 1px; } .dima-tabs ul.dima-tab-nav { width: 100%!important; } .dima-tabs ul.dima-tab-nav li.tab { width: 100%!important; } .dima-tabs ul.dima-tab-nav li.tab.active { border-right-width: 1px!important; border-left-width: 1px!important; } } ul.dima-accordion { margin: 0; list-style: none; } ul.dima-accordion .dima-accordion-group { border-bottom: none; } ul.dima-accordion .dima-accordion-group .dima-accordion-header .dima-accordion-toggle { display: block; padding: 17px 30px; font-family: "Open Sans",Helvetica,Arial,Times,serif; font-size: 14px; line-height: 16px; font-weight: 600; color: #fff; background: #ff5733; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; text-align: left; } ul.dima-accordion .dima-accordion-group .dima-accordion-header .dima-accordion-toggle:before { font-family: "FontAwesome","Font Awesome 5 Free"; position: relative; display: inline-block; color: #fff; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; font-weight: 900; } ul.dima-accordion .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed { background-color: #fafafa; color: #707070; } ul.dima-accordion .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed:before { color: #707070; } ul.dima-accordion .dima-accordion-group .dima-accordion-content.collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; } ul.dima-accordion .dima-accordion-group .dima-accordion-content.collapse.in { height: auto; } ul.dima-accordion .dima-accordion-group .dima-accordion-content .dima-accordion-inner { padding: 18px 30px; border: 1px solid #e1e1e1; } ul.dima-accordion.dima-acc-arrow.dima-acc-janobi .dima-accordion-toggle:before, ul.dima-accordion.dima-acc-arrow.dima-acc-janobi .dima-accordion-toggle.collapsed:before { float: left; } ul.dima-accordion.dima-acc-arrow .dima-accordion-toggle:before { margin-right: 10px; content: ""; -webkit-transform: rotate(90deg); transform: rotate(90deg); } ul.dima-accordion.dima-acc-arrow .dima-accordion-toggle.collapsed:before { content: ""; -webkit-transform: rotate(0deg); transform: rotate(0deg); float: left; } ul.dima-accordion.dima-acc-plus.dima-acc-janobi .dima-accordion-toggle:before, ul.dima-accordion.dima-acc-plus.dima-acc-janobi .dima-accordion-toggle.collapsed:before { float: left; } ul.dima-accordion.dima-acc-plus .dima-accordion-toggle:before, ul.dima-accordion.dima-acc-plus .dima-accordion-toggle.collapsed:before { float: right; } ul.dima-accordion.dima-acc-plus .dima-accordion-toggle:before { content: ""; } ul.dima-accordion.dima-acc-plus .dima-accordion-toggle.collapsed:before { content: ""; } ul.dima-accordion.dima-acc-sample .dima-accordion-group .dima-accordion-header .dima-accordion-toggle { border: 1px solid #ff5733; } ul.dima-accordion.dima-acc-sample .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed { border-color: #e1e1e1; } ul.dima-accordion.dima-acc-sample .dima-accordion-group .dima-accordion-content .dima-accordion-inner { background-color: #fff; } ul.dima-accordion.dima-acc-sample li.dima-accordion-group:nth-last-child(n+2) .dima-accordion-header .dima-accordion-toggle, ul.dima-accordion.dima-acc-sample li.dima-accordion-group:nth-last-child(n+2) .dima-accordion-inner { border-bottom: none; } ul.dima-accordion.dima-acc-separated .dima-accordion-group { margin-bottom: 10px; } ul.dima-accordion.dima-acc-separated .dima-accordion-group .dima-accordion-header .dima-accordion-toggle { border: 1px solid #ff5733; } ul.dima-accordion.dima-acc-separated .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed { border-color: #e1e1e1; } ul.dima-accordion.dima-acc-separated .dima-accordion-group .dima-accordion-content .dima-accordion-inner { border-bottom: 1px solid #e1e1e1; background: #fff; } ul.dima-accordion.no-acc-border .dima-accordion-group .dima-accordion-content .dima-accordion-inner { padding: 18px 0; border: none; background: transparent; } ul.dima-accordion.dima-acc-janobi.acc-circle .dima-accordion-toggle:before { border-radius: 99em; } ul.dima-accordion.dima-acc-janobi .dima-accordion-header { border: none; height: 42px; } ul.dima-accordion.dima-acc-janobi .dima-accordion-header .dima-accordion-toggle { padding: 0; background: none!important; color: #707070; } ul.dima-accordion.dima-acc-janobi .dima-accordion-header .dima-accordion-toggle:before { background: #ff5733; margin-right: 25px; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ff5733; text-align: center; top: -12px; } ul.dima-accordion.dima-acc-janobi .dima-accordion-header .dima-accordion-toggle.collapsed { background: none; } ul.dima-accordion.dima-acc-janobi .dima-accordion-header .dima-accordion-toggle.collapsed:before { background: #fafafa; border-color: #e1e1e1; } ul.dima-accordion.dima-acc-janobi .dima-accordion-group { margin-bottom: 30px; } ul.dima-accordion.dima-acc-janobi .dima-accordion-group .dima-accordion-inner { border: none; padding: 0; padding-left: 70px; } ul.dima-accordion.dima-acc-clear .dima-accordion-group { border-bottom: 1px solid #e1e1e1!important; } ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-header .dima-accordion-toggle { padding: 17px 0; background: none; color: #707070; } ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed { color: #707070; } ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed:before { color: #707070; } ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-header .dima-accordion-toggle:before { color: #ff5733; } ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-content .dima-accordion-inner { border: none; padding: 13px 0 25px; } .dark-bg ul.dima-accordion.dima-acc-clear .dima-accordion-group { border-bottom-color: rgba(255,255,255,.4)!important; } .dark-bg ul.dima-accordion.dima-acc-sample .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed, .dark-bg ul.dima-accordion.dima-acc-separated .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.4); color: #fff; } .dark-bg ul.dima-accordion.dima-acc-sample .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed.collapsed:before, .dark-bg ul.dima-accordion.dima-acc-separated .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed.collapsed:before { color: #fff; } .dark-bg ul.dima-accordion.dima-acc-janobi .dima-accordion-header .dima-accordion-toggle.collapsed:before { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.1); } .dark-bg ul.dima-accordion.no-acc-border .dima-accordion-group .dima-accordion-header .dima-accordion-toggle, .dark-bg ul.dima-accordion.no-acc-border .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed, .dark-bg ul.dima-accordion.dima-acc-janobi .dima-accordion-group .dima-accordion-header .dima-accordion-toggle, .dark-bg ul.dima-accordion.dima-acc-janobi .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed, .dark-bg ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-header .dima-accordion-toggle, .dark-bg ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed { color: #fff; } .dark-bg ul.dima-accordion.no-acc-border .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed:before, .dark-bg ul.dima-accordion.no-acc-border .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed.collapsed:before, .dark-bg ul.dima-accordion.dima-acc-janobi .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed:before, .dark-bg ul.dima-accordion.dima-acc-janobi .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed.collapsed:before, .dark-bg ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed:before, .dark-bg ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-header .dima-accordion-toggle.collapsed.collapsed:before { color: #fff; } .dark-bg ul.dima-accordion.no-acc-border .dima-accordion-group .dima-accordion-content .dima-accordion-inner, .dark-bg ul.dima-accordion.dima-acc-janobi .dima-accordion-group .dima-accordion-content .dima-accordion-inner, .dark-bg ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-content .dima-accordion-inner { color: rgba(255,255,255,.8); } .dark-bg ul.dima-accordion.no-acc-border .dima-accordion-group .dima-accordion-content .dima-accordion-inner p, .dark-bg ul.dima-accordion.dima-acc-janobi .dima-accordion-group .dima-accordion-content .dima-accordion-inner p, .dark-bg ul.dima-accordion.dima-acc-clear .dima-accordion-group .dima-accordion-content .dima-accordion-inner p { color: rgba(255,255,255,.8); } .wpcf7-response-output, .dima-alert { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; margin-bottom: 1.313em; padding: 25px; font-size: 16px; line-height: 30px; color: rgba(255,255,255,.8); margin-left: 0!important; border: none!important; } .wpcf7-response-output .button, .dima-alert .button { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 1.7857142857rem; } .wpcf7-response-output .button:hover, .dima-alert .button:hover { color: #fff; } .wpcf7-response-output a:not(.button), .dima-alert a:not(.button) { color: #fff; border-bottom: 1px dotted #fff; } .wpcf7-response-output a:not(.button):hover, .dima-alert a:not(.button):hover { color: #fff; border-bottom: 1px dotted transparent; } .wpcf7-response-output svg, .wpcf7-response-output i, .dima-alert svg, .dima-alert i { color: #fff; font-size: 21px; line-height: 25px; float: left; padding-right: 15px; } .wpcf7-response-output svg, .dima-alert svg { font-size: 25px; line-height: 25px; width: 30px!important; } .wpcf7-response-output .header-alert, .dima-alert .header-alert { margin: .05em 0 .25em; font-weight: 600; letter-spacing: 0; text-transform: none; color: #fff; display: inline; font-style: normal; margin-right: 5px; } .wpcf7-response-output p, .dima-alert p { color: #fff; display: inline; } .wpcf7-response-output .close, .dima-alert .close { color: #fff; font-size: 20px; line-height: 20px; font-weight: 600; position: absolute; top: 7px; right: 10px; line-height: 1; padding: 0; cursor: pointer; background-color: transparent; border: 0; -webkit-appearance: none; } .dima-alert-warning { background-color: #f9c00c!important; } .dima-alert-info { background-color: #3375ff!important; } .wpcf7-mail-sent-ng, .wpcf7-validation-errors, .dima-alert-error { background-color: #e81a27!important; } .wpcf7-mail-sent-ok, .dima-alert-success { background-color: #53cf00!important; } .box { border: 1px solid #e1e1e1; padding: 1.875em; } .box .box-titel { margin-bottom: 30px; } .box.box-with-marge { margin-bottom: 30px; } .box.coupon-box { overflow: hidden; } .dima-no-box { padding: 0!important; border: none!important; } ul.dima-box { margin-left: 0; } .dima-box { background: #fff; border: 3px solid #e1e1e1; padding: 30px; margin-bottom: 30px; overflow: hidden; } .dima-box .box-titel { margin-bottom: 30px; } .last-menu ul.with-border li { padding: 30px 0; overflow: hidden; } .last-menu .menu-price { float: right; color: #ff5733; } .last-menu .label { font-family: "Lato",Helvetica,Arial,sans-serif; left: 10px; background: #ffd74d; padding: 3px 5px; line-height: 1em; margin-left: 10px; } .last-menu .attachment-menu { border: 1px solid #e1e1e1; float: left; margin-right: 30px; margin-left: 0; width: 100px; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; max-width: none!important; } .dima-popup { position: fixed; z-index: 99999; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(255,255,255,.95); display: none; -webkit-perspective: 600px; perspective: 600px; } .dima-popup-container { position: relative; z-index: 100; width: 90%; max-width: 370px; margin: -162px auto 0; display: none; top: 50%; } .dima-popup-container .container-wrapper { background-color: #f44336!important; border-radius: 2px!important; } .dima-popup-container h5, .dima-popup-container .adblock-message { color: #fff; } #dima-popup-adblock .dima-popup-container { background-color: #f44336!important; max-width: 570px; padding: 50px; } #dima-popup-adblock .dima-popup-container svg { width: 80px; height: auto; margin-bottom: 10px; fill: #fff; } #dima-popup-adblock .dima-popup-container .container-wrapper { text-align: center; color: #fff; } .dima-popup-is-opend .all_content { transition: -webkit-filter .2s; -webkit-transition: -webkit-filter .2s; transition: filter .2s; transition: filter .2s,-webkit-filter .2s; -webkit-filter: blur(4px); filter: blur(4px); } .box-with-shadow { -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.07); box-shadow: 0 6px 15px 0 rgba(0,0,0,.07); border-width: 0; padding: 2.1428571429rem; } .box-with-shadow.page-section-content { padding: 2.1428571429rem; } .dima-callout { overflow: hidden; position: relative; border: 1px solid #e1e1e1; padding: 55px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; display: table; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; z-index: 40; } .dima-callout .p-callout, .dima-callout p { color: #a1a1a1; font-size: 16px; line-height: 25px; margin-bottom: 0; } .dima-callout.dima-full-callout { padding: 55px 0; } .dima-callout-clm2, .dima-callout-clm1 { display: table-cell; vertical-align: middle; } .dima-callout-clm1 { width: 75%; } .dima-callout-clm2 { width: 25%; } .h-callout { position: relative; margin-top: 0; margin-bottom: 20px; font-weight: 700; z-index: 10; } .p-callout { position: relative; color: inherit; z-index: 10; } .b-callout { margin-top: 20px; float: right; z-index: 10; } .hover-callout:hover { background: #ff5733; border-color: rgba(0,0,0,0); } .hover-callout:hover .h-callout, .hover-callout:hover .p-callout, .hover-callout:hover p { color: #fff; } .dima-banner .banner-inner { white-space: normal; z-index: 100; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; } .dima-banner .banner-inner.start { right: auto; left: 10%; } .dima-banner .banner-inner.end { left: auto; right: 10%; } @media only screen and (max-width: 768px) { .dima-callout .dima-callout-clm2, .dima-callout .dima-callout-clm1 { display: block; width: 100%; text-align: center; } .dima-callout .dima-callout-clm2 { margin-top: 30px; } } .dima-pricing-table { width: 100%; float: left; } .dima-pricing-table .dima-pricing-col { width: 100%; float: left; text-align: center; position: relative; } .dima-pricing-table .dima-pricing-col.featured.pricing-style-two .dima-pricing-col-info .button { -webkit-box-shadow: 0 0 0 1px #ff5733; box-shadow: 0 0 0 1px #ff5733; } .dima-pricing-table .dima-pricing-col.pricing-style-two li:nth-child(2n+1) { background-color: #f9f9f9; } .dima-pricing-table .dima-pricing-col.pricing-style-two li:last-child { border-bottom: 1px solid #f2f2f2; } .dima-pricing-table .dima-pricing-col.pricing-style-two .dima-pricing-col-info { background: #fff; padding: 30px 0; } .dima-pricing-table .dima-pricing-col.pricing-style-two .dima-button { margin-top: 15px; } .dima-pricing-table .dima-pricing-col.pricing-style-callout .dima-pricing-col-info { padding-bottom: 0; } .dima-pricing-table .dima-pricing-col.box-shadow { -webkit-box-shadow: 0 0 13px 0 rgba(112,112,112,.35); box-shadow: 0 0 13px 0 rgba(112,112,112,.35); } .dima-pricing-table .dima-pricing-col.box-shadow .dima-pricing-col-info { border: none; } .dima-pricing-table .dima-pricing-col .dima-pricing-col-info { background: #fff; padding: 30px; color: #a1a1a1; margin: 0; margin-bottom: -1px; margin-left: -1px; border: 1px solid #e1e1e1; } .dima-pricing-table .dima-pricing-col .dima-pricing-col-info.full-line { padding: 30px 0; } .dima-pricing-table .dima-pricing-col .dima-pricing-col-info .icon-list { padding-bottom: 15px; list-style: none; width: 100%; } .dima-pricing-table .dima-pricing-col .dima-pricing-col-info .icon-list li { padding: 15px 0; margin-bottom: 0; font-size: 14px; line-height: 20px; border-top: 1px solid #f2f2f2; } .dima-pricing-table .dima-pricing-col .dima-pricing-col-info .icon-list li svg, .dima-pricing-table .dima-pricing-col .dima-pricing-col-info .icon-list li i { position: relative; top: 0; margin-right: 5px; } .dima-pricing-table .dima-pricing-col .dima-pricing-col-info .dima-button { margin-bottom: 0; } .dima-pricing-table .dima-pricing-col.featured { z-index: 99; } .dima-pricing-table .dima-pricing-col.featured .header { background: #ff5733; color: #fff; } .dima-pricing-table .dima-pricing-col.featured-larg { z-index: 999; margin-top: -20px; } .dima-pricing-table .dima-pricing-col.featured-larg .header { background: #ff5733; color: #fff; padding: 25px 5px; } .dima-pricing-table .dima-pricing-col.featured-larg .dima-pricing-col-info { padding-bottom: 30px; } .dima-pricing-table .dima-pricing-col.featured-larg .dima-pricing-col-info .icon-list { padding-bottom: 35px; } .dima-pricing-table .dima-pricing-col.featured-larg .dima-pricing-row, .dima-pricing-table .dima-pricing-col.featured .dima-pricing-row { color: #ff5733; } .dima-pricing-table .dima-pricing-col .header { position: relative; background-color: #707070; padding: 15px 5px; margin: 0 0 -1px 0; margin-left: -1px; letter-spacing: 0; } .dima-pricing-table .dima-pricing-col .header .dima-table-title { font-size: 18px; line-height: 20px; color: #fff; letter-spacing: 0; margin-bottom: 0; } .dima-pricing-table .dima-pricing-col .header.di_header { background-color: #707070; color: #fff; } .dima-pricing-table .dima-pricing-col .header.di_white { background-color: #fff; color: #fff; } .dima-pricing-table .dima-pricing-col .header.di_green { background-color: #53cf00; color: #fff; } .dima-pricing-table .dima-pricing-col .header.di_blue { background-color: #3375ff; color: #fff; } .dima-pricing-table .dima-pricing-col .header.di_purple { background-color: #7200da; color: #fff; } .dima-pricing-table .dima-pricing-col .header.di_red { background-color: #e81a27; color: #fff; } .dima-pricing-table .dima-pricing-col .header.di_yellow { background-color: #f9c00c; color: #fff; } .dima-pricing-table .dima-pricing-col .dima-pricing-row { display: block; font-size: 18px; line-height: 15px; padding-bottom: 30px; color: #707070; } .dima-pricing-table .dima-pricing-col .dima-pricing-row .pricing { position: relative; font-size: 36px; line-height: 36px; font-weight: 600; } .dima-pricing-table .dima-pricing-col .dima-pricing-row .pricing .currency { font-size: 18px; line-height: 18px; font-weight: 400; position: absolute; top: 6px; left: -12px; } .dima-pricing-table .dima-pricing-col .dima-pricing-row .interval { font-size: 16px; line-height: 16px; } .dima-pricing-table .dima-pricing-col .dima-pricing-row.di_header { color: #707070; } .dima-pricing-table .dima-pricing-col .dima-pricing-row.di_white { color: #fff; } .dima-pricing-table .dima-pricing-col .dima-pricing-row.di_green { color: #53cf00; } .dima-pricing-table .dima-pricing-col .dima-pricing-row.di_blue { color: #3375ff; } .dima-pricing-table .dima-pricing-col .dima-pricing-row.di_purple { color: #7200da; } .dima-pricing-table .dima-pricing-col .dima-pricing-row.di_red { color: #e81a27; } .dima-pricing-table .dima-pricing-col .dima-pricing-row.di_yellow { color: #f9c00c; } .dima-pricing-table .dima-pricing-col.dima-offers { margin: 0; border-left: none!important; } .dima-pricing-table .dima-pricing-col.dima-offers .dima-pricing-col-info { border: none; margin-top: 117px; -webkit-box-shadow: none; box-shadow: none; background: transparent; } .rating { font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; overflow: hidden; } .rating span { display: inline!important; margin-right: 2px; } .rating span:last-child { margin-right: 0; } .rating span:before { content: ""; color: #ff5733; font-size: 18px; line-height: 18px; } .rating.undertitle { span: before; span-color: #fff; } .rating span.star:before { content: ""; color: #ff5733; font-weight: 400; } .rating span.half-star:before { content: ""; color: #ff5733; } .rating.undertitle span.star:before { color: #fff; } .dima-data-table-wrap table, table { max-width: 100%; border-collapse: collapse; } .dima-data-table-wrap table tr, table tr { border-bottom: 1px dotted #e1e1e1; } .dima-data-table-wrap table tr td, table tr td { padding: 15px 12px; vertical-align: middle; } .dima-data-table-wrap table tr td.success, table tr td.success { background-color: #dff0d6; color: #3c761d; } .dima-data-table-wrap table tr td.active, table tr td.active { color: #c5254e; background-color: #f7f2f4; } .dima-data-table-wrap table th, table th { padding: 12px 12px; background-color: #fbfafa; color: #959494; text-align: center; font-weight: bold; vertical-align: middle; } .pagination, .dima-pagination { position: relative; margin-top: 30px; } .pagination ul, .dima-pagination ul { display: inline-block; margin: 0; } .pagination ul li, .dima-pagination ul li { display: inline; } .pagination ul li .pages, .dima-pagination ul li .pages { display: none; } .pagination ul li .expand, .dima-pagination ul li .expand { margin: 0 5px; position: relative; letter-spacing: 5px; } .pagination ul li>span, .pagination ul li a, .dima-pagination ul li>span, .dima-pagination ul li a { font-size: 13px; line-height: 30px; margin: 0 2px; padding: 0 11px; float: left; height: 32px; text-align: center; font-weight: 400; text-decoration: none; color: #a1a1a1; background-color: #fafafa; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border: 1px solid #e1e1e1; } .pagination ul li>span:hover, .pagination ul li a:hover, .dima-pagination ul li>span:hover, .dima-pagination ul li a:hover { background: #ff5733; border: 1px solid #ff5733; color: #fff; } .pagination ul li .dima-next, .dima-pagination ul li .dima-next { font-size: 0; } .pagination ul li .dima-next:before, .dima-pagination ul li .dima-next:before { font-size: 16px; text-indent: 0; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; content: ''; } .pagination ul li .dima-previous, .dima-pagination ul li .dima-previous { font-size: 0; } .pagination ul li .dima-previous:before, .dima-pagination ul li .dima-previous:before { font-size: 16px; text-indent: 0; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; content: ''; } .pagination .current, .pagination .current-page, .dima-pagination .current, .dima-pagination .current-page { display: inline-block; text-align: left; margin: 0 2px; font-weight: bold; color: #fff; background-color: #ff5733; border: 1px solid #ff5733; } .page-links { margin-top: 30px; } .page-links a .page-number { color: #a1a1a1; background-color: #fafafa; border: 1px solid #e1e1e1; } .page-links>.page-number { background: #ff5733; border: 1px solid #ff5733; color: #fff; } .page-links .page-number { display: inline-block; font-size: 13px; line-height: 30px; margin: 0 2px; padding: 0 11px; height: 32px; text-align: center; font-weight: 400; text-decoration: none; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .page-links .page-number:hover { background: #ff5733; border: 1px solid #ff5733; color: #fff; } .dima-timeline { position: relative; margin: 0 auto 50px; } .dima-timeline .post { margin-bottom: 10px; } .dima-timeline .timeline_element_start { position: relative; width: 100%; float: left; clear: left; } .dima-timeline .timeline_element_start .post { margin-right: 30px; } .dima-timeline .timeline_element_start .date { position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: 25px; } .dima-timeline .timeline_element_end { position: relative; float: right; clear: right; width: 100%; } .dima-timeline .timeline_element_end article:before, .dima-timeline .timeline_element_end .timeline_element-content:before { left: 50%; top: 50%; } .dima-timeline .timeline_element_end .post { margin-left: 30px; } .dima-timeline .timeline_element_end .date { position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: 25px; } .dima-timeline article, .dima-timeline .timeline_element-content { float: inherit; margin: 10px 0; width: 50%; } .dima-timeline article:after, .dima-timeline article:before, .dima-timeline .timeline_element-content:after, .dima-timeline .timeline_element-content:before { content: ''; position: absolute; display: block; top: 50%; right: 50%; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .dima-timeline article:after, .dima-timeline .timeline_element-content:after { width: 15px; height: 15px; margin-right: -6px; margin-left: -6px; margin-top: -20px; background: #e1e1e1; } .dima-timeline article:before, .dima-timeline .timeline_element-content:before { content: ''; position: absolute; display: block; width: 20px; height: 30px; margin-top: -27px; margin-right: -10px; margin-left: 10px; } .dima-timeline article:hover:after, .dima-timeline .timeline_element-content:hover:after { background: #ff5733!important; border-color: rgba(0,0,0,0); } .dima-timeline article:hover .dima-custom-heading a, .dima-timeline article:hover .dima-custom-heading i, .dima-timeline article:hover h5 a, .dima-timeline article:hover h5 i, .dima-timeline .timeline_element-content:hover .dima-custom-heading a, .dima-timeline .timeline_element-content:hover .dima-custom-heading i, .dima-timeline .timeline_element-content:hover h5 a, .dima-timeline .timeline_element-content:hover h5 i { color: #ff5733; } .dima-timeline.dima-timeline-blog>.timeline_element_end~.timeline_element_end { margin-top: 0; } .dima-timeline.dima-timeline-blog .timeline_element_end { margin-top: 100px; width: 50%; } .dima-timeline.dima-timeline-blog .timeline_element_end .post { padding-left: 30px; } .dima-timeline.dima-timeline-blog .timeline_element_end .post:before { content: ''; position: absolute; display: block; width: 28px; height: 0; border-top: 1px solid #dfdfdf; left: 10px; top: 54px; } .dima-timeline.dima-timeline-blog .timeline_element_end article, .dima-timeline.dima-timeline-blog .timeline_element_end .timeline_element-content { position: relative; } .dima-timeline.dima-timeline-blog .timeline_element_end article:after, .dima-timeline.dima-timeline-blog .timeline_element_end article:before, .dima-timeline.dima-timeline-blog .timeline_element_end .timeline_element-content:after, .dima-timeline.dima-timeline-blog .timeline_element_end .timeline_element-content:before { left: 0; } .dima-timeline.dima-timeline-blog .timeline_element_start { width: 50%; } .dima-timeline.dima-timeline-blog .timeline_element_start .post { padding-right: 30px; } .dima-timeline.dima-timeline-blog .timeline_element_start .post:before { content: ''; position: absolute; display: block; width: 28px; height: 0; border-top: 1px solid #dfdfdf; right: 10px; top: 54px; } .dima-timeline.dima-timeline-blog .timeline_element_start article, .dima-timeline.dima-timeline-blog .timeline_element_start .timeline_element-content { position: relative; } .dima-timeline.dima-timeline-blog .timeline_element_start article:after, .dima-timeline.dima-timeline-blog .timeline_element_start article:before, .dima-timeline.dima-timeline-blog .timeline_element_start .timeline_element-content:after, .dima-timeline.dima-timeline-blog .timeline_element_start .timeline_element-content:before { right: 0; } .dima-timeline.dima-timeline-blog article, .dima-timeline.dima-timeline-blog .timeline_element-content { margin: 10px 0; width: 100%; } .dima-timeline.dima-timeline-blog article:after, .dima-timeline.dima-timeline-blog article:before, .dima-timeline.dima-timeline-blog .timeline_element-content:after, .dima-timeline.dima-timeline-blog .timeline_element-content:before { content: ''; position: absolute; display: block; background: #fff; top: 40px; } .dima-timeline.dima-timeline-blog article:after, .dima-timeline.dima-timeline-blog .timeline_element-content:after { width: 14px; height: 14px; border: 1px solid #e1e1e1; margin-right: -7px; margin-left: -9px; } .dima-timeline.dima-timeline-blog article:before, .dima-timeline.dima-timeline-blog .timeline_element-content:before { content: ''; position: absolute; display: block; width: 20px; height: 30px; margin-right: -7px; margin-left: -7px; } .dima-timeline.dima-timeline-blog article:hover:after, .dima-timeline.dima-timeline-blog .timeline_element-content:hover:after { background: #ff5733; border-color: rgba(0,0,0,0); } .dima-timeline-list { position: relative; float: left; } .dima-timeline-list .dima-iconbox { float: left; } .dima-timeline-list.process-h .features-box { padding: 0 15px; } .dima-timeline-list.process-h:before { content: ""; position: absolute; display: block; top: 62.5px; width: 75%; height: 0; border-top: 1px solid #e1e1e1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dima-timeline-list.process-h.small:before { top: 32px; } .dima-timeline-list.process-h.larg:before { top: 100px; } .dima-timeline-list.process-h .dima-iconbox:before { content: none; } .dima-timeline-list.process-h .dima-iconbox .features-content { padding: 0 15px; } .dima-timeline-list.process-h.columns-3 .dima-iconbox { width: 33.33%; } .dima-timeline-list.process-h.columns-4 .dima-iconbox { width: 25%; } .dima-timeline-list.process-h.columns-5 .dima-iconbox { width: 20%; } .dima-timeline-list.timeline-end .dima-iconbox:before, .dima-timeline-list.timeline-end li:before { border-right: 1px solid #e1e1e1; border-left: none; left: -62.5px; } .dima-timeline-list.timeline-end.small .dima-iconbox:before, .dima-timeline-list.timeline-end.small li:before { left: -32px; } .dima-timeline-list.timeline-end.larg .dima-iconbox:before, .dima-timeline-list.timeline-end.larg li:before { left: -85px; } .dima-timeline-list.small .dima-iconbox:before, .dima-timeline-list.small li:before { left: 32px; } .dima-timeline-list.larg .dima-iconbox:before, .dima-timeline-list.larg li:before { left: 100px; } .dima-timeline-list .dima-iconbox { margin-bottom: 50px; } .dima-timeline-list .dima-iconbox>i { background: #fff; } .dima-timeline-list .dima-iconbox:before { content: ''; border-left: 1px solid #e1e1e1; left: 62.5px; position: absolute; width: 100%; height: 100%; padding-top: 71px; } .dima-timeline-list .dima-iconbox:last-child { margin-bottom: 0; } .dima-timeline-list .dima-iconbox:last-child:before { height: 0; padding-top: 65px; } .h-line { left: 50%; margin-left: -2px; position: absolute; top: 0; bottom: 100%; border-left: 1px solid #e1e1e1; height: 100%; } .h-line:after, .h-line:before { content: ""; width: 15px; height: 15px; position: absolute; background: #e1e1e1; border-radius: 99em; } .h-line:before { top: -15px; right: -7px; } .h-line:after { bottom: -15px; left: -8px; } .dark-bg .dima-timeline .h-line, .dark-bg .dima-timeline .box { border-color: rgba(255,255,255,.4); color: rgba(255,255,255,.8); } .dark-bg .dima-timeline .h-line p, .dark-bg .dima-timeline .box p { color: rgba(255,255,255,.8); } .dark-bg .dima-timeline .date>h5 { color: rgba(255,255,255,.8); } @media only screen and (max-width: 768px) { .dima-timeline .h-line { display: none; } .dima-timeline-list li:before { left: 32.5px; padding-top: 65px; } .dima-timeline .timeline_element-content { float: none; margin: 30px 0; width: 100%; } .dima-timeline .timeline_element-content:after, .dima-timeline .timeline_element-content:before { display: none; } .dima-timeline .timeline_element-content .post { margin: 0; } .dima-timeline .timeline_element-content .date { margin: 0; top: 0; left: 0; } .dima-timeline.dima-timeline-blog .timeline_element_start, .dima-timeline.dima-timeline-blog .timeline_element_end { width: 100%; margin-top: 0; } .dima-timeline.dima-timeline-blog .timeline_element_start .post, .dima-timeline.dima-timeline-blog .timeline_element_end .post { padding-right: 0%; padding-left: 0%; } .dima-timeline.dima-timeline-blog .timeline_element_start .post:after, .dima-timeline.dima-timeline-blog .timeline_element_start .post:before, .dima-timeline.dima-timeline-blog .timeline_element_end .post:after, .dima-timeline.dima-timeline-blog .timeline_element_end .post:before { display: none; } .dima-timeline.dima-timeline-blog .timeline_element-content:before, .dima-timeline.dima-timeline-blog .timeline_element-content:after, .dima-timeline.dima-timeline-blog article:before, .dima-timeline.dima-timeline-blog article:after { display: none; } .dima-timeline-list.process-h.columns-4:before, .dima-timeline-list.process-h.columns-5:before, .dima-timeline-list.process-h.columns-6:before, .dima-timeline-list.process-h.columns-3:before { display: none; } .dima-timeline-list.process-h.columns-4 .dima-iconbox, .dima-timeline-list.process-h.columns-5 .dima-iconbox, .dima-timeline-list.process-h.columns-6 .dima-iconbox, .dima-timeline-list.process-h.columns-3 .dima-iconbox { width: 50%; } } @media only screen and (max-width: 480px) { .dima-timeline-list.process-v.larg .dima-iconbox:before, .dima-timeline-list.process-v.mediam .dima-iconbox:before { left: 32px; } .dima-timeline-list.process-v.larg .dima-iconbox .icon-box-header .box-circle, .dima-timeline-list.process-v.larg .dima-iconbox .icon-box-header .box-square, .dima-timeline-list.process-v.mediam .dima-iconbox .icon-box-header .box-circle, .dima-timeline-list.process-v.mediam .dima-iconbox .icon-box-header .box-square { position: relative; display: inline-block; font-size: 21px; width: 64px; height: 64px; line-height: 64px; margin-bottom: 0; } .dima-timeline-list.process-h:before { display: none; } .dima-timeline-list.process-h[class*="columns-"] .dima-iconbox { width: 100%; } } .dima-testimonial { position: relative; margin-bottom: 20px; display: inline-block; width: 100%; } .dima-testimonial.quote-style blockquote .quote-content p { font-size: 1.7142857143rem; line-height: 2.1428571429rem; font-weight: 300; } .dima-testimonial.testimonial-side { position: relative; } .dima-testimonial.testimonial-side blockquote { background: #fff; border: 1px solid #e1e1e1; padding: 2.1428571429rem; width: 100%; } .dima-testimonial.testimonial-side .dima-testimonial-image { margin-top: 2.1428571429rem; } .dima-testimonial blockquote { overflow: hidden; margin: 0; padding: 0; border-left: none; padding-left: 0; } .dima-testimonial blockquote:before { font-size: 1.7142857143em; width: 1.8571428571rem; text-align: center; line-height: 1.25em; content: ""; font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; color: #ff5733; vertical-align: -.4em; float: left; margin-right: 1.4285714286rem; margin-top: .5rem; font-style: normal; } .dima-testimonial blockquote .quote-content { overflow: hidden; } .dima-testimonial blockquote .quote-content p { font-size: 18px; line-height: 30px; font-style: italic; margin-bottom: 0; } .dima-testimonial blockquote .quote-content .dima-testimonial-meta { font-size: 1em; line-height: 1.7142857143em; display: block; margin-top: .7142857143rem; font-style: normal; } .dima-testimonial blockquote .quote-content .dima-testimonial-meta strong { color: #707070; } .dima-testimonial blockquote.without-icon:before { content: ""; margin-right: 0; } .dima-testimonial.quote-start .dima-testimonial-image, .dima-testimonial.quote-end .dima-testimonial-image, .dima-testimonial.quote-top-center-arrow .dima-testimonial-image, .dima-testimonial.quote-start-top .dima-testimonial-image, .dima-testimonial.quote-end-top .dima-testimonial-image, .dima-testimonial.quote-start-bottom .dima-testimonial-image, .dima-testimonial.quote-end-bottom .dima-testimonial-image, .dima-testimonial.quote-top-bottom .dima-testimonial-image, .dima-testimonial.quote-bottom-center-arrow .dima-testimonial-image { margin-top: .6428571429rem; border: 2px solid #e1e1e1; width: 5.7142857143rem; height: 5.7142857143rem; background-repeat: no-repeat; background-position: center!important; background-size: cover; } .dima-testimonial.quote-end .dima-testimonial-image { margin-right: 0; } .dima-testimonial .dima-testimonial-image { margin-top: .6428571429rem; border: 2px solid #e1e1e1; } .dima-testimonial .rating span:before { color: #fff; } .quote-text { font-size: 1em; border-left: none; font-style: italic; position: relative; margin-bottom: 2.1428571429rem; } .quote-text .dima-testimonial-image { margin-top: 1.4285714286rem!important; } .quote-text.quote-start blockquote { width: auto; } .quote-text.quote-start:before { top: 54px; right: auto; left: 86px; border-right-color: #fff; } .quote-text.quote-start:after { top: 55px; right: auto; left: 85px; border-right-color: #e1e1e1; } .quote-text.quote-end blockquote { width: auto; } .quote-text.quote-end:before { top: 54px; left: auto; right: 85.5px; border-left-color: #fff; } .quote-text.quote-end:after { top: 55px; left: auto; right: 84.5px; border-left-color: #e1e1e1; } .quote-text.quote-start-bottom:before { top: auto; right: auto; bottom: 75px; left: 30px; border-top-color: #fff; } .quote-text.quote-start-bottom:after { top: auto; right: auto; bottom: 75px; left: 31px; border-top-color: #e1e1e1; } .quote-text.quote-end-bottom .dima-testimonial-image { float: right; margin-right: 0; } .quote-text.quote-end-bottom:before { top: auto; left: auto; right: 30px; margin-right: -4px; bottom: 75px; border-top-color: #fff; } .quote-text.quote-end-bottom:after { top: auto; left: auto; right: 27px; bottom: 75px; border-top-color: #e1e1e1; } .quote-text.quote-start-top { margin-top: 25px; } .quote-text.quote-start-top .dima-testimonial-image { float: left; margin-left: 0; margin-bottom: 20px; margin-top: 0!important; } .quote-text.quote-start-top blockquote { float: left; } .quote-text.quote-start-top:before { bottom: auto; top: 74px; right: auto; left: 25px; margin-right: 0; border-bottom-color: #fff; } .quote-text.quote-start-top:after { bottom: auto; top: 74px; right: auto; left: 26px; border-bottom-color: #e1e1e1; } .quote-text.quote-end-top { margin-top: 25px; } .quote-text.quote-end-top .dima-testimonial-image { float: right; margin-right: 0; margin-bottom: 20px; margin-top: 0!important; } .quote-text.quote-end-top blockquote { float: right; } .quote-text.quote-end-top:before { bottom: auto; top: 74px; left: auto; right: 25.5px; margin-left: 0; border-bottom-color: #fff; } .quote-text.quote-end-top:after { bottom: auto; top: 74px; left: auto; right: 26px; border-bottom-color: #e1e1e1; } .quote-text.quote-top-center .dima-testimonial-image { display: block; position: relative; margin-bottom: 20px; margin-top: 0!important; left: 50%; margin-left: -40px; } .quote-text.quote-top-center blockquote { float: right; width: 100%; } .quote-text.quote-bottom-center .dima-testimonial-image { display: block; position: relative; margin-top: 20px!important; margin-bottom: 0!important; left: 50%; margin-left: -40px; } .quote-text.quote-bottom-center blockquote { float: right; width: 100%; } .quote-text.no-arrow.quote-start-bottom .dima-testimonial-image, .quote-text.no-arrow.quote-end-bottom .dima-testimonial-image { margin-bottom: 0!important; margin-top: 20px!important; } .quote-text.no-arrow:before, .quote-text.no-arrow:after { display: none; } .quote-text.no-arrow .dima-testimonial-image { margin-top: 0!important; } .quote-text.quote-top-center-arrow .dima-testimonial-image { display: block; position: relative; margin-bottom: 20px!important; margin-top: 0!important; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .quote-text.quote-top-center-arrow blockquote { float: right; width: 100%; } .quote-text.quote-top-center-arrow:before { bottom: auto; top: 75px; left: auto; right: 47%; margin-left: 0; border-bottom-color: #fff; } .quote-text.quote-top-center-arrow:after { bottom: auto; top: 75px; left: auto; right: 47.1%; border-bottom-color: #e1e1e1; } .quote-text.quote-bottom-center-arrow .dima-testimonial-image { display: block; position: relative; margin-top: 20px!important; margin-bottom: 0!important; left: 50%; margin-left: -40px; } .quote-text.quote-bottom-center-arrow blockquote { float: right; } .quote-text.quote-bottom-center-arrow:before { top: auto; bottom: 75px; left: auto; right: 47%; margin-left: 0; border-top-color: #fff; } .quote-text.quote-bottom-center-arrow:after { top: auto; bottom: 75px; left: auto; right: 47.1%; border-top-color: #e1e1e1; } .quote-text:before { border: solid 14px transparent; z-index: 3; } .quote-text:before, .quote-text:after { content: ""; display: block; height: 0; width: 0; position: absolute; } .quote-text:after { border: solid 13px transparent; z-index: 2; } .owl-item .dima-testimonial { margin-bottom: 0!important; } .dima-testimonial.dima-theme-testimonial.quote-start:after, .dima-testimonial.dima-theme-testimonial.quote-start:before { border-right-color: #ff5733; } .dima-testimonial.dima-theme-testimonial.quote-start-bottom:after, .dima-testimonial.dima-theme-testimonial.quote-start-bottom:before, .dima-testimonial.dima-theme-testimonial.quote-end-bottom:after, .dima-testimonial.dima-theme-testimonial.quote-end-bottom:before, .dima-testimonial.dima-theme-testimonial.quote-bottom-center-arrow:after, .dima-testimonial.dima-theme-testimonial.quote-bottom-center-arrow:before { border-top-color: #ff5733; } .dima-testimonial.dima-theme-testimonial.quote-end-top:after, .dima-testimonial.dima-theme-testimonial.quote-end-top:before, .dima-testimonial.dima-theme-testimonial.quote-start-top:after, .dima-testimonial.dima-theme-testimonial.quote-start-top:before, .dima-testimonial.dima-theme-testimonial.quote-top-center-arrow:after, .dima-testimonial.dima-theme-testimonial.quote-top-center-arrow:before { border-bottom-color: #ff5733; } .dima-testimonial.dima-theme-testimonial.quote-end:after, .dima-testimonial.dima-theme-testimonial.quote-end:before { border-left-color: #ff5733; } .dima-testimonial.dima-theme-testimonial blockquote { background: #ff5733; border-color: #ff5733; } .dima-testimonial.dima-theme-testimonial blockquote p { color: rgba(255,255,255,.8); } .dima-testimonial.dima-theme-testimonial blockquote .dima-testimonial-meta span { color: rgba(255,255,255,.8); } .dima-testimonial.dima-theme-testimonial blockquote .dima-testimonial-meta a strong { color: #fff; } .dark-bg .no-arrow .quote-content .dima-testimonial-meta strong { color: #fff; } .dark-bg .no-arrow .quote-content .dima-testimonial-meta span { color: rgba(255,255,255,.8); } .dark-bg .no-arrow .quote-content p { color: rgba(255,255,255,.8); } @media only screen and (max-width: 480px) { .quote-start .dima-testimonial-image, .quote-end .dima-testimonial-image { display: none; } .quote-start:after, .quote-start:before, .quote-end:after, .quote-end:before { border-right: none; } } .dima-map-inner { overflow: hidden; position: relative; padding-bottom: 56.25%; height: 0; } .dima-map-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gm-style-iw { overflow: hidden!important; line-height: 1.35; white-space: nowrap; } .progress { height: 10px; margin-bottom: 10px; background: #f2f2f2; } .progress.progress-shadow { -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.45); box-shadow: inset 0 1px 5px rgba(0,0,0,.45); } .progress.progress-shadow .progress-bar { -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.45); box-shadow: inset 0 1px 5px rgba(0,0,0,.45); } .progress .progress-bar { position: relative; float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #ff5733; -webkit-transition: width .6s ease; transition: width .6s ease; } .progress .percent { position: absolute; right: -18px; bottom: 18px; height: 27px; padding: 2px 6px; font-size: 14px; line-height: 21px; color: #fff; background-color: #ff5733; } .progress .percent span { display: block; position: absolute; z-index: 2; bottom: -5px; left: 37%; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid transparent; border-top-color: #ff5733; } .h-skill, .h-skill-bar { color: #a1a1a1; margin-bottom: 30px; font-weight: 400; } .h-skill { position: relative; } .h-skill .percent-end { position: absolute; right: 0; bottom: -2px; font-size: 14px; line-height: 21px; color: #a1a1a1; font-weight: 400; } .progress-striped .progress-bar { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .circular-bar { position: relative; } .circular-bar .circular-bar-content { position: relative; } .circular-bar .circular-bar-content label { position: relative; display: block; font-weight: 400; font-size: 18px; line-height: 20px; top: -5px; } .circular-bar strong { margin-top: -15px; display: block; font-weight: 400; font-size: 14px; line-height: 24px; } .dark-bg .progress { background: rgba(255,255,255,.4); } .dark-bg .circular-bar strong, .dark-bg .circular-bar-content, .dark-bg .h-skill-bar, .dark-bg .h-skill, .dark-bg .percent-end { color: rgba(255,255,255,.8); } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; } .tooltip.in { opacity: .9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.right { margin-left: -3px; padding: 0 5px; } .tooltip.left { margin-left: 3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #1c1c1a; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #1c1c1a; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #1c1c1a; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #1c1c1a; } .tooltip.right .tooltip-arrow { top: 50%; margin-top: -5px; border-width: 5px 5px 5px 0; left: 0; border-right-color: #1c1c1a; } .tooltip.left .tooltip-arrow { top: 50%; margin-top: -5px; border-width: 5px 0 5px 5px; right: 0; border-left-color: #1c1c1a; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #1c1c1a; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #1c1c1a; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #1c1c1a; } .popover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; max-width: 300px; padding: 1px; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #e1e1e1; border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } .popover.top { margin-top: -13px; } .popover.right { margin-left: 13px; } .popover.bottom { margin-top: 13px; } .popover.left { margin-left: -13px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #fff; border-bottom: 1px solid #f2f2f2; border-radius: -1px -1px 0 0; } .popover-content { padding: 9px 14px; } .popover>.arrow, .popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover>.arrow { border-width: 14px; } .popover>.arrow:after { border-width: 13px; content: ""; } .popover.top>.arrow { left: 50%; margin-left: -14px; border-bottom-width: 0; border-top-color: #e1e1e1; bottom: -14px; } .popover.top>.arrow:after { content: " "; bottom: 1px; margin-left: -13px; border-bottom-width: 0; border-top-color: #fff; } .popover.right>.arrow { top: 50%; left: -14px; margin-top: -14px; border-left-width: 0; border-right-color: #e1e1e1; } .popover.right>.arrow:after { content: " "; left: 1px; bottom: -13px; border-left-width: 0; border-right-color: #fff; } .popover.bottom>.arrow { left: 50%; margin-left: -14px; border-top-width: 0; border-bottom-color: #e1e1e1; border-bottom-color: #e1e1e1; top: -14px; } .popover.bottom>.arrow:after { content: " "; top: 1px; margin-left: -13px; border-top-width: 0; border-bottom-color: #fff; } .popover.left>.arrow { top: 50%; right: -14px; margin-top: -14px; border-right-width: 0; border-right-color: #e1e1e1; } .popover.left>.arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -13px; } .scroll-to-top { font-size: 20px; line-height: 45px; position: fixed; display: block; background: rgba(0,0,0,.4); color: #fff; right: 20px; bottom: 20px; border-radius: 50%; text-align: center; text-decoration: none; width: 2.45em; height: 2.45em; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: perspective(300px) rotateY(-120deg) translateZ(-10px); transform: perspective(300px) rotateY(-120deg) translateZ(-10px); z-index: 1040; } .scroll-to-top i { line-height: 2.45em; } .scroll-to-top.on { opacity: 1!important; -webkit-transition-delay: 0s!important; transition-delay: 0s!important; -webkit-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg); } .scroll-to-top.off { opacity: 0; } .scroll-to-top:hover { background: rgba(0,0,0,.7); color: #fff; } .clients-wrapper { position: relative; } .clients-wrapper a img { opacity: .6; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-backface-visibility: hidden; width: auto; } .clients-wrapper a:hover img { opacity: 1; } .clients-wrapper.grid.client-clm-3 li { width: calc(100% / 3); } .clients-wrapper.grid.client-clm-4 li { width: calc(100% / 4); } .clients-wrapper.grid.client-clm-5 li { width: calc(100% / 5); } .clients-wrapper.grid.client-clm-6 li { width: calc(100% / 6); } .clients-wrapper.grid.client-clm-7 li { width: calc(100% / 7); } .clients-wrapper.grid li { border: 1px dashed #e1e1e1; padding-bottom: 5px!important; padding-top: 5px!important; margin-right: -1px!important; margin-top: -1px!important; float: left; } .owl-slider, .screenshots, .clients-wrapper { position: relative; clear: both; } .owl-slider ul, .screenshots ul, .clients-wrapper ul { margin: 0!important; list-style: none!important; } .dark-owl-page .owl-controls { margin-top: 30px; } .dark-owl-page .owl-page span { background: rgba(255,255,255,0); border: 1px solid #707070!important; } .dark-owl-page .owl-page.active span, .dark-owl-page .clickable .owl-page:hover span { background: #707070!important; } .dark-owl-page .owl-page span.owl-numbers { color: #707070!important; } .isotope-owl .owl-item { margin: 0 15px; } .icon-box-header { color: #707070; } .icon-box-header svg { width: 32px; height: auto; } .icon-box-header svg:not([fill="none"]) { fill: currentColor; } .icon-box-header svg:not([fill="none"]) path:not([fill="none"]) { fill: currentColor; } .icon-box-header svg[stroke] { stroke: currentColor; } .icon-box-header svg[stroke] path[stroke], .icon-box-header svg[stroke] polyline[stroke] { stroke: currentColor; } .icon-box-header .box-square svg, .icon-box-header .box-circle svg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .icon-box-header .box-square, .icon-box-header .box-circle { text-align: center; background: #fff; -webkit-box-shadow: 0 0 0 1px #e1e1e1; box-shadow: 0 0 0 1px #e1e1e1; } .icon-box-header .box-square .topaz-border:before, .icon-box-header .box-square .topaz-border:after, .icon-box-header .box-square .topaz-hover:before, .icon-box-header .box-square .topaz-hover:after, .icon-box-header .box-circle .topaz-border:before, .icon-box-header .box-circle .topaz-border:after, .icon-box-header .box-circle .topaz-hover:before, .icon-box-header .box-circle .topaz-hover:after { top: 5px; right: 5px; bottom: 5px; left: 5px; } .icon-box-header.text-center .icon-box-header i { margin: 0 auto; margin-bottom: 35px; } .icon-box-header .box-circle { border-radius: 50%; } .icon-box-header .box-circle .topaz-hover:after, .icon-box-header .box-circle .topaz-hover:before { border-radius: 50%; } .icon-box-header:hover .box-square.icon-box-hover svg, .icon-box-header:hover .box-circle.icon-box-hover svg { fill: currentColor; } .icon-box-header:hover svg.box-square.icon-box-hover, .icon-box-header:hover svg.box-circle.icon-box-hover, .icon-box-header:hover i.box-square.icon-box-hover, .icon-box-header:hover i.box-circle.icon-box-hover { background: #ff5733!important; color: #fff!important; -webkit-box-shadow: 0 0 0 1px #f2f2f2; box-shadow: 0 0 0 1px #f2f2f2; } .icon-box-header:hover svg.box-square.icon-box-hover .topaz-hover:before, .icon-box-header:hover svg.box-square.icon-box-hover .topaz-hover:after, .icon-box-header:hover svg.box-circle.icon-box-hover .topaz-hover:before, .icon-box-header:hover svg.box-circle.icon-box-hover .topaz-hover:after, .icon-box-header:hover i.box-square.icon-box-hover .topaz-hover:before, .icon-box-header:hover i.box-square.icon-box-hover .topaz-hover:after, .icon-box-header:hover i.box-circle.icon-box-hover .topaz-hover:before, .icon-box-header:hover i.box-circle.icon-box-hover .topaz-hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .dima-iconbox .features-title { -webkit-transition: color .2s ease-in; transition: color .2s ease-in; } .dima-iconbox .box-square.svg_icon, .dima-iconbox .box-circle.svg_icon { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .dima-iconbox:hover .box-square.svg_icon.icon-box-hover, .dima-iconbox:hover .box-circle.svg_icon.icon-box-hover, .dima-iconbox:hover i.box-square.icon-box-hover, .dima-iconbox:hover i.box-circle.icon-box-hover { background: #ff5733!important; color: #fff!important; -webkit-box-shadow: 0 0 0 1px #f2f2f2; box-shadow: 0 0 0 1px #f2f2f2; } .dima-iconbox:hover .box-square.svg_icon.icon-box-hover svg, .dima-iconbox:hover .box-circle.svg_icon.icon-box-hover svg, .dima-iconbox:hover i.box-square.icon-box-hover svg, .dima-iconbox:hover i.box-circle.icon-box-hover svg { color: #fff!important; } .dima-iconbox:hover .box-square.svg_icon.icon-box-hover .topaz-hover:before, .dima-iconbox:hover .box-square.svg_icon.icon-box-hover .topaz-hover:after, .dima-iconbox:hover .box-circle.svg_icon.icon-box-hover .topaz-hover:before, .dima-iconbox:hover .box-circle.svg_icon.icon-box-hover .topaz-hover:after, .dima-iconbox:hover i.box-square.icon-box-hover .topaz-hover:before, .dima-iconbox:hover i.box-square.icon-box-hover .topaz-hover:after, .dima-iconbox:hover i.box-circle.icon-box-hover .topaz-hover:before, .dima-iconbox:hover i.box-circle.icon-box-hover .topaz-hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .dima-iconbox:hover .icon-box-header .svg_icon.icon-box-hover, .dima-iconbox:hover .icon-box-header i.icon-box-hover { color: #ff5733; } .dima-iconbox:hover .icon-box-header .svg_icon.icon-box-hover.box-circle, .dima-iconbox:hover .icon-box-header .svg_icon.icon-box-hover.box-square, .dima-iconbox:hover .icon-box-header i.icon-box-hover.box-circle, .dima-iconbox:hover .icon-box-header i.icon-box-hover.box-square { color: #fff!important; } .dima-iconbox:hover .features-title:not(.no-title-hover) { color: #ff5733; } .dima-iconbox .dima-maps { margin-bottom: 30px; } .features-box { text-align: center; padding: 50px 30px; -webkit-box-shadow: 0 0 0 1px #e1e1e1; box-shadow: 0 0 0 1px #e1e1e1; -webkit-box-sizing: order-box; box-sizing: order-box; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; position: relative; } .features-box .icon-box-header { margin-bottom: 35px; } .features-box .icon-box-header .svg_icon, .features-box .icon-box-header i { margin: 0 auto; margin-bottom: 0; display: block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .features-box.no-box { -webkit-box-shadow: none; box-shadow: none; padding: 0; } .features-box.no-box .icon-box-header { position: relative; margin-bottom: 35px; } .features-box.no-box .icon-box-header .svg_icon, .features-box.no-box .icon-box-header i { position: relative; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; margin-bottom: 0; } .features-box.no-box .icon-box-header h1 { margin-bottom: 0; } .features-box.no-box .icon-box-header h2, .features-box.no-box .icon-box-header .title_container.start-style h1, .title_container.start-style .features-box.no-box .icon-box-header h1, .features-box.no-box .icon-box-header .title_container.center-style h1, .title_container.center-style .features-box.no-box .icon-box-header h1 { margin-bottom: 0; } .features-box.no-box .icon-box-header h3, .features-box.no-box .icon-box-header .boxed-blog article .post-content .single-post-title, .boxed-blog article .post-content .features-box.no-box .icon-box-header .single-post-title, .features-box.no-box .icon-box-header .boxed-blog .post .post-content .single-post-title, .boxed-blog .post .post-content .features-box.no-box .icon-box-header .single-post-title { margin-bottom: 0; } .features-box.no-box .icon-box-header h4 { margin-bottom: 0; } .features-box.no-box .icon-box-header h5 { margin-bottom: 0; } .features-box.no-box .icon-box-header h6 { margin-bottom: 0; } .features-box.no-box .features-content p { padding: 0; } .features-box .features-content { color: #a1a1a1; } .features-box .features-content .features-title { margin-bottom: 13px; } .features-box .features-content p { padding: 0 40px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; margin-bottom: 0; } .features-box.background-hover:hover { -webkit-box-shadow: none; box-shadow: none; background: #ff5733!important; -webkit-box-shadow: 0 0 0 1px #ff5733; box-shadow: 0 0 0 1px #ff5733; } .features-box.background-hover:hover p, .features-box.background-hover:hover .svg_icon, .features-box.background-hover:hover .features-content, .features-box.background-hover:hover .icon-box-header i, .features-box.background-hover:hover .icon-box-header svg, .features-box.background-hover:hover .features-title { color: #fff!important; } .features-start, .features-end { position: relative; padding: 30px; } .features-start .icon-box-header, .features-end .icon-box-header { width: auto; } .features-start.no-box, .features-end.no-box { padding: 0; } .features-start.no-box .icon-box-header i, .features-end.no-box .icon-box-header i { position: relative; top: 0; z-index: 10; } .features-start.no-box:hover .features-title, .features-end.no-box:hover .features-title { color: #ff5733!important; } .features-start.no-box:hover .features-title.no-title-hover, .features-end.no-box:hover .features-title.no-title-hover { color: #707070!important; } .features-start .icon-box-header i, .features-end .icon-box-header i { color: #707070; margin-bottom: 35px; display: block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .features-start.topaz-border:before, .features-start.topaz-border:after, .features-start.topaz-hover:before, .features-start.topaz-hover:after, .features-end.topaz-border:before, .features-end.topaz-border:after, .features-end.topaz-hover:before, .features-end.topaz-hover:after { top: 5px; right: 5px; bottom: 5px; left: 5px; } .features-end.no-box .icon-box-header i { right: 0; } .features-end .icon-box-header { margin-left: 30px; float: right; } .features-end .icon-box-header i { position: relative; } .features-end .features-content { overflow: hidden; } .features-end .features-content .features-title { text-align: right; } .features-end .features-content p { text-align: right; padding: 0; } .features-end.box-square:hover i, .features-end.box-circle:hover i { color: #fff; background: #ff5733; } .features-start.no-box i { left: 0; } .features-start .icon-box-header { margin-right: 30px; float: left; } .features-start .icon-box-header i { position: relative; } .features-start .features-content { overflow: hidden; } .features-start .features-content .features-title { text-align: left; } .features-start .features-content p { text-align: left; padding: 0; } .features-start.box-square:hover i, .features-start.box-circle:hover i { color: #fff; background: #ff5733; } .countUp { border: 1px solid #e1e1e1; text-align: left; padding: 30px; } .countUp .icon-count { font-size: 54px; line-height: 54px; color: #ff5733; margin-right: 20px; } .countUp .number { position: relative; font-weight: 700; display: inline-block; color: #a1a1a1; font-size: 36px; line-height: 30px; left: 0; } .countUp .text { padding: 10px 0 0 0; font-size: 14px; line-height: 14px; margin-left: 0; color: #a1a1a1; font-weight: 400; } .countUp.no-border { border: none!important; padding: 0 20px; } .icon-normal { margin-right: 5px; color: #707070; text-align: left; display: inline-block; } .icon-box-larg { position: relative; display: inline-block; font-size: 64px; } .icon-box-larg.box-square, .icon-box-larg.box-circle { width: 200px; height: 200px; line-height: 200px; margin-bottom: 0; } .larg .icon-box-header .box-square, .larg .icon-box-header .box-circle { position: relative; display: inline-block; font-size: 64px; width: 200px; height: 200px; line-height: 200px; margin-bottom: 0; } .mediam .icon-box-header .box-square, .mediam .icon-box-header .box-circle { position: relative; display: inline-block; font-size: 48px; width: 125px; height: 125px; line-height: 125px; margin-bottom: 0; } .icon-box-medium { position: relative; display: inline-block; font-size: 48px; } .icon-box-medium.box-square, .icon-box-medium.box-circle { width: 125px; height: 125px; line-height: 125px; margin-bottom: 0; } .small .icon-box-header .box-square, .small .icon-box-header .box-circle { position: relative; display: inline-block; font-size: 21px; width: 64px; height: 64px; line-height: 64px; margin-bottom: 0; } .icon-box-small { position: relative; display: inline-block; font-size: 21px; } .icon-box-small.box-square, .icon-box-small.box-circle { width: 64px; height: 64px; line-height: 64px; margin-bottom: 0; } .box-square i, .box-circle i, .features-start .box-square i, .features-start .box-circle i, .features-end .box-square i, .features-end .box-circle i { line-height: inherit; color: inherit; } body .okab.tparrows:before { font-family: "FontAwesome","Font Awesome 5 Free"; font-weight: 900; } .image-cropper { position: relative; overflow: hidden; margin: 0 auto; top: 0; bottom: 0; margin-bottom: 30px; } .image-cropper.box-circle { border-radius: 99em; } .image-cropper.box-circle.overlay:before { border-radius: 99em; } .image-cropper img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .image-cropper.larg { width: 200px; height: 200px; } .image-cropper.medium { width: 128px; height: 128px; } .image-cropper.small { width: 64px; height: 64px; } .img { display: inline; margin: 0 auto; height: 100%; width: auto; } .dark-bg .countUp { border-color: rgba(255,255,255,.4); } @media only screen and (max-width: 480px) { .icon-box-larg.box-square, .icon-box-larg.box-circle, .icon-box-medium.box-square, .icon-box-medium.box-circle { width: 4.5714285714rem; height: 4.5714285714rem; line-height: 4.5714285714rem; font-size: 21px; } } .dima-team-member .team-img { overflow: hidden; } .dima-team-member .team-img .fix-chrome { position: relative; } .dima-team-member .team-img img { width: 100%; } .member-function { font-size: 14px; line-height: 24px; display: inline-block; margin-bottom: 5px; } .dima-team-content { padding: 1em; padding-top: 30px; } .dima-team-content.text-center.box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dima-team { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } hr { position: relative; float: none; display: block; width: 100%; height: 1px; border-color: #e1e1e1; margin: 0 0 25px; padding: 25px 0 0; border-width: 0; border-bottom-width: 1px; border-top-style: solid; clear: both; } .dark-bg hr { border-color: rgba(255,255,255,.4); } .dima-breaking-news { background: #fafafa; height: 4.2857142857rem; overflow: hidden; } .dima-breaking-news .flexslider { overflow: hidden; } .dima-breaking-news .breaking-news-icon { display: none; font-size: 1.4285714286em; line-height: 4.2857142857rem; color: #fff; } .dima-breaking-news .dima-breaking-news-title { position: relative; background: #ff5733; top: 0; height: 4.2857142857rem; display: block; float: left; padding-right: 25px; } .dima-breaking-news .dima-breaking-news-title span { font-family: "Open Sans",Helvetica,Arial,Times,serif; font-weight: 600; font-size: 1.4285714286em; line-height: 4.2857142857rem; color: #fff; } .dima-breaking-news .dima-breaking-news-title:before, .dima-breaking-news .dima-breaking-news-title:after { content: ""; display: block; height: 0; width: 0; position: absolute; } .dima-breaking-news .dima-breaking-news-title:before { border: solid 14px transparent; z-index: 3; } .dima-breaking-news .dima-breaking-news-title:after { border: solid 10px transparent; z-index: 2; } .dima-breaking-news .dima-breaking-news-title:after { top: 21px; left: auto; right: -18px; border-left-color: #ff5733; } .dima-breaking-news .side-color { background: #ff5733; width: 100%; height: 4.2857142857rem; display: inline-block; position: absolute; right: 100%; } .dima-breaking-news ul.slides { position: relative; float: left; height: 4.2857142857rem; line-height: 4.2857142857rem; width: 100%; left: 30px; left: 30px; } .dima-breaking-news ul.slides li a { color: #a1a1a1; } .dima-breaking-news ul.slides li a:hover { opacity: .6; } .direction-side .flex-direction-nav a:before { font-size: 1.0714285714em; line-height: .7142857143rem; } .direction-side .flex-direction-nav li a { opacity: .9; color: #a1a1a1; } .direction-side .flex-direction-nav li a:hover { opacity: 1; } .direction-side .flex-direction-nav .flex-next, .direction-side .flex-direction-nav .flex-prev, .direction-side:hover .flex-direction-nav .flex-prev, .direction-side:hover .flex-direction-nav .flex-next { left: initial; right: 0; } @media only screen and (max-width: 480px) { .dima-breaking-news .flex-nav-prev, .dima-breaking-news .flex-nav-next { display: none; } .dima-breaking-news .dima-breaking-news-title i { display: block; } .dima-breaking-news .dima-breaking-news-title span { display: none; } } .text-center { text-align: center; } .text-start { text-align: left; } .text-end { text-align: right; } .float-start { float: left; } .float-end { float: right; } .float-center { float: left; position: relative; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .hide-text { font: 0/0 a; color: transparent!important; text-shadow: none; background-color: transparent!important; border: 0; } strong { font-weight: bold; } .through { text-decoration: line-through; } .uppercase { text-transform: uppercase!important; } .no-bottom-margin { margin-bottom: 0!important; } .no-margin { margin: 0!important; } .no-top-padding { padding-top: 0; } .no-bottom-padding { padding-bottom: 0; } .opacity-zero { opacity: 0; } .show { opacity: 1; } .hide { display: none; } .dima-hidden { display: none!important; } .no-shadow { -webkit-box-shadow: none!important; box-shadow: none!important; } .theme-color { color: #ff5733; } ul.inline { margin: 0; } .inline>li { display: inline-block; margin-right: 8px; margin-bottom: 8px; } .inline>li:last-child { margin-right: 0; } .text-vertical-center { bottom: 50%!important; top: auto!important; -webkit-transform: translateY(50%)!important; transform: translateY(50%)!important; } .vertical-middle { display: inline-block; height: 100%; vertical-align: middle; } .relative { position: relative; } .absolute { position: absolute; } .unset { overflow: unset; } .full-width { width: 100%; } .no-border { border: none; } .circle { border-radius: 100%; overflow: hidden; } .circle>img, .circle .dima-img, .circle .gm-style { border-radius: 100%; overflow: hidden; } .rounded { border-radius: 6px; } .rounded>img, .rounded .dima-img, .rounded .gm-style { border-radius: 6px; overflow: hidden; } .dima-box-shadow { -webkit-box-shadow: 0 0 13px 0 rgba(112,112,112,.35); box-shadow: 0 0 13px 0 rgba(112,112,112,.35); border: none; } .list-with-line li { display: block; padding: 13px 0; overflow: hidden; border-top: 1px solid #f2f2f2; } .list-with-line li:last-child { padding-bottom: 0; } .h5 { font-family: "Open Sans",Helvetica,Arial,Times,serif; font-weight: 700; font-size: 18px; line-height: 18px; color: #707070; text-rendering: optimizeLegibility; margin-bottom: .5em; } #infscr-loading { position: absolute; z-index: 999; bottom: 0; left: 50%; border-bottom: 2px solid #e4e4e4; border-right: 2px solid #ff5733; border-right: 2px solid #e4e4e4; border-top: 2px solid #ff5733; border-radius: 100%; height: 60px; width: 60px; margin-left: -30px; margin-top: -30px; -webkit-animation: fa-spin .6s infinite linear; animation: fa-spin .6s infinite linear; text-align: center; display: block; text-indent: -9999px; } .container:after { clear: both; } .container { zoom: 1; } .container .container { width: 100%!important; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .dima-clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; padding-bottom: 15px; } .double-clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; padding-bottom: 30px; } .clear-section { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; padding-bottom: 70px; } .overflow-hidden { position: relative; overflow: hidden; } .stream-item { text-align: center; position: relative; } .stream-item.stream-item-above-post { margin: 0 auto 30px; } .stream-item.stream-item-below-post { margin: 30px auto; } .stream-item img { max-width: 100%; width: auto; height: auto; margin: 0 auto; display: inline-block; vertical-align: middle; } .page-section-content:before, .clear:before, .dima-container:before, .boxed-blog:before, .blog-list:before, .container:before, .page-section-content:after, .clear:after, .dima-container:after, .boxed-blog:after, .blog-list:after, .container:after { display: table; content: ""; line-height: 0; } .page-section-content:after, .clear:after, .dima-container:after, .boxed-blog:after, .blog-list:after, .container:after { clear: both; } body { word-wrap: break-word; } pre code { word-wrap: normal; } h1 { font-size: 3.8571428571em; line-height: 1.2em; letter-spacing: .05em; font-weight: 700; } h2, .title_container.start-style h1, .title_container.center-style h1 { font-size: 2.5714285714em; line-height: 1.25em; font-weight: 700; } h3, .boxed-blog article .post-content .single-post-title, .boxed-blog .post .post-content .single-post-title { font-size: 2em; line-height: 1.25em; letter-spacing: .025em; font-weight: 700; } h4 { font-size: 1.5714285714em; line-height: 1.3em; -webkit-transition: .2; transition: .2; letter-spacing: .025em; font-weight: 700; } h5, .comment-reply-title { font-size: 1.2857142857em; line-height: 1.3em; letter-spacing: .01em; font-weight: 700; } h6, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav .dima-mega-menu .dima-menu-title, .dima-navbar-wrap.desk-nav .dima-navbar nav .dima-nav-end .dima-mega-menu .dima-menu-title, .dima-testimonial blockquote .quote-content .dima-testimonial-meta strong { font-size: 1em; line-height: 1.37em; font-weight: 700; } .sticky { margin: 0; } .alignright { float: right; margin: .35em 0 .35em 30px; } .alignleft { float: left; margin: .35em 30px .35em 0; } .alignnone { float: none; margin: 0 0 30px 0; } .aligncenter:not([class*="wp-block"]) { display: block; clear: both; padding-top: 10px; margin: 0 auto 30px; } .wp-caption, .gallery-item { max-width: 100%; } .wp-caption>.wp-caption-text, .wp-caption>.wp-caption-text:last-child, .gallery-item>.wp-caption-text, .gallery-item>.wp-caption-text:last-child { display: block; margin: 10px 0 5px; padding: 0 5%; line-height: 1.2; font-style: italic; } .gallery { margin-left: -.5em; margin-right: -.5em; } .gallery:after { display: table; content: ""; clear: both; } .gallery-item { margin: 0; float: left; padding: .5em; } .gallery-item img { width: 100%; } .gallery-columns-1 .gallery-item { width: 100%; float: none; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.3333%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6667%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .wp-caption-text { font-weight: normal; } .gallery-caption { font-weight: normal; } .bypostauthor { font-weight: normal; } iframe { max-width: 100%; } .wp-block-embed-vimeo, .wp-block-embed-ted, .wp-block-embed-kickstarter, .wp-block-embed-youtube { padding-top: 56.25%; position: relative; } .wp-block-embed-vimeo iframe, .wp-block-embed-ted iframe, .wp-block-embed-kickstarter iframe, .wp-block-embed-youtube iframe { position: absolute; width: 100%; height: 100%; top: 0; } .wp-block-embed-twitter twitterwidget { margin: 0 auto; } .dima-admin-bar-menu { position: relative!important; display: inline-block; width: 16px!important; height: 16px!important; background: url("../image/pixeldima.png") no-repeat 0 0!important; background-size: 16px!important; margin-right: 8px!important; top: 3px!important; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .dima-admin-bar-menu:before { display: none!important; } #wp-admin-bar-dima-menu-options .lab-update-badge { width: 16px; height: 16px; line-height: 16px; background-color: #d54e21; display: inline-block; text-align: center; padding: 0; font-size: 10px; color: #fff; font-weight: 600; position: relative; top: -1px; margin-left: 2px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; } .wp-block-embed-vimeo, .wp-block-embed-ted, .wp-block-embed-kickstarter, .wp-block-embed-youtube { padding-top: 56.25%; position: relative; } .wp-block-embed-vimeo iframe, .wp-block-embed-ted iframe, .wp-block-embed-kickstarter iframe, .wp-block-embed-youtube iframe { position: absolute; width: 100%; height: 100%; top: 0; } .wp-block-embed-twitter twitterwidget { margin: 0 auto; } .wp-block-embed-twitter twitterwidget { margin: 0 auto; } .wp-block-pullquote { padding: 1.7857142857rem; text-align: center; } .wp-block-gallery { padding: 0!important; } .wp-block-audio audio { width: 100%; } .aligncenter.wp-block-image { margin: 2.2em auto 2.1em; } .wp-block-image.aligncenter { margin: 2.2em auto 2.1em; } @media only screen and (max-width: 768px) { html { font-size: 85%; } div [class^="ok-"] { margin-bottom: 30px; } div .ok-row { margin-bottom: 0; } #demo-shop .margin-up { margin-top: 0; } .boxed-blog article.image-in-side .post-img, .boxed-blog .post.image-in-side .post-img { width: 100%; margin: 0; margin-bottom: 25px; float: none; } .boxed-blog article.image-in-side .post-meta, .boxed-blog .post.image-in-side .post-meta { overflow: visible; } .clients-wrapper[class*="client-clm-"].grid li { width: 50%; } .horizontal-posts-list .split { display: none; } .horizontal-posts-list .posts-list, .horizontal-posts-list .main-post { margin-bottom: 0; } .boxed-blog.blog-list.grid-posts-list .with-two-clm>li { width: 100%; } .boxed-blog.blog-list.grid-posts-list .posts-list, .boxed-blog.blog-list.grid-posts-list .main-post { margin-bottom: 0; } .in-bottom-relative { margin-bottom: -3.125em!important; } .no-box.box-square header i, .no-box.box-circle header i { width: 80px; height: 80px; font-size: 35px; line-height: 80px; } .no-box.features-start.box-square .features-content, .features-start.box-circle .features-content { padding-left: 90px; } .no-box.features-end.box-square .features-content, .features-end.box-circle .features-content { padding-right: 90px; } .float-start, .float-end { float: none; margin-right: 0!important; margin-left: 0!important; } .dima-button.float-start, .dima-button.float-end { float: left; position: relative; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .boxed-blog .post-meta ul { text-align: center; } .boxed-blog .post-meta ul li.post-on { float: none; } .last-menu .attachment-menu { margin: 0 auto; float: none; display: block; margin-bottom: 30px; } .margin-end { margin-right: 0; } } @media only screen and (max-width: 989px) { html { font-size: 90%; } .responsive .topaz-line { margin-top: 25px; } .responsive .clear-section { padding-bottom: 50px; } .responsive .google-maps { height: 300px; } .responsive .title_container.start-style h1 { text-align: center; } .responsive .title_container.start-style .dima-breadcrumbs { margin-top: 20px; text-align: center; width: 100%; } .responsive .title_container.start-style .page-section-content { padding: 50px 0 70px 0; } .margin-bottom li { margin-bottom: 30px!important; } .features-box.features-start, .features-box.features-end { padding: 20px 15px; } .features-box.features-start header i, .features-box.features-end header i { display: none; } .features-box.features-start header h4, .features-box.features-end header h4 { padding-right: 0%; padding-left: 0%; } .features-box.features-start p, .features-box.features-end p { padding-right: 0%; padding-left: 0%; } .features-end .features-content, .features-start .features-content { padding-right: 0; padding-left: 0; } .box-square.features-start.no-box header i, .box-square.features-end.no-box header i, .box-circle.features-start.no-box header i, .box-circle.features-end.no-box header i { display: block; } .dima-container, .dima-sidebar { width: 100%!important; margin-right: 0!important; margin-left: 0!important; } .dima-sidebar, .order-products { margin-top: 30px; } .social-media figure li { margin-bottom: 10px; } .dima-pricing-table .dima-pricing-col.di_1_of_4.featured-larg { margin-top: 30px!important; } .nav-slit a.prev, .nav-slit a.next { display: none; } .dima-center-full { text-align: center; width: 100%!important; } .dima-full { clear: both; width: 100%!important; } .cart-table table tr td { padding: 30px 15px; } .products-list .dima-product.recipes .product-img, .products-list .dima-product.recipes .product-img figure { width: 100%; } .products-list .dima-product.recipes .product-content { float: right; } body.admin-bar .dima-navbar-wrap .fix_nav { top: 0; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .isotope-item .link_overlay:hover .work-info { bottom: 6%; } .with-margin .isotope-item { padding: 0 .7% 10px .7%!important; } div.di_1_of_4 { width: 48.5%; } div.di_1_of_4:nth-child(4n+3) { margin-top: 30px; margin-left: 0; } div.di_1_of_4:nth-child(4n) { margin-top: 30px; } .page-section-content .page-section.app { margin-bottom: 80px; } .services p { padding: 0!important; } .no-box.box-square header i, .box-circle header i { width: 85px; height: 85px; font-size: 45px; line-height: 85px; } .no-box.features-start.box-square .features-content, .features-start.box-circle .features-content { padding-left: 110px; } .no-box.features-end.box-square .features-content, .features-end.box-circle .features-content { padding-right: 110px; } .dima-timeline.dima-timeline-blog .post-meta ul li.post-comments, .dima-timeline.dima-timeline-blog .post-meta ul li.post-view { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1289px) { .vertical-menu .isotope-item .link_overlay:hover .work-info { bottom: 6%; } .vertical-menu .with-margin .isotope-item { padding: 0 .7% 10px .7%!important; } .vertical-menu div.di_1_of_4 { width: 48.5%; } .vertical-menu div.di_1_of_4:nth-child(4n+3) { margin-top: 30px; margin-left: 0; } .vertical-menu div.di_1_of_4:nth-child(4n) { margin-top: 30px; } .vertical-menu .no-box.box-square header i, .vertical-menu .box-circle header i { width: 85px; height: 85px; font-size: 45px; line-height: 85px; } .vertical-menu .no-box.features-start.box-square .features-content, .vertical-menu .features-start.box-circle .features-content { padding-left: 110px; } .vertical-menu .no-box.features-end.box-square .features-content, .vertical-menu .features-end.box-circle .features-content { padding-right: 110px; } .vertical-menu .dima-timeline.dima-timeline-blog .post-meta ul li.post-comments, .vertical-menu .dima-timeline.dima-timeline-blog .post-meta ul li.post-view { display: none; } .vertical-menu .dima-timeline-list li:before { left: 42.5px; padding-top: 85px; } } .dima-loading { position: fixed; display: block; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; } .dima-loading .loading-top, .dima-loading .loading-bottom { position: fixed; display: block; width: 100%; z-index: 9998; } .dima-loading .loading-top { top: 0; height: 50%; background-color: rgba(255,255,255,.95); -webkit-transition: top .3s; transition: top .3s; } .dima-loading .loading-bottom { bottom: 0; height: 50%; background-color: rgba(255,255,255,.95); -webkit-transition: bottom .3s; transition: bottom .3s; } .load-close { color: #707070; display: block; text-align: center; letter-spacing: 1px; font-weight: 300; font-family: 'Arial',serif; padding: 10px; position: absolute; line-height: 30px; bottom: 20px; left: 50%; margin-left: -37px; margin-top: 0; z-index: 99999; } .spin-2 .loading-text { color: #707070; display: block; text-align: center; padding-top: 30px; letter-spacing: 4px; font-weight: 100; -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; } .spin-2 { position: absolute; border: 2px solid; border-color: transparent #ff5733 #ff5733 #ff5733; border-radius: 50%; width: 40px; height: 40px; top: 50%; left: 50%; z-index: 999999; font-size: 0; margin-top: -20px; margin-left: -20px; -webkit-animation: single-arc-rotate .5s infinite linear; animation: single-arc-rotate .5s infinite linear; } @-webkit-keyframes single-arc-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes single-arc-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .not-found h6 { font-size: 18px; line-height: 18px; } .not-found p { opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .not-found h1 { font-size: 160px; line-height: 160px; margin: 20px 0 35px; } .not-found form { width: 450px; margin: 0 auto; } .animated { -webkit-animation-fill-mode: none; animation-fill-mode: none; } .clm-bullet .bullet.clm:nth-child(2n+3) { clear: left; margin-left: 0!important; } .bullet { cursor: pointer; width: 13px; height: 13px; display: inline-block; background: rgba(0,0,0,.3); text-indent: -9999px; border: 1px solid #fff; margin: 0 4px 8px 4px!important; float: left; } .bullet:hover, .bullet.selected { background: #fff!important; } .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { letter-spacing: 0!important; } .dima-main .tp-bullets.tp-thumbs { background-color: rgba(0,0,0,0)!important; } .dima-main .tp-bullets.tp-thumbs .bullet { opacity: 1; filter: alpha(opacity=1); } .dima-main .tp-bullets.tp-thumbs .bullet:hover, .dima-main .tp-bullets.tp-thumbs .bullet.selected { opacity: .9; filter: alpha(opacity=.9); background-size: cover!important; } .dima-main .tp-bullets.tp-thumbs { width: 100%!important; left: 0!important; margin-left: 0!important; } .dima-main .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { left: 50px!important; } .flex-caption, .tp-caption { z-index: 10!important; } .full-wrapper { width: 100%; position: relative; margin-left: auto; margin-right: auto; padding: 0 30px; } .topaz-div-bg { position: absolute; display: block; width: 100%; left: 0; } .with-top-border { border-top: 1px solid #e1e1e1; } .image-carousel.owl-theme .owl-controls { position: absolute; bottom: 20px; padding: 5px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .owl-circle .owl-dots .owl-dot span { border-radius: 50px; } .gallery-img { width: 100%; height: 100%; position: absolute; z-index: 55; } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: scale(.8); transform: scale(.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: .8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } button.mfp-close { background: #222; } .mfp-close { position: fixed; right: 20px; } .tp-banner-container { width: 100%; position: relative; padding: 0; } .in-bottom-absolute { position: absolute!important; top: -6.375em; } .in-bottom-relative { position: relative; margin-bottom: -6.25em; } .dima-navbar-vertical#framee { overflow: visible!important; } .scrollbar { position: absolute; top: 0; right: 0; bottom: 0; width: 4px; z-index: 100; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; opacity: 0; filter: alpha(opacity=0); } .scrollbar .handle { position: absolute; top: 0; width: 100%; height: 100px; background-color: rgba(0,0,0,.4); cursor: pointer; } .dima-navbar.dima-navbar-vertical .scrollbar { left: 0; } .vertical-menu-end .dima-navbar-vertical .scrollbar { right: 0; left: auto; } .dima-navbar-vertical:hover .scrollbar { opacity: 1; } .quick-view-content { position: relative; background: #fff; max-width: 930px; max-height: 600px; height: 100%; overflow: hidden; margin: 6% auto 0 auto; } .default-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 52; } .infscr-loading { position: fixed; left: 46%; text-align: center; display: block; bottom: 30px; }