html,
body {
    margin: 0px;
    padding: 0px;
    font-family: Roboto, arial, "sans-serif";
    width: 100%;
    height: 100%;
    background-image: url("../img/background_base.jpg");
    background-size: 100% auto;
    background-repeat: repeat;
}

@media screen and (max-width: 768px){ /*Mobile*/
    .desktop_only {
        display: none !important;
    } 
    .is_mobile{
        display: block;
    }
}
@media screen and (min-width: 769px){ /*Desktop*/
    .mobile_only {
        display: none !important;
    }
    .is_mobile{
        display: none;
    }
}

.wrap_grid{
    width:100%;
    margin: 0 auto;
    max-width: 1600px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    padding:0 40px;
}

.header_offer {
    color: #06a2b7;
    background-color: #fff;
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-style: italic;
    padding: 6px 40px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.area_nobre{
    display: block;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    background-image: url('../img/background_nobre.jpg');
    background-attachment: fixed;
    background-size: 100% 100%;
    overflow: hidden;
}
.area_nobre .logo_wrap {
    display: block;
    position: relative;
}
@media screen and (max-width: 768px){ /*Mobile*/
    .area_nobre .logo_wrap {
        width: 95%;
        margin: 0 0 15% 5%;
    }
    .area_nobre{
        padding: 20% 0 10% 0;
    }    
}

@media screen and (min-width: 769px){ /*Desktop*/
    .area_nobre .logo_wrap {
        width: 60%;
        margin: 0 20% 0 20%;
    }
    .area_nobre{
        padding: 10% 0 10% 0;
    } 
}

.area_nobre .logo_wrap .logo_main{
    display: block;
    width: 100%;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
    animation: anim_main_logo 4s ease-in-out infinite;
}
@keyframes anim_main_logo {
    0% {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
        filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
    }
    50% {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0));
        filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0));
    }
    100% {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
        filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
    }
}

.area_nobre .logo_wrap .logo_circle {
    display: block;
    width: 36%;
    position: absolute;
    top: -23%;
    left: -10%;
    animation: anim_logo_circle 4s ease-in-out infinite;
    transform: rotate(-6deg);
}
@keyframes anim_logo_circle {
    0% {
        transform: rotate(-6deg);
    }
    50% {
        transform: rotate(6deg);
    }
    100% {
        transform: rotate(-6deg);
    }
}


