html,body{width:100%;height:100%;overflow:hidden}body{z-index:0;position:relative}body>input{position:absolute;left:0;top:0;opacity:0}.navbtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:20px 0 20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;bottom:0;width:100%;background:#eaeff1;-webkit-transition:all .5s ease;transition:all .5s ease}@media screen and (max-width: 767px){.navbtn{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:all .5s ease;transition:all .5s ease}}.navbtn label{position:relative;display:inline-block;text-decoration:none;padding:10px 20px;margin-left:16px;cursor:pointer}@media screen and (max-width: 767px){.navbtn label{padding:12px;text-align:center}}.navbtn label:hover{border-bottom:6px solid #fff}.logo{position:absolute;left:20px;top:20px;width:180px;height:60px;background-color:#000;color:#fff;font-size:22px;text-align:center;line-height:60px}.logo label{cursor:pointer}.main{width:100%;height:100%;position:absolute;z-index:-1;left:0;top:0;-webkit-transition:1s;transition:1s}.main>div{width:100%;height:100%;position:absolute}.main>.b1{left:0;top:0;background-color:#fdedde;overflow:auto}.main>.b2{left:100%;top:0;background-color:#faf1de;overflow:auto}.main>.b3{left:0;top:100%;background-color:#fdd6d6;overflow:auto;background-image:linear-gradient(135deg, rgba(244, 244, 244, 0.07) 0%, rgba(244, 244, 244, 0.07) 12.5%, rgba(211, 211, 211, 0.07) 12.5%, rgba(211, 211, 211, 0.07) 25%, rgba(178, 178, 178, 0.07) 25%, rgba(178, 178, 178, 0.07) 37.5%, rgba(145, 145, 145, 0.07) 37.5%, rgba(145, 145, 145, 0.07) 50%, rgba(113, 113, 113, 0.07) 50%, rgba(113, 113, 113, 0.07) 62.5%, rgba(80, 80, 80, 0.07) 62.5%, rgba(80, 80, 80, 0.07) 75%, rgba(47, 47, 47, 0.07) 75%, rgba(47, 47, 47, 0.07) 87.5%, rgba(14, 14, 14, 0.07) 87.5%, rgba(14, 14, 14, 0.07) 100%),linear-gradient(45deg, rgba(236, 236, 236, 0.07) 0%, rgba(236, 236, 236, 0.07) 12.5%, rgba(210, 210, 210, 0.07) 12.5%, rgba(210, 210, 210, 0.07) 25%, rgba(183, 183, 183, 0.07) 25%, rgba(183, 183, 183, 0.07) 37.5%, rgba(157, 157, 157, 0.07) 37.5%, rgba(157, 157, 157, 0.07) 50%, rgba(130, 130, 130, 0.07) 50%, rgba(130, 130, 130, 0.07) 62.5%, rgba(104, 104, 104, 0.07) 62.5%, rgba(104, 104, 104, 0.07) 75%, rgba(77, 77, 77, 0.07) 75%, rgba(77, 77, 77, 0.07) 87.5%, rgba(51, 51, 51, 0.07) 87.5%, rgba(51, 51, 51, 0.07) 100%),linear-gradient(90deg, #ffffff, #ffffff)}.main>.b4{left:100%;top:100%;background-color:#fdedde;overflow:auto}.main>.b5{left:0%;top:200%;background-color:#f6f8e0;overflow:auto}.main>.b6{left:100%;top:200%;overflow:auto}.main>.b7{left:0%;top:300%;background-color:#fff4f4;overflow:auto}@media screen and (max-width: 768px){.main>.b1{left:0;top:0;padding-top:30%;overflow:auto}.main>.b2{left:100%;top:0;padding-top:30%;overflow:auto}.main>.b3{left:0;top:100%;padding-top:30%;overflow:auto}.main>.b4{left:100%;top:100%;padding-top:30%;overflow:auto}.main>.b5{left:0%;top:200%;padding-top:30%;overflow:auto}.main>.b6{left:100%;top:200%;padding-top:30%;overflow:auto}.main>.b7{left:0%;top:300%;padding-top:30%;overflow:auto}}input#b1:checked~.main{left:0%}input#b2:checked~.main{left:-100%}input#b3:checked~.main{left:0%;top:-100%}input#b4:checked~.main{left:-100%;top:-100%}input#b5:checked~.main{left:0%;top:-200%}input#b6:checked~.main{left:-100%;top:-200%}input#b7:checked~.main{left:0%;top:-300%}input#b1:checked~.navbtn .b1{border-bottom:2px solid #5d5d5d;border-radius:30%/30px;background:#ea5615;color:#fff}@media screen and (max-width: 767px){input#b1:checked~.navbtn .b1{border-radius:160% 170% 5% 170%/100px 100px 70px 100px}}input#b2:checked~.navbtn .b2{border-bottom:2px solid #5d5d5d;border-radius:30%/30px;background:#ea5615;color:#fff}@media screen and (max-width: 767px){input#b2:checked~.navbtn .b2{border-radius:160% 170% 5% 170%/100px 100px 70px 100px}}input#b3:checked~.navbtn .b3{border-bottom:2px solid #5d5d5d;border-radius:30%/30px;background:#ea5615;color:#fff}@media screen and (max-width: 767px){input#b3:checked~.navbtn .b3{border-radius:160% 170% 5% 170%/100px 100px 70px 100px}}input#b4:checked~.navbtn .b4{border-bottom:2px solid #5d5d5d;border-radius:30%/30px;background:#ea5615;color:#fff}@media screen and (max-width: 767px){input#b4:checked~.navbtn .b4{border-radius:160% 170% 5% 170%/100px 100px 70px 100px}}input#b5:checked~.navbtn .b5{border-bottom:2px solid #5d5d5d;border-radius:30%/30px;background:#ea5615;color:#fff}@media screen and (max-width: 767px){input#b5:checked~.navbtn .b5{border-radius:160% 170% 5% 170%/100px 100px 70px 100px}}input#b6:checked~.navbtn .b6{border-bottom:2px solid #5d5d5d;border-radius:30%/30px;background:#ea5615;color:#fff}@media screen and (max-width: 767px){input#b6:checked~.navbtn .b6{border-radius:160% 170% 5% 170%/100px 100px 70px 100px}}input#b6:checked~.navbtn .b7{border-bottom:6px solid #5d5d5d;border-radius:50%}@media screen and (max-width: 767px){input#b6:checked~.navbtn .b7{border-radius:160% 170% 5% 170%/100px 100px 70px 100px}}div#carousel-id{position:absolute;z-index:9999;top:100px}.cardbox{padding:120px 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.cardbox h2,.cardbox h3{font-weight:600;letter-spacing:1px;color:#333}.cardbox img{padding:15px}@media screen and (max-width: 767px){.cardbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0 0 150px}}