1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222 |
- @import url(font-awesome.min.css);
- @import url("http://fonts.googleapis.com/css?family=Raleway:400,400italic,700,800");
- /*
- Highlights by HTML5 UP
- html5up.net | @n33co
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
- */
- /* Basic */
- html {
- background-color: #313a3d;
- background-attachment: fixed, fixed;
- background-image: url("images/overlay.png"), url("../images/bg.jpg");
- background-position: top left, center center;
- background-repeat: repeat, none;
- background-size: auto, cover;
- }
- html.is-loading body *, html.is-loading body *:before, html.is-loading body *:after {
- -moz-animation: none !important;
- -webkit-animation: none !important;
- -o-animation: none !important;
- -ms-animation: none !important;
- animation: none !important;
- -moz-transition: none !important;
- -webkit-transition: none !important;
- -o-transition: none !important;
- -ms-transition: none !important;
- transition: none !important;
- }
- html.is-touch {
- height: 100vh;
- overflow: hidden;
- }
- html.is-touch #wrapper {
- -webkit-backface-visibility: hidden;
- -webkit-overflow-scrolling: touch;
- -webkit-transform: translate3d(0, 0, 0);
- height: 100vh;
- overflow: auto;
- }
- body, input, select, textarea {
- color: #6f7577;
- font-family: "Raleway", "Helvetica", sans-serif;
- font-size: 15pt;
- font-weight: 400;
- line-height: 1.75em;
- }
- a {
- -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
- -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
- -o-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
- -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
- transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
- border-bottom: dotted 1px;
- color: #8cd1a8;
- text-decoration: none;
- }
- a:hover {
- border-bottom-color: transparent !important;
- color: #8cd1a8 !important;
- text-decoration: none;
- }
- strong, b {
- color: #61686b;
- font-weight: 700;
- }
- em, i {
- font-style: italic;
- }
- p {
- margin: 0 0 2em 0;
- }
- h1, h2, h3, h4, h5, h6 {
- color: #61686b;
- font-weight: 800;
- letter-spacing: 0.075em;
- line-height: 1em;
- margin: 0 0 1em 0;
- text-transform: uppercase;
- }
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
- color: inherit;
- text-decoration: none;
- }
- h2 {
- font-size: 1.75em;
- line-height: 1.5em;
- }
- h3 {
- font-size: 1em;
- line-height: 1.5em;
- }
- h4 {
- font-size: 0.9em;
- line-height: 1.5em;
- }
- h5 {
- font-size: 0.8em;
- line-height: 1.5em;
- }
- h6 {
- font-size: 0.7em;
- line-height: 1.5em;
- }
- sub {
- font-size: 0.8em;
- position: relative;
- top: 0.5em;
- }
- sup {
- font-size: 0.8em;
- position: relative;
- top: -0.5em;
- }
- hr {
- border: 0;
- border-bottom: solid 1px #dddddd;
- margin: 2em 0;
- }
- hr.major {
- margin: 3em 0;
- }
- blockquote {
- border-left: solid 6px #dddddd;
- font-style: italic;
- margin: 0 0 2em 0;
- padding: 0.5em 0 0.5em 1.5em;
- }
- code {
- background: rgba(144, 144, 144, 0.075);
- font-family: "Courier New", monospace;
- font-size: 0.9em;
- margin: 0 0.25em;
- padding: 0.25em 0.65em;
- }
- pre {
- -webkit-overflow-scrolling: touch;
- font-family: "Courier New", monospace;
- font-size: 0.9em;
- margin: 0 0 2em 0;
- }
- pre code {
- display: block;
- line-height: 1.75em;
- padding: 1em 1.5em;
- overflow-x: auto;
- }
- .align-left {
- text-align: left;
- }
- .align-center {
- text-align: center;
- }
- .align-right {
- text-align: right;
- }
- /* Loader */
- @-moz-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
- @-webkit-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
- @-o-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
- @-ms-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
- @keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
- @-moz-keyframes spinner-hide { 0% { color: #454d50; z-index: 10001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #313a3d; z-index: 10001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #313a3d; z-index: -1; -moz-transform: scale(0) rotate(360deg); -webkit-transform: scale(0) rotate(360deg); -o-transform: scale(0) rotate(360deg); -ms-transform: scale(0) rotate(360deg); transform: scale(0) rotate(360deg); } }
- @-webkit-keyframes spinner-hide { 0% { color: #454d50; z-index: 10001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #313a3d; z-index: 10001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #313a3d; z-index: -1; -moz-transform: scale(0) rotate(360deg); -webkit-transform: scale(0) rotate(360deg); -o-transform: scale(0) rotate(360deg); -ms-transform: scale(0) rotate(360deg); transform: scale(0) rotate(360deg); } }
- @-o-keyframes spinner-hide { 0% { color: #454d50; z-index: 10001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #313a3d; z-index: 10001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #313a3d; z-index: -1; -moz-transform: scale(0) rotate(360deg); -webkit-transform: scale(0) rotate(360deg); -o-transform: scale(0) rotate(360deg); -ms-transform: scale(0) rotate(360deg); transform: scale(0) rotate(360deg); } }
- @-ms-keyframes spinner-hide { 0% { color: #454d50; z-index: 10001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #313a3d; z-index: 10001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #313a3d; z-index: -1; -moz-transform: scale(0) rotate(360deg); -webkit-transform: scale(0) rotate(360deg); -o-transform: scale(0) rotate(360deg); -ms-transform: scale(0) rotate(360deg); transform: scale(0) rotate(360deg); } }
- @keyframes spinner-hide { 0% { color: #454d50; z-index: 10001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #313a3d; z-index: 10001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #313a3d; z-index: -1; -moz-transform: scale(0) rotate(360deg); -webkit-transform: scale(0) rotate(360deg); -o-transform: scale(0) rotate(360deg); -ms-transform: scale(0) rotate(360deg); transform: scale(0) rotate(360deg); } }
- @-moz-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
- @-webkit-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
- @-o-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
- @-ms-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
- @keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
- @-moz-keyframes overlay-hide { 0% { opacity: 1; z-index: 10000; } 15% { opacity: 1; z-index: 10000; } 99% { opacity: 0; z-index: 10000; } 100% { opacity: 0; z-index: -1; } }
- @-webkit-keyframes overlay-hide { 0% { opacity: 1; z-index: 10000; } 15% { opacity: 1; z-index: 10000; } 99% { opacity: 0; z-index: 10000; } 100% { opacity: 0; z-index: -1; } }
- @-o-keyframes overlay-hide { 0% { opacity: 1; z-index: 10000; } 15% { opacity: 1; z-index: 10000; } 99% { opacity: 0; z-index: 10000; } 100% { opacity: 0; z-index: -1; } }
- @-ms-keyframes overlay-hide { 0% { opacity: 1; z-index: 10000; } 15% { opacity: 1; z-index: 10000; } 99% { opacity: 0; z-index: 10000; } 100% { opacity: 0; z-index: -1; } }
- @keyframes overlay-hide { 0% { opacity: 1; z-index: 10000; } 15% { opacity: 1; z-index: 10000; } 99% { opacity: 0; z-index: 10000; } 100% { opacity: 0; z-index: -1; } }
- html body {
- text-decoration: none;
- }
- html body:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
- html body:before {
- -moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
- -webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
- -o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
- -ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
- animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
- -moz-transform-origin: 50% 50%;
- -webkit-transform-origin: 50% 50%;
- -o-transform-origin: 50% 50%;
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- color: #454d50;
- content: '\f1ce';
- cursor: default;
- display: block;
- font-size: 2em;
- height: 2em;
- left: 50%;
- opacity: 0;
- line-height: 2em;
- margin: -1em 0 0 -1em;
- position: fixed;
- text-align: center;
- top: 50%;
- width: 2em;
- z-index: -1;
- }
- html body:after {
- -moz-animation: overlay-hide 1s ease-in forwards !important;
- -webkit-animation: overlay-hide 1s ease-in forwards !important;
- -o-animation: overlay-hide 1s ease-in forwards !important;
- -ms-animation: overlay-hide 1s ease-in forwards !important;
- animation: overlay-hide 1s ease-in forwards !important;
- background: #313a3d;
- content: '';
- display: block;
- height: 100%;
- left: 0;
- opacity: 0;
- position: fixed;
- top: 0;
- width: 100%;
- z-index: -1;
- }
- html.is-loading body:before {
- -moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
- -webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
- -o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
- -ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
- animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
- z-index: 10001;
- }
- html.is-loading body:after {
- -moz-animation: none !important;
- -webkit-animation: none !important;
- -o-animation: none !important;
- -ms-animation: none !important;
- animation: none !important;
- opacity: 1;
- z-index: 10000;
- }
- @media (-webkit-min-device-pixel-ratio: 2) {
- html body:before {
- line-height: 2.025em;
- }
- }
- /* Section/Article */
- section.special, article.special {
- text-align: center;
- }
- header p {
- color: #a8b0b3;
- letter-spacing: 0.05em;
- text-transform: uppercase;
- }
- header h1 + p {
- margin-top: -1em;
- }
- header h2 + p {
- margin-top: -1em;
- }
- header h3 + p {
- margin-top: -0.8em;
- }
- header h4 + p,
- header h5 + p,
- header h6 + p {
- font-size: 0.8em;
- margin-top: -0.6em;
- }
- header.major {
- text-align: center;
- }
- header.major h1, header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
- position: relative;
- }
- header.major h1:after, header.major h2:after, header.major h3:after, header.major h4:after, header.major h5:after, header.major h6:after {
- background: #dddddd;
- content: '';
- display: block;
- height: 2px;
- margin: 0.75em auto 0 auto;
- position: relative;
- width: 4em;
- }
- header.major p {
- margin-top: 0;
- }
- /* Form */
- form {
- margin: 0 0 2em 0;
- }
- label {
- color: #61686b;
- display: block;
- font-size: 0.9em;
- font-weight: 700;
- margin: 0 0 1em 0;
- }
- input[type="text"],
- input[type="password"],
- input[type="email"],
- select,
- textarea {
- -moz-appearance: none;
- -webkit-appearance: none;
- -o-appearance: none;
- -ms-appearance: none;
- appearance: none;
- background: rgba(144, 144, 144, 0.15);
- border-radius: 0;
- border: none;
- color: inherit;
- display: block;
- outline: 0;
- padding: 0 1em;
- text-decoration: none;
- width: 100%;
- }
- input[type="text"]:invalid,
- input[type="password"]:invalid,
- input[type="email"]:invalid,
- select:invalid,
- textarea:invalid {
- box-shadow: none;
- }
- input[type="text"]:focus,
- input[type="password"]:focus,
- input[type="email"]:focus,
- select:focus,
- textarea:focus {
- box-shadow: inset 0 0 0 2px #8cd1a8;
- }
- .select-wrapper {
- text-decoration: none;
- display: block;
- position: relative;
- }
- .select-wrapper:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
- .select-wrapper:before {
- color: #a8b0b3;
- content: '\f078';
- display: block;
- height: 3em;
- line-height: 3em;
- pointer-events: none;
- position: absolute;
- right: 0;
- text-align: center;
- top: 0;
- width: 3em;
- }
- .select-wrapper select::-ms-expand {
- display: none;
- }
- input[type="text"],
- input[type="password"],
- input[type="email"],
- select {
- height: 3em;
- }
- textarea {
- padding: 0.75em 1em;
- }
- input[type="checkbox"],
- input[type="radio"] {
- -moz-appearance: none;
- -webkit-appearance: none;
- -o-appearance: none;
- -ms-appearance: none;
- appearance: none;
- display: block;
- float: left;
- margin-right: -2em;
- opacity: 0;
- width: 1em;
- z-index: -1;
- }
- input[type="checkbox"] + label,
- input[type="radio"] + label {
- text-decoration: none;
- color: #6f7577;
- cursor: pointer;
- display: inline-block;
- font-size: 1em;
- font-weight: 400;
- padding-left: 2.55em;
- padding-right: 0.75em;
- position: relative;
- }
- input[type="checkbox"] + label:before,
- input[type="radio"] + label:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
- input[type="checkbox"] + label:before,
- input[type="radio"] + label:before {
- background: rgba(144, 144, 144, 0.15);
- content: '';
- display: inline-block;
- height: 1.8em;
- left: 0;
- line-height: 1.725em;
- position: absolute;
- text-align: center;
- top: 0;
- width: 1.8em;
- }
- input[type="checkbox"]:checked + label:before,
- input[type="radio"]:checked + label:before {
- background: #313a3d;
- color: #ffffff;
- content: '\f00c';
- }
- input[type="checkbox"]:focus + label:before,
- input[type="radio"]:focus + label:before {
- box-shadow: inset 0 0 0 2px #8cd1a8;
- }
- input[type="radio"] + label:before {
- border-radius: 100%;
- }
- ::-webkit-input-placeholder {
- color: #a8b0b3 !important;
- opacity: 1.0;
- }
- :-moz-placeholder {
- color: #a8b0b3 !important;
- opacity: 1.0;
- }
- ::-moz-placeholder {
- color: #a8b0b3 !important;
- opacity: 1.0;
- }
- :-ms-input-placeholder {
- color: #a8b0b3 !important;
- opacity: 1.0;
- }
- .formerize-placeholder {
- color: #a8b0b3 !important;
- opacity: 1.0;
- }
- /* Box */
- .box {
- border: solid 2px #dddddd;
- margin-bottom: 2em;
- padding: 1.5em;
- }
- .box > :last-child,
- .box > :last-child > :last-child,
- .box > :last-child > :last-child > :last-child {
- margin-bottom: 0;
- }
- .box.alt {
- border: 0;
- border-radius: 0;
- padding: 0;
- }
- /* Icon */
- .icon {
- text-decoration: none;
- border-bottom: none;
- position: relative;
- }
- .icon:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
- .icon > .label {
- display: none;
- }
- .icon.major {
- display: block;
- margin: 0 0 1em 0;
- }
- .icon.major:before {
- font-size: 2.5em;
- }
- /* Image */
- .image {
- border: 0;
- display: inline-block;
- position: relative;
- }
- .image:before {
- background: url("images/overlay.png");
- content: '';
- display: block;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
- .image img {
- display: block;
- }
- .image.left {
- float: left;
- margin: 0 1.5em 1em 0;
- top: 0.25em;
- }
- .image.right {
- float: right;
- margin: 0 0 1em 1.5em;
- top: 0.25em;
- }
- .image.left, .image.right {
- max-width: 40%;
- }
- .image.left img, .image.right img {
- width: 100%;
- }
- .image.fit {
- display: block;
- margin: 0 0 2em 0;
- width: 100%;
- }
- .image.fit img {
- width: 100%;
- }
- /* List */
- ol {
- list-style: decimal;
- margin: 0 0 2em 0;
- padding-left: 1.25em;
- }
- ol li {
- padding-left: 0.25em;
- }
- ul {
- list-style: disc;
- margin: 0 0 2em 0;
- padding-left: 1em;
- }
- ul li {
- padding-left: 0.5em;
- }
- ul.alt {
- list-style: none;
- padding-left: 0;
- }
- ul.alt li {
- border-top: solid 1px #dddddd;
- padding: 0.5em 0;
- }
- ul.alt li:first-child {
- border-top: 0;
- padding-top: 0;
- }
- ul.icons {
- cursor: default;
- list-style: none;
- padding-left: 0;
- }
- ul.icons li {
- display: inline-block;
- padding: 0 1.5em 0 0;
- }
- ul.icons li:last-child {
- padding-right: 0;
- }
- ul.icons li .icon:before {
- font-size: 1.5em;
- }
- ul.icons-grid {
- list-style: none;
- padding: 0;
- position: relative;
- }
- ul.icons-grid li {
- display: block;
- float: left;
- padding: 3em 0;
- width: 50%;
- }
- ul.icons-grid li h3 {
- margin: 0;
- }
- ul.icons-grid li:nth-child(2n + 1) {
- box-shadow: inset -1px 0 0 0 #dddddd, 1px 0 0 0 #dddddd;
- }
- ul.icons-grid li:nth-child(2n + 3):before {
- background: #dddddd;
- content: '';
- display: block;
- height: 2px;
- margin-top: -3em;
- position: absolute;
- width: 100%;
- }
- ul.icons-grid:after {
- clear: both;
- content: '';
- display: block;
- }
- ul.actions {
- cursor: default;
- list-style: none;
- padding-left: 0;
- }
- ul.actions li {
- display: inline-block;
- padding: 0 1em 0 0;
- vertical-align: middle;
- }
- ul.actions li:last-child {
- padding-right: 0;
- }
- ul.actions.small li {
- padding: 0 0.5em 0 0;
- }
- ul.actions.vertical li {
- display: block;
- padding: 1em 0 0 0;
- }
- ul.actions.vertical li:first-child {
- padding-top: 0;
- }
- ul.actions.vertical li > * {
- margin-bottom: 0;
- }
- ul.actions.vertical.small li {
- padding: 0.5em 0 0 0;
- }
- ul.actions.vertical.small li:first-child {
- padding-top: 0;
- }
- ul.actions.fit {
- display: table;
- margin-left: -1em;
- padding: 0;
- table-layout: fixed;
- width: calc(100% + 1em);
- }
- ul.actions.fit li {
- display: table-cell;
- padding: 0 0 0 1em;
- }
- ul.actions.fit li > * {
- margin-bottom: 0;
- min-width: 0;
- }
- ul.actions.fit.small {
- margin-left: -0.5em;
- width: calc(100% + 0.5em);
- }
- ul.actions.fit.small li {
- padding: 0 0 0 0.5em;
- }
- dl {
- margin: 0 0 2em 0;
- }
- /* Table */
- .table-wrapper {
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- }
- table {
- margin: 0 0 2em 0;
- width: 100%;
- }
- table tbody tr {
- border: solid 1px #dddddd;
- border-left: 0;
- border-right: 0;
- }
- table tbody tr:nth-child(2n + 1) {
- background-color: rgba(144, 144, 144, 0.075);
- }
- table td {
- padding: 0.75em 0.75em;
- }
- table th {
- color: #61686b;
- font-size: 0.9em;
- font-weight: 700;
- padding: 0 0.75em 0.75em 0.75em;
- text-align: left;
- }
- table thead {
- border-bottom: solid 2px #dddddd;
- }
- table tfoot {
- border-top: solid 2px #dddddd;
- }
- table.alt {
- border-collapse: separate;
- }
- table.alt tbody tr td {
- border: solid 1px #dddddd;
- border-left-width: 0;
- border-top-width: 0;
- }
- table.alt tbody tr td:first-child {
- border-left-width: 1px;
- }
- table.alt tbody tr:first-child td {
- border-top-width: 1px;
- }
- table.alt thead {
- border-bottom: 0;
- }
- table.alt tfoot {
- border-top: 0;
- }
- /* Button */
- input[type="submit"],
- input[type="reset"],
- input[type="button"],
- button,
- .button {
- -moz-appearance: none;
- -webkit-appearance: none;
- -o-appearance: none;
- -ms-appearance: none;
- appearance: none;
- -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- background-color: transparent;
- border-radius: 0;
- border: 0;
- box-shadow: inset 0 0 0 2px #dddddd;
- color: #61686b !important;
- cursor: pointer;
- display: inline-block;
- font-weight: 700;
- height: 3em;
- letter-spacing: 0.05em;
- line-height: 3.15em;
- padding: 0 2em;
- text-align: center;
- text-decoration: none;
- text-transform: uppercase;
- white-space: nowrap;
- }
- input[type="submit"]:hover,
- input[type="reset"]:hover,
- input[type="button"]:hover,
- button:hover,
- .button:hover {
- background-color: rgba(144, 144, 144, 0.075);
- color: #61686b !important;
- }
- input[type="submit"]:active,
- input[type="reset"]:active,
- input[type="button"]:active,
- button:active,
- .button:active {
- background-color: rgba(144, 144, 144, 0.15);
- color: #61686b !important;
- }
- input[type="submit"].icon,
- input[type="reset"].icon,
- input[type="button"].icon,
- button.icon,
- .button.icon {
- padding-left: 1.35em;
- }
- input[type="submit"].icon:before,
- input[type="reset"].icon:before,
- input[type="button"].icon:before,
- button.icon:before,
- .button.icon:before {
- color: #a8b0b3;
- margin-right: 0.5em;
- }
- input[type="submit"].fit,
- input[type="reset"].fit,
- input[type="button"].fit,
- button.fit,
- .button.fit {
- display: block;
- margin: 0 0 1em 0;
- width: 100%;
- }
- input[type="submit"].small,
- input[type="reset"].small,
- input[type="button"].small,
- button.small,
- .button.small {
- font-size: 0.8em;
- }
- input[type="submit"].big,
- input[type="reset"].big,
- input[type="button"].big,
- button.big,
- .button.big {
- font-size: 1.35em;
- }
- input[type="submit"].special,
- input[type="reset"].special,
- input[type="button"].special,
- button.special,
- .button.special {
- background-color: #8cd1a8;
- border: 0;
- box-shadow: none;
- color: #ffffff !important;
- }
- input[type="submit"].special:hover,
- input[type="reset"].special:hover,
- input[type="button"].special:hover,
- button.special:hover,
- .button.special:hover {
- background-color: #9ed8b6;
- }
- input[type="submit"].special:active,
- input[type="reset"].special:active,
- input[type="button"].special:active,
- button.special:active,
- .button.special:active {
- background-color: #7aca9a;
- }
- input[type="submit"].special.icon:before,
- input[type="reset"].special.icon:before,
- input[type="button"].special.icon:before,
- button.special.icon:before,
- .button.special.icon:before {
- color: #d1ecdc;
- }
- input[type="submit"].disabled, input[type="submit"]:disabled,
- input[type="reset"].disabled,
- input[type="reset"]:disabled,
- input[type="button"].disabled,
- input[type="button"]:disabled,
- button.disabled,
- button:disabled,
- .button.disabled,
- .button:disabled {
- background-color: #6f7577 !important;
- box-shadow: none !important;
- color: #fff !important;
- cursor: default;
- opacity: 0.25;
- }
- /* Main BG */
- .main-bg {
- -moz-transition: opacity 0.5s ease-out;
- -webkit-transition: opacity 0.5s ease-out;
- -o-transition: opacity 0.5s ease-out;
- -ms-transition: opacity 0.5s ease-out;
- transition: opacity 0.5s ease-out;
- background-attachment: fixed, fixed;
- background-position: top left, center center;
- background-repeat: repeat, none;
- background-size: auto, cover;
- height: 100%;
- left: 0;
- opacity: 0;
- position: fixed;
- top: 0;
- width: 100%;
- z-index: -1;
- }
- .main-bg.active {
- opacity: 1;
- }
- /* Main */
- .main {
- position: relative;
- }
- .main .image.primary {
- display: none;
- }
- .main .container {
- padding: 5em 2.5em 8em 2.5em;
- background: rgba(255, 255, 255, 0.95);
- box-shadow: inset 0 1px 0 0 #dddddd;
- }
- .main .container:before {
- min-height: calc( 100vh - 13em );
- content: '';
- display: inline-block;
- vertical-align: middle;
- width: 1px;
- }
- .main .container .content {
- display: inline-block;
- margin-right: 1px;
- vertical-align: middle;
- width: calc(100% - 10px);
- }
- .main .goto-next {
- -moz-transition: background-color 0.2s ease-in-out;
- -webkit-transition: background-color 0.2s ease-in-out;
- -o-transition: background-color 0.2s ease-in-out;
- -ms-transition: background-color 0.2s ease-in-out;
- transition: background-color 0.2s ease-in-out;
- background-color: rgba(144, 144, 144, 0.075);
- background-image: url("images/arrow.svg");
- background-position: center center;
- background-repeat: no-repeat;
- border-radius: 100%;
- border: 0;
- bottom: 3em;
- display: block;
- height: 4em;
- left: 50%;
- line-height: 4em;
- margin-left: -2em;
- overflow: hidden;
- position: absolute;
- text-indent: 4em;
- white-space: nowrap;
- width: 4em;
- }
- .main .goto-next:hover {
- background-color: rgba(144, 144, 144, 0.15);
- }
- /* Header */
- #header {
- height: 100vh;
- position: relative;
- text-align: center;
- }
- #header:after {
- content: '';
- display: inline-block;
- height: 100vh;
- vertical-align: middle;
- }
- #header header {
- color: rgba(255, 255, 255, 0.5);
- display: inline-block;
- padding-bottom: 8em;
- vertical-align: middle;
- }
- #header header h1, #header header h2, #header header h3, #header header h4, #header header h5, #header header h6, #header header strong, #header header b {
- color: #ffffff;
- }
- #header header a {
- color: inherit;
- }
- #header header a:hover {
- color: #ffffff !important;
- }
- #header header h1 {
- font-size: 3em;
- line-height: 1.25em;
- margin: 0;
- }
- #header header h1:after {
- margin-top: 0.5em;
- }
- #header header p {
- color: #ffffff;
- font-weight: 700;
- margin: 1.5em 0 0 0;
- }
- #header .container {
- background: rgba(255, 255, 255, 0.95);
- bottom: 0;
- left: 50%;
- margin-left: -17.5em;
- padding: 2.5em;
- position: absolute;
- }
- #header .container > :last-child {
- margin-bottom: 0;
- }
- #header .container .button {
- min-width: 12em;
- }
- /* Footer */
- #footer {
- min-height: 100vh;
- padding: 0 0 12em 0;
- position: relative;
- text-align: center;
- }
- #footer .container {
- padding: 5em 2.5em 3em 2.5em;
- background: rgba(255, 255, 255, 0.95);
- box-shadow: inset 0 1px 0 0 #dddddd;
- }
- #footer footer {
- bottom: 2em;
- color: rgba(255, 255, 255, 0.5);
- left: 0;
- position: absolute;
- text-align: center;
- width: 100%;
- }
- #footer footer h1, #footer footer h2, #footer footer h3, #footer footer h4, #footer footer h5, #footer footer h6, #footer footer strong, #footer footer b {
- color: #ffffff;
- }
- #footer footer a {
- color: inherit;
- }
- #footer footer a:hover {
- color: #ffffff !important;
- }
- #footer footer .copyright {
- font-size: 0.8em;
- line-height: 1em;
- padding: 0;
- }
- #footer footer .copyright li {
- border-left: solid 1px rgba(255, 255, 255, 0.2);
- display: inline-block;
- margin: 0 0 0 1em;
- padding: 0 0 0 1em;
- }
- #footer footer .copyright li:first-child {
- border-left: 0;
- margin-left: 0;
- padding-left: 0;
- }
|