@import "https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,400";html{width:100%}body,html{height:100%}body{background:#efefef;color:#333;font-family:Raleway}.tabs{background:#fff;border-radius:15px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);height:auto;left:50%;min-width:240px;padding:30px 30px 60px;position:relative;transform:translateX(-50%);width:90%}.tabs input[name=tab-control]{display:none}.tabs .content section h2,.tabs ul li label{color:#004568;font-family:Montserrat;font-size:18px;font-weight:700}.tabs ul{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;list-style-type:none;margin-bottom:10px;padding-left:0}.tabs ul li{box-sizing:border-box;flex:1;padding:0 10px;text-align:center;width:25%}.tabs ul li label{-webkit-touch-callout:none;color:#929daf;cursor:pointer;display:block;overflow:hidden;padding:5px auto;text-overflow:ellipsis;transition:all .3s ease-in-out;transition:all .2s ease-in-out;white-space:nowrap}.tabs ul li label br{display:none}.tabs ul li label svg{fill:#929daf;height:1.2em;margin-right:.2em;transition:all .2s ease-in-out;vertical-align:bottom}.tabs ul li label:active,.tabs ul li label:focus,.tabs ul li label:hover{color:#bec5cf;outline:0}.tabs ul li label:active svg,.tabs ul li label:focus svg,.tabs ul li label:hover svg{fill:#bec5cf}.tabs .slider{position:relative;transition:all .33s cubic-bezier(.38,.8,.32,1.07);width:25%}.tabs .slider .indicator{background:#004568;border-radius:1px;height:4px;margin:0 auto;max-width:100%;position:relative;width:50px}.tabs.tabs1 .slider{position:relative;transition:all .33s cubic-bezier(.38,.8,.32,1.07);width:50%}.tabs.tabs1 .slider .indicator{background:#ff6c00;border-radius:1px;height:4px;margin:0 auto;max-width:100%;position:relative;width:100%}.tabs .content{margin-top:30px}.tabs .content section{animation-direction:normal;animation-duration:.3s;animation-iteration-count:1;animation-name:content;animation-timing-function:ease-in-out;display:none;line-height:1.4}.tabs .content section h2{color:#004568;display:none}.tabs .content section h2:after{background:#004568;content:"";display:block;height:3px;left:1px;margin-top:5px;position:relative;width:30px}.tabs input[name=tab-control]:first-of-type:checked~ul>li:first-child>label{color:#004568;cursor:default}.tabs input[name=tab-control]:first-of-type:checked~ul>li:first-child>label svg{fill:#004568}.tabs input[name=tab-control]:first-of-type:checked~.slider{transform:translateX(0)}.tabs input[name=tab-control]:first-of-type:checked~.content>section:first-child{display:block}.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label{color:#004568;cursor:default}.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg{fill:#004568}.tabs input[name=tab-control]:nth-of-type(2):checked~.slider{transform:translateX(100%)}.tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2){display:block}.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label{color:#004568;cursor:default}.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg{fill:#004568}@media (max-width:600px){.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label{background:#004568}}.tabs input[name=tab-control]:nth-of-type(3):checked~.slider{transform:translateX(200%)}.tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3){display:block}.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label{color:#004568;cursor:default}.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg{fill:#004568}@media (max-width:600px){.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label{background:rgba(0,0,0,.08)}}.tabs input[name=tab-control]:nth-of-type(4):checked~.slider{transform:translateX(300%)}.tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4){display:block}@keyframes content{0%{opacity:0;transform:translateY(5%)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.tabs ul li label{white-space:normal}.tabs ul li label br{display:initial}.tabs ul li label svg{height:1.5em}}@media (max-width:600px){.tabs ul li label{border-radius:5px;padding:5px}.tabs ul li label span{font-size:15px}.tabs .content{margin-top:20px}.tabs .content section h2{display:block}}.tabs .accordion{background-color:#eee;border:none;color:#ff6c00;cursor:pointer;font-size:18px;font-weight:700;margin:5px auto;outline:none;padding:18px;text-align:left;transition:.4s;width:90%}.tabs .accordion:hover,.tabs .active{background-color:#004568;color:#fff}.tabs .panel{background-color:#eee;display:none;max-width:90%;overflow:hidden;padding:18px}.tabs .panel ul{display:inline-block;list-style-type:disc;margin-bottom:10px;padding-left:20px}.tabs .panel ul li{padding:0 10px;text-align:left;width:100%}.tabs .accordion:after{color:#ff6c00;content:"\002B";float:right;font-size:25px;font-size:30px;font-weight:700;line-height:18px;margin-left:5px;margin-right:15px}@media screen and (max-width:767px){.tabs .accordion{border:none;font-size:15px;outline:none;padding:15px;text-align:left;width:100%}}