.tabs{display:flex;flex-direction:column}.tabs__nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;width:180%;margin-bottom:70px}.tabs__nav:before{content:'';background:#1d1d1d;position:absolute;width:100%;height:2px;left:0;top:71%;transform:translateY(-50%)}.tabs__nav-item{display:flex;flex-direction:column;margin-right:230px;cursor:pointer}.tabs__nav-item:hover{color:#5dcad7}.tabs__nav-item:last-child{margin-right:0}.tabs__nav-item.active{color:#5dcad7}.tabs__nav-item--title{margin-top:28px;font-size:24px;font-weight:500;-webkit-transition:ease-in-out .2s;-moz-transition:ease-in-out .2s;-ms-transition:ease-in-out .2s;-o-transition:ease-in-out .2s;transition:ease-in-out .2s}.tabs__nav-item--number{font-size:87px;font-family:'Cormorant', serif;font-weight:800;-webkit-transition:ease-in-out .2s;-moz-transition:ease-in-out .2s;-ms-transition:ease-in-out .2s;-o-transition:ease-in-out .2s;transition:ease-in-out .2s}.tabs__nav-line{position:absolute;width:40px;background:#5dcad7;height:2px;left:0;top:71%;transform:translateY(-50%);-webkit-transition:ease-in-out .3s;-moz-transition:ease-in-out .3s;-ms-transition:ease-in-out .3s;-o-transition:ease-in-out .3s;transition:ease-in-out .3s}.tabs__content{width:130%}.tabs__content-item{display:none;flex-direction:row;align-items:center;justify-content:space-between}.tabs__content-item.active{display:flex}.tabs__content-item--text{flex:1 1 445px;margin-right:125px;font-size:21px;letter-spacing:.5px;line-height:31px}.tabs__content-item--text svg{margin-top:35px;margin-left:65px}.tabs__content-item--image{flex:1 1 50%;position:relative}.tabs__content-item--image span{transform:rotate(-15deg);top:20px;left:-30px;display:block;position:absolute;width:80%;height:50%;z-index:5;border:1px solid #1d1d1d;-webkit-transition:ease-in-out 1s;-moz-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;-o-transition:ease-in-out 1s;transition:ease-in-out 1s}@media all and (max-width: 1200px){.tabs__nav{width:100%}.tabs__nav-item{margin-right:150px}.tabs__content{width:100%}}@media all and (max-width: 991px){.tabs__content-item--text{flex:1 1 345px;margin-right:25px}}@media all and (max-width: 768px){.tabs__nav{width:100%}.tabs__nav-item{margin-right:100px}.tabs__nav-item--number{font-size:60px}.tabs__content-item.active{display:block}.tabs__content-item--text{margin-bottom:40px;font-size:18px;letter-spacing:.5px;line-height:1.5}.tabs__content-item--text svg{display:none}}@media all and (max-width: 600px){.tabs__content-item--text{margin-right:0}}
