@charset "utf-8";html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,sub,sup,ul,li,fieldset,form,label,legend,table,code,caption,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,sub,sup,ul,li,fieldset,form,label,legend,code,caption,input,textarea,select,button{-webkit-tap-highlight-color: transparent;font-family: 'Sofia Sans', sans-serif;}:focus{outline:0;}input, textarea{display:block;box-sizing:border-box;font-size:1rem;}*{margin:0;}html,body{color:#000;width:100%;}@media all and (min-width:768px){html,body{font-size:17px;}}@media all and (max-width:767px){html,body{height:100%;font-size:18px;}}.hide{display:none !important;}.background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;background:rgba(0,0,0,.4);}.overflow{overflow: hidden;height:100vh;}svg{display:block;height:100%;margin:0 auto;}button{appearance: none; -moz-appearance: none; -webkit-appearance: none;box-shadow:none;border:none;box-sizing: border-box;overflow: hidden;position:relative;}input{background:none;border:none;box-shadow: none;color:inherit;appearance: none; -moz-appearance: none; -webkit-appearance: none;}input[type='checkbox'],input[type='radio']{display:none;}input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none;}input[type='number'] {-moz-appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield;}jdiv.notranslate{z-index:199 !important;}.opacity-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.opacity-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.opacity-enter,.opacity-leave-to{    opacity: 0;}.right-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.right-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.right-enter,.right-leave-to{    transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px);    opacity: 0;}.left-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.left-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.left-enter,.left-leave-to{    transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px);    opacity: 0;}.top-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.top-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.top-enter,.top-leave-to{    transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);    opacity: 0;}.bottom-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.bottom-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.bottom-enter,.bottom-leave-to{    transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px);    opacity: 0;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0) {    .blink:hover:before {        opacity:0;    }}.blink:before{    content: "";    opacity:.4;    width: 40px;    height: 300px;    margin-left: 60px;    background: #fff;    background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.9) 100%);    background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%);    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );    position: absolute;    left: -40px;    top: -150px;    z-index: 1;    -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);    transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);    -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s;    transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s;    -webkit-animation-name: slideme;    animation-name: slideme;    -webkit-animation-duration: 3s;    animation-duration: 3s;    -webkit-animation-delay: 0.05s;    animation-delay: 0.05s;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}@-webkit-keyframes slideme{    0% { left: -30px; margin-left: 0px; }    30% { left: 110%; margin-left: 80px; }    100% { left: 110%; margin-left: 80px; }}:root{    --purple-bg: rgba(204, 185, 255, 0.2);    --purple-icon-color: rgba(204, 185, 255);    --purple-icon-bg: rgba(204, 185, 255, 0.4);    --yellow-bg: rgba(255, 231, 165, .3);    --yellow-icon-color:#ffcd3f;    --yellow-icon-bg: #ffe7a5;    --green-bg: rgba(230, 255, 219, 0.8);    --green-icon-color: rgb(160, 214, 138);    --green-icon-bg: rgb(210, 248, 194);    --orange: #ff8928;    --red: #ff414e;    --check: #FA4A0C;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .greenBackground.hover,    .greenColorHover:hover,    .orangeColorHover:hover,    .buttonColor.hover{        transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all;        cursor: pointer;    }    .buttonColor.hover:hover{        filter:hue-rotate(-55deg);    }    .orangeColorHover:not(.check):hover{        color:var(--orange) !important;    }    .greenColorHover:not(.check):hover{        color:#59ce8f !important;    }    .greenBackground.hover:hover{        background:var(--orange);    }}.purpleBG{    background: var(--purple-bg);}.purpleBG .icon{    color:var(--purple-icon-color);    background: var(--purple-icon-bg);}.yellowBG{    background: var(--yellow-bg);}.yellowBG .icon{    color:var(--yellow-icon-color);    background: var(--yellow-icon-bg);}.greenBG{    background:rgba(230, 255, 219, 0.8);}.greenBG .icon{    color:var(--green-icon-color);    background: var(--green-icon-bg);}.buttonColor{    background: var(--red);    background:linear-gradient(to right, var(--orange), var(--red));    color: #fff;}.greenGradientBackground{    background: #59ce8f;    background: #65b41c;    background:linear-gradient(to left, #59ce8f, #65b41c);    color: #fff;}.yellowBackground{    background:#ffde22;    background:linear-gradient(to left bottom, #fbe97b, #ffde22);    color:#000;}.redBackground{    background:#ff414e;    color:#fff;}.orangeBackground{    background:#ff8928;    color:#fff;}.redColor{    color:#ff414e !important;}.orangeColor{    color:#ff8928 !important;}.greenColor{    color:#59ce8f !important;}.greenChecked input:checked + span,.greenBackground{    background:#59ce8f;    color:#fff;}.backgroundInput{    background:#e8f9fd !important;    color:#000;}#error404{background:#f2f4f8;text-align:center;padding:25vh 100px;letter-spacing: 1px;font-size:.75rem;text-transform: uppercase; -moz-transform: uppercase; -webkit-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase;}#error404 > div:nth-child(1){opacity:.5;font-size:10rem;font-weight:900;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    ::-webkit-scrollbar-thumb:hover{        background-color:#59ce8f;    }    .noscrollbar::-webkit-scrollbar-thumb:hover{        background-color:transparent;    }}::-webkit-scrollbar-button {    background-image:url('');    background-repeat:no-repeat;    width:4px;    height:10px;}::-webkit-scrollbar-track {    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;    background-color:rgba(150,150,150,.3);}::-webkit-scrollbar-thumb{    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;    background-color:#59ce8f;}::-webkit-resizer{    background-image:none;    background-repeat:no-repeat;    width:4px;    height:10px;}::-webkit-scrollbar{    width:4px;    height:10px;}.noscrollbar::-webkit-scrollbar-button {    display:none;}.noscrollbar::-webkit-scrollbar-track {    display:none;}.noscrollbar::-webkit-scrollbar-thumb {    display:none;}.noscrollbar::-webkit-resizer{    display:none;}.noscrollbar::-webkit-scrollbar{    display:none;}@media all and (min-width:1024px){.maxWidth{max-width:1200px;margin:0 auto;padding:0 1.5rem;}}@media all and (max-width:1023px){.maxWidth{padding:0 1rem;}}.maxWidth{width:100%;position: relative;box-sizing: border-box;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #up:hover{        background:#4AC959;        color:#fff;    }}@media all and (min-width:768px){    #up:not(.view){        bottom:-20rem;        opacity:0;    }    #up{        bottom:5rem;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;        position:fixed;        left:1rem;        z-index:90;        width:1.4rem;        padding:.9rem;        border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;        background:rgba(0,0,0,.5);        color:#fff;    }    #up svg{        display:block;        width:100%;    }}@media all and (max-width:767px){    #up{        display:none;    }}@media all and (min-width:768px){    #info{        border-bottom:1px solid #f2f4f8;        padding-bottom:1.5rem;    }}#info{    font-size:.8rem;    line-height:1.2rem;    margin:1.5rem 0;}#info > *{    padding-left:1.25rem;    margin-right:1.25rem;    position:relative;}#info > * svg{    position:absolute;    top:50%;    transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);    left:0;    width:.8rem;    height:.8rem;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #blogMore a strong,    #blogMore a .image{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #blogMore a:hover strong{        color:#FA4A0C;    }    #blogMore a:hover .image{        filter: grayscale(90%);    }}@media all and (min-width:768px){    #blogMore{        position:sticky;        top:8.8rem;    }    #blogMore a .image{        flex:0 1 4rem;        height:4rem;    }    #blogMore a .content strong{        font-size:.85rem;    }    #blogMore a .content span{        font-size:.65rem;    }}@media all and (max-width:767px){    #blogMore a .image{        flex:0 1 5.5rem;        height:5.5rem;    }    #blogMore a .content strong{        font-size:1rem;    }    #blogMore a .content span{        font-size:.85rem;    }}#blogMore a{    color:inherit;    text-decoration:none;    display:flex;    width:100%;    align-items:center;    margin-bottom:1rem;    gap:.85rem;}#blogMore a .image{    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;}#blogMore a .image img{    border-radius:inherit; -moz-border-radius:inherit; -webkit-border-radius:inherit;    display:block;    width:100%;    height:100%;    object-fit: cover;}#blogMore a .content{    flex:1;    min-width:0;}#blogMore a .content > *:not(:last-child){    margin-bottom:.25rem;}#blogMore a .content strong{    line-height:1;    display: block;}#blogMore a .content span{    display: block;    line-height:1.1;}#blogMore h5{    font-size:1.75rem;    line-height:1.2;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #news a strong,    #news a .image{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #news a:hover strong{        color:#FA4A0C;    }    #news a:hover .image{        filter: grayscale(90%);    }}@media all and (min-width:768px){    #news{        padding:3rem 0;    }    #news > div{        display:flex;        width:100%;        max-width:1256px;        margin:0 auto;        padding: 0 1.9rem;        box-sizing: border-box;        gap:2rem;    }    #news > * a{        flex:0 1 25%;    }    #news h3{        margin-bottom:3rem;        font-size:5rem;        opacity:.7;    }    #news > * a .content span{        font-size:.8rem;    }}@media all and (max-width:767px){    #news{        padding:1.5rem 1rem;    }    #news > div a{        display:block;        margin-top:1rem;    }    #news h3{        font-size:2.5rem;    }    #news > * a .content strong{        font-size:1.1rem;    }    #news > * a .content span{        font-size:.9rem;    }}#news{    background:#f2f4f8;    text-align:center;}#news > * a{    text-decoration: none;    color:inherit;}#news > * a .image{    display:block;    position:relative;}#news > * a .image:after{    content:"";    display:block;    padding-top:66%;}#news > * a .image img{    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    position:absolute;    object-fit: cover;    top:0;    left:0;    width:100%;    height:100%;}#news > * a .content{    display:block;    padding:.75rem .5rem 0;}#news > * a .content > *:not(:last-child){    margin-bottom:.25rem;}#news > * a .content strong{    line-height:1.1;    display:block;}#news > * a .content span{    font-weight:300;    line-height:1.2;    display:block;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #social > div > a{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #social > div > a:hover{        opacity:.5;    }}@media all and (min-width:768px){    #social > div{        position:relative;        position:sticky;        top:7rem;    }    #social{        flex:0 1 2.3rem;        margin-right:1.5rem;        padding:.2rem 0;    }    #social > div > a{        display:block;        margin-bottom:.5rem;        border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    }    #social > div > a:after{        content:"";        display:block;        padding-top:100%;    }}@media all and (max-width:767px){    #social > div{        display:flex;        width:100%;        margin-bottom:1.5rem;    }    #social > div > a{        height:2.5rem;        flex:1;    }    #social > div > a:not(:last-child){        margin-right:1px;    }}#social > div > a{    color:inherit;    position:relative;    background:#f2f4f8;}#social > div > a svg{    position:absolute;    top:50%;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);    height:45%;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){#body a{transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}#body a:hover{border-bottom:1px solid transparent;color:#999;}}@media all and (min-width:768px){#article:not(.withMenu){padding:3rem 1.9rem;max-width:1256px;margin:0 auto;gap:5rem;}#article{display:flex;width:100%;box-sizing: border-box;font-size:1.1rem;}#center{flex:1;min-width:0;}#right > *:not(:last-child){margin-bottom:2rem;}#right{flex:0 1 270px;max-width:270px;}#article h1{font-size:3.5rem;}#article h2{font-size:2.5rem;}#article h3{font-size:2.2rem;}#article h4{font-size:1.8rem;}#article cite{display:block;font-size:2rem;font-weight:300;}#article cite > span{display:block;padding-left:1.8rem;border-left:.5rem solid #f2f4f8;}#contain{display:flex;}#body{flex:1;}#body > *:not(:last-child){margin-bottom:1.5rem;}#body > *{border-top:6rem solid transparent;margin-top:-6rem;}}@media all and (max-width:767px){#article{padding:1rem;}#article h1{font-size:2.2rem;}#article h2{font-size:1.8rem;}#article h3{font-size:1.6rem;}#article h4{font-size:1.4rem;}#article cite{display:block;font-size:1.25rem;font-weight:300;background:#f2f4f8;padding:1rem;border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}#body > *:not(:last-child){margin-bottom:1rem;}}#body a{color:#623adb;text-decoration:none;border-bottom:1px solid;}#article{font-weight:300;line-height:1.6;}#article h5,#article h4,#article h3,#article h2,#article h1{line-height:1.1;}#article cite{line-height:1.3;}#article ul,#article ol{padding-left:1.25rem;}#article ul{list-style: circle;}#article ol{list-style: decimal;}#article ul > li,#article ol > li{margin-bottom:.5rem;}#article .images img{display:block;margin:0 auto;max-width:100%;border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;}.video{position:relative;}.video:after{content:"";display:block;padding-top:56%;}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}#article .table{display:table;border-collapse: collapse;}#article .table > *{display:table-row;}#article .table > * > *{border:1px solid #ccc;display:table-cell;padding:.75rem;line-height:1.2;font-size:.85rem;}@media all and (max-width:767px){    #author{        border-top:1px solid #eee;        margin-top:1rem;        padding-top:1rem;    }}#author{    font-size:.75rem;    display:flex;    align-items: center;    line-height:1.4;}#authorProffesion{    font-weight:300;}#authorName{    font-size:1rem;}#authorAvatar img{    display:block;    width:100%;    height:100%;    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;    object-fit: cover;}#authorAvatar{    position:relative;    overflow: hidden;    margin-right:1rem;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    width:4rem;    height:4rem;    background:#f2f4f8;}@media all and (min-width:768px){    #advantage{        position:relative;        top:-3rem;        z-index:2;        gap:2rem;        margin-bottom:3rem;    }    #advantage > *{        flex:1;        font-size:.75rem;        line-height:1.4;    }}@media all and (max-width:767px){    #advantage{        overflow: auto;        gap:1.5rem;        padding:2rem 1rem;    }    #advantage > *{        flex:0 1 220px;        min-width:220px;        max-width:220px;        font-size:.9rem;        line-height:1.4;        font-weight:300;    }}#advantage{    display:flex;}#advantage > *{    overflow: hidden;    position:relative;    padding:1.5rem 2rem 2rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    background:#fff;    box-shadow: 0 0 30px rgba(0,0,0,.1);    text-align:center;}#advantage > * span:first-child{    color:#59ce8f;    height: 2.85rem;    width: 2.85rem;    margin:0 auto 1rem;    padding:1.2rem;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}#advantage > * span{    display:block;    color:#000;}@media all and (min-width:768px){    #analytics{        padding:1.5rem 1.5rem 5rem;    }    #analytics .items{        gap:3rem;        margin-top:1.5rem;    }    #analytics .items > *{        padding:3rem;    }}@media all and (max-width:767px) {    #analytics{        padding:1.5rem 0;    }    #analytics .items{        box-sizing: border-box;        padding:1.5rem;        gap:1.5rem;        overflow: auto;    }    #analytics .items > *{        padding:2rem 1.5rem;        min-width:220px;        max-width:220px;        flex:0 1 220px;    }}#analytics{    text-align:center;}#analytics .items{    text-align:left;    display:flex;    width:100%;}#analytics .items > *{    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    background:#fff;    box-shadow: 0 0 30px rgba(55,55,55,.1);}#analytics .items > *{    text-align:center;    flex:1;}#analytics .items > * .icon{    height:7rem;}#analytics .items > * .name{    font-weight:bold;    font-size:1.4rem;    margin:.5rem 0;}#analytics .items > * .about{    opacity:.8;    font-size:.8rem;    line-height:1.4;}@media all and (min-width:768px){    #cms{        margin-bottom:5rem;    }    #cms .items{        gap:1.25%;    }    #cms .items > *{        padding:.75rem;        flex:0 1 19%;        max-width:19%;        min-width:19%;    }}@media all and (max-width:767px){    #cms{        margin-bottom:2rem;    }    #cms .items{        flex-wrap: wrap;        gap:5%;    }    #cms .items > *{        padding:1rem;        margin-top:5%;        flex:0 1 47.5%;        max-width:47.5%;        min-width:47.5%;    }}#cms{    text-align:center;}#cms .items{    display:flex;}#cms .items > *{    box-shadow: 0 0 20px rgba(0,0,0,.1);    box-sizing: border-box;    background:#fff;    border-radius:1.5rem; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem;    height:100px;    position:relative;}#cms .items img{    position:absolute;    top:50%;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);    max-height:60%;    max-width:60%;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0) {    #banner .contain .buttons a.info span{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #banner .contain .buttons a.info span:hover{        color:#4AC959;    }}@media all and (min-width:768px){    #banner .maxWidth{        padding:1rem 1rem 8rem;    }    #banner .maxWidth .image{        flex:1;        text-align:center;        position:relative;    }    #banner .flex{        align-items: center;        display:flex;    }    #banner .contain{        flex:1;    }    #banner h1{        font-size:3.7rem;        line-height:1;    }    #banner h1 span{        line-height:4.7rem;        min-height:5rem;        font-size:4.5rem;        display:block;        font-weight:900;    }    #banner .contain .buttons{        font-size:0;        display:flex;        align-items: center;        width:100%;    }    #banner .maxWidth .round{        width:90%;    }    #banner .contain .buttons .info{        flex:1;        min-width:0;    }    #banner .contain .buttons > *:not(:last-child){        margin-right:1.5rem;    }}@media all and (max-width:767px){    #banner h1{        font-size:1.4rem;        line-height:1.2;        font-weight:900;        text-transform: uppercase; -moz-transform: uppercase; -webkit-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase;    }    #banner h1 span{        text-transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none;        line-height:3rem;        min-height:3rem;        font-size:2.5rem;        display:block;    }    #banner .maxWidth{        text-align:center;        padding:1rem 1rem 1.5rem;    }    #banner .maxWidth .image{        text-align:center;        position:relative;    }    #banner .maxWidth .round{        width:120%;    }    #banner .contain .buttons{        margin-bottom:1.5rem;    }    #banner .contain .buttons .button{        display:block;        margin-bottom:1rem;    }}#banner{    overflow: hidden;    position:relative;    z-index:1;}#banner .maxWidth .round:after{    content:"";    display:block;    padding-top:100%;}#banner .maxWidth .round{    opacity:.7;    position:absolute;    top:50%;    left:50%;    transform:translate(-50%, -50%) rotate(120deg); -moz-transform:translate(-50%, -50%) rotate(120deg); -webkit-transform:translate(-50%, -50%) rotate(120deg); -ms-transform:translate(-50%, -50%) rotate(120deg); -o-transform:translate(-50%, -50%) rotate(120deg);    z-index:1;    border-radius:20rem 50% 10rem 15rem; -moz-border-radius:20rem 50% 10rem 15rem; -webkit-border-radius:20rem 50% 10rem 15rem;}#banner .maxWidth .image img{    display:inline-block;    vertical-align: top;    max-width:25rem;    max-height:35rem;    position:relative;    z-index:2;}#banner .contain p{    font-size:1.1rem;    font-weight:300;    line-height:1.4;    max-width:540px;    margin: 1.25rem 0 2.5rem;}#banner .contain .buttons .info{    font-size:.75rem;    line-height:1.2;}#banner .contain .buttons a.info{    text-decoration: none;    color:inherit;}#banner .contain .buttons a.info span{    border-bottom:1px dashed;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #blog .item .name,    #blog .item img{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #blog .item:hover .name{        color:#ff414e;    }    #blog .item:hover img{        opacity:.9;        filter:grayscale(50%);        transform:scale(1.03); -moz-transform:scale(1.03); -webkit-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03);    }}@media all and (min-width:501px) {    #blog .item{        display:inline-block;        vertical-align: top;    }}@media all and (max-width:500px) {    #blog .item:not(:last-child){        margin-bottom:1.5rem;    }    #blog .item{        display:block;    }}@media all and (min-width:768px){    #blog{        padding:5rem 0;    }    #blog .head{        font-size:4rem;    }}@media all and (max-width:767px){    #blog{        padding:2rem 0 1rem;    }    #blog .head{        font-size:2.5rem;    }}@media all and (min-width:899px){    #blog .item{        width:32%;    }    #blog .item:not(:nth-child(3n)){        margin-right:2%;    }}@media all and (max-width:900px) and (min-width:501px){    #blog .item:nth-child(even){        margin-left:8%;    }    #blog .item{        margin-bottom:3%;        width:46%;    }}#blog{    background:#f2f4f8;    background:linear-gradient(to right, #f2f4f8, #e8f9fd);}#blog .head{    text-align:center;    font-weight:900;}#blog .p{    margin:1rem 0 2.5rem;    text-align:center;    font-weight:300;}#blog .item{    color:inherit;    text-decoration:none;}#blog .item .image{    position:relative;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    overflow: hidden;}#blog .item .image:after{    content:"";    padding-top:60%;    display:block;}#blog .item img{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    object-fit: cover;    z-index:0;    border-radius:inherit; -moz-border-radius:inherit; -webkit-border-radius:inherit;}#blog .item .content{    padding:.75rem;}#blog .item .content > *,#blog .item > *{    display:block;}#blog .item .name{    margin-bottom:.25rem;    font-size:1.4rem;    font-weight:bold;    line-height:1.2;}#blog .item .about{    line-height:1.4;    font-size:.85rem;}@media all and (min-width:768px){    .button{        display:inline-block;        vertical-align: top;    }}@media all and (max-width:767px){    .button{        display:block;        width:100%;        text-align:center;    }}.button{    box-sizing: border-box;    padding:0 2rem 0 2.5rem;    text-decoration: none;    line-height:3.7rem;    font-weight:bold;    font-size:1rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    overflow: hidden;    position:relative;    white-space: nowrap;}.button span:last-child{    padding-right:.5rem;}.button svg{    display: inline-block;    vertical-align: middle;    height:1.3rem;}.button > *:not(:last-child){    margin-right:.5rem;}.module{    padding:3rem 0;}.module .maxWidth{    display:flex;    align-items: center;}.module .maxWidth .image img{    display:inline-block;    vertical-align: top;    max-width:380px;}.module .maxWidth > *{    flex:1;}.module:nth-child(odd) .maxWidth > *:last-child{    text-align:right;}.module:nth-child(even) .maxWidth > *:first-child{    order:1;}.module:nth-child(even) .maxWidth > *:last-child{    order:0;}.module h2{    font-size:2.5rem;}.module p{    line-height:1.42;    margin:1rem 0 2rem;    opacity:.6;}.module .button{    background:#4AC959;    color:#fff;    padding:1rem 2rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;}@media all and (min-width:768px){    .text h3{        line-height:1.1;        font-size:3rem;    }    .text h2{        line-height:1.1;        font-size:5rem;    }    .text p{        margin:0 auto;        max-width:700px;        font-size:1.1rem;    }}@media all and (max-width:767px){    .text h3{        line-height:1.1;        font-size:2.5rem;    }    .text h2{        line-height:1.1;        font-size:3.5rem;    }}.text{    line-height:1.52;    margin-bottom:3rem;    text-align:center;}.text h3{    margin-bottom:1rem;}.text p{    font-weight:300;}#demo{    padding:1rem 1.5rem;    border-radius:2rem; -moz-border-radius:2rem; -webkit-border-radius:2rem;    white-space: nowrap;    position:fixed;    left:50%;    transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);    bottom:1.5rem;    display:flex;    align-items: center;    text-decoration:none;    overflow: hidden;    gap:.75rem;    box-shadow: 0 0 10px rgba(155,155,155,.1);    z-index:888;}#demo .icon{    height:1.75rem;    flex:0 1 1.75rem;}#demo .info{    flex:1;    min-width:0;    line-height:1.15;}#demo  .info > *{    display:block;}#demo  .info > *:first-child{    font-weight:bold;    font-size:1rem;}#demo  .info > *:last-child{    font-size:.65rem;    font-weight:300;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0) {    #faq_list .item{        cursor:pointer;        transition:.3s ease opacity; -moz-transition:.3s ease opacity; -webkit-transition:.3s ease opacity; -ms-transition:.3s ease opacity; -o-transition:.3s ease opacity;    }    #faq_list .item:not(.check):hover{        opacity:.7;    }}@media all and (min-width:768px){    #faq{        padding:2rem 0 4rem;    }    #faq_flex{        align-items: center;        display:flex;    }    #faq h2{        font-weight:900;        max-width:600px;        font-size:6rem;        line-height:1.1;    }    #faq_ask{        flex:1;        order:0;    }    #faq_list .item:not(:last-child){        margin-bottom:2rem;    }    #faq_more{        order:1;        flex:0 1 300px;        min-width:300px;        margin-left:10rem;    }    #faq_list .item{        padding:2rem 5rem 2rem 2rem;    }    #faq_list .item strong{        font-size:1.2rem;    }}@media all and (max-width:767px){    #faq_more{        margin-bottom:2rem;    }    #faq h2{        font-weight:900;        font-size:4rem;        line-height:1;        margin-bottom:1rem;    }    #faq_list > *{        margin-bottom:1.5rem;    }    #faq_list .item{        padding:1.5rem 4.5rem 1.5rem 1.5rem;    }}#faq_list .item{    background:#f2f4f8;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    position:relative;}#faq_list .item span{    position:absolute;    top:1.75rem;    right:1.75rem;    background:#fff;    font-size:1.75rem;    width:2rem;    line-height:2rem;    text-align:center;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    transition:.5s ease all; -moz-transition:.5s ease all; -webkit-transition:.5s ease all; -ms-transition:.5s ease all; -o-transition:.5s ease all;}#faq_list .item strong{    display:block;    line-height:1.2;    margin-bottom:1rem;    transition: .5s ease all; -moz-transition: .5s ease all; -webkit-transition: .5s ease all; -ms-transition: .5s ease all; -o-transition: .5s ease all;}#faq_list .item p{    transition: .5s ease all; -moz-transition: .5s ease all; -webkit-transition: .5s ease all; -ms-transition: .5s ease all; -o-transition: .5s ease all;    overflow: hidden;    line-height:1.5rem;    opacity:1;}#faq_more .icon{    display:inline-block;    vertical-align: top;    height:8.5rem;    color:#59ce8f;    margin-bottom:1.5rem;}#faq_more h4{    margin: 1rem 0;    font-size:1.5rem;}#faq_list .item.check span{    color:#fff;    background:#ff8928;    transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}#faq_list .item:not(.check) strong{    margin-bottom:0;}#faq_list .item:not(.check) p{    height:0;    opacity:0;}@media all and (min-width:768px){    #bannerForm{        padding:5rem 0;    }    #bannerForm > *{        display:flex;        align-items: center;        gap:3rem;    }    #bannerForm > * h5{        flex:1;        font-size:2.8rem;    }    #bannerForm > * h4{        flex:1;        font-size:3.5rem;    }}@media all and (max-width:767px){    #bannerForm{        padding:2.5rem 1rem;    }    #bannerForm > * h5,    #bannerForm > * h4{        margin-bottom:2rem;        font-size:2rem;    }    #bannerForm .button{        text-align:center;        display:block;    }}#bannerForm > * h5,#bannerForm > * h4{    font-weight:900;    line-height:1.2;    color:#fff;}#bannerForm .button{    font-weight:bold;    text-decoration:none;    white-space: nowrap;    overflow: hidden;    position:relative;    padding:1.2rem 1.5rem 1.2rem 2rem;    border-radius:.75rem; -moz-border-radius:.75rem; -webkit-border-radius:.75rem;    line-height:1.25rem;    font-size:1.1rem;}#bannerForm .button > *{    display:inline-block;    vertical-align: top;}#bannerForm .button svg{    margin-left:.25rem;    height:1.25rem;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0) {    #footer .logo a,    #footer a,    #footerMenu .social > *{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #footer .logo a:hover{        border-bottom:.01rem solid;    }    #footer a:hover,    #footerMenu .social > *:hover{        color:#ed812b !important;    }}@media all and (min-width: 768px){    #footerMenu{        padding:5.5rem 0;        display:flex;        width:100%;        gap:3rem;    }    #footerMenu > *{        flex:1;    }    #footerMenu .items b:not(:first-child){        margin-top:3rem;    }}@media all and (max-width: 767px){    #footerMenu{        padding:2.5rem 1rem;    }    #footerMenu > *:not(:last-child){        margin-bottom:2rem;    }    #footerMenu .items b:not(:first-child){        margin-top:2rem;    }}#footer{    color:#fff;    background:#1f212a;}#footerMenu b{    display:block;    margin-bottom:.5rem;    color:#a2b0c0;    font-size:.75rem;    text-transform: uppercase; -moz-transform: uppercase; -webkit-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase;}#footerMenu .items div{    line-height:1.4;}#footerMenu .items a{    color:inherit;    font-size:.75rem;    text-decoration:none;}#footerMenu .info > *:not(:last-child){    margin-bottom:1rem;}#footerMenu .info p{    font-size:.7rem;    font-weight: 300;    line-height:1.42;    color:#a2b0c0;}#footerMenu .social{    display:flex;    gap:.5rem;}#footerMenu .social > *{    height:.7rem;    padding:.65rem;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    color:#a2b0c0;    border:1px solid;}#footerMenu .social > * svg{    display:block;    height:100%;}#footer .logo p{    margin:2.5rem 0 1rem;    font-size:.65rem;    line-height:1.42;    color:#a2b0c0;}#footer .logo a{    border-bottom:.01rem solid transparent;    font-size:.65rem;    text-decoration:none;    color:#ed812b;}#footerMenu .logo svg{    display:block;    height:2rem;    margin:0 !important;}@media all and (min-width:768px){    #form{        padding-top:6rem;        margin-top:-6rem;    }    #form > div{        border-radius:2rem; -moz-border-radius:2rem; -webkit-border-radius:2rem;        padding:4rem;        display:flex;        gap: 4rem;        align-items: center;    }    #form > div > *{        flex:1;    }    #form .flex{        display:flex;        gap:1rem;    }    #form .flex > *{        flex:1;    }    #form h3{        font-size:3.5rem;    }}@media all and (max-width:767px){    #form > div{        padding:2em;    }    #form > div > *:not(:last-child){        margin-bottom:2rem;    }    #form h3{        font-size:2.5rem;    }}#form input[type=text]{    width:100%;    margin-bottom:1rem;    height:2.8rem;    border-radius: .5rem; -moz-border-radius: .5rem; -webkit-border-radius: .5rem;    background:rgba(255,255,255,.4);    padding:0 .75rem;}#form > div{    background:#1f212a;    background:linear-gradient(to right top, #1f212a, #3f313a);    color:#fff;}#form h3{    font-weight:900;    line-height:1;}#form label:after{    content:"*";}#form label{    padding-left:.75rem;    font-size:.75rem;    display: block;    margin-bottom:.25rem;    font-weight:300;}#form p{    font-weight:300;    line-height:1.42;    margin:1.5rem 0;}#form > div img{    max-width:230px;    display:block;    margin:0 auto;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){#header a{transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}#header .menu > div:hover .submenu{padding:1.25rem;opacity:1;height:auto;}#header .rules a:hover{opacity:1;color:#000;background:#f2f4f8;}#header .menu > div .submenu .items:nth-child(1) a:hover{background: rgba(121, 81, 221, 0.1);}#header .menu > div .submenu .items:nth-child(2) a:hover{background: rgba(0, 132, 255, 0.1);}#header .menu > div .submenu .items:nth-child(3) a:hover{background: rgba(80, 191, 94, 0.1);}#header .menu > div .submenu .items:nth-child(4) a:hover{background: rgba(244, 67, 54, 0.1);}#header .menu > div:hover > a{color:#FA4A0C;}}@media all and (min-width: 768px){#header .menu{height:100%;flex:1;min-width:0;display:flex;justify-content: center;}#header .menu a{color:inherit;text-decoration:none;}#header .menu > div > a{font-weight:600;padding:.85rem 1.25rem;display:block;}#header .menu > div .submenu .items a{border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;display:flex;gap:1rem;width:100%;box-sizing: border-box;padding:1.25rem;align-items: flex-start;line-height:1.2;}#header .menu > div .submenu .items a .info > *:not(:last-child){margin-bottom:.35rem;}#header .menu > div .submenu .items a .info > *{display:block;}#header .menu > div .submenu .items:nth-child(1) .icon{color:#7951DD;}#header .menu > div .submenu .items:nth-child(2) .icon{color:#0084ff;}#header .menu > div .submenu .items:nth-child(3) .icon{color:#50bf5e;}#header .menu > div .submenu .items:nth-child(4) .icon{color:#F44336;}#header .menu > div .submenu .items .icon{height:1.2rem;}#header .menu > div .submenu .items .name{white-space: nowrap;font-weight:bold;font-size:.9rem;}#header .menu > div .submenu .items .name span{opacity:.3;}#header .menu > div .submenu .items .about{opacity:.5;font-size:.75rem;line-height:1.5;font-weight:500;}#header .menu > div{padding:1.5rem 0;height:100%;align-content: center;align-self: center;}#header .menu > div .submenu{z-index:999;position:fixed;left:50%;margin-top:1.5rem;max-width:100%;box-sizing: border-box;transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);background:#fff;border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;height:0;padding:0;overflow: hidden;opacity:0;transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}#header .menu > div > a {font-size: .95rem;border-radius: 1rem; -moz-border-radius: 1rem; -webkit-border-radius: 1rem;white-space: nowrap;transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all;}#header .menu > div > a > span{display:inline-block;vertical-align: middle;margin-left:.5rem;height:.75rem;}#header .menu > div .submenu .h{font-size:.8rem;font-weight:bold;padding-left:3.25rem;display:block;margin-bottom:1rem;opacity:.5;}#header .menu > div .submenu .items{flex:1;padding:1rem .5rem;min-width:19rem;}}@media all and (max-width: 767px){#header .logo{flex:1;min-width:0;}#header .menu{display:none;}#header > *{padding:1rem;}}#header{position: -webkit-sticky;position:sticky;background:#fff;top:0;width:100%;z-index:100;}#header > *{display:flex;align-items: center;}#header .logo{display:flex;align-items: center;}#header .logo > *:first-child{height:2.75rem;}#header .logo > *:last-child{height:1.5rem;margin-left:.5rem;margin-top:.25rem;}#header .rules{margin-left:1.5rem;}#header .rules a{display:inline-block;vertical-align: top;height:1.3rem;background:#4AC959;color:#fff;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;padding:.75rem;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .power .block .menu > *{        cursor:pointer;        transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all;    }    .power .block .menu > *:hover{        color:#ff414e;    }}@media all and (min-width:768px){    .power{        margin-bottom:10vh;    }    .power .block{        display:flex;        align-items: center;        width:100%;        overflow: hidden;        background:#f2f4f8;        background:linear-gradient(to right, #f2f4f8, #e8f9fd);        border-radius:1.5rem; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem;        padding:0 4.5rem;        box-sizing: border-box;    }    .power .block .content{        padding:2rem 0;        flex:3;    }    .power:nth-child(odd) .block > *:first-child{        order:1;    }    .power:nth-child(odd) .block > *:last-child{        order:0;        margin-right:1.5rem;    }    .power:nth-child(even) .block > *:first-child{        text-align:right;        margin-right:1.5rem;    }    .power:nth-child(even) .block > *:last-child{        margin-right:1.5rem;    }    .power .block .menu > *:not(:last-child){        margin-right:1.25rem;    }}@media all and (max-width:767px){    .power:nth-child(odd) .block{        background:#f2f4f8;        background:linear-gradient(to right, #f2f4f8, #e8f9fd);    }    .power .block .menu > *{        font-size:.85rem;    }    .power .block .menu > *:not(:last-child){        margin-right:.5rem;    }    .power{        padding:0;    }    .power .block{        padding:1rem;    }}.power .block .content .info > *:not(:last-child){    margin-bottom:1.5rem;}.power .block .content > *:not(:last-child){    margin-bottom:2rem;}.power .block h2{    font-size:2.5rem;    line-height:1.1;    font-weight:900;}.power .block p{    font-weight:300;    line-height:1.42;}.power .block .menu > *{    color:#666;    border-bottom:2px solid transparent;}.power .info{    display:none;}.power.power_0 .info:nth-child(1),.power.power_1 .info:nth-child(2),.power.power_2 .info:nth-child(3){    display:block !important;    margin-bottom:2rem;}.power.power_0 .block .menu > *:nth-child(1),.power.power_1 .block .menu > *:nth-child(2),.power.power_2 .block .menu > *:nth-child(3){    color:#59ce8f;    font-weight:bold;    border-bottom:2px solid;    cursor: auto;}.power .block a{    position:relative;    overflow: hidden;    text-decoration:none;    display:inline-block;    vertical-align: top;    padding:0 2rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    font-weight:bold;    line-height:3.7rem;}.power .block .image{    flex:2;}.power .block img{    display:inline-block;    max-height:600px;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #period label .name{        cursor:pointer;        transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all;    }}@media all and (min-width:768px){    #tariff_contain .about{        margin:0 auto 2rem;        max-width:600px;    }    #tariff_contain .about h2{        font-size:3rem;        margin-bottom:1rem;    }    #tariff_preview_slide{        display:none;    }    #tariff_contain{        margin-top:15vh;    }    #headBuffer + #tariff_contain{        margin-top:5rem;    }    #tariff > .maxWidth{        display:flex;        flex-wrap: wrap;    }    #tariff .item{        display:flex;        flex-direction: column;        flex:0 1 31%;        box-sizing: border-box;        margin-top:3.5%;    }    #tariff .item:nth-child(3n - 1){        margin:3.5% 3.5% 0;    }    #order{        max-width:650px;        margin:3rem auto;        display:flex;        padding:2.5rem 3rem;    }    #order .info{        flex:1;        min-width:0;    }    #order .image{        flex:0 1 4rem;        margin-right:3rem;    }}@media all and (max-width:767px){    #tariff_contain .about{        padding:1.5rem;    }    #tariff_contain .about h2{        font-weight:900;        font-size:2rem;        margin-bottom:1rem;    }    #tariff_contain{        width:100%;        box-sizing: border-box;    }    #tariff > *{        padding:1rem;        width:100%;        white-space: nowrap;        overflow: auto;    }    #tariff .item{        display:inline-block;        vertical-align: top;        width:340px;        white-space: normal;        box-sizing: border-box;    }    #tariff .item:not(:last-child){        margin-right:1rem;    }    #order{        text-align:center;        display:block;        margin:0 1rem 1.5rem;        padding:2rem;    }    #order .info{        display:block;    }    #order .image{        width:4.5rem;        display:block;        margin:0 auto 1rem;    }}#tariff_contain .about{    text-align:center;    line-height:1.42;}#tariff_contain .about h2{    margin-bottom:1rem;    line-height:1.1;}#tariff .item{    padding:2.5rem;    text-align:center;    border-radius:1.5rem; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem;}#tariff .item_name{    font-weight:bold;    line-height:1.4;    font-size:1.5rem;}#tariff .item_image{    display:block;    margin:1.25rem auto;    width:3rem;    padding:1.5rem;    background:rgba(255,255,255,.5);    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}#tariff .item_image img{    display:block;    width:100%;}#tariff .item_cost{    color:#000;    font-weight:normal;    font-size:2rem;    letter-spacing: 1px;}#tariff .item_cost_name{    font-size:.7rem;    line-height:1rem;    letter-spacing: 1px;    text-transform: uppercase; -moz-transform: uppercase; -webkit-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase;}#tariff .about{    font-size:.85rem;    line-height:1.4;    flex:1;    text-align:center;    padding:2rem 0;}#tariff .about > *:not(:last-child){    margin-bottom:.4rem;}#tariff .item_button{    overflow: hidden;    position:relative;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    line-height:2;    padding:.75rem;    display:block;    font-weight:bold;    font-size:1rem;    text-decoration: none;}#tariff_contain:not(.year) .year,#tariff_contain.year .month{    display:none;}#period{    text-align:center;}#period > *{    display:inline-block;    vertical-align: top;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;}#period label{    display:inline-block;    vertical-align: top;    position:relative;}#period label input{    display:none;}#period label .name{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    display:block;    padding:0 1.5rem;    line-height:2.4rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;}#period label .discount{    position:absolute;    top:-1rem;    right:-1.25rem;    z-index:1;    line-height:1.6rem;    padding:0 .25rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    font-weight:bold;}#order{    color:inherit;    text-decoration:none;    box-sizing: border-box;    align-items: center;    box-shadow:0 0 20px 3px rgba(155,155,155,.2);    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;}#order strong{    font-size:1.8rem;}#order .info span{    line-height:1.4;    display:block;    font-size:.9rem;    margin-top:.5rem;}#order .image svg{    display:block;    width:100%;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0) {    #toc .items .item a{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #toc .items .item a:hover{        color:#ed812b !important;    }}@media all and (min-width:768px){    #toc{        padding-top:6rem;        margin-top:-6rem;    }    #toc .items{        width:100%;        display:flex;        flex-wrap: wrap;    }    #toc h2 + p{        text-align:left;    }    #toc h2{        text-align:left;        font-size:4rem;    }    #toc .items .item{        flex:0 1 48.5%;        margin-bottom:3%;        box-sizing: border-box;        padding:4rem 4rem 1rem;        border-radius:2rem; -moz-border-radius:2rem; -webkit-border-radius:2rem;    }    #toc .items .item:nth-child(odd){        margin-right:3%;    }}@media all and (max-width:767px){    #toc h2{        font-size:2rem;    }    #toc .items .item:not(:first-child){        margin-top:1rem;        padding:2rem 1.5rem 0;        border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    }}#toc{    text-align:center;}#toc h2{    line-height:1;    font-weight:900;}#toc h2 + p{    line-height:1.42;    font-size:1rem !important;    font-weight:300;    margin-top:2rem;}#toc .items .item:not(:first-child){    background:#f2f4f8;}#toc .items .item strong{    display:block;    font-size:1.5rem;    line-height:1.2;}#toc .items .item p{    font-size:.9rem;    line-height:1.42;    margin:1rem 0;}#toc .items .item a{    font-size:1.2rem;    line-height:.5rem;    text-decoration:none;    color:#FA4A0C;    font-weight:bold;}#toc .items .image{    margin-top:1.5rem;}#toc .items img{    max-width:100%;    max-height:300px;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){#guideMenu a{transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}#guideMenu a:hover{opacity:.5;}}@media all and (min-width:768px){#article.withMenu #center{padding:3rem 5rem;}#guideMenu{padding:3rem;position:sticky;top:6rem;}#left{background:#f2f4f8;order:0;flex:0 1 350px;box-sizing: border-box;}#article.withMenu #center{order:1;}#article.withMenu #center > div{box-sizing: border-box;max-width:1000px;}#guideMenu a{font-size:.9rem;}#guideMenu div a{font-size:.8rem;}}@media all and (max-width:767px){#left{background:#f2f4f8;margin-top:1rem;padding:1.25rem;box-sizing: border-box;border-radius:.75rem; -moz-border-radius:.75rem; -webkit-border-radius:.75rem;}#guideMenu div a{font-size:.9rem;}}#guideMenu a.check{color:#FA4A0C;font-weight:bold;}#guideMenu > a.open + div,#guideMenu > a.check + div{display:block;}#guideMenu a{padding:.35rem 0;color:inherit;display:block;line-height:1.2;text-decoration:none;position:relative;}#guideMenu div a:after{content:"-";position:absolute;left:-1rem;top:.2rem;font-size:1rem;}#guideMenu div{display:none;padding:0 0 .5rem 1rem;}