.area-alergi{margin-top:-7px}.tes-alergi-row{padding-top:60px;padding-bottom:60px;background-size:cover;background-position:top right;background-repeat:no-repeat;background-image:url(../img/tes-alergi/bro.png);display:inline-table!important;margin-top:-60px;width:100%}.tes-alergi-row h1{font-size:50px}.tes-alergi-row .desc{width:100%;font-size:30px;color:#3a3a3a;font-weight:700}.tes-alergi-row img.b-loaded{opacity:1!important}.tes-alergi-row p{color:#3a3a3a}@media only screen and (min-width:768px){.tes-alergi-row p{width:80%}}.mipp-row h1{font-size:42px}.mipp-row h2{font-size:30px}.mipp-row p{color:#3a3a3a}@media only screen and (min-width:768px){.mipp-row p{width:80%}}.mipp-row p.keterangan-mipp{font-size:14px;font-weight:700}.test-alergi-button-row{margin-top:25px}.test-alergi-button-row .btn-main{color:#fff;background-color:#d82d20}.test-alergi-button-row .btn-main:hover{background-color:#7f1a13}.alergi-tab{border-style:none;background-color:#ffd000;border-radius:20px!important}.alergi-tab h4{height:80px;width:80%;margin:0 auto;font-size:14px!important;display:flex;align-items:center;justify-content:center}.alergi-tab:hover{background-color:#d82d20}.alergi-tab.active:hover{background-color:#ffd000;color:#d82d20}.alergi-text-box{width:80%}@media only screen and (max-width:767px){.alergi-text-box{width:90%}}.alergi-text-box h3{text-align:center;color:#d82d20;font-weight:lighter;margin-top:0!important;margin-bottom:15px!important}.alergi-text-box p{color:#3a3a3a;text-align:center;line-height:30px;padding-bottom:15px}@media only screen and (max-width:767px){.alergi-text-box p{text-align:justify}}.flex-centered-row{display:flex;align-items:center}.alergi-red-box{margin-bottom:30px;background-color:#d82d20;border-top-right-radius:100px;border-bottom-left-radius:100px;text-align:center;padding:60px 30px}.alergi-red-box h3{color:#ffde00;font-weight:400;margin-top:0;margin-bottom:30px}@media only screen and (max-width:767px){.alergi-red-box h3{font-size:24px}}.alergi-red-box p{color:#fff;line-height:30px;font-weight:lighter;margin-bottom:30px}@media only screen and (max-width:767px){.alergi-red-box p{font-size:14px;text-align:justify}}.alergi-red-box .btn-default{border-color:#ffde00;background-color:#ffde00;color:#d82d20}.alergi-red-box .btn-default:hover{color:#ffde00;background-color:#d82d20}.icon-alergi{padding-top:30px;padding-bottom:30px}.icon-alergi li{position:relative;padding:0 25px}.icon-alergi li:after,.icon-alergi li:before{content:'';width:50%;height:2px;border-top:dashed 4px #d82d20;position:absolute;top:41px;z-index:0}@media only screen and (max-width:768px){.icon-alergi li:after,.icon-alergi li:before{content:unset;padding:0}}.icon-alergi li:nth-last-child(1):after,.icon-alergi li:nth-last-child(1):before{content:unset}@media only screen and (max-width:768px){.icon-alergi li{padding:0}}.icon-alergi li img{cursor:pointer;z-index:1;position:relative;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.icon-alergi li img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}@media only screen and (max-width:768px){.icon-alergi li img{width:60px}}.alergi-desc,.icon-alergi p{font-size:16px;line-height:1.7}.alergi-content{padding-top:60px;background-size:cover;background-position:top right;background-repeat:no-repeat;display:inline-table;width:100%}.alergi-content.alergi-yellow{background-image:url(../img/tes-alergi/yello.png)}.alergi-content.alergi-brown{background-image:url(../img/tes-alergi/bro.png)}.alergi-content.over-mt{margin-top:-60px}.alergi-content H2{font-family:Myfrida,sans-serif}.alergi-content .wrapper{display:grid;grid-template-columns:50% 40%;padding-top:30px}@media only screen and (max-width:768px){.alergi-content .wrapper{grid-template-columns:1fr}}.alergi-content .wrapper div{transform:unset!important}.alergi-content .wrapper div:nth-child(2){border-left:dashed 2px #d82d20;padding-left:30px}@media only screen and (max-width:768px){.alergi-content .wrapper div:nth-child(2){border-left:unset;padding-left:unset;padding-bottom:90px}}.alergi-content .wrapper img{width:100%;max-width:350px;margin:auto}@media only screen and (max-width:768px){.alergi-content .wrapper img{max-width:200px;padding-bottom:30px}}.alergi-content .wrapper p{font-size:16px;line-height:1.7}@media only screen and (max-width:768px){.alergi-content .wrapper p{padding:15px}}@media only screen and (max-width:768px){.alergi-content .wrapper a{display:table;margin:auto}}