

font-face{font-family:'museo_sans700';font-style:normal;font-weight:400;src:url(../fonts/museosans_700-webfont.woff2) format("woff2"),url('https://riodulceagencia.com/fonts/museosans_700-webfont.woff') format("woff")}font-face{font-family:'museo_sans500';font-style:normal;font-weight:400;src:url(../fonts/museosans_500-webfont.woff2) format("woff2"),url('https://riodulceagencia.com/fonts/museosans_500-webfont.woff') format("woff")}font-face{font-family:'museo_sans300';font-style:normal;font-weight:400;src:url(../fonts/museosans-300-webfont.woff2) format("woff2"),url('https://riodulceagencia.com/fonts/museosans-300-webfont.woff') format("woff")}html *{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#121212;color:#f2f2f2;font-family:"museo_sans500",sans-serif;font-size:16px;font-weight:300;height:100%;letter-spacing:.5px}html{height:100%;scroll-behavior:smooth}a,a:hover{text-decoration:none}img{max-width:100%}hr{border-top:4px solid #54e3ff;margin:32px 0 36px;opacity:1;width:85px}#section1{padding-top:0}#section2 hr{margin:32px 0 24px}#section3 .content .d-flex div::before{background-image:url('https://riodulceagencia.com/img/logobg.svg');background-position:left center;background-repeat:no-repeat;background-size:contain;bottom:0;content:"";position:absolute;top:0;right:0;left:-240px;opacity:.75}.skills hr{margin:0 0 24px;opacity:.3;width:24px}#section4{z-index:5}h1{font-family:"museo_sans700",sans-serif;font-size:40px;font-weight:700}h2,h3,h4{font-family:"museo_sans500",sans-serif}h2{font-size:32px;line-height:52px}h3{font-size:28px;line-height:46px}h4{font-size:20px;line-height:32px}p{font-family:"museo_sans300",sans-serif;font-size:16px;font-weight:300;line-height:26px}.logo{left:32px;position:fixed;top:32px;z-index:9}.logo img{height:auto;width:96px}.services img{border-radius:20px;position:relative}.services .img-back{background-color:#54e3ff;border-radius:15px;height:120px;position:absolute;width:120px}.details,.services img{width:90%}.skills{margin-top:.7rem}.skills p{font-size:20px;line-height:30px;margin-bottom:.5rem}.contact-info{font-weight:normal;margin-top:60px}.contact-info span{display:block}footer{background:#0d0d0d}.gray{color:#7f7f7f}.cyan{color:#54e3ff}.copyright{font-family:"museo_sans300",sans-serif;font-size:14px;padding:18px 0 15px}.copyright span{font-weight:bold}.cd-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap}.cd-section{min-height:100%;padding:2em 0;position:relative}#section5,#section7{background-color:#121212}#section5 .container-fluid{position:relative;z-index:5}.brand img{opacity:.5;width:200px}#section4,#section6{background-color:#0a0a0a}.cd-section .container{line-height:1.6}#section2 .container{padding-top:4em}@keyframes jump{50%{top:10px}0%,100%{top:0}}.cd-scroll-down{-moz-transform:translateX(-20%);-ms-transform:translateX(-20%);-o-transform:translateX(-20%);-webkit-transform:translateX(-20%);animation:jump 5s infinite;background:url('https://riodulceagencia.com/img/cd-arrow-bottom.svg') no-repeat center center;height:48px;margin:36px 24px;position:relative;transform:translateX(-20%);width:48px;z-index:10}.cd-scroll-down:hover{opacity:.6;transition:.3s ease-in-out}.content{margin:5rem 9rem}.content.services,.content.contact{margin:0 9rem}.content.contact .button{text-align:right}.form-group{margin-bottom:1.7rem;margin-top:.7rem}.form-control{background-color:#333;border-color:#333;color:#7f7f7f;height:48px}.form-control:focus{background-color:#f2f2f2;border-color:#54e3ff;box-shadow:0 0 0 .2rem rgba(84,227,255,.25)}textarea.form-control{height:134px}.validation{color:#2dacc5;font-weight:300;margin-top:.4rem}.form button[type="submit"]{background:transparent;border:0;color:#f2f2f2;cursor:pointer;font-size:28px;padding:0;text-transform:uppercase;transition:.4s}.form button[type="submit"]:hover{color:#54e3ff}button:focus{border:0;outline:0}.form #sendmessage{color:#54e3ff;display:none;float:left;margin-top:-28px;text-align:left}.form #errormessage{color:#dd5151;display:none;float:left;margin-top:-28px;text-align:left}.form #sendmessage.show,.form #errormessage.show,.form .show{display:block}.no-touch #cd-vertical-nav{-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);bottom:auto;position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:10}.no-touch #cd-vertical-nav li{text-align:right}.no-touch #cd-vertical-nav a{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block}.no-touch #cd-vertical-nav a:after{clear:both;content:"";display:table}.no-touch #cd-vertical-nav a span{-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);-webkit-transform:scale(0.6);display:inline-block;float:right;transform:scale(0.6)}.no-touch #cd-vertical-nav a:hover .cd-label{opacity:1}.no-touch #cd-vertical-nav a.is-selected .cd-dot,.no-touch #cd-vertical-nav a:hover .cd-dot{background-color:#54e3ff}.no-touch #cd-vertical-nav .cd-dot{-moz-transform-origin:50% 50%;-moz-transition:-moz-transform .2s,background-color .5s;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-webkit-transition:-webkit-transform .2s,background-color .5s;background-color:#7f7f7f;border-radius:50%;height:12px;position:relative;top:10px;transform-origin:50% 50%;transition:transform .2s,background-color .5s;width:12px}.no-touch #cd-vertical-nav .cd-label{-moz-transform-origin:100% 50%;-moz-transition:-moz-transform .2s,opacity .2s;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;-webkit-transform-origin:100% 50%;-webkit-transition:-webkit-transform .2s,opacity .2s;color:#54e3ff;font-size:20px;font-weight:500;margin-right:10px;opacity:0;padding:.7px 1px 0;position:relative;transform-origin:100% 50%;transition:transform .2s,opacity .2s}.touch .cd-nav-trigger{background-color:#0a0a0a;border-radius:.25em;display:block;height:44px;position:fixed;right:5%;top:30px;width:44px;z-index:40}.touch .cd-nav-trigger span{-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);background-color:#f2f2f2;border-radius:10%;bottom:auto;height:4px;left:50%;position:absolute;right:auto;top:50%;transform:translateX(-50%) translateY(-50%);width:30px}.touch .cd-nav-trigger span::before,.touch .cd-nav-trigger span::after{background-color:inherit;border-radius:inherit;content:'';height:100%;left:0;position:absolute;width:100%}.touch .cd-nav-trigger span::before{top:-9px}.touch .cd-nav-trigger span::after{bottom:-9px}.touch #cd-vertical-nav{-moz-transform-origin:right top;-moz-transform:scale(0);-moz-transition-duration:.2s;-moz-transition-property:-moz-transform;-ms-transform-origin:right top;-ms-transform:scale(0);-o-transform-origin:right top;-o-transform:scale(0);-webkit-overflow-scrolling:touch;-webkit-transform-origin:right top;-webkit-transform:scale(0);-webkit-transition-duration:.2s;-webkit-transition-property:-webkit-transform;background-color:#f2f2f2;border-radius:.25em;max-height:90%;max-width:400px;overflow-y:scroll;position:fixed;right:5%;top:30px;transform-origin:right top;transform:scale(0);transition-duration:.2s;transition-property:transform;width:90%;z-index:20}.touch #cd-vertical-nav ul{margin-bottom:0}.touch #cd-vertical-nav a{border-bottom:1px solid rgba(62,57,71,0.1);color:#7f7f7f;display:block;font-size:18px;font-weight:bold;padding:1em}.touch #cd-vertical-nav a.is-selected span:last-child{color:#54e3ff}.touch #cd-vertical-nav.open+.cd-nav-trigger{background-color:transparent}.touch #cd-vertical-nav.open+.cd-nav-trigger span{background-color:rgba(62,57,71,0);width:5px}.touch #cd-vertical-nav.open+.cd-nav-trigger span::before,.touch #cd-vertical-nav.open+.cd-nav-trigger span::after{background-color:#3e3947;border-radius:0;height:3px;left:-8px;width:20px}.touch #cd-vertical-nav.open+.cd-nav-trigger span::before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);top:1px;transform:rotate(45deg)}.touch #cd-vertical-nav.open+.cd-nav-trigger span::after{-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);-webkit-transform:rotate(135deg);bottom:0;transform:rotate(135deg)}.touch #cd-vertical-nav li:last-child a{border-bottom:0}.cd-nav-trigger,.touch #cd-vertical-nav a span:first-child{display:none}.no-touch #cd-vertical-nav a:hover span,.touch #cd-vertical-nav.open{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.waveWrapper{bottom:0;height:400%;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:0}.waveWrapperInner{background:#121212;height:300%;overflow:hidden;position:absolute;width:100%;z-index:-1}.wave{background-image:url('https://riodulceagencia.com/img/parallax.svg');background-position:-1020px 850px;background-repeat:no-repeat;background-size:210%;height:300%;opacity:.4;transform-origin:center}.shadows{-moz-box-shadow:0 0 12px 6px rgba(10,10,10,1);-webkit-box-shadow:0 0 12px 6px rgba(10,10,10,1);box-shadow:0 0 12px 6px rgba(10,10,10,1)}@media screen and (min-width:1600px){.wave{background-position:-1600px 960px}}@media screen and (min-width:993px){.social-link a{color:#f2f2f2;font-family:"museo_sans500",sans-serif;font-size:36px;font-weight:500;letter-spacing:.5px}.social-link a:hover{color:#54e3ff}.social-link a:after{background:url('https://riodulceagencia.com/img/arrow-off.svg') center center no-repeat;content:"";display:inline-block;height:20px;margin-left:7px;width:20px}.social-link a:hover:after{background:url('https://riodulceagencia.com/img/arrow-on.svg') center center no-repeat;content:"";display:inline-block;height:20px;margin-left:7px;width:20px}.social-link img.social{display:none}.socials{margin:290px 0 106px}.socials,.brand{padding:0 50px 0 0;position:relative;text-align:right}.pad-r{padding-right:1.5rem!important}}@media only screen and (min-width:768px){.cd-section .container{font-size:1.25rem;font-size:20px;line-height:2}@keyframes move_wave{0%{transform:scale(1) translateX(-5px) translateY(-10px)}50%{transform:scale(1) translateX(0) translateY(10px)}100%{transform:scale(1) translateX(-5px) translateY(-10px)}}.waveAnimation .wave{animation:move_wave 8s linear infinite}.parallax{background-attachment:fixed;background-image:url('https://riodulceagencia.com/img/parallax.svg');background-position:-1050px -60px;background-repeat:no-repeat;background-size:200%;height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}}@media screen and (max-width:1240px){.social-link span,.social-link a:after,.social-link a:hover:after{display:none}.social-link img.social{display:inline-block;height:32px}.wave{background-position:-670px 950px}#section3 .content .d-flex div::before{left:-270px}.details,.services img{width:100%}.parallax{background-position:-750px -60px}}@media screen and (max-width:992px){.wave{background-position:-560px 950px}.socials{margin:48px 0 58px;text-align:center}.brand{text-align:center}.brand img{width:80%}.content{margin:1rem}.content.services,.content.contact{margin:0 1rem}.content.contact .button{float:none;text-align:left}.contact-info div{margin-bottom:24px}.form #sendmessage.show,.form #errormessage.show{float:none;margin-top:5px}}@media only screen and (max-width:768px){.wave{background-position:-350px 1110px}.parallax{background-position:-250px -60px}.logo,.logo a,.logo img{display:none}h1{text-align:center}#section2 hr{margin:36px auto 30px}#section2 h2{text-align:center}h2{font-size:24px;line-height:36px}h3{font-size:20px;line-height:32px}h4,.skills p{font-size:16px;line-height:30px}.cd-scroll-down{display:block;margin:36px auto}.copyright span{display:block}#section3 .content .d-flex div::before{opacity:0}}@media only screen and (max-width:520px){#section2 h1 span{display:none}}