.area_nobre h1 {
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.area_nobre h2 {
    display: block;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-style: italic;
}
.area_nobre .buttons {
    display: table;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.area_nobre .buttons .btn {
    display: block;
    float: left;
    position: relative;
    cursor: pointer;
    transform: scale(1);
    -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease; 
    max-width: 300px;
}

@media screen and (max-width: 768px){ /*Mobile*/
    .area_nobre h1 {
        font-size: 22px;
    }
    .area_nobre h2 {
        font-size: 22px;
    } 
    .area_nobre .buttons .btn {
        width: 100%;
        margin: 0 -3% -6% 3%;
    } 
    
}

@media screen and (min-width: 769px){ /*Desktop*/
    .area_nobre .logo_wrap {
        width: 60%;
        margin: 0 16% 0 24%;
    }
    .area_nobre{
        padding: 10% 0 10% 0;
    } 
    .area_nobre .buttons .btn {
        width: 50%;
    }    
}


.area_nobre .buttons .btn:hover {
    transform: scale(1.05);    
}

.area_nobre .buttons .btn img {
    display: block;
    width: 100%;
    position: relative;
}
.area_nobre .buttons .btn span {
    display: block;
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
}

.area_nobre .blue_planet {
    display: block;
    position: absolute;
    animation: anim_planet 45s linear infinite;
    transform: rotate(0deg);
}

.area_nobre .white_planet {
    display: block;
    position: absolute;
    animation: anim_planet 60s linear infinite;
    transform: rotate(0deg);
}

@media screen and (max-width: 768px){ /*Mobile*/
    .area_nobre .blue_planet {
        top: 0%;
        right: -10%;
        width: 30%;
    }    
    .area_nobre .white_planet {
        bottom: 2%;
        left: -10%;
        width: 28%;
    }    
}

@media screen and (min-width: 769px){ /*Desktop*/
    .area_nobre .blue_planet {
        top: 0%;
        right: 0%;
        width: 18%;
    }    
    .area_nobre .white_planet {
        bottom: 0%;
        left: 6%;
        width: 20%;
    }     
}

@keyframes anim_planet {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

#star_glow_1, #star_glow_2, #star_glow_3, #star_glow_4, #star_glow_5, #star_glow_6{
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    animation-name: anim_star_flash;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    position: absolute;
    top: 0px;
}
#star_glow_1 {
    box-shadow: 1659px 1469px #fff, 860px 47px #fff, 490px 764px #fff, 1784px 1091px #fff, 1265px 1731px #fff, 684px 313px #fff, 1416px 736px #fff, 1442px 339px #fff, 1668px 1172px #fff, 1113px 843px #fff, 1332px 1611px #fff, 822px 676px #fff, 1540px 1735px #fff, 164px 975px #fff, 63px 1405px #fff, 151px 13px #fff, 995px 721px #fff, 134px 604px #fff, 58px 206px #fff, 981px 408px #fff, 420px 1619px #fff, 942px 582px #fff, 1618px 1309px #fff, 1774px 42px #fff, 844px 1341px #fff, 1086px 130px #fff, 1782px 267px #fff, 285px 312px #fff, 786px 627px #fff, 1661px 1219px #fff, 903px 673px #fff, 1521px 1204px #fff, 857px 1445px #fff, 1109px 1427px #fff, 9px 84px #fff, 1194px 1646px #fff, 12px 1534px #fff, 238px 1070px #fff, 381px 666px #fff, 845px 1367px #fff, 1210px 1543px #fff, 845px 136px #fff, 1279px 376px #fff, 761px 272px #fff, 861px 1627px #fff, 1643px 1040px #fff, 1269px 1406px #fff, 157px 61px #fff, 1629px 817px #fff, 1281px 570px #fff, 744px 1296px #fff, 1230px 196px #fff, 1200px 1317px #fff, 372px 978px #fff, 542px 1254px #fff, 1504px 1392px #fff, 1748px 1138px #fff, 1177px 1609px #fff, 1396px 393px #fff, 1350px 1725px #fff, 1612px 1248px #fff, 400px 639px #fff, 639px 158px #fff, 993px 264px #fff, 1634px 1729px #fff, 515px 1315px #fff, 529px 922px #fff, 767px 1051px #fff, 695px 62px #fff, 1774px 1124px #fff, 788px 877px #fff, 796px 1441px #fff, 103px 1496px #fff, 1296px 55px #fff, 849px 1144px #fff, 1474px 1400px #fff, 420px 1155px #fff, 1751px 1302px #fff, 1540px 1381px #fff, 19px 695px #fff, 1724px 130px #fff, 508px 1071px #fff, 498px 1239px #fff, 384px 841px #fff, 113px 1610px #fff, 744px 1234px #fff, 188px 1043px #fff, 505px 1616px #fff, 1580px 536px #fff, 1780px 1040px #fff, 602px 928px #fff, 731px 620px #fff, 1179px 122px #fff, 1416px 98px #fff, 935px 1569px #fff, 1650px 1724px #fff, 1790px 550px #fff, 573px 1774px #fff, 1511px 762px #fff, 613px 1708px #fff, 530px 1708px #fff, 53px 36px #fff, 1553px 537px #fff, 649px 931px #fff, 938px 215px #fff, 1439px 1708px #fff, 1093px 41px #fff, 968px 431px #fff, 373px 1754px #fff, 485px 596px #fff, 1768px 605px #fff, 1757px 1540px #fff, 1260px 966px #fff, 233px 1120px #fff, 1781px 1787px #fff, 87px 117px #fff, 1043px 928px #fff, 894px 915px #fff, 344px 1654px #fff, 884px 1255px #fff, 85px 494px #fff, 1340px 1754px #fff, 1681px 1011px #fff, 1796px 1595px #fff, 1195px 119px #fff, 288px 444px #fff, 996px 367px #fff, 175px 437px #fff, 632px 1590px #fff, 15px 1240px #fff, 622px 1227px #fff, 1574px 1576px #fff, 302px 451px #fff, 13px 1782px #fff, 1386px 1583px #fff, 147px 775px #fff, 625px 1290px #fff, 111px 1678px #fff, 559px 1744px #fff, 1566px 1188px #fff, 1167px 1233px #fff, 1055px 1119px #fff, 1756px 1698px #fff, 331px 937px #fff, 147px 940px #fff, 1729px 906px #fff, 874px 985px #fff, 516px 630px #fff, 1442px 774px #fff, 563px 1512px #fff, 187px 916px #fff, 1719px 1021px #fff, 31px 947px #fff, 106px 948px #fff, 1310px 719px #fff, 1459px 122px #fff, 1330px 1160px #fff, 1046px 490px #fff, 823px 197px #fff, 1565px 359px #fff, 1551px 115px #fff, 956px 1471px #fff, 435px 1077px #fff, 1105px 158px #fff, 843px 478px #fff, 218px 1272px #fff, 757px 250px #fff, 517px 886px #fff, 711px 790px #fff, 646px 292px #fff, 1431px 1172px #fff, 1779px 353px #fff, 527px 180px #fff, 355px 1385px #fff, 1071px 903px #fff, 1731px 460px #fff, 110px 437px #fff, 880px 1545px #fff, 792px 99px #fff, 372px 133px #fff, 1648px 816px #fff, 1010px 71px #fff, 1701px 1682px #fff, 930px 1339px #fff, 155px 934px #fff, 916px 1279px #fff, 439px 568px #fff, 1114px 1044px #fff, 301px 326px #fff, 1024px 238px #fff, 1754px 1037px #fff, 661px 685px #fff, 1081px 1169px #fff, 1047px 1702px #fff, 1514px 1646px #fff, 1025px 1124px #fff, 1117px 990px #fff, 1599px 1757px #fff, 1057px 1312px #fff, 129px 1624px #fff;
    animation-delay: 0s;
}  
#star_glow_2 {
    box-shadow: 1338px 1758px #fff, 1106px 1313px #fff, 1367px 748px #fff, 706px 1407px #fff, 1452px 586px #fff, 1306px 1003px #fff, 38px 714px #fff, 1523px 1389px #fff, 1190px 1604px #fff, 1512px 302px #fff, 618px 58px #fff, 935px 595px #fff, 242px 711px #fff, 1244px 1744px #fff, 558px 15px #fff, 289px 454px #fff, 1263px 463px #fff, 596px 1233px #fff, 197px 1667px #fff, 1675px 1021px #fff, 566px 1610px #fff, 16px 1320px #fff, 144px 1634px #fff, 719px 888px #fff, 1050px 1075px #fff, 203px 394px #fff, 766px 615px #fff, 1191px 737px #fff, 844px 885px #fff, 971px 587px #fff, 77px 135px #fff, 986px 296px #fff, 405px 937px #fff, 651px 1569px #fff, 1543px 1247px #fff, 1313px 810px #fff, 1733px 1127px #fff, 818px 809px #fff, 961px 1369px #fff, 1076px 981px #fff, 657px 1032px #fff, 1023px 135px #fff, 402px 879px #fff, 565px 1021px #fff, 1030px 1183px #fff, 1448px 207px #fff, 687px 654px #fff, 1667px 1558px #fff, 639px 602px #fff, 1749px 1196px #fff, 1592px 203px #fff, 1019px 818px #fff, 31px 280px #fff, 1603px 620px #fff, 1143px 1013px #fff, 301px 357px #fff, 1410px 617px #fff, 1481px 293px #fff, 704px 418px #fff, 1175px 1409px #fff, 1244px 1756px #fff, 607px 1643px #fff, 1531px 745px #fff, 1000px 1297px #fff, 167px 791px #fff, 970px 283px #fff, 51px 1670px #fff, 939px 984px #fff, 1325px 747px #fff, 726px 669px #fff, 460px 551px #fff, 502px 1693px #fff, 1685px 1039px #fff, 1092px 890px #fff, 1013px 43px #fff, 1661px 433px #fff, 448px 1127px #fff, 77px 953px #fff, 637px 1077px #fff, 630px 1654px #fff, 745px 830px #fff, 1211px 1100px #fff, 1111px 1564px #fff, 457px 948px #fff, 92px 431px #fff, 1702px 959px #fff, 1171px 273px #fff, 814px 1666px #fff, 1564px 103px #fff, 1669px 367px #fff, 279px 514px #fff, 1725px 799px #fff, 1237px 693px #fff, 741px 759px #fff, 671px 1482px #fff, 1220px 191px #fff, 698px 1282px #fff, 1505px 1571px #fff, 1379px 982px #fff, 839px 1339px #fff, 108px 207px #fff, 1623px 1176px #fff, 1202px 564px #fff, 1068px 948px #fff, 1634px 1327px #fff, 1601px 1219px #fff, 1182px 328px #fff, 273px 1223px #fff, 1794px 1616px #fff, 148px 1539px #fff, 1574px 1490px #fff, 6px 427px #fff, 240px 1631px #fff, 493px 1573px #fff, 595px 1776px #fff, 113px 995px #fff, 869px 124px #fff, 251px 1608px #fff, 212px 1056px #fff, 341px 1163px #fff, 1337px 97px #fff, 78px 1691px #fff, 1612px 1516px #fff, 261px 1482px #fff, 1454px 1049px #fff, 575px 1799px #fff, 824px 375px #fff, 569px 453px #fff, 576px 217px #fff, 441px 862px #fff, 1260px 815px #fff, 345px 1483px #fff, 385px 425px #fff, 446px 1328px #fff, 1770px 257px #fff, 745px 577px #fff, 65px 917px #fff, 93px 530px #fff, 72px 785px #fff, 218px 248px #fff, 422px 1410px #fff, 1696px 652px #fff, 698px 1717px #fff, 219px 1252px #fff, 570px 212px #fff, 1040px 111px #fff, 1294px 452px #fff, 955px 1386px #fff, 152px 1136px #fff, 1381px 931px #fff, 1743px 1474px #fff, 1249px 513px #fff, 940px 484px #fff, 1156px 307px #fff, 585px 933px #fff, 1239px 944px #fff, 1021px 1678px #fff, 1005px 829px #fff, 709px 522px #fff, 1665px 1095px #fff, 1404px 366px #fff, 1550px 1146px #fff, 468px 353px #fff, 481px 1361px #fff, 1331px 1442px #fff, 644px 1540px #fff, 330px 657px #fff, 966px 187px #fff, 81px 132px #fff, 1741px 375px #fff, 816px 186px #fff, 565px 1535px #fff, 1656px 1614px #fff, 907px 1323px #fff, 619px 1165px #fff, 1448px 1728px #fff, 401px 144px #fff, 478px 1704px #fff, 1618px 1659px #fff, 197px 1782px #fff, 365px 280px #fff, 306px 731px #fff, 852px 1477px #fff, 1196px 273px #fff, 1777px 620px #fff, 35px 96px #fff, 701px 1136px #fff, 1425px 406px #fff, 296px 1289px #fff, 912px 1415px #fff, 517px 1106px #fff, 1296px 429px #fff, 279px 1567px #fff, 1635px 1109px #fff, 1482px 1390px #fff, 1486px 1659px #fff, 1595px 1414px #fff, 1623px 847px #fff, 963px 458px #fff, 572px 1011px #fff;
    animation-delay: 0.5s;
}  
#star_glow_3 {
    box-shadow: 888px 356px #fff, 1774px 642px #fff, 120px 1123px #fff, 1028px 339px #fff, 66px 55px #fff, 571px 270px #fff, 1119px 402px #fff, 511px 483px #fff, 376px 1588px #fff, 1177px 1368px #fff, 1477px 1375px #fff, 1771px 731px #fff, 365px 424px #fff, 1692px 1420px #fff, 399px 1222px #fff, 1512px 1168px #fff, 857px 1360px #fff, 1360px 1751px #fff, 1202px 395px #fff, 1519px 558px #fff, 485px 186px #fff, 103px 383px #fff, 74px 1564px #fff, 480px 90px #fff, 1430px 242px #fff, 1186px 694px #fff, 1656px 570px #fff, 525px 538px #fff, 825px 1467px #fff, 1614px 163px #fff, 1010px 320px #fff, 786px 1792px #fff, 579px 704px #fff, 138px 1449px #fff, 756px 684px #fff, 78px 653px #fff, 478px 1752px #fff, 1170px 934px #fff, 1022px 319px #fff, 1438px 220px #fff, 1032px 1604px #fff, 865px 150px #fff, 271px 357px #fff, 1250px 1789px #fff, 1136px 77px #fff, 1280px 927px #fff, 727px 175px #fff, 1362px 230px #fff, 817px 546px #fff, 82px 862px #fff, 668px 789px #fff, 911px 1336px #fff, 1668px 932px #fff, 393px 902px #fff, 535px 485px #fff, 63px 533px #fff, 987px 102px #fff, 739px 11px #fff, 852px 1270px #fff, 633px 1029px #fff, 579px 683px #fff, 829px 658px #fff, 1371px 1724px #fff, 1254px 1476px #fff, 193px 975px #fff, 706px 391px #fff, 1276px 1764px #fff, 103px 1529px #fff, 526px 469px #fff, 1061px 475px #fff, 1348px 662px #fff, 112px 561px #fff, 1609px 547px #fff, 477px 279px #fff, 157px 196px #fff, 1245px 328px #fff, 1796px 1459px #fff, 270px 198px #fff, 1210px 759px #fff, 363px 1663px #fff, 1722px 1124px #fff, 1283px 1699px #fff, 154px 606px #fff, 917px 1246px #fff, 107px 539px #fff, 1309px 698px #fff, 1003px 664px #fff, 1639px 1531px #fff, 43px 751px #fff, 911px 388px #fff, 1166px 602px #fff, 52px 953px #fff, 1284px 1746px #fff, 1108px 1782px #fff, 28px 1116px #fff, 867px 857px #fff, 356px 1430px #fff, 680px 314px #fff, 829px 1539px #fff, 1573px 526px #fff, 271px 683px #fff, 494px 1674px #fff, 1032px 1708px #fff, 595px 1752px #fff, 363px 765px #fff, 250px 1248px #fff, 426px 580px #fff, 934px 1058px #fff, 1677px 226px #fff, 524px 545px #fff, 1123px 701px #fff, 564px 841px #fff, 808px 764px #fff, 476px 160px #fff, 987px 957px #fff, 1750px 888px #fff, 1168px 1605px #fff, 1419px 963px #fff, 1402px 1259px #fff, 1012px 606px #fff, 283px 464px #fff, 854px 95px #fff, 241px 1005px #fff, 1280px 189px #fff, 485px 717px #fff, 590px 1104px #fff, 829px 1685px #fff, 1275px 1579px #fff, 320px 738px #fff, 1351px 903px #fff, 58px 452px #fff, 693px 925px #fff, 1127px 403px #fff, 466px 227px #fff, 1730px 1768px #fff, 655px 1780px #fff, 1457px 727px #fff, 777px 1146px #fff, 133px 568px #fff, 21px 1781px #fff, 88px 1243px #fff, 147px 608px #fff, 87px 1326px #fff, 551px 1016px #fff, 1117px 1229px #fff, 1222px 639px #fff, 1262px 730px #fff, 517px 560px #fff, 253px 1511px #fff, 1615px 1341px #fff, 1679px 421px #fff, 1721px 289px #fff, 1628px 1354px #fff, 733px 876px #fff, 1058px 973px #fff, 31px 1657px #fff, 780px 996px #fff, 144px 390px #fff, 112px 1713px #fff, 1325px 147px #fff, 1460px 615px #fff, 897px 473px #fff, 841px 558px #fff, 480px 980px #fff, 1116px 816px #fff, 1253px 521px #fff, 90px 203px #fff, 575px 1337px #fff, 1684px 269px #fff, 1293px 27px #fff, 922px 760px #fff, 1662px 1720px #fff, 1405px 467px #fff, 911px 606px #fff, 121px 1305px #fff, 650px 323px #fff, 127px 1436px #fff, 1210px 256px #fff, 1302px 237px #fff, 261px 1607px #fff, 787px 1271px #fff, 1143px 175px #fff, 714px 1002px #fff, 938px 1234px #fff, 1533px 771px #fff, 1466px 1663px #fff, 668px 531px #fff, 52px 634px #fff, 688px 711px #fff, 1436px 1088px #fff, 35px 1018px #fff, 183px 808px #fff, 1495px 773px #fff, 447px 570px #fff, 556px 1318px #fff, 104px 808px #fff, 248px 1045px #fff, 1570px 1796px #fff, 1670px 1485px #fff, 5px 1322px #fff;
    animation-delay: 1.0s;
}
#star_glow_4 {
    box-shadow: 488px 376px #fff, 1521px 491px #fff, 270px 759px #fff, 144px 1045px #fff, 538px 1517px #fff, 1399px 201px #fff, 512px 135px #fff, 12px 1267px #fff, 754px 1140px #fff, 429px 537px #fff, 696px 1771px #fff, 390px 86px #fff, 1413px 1473px #fff, 8px 18px #fff, 1728px 8px #fff, 1595px 1464px #fff, 1016px 53px #fff, 381px 1741px #fff, 693px 816px #fff, 934px 366px #fff, 1332px 1443px #fff, 237px 1487px #fff, 901px 1206px #fff, 199px 292px #fff, 861px 928px #fff, 982px 1405px #fff, 253px 4px #fff, 221px 776px #fff, 1299px 26px #fff, 304px 1713px #fff, 1241px 988px #fff, 594px 1200px #fff, 216px 1220px #fff, 240px 243px #fff, 475px 1514px #fff, 498px 1214px #fff, 897px 792px #fff, 1715px 276px #fff, 606px 10px #fff, 1393px 1304px #fff, 410px 1736px #fff, 268px 1618px #fff, 870px 190px #fff, 294px 1394px #fff, 335px 1172px #fff, 1736px 272px #fff, 147px 1321px #fff, 1398px 756px #fff, 451px 709px #fff, 1093px 215px #fff, 1181px 1079px #fff, 250px 374px #fff, 967px 753px #fff, 1793px 1365px #fff, 103px 1294px #fff, 1420px 35px #fff, 927px 825px #fff, 1252px 1201px #fff, 1034px 669px #fff, 1220px 952px #fff, 864px 1023px #fff, 1424px 1486px #fff, 360px 1195px #fff, 1758px 224px #fff, 278px 933px #fff, 1600px 1621px #fff, 911px 563px #fff, 1182px 714px #fff, 155px 77px #fff, 1648px 1037px #fff, 183px 414px #fff, 1219px 1420px #fff, 51px 1040px #fff, 1138px 3px #fff, 337px 886px #fff, 646px 1166px #fff, 904px 1144px #fff, 632px 1486px #fff, 620px 1377px #fff, 61px 1423px #fff, 85px 1135px #fff, 1716px 993px #fff, 428px 39px #fff, 1488px 325px #fff, 1289px 845px #fff, 1726px 1114px #fff, 1538px 1193px #fff, 459px 1152px #fff, 1622px 216px #fff, 1065px 392px #fff, 1060px 1500px #fff, 1730px 1577px #fff, 1154px 62px #fff, 118px 865px #fff, 444px 950px #fff, 341px 472px #fff, 912px 1708px #fff, 735px 473px #fff, 947px 885px #fff, 1633px 1583px #fff, 652px 784px #fff, 101px 1301px #fff, 1534px 155px #fff, 1715px 98px #fff, 287px 1220px #fff, 649px 243px #fff, 275px 615px #fff, 745px 621px #fff, 144px 1207px #fff, 1247px 116px #fff, 1488px 1175px #fff, 1576px 397px #fff, 532px 662px #fff, 747px 1663px #fff, 538px 1133px #fff, 158px 659px #fff, 270px 478px #fff, 533px 296px #fff, 1777px 1103px #fff, 824px 685px #fff, 1230px 844px #fff, 1228px 1078px #fff, 983px 443px #fff, 1522px 1607px #fff, 1413px 447px #fff, 163px 55px #fff, 455px 163px #fff, 568px 1007px #fff, 630px 1452px #fff, 551px 1285px #fff, 1388px 198px #fff, 955px 1134px #fff, 503px 1200px #fff, 965px 285px #fff, 106px 1617px #fff, 1781px 3px #fff, 757px 582px #fff, 1643px 852px #fff, 550px 32px #fff, 1033px 1092px #fff, 246px 1204px #fff, 623px 1797px #fff, 445px 555px #fff, 1208px 1266px #fff, 936px 313px #fff, 336px 1212px #fff, 703px 1358px #fff, 276px 1003px #fff, 1270px 1059px #fff, 1120px 776px #fff, 598px 1278px #fff, 175px 1298px #fff, 490px 227px #fff, 1038px 602px #fff, 573px 1758px #fff, 70px 1437px #fff, 1765px 672px #fff, 1381px 1783px #fff, 1204px 722px #fff, 1711px 1589px #fff, 684px 481px #fff, 425px 426px #fff, 495px 1147px #fff, 456px 1623px #fff, 1115px 1549px #fff, 607px 899px #fff, 1654px 1243px #fff, 117px 90px #fff, 229px 1541px #fff, 233px 1261px #fff, 770px 824px #fff, 44px 256px #fff, 1033px 690px #fff, 409px 218px #fff, 926px 268px #fff, 1188px 371px #fff, 593px 256px #fff, 155px 148px #fff, 1456px 494px #fff, 148px 284px #fff, 684px 615px #fff, 292px 332px #fff, 1657px 648px #fff, 1674px 1230px #fff, 1230px 923px #fff, 338px 1186px #fff, 184px 1739px #fff, 1465px 1158px #fff, 115px 675px #fff, 349px 903px #fff, 1046px 594px #fff, 775px 303px #fff, 397px 119px #fff, 1227px 1525px #fff, 1742px 1062px #fff, 1794px 1612px #fff, 1748px 867px #fff, 1126px 1558px #fff, 407px 1641px #fff, 1070px 880px #fff;
    animation-delay: 1.5s;
}
#star_glow_5 {
    box-shadow: 33px 1749px #fff, 193px 1727px #fff, 360px 488px #fff, 1513px 1046px #fff, 668px 1513px #fff, 108px 638px #fff, 1705px 900px #fff, 1093px 1582px #fff, 528px 1657px #fff, 121px 534px #fff, 1559px 669px #fff, 1201px 1276px #fff, 680px 1625px #fff, 1627px 915px #fff, 1516px 1025px #fff, 805px 360px #fff, 738px 1251px #fff, 1149px 1236px #fff, 1368px 563px #fff, 139px 1680px #fff, 1381px 939px #fff, 1505px 976px #fff, 751px 426px #fff, 1483px 1378px #fff, 472px 239px #fff, 827px 1696px #fff, 1101px 357px #fff, 1616px 1271px #fff, 941px 701px #fff, 866px 1321px #fff, 1712px 1649px #fff, 321px 308px #fff, 442px 796px #fff, 1682px 1378px #fff, 65px 823px #fff, 258px 1053px #fff, 314px 87px #fff, 1009px 1105px #fff, 119px 782px #fff, 639px 598px #fff, 1542px 1417px #fff, 1231px 773px #fff, 592px 843px #fff, 799px 344px #fff, 4px 18px #fff, 367px 1185px #fff, 873px 142px #fff, 133px 474px #fff, 1541px 1725px #fff, 738px 398px #fff, 1753px 268px #fff, 420px 560px #fff, 1046px 695px #fff, 1044px 537px #fff, 1009px 1486px #fff, 81px 1309px #fff, 554px 175px #fff, 587px 1581px #fff, 1304px 399px #fff, 679px 82px #fff, 1010px 1032px #fff, 1635px 1734px #fff, 207px 1467px #fff, 407px 1120px #fff, 197px 1558px #fff, 1535px 1674px #fff, 1452px 89px #fff, 1074px 1551px #fff, 1456px 1180px #fff, 1467px 1739px #fff, 431px 693px #fff, 726px 393px #fff, 640px 960px #fff, 1264px 1143px #fff, 1051px 1696px #fff, 1095px 1558px #fff, 1285px 308px #fff, 1331px 772px #fff, 1271px 616px #fff, 1231px 575px #fff, 33px 225px #fff, 25px 1649px #fff, 1463px 444px #fff, 805px 851px #fff, 539px 1162px #fff, 279px 300px #fff, 434px 47px #fff, 1583px 15px #fff, 909px 487px #fff, 270px 493px #fff, 209px 1066px #fff, 183px 1144px #fff, 325px 873px #fff, 1257px 1px #fff, 1435px 571px #fff, 643px 508px #fff, 1579px 860px #fff, 752px 1316px #fff, 395px 1171px #fff, 283px 1493px #fff, 1450px 768px #fff, 1012px 1079px #fff, 979px 885px #fff, 352px 360px #fff, 805px 843px #fff, 289px 1668px #fff, 60px 1471px #fff, 151px 1452px #fff, 180px 1069px #fff, 147px 652px #fff, 726px 782px #fff, 250px 921px #fff, 869px 329px #fff, 534px 383px #fff, 306px 1547px #fff, 679px 1582px #fff, 459px 897px #fff, 1271px 165px #fff, 1042px 724px #fff, 280px 721px #fff, 722px 1528px #fff, 291px 1185px #fff, 944px 1403px #fff, 1251px 1412px #fff, 601px 693px #fff, 1340px 315px #fff, 1591px 1491px #fff, 691px 161px #fff, 1401px 173px #fff, 922px 798px #fff, 1718px 1750px #fff, 750px 1433px #fff, 1272px 456px #fff, 460px 979px #fff, 1679px 504px #fff, 767px 1370px #fff, 983px 1067px #fff, 1073px 286px #fff, 1094px 938px #fff, 264px 523px #fff, 169px 403px #fff, 1797px 1748px #fff, 1022px 1735px #fff, 1306px 227px #fff, 356px 1518px #fff, 908px 127px #fff, 246px 1515px #fff, 565px 375px #fff, 1759px 1520px #fff, 1477px 1689px #fff, 794px 1164px #fff, 244px 1584px #fff, 253px 1462px #fff, 1374px 927px #fff, 352px 1372px #fff, 712px 781px #fff, 471px 1373px #fff, 1091px 1182px #fff, 359px 115px #fff, 1294px 940px #fff, 888px 412px #fff, 713px 1112px #fff, 297px 1216px #fff, 482px 139px #fff, 934px 1783px #fff, 1482px 335px #fff, 197px 222px #fff, 1748px 1200px #fff, 553px 666px #fff, 860px 1061px #fff, 506px 1292px #fff, 1610px 276px #fff, 214px 60px #fff, 322px 1445px #fff, 234px 1669px #fff, 1181px 1732px #fff, 1445px 1273px #fff, 418px 849px #fff, 778px 1681px #fff, 1198px 1252px #fff, 943px 1069px #fff, 219px 1002px #fff, 375px 1574px #fff, 1547px 155px #fff, 846px 375px #fff, 1237px 425px #fff, 9px 1583px #fff, 1353px 449px #fff, 1579px 523px #fff, 899px 74px #fff, 95px 936px #fff, 1104px 1374px #fff, 1212px 416px #fff, 1078px 936px #fff, 877px 911px #fff, 71px 932px #fff, 1797px 679px #fff, 173px 894px #fff, 267px 401px #fff, 139px 1432px #fff;
    animation-delay: 2.0s;
}
#star_glow_6 {
    box-shadow: 1706px 529px #fff, 169px 854px #fff, 1312px 846px #fff, 762px 1377px #fff, 418px 329px #fff, 1447px 326px #fff, 1482px 715px #fff, 913px 1229px #fff, 344px 1010px #fff, 1699px 396px #fff, 324px 302px #fff, 686px 110px #fff, 1274px 1498px #fff, 178px 1550px #fff, 1356px 290px #fff, 884px 113px #fff, 1743px 525px #fff, 80px 396px #fff, 354px 129px #fff, 1703px 1489px #fff, 748px 460px #fff, 1461px 998px #fff, 636px 1747px #fff, 942px 1266px #fff, 1203px 1704px #fff, 22px 588px #fff, 638px 1317px #fff, 913px 388px #fff, 892px 1498px #fff, 644px 1321px #fff, 1636px 508px #fff, 1687px 498px #fff, 1049px 18px #fff, 769px 1746px #fff, 1422px 1305px #fff, 184px 1114px #fff, 496px 1757px #fff, 386px 776px #fff, 1719px 1293px #fff, 145px 1262px #fff, 61px 605px #fff, 1236px 1242px #fff, 238px 556px #fff, 548px 1735px #fff, 1291px 535px #fff, 353px 1027px #fff, 937px 738px #fff, 1699px 860px #fff, 325px 1484px #fff, 449px 1760px #fff, 1117px 23px #fff, 1002px 1508px #fff, 440px 523px #fff, 1755px 812px #fff, 302px 1710px #fff, 999px 1250px #fff, 1001px 764px #fff, 199px 1578px #fff, 781px 1127px #fff, 81px 722px #fff, 549px 288px #fff, 450px 1219px #fff, 1280px 328px #fff, 1776px 827px #fff, 30px 554px #fff, 110px 868px #fff, 146px 1428px #fff, 180px 600px #fff, 562px 902px #fff, 993px 996px #fff, 459px 941px #fff, 1188px 131px #fff, 486px 903px #fff, 738px 1466px #fff, 174px 1502px #fff, 239px 1625px #fff, 374px 538px #fff, 1329px 1683px #fff, 1553px 1730px #fff, 170px 594px #fff, 955px 1621px #fff, 1758px 1346px #fff, 1550px 1799px #fff, 384px 1327px #fff, 255px 259px #fff, 973px 946px #fff, 358px 934px #fff, 904px 687px #fff, 52px 1238px #fff, 1568px 1078px #fff, 928px 1297px #fff, 288px 18px #fff, 1692px 1234px #fff, 1749px 1475px #fff, 1426px 1773px #fff, 790px 41px #fff, 87px 846px #fff, 1177px 1003px #fff, 1196px 1205px #fff, 1382px 118px #fff, 301px 37px #fff, 1258px 1042px #fff, 919px 978px #fff, 1136px 665px #fff, 807px 1760px #fff, 1723px 1025px #fff, 1691px 1200px #fff, 175px 1442px #fff, 1769px 1663px #fff, 1426px 478px #fff, 1617px 539px #fff, 466px 1646px #fff, 1668px 959px #fff, 5px 1623px #fff, 296px 94px #fff, 1195px 88px #fff, 943px 1693px #fff, 1543px 654px #fff, 796px 1443px #fff, 1757px 1668px #fff, 574px 1486px #fff, 278px 732px #fff, 146px 271px #fff, 1599px 360px #fff, 178px 38px #fff, 596px 1800px #fff, 1730px 1366px #fff, 1682px 1313px #fff, 1003px 713px #fff, 1290px 1708px #fff, 1585px 893px #fff, 1109px 1308px #fff, 1386px 8px #fff, 1018px 729px #fff, 1673px 1200px #fff, 1137px 281px #fff, 153px 1525px #fff, 978px 907px #fff, 596px 39px #fff, 1296px 709px #fff, 266px 1196px #fff, 1511px 1688px #fff, 1437px 376px #fff, 848px 382px #fff, 421px 676px #fff, 555px 845px #fff, 1370px 1798px #fff, 613px 1608px #fff, 1277px 817px #fff, 1594px 1220px #fff, 62px 358px #fff, 842px 825px #fff, 915px 276px #fff, 973px 383px #fff, 908px 579px #fff, 720px 1548px #fff, 1250px 343px #fff, 224px 356px #fff, 505px 1744px #fff, 1274px 671px #fff, 520px 1159px #fff, 1060px 1140px #fff, 793px 56px #fff, 1331px 1027px #fff, 1506px 8px #fff, 675px 295px #fff, 760px 1191px #fff, 1395px 815px #fff, 1533px 1539px #fff, 442px 1129px #fff, 19px 303px #fff, 842px 1117px #fff, 295px 673px #fff, 1541px 1552px #fff, 970px 1549px #fff, 394px 1578px #fff, 1352px 1629px #fff, 591px 1021px #fff, 1193px 369px #fff, 1013px 1068px #fff, 1305px 538px #fff, 534px 537px #fff, 269px 880px #fff, 1085px 1574px #fff, 646px 1133px #fff, 385px 368px #fff, 1350px 205px #fff, 516px 1392px #fff, 783px 1180px #fff, 1517px 278px #fff, 843px 1629px #fff, 17px 639px #fff, 855px 1486px #fff, 938px 1469px #fff, 1589px 37px #fff, 951px 514px #fff, 215px 613px #fff, 1416px 410px #fff, 1026px 1793px #fff, 1137px 1334px #fff;
    animation-delay: 2.5s;
}  
@keyframes anim_star_flash {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}



  
.modal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0,0,0, .9);
    transition: opacity .25s ease;
    z-index: 100;
}

