body.public {
    background-color:#fff;
    /*font-size:17px;*/
}

.button { padding-top:0.6em; padding-bottom:0.63em; }

body.public h1 { font-size:4em; line-height:1.07em; }
body.public h1 span { color:#39c463; }

body.public h1 + p { font-size:1.33em; line-height:1.5em; }
body.public h2 { font-size:1.67em; }

body.public > div.wrapper { padding-top:0; padding-bottom:0; border:0; }
body.public > div.wrapper.full { padding-left:0; padding-right:0; }

body.public > div.wrapper > div.logo { position:absolute; top:50px; left:50px; }
body.public > div.wrapper > div.logo img { width:auto; height:20px; }

body.public > div.wrapper > div.main { position:relative; display:block; width:auto; border:0; padding-top:230px; padding-bottom:230px; max-width:1170px; background-color:#fff; -webkit-box-shadow:0px 2000px 0px 2000px rgba(255,255,255,1); -moz-box-shadow:0px 2000px 0px 2000px rgba(255,255,255,1); box-shadow:0px 2000px 0px 2000px rgba(255,255,255,1); }
body.public > div.wrapper.grey > div.main { background-color:#f5f9fc; -webkit-box-shadow:0px 2000px 0px 2000px rgba(245,249,252,1); -moz-box-shadow:0px 2000px 0px 2000px rgba(245,249,252,1); box-shadow:0px 2000px 0px 2000px rgba(245,249,252,1); }
body.public > div.wrapper.highlight > div.main { background-color:#e1e9f0; -webkit-box-shadow:0px 2000px 0px 2000px rgba(225,233,240,1); -moz-box-shadow:0px 2000px 0px 2000px rgba(225,233,240,1); box-shadow:0px 2000px 0px 2000px rgba(225,233,240,1); }
body.public > div.wrapper.green > div.main { color:#fff; background-color:#39c463; -webkit-box-shadow:0px 2000px 0px 2000px rgba(57,198,99,1); -moz-box-shadow:0px 2000px 0px 2000px rgba(57,198,99,1); box-shadow:0px 2000px 0px 2000px rgba(57,198,99,1); }
body.public > div.wrapper.dark > div.main { color:#fff; background-color:#304659; -webkit-box-shadow:0px 2000px 0px 2000px rgba(48,70,89,1); -moz-box-shadow:0px 2000px 0px 2000px rgba(48,70,89,1); box-shadow:0px 2000px 0px 2000px rgba(48,70,89,1); }

body.public > div.wrapper + div.wrapper > div.main { padding-top:150px; padding-bottom:150px; }

body.public > div.wrapper + div.wrapper.arrow { margin-top:-150px; padding-top:150px; overflow:hidden; }
body.public > div.wrapper + div.wrapper.arrow:before,
body.public > div.wrapper + div.wrapper.arrow:not(.up):after { position:absolute; content:""; top:0; left:50%; border-bottom:150px solid #fff; border-left:1500px solid transparent; border-right:1500px solid transparent; }
body.public > div.wrapper + div.wrapper.arrow:not(.up):after { left:auto; right:50%; }

body.public > div.wrapper + div.wrapper > div.main { padding-bottom:300px; }
body.public > div.wrapper + div.wrapper:not(.arrow) { margin-top:-150px; }
body.public > div.wrapper:last-child > div.main { padding-bottom:100px !important; }
body.public > div.wrapper + div.wrapper.arrow.up:before { margin-left:-1500px; }
body.public > div.wrapper + div.wrapper.arrow.up > div.main { padding-top:50px; }

body.public > div.wrapper + div.wrapper.arrow.grey:before,
body.public > div.wrapper + div.wrapper.arrow.grey:after { border-bottom-color:#f5f9fc; }
body.public > div.wrapper + div.wrapper.arrow.highlight:before,
body.public > div.wrapper + div.wrapper.arrow.highlight:after { border-bottom-color:#e1e9f0; }
body.public > div.wrapper + div.wrapper.arrow.green:before,
body.public > div.wrapper + div.wrapper.arrow.green:after { border-bottom-color:#39c463; }
body.public > div.wrapper + div.wrapper.arrow.dark:before,
body.public > div.wrapper + div.wrapper.arrow.dark:after { border-bottom-color:#304659; }

body.public > div.wrapper > div.main.header { position:static; }
body.public > div.wrapper > div.main.header > div.left { float:left; width:60%; }
body.public > div.wrapper > div.main.header > div.right { float:right; width:40%; background-color:#f5f9fc; -webkit-box-shadow:2000px 0px 0px 2000px rgba(245,249,252,1); -moz-box-shadow:2000px 0px 0px 2000px rgba(245,249,252,1); box-shadow:2000px 0px 0px 2000px rgba(245,249,252,1); }
body.public > div.wrapper > div.main.header > div.left > div.content,
body.public > div.wrapper > div.main.header > div.right > div.content { padding:0; margin:0; }
body.public > div.wrapper > div.main.header > div.left > div.content { padding-right:135px; }
body.public > div.wrapper > div.main.header > div.right > div.content { padding-left:135px; }

body.public > div.wrapper.center { padding-top:150px; }
body.public > div.wrapper.center > div.logo { position:static; top:auto; left:auto; margin:auto; text-align:center; margin-bottom:70px; }
body.public > div.wrapper.center > div.logo img { height:30px; }
body.public > div.wrapper.center > div.main { padding:70px; border:0; max-width:400px; background-color:#f5f9fc; }

@media screen and (max-width: 1399px) {
    body.public h1 { font-size:3em; }
}

@media screen and (max-width: 1279px) {
    body.public > div.wrapper { padding-left:100px; padding-right:100px; }
    body.public > div.wrapper > div.main.header > div.left > div.content { padding-right:100px; }
    body.public > div.wrapper > div.main.header > div.right > div.content { padding-left:100px; }
}

@media screen and (max-width: 1023px) {
    body.public h1 { font-size:2.5em; }
    body.public h2 { font-size:1.5em; }
    body.public > div.wrapper { padding-left:70px; padding-right:70px; }
    body.public > div.wrapper > div.main.header > div.left > div.content { padding-right:70px; }
    body.public > div.wrapper > div.main.header > div.right > div.content { padding-left:70px; }

    body.public > div.wrapper.center { padding-top:100px; }
}

@media screen and (max-width: 767px) {
    body.public { font-size:13px; }

    body.public > div.wrapper > div.main.header { padding-top:150px; }
    body.public > div.wrapper > div.main.header > div.left,
    body.public > div.wrapper > div.main.header > div.right { float:none; width:auto; }
    body.public > div.wrapper > div.main.header > div.right > div.content { padding:0; }
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle=true] { z-index:999; position:absolute; top:70px; left:70px; right:70px; padding:0; padding-top:70px; padding-bottom:70px; margin:0; background-color:#f5f9fc; -webkit-box-shadow:3900px 0px 0px 4000px rgba(245,249,252,1); -moz-box-shadow:3900px 0px 0px 4000px rgba(245,249,252,1); box-shadow:3900px 0px 0px 4000px rgba(245,249,252,1); } 
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle]:not([data-show-toggle=true]) { cursor:pointer; display:block; position:absolute; margin:0; top:53px; right:50px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle]:not([data-show-toggle=true]) > * { display:none; }
    
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle=true]:after,
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle]:not([data-show-toggle=true]):after { position:absolute; cursor:pointer; font-size:18px; text-align:center; line-height:1; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle=true]:hover:after,
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle]:not([data-show-toggle=true]):hover:after { color:#000; }

    body.public > div.wrapper > div.main.header > div.right[data-show-toggle=true]:after { top:-17px; right:-20px; content:"\e816"; }
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle]:not([data-show-toggle=true]):after { top:0; right:0; content:"\e82b"; }

    body.public > div.wrapper.center > div.logo { margin-bottom:40px; }
    body.public > div.wrapper.center > div.main { padding:40px; }
}

@media screen and (max-width: 699px) {
    body.public h1 { font-size:2.2em; }
    body.public h2 { font-size:1.2em; }

    body.public > div.wrapper > div.logo { position:absolute; top:40px; left:40px; }
    body.public > div.wrapper { padding-left:40px; padding-right:40px; }
    body.public > div.wrapper > div.main.header { padding-top:120px; }

    body.public > div.wrapper > div.main.header > div.right[data-show-toggle=true] { top:40px; left:40px; right:40px; padding-top:40px; padding-bottom:40px; }
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle=true]:after { top:3px; right:0px; }

    body.public > div.wrapper > div.main.header > div.right[data-show-toggle]:not([data-show-toggle=true]) { top:43px; right:40px; }

    body.public > div.wrapper > div.main.header > div.left > div.content { padding-right:40px; }
}

@media screen and (max-width: 413px) {
    body.public > div.wrapper > div.logo { position:absolute; top:25px; left:25px; }
    body.public > div.wrapper { padding-left:25px; padding-right:25px; }
    body.public > div.wrapper > div.main.header { padding-top:90px; }

    body.public > div.wrapper > div.main.header > div.right[data-show-toggle=true] { top:25px; left:25px; right:25px; padding-top:25px; padding-bottom:25px; }
    body.public > div.wrapper > div.main.header > div.right[data-show-toggle]:not([data-show-toggle=true]) { top:28px; right:25px; }
    
    body.public > div.wrapper > div.main.header > div.left > div.content { padding-right:25px; }

    body.public > div.wrapper.center > div.main { padding:25px; }
}