����JFIF���������
1#@!#!123s
D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
martstudios__usr
/
data
/
www
/
martstudios.in
/
vini
/
css
/
Filename :
custom.css
back
Copy
.section-hero { background: #000; height: 100vh; min-height: 600px; overflow: hidden; } .section { position: relative; width: 100%; background-color: #fff; } .parallax-wrapper { position: absolute; width: 100%; height: 100%; top: 0; transition: opacity 250ms ease; } .section-background { height: 100%; } .gradient-bg::before { opacity: 0.95; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDkwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtvcGFjaXR5Oi44O2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQpfTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSI3MjAiIHgyPSI3MjAiIHkyPSI5MDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii40IiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+YmxhY2stZ3JhZGllbnQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAgMGgxNDQwdjkwMEgweiIgaWQ9IkJsYWNrX0dyYWRpZW50IiBkYXRhLW5hbWU9IkJsYWNrIEdyYWRpZW50Ii8+PC9nPjwvc3ZnPg==); } .gradient-bg::before, .gradient-bg::after { content: ''; height: 100%; left: 0; position: absolute; top: auto; bottom: 0; width: 100%; z-index: 1; background-size: cover; background-repeat: no-repeat; opacity: 0.8; } .section-bleed { top: 0; left: 0; width: 100%; height: 100%; max-width: none; } .section-bleed { max-width: 1860px; margin-left: auto; margin-right: auto; text-align: center; } <style> .gradient-bg.yellow-red::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDkwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50KX0uY2xzLTJ7bWFzazp1cmwoI21hc2spfS5jbHMtM3tmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50LTIpfS5jbHMtNHtvcGFjaXR5Oi44O2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQzKX08L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50MyIgeDE9IjcyMCIgeDI9IjcyMCIgeTI9IjkwMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSI3MjAiIHgyPSI3MjAiIHkxPSI4NTYuMTEiIHkyPSI0OC4yOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuOTciLz48c3RvcCBvZmZzZXQ9Ii41NSIvPjxzdG9wIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PG1hc2sgaWQ9Im1hc2siIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjkwMCIgeD0iMCIgeT0iMCIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMGgxNDQwdjkwMEgweiIgY2xhc3M9ImNscy0xIi8+PC9tYXNrPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTIiIHgxPSI3MC4yMiIgeDI9IjEzNjIuNzYiIHkxPSI0NTAiIHkyPSI0NTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmJhMDIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmOTM1NmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBpZD0iR3JhZGllbnRfNSIgZD0iTTAgMGgxNDQwdjkwMEgweiIgY2xhc3M9ImNscy0yIGNscy0zIiBkYXRhLW5hbWU9IkdyYWRpZW50IDUiLz48L2c+PC9zdmc+); } <style> .gradient-bg::before, .gradient-bg::after { content: ''; height: 100%; left: 0; position: absolute; top: auto; bottom: 0; width: 100%; z-index: 1; background-size: cover; background-repeat: no-repeat; opacity: 0.8; } .section-foreground { opacity: 1; filter: alpha(opacity=100); position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; } .hero-headline { min-height: 600px; height: 100vh; position: relative; color: #fff; } .section-hero.section-enter .section-content { visibility: visible; } .section-hero .section-content { position: absolute; bottom: 10%; left: -moz-calc(50% - 570px); left: -webkit-calc(50% - 570px); left: -o-calc(50% - 570px); left: calc(50% - 570px); margin: 0; } .hero-headline .section-content { text-align: center; } .section-hero .section-content, .section-feature .section-content { visibility: hidden; } @media only screen and (min-width: 1280px){ .section-content { width: 1140px; } } .section-hero.section-enter .section-content>:nth-child(1) { -webkit-animation: slideUpIn 2.2s; -moz-animation: slideUpIn 2.2s; -ms-animation: slideUpIn 2.2s; -o-animation: slideUpIn 2.2s; animation: slideUpIn 2.2s; margin-bottom: 10px; } .section-hero.section-enter .section-content>* { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .hero-headline .hero-title, .hero-headline .hero-sub-title { display: inline-block; padding: 0 5px; text-transform: uppercase; border-bottom: 0; position: relative; } .text-style-7 { font-size: 1.75rem; font-weight: 400; line-height: 1.14; color: #fff; } .outline-none { outline: none; } .hero-headline .hero-title span, .hero-headline .hero-sub-title span { margin: 0px 6px 0px 6px; } .yellow-red+.section-foreground .border::after { background: #fad138; } .hero-headline .border.border-blue::after { background: #6f4d9a; } .section-enter .hero-title::after { -webkit-animation: expand-width 3000ms; -moz-animation: expand-width 3000ms; -ms-animation: expand-width 3000ms; -o-animation: expand-width 3000ms; animation: expand-width 3000ms; } .hero-headline .border::after { margin-top: 0.3rem; display: block; content: ''; height: 4px; width: 100%; } .gradient-bg.yellow-red::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDkwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50KX0uY2xzLTJ7bWFzazp1cmwoI21hc2spfS5jbHMtM3tmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50LTIpfS5jbHMtNHtvcGFjaXR5Oi44O2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQzKX08L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50MyIgeDE9IjcyMCIgeDI9IjcyMCIgeTI9IjkwMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSI3MjAiIHgyPSI3MjAiIHkxPSI4NTYuMTEiIHkyPSI0OC4yOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuOTciLz48c3RvcCBvZmZzZXQ9Ii41NSIvPjxzdG9wIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PG1hc2sgaWQ9Im1hc2siIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjkwMCIgeD0iMCIgeT0iMCIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMGgxNDQwdjkwMEgweiIgY2xhc3M9ImNscy0xIi8+PC9tYXNrPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTIiIHgxPSI3MC4yMiIgeDI9IjEzNjIuNzYiIHkxPSI0NTAiIHkyPSI0NTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmJhMDIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmOTM1NmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBpZD0iR3JhZGllbnRfNSIgZD0iTTAgMGgxNDQwdjkwMEgweiIgY2xhc3M9ImNscy0yIGNscy0zIiBkYXRhLW5hbWU9IkdyYWRpZW50IDUiLz48L2c+PC9zdmc+); } <style> .gradient-bg::before, .gradient-bg::after { content: ''; height: 100%; left: 0; position: absolute; top: auto; bottom: 0; width: 100%; z-index: 1; background-size: cover; background-repeat: no-repeat; opacity: 0.8; } .section-background img { display: block; margin: 0 auto; font-family: 'object-fit: cover'; } picture img { width: 100%; height: 100%; object-fit: cover; object-position: top center; border: none; } .section-hero.section-enter .section-content { visibility: visible; } .section-hero .section-content { position: absolute; bottom: 10%; left: -moz-calc(50% - 570px); left: -webkit-calc(50% - 570px); left: -o-calc(50% - 570px); left: calc(50% - 570px); margin: 0; } .hero-headline .section-content { text-align: center; } <style> .section-hero .section-content, .section-feature .section-content { visibility: hidden; } @media only screen and (min-width: 1280px){ .section-content { width: 1140px; } .section-content { margin-left: auto; margin-right: auto; width: 80%; margin-top: 1.625rem; min-width: 940px; } .section-hero.section-enter .section-content>:nth-child(1) { -webkit-animation: slideUpIn 2.2s; -moz-animation: slideUpIn 2.2s; -ms-animation: slideUpIn 2.2s; -o-animation: slideUpIn 2.2s; animation: slideUpIn 2.2s; margin-bottom: 10px; } .section-hero.section-enter .section-content>* { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .hero-headline .hero-title, .hero-headline .hero-sub-title { display: inline-block; padding: 0 5px; text-transform: uppercase; border-bottom: 0; position: relative; } .text-style-7 { font-size: 1.75rem; font-weight: 400; line-height: 1.14; color: #fff; } .outline-none { outline: none; } .section-hero.section-enter .section-content>:nth-child(3) { -webkit-animation: slideUpIn 2.6s; -moz-animation: slideUpIn 2.6s; -ms-animation: slideUpIn 2.6s; -o-animation: slideUpIn 2.6s; animation: slideUpIn 2.6s; } .section-hero.section-enter .section-content>* { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .section-hero .hero-headline .hero-sub-message { width: 70%; word-break: break-word; margin: 0 0 0.1rem 0; font-size: 22px; } .hero-headline .hero-sub-message { display: inline-block; } .text-style-7 { font-size: 1.75rem; font-weight: 400; line-height: 1.14; color: #fff; } .section-hero.section-enter .section-content>:nth-child(2) { -webkit-animation: slideUpIn 2.4s; -moz-animation: slideUpIn 2.4s; -ms-animation: slideUpIn 2.4s; -o-animation: slideUpIn 2.4s; animation: slideUpIn 2.4s; } .section-hero.section-enter .section-content>* { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .section-hero .hero-headline .hero-main-message { margin: 0 auto; width: 80%; margin-bottom: .6rem; } .hero-headline h1 { margin-left: auto; margin-right: auto; margin-bottom: 15px; } .text-style { font-size: 2.813rem; font-weight: normal; line-height: 1.07; text-align: center; color: #fff; } .border{ border: none !important; } .section-feature.section-enter .section-content>:nth-child(3) { -webkit-animation: slideUpIn 2.6s; -moz-animation: slideUpIn 2.6s; -ms-animation: slideUpIn 2.6s; -o-animation: slideUpIn 2.6s; animation: slideUpIn 2.6s; } .section-feature.section-enter .section-content>* { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .section-feature .hero-headline .button-blue { display: block; margin: .8rem auto; } .button-blue { background: linear-gradient(to bottom, #699ab4 5%, #704798 100%); display: block; margin: auto; margin-top: 27px; color: #fff; } .button-blue, .button-grey { width: 218px; height: 42px; line-height: 42px; text-align: center; font-size: 1.063rem; }