.modal__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.modal-state {
    display: none;
}

.modal-state:checked + .modal {
    opacity: 1;
    visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
    top: 0;
}

.modal__inner {
    transition: top .25s ease;
    position: absolute;
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70%;
    margin: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    padding: 1em 2em;
    height: 60%;
}

.modal__close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
}

.modal__close:after,
.modal__close:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 1.5em;
    background: #ccc;
    display: block;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
    background: #aaa;
}

.modal__close:before {
    transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
    .modal__inner {
        width: 90%;
        height: 90%;
        box-sizing: border-box;
    }
}


.wrap_fonoaudiologa{
    display: block;
    width: 100%;
    background-color: rgba(19, 186, 218, 0.8);
}
.wrap_fonoaudiologa .fono_inner{
    display: flex;
    align-items: center;
}
.wrap_fonoaudiologa .girl_fono {
    display: block;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
}
.wrap_fonoaudiologa .fono_txt{
    display: block;
}
.wrap_fonoaudiologa h2{
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 32px;
}
.wrap_fonoaudiologa h3{
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;    
}
@media screen and (max-width: 768px){ /*Mobile*/
    .wrap_fonoaudiologa{
        padding-bottom: 30px;
    }
    .wrap_fonoaudiologa .fono_inner{
        flex-direction: column;
    }
    .wrap_fonoaudiologa .girl_fono {
        width: 80%;
        margin: 30px 0 0 0;
    }    
    .wrap_fonoaudiologa .fono_txt{
        padding-left: 0%;
    }
    .wrap_fonoaudiologa h2{
        font-size: 22px;
        text-align: center;
    }
    .wrap_fonoaudiologa h3{
        font-size: 18px;
        text-align: center;
    }
}

