/* Theme Default --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ * { margin: 0; padding: 0; -ms-word-wrap: break-word; word-wrap: break-word; } :root { --adas-portfolio-primary: #ef644c; --adas-portfolio-secondary: #56B887; --adas-portfolio-heading: #273e62; --adas-portfolio-offbg: #f7f7f7; --adas-portfolio-text: #555; --adas-portfolio-darkbg: #273e62; --adas-portfolio-border: #bbbbbb36; --adas-portfolio-white: #fff; --adas-portfolio-dark-theme-heading: #fff; --adas-portfolio-dark-theme-bg: #232426; --adas-portfolio-dark-theme-bg2: #3C3C3C; --adas-portfolio-dark-theme-offbg: #1A1B1C; --adas-portfolio-dark-theme-text: #a6a6a6; } .gr-custom-bg{ background-color: var(--adas-portfolio-offbg); } .gr-dark-bg{ background-color: var(--adas-portfolio-darkbg); } .gr-dark-bg2{ background-color: var(--adas-portfolio-darkbg); } body { font-weight: 400; font-size: 15px; line-height: 22px; color: var(--adas-portfolio-heading); line-height: 24px; overflow-x: hidden; background-color: #f2f2f2; position: relative; font-family: "Poppins", sans-serif; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 135%; display: block; word-break: break-word; } h1{ font-size:40px; } h2{ font-size:35px; } h3{ font-size:30px; } h4{ font-size:25px; } h5{ font-size:20px; } h6{ font-size:15px; } p { margin: 0; font-weight: 400; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 15px; line-height: 27px; color:var(--adas-portfolio-text); } ul { list-style: none; margin-bottom: 0; } .list-none{ list-style: none; margin:0; padding:0; } a,button,input,textarea,span{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:500; } div,img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .adas-portfolio-primary{ color:var(--adas-portfolio-primary); } .adas-portfolio-secondary{ color:var(--adas-portfolio-secondary); } .adas-portfolio-heading{ color:var(--adas-portfolio-heading); } .adas-portfolio-text{ color:var(--adas-portfolio-text); } a, a:hover, a:focus, a:active, button{ outline: none; text-decoration:none; } p a:hover,p a:focus,ul li a:hover, ul li a:focus, ol li a:hover, ol li a:focus, h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,h4 a:hover,h4 a:focus,h5 a:hover,h5 a:focus,h6 a:hover,h6 a:focus{ color:var(--adas-portfolio-primary) !important; } .adas-portfolio-entry-content p,.adas-portfolio-entry-content h1,.adas-portfolio-entry-content h2,.adas-portfolio-entry-content h3,.adas-portfolio-entry-content h4, .adas-portfolio-entry-content h5, .adas-portfolio-entry-content h6 { margin-bottom: 20px; } .adas-portfolio-entry-content p:last-child { margin: 0; } img { max-width: 100%; display:block; } select:focus, select:active { box-shadow: 0; border: 0; outline: 0 } p{ margin:0; } .margin-bottom-20{ margin-bottom: 20px; } .container { max-width: 1324px; } .elementor-page .adas-portfolio-bc { display: none; } .adas-portfolio-page.site-page.container-elementor { padding: 0; } .adas-portfolio-page.site-page.container-elementor .container { max-width: 100%; padding: 0; } a.adas-portfolio-btn:hover::before{ top: -40%; } a.adas-portfolio-btn, a.adas-portfolio-btn:visited { text-transform: capitalize; font-weight: 500; border: none; /* display: inline-block; */ text-align: center; font-size: 16px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding: 8px 25px; background: var(--adas-portfolio-primary); color: #fff; display: inline-flex; align-items: center; gap: 10px; position: relative; border-radius: 4px; } a.adas-portfolio-btn:hover, a.adas-portfolio-btn:focus { background: var(--adas-portfolio-secondary); color: var(--adas-portfolio-heading) ; } .adas-portfolio-btn.adas-portfolio-btn__secondary { background: var(--adas-portfolio-secondary) !important; color: #fff !important; } .adas-portfolio-btn.adas-portfolio-btn__secondary:hover { background: var(--adas-portfolio-heading) !important; color: #fff !important; } .has-large-font-size { font-size: 36px; line-height: 42px; } .blog-section a{ word-wrap:anywhere; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } ul, ul li,ol, ol li{ margin:0; padding:0; } .gr-section-padding { padding: 80px 0; } /* Section Title */ .section-title { z-index: 10; position: relative; margin-bottom: 30px; } .section-title .small-title { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .section-title .s-content-title { color: #232323; font-size: 28px; text-transform: capitalize; line-height: 1.2; } .s-content-title span { background: var(--adas-portfolio-primary); color: #fff; padding: 3px 15px; border-radius: 3px; border-radius: 30px; } .sc-title-button{ text-align:right; } .font-stylish { font-family: 'Caveat', cursive; letter-spacing: 2px; } /* Section Title */ .section-wt .small-title{ color:#fff; } .section-wt .s-content-title{ color:#fff; } /* Padding Margin */ .section-padding{ padding:80px 0; } .pd-btm-0 { padding-bottom: 0px !important; } .pd-top-10 { padding-top: 10px; } .pd-top-15{ padding-top:15px; } .pd-top-20 { padding-top: 20px; } .pd-top-30 { padding-top: 30px; } .pd-top-40 { padding-top: 40px; } .pd-top-50 { padding-top: 50px; } .pd-top-60 { padding-top: 60px; } .pd-top-70 { padding-top: 70px; } .pd-top-80 { padding-top: 80px; } .pd-top-90 { padding-top: 90px; } .pd-top-100 { padding-top: 100px; } .pd-top-110 { padding-top: 110px; } .pd-top-120 { padding-top: 120px; } .pd-top-130 { padding-top: 130px; } .pd-btm-10 { padding-bottom: 10px; } .pd-btm-15{ padding-bottom:15px; } .pd-btm-20 { padding-bottom: 20px; } .pd-btm-30 { padding-bottom: 30px; } .pd-btm-40 { padding-bottom: 40px; } .pd-btm-50 { padding-bottom: 50px; } .pd-btm-60 { padding-bottom: 60px; } .pd-btm-70 { padding-bottom: 70px; } .pd-btm-80 { padding-bottom: 80px; } .pd-btm-90 { padding-bottom: 90px; } .pd-btm-100 { padding-bottom: 100px; } .pd-btm-110 { padding-bottom: 110px; } .pd-btm-120 { padding-bottom: 120px; } .pd-btm-130 { padding-bottom: 130px; } .mg-top-10 { margin-top: 10px !important } .mg-top-15{ margin-top: 15px !important } .mg-top-20 { margin-top: 20px !important; } .mg-top-25 { margin-top: 25px !important; } .mg-top-30 { margin-top: 30px !important } .mg-top-40 { margin-top: 40px !important } .mg-top-45{ margin-top: 45px !important } .mg-top-50 { margin-top: 50px !important } .mg-top-60 { margin-top: 60px !important } .mg-top-70 { margin-top: 70px !important } .mg-top-80 { margin-top: 80px !important } .mg-top-90 { margin-top: 90px !important } .mg-top-100 { margin-top: 100px !important } .mg-top-110 { margin-top: 110px !important } .mg-top-120 { margin-top: 120px !important } .mg-top-130 { margin-top: 130px !important } .mg-btm-10 { margin-bottom: 10px !important } .mg-btm-15{ margin-bottom: 15px !important } .mg-btm-20 { margin-bottom: 20px !important } .mg-btm-25 { margin-bottom: 25px !important } .mg-btm-30 { margin-bottom: 30px !important } .mg-btm-35 { margin-bottom: 35px !important } .mg-btm-40 { margin-bottom: 40px !important } .mg-btm-50 { margin-bottom: 50px !important } .mg-btm-60 { margin-bottom: 60px !important } .mg-btm-70 { margin-bottom: 70px !important } .mg-btm-80 { margin-bottom: 80px !important } .mg-btm-90 { margin-bottom: 90px !important } .mg-btm-100 { margin-bottom: 100px !important } .mg-btm-110 { margin-bottom: 110px !important } .mg-btm-120 { margin-bottom: 120px !important } /* Preloader */ .adas-preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #fff; z-index: 33333333; } .adas-preloader__ip { width: 120px; height: 120px; } .adas-preloader__track { stroke: hsl(var(--hue), 90%, 90%); transition: stroke var(--trans-dur); } .adas-preloader__worm1, .adas-preloader__worm2 { animation: worm1 2s linear infinite; } .adas-preloader__worm2 { animation-name: worm2; } .color1{ stop-color: var(--adas-portfolio-primary); } .color2{ stop-color:var(--adas-portfolio-secondary); } .color3{ stop-color:var(--adas-portfolio-primary); } .color4{ stop-color:var(--adas-portfolio-secondary); } .color5{ stop-color:var(--adas-portfolio-primary); } .color6{ stop-color:var(--adas-portfolio-secondary); } .adas-preloader__track { stroke: none; } /* Animation */ @keyframes worm1 { from { stroke-dashoffset: 0; } 50% { animation-timing-function: steps(1); stroke-dashoffset: -358; } 50.01% { animation-timing-function: linear; stroke-dashoffset: 358; } to { stroke-dashoffset: 0; } } @keyframes worm2 { from { stroke-dashoffset: 358; } 50% { stroke-dashoffset: 0; } to { stroke-dashoffset: -358; } } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-size: 1em; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } body, button, input, select, optgroup, textarea { color: var(--adas-portfolio-heading) ; } p a{ text-decoration: underline !important; } p a, ul li a, ol li a { color: var(--adas-portfolio-primary); } p a:hover, ul li a:hover, ol li a:hover p a:focus, ul li a:focus, ol li a:focus{ color: var(--adas-portfolio-heading) !important; } h1, h2, h3, h4, h5, h6 { clear: both; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* Elements --------------------------------------------- */ body { } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; table-layout: fixed; width: 100%; } /* Links --------------------------------------------- */ a { color: var(--adas-portfolio-primary); } a:hover, a:focus, a:active { color: var(--adas-portfolio-heading); } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Forms --------------------------------------------- */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid var(--adas-portfolio-border); border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; box-shadow: none !important; } select { border: 1px solid #ccc; } textarea { width: 100%; min-height: 120px; padding-top: 10px; } a:active, a:focus, a:hover { color: var(--adas-portfolio-primary); } a:focus, button:focus, button:hover, input:focus, input:hover, textarea:focus, textarea:hover { outline: none !important; } a, a:focus, a:hover, button:focus, button:hover, input:focus, input:hover, textarea:focus, textarea:hover { color: var(--adas-portfolio-heading) ; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; justify-content: space-between; align-items: center; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } .comment-navigation .nav-next a, .posts-navigation .nav-next a, .post-navigation .nav-next a{ background: var(--adas-portfolio-darkbg); border-color: transparent; color: #fff; } .comment-navigation .nav-next a:hover, .comment-navigation .nav-next a:focus, .posts-navigation .nav-next a:hover, .posts-navigation .nav-next a:focus, .post-navigation .nav-next a:hover, .post-navigation .nav-next a:focus{ background: var(--adas-portfolio-primary); } .nav-links a:hover, .nav-links a:focus { background: var(--adas-portfolio-primary); } /* Posts and pages --------------------------------------------- */ .sticky { display: block; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Widgets --------------------------------------------- */ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } /* Media --------------------------------------------- */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } .site-page-bg { background-size: cover; background-position: center; background-repeat: no-repeat; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .site-page-bg.site-page-bg--two { display: none; } .dark-theme .site-page-bg.site-page-bg--two{ display: block; } .dark-theme .site-page-bg.site-page-bg--one{ display: none; } .cursor { pointer-events: none; position: fixed; padding: 0.3rem; background-color: var(--pw-primary); border-radius: 50%; mix-blend-mode: difference; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.3s ease; transition: opacity 0.4s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, opacity 0.4s ease; transition: transform 0.3s ease, opacity 0.4s ease; transition: transform 0.3s ease, opacity 0.4s ease, -webkit-transform 0.3s ease; z-index: 99999; } .cursor-active { -webkit-transform: translate(-50%, -50%) scale(8); -ms-transform: translate(-50%, -50%) scale(8); transform: translate(-50%, -50%) scale(8); opacity: .1; } .modal { position: fixed; top: 0; left: 0; z-index: 999999; } .modal-backdrop { z-index: 99999; } .modal-content { border: none; } @media only screen and (max-width: 767px) { body{ position:initial; } }