/* RESET */

:root{font-size:62.5%;}
*, a{outline:0 !important;}
body{
    font-size: 1.6rem;
    left:0;
    min-width:320px;
    min-height:100%;
    min-height:100vh;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;  
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a{text-decoration: none;color: inherit;outline: 0 !important;}
a:hover, a:active, a:focus {outline:0 !important;text-decoration:none;color:inherit;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}
body, h1, h2, h3, h4, h5, h6{line-height:1;}
ol, ul {list-style: none;}
table{border-collapse:collapse;border-spacing:0;}
.clear:after, .clearfix:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    line-height: 0;
}
.clear,.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix {height: 1%;}
* html .clear{height:1%;}
.clear{display: block;}
.hidden{display:none;}
:focus{outline:0 !important;}
img{vertical-align:middle;max-width:100%;}

/* FONTS */

@font-face {
    font-family: 'TTChocolates';
    src: url('fonts/TT_Chocolates_Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/TT_Chocolates_Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/TT_Chocolates_Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/TT_Chocolates_Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/TT_Chocolates_Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight:400;
}

@font-face {
    font-family: 'TTChocolates';
    src: url('fonts/TT_Chocolates_Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/TT_Chocolates_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/TT_Chocolates_Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/TT_Chocolates_Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/TT_Chocolates_Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight:700;
}

@font-face {
    font-family: 'TTChocolates';
    src: url('fonts/TT_Chocolates_ExtraBold.eot'); /* IE9 Compat Modes */
    src: url('fonts/TT_Chocolates_ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/TT_Chocolates_ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/TT_Chocolates_ExtraBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/TT_Chocolates_ExtraBold.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight:900;
}

/* GENERAL */

body {
    font-family: 'TTChocolates', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    background-color: #ffffff;
    color: #212B36;
    font-size: initial;
    min-width: 320px;
    overflow-x: hidden
}

p{font-size:2rem;line-height:1.5;}

a.btn{
    text-align:center;
    margin:50px 0;
    font-weight:700;
    border-radius:50px;
    display:inline-block;
    border:none;
    color:#ffffff;
    padding:13px 50px;
    font-size:1.8rem;
    line-height:2.2rem;
    background-color:#E0119D;
	margin:25px 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
a.btn:hover{background-color:#00b9ff;}

a.btn-link{color:#00b9ff;font-weight:700;margin-top:25px;}
a.btn-link:hover{color:#00b9ff;text-decoration:none;}
.btn-link .icon{
    display:inline-block;
    width:20px;
    height:10px;
    margin-left:5px;
}

h1, h2, h3, h4, h5{line-height:1.2;font-weight:800;}

.mt-50{margin-top:5rem;}

.theme-text{color:#00b9ff;}

/* HERO */

#hero{height:650px;position:relative;}
#left-side{
    width:50%;
    display:inline-block;
    height:100%;
    float:left;
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
}
#right-side{
    background-color:#00b9ff;
    width:50%;
    display:inline-block;
    height:100%;
    float:left;
    padding:50px;
}
#right-side .logo{float:right;}
#right-side h1{
    font-size:5.3rem;
    margin-top:100px;
}
.gesto{position:absolute;bottom:30px;width:90%;}

/* SERVIÇO */

#servico{margin-top:13rem;}
#servico h2{font-size:4rem;margin-bottom:5rem;}
#servico p{font-size:2.8rem;}
#servico p span{font-weight:700;}
.servico-lista{background-color:#fafafa;padding:50px 30px;}
.servico-lista ul li{
    font-size:2.8rem;
    margin-bottom:20px;
    position:relative;
    padding-left:20px;
}
.servico-lista ul li:before{
    content:'';
    background-color:#00b9ff;
    width:9px;
    height:9px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:10px;
}

/* CARDS */

#cards{margin:10rem 0;position:relative;}
.card-block{
    -webkit-box-shadow: 0px 8px 14px 0px rgba(33,43,54,0.09);
    -moz-box-shadow: 0px 8px 14px 0px rgba(33,43,54,0.09);
    box-shadow: 0px 8px 14px 0px rgba(33,43,54,0.09);
    background-color:#ffffff;
    border-radius:8px;
    padding:30px;
    margin:40px 0 0 0;
}
.card-block p.card-number{font-size:4rem;font-weight:700;}
.card-block h3{margin-top:10px;font-size:3.5rem;margin-bottom:15px;}
.card-block p{font-size:2.3rem;}
.cards-image{
    background-size:cover;
    background-position:top right;
    background-repeat: no-repeat;
    width: 100%;
    height:800px;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
}

/* JORNAL */

#jornal{
    background-color:#000000;
    color:#ffffff;
}
#jornal p{
    font-weight:700;
    font-size:3rem;
    padding:80px 0 120px 0;
}
#jornal img{position:absolute;bottom:-10px;left:40px;}

/* MAIS INFO */

#mais-info{
    background-color:#00b9ff;
    border-radius:10px;
    padding:30px;
    font-size:4rem;
    color:#000000;
    text-align:center;
    margin-top:-50px;
}
#mais-info span{color:#ffffff;}

/* FOOTER */

footer{text-align:center;font-size:13px;padding-bottom:50px;margin-top:150px;}
#redes-sociais{margin-bottom:30px;}
#redes-sociais img{
    max-width:40px;
    max-height:40px;
    margin:0 5px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
#redes-sociais a:last-child img{margin-top:4px;}
#redes-sociais a:hover img{
    opacity:0.6;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
#contacts-footer{padding-bottom:50px;font-size:2.5rem;font-weight:700;line-height:1.7;}
#contacts-footer a{text-decoration:underline;}
#contacts-footer p{font-size:2rem;}

/* APPS */

.appFooter{background-color:#000000;width:100%;height:180px;color:#ffffff;}
.appFooter .container{position:relative;height:180px;}
.appFooter .container div:first-child{text-align:left;}
.appFooter #app-text{position:absolute;top:50%;transform:translateY(-50%);}
.appFooter #app-text sup{font-size:11px;}
.appFooter #app-buttons{position:absolute;top:50%;transform:translateY(-50%);right:0;}
.appFooter h5{font-weight:700;margin-bottom:20px;font-size:4rem;}
.appFooter p{font-weight:500;font-size:2.5rem;}
.appFooter #app-buttons img{width:200px;margin:0 10px;}

/* DISCLAIMER */

.disclaimer{background-color:#000000;width:100%;color:#ffffff;padding:15px 0;}
.disclaimer p{margin-bottom:15px;font-size:1.8rem;line-height:1.3;}
.disclaimer p strong{font-weight:700;}

/* RESPONSIVE */

@media all and (max-width: 1199px){
    #right-side{padding:50px;}
    #right-side h1{font-size:4.3rem;}
    .appFooter #app-buttons img{margin:0;width:160px;}
    .appFooter #app-buttons a:first-child img{margin-right:5px;}
    .appFooter{font-size:20px;}
    .appFooter h5{margin-bottom:10px;}
}
@media all and (max-width: 991px){
    #hero{height:550px;}
    #right-side{padding:40px;}
    #right-side .logo{width:165px;}
    #right-side h1{margin-top:100px;font-size: 3.8rem;}
    #servico{margin-top:8rem;}
    #cards{margin:7rem 0;}
    .card-block p.card-number, .card-block h3{font-size:3rem;}
    .card-block p{font-size:2rem;}
    .cards-image{height:600px;}
    #jornal img{max-width:150%;}
    .appFooter #app-buttons img{margin:0;width:160px;}
    .appFooter #app-buttons a:first-child img{margin-right:5px;}
    .appFooter{font-size:20px;}
    .appFooter h5{margin-bottom:10px;font-size:3rem;}
}
@media all and (max-width: 767px){
    #hero{height:auto;}
    #right-side, #left-side{width:100%;display:block;float:none;}
    #left-side{height:350px;}
    #right-side{text-align:center;}
    #right-side .logo{float:none;}
    #right-side h1{margin-top:20px;}
    .gesto{bottom:auto;top:240px;}
    #servico{margin-top:5rem;}
    #cards{margin:5rem 0;}
    #mais-info, #servico h2{font-size:3rem;}
    #jornal p{padding:50px 0 220px 0;}
    #jornal img{left:0;right:0;margin:0 auto;max-width:50%;}
    .appFooter #app-text, .appFooter #app-buttons, .appFooter .container{position:static;transform:none;width:100%;text-align:center;}
    .appFooter{height:auto;padding:20px 0;}
    .appFooter p{margin:0;}
    .appFooter #app-buttons{margin-top:20px;}
    #contacts-footer{padding-bottom:0;}
    footer{margin-top:50px;padding-bottom:20px;}
    .disclaimer p{font-size:1.4rem;}
}
@media all and (max-width: 575px){
    #left-side{height:275px;}
    #mais-info{font-size:2.6rem;}
    .gesto{top:185px;}
    .card-block{margin:20px 0 0 0;}
}
@media all and (max-width: 480px){
    #left-side{height:200px;}
    #right-side{padding:30px;}
    #right-side h1{font-size:3rem;}
    #servico h2{font-size:2.5rem;margin-bottom:3rem;}
    #servico p{font-size:2rem;}
    .servico-lista{padding:30px 15px;}
    .servico-lista ul li{font-size:2.3rem;}
    .card-block p.card-number, .card-block h3{font-size:2.5rem;}
    .card-block p{font-size:1.8rem;}
    .gesto{top:135px;}
    #jornal img{max-width:85%;}
    .appFooter #app-buttons img{width:160px;display:block;margin:25px auto;}
    .appFooter #app-buttons a:first-child img{margin:25px auto 20px auto;}
    .appFooter #app-buttons a img{margin:0 auto;}
    .appFooter .container{height:auto;}
    .appFooter h5{line-height:25px;}
}