@media screen and (min-width: 769px){ /*Desktop*/
    .wrap_fonoaudiologa .fono_inner{
        flex-direction: row;
    }
    .wrap_fonoaudiologa .girl_fono {
        width: 40%;
        margin: 60px 0;
    }
    .wrap_fonoaudiologa .fono_txt{
        padding-left: 4%;
    }    
    .wrap_fonoaudiologa h2{
        font-size: 32px;
    }
    .wrap_fonoaudiologa h3{
        font-size: 22px;
    }
}






.wrap_fonoaudiologa table{
    display: block;
    width: 100%
}
.wrap_fonoaudiologa td{
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    padding: 10px;
}
.wrap_fonoaudiologa svg{
    display: block;
    animation: anim_staricon 6s linear infinite;
    transform: rotate(0deg) scale(1.0);
}

@keyframes anim_staricon {
0% {
    transform: rotate(0deg) scale(1.0);
}
50% {
    transform: rotate(180deg) scale(1.4);
}
100% {
    transform: rotate(360deg) scale(1.0);
}
}

.wrap_ludico{
    display: block;
    width: 100%;
    background-image: url('../img/background_ludico.jpg');
    background-attachment: fixed;
    background-position: center center;
    background-size: auto 100%;
}
.wrap_ludico .wrap_bluefilter{
    width: 100%;
    background-color: rgba(2, 17, 39, 0.6);
    padding: 40px 0;
}

