|
|
|
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}
|
|
|
|
.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}
|
|
|
|
.button-cool{background-color:#444;color:#FFF !important}
|
|
|
|
.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:17%;width:25%;left:10px;text-align:center}
|
|
|
|
.pfav a{text-decoration:none}
|
|
|
|
.pfav h4{color:#666;margin-top:0;font-size:16px;font-weight:normal}
|
|
|
|
.pfav img{display:inline;width:76px}
|
|
|
|
.pfav-item-2{left:19%}
|
|
|
|
.pfav-item-3{left:38%}
|
|
|
|
.pfav-item-4{left:55%}
|
|
|
|
.hero-footer{position:absolute;top:37px;left:48px;font-size:16px}
|
|
|
|
.stats{padding:10px 10px 4px 10px}
|
|
|
|
.stats .col{display:inline-block;padding:13px 4px;width:30%;max-width:128px;background:#999;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:#1274ED}
|
|
|
|
.stats .success{background-color:#3adac9}
|
|
|
|
|
|
|
|
.g_main_lay{padding:0 2% 0 3.4%;margin-top:18px;min-height:360px;position:relative;max-width:1700px}
|
|
|
|
.g_form_style{max-width:406px;margin:4% auto 60px auto}
|
|
|
|
.g_form_style input,.g_form_style select{width:100%;font-size:15px;padding:12px 10px;border-radius:5px;border:solid 1px #9b9b9b;margin:6px 0 0 0}
|
|
|
|
.g_form_style>div{margin-bottom:11px}
|
|
|
|
.avform_bt{margin-top:18px}
|
|
|
|
.avform_bt button{position: relative;font-size:15px;min-width:100px;border-radius:6px;padding:10px 3px;border:none;background-color:#1274ED;color:#FFF;cursor: pointer}
|
|
|
|
.loading_bt{display:inline-block}
|
|
|
|
.bt_loading_cover{z-index:100;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;background:rgba(225,225,225,.5)}
|
|
|
|
.loading_bt svg{width: 20px;transform-origin: center;animation: change 2.5s linear infinite;
|
|
|
|
}
|
|
|
|
.loading_bt circle {fill: none;stroke: #FFF;stroke-width: 7;stroke-dasharray: 1, 200;stroke-dashoffset: 0;stroke-linecap: round;animation: diansh 2s ease-in-out infinite;
|
|
|
|
}
|
|
|
|
.g_form_style textarea{display:block;width:100%;padding:4px}
|
|
|
|
.g_form_style img{display:inline}
|
|
|
|
.twocol label{display:block}
|
|
|
|
.twocol input{width:62%}
|
|
|
|
.twocol button{margin-left:4px}
|
|
|
|
.elementNone,.hide{display:none !important}
|
|
|
|
.ml20{margin-left:20px}
|
|
|
|
.mt10{margin-top:10px}
|
|
|
|
|
|
|
|
@media (max-width:640px){
|
|
|
|
.hero-title small{display:block}
|
|
|
|
.pfav{top:53%}
|
|
|
|
.pfav img{width:40px}
|
|
|
|
.pfav h4{font-size:13px}
|
|
|
|
.hidden-xs{display:none}
|
|
|
|
}
|