/*!
Theme Name: smplfy
Theme URI: https://smplfy.eu/
Author: Smplfy.Development
Author URI: https://smplfy.eu/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: octavis
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
@font-face{font-family:'Gogh';font-display: swap;src:url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Regular.woff2') format('woff2'),url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Regular.woff') format('woff'),url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Regular.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Gogh';font-display: swap;src:url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Medium.woff2') format('woff2'),url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Medium.woff') format('woff'),url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Medium.ttf') format('truetype');font-weight:500;font-style:normal}@font-face{font-family:'Gogh';font-display: swap;src:url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Bold.woff2') format('woff2'),url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Bold.woff') format('woff'),url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-Bold.ttf') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:'Gogh';font-display: swap;src:url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-ExtraBold.woff2') format('woff2'),url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-ExtraBold.woff') format('woff'),url('https://ttn.global/wp-content/themes/smplfy/assets/fonts/Gogh-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{color:#6B6B6B;font-family:"Gogh";font-size:16px;line-height:1.5;font-weight:400;letter-spacing:-0.02em;-webkit-tap-highlight-color:transparent;background-color:#7D87DC}body{margin:0;position:relative;overflow-x:hidden;overscroll-behavior-y:contain;background-color:#7D87DC}.admin-bar header{top:32px}main{display:block}img{border-style:none;-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto}svg{max-width:100%;height:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}path{-webkit-transition:0.3s;transition:0.3s}fieldset{border:0;margin:0;padding:0}input,select,textarea{font-family:"Gogh";outline:none;-moz-appearance:none;-webkit-appearance:none}textarea{resize:vertical}strong{font-weight:500}i{font-style:normal}.hidden,[hidden]{display:none!important}.overflow-hidden{overflow:hidden}.site{overflow:hidden}.site,section{position:relative}.center{margin-left:auto;margin-right:auto;text-align:center}section{padding:0}.inverse{color:#fff}.inverse a,.inverse h1,.inverse h2,.inverse h3{color:#fff}.container{max-width:1440px;width:100%;padding:0 94px;margin:0 auto;position:relative}@media screen and (max-width:1060px){.container{padding:0 44px}}@media screen and (max-width:970px){.container{padding:0 16px}}.container-box{padding:0 44px}@media screen and (max-width:970px){.container-box{padding:0 8px}}.container-box .box{padding:84px 76px;background-color:#fff}@media screen and (max-width:970px){.container-box .box{padding:33px 24px}}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{font-family:"Gogh";color:#0A0A0A;margin:0;letter-spacing:-0.02em;font-weight:700}.h1,h1{font-size:128px;font-weight:800;line-height:0.87;letter-spacing:-0.05em;text-transform:uppercase}@media screen and (max-width:970px){.h1,h1{font-size:68px}}@media screen and (max-width:560px){.h1,h1{font-size:55px}}.h2,h2{font-size:48px;line-height:1}@media screen and (max-width:690px){.h2,h2{font-size:32px}}.h3,h3{font-size:24px;line-height:1.33}@media screen and (max-width:690px){.h3,h3{font-size:20px}}.h4,h4{font-size:20px;font-weight:700;line-height:1.2;text-transform:uppercase}@media screen and (max-width:1360px){.h4,h4{font-size:18px}}@media screen and (max-width:970px){.h4,h4{font-size:16px}}.h5,h5{font-size:14px;color:#E0E2F7;text-transform:uppercase;font-weight:400}a{color:#7D87DC;text-decoration:none;-webkit-transition:0.3s;transition:0.3s}a:hover{color:#667085}figure,p{margin:0 0 8px}ol,ul{padding:0;list-style:none;margin:0}.button:not(.acf-button){padding:15px 46px}@media screen and (max-width:970px){.button:not(.acf-button){padding:14px 41px}}.button{font-size:18px;font-weight:500;border:1px solid #fff;background-color:#fff;border-radius:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#0A0A0A;cursor:pointer;-webkit-transition:0.3s;transition:0.3s}.button:hover{background-color:#F3F3F3;border-color:#F3F3F3;color:#0A0A0A}.button:active{-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.0392156863);box-shadow:0px 0px 0px 3px rgba(0,0,0,0.0392156863);background-color:#fff;border-color:rgba(0,0,0,0.1607843137)}@media screen and (max-width:970px){.button{font-size:16px}}.button-primary{border-color:#D9D9D9!important}.button-secondary{background-color:#7413DC;border-color:#7413DC;color:#fff}.button-secondary:hover{background-color:#9231F5;border-color:#9231F5;color:#fff}.button-secondary:active{-webkit-box-shadow:0px 0px 0px 3px rgba(116,19,220,0.2588235294);box-shadow:0px 0px 0px 3px rgba(116,19,220,0.2588235294);background-color:#7413DC;border-color:#521490}.more-button{margin:62px auto 0;position:relative;z-index:99}@media screen and (max-width:970px){.more-button{margin-top:32px}}.grid-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-between-top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid-between{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid-between-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid{margin:0 -4px -8px}@media screen and (max-width:690px){.grid{margin:0 0 -8px}}.grid-item-3{width:calc(33.3333333333% - 8px);margin:0 4px 8px}@media screen and (max-width:1060px){.grid-item-3{width:calc(50% - 8px)}}@media screen and (max-width:690px){.grid-item-3{margin:0 0 8px;width:100%}}.grid-item-4{width:calc(25% - 8px);margin:0 4px 8px}@media screen and (max-width:1360px){.grid-item-4{width:calc(33.3333333333% - 8px)}}@media screen and (max-width:1060px){.grid-item-4{width:calc(50% - 8px)}}@media screen and (max-width:690px){.grid-item-4{margin:0 0 8px;width:100%}}.grid-item-5{width:calc(20% - 8px);margin:0 4px 8px}@media screen and (max-width:1360px){.grid-item-5{width:calc(25% - 8px)}}@media screen and (max-width:1060px){.grid-item-5{width:calc(33.3333333333% - 8px)}}@media screen and (max-width:690px){.grid-item-5{margin:0 0 8px;width:100%}}.no-margin{margin:0!important}.w-small{width:345px;max-width:100%}@media screen and (max-width:690px){.w-small{width:250px}}.w-medium{width:420px;max-width:100%}.m-small{margin-bottom:32px}@media screen and (max-width:970px){.m-small{margin-bottom:18px}}.m-medium{margin-bottom:62px}@media screen and (max-width:970px){.m-medium{margin-bottom:32px}}.slarge{display:none}@media screen and (max-width:1060px){.slarge{display:block}}.medium{display:none!important}@media screen and (max-width:970px){.medium{display:block!important}}@media screen and (max-width:970px){.no-medium{display:none!important}}.small{display:none}@media screen and (max-width:690px){.small{display:block}}@media screen and (max-width:690px){.no-small{display:none}}.mobile{display:none}@media screen and (max-width:560px){.mobile{display:block}}@media screen and (max-width:560px){.no-mobile{display:none}}#shadow-host-companion{padding:0}.cloud{position:absolute;z-index:2;max-width:65%;min-width:400px;pointer-events:none}header{position:fixed;width:100%;z-index:999;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.3s;transition:0.3s}header.fixed{-webkit-box-shadow:0px 1px 4px 0px rgba(0,0,0,0.0588235294);box-shadow:0px 1px 4px 0px rgba(0,0,0,0.0588235294);background-color:#E0E2F7}header.fixed .site-header .main-navigation .navigation-box .menu-menu-1-container ul li a{color:#0A0A0A}header.fixed .site-header .main-navigation .navigation-box .menu-menu-1-container ul li a:hover{color:#6B6B6B;opacity:1}header.fixed .site-branding path{fill:#7D87DC}header.fixed .site-header .main-navigation .menu-toggle.menu-toggle>span{background-color:#0A0A0A}header.fixed .site-header .main-navigation .menu-toggle.menu-toggle>span:after,header.fixed .site-header .main-navigation .menu-toggle.menu-toggle>span:before{background-color:#0A0A0A}header.open{background-color:#7D87DC}header.open .site-branding path{fill:#fff!important}header .site-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px}@media screen and (max-width:970px){header .site-header{height:48px}}header .site-header>.grid-flex{width:100%}header .site-header .site-branding{position:relative;z-index:9}header .site-header .main-navigation .navigation-box{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:970px){header .site-header .main-navigation .navigation-box{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (max-width:970px){header .site-header .main-navigation .navigation-box{display:none;position:absolute;width:100%;left:0;top:47px;background-color:#7D87DC;padding:22px 0;height:calc(100vh - 47px);overflow:auto;text-align:center}}header .site-header .main-navigation .navigation-box .menu-menu-1-container{margin:0 auto;position:relative}@media screen and (max-width:970px){header .site-header .main-navigation .navigation-box .menu-menu-1-container{height:100%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}header .site-header .main-navigation .navigation-box .menu-menu-1-container ul{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:970px){header .site-header .main-navigation .navigation-box .menu-menu-1-container ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}}@media screen and (max-width:970px){header .site-header .main-navigation .navigation-box .menu-menu-1-container ul li{width:100%;padding:22px 0}}header .site-header .main-navigation .navigation-box .menu-menu-1-container ul li.current-menu-item{font-weight:800}header .site-header .main-navigation .navigation-box .menu-menu-1-container ul li a{position:relative;z-index:9;cursor:pointer;padding:0;padding:0px 12px;color:#fff}header .site-header .main-navigation .navigation-box .menu-menu-1-container ul li a:hover{opacity:0.7}@media screen and (max-width:1360px){header .site-header .main-navigation .navigation-box .menu-menu-1-container ul li a{padding:13px 7px}}@media screen and (max-width:970px){header .site-header .main-navigation .navigation-box .menu-menu-1-container ul li a{padding:0;color:#fff!important;font-size:18px}}header .site-header .main-navigation .menu-toggle{width:18px;height:12px;position:relative;z-index:9;display:none}@media screen and (max-width:970px){header .site-header .main-navigation .menu-toggle{display:block;margin-left:auto}}header .site-header .main-navigation .menu-toggle.menu-toggle>span{display:block;position:absolute;width:18px;height:2px;top:5px;border-radius:2px;left:0;background-color:#fff;-webkit-transition:0.3s;transition:0.3s}header .site-header .main-navigation .menu-toggle.menu-toggle>span:after,header .site-header .main-navigation .menu-toggle.menu-toggle>span:before{display:block;position:absolute;height:2px;border-radius:3px;background-color:#fff;-webkit-transition:0.3s;transition:0.3s;width:18px}header .site-header .main-navigation .menu-toggle.menu-toggle>span:before{content:"";top:-5px;left:0}header .site-header .main-navigation .menu-toggle.menu-toggle>span:after{content:"";top:5px;right:0}header .site-header .main-navigation.activ .menu-toggle>span{-webkit-transform:rotate(45deg);transform:rotate(45deg)}header .site-header .main-navigation.activ .menu-toggle>span:before{display:none}header .site-header .main-navigation.activ .menu-toggle>span:after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:18px}footer{padding:44px 0}@media screen and (max-width:690px){footer{font-size:14px}}
.section-top{padding:168px 0 90px!important;position:relative;min-height:542px}@media screen and (max-width:970px){.section-top{padding:80px 0 68px!important}}@media screen and (max-width:690px){.section-top.image-left{min-height:auto;max-height:660px}}@media screen and (max-width:1060px){.section-top.image-left .hero-image{left:40%}}@media screen and (max-width:690px){.section-top.image-left .hero-image{left:50%}}@media screen and (max-width:560px){.section-top.image-left .hero-image{left:37%}}@media screen and (max-width:690px){.section-top.image-left .content-box .text{margin-bottom:300px}}.section-top.smal-mobile{min-height:460px}.section-top.smal-mobile .text{margin-bottom:0!important}@media screen and (max-width:690px){.section-top:not(.image-left) h1{height:400px}}.section-top:not(.image-left) .hero-image{top:-210px}.section-top .hero-image{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:none}.section-top .hero-image.mob-image{top:0!important;width:690px}.section-top .content-box{width:700px;max-width:55%;position:relative;z-index:2}@media screen and (max-width:690px){.section-top .content-box{max-width:100%}}.section-top .content-box .text{width:486px;max-width:100%;color:#E0E2F7;margin:20px 0 68px}@media screen and (max-width:690px){.section-top .content-box .text{margin-bottom:48px}}.section-top .content-box .info-item:not(:last-child){margin-right:64px}.section-top .content-box .info-item{width:128px}.section-top .content-box .info-item .number{font-size:48px;font-weight:500;line-height:1}.top-animation{position:absolute;top:-168px;left:590px;width:1300px}@media screen and (max-width:1060px){.top-animation{left:450px}}@media screen and (max-width:970px){.top-animation{left:380px}}.top-animation .fade-img{position:absolute;top:0;left:0;opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.top-animation .fade-img.active{opacity:1}
.section-advantages .box{padding-top:100px;border-radius:30px 30px 0 0}.section-advantages .advantages{margin:0 -22px}@media screen and (max-width:690px){.section-advantages .advantages{margin:0}}.section-advantages .advantage-item{margin:0 22px 106px;width:calc(33.3333333333% - 44px);padding-top:32px;border-top:3px solid #FF99FF}@media screen and (max-width:1060px){.section-advantages .advantage-item{width:calc(50% - 44px);margin-bottom:32px;padding-top:20px}}@media screen and (max-width:690px){.section-advantages .advantage-item{width:100%;margin-left:0;margin-right:0}}.section-advantages .advantage-item:last-child{width:calc(66.6666666667% - 44px);margin-left:auto;border-color:#FECD6D;margin-bottom:0}@media screen and (max-width:1060px){.section-advantages .advantage-item:last-child{width:100%;margin:0 22px}}@media screen and (max-width:690px){.section-advantages .advantage-item:last-child{margin-left:0;margin-right:0}}.section-advantages .advantage-item:nth-child(2){border-color:#45C1BF}@media screen and (min-width:1060px){.section-advantages .advantage-item:nth-child(2){margin-right:25px}}.section-advantages .advantage-item:nth-child(3){border-color:#E1E484}@media screen and (max-width:1060px) and (min-width:690px){.section-advantages .advantage-item:nth-child(3){width:100%;margin-left:22px;margin-right:22px}}.section-advantages .advantage-item h3{margin-bottom:12px}.section-advantages .advantage-item p:not(:last-child){margin-bottom:8px}.section-advantages .cloud{position:absolute;z-index:2;max-width:65%;min-width:400px}.section-advantages .cloud-left{top:-220px;left:-300px}@media screen and (max-width:970px){.section-advantages .cloud-left{left:-230px;top:-150px}}.section-advantages .cloud-right{top:-160px;right:-60px}@media screen and (max-width:970px){.section-advantages .cloud-right{top:-150px;right:-192px}}
.section-grid .box.last-item{padding-bottom:168px;border-radius:0 0 30px 30px}@media screen and (max-width:970px){.section-grid .box.last-item{padding-bottom:86px}}@media screen and (min-width:970px){.section-grid .box:not(.last-item) .grids{padding-bottom:168px;border-bottom:1px solid #E0E2F7}.section-grid .box:not(.last-item) .grids:after,.section-grid .box:not(.last-item) .grids:before{content:"";position:absolute;bottom:-7px;width:13px;height:13px;border:1px solid #D9D9D9;border-radius:50%}.section-grid .box:not(.last-item) .grids:before{left:-13px}.section-grid .box:not(.last-item) .grids:after{right:-13px}}@media screen and (min-width:970px){.section-grid .grids{position:relative}.section-grid .grids.last-item .box{padding-bottom:168px;border-radius:0 0 30px 30px}}@media screen and (min-width:970px) and (max-width:970px){.section-grid .grids.last-item .box{padding-bottom:86px}}.section-grid .grid-item{border-radius:9px;background-color:#F3F4FC;padding:30px;height:252px}@media screen and (max-width:1060px){.section-grid .grid-item{padding:20px 16px}}@media screen and (max-width:970px){.section-grid .grid-item{height:232px}}.section-grid .grid-item .svg{width:62px;height:62px}.section-grid .grid-item .content-box{height:72px}.section-grid .grid-item .content-box h3{text-transform:none;font-size:20px}.section-grid .grid-item.text-card{height:auto!important}.section-grid .grid-item.text-card .svg{margin-bottom:68px}.section-grid .grid-item.text-card .content-box{height:auto}.section-grid .grid-item.text-card .content-box h3{margin-bottom:24px}