4 changed files with 795 additions and 238 deletions
@ -0,0 +1,370 @@
@@ -0,0 +1,370 @@
|
||||
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} |
||||
body{margin:0} |
||||
article,aside,footer,header,nav,section{display:block} |
||||
h1{font-size:2em;margin:0.67em 0} |
||||
figcaption,figure,main{display:block} |
||||
figure{margin:1em 40px} |
||||
hr{box-sizing:content-box;height:0;overflow:visible} |
||||
pre{font-family:monospace, monospace;font-size:1em} |
||||
a{background-color:transparent;-webkit-text-decoration-skip:objects} |
||||
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted} |
||||
b,strong{font-weight:inherit} |
||||
b,strong{font-weight:bolder} |
||||
code,kbd,samp{font-family:monospace, monospace;font-size:1em} |
||||
dfn{font-style:italic} |
||||
mark{background-color:#ff0;color:#000} |
||||
small{font-size:80%} |
||||
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} |
||||
sub{bottom:-0.25em} |
||||
sup{top:-0.5em} |
||||
audio,video{display:inline-block} |
||||
audio:not([controls]){display:none;height:0} |
||||
img{border-style:none} |
||||
svg:not(:root){overflow:hidden} |
||||
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} |
||||
button,input{overflow:visible} |
||||
button,select{text-transform:none} |
||||
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} |
||||
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} |
||||
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText} |
||||
fieldset{padding:0.35em 0.75em 0.625em} |
||||
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} |
||||
progress{display:inline-block;vertical-align:baseline} |
||||
textarea{overflow:auto} |
||||
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0} |
||||
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} |
||||
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px} |
||||
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none} |
||||
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} |
||||
details,menu{display:block} |
||||
summary{display:list-item} |
||||
canvas{display:inline-block} |
||||
template{display:none} |
||||
[hidden]{display:none} |
||||
html{box-sizing:border-box} |
||||
*,*:before,*:after{box-sizing:inherit} |
||||
body{background:#fff;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased} |
||||
hr{border:0;display:block;height:1px;background:#E3E7EB;background:linear-gradient(to right, rgba(227,231,235,0.1) 0, rgba(227,231,235,0.6) 50%, rgba(227,231,235,0.1) 100%);margin-top:24px;margin-bottom:24px} |
||||
ul,ol{margin-top:0;margin-bottom:24px;padding-left:24px} |
||||
ul{list-style:disc} |
||||
ol{list-style:decimal} |
||||
li>ul,li>ol{margin-bottom:0} |
||||
dl{margin-top:0;margin-bottom:24px} |
||||
dt{font-weight:700} |
||||
dd{margin-left:24px;margin-bottom:24px} |
||||
img{height:auto;max-width:100%;vertical-align:middle} |
||||
figure{margin:24px 0} |
||||
figcaption{font-size:16px;line-height:24px;padding:8px 0} |
||||
img,svg{display:block} |
||||
table{border-collapse:collapse;margin-bottom:24px;width:100%} |
||||
tr{border-bottom:1px solid #E3E7EB} |
||||
th{text-align:left} |
||||
th,td{padding:10px 16px} |
||||
th:first-child,td:first-child{padding-left:0} |
||||
th:last-child,td:last-child{padding-right:0} |
||||
html{font-size:18px;line-height:27px} |
||||
@media (min-width: 641px){html{font-size:20px;line-height:30px;letter-spacing:-0.1px} |
||||
} |
||||
body{color:#5B6F82;font-size:1rem} |
||||
body,button,input,select,textarea{font-family:"Lato", sans-serif} |
||||
a{color:inherit;text-decoration:underline} |
||||
a:hover,a:active{outline:0;text-decoration:none} |
||||
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{clear:both;color:#202B36;font-family:"Roboto", sans-serif;font-weight:500} |
||||
h1,.h1{font-size:36px;line-height:46px;letter-spacing:-0.2px} |
||||
@media (min-width: 641px){h1,.h1{font-size:42px;line-height:52px;letter-spacing:-0.1px} |
||||
} |
||||
h2,.h2{font-size:30px;line-height:40px;letter-spacing:-0.1px} |
||||
@media (min-width: 641px){h2,.h2{font-size:36px;line-height:46px;letter-spacing:-0.2px} |
||||
} |
||||
h3,.h3,blockquote{font-size:20px;line-height:30px;letter-spacing:-0.1px} |
||||
@media (min-width: 641px){h3,.h3,blockquote{font-size:30px;line-height:40px;letter-spacing:-0.1px} |
||||
} |
||||
h4,h5,h6,.h4,.h5,.h6{font-size:18px;line-height:27px;letter-spacing:-0.1px} |
||||
@media (min-width: 641px){h4,h5,h6,.h4,.h5,.h6{font-size:20px;line-height:30px;letter-spacing:-0.1px} |
||||
} |
||||
@media (max-width: 640px){.h1-mobile{font-size:36px;line-height:46px;letter-spacing:-0.2px} |
||||
.h2-mobile{font-size:30px;line-height:40px;letter-spacing:-0.1px} |
||||
.h3-mobile{font-size:20px;line-height:30px;letter-spacing:-0.1px} |
||||
.h4-mobile,.h5-mobile,.h6-mobile{font-size:18px;line-height:27px;letter-spacing:-0.1px} |
||||
} |
||||
.text-light{color:rgba(255,255,255,0.8)} |
||||
.text-light a{color:rgba(255,255,255,0.8)} |
||||
.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light .h1,.text-light .h2,.text-light .h3,.text-light .h4,.text-light .h5,.text-light .h6{color:#fff !important} |
||||
.text-sm{font-size:18px;line-height:27px;letter-spacing:-0.1px} |
||||
.text-xs{font-size:16px;line-height:24px;letter-spacing:-0.1px} |
||||
h1,h2,.h1,.h2{margin-top:48px;margin-bottom:16px} |
||||
h3,.h3{margin-top:36px;margin-bottom:12px} |
||||
h4,h5,h6,.h4,.h5,.h6{margin-top:24px;margin-bottom:4px} |
||||
p{margin-top:0;margin-bottom:24px} |
||||
dfn,cite,em,i{font-style:italic} |
||||
blockquote{color:#92A2B1;font-style:italic;margin-top:24px;margin-bottom:24px;margin-left:24px} |
||||
blockquote::before{content:"\201C"} |
||||
blockquote::after{content:"\201D"} |
||||
blockquote p{display:inline} |
||||
address{color:#5B6F82;border-width:1px 0;border-style:solid;border-color:#E3E7EB;padding:24px 0;margin:0 0 24px} |
||||
pre,pre h1,pre h2,pre h3,pre h4,pre h5,pre h6,pre .h1,pre .h2,pre .h3,pre .h4,pre .h5,pre .h6{font-family:"Courier 10 Pitch", Courier, monospace} |
||||
pre,code,kbd,tt,var{background:#F6F8FA} |
||||
pre{font-size:16px;line-height:24px;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:24px;margin-top:24px;margin-bottom:24px} |
||||
code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:16px;padding:2px 4px} |
||||
abbr,acronym{cursor:help} |
||||
mark,ins{text-decoration:none} |
||||
small{font-size:18px;line-height:27px;letter-spacing:-0.1px} |
||||
b,strong{font-weight:700} |
||||
button,input,select,textarea,label{font-size:18px;line-height:27px} |
||||
.container,.container-sm{width:100%;margin:0 auto;padding-left:16px;padding-right:16px} |
||||
@media (min-width: 481px){.container,.container-sm{padding-left:24px;padding-right:24px} |
||||
} |
||||
.container{max-width:1128px} |
||||
.container-sm{max-width:848px} |
||||
.container .container-sm{max-width:800px;padding-left:0;padding-right:0} |
||||
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;word-wrap:normal !important} |
||||
.screen-reader-text:focus{border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;display:block;font-size:13px;letter-spacing:0px;font-weight:700;line-height:16px;text-transform:uppercase;text-decoration:none;background-color:#fff;color:#4992F0 !important;border:none;height:auto;left:8px;padding:16px 32px;top:8px;width:auto;z-index:100000} |
||||
.list-reset{list-style:none;padding:0} |
||||
.text-left{text-align:left} |
||||
.text-center{text-align:center} |
||||
.text-right{text-align:right} |
||||
.text-primary{color:#4992F0} |
||||
.text-secondary{color:#838DEA} |
||||
.has-top-divider{position:relative} |
||||
.has-top-divider::before{content:'';position:absolute;top:0;left:0;width:100%;display:block;height:1px;background:#E3E7EB;background:linear-gradient(to right, rgba(227,231,235,0.1) 0, rgba(227,231,235,0.6) 50%, rgba(227,231,235,0.1) 100%)} |
||||
.has-bottom-divider{position:relative} |
||||
.has-bottom-divider::after{content:'';position:absolute;bottom:0;left:0;width:100%;display:block;height:1px;background:#E3E7EB;background:linear-gradient(to right, rgba(227,231,235,0.1) 0, rgba(227,231,235,0.6) 50%, rgba(227,231,235,0.1) 100%)} |
||||
.m-0{margin:0} |
||||
.mt-0{margin-top:0} |
||||
.mr-0{margin-right:0} |
||||
.mb-0{margin-bottom:0} |
||||
.ml-0{margin-left:0} |
||||
.m-8{margin:8px} |
||||
.mt-8{margin-top:8px} |
||||
.mr-8{margin-right:8px} |
||||
.mb-8{margin-bottom:8px} |
||||
.ml-8{margin-left:8px} |
||||
.m-16{margin:16px} |
||||
.mt-16{margin-top:16px} |
||||
.mr-16{margin-right:16px} |
||||
.mb-16{margin-bottom:16px} |
||||
.ml-16{margin-left:16px} |
||||
.m-24{margin:24px} |
||||
.mt-24{margin-top:24px} |
||||
.mr-24{margin-right:24px} |
||||
.mb-24{margin-bottom:24px} |
||||
.ml-24{margin-left:24px} |
||||
.m-32{margin:32px} |
||||
.mt-32{margin-top:32px} |
||||
.mr-32{margin-right:32px} |
||||
.mb-32{margin-bottom:32px} |
||||
.ml-32{margin-left:32px} |
||||
.m-40{margin:40px} |
||||
.mt-40{margin-top:40px} |
||||
.mr-40{margin-right:40px} |
||||
.mb-40{margin-bottom:40px} |
||||
.ml-40{margin-left:40px} |
||||
.m-48{margin:48px} |
||||
.mt-48{margin-top:48px} |
||||
.mr-48{margin-right:48px} |
||||
.mb-48{margin-bottom:48px} |
||||
.ml-48{margin-left:48px} |
||||
.m-56{margin:56px} |
||||
.mt-56{margin-top:56px} |
||||
.mr-56{margin-right:56px} |
||||
.mb-56{margin-bottom:56px} |
||||
.ml-56{margin-left:56px} |
||||
.m-64{margin:64px} |
||||
.mt-64{margin-top:64px} |
||||
.mr-64{margin-right:64px} |
||||
.mb-64{margin-bottom:64px} |
||||
.ml-64{margin-left:64px} |
||||
.p-0{padding:0} |
||||
.pt-0{padding-top:0} |
||||
.pr-0{padding-right:0} |
||||
.pb-0{padding-bottom:0} |
||||
.pl-0{padding-left:0} |
||||
.p-8{padding:8px} |
||||
.pt-8{padding-top:8px} |
||||
.pr-8{padding-right:8px} |
||||
.pb-8{padding-bottom:8px} |
||||
.pl-8{padding-left:8px} |
||||
.p-16{padding:16px} |
||||
.pt-16{padding-top:16px} |
||||
.pr-16{padding-right:16px} |
||||
.pb-16{padding-bottom:16px} |
||||
.pl-16{padding-left:16px} |
||||
.p-24{padding:24px} |
||||
.pt-24{padding-top:24px} |
||||
.pr-24{padding-right:24px} |
||||
.pb-24{padding-bottom:24px} |
||||
.pl-24{padding-left:24px} |
||||
.p-32{padding:32px} |
||||
.pt-32{padding-top:32px} |
||||
.pr-32{padding-right:32px} |
||||
.pb-32{padding-bottom:32px} |
||||
.pl-32{padding-left:32px} |
||||
.p-40{padding:40px} |
||||
.pt-40{padding-top:40px} |
||||
.pr-40{padding-right:40px} |
||||
.pb-40{padding-bottom:40px} |
||||
.pl-40{padding-left:40px} |
||||
.p-48{padding:48px} |
||||
.pt-48{padding-top:48px} |
||||
.pr-48{padding-right:48px} |
||||
.pb-48{padding-bottom:48px} |
||||
.pl-48{padding-left:48px} |
||||
.p-56{padding:56px} |
||||
.pt-56{padding-top:56px} |
||||
.pr-56{padding-right:56px} |
||||
.pb-56{padding-bottom:56px} |
||||
.pl-56{padding-left:56px} |
||||
.p-64{padding:64px} |
||||
.pt-64{padding-top:64px} |
||||
.pr-64{padding-right:64px} |
||||
.pb-64{padding-bottom:64px} |
||||
.pl-64{padding-left:64px} |
||||
.sr .has-animations .is-revealing{visibility:hidden} |
||||
.input,.textarea{background-color:#fff;border-width:1px;border-style:solid;border-color:#E3E7EB;color:#5B6F82;max-width:100%;width:100%} |
||||
.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:#92A2B1} |
||||
.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#92A2B1} |
||||
.input::-ms-input-placeholder,.textarea::-ms-input-placeholder{color:#92A2B1} |
||||
.input::placeholder,.textarea::placeholder{color:#92A2B1} |
||||
.input::-ms-input-placeholder,.textarea::-ms-input-placeholder{color:#92A2B1} |
||||
.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#92A2B1} |
||||
.input:hover,.textarea:hover{border-color:#d4dae0} |
||||
.input:active,.input:focus,.textarea:active,.textarea:focus{outline:none;border-color:#4992F0} |
||||
.input[disabled],.textarea[disabled]{cursor:not-allowed;background-color:#F6F8FA;border-color:#F6F8FA} |
||||
.input{-moz-appearance:none;-webkit-appearance:none;font-size:16px;letter-spacing:-0.1px;line-height:20px;border-radius:2px;padding:13px 16px;height:48px;box-shadow:none} |
||||
.input .inline-input{display:inline;width:auto} |
||||
.textarea{display:block;min-width:100%;resize:vertical} |
||||
.textarea .inline-textarea{display:inline;width:auto} |
||||
.field-grouped>.control:not(:last-child){margin-bottom:8px} |
||||
@media (min-width: 641px){.field-grouped{display:flex} |
||||
.field-grouped>.control{flex-shrink:0} |
||||
.field-grouped>.control.control-expanded{flex-grow:1;flex-shrink:1} |
||||
.field-grouped>.control:not(:last-child){margin-bottom:0;margin-right:8px} |
||||
} |
||||
.button{display:inline-flex;font-size:13px;letter-spacing:0px;font-weight:700;line-height:16px;text-transform:uppercase;text-decoration:none !important;background-color:#fff;color:#4992F0 !important;border:none;border-radius:2px;cursor:pointer;justify-content:center;padding:16px 32px;height:48px;text-align:center;white-space:nowrap} |
||||
.button:active{outline:0} |
||||
.button::before{border-radius:2px} |
||||
.button-shadow{position:relative} |
||||
.button-shadow::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 8px 24px rgba(32,43,54,0.12);mix-blend-mode:multiply;transition:box-shadow .15s ease} |
||||
.button-shadow:hover::before{box-shadow:0 8px 24px rgba(32,43,54,0.25)} |
||||
.button-sm{padding:8px 24px;height:32px} |
||||
.button-sm.button-shadow::before{box-shadow:0 4px 16px rgba(32,43,54,0.12)} |
||||
.button-sm.button-shadow:hover::before{box-shadow:0 4px 16px rgba(32,43,54,0.25)} |
||||
.button-primary{color:#fff !important;transition:background .15s ease} |
||||
.button-primary{background:#2e83ef;background:linear-gradient(65deg, #1274ED 0, #4992F0 100%)} |
||||
.button-primary:hover{background:#3386ef;background:linear-gradient(65deg, #1777ed 0, #4e95f0 100%)} |
||||
.button-block{display:flex} |
||||
.site-header{position:relative;padding:24px 0} |
||||
.site-header::before{content:'';position:absolute;top:0;left:16%;width:84%;height:500px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4MCIgaGVpZ2h0PSI2NTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik03MzEuMjA3IDY0OS44MDJDOTM1LjQ4NCA2NDIuMTQgMTQ4MCAzMzcuMzI1IDE0ODAgMTgwLjg4OGMwLTE1Ni40MzgtMzA5Ljc0NC0zNi4wNTUtNzIwLTM2LjA1NVMwLTE3NC40ODMgMCAxMzUuMTQ0YzAgMzA5LjYyNyA1MjYuOTMgNTIyLjMyIDczMS4yMDcgNTE0LjY1OHoiIGZpbGw9IiNGNkY4RkEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);background-size:1140px 500px;background-repeat:no-repeat} |
||||
.site-header-inner{position:relative;display:flex;justify-content:space-between;align-items:center} |
||||
.header-links{display:inline-flex} |
||||
.header-links li{display:inline-flex} |
||||
.header-links a:not(.button){font-size:13px;line-height:18px;letter-spacing:0px;font-weight:700;color:#5B6F82;text-transform:uppercase;text-decoration:none;line-height:16px;padding:8px 24px} |
||||
.header-links a:not(.button):hover,.header-links a:not(.button):active{color:#202B36} |
||||
@media (min-width: 641px){.site-header{position:relative;padding:24px 0} |
||||
.site-header::before{top:-50%;left:20%;width:80%;height:651px;background-size:1480px 651px} |
||||
} |
||||
.hero{position:relative;padding-top:40px;padding-bottom:40px} |
||||
.hero-paragraph{margin-bottom:32px} |
||||
.hero-browser{position:relative;margin-top:80px} |
||||
.hero-browser-inner{position:relative} |
||||
.hero-browser-inner svg{width:100%;height:auto;overflow:visible} |
||||
.bubble-1,.bubble-2,.bubble-3,.bubble-4{position:absolute} |
||||
.bubble-1 svg,.bubble-2 svg,.bubble-3 svg,.bubble-4 svg{height:auto} |
||||
.bubble-1{top:-15px;left:70px} |
||||
.bubble-1 svg{width:34px} |
||||
.bubble-2{bottom:0;right:-30px} |
||||
.bubble-2 svg{width:78px} |
||||
.bubble-3{left:-40px;bottom:-40px} |
||||
.bubble-3 svg{width:143px} |
||||
.bubble-4{top:-25px;right:-54px} |
||||
.bubble-4 svg{width:104px} |
||||
@media (min-width: 641px){.hero{padding-top:80px;padding-bottom:120px} |
||||
.hero-paragraph{margin-bottom:40px;padding-left:72px;padding-right:72px} |
||||
.bubble-1 svg,.bubble-2 svg,.bubble-3 svg,.bubble-4 svg{width:auto} |
||||
.bubble-1{top:85px;left:-30px} |
||||
.bubble-2{bottom:-8px;right:-75px} |
||||
.bubble-3{left:-140px;bottom:-120px} |
||||
.bubble-4{top:-35px;right:-110px} |
||||
} |
||||
.features{position:relative} |
||||
.features::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:482px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwNSIgaGVpZ2h0PSI0ODIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8cGF0aCBkPSJNODQuMjEyIDQ4MUMzMy4xNTIgNDQ3LjQ3IDAgNDA3Ljg4MSAwIDM2Mi43NDMgMCAyMDQuNTA1IDQ3OC42NzQgMCA2MzYuODQ3IDBjMTU4LjE3NCAwIDMzLjQzNCAxNzIuNzQxIDMzLjQzNCAzMzAuOTggMCA1NS43ODIgNi42NDYgMTA3LjAzNSA4LjMyMyAxNTAuMDJIODQuMjEyeiIgZmlsbD0iI0Y2RjhGQSIvPiAgICA8cGF0aCBkPSJNMTEwNC44MTcgNDgxLjI0MmwtODYxLjQ4NS0uMTdDMjExLjM4MiA0NTMuMjc4IDE5MiA0MjIuMDEzIDE5MiAzODcuNTA0IDE5MiAyMjkuMjggNDc3Ljc5MSA0IDYzNS45NyA0IDc5NC4xNDcgNCAxMjA1IDE0OS4zNTggMTIwNSAzMDcuNTgxYzAgNTkuNDQ1LTQwLjgyMyAxMjAuNTQzLTEwMC4xODMgMTczLjY2MXoiIGZpbGwtb3BhY2l0eT0iLjUiIGZpbGw9IiNGRkYiLz4gIDwvZz48L3N2Zz4=);background-size:1205px 482px;background-repeat:no-repeat} |
||||
.features-wrap{display:flex;flex-wrap:wrap;justify-content:center;margin-right:-12px;margin-left:-12px} |
||||
.features-wrap:first-child{margin-top:-8px} |
||||
.features-wrap:last-child{margin-bottom:-8px} |
||||
.feature{padding:8px 12px;width:368px;max-width:344px;flex-grow:1} |
||||
.feature-inner{height:100%} |
||||
.feature-icon{position:relative;display:flex;justify-content:center;background:#fff;border-radius:50%} |
||||
.feature-icon::before{content:'';position:absolute;top:0;width:80px;height:80px;border-radius:50%;box-shadow:0 16px 48px #E3E7EB;mix-blend-mode:multiply} |
||||
@supports (-ms-ime-align: auto){.feature-icon::before{box-shadow:0 16px 48px rgba(32,43,54,0.12)} |
||||
} |
||||
.feature-title{margin-top:20px} |
||||
@media (min-width: 641px){.features::before{left:55%;width:45%} |
||||
.features-wrap:first-child{margin-top:-32px} |
||||
.features-wrap:last-child{margin-bottom:-32px} |
||||
.feature{padding:32px 12px} |
||||
.feature-title{margin-top:16px} |
||||
} |
||||
.newsletter .section-inner{padding-bottom:64px} |
||||
.newsletter .section-paragraph{margin-bottom:32px} |
||||
.newsletter-form{max-width:475px;margin:0 auto} |
||||
@media (min-width: 641px){.newsletter .section-inner{padding-bottom:120px} |
||||
.newsletter .section-paragraph{margin-bottom:40px;padding-left:72px;padding-right:72px} |
||||
} |
||||
.is-boxed{background:#F6F8FA} |
||||
.body-wrap{background:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:100vh} |
||||
.boxed-container{max-width:1440px;margin:0 auto;box-shadow:0 16px 48px #E3E7EB} |
||||
@supports (-ms-ime-align: auto){.boxed-container{box-shadow:0 16px 48px rgba(32,43,54,0.12)} |
||||
} |
||||
main{flex:1 0 auto} |
||||
.section-inner{position:relative;padding-top:48px;padding-bottom:48px} |
||||
@media (min-width: 641px){.section-inner{padding-top:80px;padding-bottom:80px} |
||||
} |
||||
.site-footer{position:relative;font-size:14px;line-height:20px;letter-spacing:0px} |
||||
.site-footer::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:259px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIyMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgPGRlZnM+ICAgIDxwYXRoIGQ9Ik0yNjEuNyAyODYuNjgyYzQyMS40NzcgMCAxNDg4Ljk3NyAxNzYuMDc4IDE0ODguOTc3IDM5LjIzNHM0NzguNzU0LTI0OC4wNDMgNTcuMjc4LTI0OC4wNDNjLTE5OC43NDYgMC00NjguNTY2IDMuNTU1LTcxOS45NTctMTEuMjNDODA2LjI3MSA1MC4wNzYgNTQxLjkgMjcuMjI3IDM0NC45NzcgNTIuNDM4LTI3LjY2NSAxMDAuMTQ1LTE1OS43NzYgMjg2LjY4MyAyNjEuNyAyODYuNjgzeiIgaWQ9ImEiLz4gIDwvZGVmcz4gIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODUgLTQxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4gICAgPC9tYXNrPiAgICA8dXNlIGZpbGw9IiM4MzhERUEiIHhsaW5rOmhyZWY9IiNhIi8+ICAgIDxwYXRoIGQ9Ik0yNDAuNzI3IDMyNi4zOTVjNDIxLjQ3NiAwIDk3Mi43NDQgMTc5Ljc4NyA5NzIuNzQ0IDQyLjk0M3MxMjkuMjg2LTE3NS43NDgtMjkyLjE5LTE3NS43NDgtMjU2LjMxNC0yMjYuNDk0LTI1Ni4zMTQtODkuNjVjMCAxMzYuODQzLTg0NS43MTcgMjIyLjQ1NS00MjQuMjQgMjIyLjQ1NXoiIGZpbGw9IiNBMEE2RUUiIG1hc2s9InVybCgjYikiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDEzNTUuMTYyIDApIi8+ICAgIDxwYXRoIGQ9Ik00NDUuNyAzODcuNjgyYzQyMS40NzcgMCA5NzIuNzQ1IDE3OS43ODcgOTcyLjc0NSA0Mi45NDNzNTc5Ljk0MS0yNTUuMjQ2IDE1OC40NjUtMjU1LjI0Ni03MDYuOTY5LTE0Ni45OTYtNzA2Ljk2OS0xMC4xNTJjMCAxMzYuODQzLTg0NS43MTcgMjIyLjQ1NS00MjQuMjQgMjIyLjQ1NXoiIGZpbGw9IiM2MjZDRDUiIG1hc2s9InVybCgjYikiLz4gIDwvZz48L3N2Zz4=);background-size:1440px 259px;background-repeat:no-repeat} |
||||
.site-footer a{color:rgba(255,255,255,0.8);text-decoration:none} |
||||
.site-footer a:hover,.site-footer a:active{color:#fff;text-decoration:underline} |
||||
.site-footer-inner{position:relative;display:flex;flex-wrap:wrap;padding-top:40px;padding-bottom:40px} |
||||
.footer-brand,.footer-links,.footer-social-links,.footer-copyright{flex:none;width:100%;display:inline-flex;justify-content:center} |
||||
.footer-brand,.footer-links,.footer-social-links{margin-bottom:24px} |
||||
.footer-links li+li,.footer-social-links li+li{margin-left:16px} |
||||
.footer-social-links li{display:inline-flex} |
||||
.footer-social-links li a{padding:8px} |
||||
@media (min-width: 641px){ |
||||
.site-footer::before{height:202px} |
||||
.site-footer-inner{justify-content:space-between} |
||||
.footer-brand,.footer-links,.footer-social-links,.footer-copyright{flex:50%} |
||||
.footer-brand,.footer-copyright{justify-content:flex-start} |
||||
.footer-links,.footer-social-links{justify-content:flex-end} |
||||
.footer-links{order:1;margin-bottom:0} |
||||
} |
||||
|
||||
.logo{line-height:1em;font-size:24px} |
||||
.log_tn{font-size:14px;text-decoration:none} |
||||
.log_tn span{ |
||||
font-family: Brush Script MT; |
||||
color: #181818; |
||||
font-size: 24px; |
||||
text-shadow: 1px 1px 0 rgb(122 122 122), |
||||
1px 1px 5px rgb(183 183 183 / 80%); |
||||
margin-top:3px; |
||||
} |
||||
.site-footer .log_tn span{color:#FFF} |
||||
.connect_me_tn{display:block;text-decoration:none;padding:4px 10px} |
||||
.btn_icon{height:24px !important;margin-top:-4px;margin-right:3px} |
||||
.pfav{position:absolute;top:25%;width:25%;left:10px} |
||||
.pfav a{text-decoration:none} |
||||
.pfav h4{color:#666} |
||||
.pfav-item-2{left:19%} |
||||
.pfav-item-3{left:38%} |
||||
.pfav-item-4{left:55%} |
||||
.stats{padding:10px 10px 4px 10px} |
||||
.stats .col{display:inline-block;padding:13px 4px;width:30%;max-width:128px;background:#444;color:#FFF;margin-right:4px;margin-bottom:6px;text-align:center} |
||||
.stats .col strong{font-size:28px} |
||||
.stats .col label{display:block;font-size:15px} |
||||
.stats .info{background-color:darkblue} |
||||
.stats .success{background-color:green} |
||||
.stats .warning{background-color:orange;color:#444} |
||||
.stats .danger{background-color:red} |
||||
@media (max-width:640px){ |
||||
.pfav{display:none} |
||||
} |
||||
Loading…
Reference in new issue