.wrap_ludico .content {
    display: flex;
    width: 100%;
}

.wrap_ludico .text {
    display: block;
    color: #fff;
    font-weight: 300;
}

.wrap_ludico h2 {
    display: block;
    text-transform: uppercase;
}

@media screen and (max-width: 768px){ /*Mobile*/
    .wrap_ludico .content {
        flex-direction: column
    }
    .wrap_ludico .text {
        width: 100%;
    }
    .wrap_ludico .text {
        font-size: 14px;
        margin-top: 10%;
        text-align: center;
    }
    .wrap_ludico h2 {
        text-align: center;
        font-size: 22px;
    }
}

@media screen and (min-width: 769px){ /*Desktop*/
    .wrap_ludico .content {
        flex-direction: row;
    }
    .wrap_ludico .text {
        width: 80%;
    }
    .wrap_ludico .text {
        font-size: 16px;
        margin-top: 40%;
        text-align: left;
    }
    .wrap_ludico h2 {
        text-align: left;
        font-size: 22px;
    }
}



.wrap_ludico .products_unite {
    display: block;
    width: 100%;
}
.wrap_ludico #prod_unite {
    display: block;
    width: 100%;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
}

.wrap_ludico .products {
    display: block;
    width: 20%;
    position: relative;
}

.wrap_ludico #prod_milk{
    display: block;
    width: 80%;
    /* transform: translate(0px, 0px) scale(1); */
    position: absolute;
    top: -12%;
    left: -16%;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
}
.wrap_ludico #prod_chocolate_bar{
    display: block;
    width: 80%;
    /* transform: translate(-60px, -90px) scale(1.0); */
    position: absolute;
    top: 8%;
    left: -40%;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
}
.wrap_ludico #prod_sweet_peas{
    display: block;
    width: 80%;
    /* transform: translate(50px, -180px) scale(1.0); */
    position: absolute;
    top: 26%;
    left: 10%;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
}
.wrap_ludico #prod_sweet_corn{
    display: block;
    width: 80%;
    /* transform: translate(-20px, -250px) scale(1.0); */
    position: absolute;
    top: 44%;
    left: -10%;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
}

