html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}textarea,a,input,button,*:focus {outline: 0;}input:read-only {background-color: rgba(255,255,255,0.4);}* {-webkit-tap-highlight-color: rgba(0,0,0,0);appearance: none;-moz-appearance: none;-webkit-appearance: none;}textarea,select,button,input {appearance: button;-moz-appearance: button;-webkit-appearance: button;}textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="number"] {-webkit-user-select: auto !important;-khtml-user-select: auto !important;-moz-user-select: auto !important;-ms-user-select: auto !important;user-select: auto !important;}* {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-moz-touch-callout: none;-ms-touch-callout: none;touch-callout: none;-webkit-user-drag: none;-moz-user-drag: none;-ms-user-drag: none;user-drag: none;}textarea,select,input {-webkit-user-select: auto !important;-khtml-user-select: auto !important;-moz-user-select: auto !important;-ms-user-select: auto !important;user-select: auto !important;}#layout {position: relative;background: white;}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: #eee;margin-right: 0;margin-top: 0;}::-webkit-scrollbar-thumb {background: #ccc;}input::selection,::selection {color: #fff;background: #8fb0a3;}input::-moz-selection,::-moz-selection {color: #fff;background: #8fb0a3;}html,body {-webkit-overflow-scrolling: touch;}html,body,img {margin: 0;padding: 0;border: 0;}button,input,textarea,body {font-family: 'Open Sans', sans-serif;font-size: 13px;}a,input,button {outline: 0;}a {}h1,h2,h3,h4,h5,h6,p {margin-top: 0;}#tooltip {margin: 20px 0 0 10px;margin-left: -60px;width: 160px;padding: 10px;z-index: 9900;position: absolute;text-align: center;color: #4a4f52;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-transform: uppercase;display: none;background: #ffcc00;}#tooltip.right {margin-left: -80px;}#loading {z-index: 9999;position: absolute;top: 0;left: -10%;width: 120%;height: 100%;background: white;}#loading .box {opacity: 0;background-image: url(../img/logo-green.svg);background-repeat: no-repeat;top: 50%;left: 50%;position: absolute;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);width: 240px;height: 45px;}#loading .box .load {position: absolute;bottom: 0;left: 0;right: 0;height: 4px;background: #eee;background: #fff;border-radius: 100px;}#loading .box .load span {top: 0;left: 0;width: 0;height: 100%;position: absolute;background: #eee;background: #a3d0bf;}#loading .box.loaded {opacity: 0.8;}html.loaded #loading {-webkit-transform: translateX(110%);-ms-transform: translateX(110%);transform: translateX(110%);}#bg,#text,#popup,#text .load,#share,#share a {transition: .7s;-o-transition: .7s;-ms-transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;}#popup > div,#loading,#share a {-webkit-transition: all .9s cubic-bezier(.87,-.41,.19,1.44);transition: all .9s cubic-bezier(.87,-.41,.19,1.44);}#layout .overlay,#layout,#loading .box,#loading .load,#loading .load span,.transition {transition: .3s;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}.notransition {transition: none;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;}.section {position: relative;}.container {position: relative;margin: 0 auto;width: 1280px;box-sizing: border-box;-moz-box-sizing: border-box;min-height: 1px;}.bg-eee {background-color: #eee;}.bg-white,.bg-fff {background-color: #fff;}.bg-999 {background-color: #999;}.clear {clear: both;}.col {float: left;width: 100%;position: relative;}.col.col2 {width: 50%;}.col.col3 {width: 33.33%;}.col.col3x2 {width: 66.66%;}.col.col4 {width: 25%;}.col.col4x3 {width: 75%;}.col.col5 {width: 20%;}.col.col5x4 {width: 80%;}.col.col5x3 {width: 60%;}.col.col5x2 {width: 40%;}.col.col6 {width: 16.66%;}.col.col2.margin {width: 48%;margin-right: 4%;}.col.col3.margin {width: 32%;margin-right: 2%;}.col.col3x2.margin.col-left {width: 64%;margin-right: 4%;}.col.col3x2.margin.col-right {width: 64%;margin-left: 2%;}.col.col4.margin {width: 23.5%;margin-right: 2%;}.col.col4x3.margin.col-left {width: 74.5%;margin-right: 2%;}.col.col4x3.margin.col-right {width: 74.5%;margin-left: 2%;}.col.col5.margin {width: 18.4%;margin-right: 2%;}.col.col6.margin {width: 15%;margin-right: 2%;}.col.margin.last {margin-right: 0 !important;}html,body,#layout {background: white;background: #8fb0a3;height: 100%;min-height: 100%;overflow: hidden;}#text .quote {overflow: hidden;}#text {position: fixed;bottom: 0;z-index: 1000;background: rgba(255,255,255,0.6);padding: 30px 50px 5px;left: 50%;max-width: 640px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;text-align: center;font-size: 18px;background: rgba(163,208,191,0.8);background: rgba(143,176,163,0.85);color: white;font-weight: 700;margin-bottom: -600px;}html.loaded #text {margin-bottom: 0;}html.loading #text {padding-top: 0;}html.loading #share {margin-top: 0;padding-top: 15px;}#text .load {position: absolute;top: 0;left: 0;right: 0;height: 0;opacity: 1;background-image: url(../img/loading.png);background-size: 600px;animation: loading2 1s linear infinite;-o-animation: loading2 1s linear infinite;-ms-animation: loading2 1s linear infinite;-moz-animation: loading2 1s linear infinite;-webkit-animation: loading2 1s linear infinite;}html.loading #text .load {height: 6px;}@keyframes loading2 {from {background-position: 0 0;}to {background-position: -600px 0;}}@-webkit-keyframes loading2 {from {background-position: 0 0;}to {background-position: -600px 0;}}@-ms-keyframes loading2 {from {background-position: 0 0;}to {background-position: -600px 0;}}@-moz-keyframes loading2 {from {background-position: 0 0;}to {background-position: -600px 0;}}#text em {text-transform: uppercase;font-size: 14px;font-weight: 700;}#text em b {color: #a3d0bf;font-weight: none;display: block;font-size: 11px;}#text p {margin-bottom: 15px;font-size: 14px;}#text p:last-child {margin: 0;}#counter {position: fixed;top: 20px;right: 20px;z-index: 200;opacity: 0.8;text-align: right;color: white;}#counter h3 {font-weight: 400;line-height: 30px;font-size: 20px;}#counter h3 b {font-weight: 400;}#counter h3 span {font-weight: 800;display: block;font-size: 36px;}#counter h5 {text-transform: uppercase;font-size: 11px;color: #a3d0bf;color: white;cursor: pointer;opacity: 0.6;letter-spacing: 1px;}#share {opacity: 0.8;border-top: 1px solid rgba(255,255,255,0.2);border-top: 1px solid #a3d0bf;border-top: 1px solid rgba(163,208,191,0.4);padding-top: 10px;margin-top: 20px;margin-left: -50px;margin-right: -50px;}#share a {width: 60px;height: 60px;margin: 0 8px;display: inline-block;opacity: 1;background-position: top -10px left -10px;background-repeat: repeat-y;width: 20px;height: 20px;background-size: 40px;margin: 0 4px;background-position: top -5px left -5px;width: 20px;height: 20px;background-size: 30px;}#share a.facebook {background-image: url(../img/share-facebook.png);}#share a.twitter {background-image: url(../img/share-twitter.png);}#share a.google {background-image: url(../img/share-google.png);}#share a.email {background-image: url(../img/share-email.png);}#share a.whatsapp {background-image: url(../img/share-whatsapp.png);}#share a:hover {background-position: top -35px left -5px;opacity: 0.2;}#popup {opacity: 0;visibility: hidden;z-index: 8000;background-color: rgba(255,255,255,0.2);position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}#popup h3 {font-weight: 700;margin-bottom: 20px;font-size: 20px;}#popup > div {z-index: 8100;top: 50%;left: 50%;position: absolute;-webkit-transform: translateY(-50%) translateX(-50%) scale(.5);-ms-transform: translateY(-50%) translateX(-50%) scale(.5);transform: translateY(-50%) translateX(-50%) scale(.5);width: 90%;max-width: 640px;color: white;padding: 30px;font-size: 16px;font-weight: 400;text-align: center;color: #333;background: rgba(255,255,255,0.9);}#popup > div b {color: #a3d0bf;font-weight: 400;}html.popup #popup {opacity: 1;visibility: visible;}html.popup #popup > div {-webkit-transform: translateY(-50%) translateX(-50%) scale(1);-ms-transform: translateY(-50%) translateX(-50%) scale(1);transform: translateY(-50%) translateX(-50%) scale(1);}#bg {top: 0;left: 0;position: absolute;width: 100%;height: 100%;background-color: #8fb0a3;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url(../img/bg.jpg);z-index: 1;}#logo {position: absolute;left: 20px;top: 20px;width: 100%;height: 40px;max-width: 320px;height: 30px;max-width: 240px;background-size: contain;background-position: center left;background-repeat: no-repeat;background-image: url(../img/logo-white.svg);z-index: 300;opacity: 0.9;}#logo:after {content: '.org';color: white;font-size: 13px;text-transform: uppercase;font-weight: 700;position: absolute;right: -34px;bottom: -3px;opacity: 1;}#richard #mouth {width: 100%;height: 100%;background-size: auto 100%;background-image: url(../img/mouth.png);background-position: center center;background-repeat: no-repeat;position: absolute;z-index: 170;bottom: 0;left: 0;-webkit-transition: -webkit-transform 0.4s, opacity 0s 0.5s;transition: transform 0.4s, opacity 0s 0.5s;display: none;}html.overlay #richard #mouth {display: block !important;}#richard #hand-left {width: 100%;height: 100%;background-size: auto 100%;background-image: url(../img/hand-left.png);background-position: center center;background-repeat: no-repeat;position: absolute;z-index: 170;bottom: 0;left: 0;-webkit-transition: -webkit-transform 0.4s, opacity 0s 0.5s;transition: transform 0.4s, opacity 0s 0.5s;}#richard #hand-right {width: 100%;height: 100%;background-size: auto 100%;background-image: url(../img/hand-right.png);background-position: center center;background-repeat: no-repeat;position: absolute;z-index: 160;bottom: 0;left: 0;-webkit-transition: -webkit-transform 0.4s, opacity 0s 0.5s;transition: transform 0.4s, opacity 0s 0.5s;}html.loading #richard #hand-left {-webkit-transform: translate3d(2%, 4%, 0px) !important;transform: translate3d(2%, 4%, 0px) !important;}html.loading #richard #hand-left,html.loading #richard #hand-right {-webkit-transition: all .9s cubic-bezier(.87,-.41,.19,1.44);transition: all .9s cubic-bezier(.87,-.41,.19,1.44);animation: loadhand 1s ease infinite;-o-animation: loadhand 1s ease infinite;-ms-animation: loadhand 1s ease infinite;-moz-animation: loadhand 1s ease infinite;-webkit-animation: loadhand 1s ease infinite;-webkit-animation-direction: alternate;animation-direction: alternate;}html.loading #richard #hand-right {-webkit-transform: translate3d(-6%, 6%, 0px) !important;transform: translate3d(-6%, 6%, 0px) !important;-webkit-transition-delay: .1s;transition-delay: .1s;}@keyframes loadhand {0 {margin-left: -1%;}50% {margin-left: 1%;}100% {margin-left: -1%;}}@-webkit-keyframes loadhand {0 {margin-left: -10%;}50% {margin-left: 10%;}100% {margin-left: -10%;}}@-ms-keyframes loadhand {0 {margin-left: -10%;}50% {margin-left: 10%;}100% {margin-left: -10%;}}@-moz-keyframes loadhand {0 {margin-left: -10%;}50% {margin-left: 10%;}100% {margin-left: -10%;}}#richard #eyup {width: 100%;height: 100%;background-size: auto 100%;background-image: url(../img/eyes-closed.png);background-position: center center;background-repeat: no-repeat;position: absolute;z-index: 110;display: none;}html.overlay #richard #eyup {display: block !important;}#richard #eyes {width: 100%;height: 100%;position: absolute;z-index: 90;width: auto;height: auto;top: 32%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);overflow: hidden;width: 240px;left: 50%;height: 90px;}#richard #eyes span {width: 180%;height: 180%;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;position: absolute;-webkit-transition: -webkit-transform 0.4s, opacity 0s 0.5s;transition: transform 0.4s, opacity 0s 0.5s;background-image: url(../img/eyes.png);background-size: auto 100%;margin-top: -40px;margin-left: -100px;}#richard #p {width: 100%;height: 100%;background-size: auto 100%;background-image: url(../img/richard.png);background-position: center center;background-repeat: no-repeat;position: absolute;z-index: 100;}#richard {width: 100%;height: 100%;position: absolute;z-index: 10;-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition: -webkit-transform 0.4s, opacity 0s 0.5s;transition: transform 0.4s, opacity 0s 0.5s;cursor: pointer;}@media screen and (max-width: 1320px) {.container {width: 960px;}}@media screen and (max-width: 1000px) {.container {width: 720px;}}@media screen and (max-width: 767px) {html,body,#text,#layout {min-width: 280px;}#counter h3 span {font-size: 24px;}#counter { top: 10px; right: 10px;}#counter h3 { line-height: 20px; font-size: 14px;}#text {padding: 20px 10px 5px;}#share {margin-left: -10px;margin-right: -10px;}#logo { left: 10px; top: 10px; height: 20px; max-width: 100px;}#logo:after {display: none;}.container {width: auto;}.col {float: none !important;clear: both !important;width: auto !important;margin-right: 0 !important;}}