.tabsarea{border-bottom:1px solid hsla(0,0%,100%,.2);padding:125px 0;position:relative;z-index:1}.tabs-list{margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;border-radius:2px 2px 0 0;height:80px;justify-content:space-between}.tablinks,.tabs-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tablinks{background:transparent;border:none;cursor:pointer;outline:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100px;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;font-size:22px;font-weight:700;justify-content:center;line-height:24px;overflow:hidden;text-transform:uppercase;-webkit-transition:.3s ease;transition:.3s ease}.tablinks:before{content:"";height:0;left:0;position:absolute;top:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:100%;z-index:2}.tablinks:hover:before{bottom:0;height:100%;z-index:2}.tablinks.active{background-color:#fff;border-left:0;border-right:0;bottom:0;height:120px;overflow:hidden;z-index:0}.tablinks.active:before{content:"";height:5px;left:0;top:0;width:100%}.tablinks.active p,.tablinks.active:hover p{opacity:1}.tablinks p{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:.6;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:700;justify-content:center;margin:0;padding:0;-webkit-transition:.5s ease;transition:.5s ease;z-index:2}.tablinks:hover p{color:#fff;opacity:1}.tablinks p:before{color:#fff;content:attr(data-title);display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;position:absolute;width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;font-size:40px;font-weight:700;justify-content:center;opacity:.1;top:110%;-webkit-transition:1s ease-out;transition:1s ease-out;z-index:-1}.tablinks:hover p:before{font-size:40px;opacity:.1;top:-80%}.wrapper_tabcontent{background-color:#fff;margin-top:0;opacity:1;overflow:hidden;padding:60px 80px 70px 100px;position:relative;top:0;-webkit-transition:all 1s ease;transition:all 1s ease}.tabcontent{display:none;min-height:180px}.tabcontent.active{display:block}.tabcontent.active,.wrapper_tabcontent:after{-webkit-transition:all 1s ease;transition:all 1s ease}.wrapper_tabcontent:after{background:-webkit-linear-gradient(315deg,#f77f43,#e4540c);background:linear-gradient(135deg,#f77f43,#e4540c);bottom:0;content:"";height:5px;left:0;position:absolute;width:100%;z-index:-2}.tabcontent h3{-webkit-animation:city 1s ease;animation:city 1s ease;font-size:40px;font-weight:700;height:60px;left:-50px;margin:0;opacity:.2;padding:0;position:absolute;text-transform:uppercase;top:135px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);white-space:nowrap;width:200px}.tabcontent p{-webkit-animation:fadeEffect .6s ease;animation:fadeEffect .6s ease;width:100%}@media screen and (max-width:512px){.tablinks:hover:before{height:0}.tablinks.active{height:60px}.tablinks p:before{display:none}}@-webkit-keyframes tabEffect{0%{top:-40px}to{top:0}}@keyframes tabEffect{0%{top:-40px}to{top:0}}@-webkit-keyframes city{0%{left:-150px}to{left:-50px}}@keyframes city{0%{left:-150px}to{left:-50px}}@-webkit-keyframes fadeEffect{0%{margin-left:30px;opacity:0}to{margin-left:0;opacity:1}}@keyframes fadeEffect{0%{margin-left:30px;opacity:0}to{margin-left:0;opacity:1}}@media (max-width:1023px){.tabsarea{padding-bottom:80px;padding-top:80px}}@media (max-width:767px){.tabsarea{padding-bottom:60px;padding-top:60px}.tabs-list{display:block;height:auto}.tablinks{border-bottom:1px solid #fff;height:70px!important;width:100%}.wrapper_tabcontent{padding:30px}.tabcontent h3{height:auto;margin:0 0 10px;position:static;transform:none;white-space:normal}}