.wrap_gallery{
    width:100%;
    background-color: #fff;
    padding: 4% 0 10% 0;
    overflow: hidden;
    position: relative;
}
.wrap_gallery h2{
    color: #06a2b7;
    margin-bottom: 6%;
    text-transform: uppercase;
}

@media screen and (max-width: 768px){ /*Mobile*/
    .wrap_gallery h2{
        font-size: 22px;
        text-align: center;
    }
}

@media screen and (min-width: 769px){ /*Desktop*/
    .wrap_gallery h2{
        font-size: 32px;
        text-align: left;
    }
}

.wrap_gallery .static_gallery {
    width: 100%;
    padding: 0 6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap_gallery .static_gallery .insta {
    width: 46%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0px 0px 15px #cccccc;
    margin: 0 0 20px 0;
    float: left;
    margin: 0 2% 12px 2%;
    border-radius: 4px;
    -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease; 
}
.wrap_gallery .static_gallery img{
    width: 100%;
}
.wrap_gallery .inner_gallery{
    width: 100%;
    padding-left: 10%;
}




.wrap_gallery .controler_slideshow{
    display: flex;
    width: 100%;
    max-width: 300px;
    z-index: 30;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    border-bottom: solid #eaeaea 1px;
    margin: 0 0 6% 6%;
}
.wrap_gallery #custom-caption{
    display: block;
    color: #06a2b7;
    font-weight: bold;
    font-size: 26px;
}
.wrap_gallery #custom-caption span{
    font-size: 14px;
}
.wrap_gallery .pager_controler{
    display: flex;
}
.wrap_gallery #prev, .wrap_gallery #next{
    display: flex;
}

.wrap_gallery #prev img{
    max-width: 24px;
    margin-right: 6px;
}
.wrap_gallery #next img{
    max-width: 24px;
    transform: rotate(180deg);
}





.cycle-slideshow{
    overflow: visible !important;
}
.cycle-slideshow .cycle-slide{
    /* width: 13% !important; */
    /* margin: 0 0.2% !important; */
    /* height: auto; */
    border: solid 10px #fff;
    transform: scale(1.0);
    opacity: 0.5 !important;
    z-index: 10 !important;
    position: relative !important;
    -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; 
    max-width: 300px;
}
.cycle-slideshow .cycle-slide-active{
    /* width: 38% !important; */
    /* margin: 0 1% !important; */
    /* height: auto; */
    transform: scale(1.5);
    opacity: 1.0 !important;
    z-index: 20 !important;
    position: relative !important;
    -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; 
}

.wrap_features{
    display: block;
    width: 100%;
    padding-bottom: 10%;
}

.wrap_features h2 {
    display: block;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    margin: 10% 0 40px 0;
    font-size: 32px;
}

.wrap_features .wrap_cards {
    display: flex;
    flex-wrap: wrap;
    -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease; 
}


.wrap_features .card_feature {
    background-image: url("../img/feature_frame.png");
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transform: scale(1.0);
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
    padding: 20px;
}
.wrap_features .card_feature:hover {
    transform: scale(1.1);
}
.wrap_features .card_feature img{
    display: block;
    width: 100%;
}

@media screen and (max-width: 768px){ /*Mobile*/
    .wrap_features .card_feature {
        flex: 0 0 100%;
        margin: 0 0 4% 0;
    }
    .wrap_features .card_feature img{
        max-width: 40px;
    }
}

@media screen and (min-width: 769px){ /*Desktop*/
    .wrap_features .card_feature {
        flex: 0 0 29.333333%;
        margin: 0 4% 4% 0;
    }
    .wrap_features .card_feature img{
        max-width: 100px;
    }
}


.wrap_features .card_feature h3 {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}
.wrap_features .card_feature .text {
    display: block;
    width: 100%;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}


.wrap_htp{
    display: block;
    width: 100%;
    background-color: #22a0b9;
    overflow: hidden;
}
.wrap_htp .content_htp{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}
.wrap_htp .img{
    display: block;
    flex: 0 0 20%;
}
.wrap_htp .img img{
    width: 100%;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease;
}

.wrap_htp .text{
    display: block;
    color: #fff;
}
.wrap_htp h2 {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    float: left;
}
.wrap_htp .icon_left_htp {
    float: left;
}
.wrap_htp .icon_right_htp {
    float: left;
}
.wrap_htp .align_grid {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.wrap_htp .desc {
    display: block;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px){ /*Mobile*/
    .wrap_htp{
        padding: 2% 0 40px 0;
    }
    .wrap_htp .text{
        flex: 0 0 100%;
    }
    .wrap_htp h2 {
        width: 80%;
    }
    .wrap_htp .icon_left_htp {
        width: 10%;
    }
    .wrap_htp .icon_right_htp {
        width: 10%;
    }
    .wrap_htp .desc {
        padding: 20px 0px;
        line-height: 22px;
    }
}
@media screen and (min-width: 769px){ /*Desktop*/
    .wrap_htp{
        padding: 2% 0 2% 0;
    }
    .wrap_htp .text{
        flex: 0 0 60%;
    }
    .wrap_htp h2 {
        width: 100%;
    }
    .wrap_htp .icon_left_htp {
        width: 100%;
    }
    .wrap_htp .icon_right_htp {
        width: 100%;
    }
    .wrap_htp .desc {
        padding: 20px 20px;
        line-height: 28px;
    }
}




.wrap_htp a {
    display: table;
    background: #fff;
    padding: 4px 3px;
    margin: 0 auto;
    text-decoration: none;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
    transform: scale(1.0);
}
.wrap_htp a:hover {
    transform: scale(1.1);
}
.wrap_htp a span {
    display: block;
    border: dotted 1px #22a0b9;
    padding: 7px 30px;
    text-transform: uppercase;
    font-size: 14px;
    color: #22a0b9;
    font-weight: 500;
}





.wrap_othergames{
    display: block;
    width: 100%;
    background-color: #fff;
    padding-bottom: 10%;
}

.wrap_othergames h3 {
    display: block;
    color: #414141;
    margin: 0 0 40px 0;
    padding-top: 20%;
    font-size: 20px;
    font-weight: 600;
}

.wrap_othergames .content_othergames{
    display: flex;
}

.wrap_othergames a.card {
    display: block;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
    text-decoration: none;
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease; 
    transform: scale(1.0);
}

@media screen and (max-width: 768px){ /*Mobile*/
    .wrap_othergames .content_othergames{
        flex-direction: column;
    }
    .wrap_othergames a.card {
        flex: 0 0 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 769px){ /*Desktop*/
    .wrap_othergames .content_othergames{
        flex-direction: row;
    }
    .wrap_othergames a.card {
        flex: 0 0 23%;
        margin-right: 2%;
        margin-bottom: 0px;
    }
}


.wrap_othergames a.card:hover {
    background-color: #eaeaea;
}

.wrap_othergames .card .cover{
    display: block;
    width: 100%;
}

.wrap_othergames .card h4{
    display: block;
    text-transform: uppercase;
    position: relative;
}

.wrap_othergames .card h4.color1{
    color: #9d6c1c;
}
.wrap_othergames .card h4.color2{
    color: #375458;
}
.wrap_othergames .card h4.color3{
    color: #dd505b;
}
.wrap_othergames .card h4.color4{
    color: #44a3cd;
}

.wrap_othergames .card .icon{
    display: block;
    position: absolute;
    right: 0px;
    top: -10px;
}
.wrap_othergames .card .text {
    display: block;
    color: #7b7b7b;
    font-size: 12px;
    line-height: 16px;
}

.wrap_othergames #card1{
    -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;
}
.wrap_othergames #card2{
    -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;
}
.wrap_othergames #card3{
    -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition:all 0.8s ease; -ms-transition:all 0.8s ease; transition:all 0.8s ease;
}
.wrap_othergames #card4{
    -webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; -ms-transition:all 1.0s ease; transition:all 1.0s ease;
}












.footer{
    background-color: #eaeaea;
    display: table;
    width: 100%;
    z-index: 20;
    position: relative;
}

.footer .wrap_totop{
    width: 100%;
    display: table;
}
.footer .wrap_totop button{
    max-width: 100px;
    border: none;
    background: none;
    cursor: pointer;
}

.footer .wrap_totop img{
    width: 100%;
}
.footer h4{
    color: #414141;
    font-size: 24px;
}
.footer .left_side{
    float: left;
}
.footer .left_side a {
    text-decoration: none;
    color: #414141;
    font-style: italic;
    padding-right: 30px;
}
.footer .right_side{
    float: left;
    color: #414141;
    font-style: italic;
}
.footer .right_side a{
    color: #414141;
    text-decoration: none;
}

@media screen and (max-width: 768px){ /*Mobile*/
    .footer .wrap_totop button{
        margin: 0 auto;
        display: block;
    }
    .footer .left_side{
        width: 100%;
        padding: 0 0 0 0;
    }
    .footer .right_side{
        width: 100%;
        padding: 0 0 80px 0;
    }
}

@media screen and (min-width: 769px){ /*Desktop*/
    .footer .wrap_totop button{
        float: right;
    }
    .footer .left_side{
        width: 50%;
        padding: 4% 0 0 0;
    }
    .footer .right_side{
        width: 50%;
        padding: 4% 0 0 0;
    }
}


.footer .logo_afinando {
    width: 100%;
    max-width: 180px;
    display: block;
    padding: 20px 0;
}
.footer .logo_afinando img{
    width: 100%;
}
.footer .social_icon {
    max-width: 21px;
    width: 100%;
    display: inline-block;
    margin: 20px 10px 0 0;
}
.footer .social_icon img{
    width: 100%;
}
.footer .gray_obs {
    background-color: #d2d2d2;
    width: 100%;
    display: table;
    padding: 10px 0;
    text-align: center;
    color: #414141;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
}