@font-face {
font-family: "Biotif";
src: url(//treebyte.com/wp-content/themes/treebyte-child/assets/fonts/Biotif-Book.otf); font-display: swap;
}
@font-face {
font-family: "Biotif";
src: url(//treebyte.com/wp-content/themes/treebyte-child/assets/fonts/Biotif-Medium.otf);
font-weight: 500; font-display: swap;
}
@font-face {
font-family: "Biotif";
src: url(//treebyte.com/wp-content/themes/treebyte-child/assets/fonts/Biotif-SemiBold.otf);
font-weight: 600; font-display: swap;
}
@font-face {
font-family: "Biotif";
src: url(//treebyte.com/wp-content/themes/treebyte-child/assets/fonts/Biotif-Bold.otf);
font-weight: 700; font-display: swap;
}
@font-face {
font-family: "Biotif";
src: url(//treebyte.com/wp-content/themes/treebyte-child/assets/fonts/Biotif-Light.otf);
font-weight: 300; font-display: swap;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.5;
font-family: "Biotif", sans-serif;
color: #1F1F21;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.layouts-title {
font-size: 26px;
margin:15px 0px;
}
.layouts ul li {
margin-bottom:5px;
}
.layouts ul li a {
font-size: 17px;
display: inline-block;
padding:3px 10px;
}
.layouts ul li a:hover {
background:#000;
color:#fff;
} .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: left;
}
.row {
width: 100%;
position: relative;
z-index: 10;
max-width: 1290px;
padding-left: 25px;
padding-right: 25px;
}
.row.row-full {
max-width: 100%;
padding-left: 50px;
padding-right: 50px;
}
.row.row-mdl {
max-width: 1100px;
}
.row.row-md {
max-width: 1000px;
}
.row.row-smd {
max-width: 870px;
}
.row.nopad {
padding: 0 !important;
}
.row .row {
margin-left: auto;
margin-right: auto;
} .nopad {
padding:0px;
}
.nopadleft {
padding-left:0px;
}
.nopadright {
padding-right:0px;
}
strong, b {
font-weight: bold;
}
i {
font-style: italic;
}
em {
font-style: italic;
}
.clear {
clear:both;
}
.left {
float:left;
margin-right:15px;
margin-bottom:15px;
}
.right {
float:right;
margin-left:15px;
margin-bottom:15px;
}
.alignleft {
float:left;
margin-right:15px;
margin-bottom:15px;
}
.alignright {
float:right;
margin-left:15px;
margin-bottom:15px;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
max-width: 100%;
margin-bottom: 15px;
}
.invi {
visibility: hidden;
opacity: 0;
} .preloader {
display: inline-block;
width: 25px;
height: 25px;
border: 3px solid hsla(0,0%,100%,.3);
border-top-color: rgba(255, 255, 255, 0.3);
border-right-color: rgba(255, 255, 255, 0.3);
border-bottom-color: rgba(255, 255, 255, 0.3);
border-left-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #ccc !important;
-webkit-animation: a 1s ease-in-out infinite;
animation: a 1s ease-in-out infinite;
z-index: 50;
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
} .hamburger {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
padding: 0;
cursor: pointer;
transition-timing-function: linear;
transition-duration: .15s;
transition-property: opacity, filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent;
float: right;
}
.hamburger:hover {
opacity: 1;
}
.hamburger-box {
position: relative;
display: inline-block;
width: 25px;
height: 20px;
float: right;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
border-radius: 2px;
position: absolute;
width: 25px;
height: 2px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
background-color: #B8FD8E;
}
.hamburger-inner:after,
.hamburger-inner:before {
display: block;
content: "";
}
.hamburger-inner:before {
top: -8px;
}
.hamburger-inner:after {
bottom: -8px;
}
.hamburger--squeeze .hamburger-inner {
transition-timing-function: cubic-bezier(.55, .055, .675, .19);
transition-duration: 75ms;
}
.hamburger--squeeze .hamburger-inner:before {
transition: top 75ms ease .12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease, opacity 75ms ease .12s;
opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
transform: rotate(-90deg);
}
h1, h2, h3, h4, h5, h6 {
overflow-wrap: normal !important;
font-variant-ligatures: no-common-ligatures;
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 500;
padding: 36px 0;
transition: background 0.2s, padding 0.2s, transform 0.5s;
}
header.scrolled {
background: #000;
padding: 28px 0;
position: fixed;
transform: translateY(-100%);
}
header.scrolling-up {
transform: translateY(0%);
}
header.header-dark {
background: #000;
}
header .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logo img {
max-width: 110px;
transition: 0.2s;
}
header.scrolled .logo img {
max-width: 166px;
}
.nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav > ul > li {
position: relative;
margin-right: 42px;
}
.nav > ul > li:last-child {
margin-right: 0px;
}
.nav > ul > li > a {
display: inline-block;
font-size: 18px;
line-height: 1.7;
color: #FFF8F8;
position: relative;
transition: 0.2s;
}
.nav > ul > li:hover > a {
color: #B8FD8E;
}
.nav > ul > li > a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0px;
height: 3px;
background: #fff;
transition: 0.3s ease-out;
}
.nav > ul > li:hover > a:before {
width: 50px;
}
.nav > ul > li.has-subnav > a:before {
display: none;
}
.nav > ul > li:hover .subnav-hold {
opacity: 1;
visibility: visible;
}
.subnav-hold {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
padding-top: 10px;
opacity: 0;
visibility: hidden;
transition: 0.2s;
}
.subnav {
background: #fff;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.subnav-left {
width: 345px;
min-width: 345px;
padding: 45px 55px 45px 45px;
}
.subnav-right {
background: #F7F7FB; padding: 45px 62px;
}
.subnav-title {
font-weight: 700;
font-size: 18px;
line-height: 1.4;
margin-bottom: 23px;
}
.subnav-nav ul {
margin: 0;
padding: 0;
}
.subnav-nav ul li {
margin-bottom: 16px;
}
.subnav-nav ul li:last-child {
margin-bottom: 0px;
}
.subnav-nav ul li a {
display: block;
font-weight: 700;
font-size: 15px;
line-height: 1.67;
color: #1F1F21;
padding-left: 38px;
position: relative;
transition: 0.2s;
}
.subnav-nav ul li a:hover {
color: #112EFF;
}
.subnav-nav ul li a img {
position: absolute;
top: 5px;
left: 0;
max-width: 25px;
max-height: 25px;
}
.subnav-nav ul li a span {
display: block;
font-weight: 400;
line-height: 1.33;
padding-top: 4px;
opacity: 0.75;
color: #1F1F21;
}
.header-cta {
text-align: right;
}
.link-pink-underline,
.link-pink-underline:focus,
.link-pink-underline:active {
display: inline-block;
outline: none;
border: none;
font-weight: 700;
font-size: 18px;
padding: 4px 0;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FF1E8C;
position: relative;
}
.link-pink-underline:hover {
color: #FF1E8C;
}
.link-pink-underline:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 3px;
background: #fff;
transition: 0.3s ease-out;
}
.link-pink-underline:hover:before {
width: 0px;
}
.link-green-underline,
.link-green-underline:focus,
.link-green-underline:active {
display: inline-block;
outline: none;
border: none;
font-weight: 700;
font-size: 18px;
padding: 4px 0;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #B8FD8E;
position: relative;
}
.link-green-underline:hover {
color: #B8FD8E;
}
.link-green-underline:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 3px;
background: #fff;
transition: 0.3s ease-out;
}
.link-green-underline:hover:before {
width: 0px;
}
main {
position: relative;
overflow: hidden;
}
.intro-title-text-cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #000;
color: #fff;
padding: 190px 0 70px;
position: relative;
margin-bottom: 90px;
min-height: calc(100vh - 94px);
}
.home .intro-title-text-cta:after {
content: "";
position: absolute;
top: 100%;
height: 90px;
right: 0;
width: 100%;
background: #fff;
z-index: 10;
}
.bg-gradient-anim { background: rgb(46,86,255); background: -moz-linear-gradient(top,  rgba(46,86,255,1) 0%, rgba(8,238,255,1) 60%, rgba(184,253,142,1) 100%); background: -webkit-linear-gradient(top,  rgba(46,86,255,1) 0%,rgba(8,238,255,1) 60%,rgba(184,253,142,1) 100%); background: linear-gradient(to bottom,  rgba(46,86,255,1) 0%,rgba(8,238,255,1) 60%,rgba(184,253,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e56ff', endColorstr='#b8fd8e',GradientType=0 ); background-size: 400% 400%;
animation: gradient 15s linear infinite;
}
.orn-home-intro {
position: absolute;
z-index: 9;
right: 0;
bottom: -90px;
width: 631px;
}
.orn-home-intro svg {
float: left;
}
.orn-home-intro-sm {
position: absolute;
z-index: 9;
left: 0;
bottom: 0px;
width: 165px;
}
.orn-home-intro-sm svg {
float: left;
} .title-123 {
font-size: 123px;
line-height: 0.85;
line-height: 1.2;
letter-spacing: -0.06em;
margin-bottom: 20px;
}
.max-width-375 {
max-width: 375px;
}
.max-width-510 {
max-width: 510px;
}
.max-width-600 {
max-width: 600px;
}
.max-width-700 {
max-width: 700px;
}
.max-width-800 {
max-width: 800px;
}
.text-18 {
font-size: 18px;
font-weight: 500;
line-height: 1.67;
}
.intro-ttc-text {
padding-left: 26%;
}
.intro-ttc-text .text-18 {
margin-bottom: 30px;
}
.link-pink-to-white,
.link-pink-to-white:focus,
.link-pink-to-white:active {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FF1E8C;
position: relative;
transition: 0.3s;
}
.link-pink-to-white:hover {
color: #fff;
}
.link-pink-to-white:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-pink.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-pink-to-white:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-pink-to-white:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-pink.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-pink-to-white:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-green-to-white,
.link-green-to-white:focus,
.link-green-to-white:active {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #B8FD8E;
position: relative;
transition: 0.3s;
}
.link-green-to-white:hover {
color: #fff;
}
.link-green-to-white:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-green-to-white:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-green-to-white:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-white.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-green-to-white:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-pink-to-black,
.link-pink-to-black:focus,
.link-pink-to-black:active {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FF1E8C;
position: relative;
transition: 0.3s;
}
.link-pink-to-black:hover {
color: #1F1F21;
}
.link-pink-to-black:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-pink.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-pink-to-black:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-pink-to-black:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-pink.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-pink-to-black:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-green-to-black,
.link-green-to-black:focus,
.link-green-to-black:active {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FF1E8C;
position: relative;
transition: 0.3s;
}
.link-green-to-black:hover {
color: #1F1F21;
}
.link-green-to-black:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-green-to-black:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-green-to-black:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-green-to-black:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-blue-to-black,
.link-blue-to-black:focus,
.link-blue-to-black:active {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #2E56FF;
position: relative;
transition: 0.3s;
}
.link-blue-to-black:hover {
color: #1F1F21;
}
.link-blue-to-black:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-blue.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-blue-to-black:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-blue-to-black:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-black.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-blue-to-black:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-white,
.link-white:focus,
.link-white:active {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #fff;
position: relative;
transition: 0.3s;
min-height: 24px;
}
.link-white:hover {
color: #fff;
}
.link-white:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-white.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-white:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-white:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-white.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-white:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-black,
.link-black:focus,
.link-black:active {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #000;
position: relative;
transition: 0.3s;
}
.link-black:hover {
color: #000;
}
.link-black:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-black.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.link-black:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-black:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-black.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995),
opacity .65s cubic-bezier(.475,.425,0,.995);
}
.link-black:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995),
opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.trusted-section {
padding: 75px 0px;
}
.trusted-section .section-label {
position: relative;
z-index: 3;
}
.trusted-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.trusted-list ul li {
width: 20%;
min-width: 20%;
background: #F7F7FB;
border-top-left-radius: 10px;
border-bottom-right-radius: 19px;
border: 1px solid #FFFFFF;
min-height: 248px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.trusted-list ul li img {
max-width: 75%;
max-height: 75%;
}
.section-label {
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
color: #65677B;
margin-bottom: 27px;
}
.video-section {
padding: 95px 0 150px;
position: relative;
}
.orn-video {
position: absolute;
left: 0;
top: 58%;
transform: translateY(-50%);
}
.video-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.object-fit {
position: relative;
}
.object-fit > img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video-cover a {
display: block;
padding-bottom: 59.3%;
padding-bottom: 56.25%;
border-radius: 30px;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
overflow: hidden;
}
.video-cover a img {
border-radius: 30px;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
z-index: 2;
transition: 0.2s;
}
.video-cover.video-started a:after {
opacity: 0;
visibility: hidden;
}
.video-cover.video-started img {
opacity: 0;
visibility: hidden;
}
.video-cover a:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 118px;
height: 118px;
border-radius: 50%;
background-color: #112EFF;
background-image: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/icon-video.svg);
background-repeat: no-repeat;
background-position: 52% 50%;
z-index: 5;
transition: 0.2s;
}
.video-cover a:hover:after {
background-color: #B8FD8E;
}
.video-right {
padding-left: 62px;
}
.title-72 {
font-weight: 500;
font-size: 72px;
line-height: 1.06;
letter-spacing: -0.05em;
margin-bottom: 22px;
}
.title-102 {
font-weight: 500;
font-size: 102px;
line-height: 1.02;
letter-spacing: -0.05em;
}
.home-why-section {
background: #1E1E1E;
color: #fff;
padding: 170px 0 0;
position: relative;
}
.orn-home-why {
position: absolute;
top: 0;
right: 0;
width: 500px;
}
.orn-home-why:after {
content: '';
position: absolute;
top: 0;
left: -1px;
bottom: 0;
width: 3px;
background: #1E1E1E;
}
.home-why-section-top {
margin-bottom: 230px;
}
.home-why-section .section-label {
margin-bottom: 22px;
color: #fff;
opacity: 0.7;
}
.home-why-height {
min-height: 100vh;
}
.home-why-fixed-hold {
position: relative;
}
.home-why-fixed-hold:before {
content: '';
position: absolute;
top: -100px;
left: 0;
bottom: 0;
width: calc(50% - 20px);
background: #fff;
}
.home-why-fixed-items {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
.home-why-fixed-images-items {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.home-why-fixed-item {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
}
.home-why-fixed-image-item { height: 100vh;
pointer-events: none; }
.hw-image-hold { height: 100vh;
position: relative;
padding-top: 0px;
padding-right: 80px;
position: relative;
overflow: hidden;
} .hw-image-holder {
position: relative;
padding-right: 20px;
}
.hw-image { padding-bottom: 141.9%;
max-height: 100%;
overflow: hidden;
}
.hw-image img { }
.home-why-fixed-image-item:first-child .hw-image img {
transform: translateY(0%);
}
.hw-content-hold {
padding-left: 85px;
}
.home-why-fixed-item .section-label {
margin-bottom: 36px;
}
.home-why-fixed-item .title-72 {
margin-bottom: 90px;
}
.hw-text {
margin-bottom: 34px;
padding-left: 80px;
position: relative;
}
.hw-text.text-18 {
line-height: 1.67;
}
.hw-link {
padding-left: 80px;
} .home-why-fixed-hold.top-reached .home-why-fixed-items {
position: fixed;
} 
.home-why-fixed-hold.top-3-reached .home-why-fixed-image-item:nth-child(2) .hw-image img {
transform: translateY(0) !important;
}
.hiw-section {
padding: 140px 0;
}
.hiw-hold {
color: #fff;
padding: 80px 9.5% 70px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.hiw-hold .section-label {
color: #fff;
}
.hiw-hold .title-72 {
margin-bottom: 0;
}
.hiw-left {
padding-right: 1%;
}
.hiw-right {
padding-left: 2%;
}
.hiw-right .text-18 {
margin-bottom: 43px;
}
.bg-light {
background: #F7F7FB;
padding: 50px 0;
}
.stats-section {
padding: 75px 0;
}
.stats-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.stats-right {
padding-left: 6px;
}
.stats-left {
padding-right: 8%;
}
.stats-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
border-bottom: 1px solid #000;
padding-bottom: 8px;
margin-bottom: 60px;
}
.stats-item:last-child {
margin-bottom: 0px;
}
.stats-item-left {
font-weight: 500;
font-size: 102px;
line-height: 0.79;
letter-spacing: -0.05em;
color: #5D6282;
}
.stats-item-left span {
font-size: 39px;
line-height: 1;
}
.stats-item-right {
width: 160px;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
color: #65677B;
padding-bottom: 8px;
}
.stats-left .title-72 {
margin-bottom: 66px;
}
.testimonials-section {
padding: 75px 0;
}
.t-carousel-item {
width: 456px;
background: #fff;
padding: 51px 80px 108px 60px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
direction: ltr;
position: relative;
height: 100%;
}
.owl-carousel .owl-item img {
display: inline-block;
width: auto;
}
.testimonails-left {
padding-right: 30px;
position: relative;
}
.testimonails-left:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 100%;
left: calc(100% - 30px);
background: #F7F7FB;
width: 9999px;
z-index: 10;
}
.testimonails-right {
padding-left: 70px;
position: relative;
z-index: 10;
}
.t-carousel-item-logo {
height: 50px;
margin-bottom: 44px;
}
.t-carousel-item-logo img {
max-height: 100%;
}
.t-carousel-item-text {
font-weight: 500;
font-size: 24px;
line-height: 1.33;
color: #1C1C1C;
margin-bottom: 34px;
}
.t-carousel-item-author {
font-weight: 700;
font-size: 18px;
line-height: 1.33;
color: #1C1C1C;
}
.t-carousel-item-author span {
display: block;
font-weight: 500;
}
.t-carousel-item-link {
position: absolute;
left: 0;
right: 0;
padding-left: inherit;
padding-right: inherit;
bottom: 47px;
}
.t-carousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-carousel .owl-item.active + .owl-item .t-carousel-item {
opacity: 0.65;
}
.t-carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}
.testimonials-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.testimonials-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-nav {
width: 105px;
height: 105px;
background: #fff;
}
.t-prev {
margin-right: 5px;
background: #fff url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/slide-prev.svg) no-repeat center center
}
.t-next {
background: #fff url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/slide-next.svg) no-repeat center center
}
.t-carousel .owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 0;
right: 0;
bottom: -37px;
}
.t-carousel .owl-dots.disabled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
outline: none;
}
.t-carousel.owl-carousel button.owl-dot {
width: 100%;
background: #D1D1D1;
height: 7px;
}
.t-carousel.owl-carousel button.owl-dot span {
display: none;
}
.t-carousel.owl-carousel button.owl-dot.active { background: rgb(199,251,155); background: -moz-linear-gradient(left,  rgba(199,251,155,1) 0%, rgba(109,234,252,1) 50%, rgba(56,85,246,1) 100%); background: -webkit-linear-gradient(left,  rgba(199,251,155,1) 0%,rgba(109,234,252,1) 50%,rgba(56,85,246,1) 100%); background: linear-gradient(to right,  rgba(199,251,155,1) 0%,rgba(109,234,252,1) 50%,rgba(56,85,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7fb9b', endColorstr='#3855f6',GradientType=1 ); }
.rewards-section {
padding: 75px 0 60px;
}
.rewards-section .section-label {
margin-bottom: 34px;
}
.awards-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.awards-list ul li {
margin-right: 25px;
}
.awards-list ul li:last-child {
margin-right: 0px;
}
.awards-list ul li img {
max-width: 188px;
}
.awards-list-2 {
padding-top: 20px;
}
.awards-list-2 ul li {
margin-bottom: 36px;
}
.awards-list-2 ul li:last-child {
margin-bottom: 0px;
}
.awards-list-2 ul li img {
max-height: 31px;
}
.featured-resources-section {
padding: 114px 0 140px;
}
.fr-top .title-72 {
margin-bottom: 40px;
}
.fr-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.fr-list ul li {
width: calc(50% - 10px);
min-width: calc(50% - 10px);
margin-right: 20px;
}
.fr-list ul li:nth-child(2n) {
margin-right: 0px;
}
.fr-list ul li a {
display: block;
width: 100%;
min-height: 300px;
background: #000;
position: relative;
transition: 0.2s;
} .fr-right .fr-list ul li:last-child a {
background: #B8FD8E;
}
.fr-right .fr-list ul li:last-child a .fr-list-title {
color: #000000;
}
.fr-right .fr-list ul li:first-child a .link-white:before {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
}
.fr-right .fr-list ul li:first-child a .link-white:after {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
}
.fr-last a:hover .link-white:before,
.fr-list ul li a:hover .link-white:before,
.fr-last a:hover .link-black:before,
.fr-list ul li a:hover .link-black:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.fr-last a:hover .link-white:after,
.fr-list ul li a:hover .link-white:after,
.fr-last a:hover .link-black:after,
.fr-list ul li a:hover .link-black:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.fr-bottom .fr-left .fr-list ul li:first-child a {
background: #2E56FF;
}
.fr-bottom .fr-left .fr-list ul li:last-child a .link-white:before {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
}
.fr-bottom .fr-left .fr-list ul li:last-child a .link-white:after {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
}
.fr-last a .link-white,
.fr-list ul li a .link-white,
.fr-last a .link-black,
.fr-list ul li a .link-black {
text-transform: initial;
font-weight: 400;
letter-spacing: -0.02em;
}
.fr-list-title {
position: absolute;
top: 24px;
left: 0;
right: 0;
padding: 0 20px;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.fr-list-link {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
padding: 0 20px;
}
.fr-list-link .link-white, 
.fr-list-link .link-white:focus, 
.fr-list-link .link-white:active {
display: block;
}
.fr-list-link .link-black, 
.fr-list-link .link-black:focus, 
.fr-list-link .link-black:active {
display: block;
}
.fr-top {
margin-bottom: 20px;
}
.fr-left {
padding-right: 10px;
}
.fr-right {
padding-left: 10px;
}
.fr-last a {
display: block;
position: relative; background: rgb(56,85,246); background: -moz-linear-gradient(left,  rgba(56,85,246,1) 0%, rgba(109,234,252,1) 99%); background: -webkit-linear-gradient(left,  rgba(56,85,246,1) 0%,rgba(109,234,252,1) 99%); background: linear-gradient(to right,  rgba(56,85,246,1) 0%,rgba(109,234,252,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3855f6', endColorstr='#6deafc',GradientType=1 ); background-size: 400% 400%;
animation: gradient 12s linear infinite;
min-height: 250px;
}
@keyframes gradient {
0% {
background-position: 0% 0%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 0%;
}
}
.testimonails-right .title-72 {
margin-bottom: 60px;
}
.fr-bottom .fr-list ul li a {
min-height: 250px;
}
.fr-last .fr-list-title {
max-width: 465px;
}
.cta-section {
padding: 87px 0 68px;
position: relative;
}
.cta-section:before,
.cta-section:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 50%;
}
.cta-section:before {
left: 0;
background: #F7F7FB;
}
.cta-section:after {
right: 0;
background: #171717;
}
.cta-left {
padding-right: 7%;
}
.cta-right {
color: #fff;
padding-left: 9%;
}
.cta-right .section-label {
color: #fff;
}
.cta-hold .section-label {
margin-bottom: 22px;
}
.orn-cta {
position: absolute;
z-index: 5;
}
.orn-cta-left {
top: 0;
right: 50%;
}
.orn-cta-right {
right: 0;
top: 50%;
top: 21%; width: 60px;
}
.footer-top {
background: #1F1F21;
color: #FFF8F8;
padding: 92px 0 80px;
}
.footer-top .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.footer-top .row:before,
.footer-top .row:after {
display: none;
}
.footer-logo {
width: 200px;
}
.newsletter-hold {
width: 225px;
margin-top: 150px;
margin-bottom: 50px;
}
.footer-nav-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
width: calc(100% - 225px);
padding-left: 10%;
}
.footer-left {
width: 225px;
}
.footer-nav-grid {
max-width: 170px;
margin-right: 20px;
}
.footer-nav-grid:last-child {
margin-right: 0px;
}
.footer-nav-title {
font-weight: 700;
font-size: 18px;
line-height: 1.56;
margin-bottom: 14px;
}
.footer-nav-title label {
color: #fff;
}
.footer-nav-title a {
color: #FFF8F8;
}
.footer-nav ul li {
line-height: 1.56;
margin-bottom: 12px;
}
.footer-nav ul li:last-child {
margin-bottom: 0px;
}
.footer-nav ul li a {
font-size: 18px;
color: #fff;
transition: 0.2s;
}
.footer-nav ul li a:hover {
opacity: 0.8;
}
.footer-bottom {
background: #000000;
color: rgba(255,255,255,0.8);
font-size: 15px;
padding: 11px 0 9px;
}
.footer-bottom .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.footer-bottom .row:before,
.footer-bottom .row:after {
display: none;
}
.footer-sec-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer-sec-nav ul li:after {
content: '|';
margin-left: 5px;
margin-right: 10px;
}
.footer-sec-nav ul li:last-child:after {
display: none;
}
.footer-sec-nav ul li a {
color: #fff;
opacity: 0.66;
transition: 0.2s;
}
.footer-sec-nav ul li a:hover {
opacity: 1;
}
.socials ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.socials ul li {
margin-right: 13px;
}
.socials ul li:last-child {
margin-right: 0px;
}
.socials ul li a {
opacity: 0.9;
transition: 0.2s;
}
.socials ul li a:hover {
opacity: 1;
}
.socials ul li a img {
max-height: 25px;
}
.footer-top .row + .row {
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
z-index: 11;
} 
.footer-top .row + .row .socials {
margin-top: -27px;
} 
.home-why-fixed-hold.hw-text-1-reached .home-why-fixed-item-1 {
opacity: 1;
visibility: visible;
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-1 {
opacity: 0;
visibility: hidden;
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-2 {
opacity: 1;
visibility: visible;
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-2 {
opacity: 0;
visibility: hidden;
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-3 {
opacity: 1;
visibility: visible;
}
.home-why-fixed-image-item-last {
height: 1px;
}
.hw-content-hold .section-label {
opacity: 0;
transform: translateY(40px);
transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.hw-content-hold .title-72 {
opacity: 0;
transform: translateY(40px);
transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
transition-delay: 0.15s;
}
.hw-content-hold .hw-text-hold {
opacity: 0;
transform: translateY(40px);
transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
transition-delay: 0.3s;
}
.hw-content-hold .hw-link {
opacity: 0;
transform: translateY(40px);
transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
transition-delay: 0.45s;
}
.home-why-fixed-hold.hw-text-1-reached .home-why-fixed-item-1 .hw-content-hold .section-label {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-1-reached .home-why-fixed-item-1 .hw-content-hold .title-72 {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-1-reached .home-why-fixed-item-1 .hw-content-hold .hw-text-hold {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-1-reached .home-why-fixed-item-1 .hw-content-hold .hw-link {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-1 .hw-content-hold .section-label {
opacity: 0;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-1 .hw-content-hold .title-72 {
opacity: 0;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-1 .hw-content-hold .hw-text-hold {
opacity: 0;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-1 .hw-content-hold .hw-link {
opacity: 0;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-2 .hw-content-hold .section-label {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-2 .hw-content-hold .title-72 {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-2 .hw-content-hold .hw-text-hold {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-2-reached .home-why-fixed-item-2 .hw-content-hold .hw-link {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-2 .hw-content-hold .section-label {
opacity: 0;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-2 .hw-content-hold .title-72 {
opacity: 0;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-2 .hw-content-hold .hw-text-hold {
opacity: 0;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-2 .hw-content-hold .hw-link {
opacity: 0;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-3 .hw-content-hold .section-label {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-3 .hw-content-hold .title-72 {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-3 .hw-content-hold .hw-text-hold {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.hw-text-3-reached .home-why-fixed-item-3 .hw-content-hold .hw-link {
opacity: 1;
transform: translateY(0px);
}
.home-why-fixed-hold.top-reached.last-reached .home-why-fixed-items {
position: absolute;
top: auto;
bottom: 0;
}
.home-why-fixed-hold.top-reached.last-reached .home-why-fixed-item {
top: auto;
bottom: 0;
}
.color-dark .char {
color: #65677B;
transition: .2s cubic-bezier(.33,1,.68,1);
transition-delay: calc(20ms*var(--char-index));
}
.color-dark.in-view .char {
color: #1F1F21;
}
.color-white .char {
color: #65677B;
transition: .2s cubic-bezier(.33,1,.68,1);
transition-delay: calc(20ms*var(--char-index));
}
.color-white.in-view .char {
color: #fff;
}
.notification {
position: absolute;
right: 0;
bottom: 0;
transform: translateY(100%);
width: 568px;
background: #112EFF;
padding: 19px 50px 15px 45px;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.02em;
z-index: 100;
}
.notification a {
color: #FFFFFF;
}
.notification a:after {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-white.svg) no-repeat center center;
margin-bottom: -2px;
}
.intro-title-text-cta .title-123 h1  {
opacity: 0;
}
.intro-title-text-cta .title-123.intro-anim h1  {
opacity: 1;
}
.intro-title-text-cta .title-123 h1 > span {
position: relative;
overflow: hidden;
display: inline-block;
margin-right: 0.06em;
margin-top: -0.25em;
}
.intro-title-text-cta .title-123 h1 > span span {
position: relative;
display: inline-block;
padding: 0 0.01em;
transform: translateY(100%);
transition: 0.3s ease-out;
}
.intro-title-text-cta .title-123.intro-anim h1 > span span {
transform: translateY(0%);
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(2) span {
transition-delay: 0.02s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(3) span {
transition-delay: 0.04s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(4) span {
transition-delay: 0.6s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(5) span {
transition-delay: 0.08s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(6) span {
transition-delay: 0.1s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(7) span {
transition-delay: 0.12s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(8) span {
transition-delay: 0.14s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(9) span {
transition-delay: 0.16s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(10) span {
transition-delay: 0.18s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(11) span {
transition-delay: 0.2s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(12) span {
transition-delay: 0.22s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(13) span {
transition-delay: 0.24s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(14) span {
transition-delay: 0.26s;
}
.intro-title-text-cta .title-123.intro-anim h1 > span:nth-child(15) span {
transition-delay: 0.28s;
}
.intro-title-text-cta .text-18 {
opacity: 0;
transform: translateY(30px);
transition: 0.3s ease-out;
}
.intro-title-text-cta .intro-ttc-link {
opacity: 0;
transform: translateY(30px);
transition: 0.3s ease-out;
}
.intro-title-text-cta .text-18.intro-anim {
opacity: 1;
transform: translateY(0px);
}
.intro-title-text-cta .intro-ttc-link.intro-anim {
opacity: 1;
transform: translateY(0px);
}
.mob-nav-hold {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: auto;
padding: 36px 0;
background: #f7f7fb;
z-index: 600;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.mob-nav-hold.close {
opacity: 1;
visibility: visible;
}
.mob-nav-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 27px;
}
.mob-nav-hold .hamburger-inner, 
.mob-nav-hold .hamburger-inner:after, 
.mob-nav-hold .hamburger-inner:before {
height: 1px;
background-color: #1F1F21;
}
.mob-link-blue,
.mob-link-blue:focus,
.mob-link-blue:active {
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #2E56FF;
outline: none;
border: none;
background: transparent;
}
.mob-nav {
margin-bottom: 20px;
}
.mob-nav > ul > li {
border-bottom: 1px solid #1F1F21;
}
.mob-nav > ul > li > a {
display: block;
font-weight: 600;
font-size: 24px;
line-height: 1.1;
color: #1F1F21;
padding: 19px 0 14px;
position: relative;
}
.mob-nav > ul > li.has-subnav > a:before {
content: '';
position: absolute;
right: 2px;
top: 22px;
border: solid #2E56FF;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.mob-nav > ul > li.has-subnav.active > a:before {
top: 27px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.intro-error {
background: #1E1E1E;
color: #fff;
padding-top: 180px;
padding-bottom: 100px;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.orn-error-intro {
position: absolute;
z-index: 9;
right: 0;
bottom: 0px;
width: 631px;
} .animation-element.fade-up {
opacity: 0;
transform: translateY(30px);
transition: opacity 1s linear, transform 0.9s ease;
}
.animation-element.fade-up.in-view {
opacity: 1;
transform: translateY(0px);
}
.animation-element.fade-up-later {
opacity: 0;
transform: translateY(30px);
transition: opacity 1s 0.5s linear, transform 0.9s 0.5s ease;
}
.animation-element.fade-up-later.in-view {
opacity: 1;
transform: translateY(0px);
}
.animation-element.fade-up-late {
opacity: 0;
transform: translateY(30px);
transition: opacity 1s 1s linear, transform 0.9s 1s ease;
}
.animation-element.fade-up-late.in-view {
opacity: 1;
transform: translateY(0px);
}
.animation-element.fade-in {
opacity: 0;
transition: 0.9s ease;
}
.animation-element.fade-in.in-view {
opacity: 1;
}
.animation-element.fade-in-later {
opacity: 0;
transition: 1s 0.5s ease;
}
.animation-element.fade-in-later.in-view {
opacity: 1;
}
.title-123 strong {
display: inline-block;
font-weight: 500;
background: -webkit-linear-gradient(0deg, #2E56FF -30%, #6DEAFC 30.24%, #B8FD8E 85.89%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
}
.intro-simplest {
min-height: 398px;
background: #2a2a2a;
color: #fff;
padding: 157px 0 40px;
margin-bottom: 111px;
position: relative;
}
.orn-intro-simplest {
position: absolute;
right: 0;
bottom: 0;
}
.orn-intro-simplests-sm {
position: absolute;
left: 0;
bottom: -48px;
}
.stay-updated-section {
margin-bottom: 60px;
}
.stay-updated-hold {
color: #fff;
padding: 50px 6% 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.grad-anim { background: rgb(46,86,255); background: -moz-linear-gradient(top,  rgba(46,86,255,1) 0%, rgba(8,238,255,1) 60%, rgba(184,253,142,1) 100%); background: -webkit-linear-gradient(top,  rgba(46,86,255,1) 0%,rgba(8,238,255,1) 60%,rgba(184,253,142,1) 100%); background: linear-gradient(to bottom,  rgba(46,86,255,1) 0%,rgba(8,238,255,1) 60%,rgba(184,253,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e56ff', endColorstr='#b8fd8e',GradientType=0 ); background-size: 400% 400%;
animation: gradient 15s linear infinite;
}
.grad-anim2 { background: rgb(46,86,255); background: -moz-linear-gradient(top,  rgba(46,86,255,1) 0%, rgba(8,238,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(46,86,255,1) 0%,rgba(8,238,255,1) 100%); background: linear-gradient(to bottom,  rgba(46,86,255,1) 0%,rgba(8,238,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e56ff', endColorstr='#08eeff',GradientType=0 ); background-size: 400% 400%;
animation: gradient 15s linear infinite;
}
.stay-updated-left {
padding-right: 8%;
}
.title-49 {
font-weight: 500;
font-size: 49px;
line-height: 1.06;
letter-spacing: -0.03em;
}
.stay-updated-right input,
.stay-updated-right input:focus {
border: none;
box-shadow: none;
outline: none;
background: #F7F7FB;
margin: 0;
height: 64px;
padding: 2px 25px;
font-size: 24px;
letter-spacing: -0.05em;
color: #1F1F21;
}
.stay-updated-right input::-webkit-input-placeholder {
color: #1F1F21;
opacity: 0.56;
}
.stay-updated-right input::-moz-placeholder {
color: #1F1F21;
opacity: 0.56;
}
.stay-updated-right input:-ms-input-placeholder {
color: #1F1F21;
opacity: 0.56;
}
.stay-updated-right input:-moz-placeholder {
color: #1F1F21;
opacity: 0.56;
}
.stay-updated-right {
position: relative;
}
.press-archive-list {
margin-bottom: 74px;
}
.press-archive-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.press-archive-list ul li {
width: calc(33.333% - 14px);
min-width: calc(33.333% - 14px);
margin-right: 21px;
margin-bottom: 18px;
display: none;
}
.press-archive-list ul li:nth-child(3n) {
margin-right: 0px;
}
.press-archive-list ul li a {
display: block;
background: #F7F7FB;
min-height: 100%;
padding: 50px 50px 100px;
position: relative;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.pa-item-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
margin-bottom: 70px;
}
.item-date {
font-weight: 400;
font-size: 18px;
line-height: 1.67;
letter-spacing: -0.05em;
color: #000000;
margin-right: 10px;
}
.item-logo {
font-weight: 400;
font-size: 18px;
line-height: 1.67;
letter-spacing: -0.05em;
color: #000000;
}
.item-logo img {
max-height: 28px;
max-width: 120px;
}
.item-title {
font-weight: 500;
font-size: 24px;
line-height: 1.167;
color: #000000;
}
.item-button {
position: absolute;
left: 0;
right: 0;
bottom: 47px;
padding-left: inherit;
padding-right: inherit;
}
.press-archive-list ul li a:hover .link-blue-to-black {
color: #1F1F21;
}
.press-archive-list ul li a:hover .link-blue-to-black:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.press-archive-list ul li a:hover .link-blue-to-black:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.press-archive-more {
margin-top: -20px;
margin-bottom: 92px;
}
.btn-blue-border-arrow,
.btn-blue-border-arrow:focus,
.btn-blue-border-arrow:active {
display: inline-block;
border: 1px solid #2E56FF;
outline: none;
background: transparent;
font-weight: 700;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #2E56FF;
position: relative;
padding: 17px 48px 13px 24px;
transition: 0.2s;
}
.btn-blue-border-arrow:hover {
border: 1px solid #2E56FF;
color: #2E56FF;
}
.btn-blue-border-arrow:before {
content: '';
position: absolute;
width: 18px;
height: 17px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-blue-down.svg) no-repeat center center;
right: 24px;
top: 16px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.btn-blue-border-arrow:after {
content: '';
position: absolute;
width: 18px;
height: 17px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-blue-down.svg) no-repeat center center;
right: 24px;
top: 16px;
opacity: 0;
transform: translate(0px, -15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.btn-blue-border-arrow:hover:before {
transform: translate(0px, 15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.btn-blue-border-arrow:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.archive-featured {
padding-left: 7%;
}
.archive-featured a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.af-left {
width: 50%;
padding-right: 2.56%;
}
.af-right {
width: 50%;
padding-left: 6.3%;
min-height: 295px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-id-4311 .af-image:before {
display: none;
}
.af-left {
min-height: 295px;
position: relative;
}
.af-image {
min-height: 100%;
}
.af-image img {
z-index: 10;
}
.af-link {
margin-top: 40px;
}
.archive-featured-section {
margin-bottom: 135px;
}
.archive-featured .title-49 {
color: #000000;
max-height: 208px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.af-image-orn {
position: absolute;
left: -20px;
bottom: -20px;
}
.subnav.subnav-double .subnav-left {
padding-left: 62px;
padding-right: 62px;
width: auto;
min-width: 1px;
}
.subnav-nav.subnav-simple ul li {
margin-bottom: 20px;
} 
.subnav-nav.subnav-simple ul li:last-child {
margin-bottom: 0px;
} 
.subnav-nav.subnav-simple ul li a {
white-space: nowrap;
font-weight: 500;
} 
.subnav-nav.subnav-simple ul li a img {
top: 50%;
transform: translateY(-50%);
}
.subnav-simple-hold .subnav-nav {
padding: 40px 44px;
}
.subnav-blue-link a {
display: block;
background: #2E56FF;
text-align: center;
font-weight: 600;
font-size: 18px;
padding: 22px 0 18px;
line-height: 1.4;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #B8FD8E;
transition: 0.2s;
}
.subnav-blue-link a:hover {
color: #fff;
}
.subnav-featured-link a {
display: block;
font-weight: 500;
font-size: 15px;
line-height: 1.2;
color: #1F1F21;
transition: 0.2s;
position: relative;
padding-right: 21px;
}
.subnav-featured-link a:before {
content: '';
position: absolute;
bottom: 2px;
right: 0;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-blue.svg) no-repeat center center;
}
.subnav-featured-link a:hover {
color: #2E56FF;
}
.subnav.subnav-resources .subnav-left {
width: auto;
min-width: 1px;
}
.subnav.subnav-resources .subnav-right {
padding-left: 45px;
padding-right: 45px;
width: 295px;
min-width: 295px;
}
.af-headline {
font-weight: 400;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
color: #65677B;
margin-bottom: 23px;
}
.af-text {
font-size: 18px;
line-height: 1.67;
letter-spacing: 0.01em;
color: #1F1F21;
margin-top: 25px;
max-height: 121px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.resources-filter-grid {
background-color: #F7F7FB;
padding: 20px 40px 30px;
margin-bottom: 30px;
}
.resources-filter-grid > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.resources-filter-grid > ul > li {
width: calc(25% - 39px);
min-width: calc(25% - 39px);
margin-right: 52px;
}
.resources-filter-grid > ul > li:last-child {
margin-right: 0px;
}
.filter-box {
position: relative;
}
.filter-box span {
display: block;
position: relative;
font-size: 18px;
line-height: 28px;
padding: 4px 0px;
color: rgba(0,0,0,0.5);
border-bottom: 1px solid #1F1F21;
cursor: pointer;
background: #F7F7FB;
z-index: 4;
transition: 0.2s;
}
.filter-box span:after {
content: '';
position: absolute;
right: 6px;
top: 50%;
margin-top: -5px;
border: solid #2E56FF;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px;
transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
}
.filter-box-list {
position: absolute;
left: 0;
right: 0;
width: 100%;
padding: 24px 26px;
opacity: 0;
visibility: hidden;
z-index: 2;
max-height: 400px;
overflow: auto;
background: #F7F7FB;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.filter-box-list ul {
margin: 0;
padding: 0;
}
.filter-box-list ul li { }
.filter-box-list ul li input {
display: none;
}
.filter-box-list ul li label {
display: block;
margin: 0;
position: relative;
padding-left: 26px;
font-size: 18px;
font-weight: 400;
line-height: 1.94;
text-transform: capitalize;
color: #1F1F21;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: 0.2s;
}
.filter-box-list ul li label:before {
content: '';
position: absolute;
left: 0;
top: 7px;
width: 15px;
height: 15px;
background: #fff;
}
.filter-box-list ul li label:after {
content: '';
position: absolute;
left: 0px;
top: 7px;
width: 15px;
height: 15px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/checkmark-filter.svg) no-repeat center center;
opacity: 0;
}
.filter-box-list ul li input:checked + label:after {
opacity: 1;
}
.filter-box-list ul li input:checked + label {
color: #2E56FF;
}
.filter-input {
position: relative;
}
.filter-input input, 
.filter-input input:focus {
border: none;
outline: none;
height: 38px;
margin: 0;
box-shadow: none;
background-color: transparent;
border-bottom: 1px solid #1F1F21;
padding: 2px 10px 2px 28px;
font-size: 18px;
color: #000;
}
.filter-input:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
pointer-events: none;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/icon-search-blue.svg) no-repeat center center;
}
.archive-resources-section {
position: relative;
z-index: 15;
margin-bottom: 70px;
}
.filter-box.active .filter-box-list {
opacity: 1;
visibility: visible;
}
.filter-box.active span {
border-color: #2E56FF;;
}
.filter-input input::-webkit-input-placeholder {
color: #000;
opacity: 0.5;
}
.filter-input input::-moz-placeholder {
color: #000;
opacity: 0.5;
}
.filter-input input:-ms-input-placeholder {
color: #000;
opacity: 0.5;
}
.filter-input input:-moz-placeholder {
color: #000;
opacity: 0.5;
}
.grid-of-three > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
width: calc(100% + 20px);
}
.grid-of-three > ul > li {
width: calc(33.333% - 20px);
min-width: calc(33.333% - 20px);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
.grid-of-three > ul > li a {
display: block;
background: #F7F7FB;
position: relative;
min-height: 100%;
padding-bottom: 100px;
}
.resource-tiles-list > ul > li {
display: none;
}
.item-image {
padding-bottom: 60%;
margin-bottom: 38px;
}
.item-content {
padding-left: 50px;
padding-right: 45px;
}
.item-label {
font-weight: 400;
font-size: 18px;
line-height: 1.67;
letter-spacing: -0.05em;
color: #1F1F21;
margin-bottom: 7px;
}
.item-link {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
padding-left: 50px;
padding-right: 45px;
}
.link-blue-to-black.arrow-download:before {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-download-blue.svg) no-repeat center center;
}
.link-blue-to-black.arrow-download:after {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-download-black.svg) no-repeat center center;
transform: translate(-15px, -15px);
}
.link-blue-to-black.arrow-download:hover:before {
transform: translate(15px, 15px);
}
.link-blue-to-black.arrow-download:hover:after {
transform: translate(0px, 0px);
}
.link-green-to-white.arrow-download:before {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-download-green.svg) no-repeat center center;
}
.link-green-to-white.arrow-download:after {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-download-white.svg) no-repeat center center;
transform: translate(-15px, -15px);
}
.link-green-to-white.arrow-download:hover:before {
transform: translate(15px, 15px);
}
.link-green-to-white.arrow-download:hover:after {
transform: translate(0px, 0px);
}
.resource-tiles-more-button {
padding-top: 44px;
}
.upcoming-events-section {
background: #F7F7FB;
padding: 105px 0 87px;
margin-bottom: 60px;
}
.upcoming-events-section .title-49 {
margin-bottom: 48px;
}
.upcoming-events-section .grid-of-three > ul > li a {
background: #fff;
}
.intro-simplest-text.text-18 {
line-height: 1.67;
}
.intro-simplest-text {
padding-left: 16%;
}
.intro-simplest.intro-simplest-lg {
min-height: 440px;
}
.intro-single-tags {
font-size: 18px;
line-height: 1.67;
opacity: 0.75;
margin-bottom: 32px;
}
.intro-single-info {
margin-top: 30px;
}
.intro-simplest.intro-single {
padding-top: 189px;
}
.intro-single-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.intro-single-info ul li {
margin-right: 36px;
}
.intro-single-info ul li:last-child {
margin-right: 0px;
}
.intro-single-info ul li.intro-single-author {
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
color: #B8FD8E;
}
.intro-single-info ul li.intro-single-author a {
color: #B8FD8E;
transition: 0.2s;
}
.intro-single-info ul li.intro-single-author a:hover {
color: #fff;
}
.intro-single-info ul li.intro-single-date {
font-size: 18px;
line-height: 1.67;
opacity: 0.75;
}
.entry p {
font-size: 18px;
line-height: 1.67;
margin-bottom: 30px;
}
.entry p a {
color: #2E56FF;
transition: 0.2s;
}
.entry p a:hover {
color: #1F1F21;
}
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
font-weight: 500;
color: #000;
margin-bottom: 20px;
line-height: 1.1;
}
.entry h2:not(:first-child),
.entry h3:not(:first-child),
.entry h4:not(:first-child),
.entry h5:not(:first-child) {
margin-top: 50px;
}
.entry h2 {
font-size: 49px;
}
.entry h3 {
font-size: 32px;
}
.entry h4 {
font-size: 28px;
}
.entry h5 {
font-size: 24px;
}
.entry ul {
margin-bottom: 30px;
}
.entry ul li {
font-size: 18px;
line-height: 1.67;
padding-left: 19px;
position: relative;
}
.entry ul li:before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 7px;
height: 7px;
background: #112EFF;
}
.entry ol {
counter-reset: item;
margin-bottom: 30px;
}
.entry ol li {
font-size: 18px;
line-height: 1.67;
}
.entry ol li:before {
content: counters(item, ".") ".";
counter-increment: item;
font-weight: 500;
margin-right: 10px;
}
.sidebar-image {
padding-bottom: 54.23%;
}
.sidebar-content { 
background: #171717;
padding: 20px 30px 25px;
color: #fff;
}
.sidebar-headline {
font-size: 18px;
line-height: 1.67;
letter-spacing: -0.05em;
margin-bottom: 7px;
}
.sidebar-title {
font-weight: 500;
font-size: 24px;
line-height: 1.16;
margin-bottom: 30px;
}
.single-content-section {
margin-bottom: 50px;
}
.single-content-left {
width: 85px;
position: relative;
}
.single-content-sidebar {
width: 260px;
}
.single-content-middle {
width: calc(100% - 85px - 260px);
padding-right: 58px;
}
.single-content-scrollbar-hold {
position: relative;
min-height: 100vh;
min-width: 2px;
}
.single-content-scrollbar {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 2px;
background-color: #ADAFC4;
height: 80vh;
}
.single-content-scrollbar span {
position: absolute;
top: 0;
left: 0px;
right: 0px;
width: 2px;
background-color: #112EFF;
height: 10%;
}
.orn-intro-single {
position: absolute;
bottom: 0;
right: 0;
}
.title-56 {
font-weight: 500;
font-size: 56px;
line-height: 1.14;
letter-spacing: -0.03em;
margin-bottom: 40px;
}
.intro-single-guide .intro-single-tags {
margin-bottom: 26px;
padding-left: 10px;
}
.intro-simplest.intro-single-guide {
padding-top: 179px;
padding-bottom: 120px;
}
.isg-left {
position: relative;
z-index: 10;
}
.isg-image {
width: 143%;
margin-left: -20%;
position: relative;
}
.isg-image img {
position: relative;
z-index: 5;
}
.isg-image:before {
content: '';
position: absolute;
top: 47%;
left: 59%;
transform: translate(-50%, -50%);
width: 504px;
height: 473px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-intro-single-guide.svg) no-repeat center center / 100% 100%;
}
.isg-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.orn-intro-single-guide-left {
position: absolute;
left: 0;
top: calc(100% - 64px);
}
.orn-intro-single-guide-left:before {
content: '';
position: absolute;
top: 62px;
left: 0;
height: 150px;
width: 64px;
background: #1E1E1E;
}
.orn-intro-single-guide-left img {
position: relative;
z-index: 2;
}
.single-form-hold {
background: #F7F7FB;
padding: 65px 14%;
position: relative;
z-index: 2;
}
.single-form-hold:before {
content: '';
position: absolute;
top: -34px;
right: -34px;
width: 193px;
height: 193px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-out-top-right.svg) no-repeat center center / 100% 100%;
}
.single-form-hold:after {
content: '';
position: absolute;
background: #F7F7FB;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.single-form-hold > div {
position: relative;
z-index: 5;
}
.single-guide-content { 
padding-left: 80px;
}
.sgc-left {
padding-right: 6%;
}
.sgc-right {
padding-left: 3.7%;
}
.single-form-hold .title-49 {
margin-bottom: 35px;
}
.single-trust-list {
margin-top: 76px;
}
.single-trust-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.single-trust-list ul li {
width: 30%;
min-width: 30%;
margin-right: 5%;
margin-bottom: 25px;
text-align: center;
font-weight: 400;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
color: #65677B;
}
.single-trust-list ul li:nth-child(3n) {
margin-right: 0%;
}
.single-trust-list ul li:nth-child(3n+1) {
text-align: left;
}
.single-trust-list ul li img {
max-width: 130px;
max-height: 50px;
}
.single-guide-content-section {
margin-bottom: 60px;
}
.intro-simplest.intro-single-event {
padding: 184px 0 160px;
}
.orn-intro-single-event {
position: absolute;
right: 0;
bottom: 0;
}
.intro-single-event-top {
margin-bottom: 60px;
}
.intro-single-event-top ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.intro-single-event-top ul li {
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
}
.intro-single-event-top ul li.intro-single-event-top-sm {
font-weight: 500;
font-size: 18px;
line-height: 1.39;
}
.intro-single-event-top ul li:after {
content: '|';
margin-left: 15px;
margin-right: 19px;
}
.intro-single-event-top ul li:last-child:after {
display: none;
}
.intro-single-event-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.intro-single-event-info ul li {
font-weight: 500;
font-size: 18px;
line-height: 1.39;
}
.intro-single-event-info ul li:after {
content: '|';
margin-left: 10px;
margin-right: 14px;
}
.intro-single-event-info ul li:last-child:after {
display: none;
}
.single-event-content-section .sgc-left {
padding-right: 4%;
}
.single-event-content-section .single-form-hold:before {
top: -30px;
right: -30px;
width: 186px;
height: 186px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-in-top-right.svg) no-repeat center center / 100% 100%;
}
.single-speakers-hold {
margin-top: 40px;
border-top: 1px solid rgba(0,0,0,0.5);
padding-top: 48px;
}
.single-speakers-hold .title-49 {
margin-bottom: 30px;
}
.single-speaker {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #F7F7FB;
margin-bottom: 21px;
}
.single-speaker-image {
width: 170px;
height: 170px;
}
.single-speaker-content {
width: calc(100% - 170px);
padding-left: 29px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-speaker-content-logo {
margin-bottom: 13px;
}
.single-speaker-content-logo img {
max-height: 38px;
}
.single-speaker-content-name {
font-size: 18px;
font-weight: 500;
line-height: 1.66;
}
.single-speaker-content-name span {
display: block;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.orn-intro-single-event {
position: absolute;
bottom: 0;
right: 0;
}
.intro-single-event-top ul li img {
max-height: 21px;
margin-top: -3px;
}
.intro-simplest.intro-single-webinar {
padding: 180px 0 125px;
}
.intro-single-webinar-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.intro-single-webinar-info ul li {
font-weight: 500;
font-size: 18px;
line-height: 1.39;
margin-right: 60px;
}
.intro-single-webinar-info ul li:last-child {
margin-right: 0px;
}
.intro-single-webinar-info ul li.intro-single-webinar-td {
max-width: 275px;
}
.intro-single-webinar-info ul li.intro-single-webinar-text {
max-width: 460px;
}
.orn-intro-single-webinar {
position: absolute;
right: 0;
bottom: 0;
}
.intro-lg-section {
background: #2a2a2a;
color: #fff;
padding: 190px 0 140px;
position: relative;
margin-bottom: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 700px;
}
.intro-lg-label {
font-weight: 400;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
margin-bottom: 36px;
}
.intro-lg-button {
margin-top: 11px;
} .page-template-tp-why .intro-lg-section .orn-intro-single-guide-left:before {
background: #2a2a2a;
}
.page-template-tp-features .intro-lg-section .orn-intro-single-guide-left:before {
background: #000;
}
.page-template-tp-features .intro-lg-section {
background: #000;
}
.page-template-tp-how_it_works .intro-lg-section .orn-intro-single-guide-left:before {
background: #2a2a2a;
}
.page-template-tp-pricing .intro-lg-section .orn-intro-single-guide-left:before {
background: #2a2a2a;
}
.why-about-hold {
padding-left: 16%;
padding-right: 5%;
}
.wa-left {
padding-right: 5%;
}
.wa-right {
padding-left: 5%;
padding-top: 15px;
}
.why-about-section {
margin-bottom: 130px;
}
.wa-items {
margin-top: 30px;
}
.wa-items ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.wa-items ul li {
width: 156px;
text-align: center;
}
.wa-item-icon-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 156px;
border-radius: 50%;
position: relative;
overflow: hidden;
background: #F2F2F2;
margin-bottom: 30px;
}
.wa-item-title {
font-size: 18px;
line-height: 1.67;
margin-left: -30px;
width: calc(100% + 60px);
}
.ia-image {
padding-bottom: 139.05%;
}
.ia-image:after {
content: '';
position: absolute;
width: 253px;
height: 270px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-ia.svg) no-repeat center center / 100% 100%;
left: -100px;
bottom: -155px;
}
.ia-left {
padding-right: 7.662%;
}
.ia-right {
padding-left: 10px;
}
.ia-acc:not(:last-child) {
margin-bottom: 44px;
}
.ia-acc ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 28px;
padding-bottom: 28px;
border-bottom: 1px solid rgba(0,0,0,0.25);
cursor: pointer;
transition: border-color 0.2s;
}
.ia-acc ul li:hover .ia-acc-title {
color: #2E56FF;
}
.ia-acc ul li.active .ia-acc-title {
color: #2E56FF;
}
.ia-acc ul li.active {
border-color: #2E56FF;
}
.ia-acc ul li:first-child {
padding-top: 0px;
}
.ia-acc ul li:last-child {
border-bottom: none !important;
}
.ia-acc-title {
font-size: 29px;
line-height: 1.03;
letter-spacing: -0.05em;
color: #65677B;
width: 270px;
transition: 0.2s;
}
.ia-acc-text {
display: none;
width: calc(100% - 270px);
font-size: 18px;
line-height: 1.67;
letter-spacing: 0.01em;
position: relative;
padding-bottom: 20px;
padding-left: 20px;
} .ia-acc-text a {
margin-top: 20px;
}
.industries-acc-section {
padding: 140px 0 150px;
background: #F7F7FB;
}
.industries-acc-section .title-72 {
margin-bottom: 80px;
}
.industries-acc-section {
margin-bottom: 30px;
}
.bg-dark {
background: #1E1E1E;
color: #fff;
}
.why-stats-section .title-49 {
margin-bottom: 65px;
}
.why-stats ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.why-stats ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 20px;
width: 420px;
min-width: 420px;
border-bottom: 1px solid rgba(255,255,255,0.75);
margin-bottom: 60px;
}
.cd-stats-section .why-stats ul li {
border-bottom: 1px solid rgba(31,31,33,0.75);
}
.why-stats-section {
padding-bottom: 75px;
}
.why-stats-left {
width: 53%;
font-weight: 500;
font-size: 39px;
line-height: 1;
letter-spacing: -0.05em;
margin-bottom: -10px;
}
.why-stats-left span {
display: inline-block;
font-size: 102px;
line-height: 1.05; background: -webkit-linear-gradient(90deg, #112EFF 1.26%, #08EEFF 90.66%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
margin-right: 8px;
}
.why-stats ul li:nth-child(2n) .why-stats-left span { }
.why-stats-right {
width: 47%;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.05em;
padding-bottom: 12px;
}
.why-solution-section {
padding-top: 130px;
margin-bottom: 190px;
}
.bg-dark .section-label {
color: #fff;
opacity: 0.7;
}
.sticky-content-hold { height: 100vh;
}
.sticky-content-item-height {
height: 100vh;
}
.sticky-content-item-end {
height: 50vh;
}
.sticky-content {
z-index: 4;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sticky-content-items {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.sticky-content-item {
top: 0%;
width: 100%;
position: absolute;
left: 0;
right: 0; display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100vh;
pointer-events: none;
padding-top: 80px;
transition: 0.4s 0.2s;
}
.sticky-content-item.is-active {
pointer-events: all; }
.sc-it-image {
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.sticky-content-item.is-active .sc-it-image {
opacity: 1;
visibility: visible;
transition: 0.4s 0.3s;
}
.sc-im-content h3 {
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: transform 0s 0.3s, opacity 0.1s, visibility 0.1s;
}
.sc-im-content p {
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: 0s;
}
.sticky-content-item.is-active .sc-im-content h3 {
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition: 0.3s 0.3s;
}
.sticky-content-item.is-active .sc-im-content p {
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition: 0.3s 0.45s;
}
.sc-im-content-button {
margin-top: 26px;
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: 0s;
}
.sticky-content-item.is-active .sc-im-content-button {
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition: 0.3s 0.45s;
}
.sc-im-acc {
margin-top: 35px;
margin-bottom: 25px;
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: 0s;
}
.sticky-content-item.is-active .sc-im-acc {
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition: 0.3s 0.45s;
}
.sc-im-tabs {
margin-top: 35px;
margin-bottom: 25px;
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: 0s;
}
.sticky-content-item.is-active .sc-im-tabs {
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition: 0.3s 0.45s;
}
.sc-im-left {
padding-right: 8.63%;
}
.sc-im-right {
padding-left: 7.6%;
}
.sc-it-image {
padding-bottom: 93.57%;
}
.sc-it-image:before,
.sc-it-image:after {
content: '';
position: absolute;
width: 150px;
height: 149px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-sticky-img.svg) no-repeat center center / 100% 100%;
}
.sc-it-image:after {
top: -17px;
right: -19px;
}
.sc-it-image:before {
left: -19px;
bottom: -26px;
}
.sc-it-image img {
z-index: 5;
}
.sc-im-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.sc-im-content h3 {
font-weight: 500;
font-size: 49px;
line-height: 1.06;
letter-spacing: -0.03em;
margin-bottom: 20px;
}
.sc-im-content p {
font-weight: 500;
font-size: 18px;
line-height: 1.67;
margin-bottom: 30px;
}
.sc-im-content p:last-child {
margin-bottom: 0px;
}
.why-solution-section {
margin-bottom: 200px;
}
.sticky-fake-nav {
position: absolute;
top: 0;
left: 43px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-fake-nav ul li {
position: relative;
}
.sticky-fake-nav ul li:before {
content: '';
position: absolute;
top: 10px;
left:6px;
height: 20px;
width: 1px;
background-color: #ADAFC4;
}
.sticky-fake-nav ul li:last-child:before {
display: none;
}
.sticky-fake-nav ul li a {
display: inline-block;
position: relative;
z-index: 5;
width: 13px;
height: 13px;
background: #65677B;
border-radius: 50%;
transition: 0.2s;
}
.sticky-fake-nav ul li.is-active a {
background: #B8FD8E;
}
.features-about-section {
margin-bottom: 123px;
}
.features-sticky-section {
position: relative;
color: #fff;
}
.features-sticky-section:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 100%;
right: 0;
width: 50%;
background: #1E1E1E;
}
.features-sticky-section .sticky-fake-nav ul li.is-active a {
background: #2E56FF;
}
.features-sticky-section .sc-it-image {
padding-bottom: 118.91%;
}
.sc-im-acc .accordion {
background: transparent;
}
.sc-im-acc .accordion-title {
border: none;
padding: 15px 30px 15px 0;
color: rgba(255,255,255,0.5);
font-size: 18px;
line-height: 1.67;
transition: 0.2s;
}
.sc-im-acc .accordion-item {
border-bottom:  1px solid rgba(255, 255, 255, 0.5);
}
:last-child:not(.is-active)>.accordion-title {
border-bottom: none;
}
:last-child>.accordion-content:last-child {
border-bottom: none
}
.sc-im-acc .accordion-title:focus, 
.sc-im-acc .accordion-title:hover {
background-color: transparent;
color: #fff;
}
.sc-im-acc .accordion-item.is-active .accordion-title {
color: #fff;
}
.sc-im-acc .accordion-content {
padding: 0 0 20px;
border: none;
border-bottom: 0;
background-color: transparent;
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
}
.accordion-content p {
margin-bottom: 24px;
}
.accordion-content p:last-child {
margin-bottom: 0px;
}
.sc-im-acc .accordion-title:before {
content: '';
right: 2px;
top: 21px;
margin-top: 0;
border: solid #B8FD8E;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sc-im-acc .is-active>.accordion-title:before {
content: '';
top: 26px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.sc-im-tabs .tabs-content {
background: transparent;
border: none;
}
.sc-im-tabs .tabs-panel {
padding: 30px 0 0;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #FFFFFF;
}
.sc-im-tabs .tabs-panel p {
margin-bottom: 24px;
}
.sc-im-tabs .tabs-panel p:last-child {
margin-bottom: 0px;
}
.sc-im-tabs .tabs {
background: transparent;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.sc-im-tabs .tabs-title {
width: 100%;
}
.sc-im-tabs .tabs-title>a:hover {
background: transparent;
color: #fff;
}
.sc-im-tabs .tabs-title>a:focus, 
.sc-im-tabs .tabs-title>a[aria-selected=true] {
background: transparent;
color: #fff;
}
.sc-im-tabs .tabs-title>a:focus:before, 
.sc-im-tabs .tabs-title>a[aria-selected=true]:before {
opacity: 1;
}
.sc-im-tabs .tabs-title>a {
display: block;
padding: 0 5px 15px;
line-height: 1.67;
font-size: 18px;
font-weight: 500;
color: rgba(255,255,255,0.5);
text-align: center;
position: relative;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
transition: 0.2s;
}
.sc-im-tabs .tabs-title>a:before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
right: 0;
width: 100%;
height: 2px;
background-color: #B8FD8E;
opacity: 0;
transition: 0.2s;
}
.testimonial-section {
padding: 115px 0;
color: #fff;
}
.ts-text {
position: relative;
margin-bottom: 50px;
}
.ts-text:before {
content: '“';
position: absolute;
top: 0;
left: -50px;
}
.ts-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.ts-info-left {
font-weight: 500;
font-size: 18px;
line-height: 1.67;
padding-right: 30px;
}
.ts-logo img {
max-height: 100px;
max-width: 80%;
}
.uca-section {
background: #F7F7FB;
padding: 130px 0 70px;
position: relative;
}
.uca-section .title-72 {
margin-bottom: 70px;
}
.orn-uca-1 {
position: absolute;
top: -130px;
right: 0;
}
.orn-uca-2 {
position: absolute;
bottom: -110px;
right: -10px;
}
.uca-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex; -webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.uca-list ul li {
width: 30%;
min-width: 30%;
margin-right: 5%;
margin-bottom: 70px;
min-height: 77px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 87px;
position: relative;
font-weight: 500;
font-size: 24px;
line-height: 1.16;
}
.uca-list ul li:nth-child(3n) {
margin-right: 0;
}
.uca-list ul li img {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
max-height: 77px;
max-width: 77px;
}
.uca-list ul li a {
color: #1F1F21;
}
.uca-list.uca-list-with-link ul li {
padding-left: 0;
}
.uca-list.uca-list-with-link ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 87px;
position: relative;
padding-right: 30px; }
.uca-list.uca-list-with-link ul li a:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-blue.svg) no-repeat center center;
right: 0;
bottom: 8px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.uca-list.uca-list-with-link ul li a:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-blue.svg) no-repeat center center;
right: 0;
bottom: 8px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.uca-list.uca-list-with-link ul li a:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.uca-list.uca-list-with-link ul li a:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.intro-lg-image-section {
position: relative;
padding: 160px 0 64px;
background: #1E1E1E;
color: #fff;
}
.intro-lgi-button {
margin-top: 35px;
}
.intro-lgi-image {
padding-bottom: 93.57%;
}
.intro-lgi-image img {
z-index: 10;
border-top-left-radius: 35px;
border-bottom-right-radius: 35px;
}
.intro-lgi-image:before {
content: '';
position: absolute;
width: 245px;
height: 389px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-intro-id.svg) no-repeat center center / 100% 100%;
top: -32px;
left: calc(100% - 140px);
}
.intro-lgi-right {
padding-left: 8.63%;
}
.intro-lgi-left {
padding-top: 15px;
}
.orn-intro-id {
position: absolute;
top: calc(100% - 100px);
left: 0;
}
.intro-lgi-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.intro-detail-use-case .intro-lgi-image:before {
width: 266px;
height: 397px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-intro-use-case.svg) no-repeat center center / 100% 100%;
top: auto;
bottom: -64px;
left: calc(100% - 155px);
}
.orn-uca-3 {
position: absolute;
top: -120px;
right: 0;
}
.features-benefits-section .sc-it-image {
opacity: 1;
visibility: visible;
}
.features-benefits-section .sc-im-content h3,
.features-benefits-section .sc-im-content p {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.features-benefits-section .title-72 {
margin-bottom: 90px;
}
.features-benefits-list .sc-im-hold {
margin-bottom: 130px;
}
.features-benefits-list .sc-im-hold:last-child {
margin-bottom: 0px;
}
.features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
order: 2;
padding-right: 0%;
padding-left: 8.63%;
}
.features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-it-image:after {
display: none;
}
.features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-it-image:before {
width: 149px;
height: 148px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-outside.svg) no-repeat center center / 100% 100%;
bottom: -18px;
}
.features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-right {
padding-right: 7.6%;
padding-left: 0;
}
.why-solution-section.features-benefits-section {
padding-bottom: 190px;
margin-bottom: 0;
position: relative;
}
.orn-benefits-section {
position: absolute;
top: -326px;
right: 0;
}
.orn-benefits-section img {
position: relative;
z-index: 5;
}
.orn-benefits-section:before {
content: '';
position: absolute;
right: 0;
width: 62px;
bottom: 0;
height: 210px;
background-color: #1E1E1E;
}
.features-about-section.features-detail-about-section {
padding-top: 125px;
}
.features-about-section.features-detail-about-section .why-about-hold {
padding-left: 0;
padding-right: 0;
margin-bottom: 100px;
}
.features-about-section.features-detail-about-section .why-about-hold .title-72 {
margin-bottom: 0;
}
.about-icons-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.about-icons-list ul li {
width: 26%;
min-width: 26%;
margin-right: 11%;
}
.about-icons-list ul li:nth-child(3n),
.about-icons-list ul li:last-child {
margin-right: 0%;
}
.ail-icon-hold {
margin-bottom: 37px;
}
.ail-icon {
width: 151px;
height: 142px;
background: #F7F7FB;
border-radius: 10px 0 19px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ail-icon img {
max-height: 75px;
max-width: 75px;
}
.ail-title {
font-weight: 700;
font-size: 24px;
line-height: 1.25;
letter-spacing: -0.02em;
margin-bottom: 20px;
}
.ail-text {
font-size: 18px;
line-height: 1.67;
letter-spacing: 0.01em;
}
.intro-lg-fd .intro-lgi-image:before {
width: 248px;
height: 247px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-intro-fd.svg) no-repeat center center / 100% 100%;
top: -13px;
left: calc(100% - 130px);
}
.intro-csd .intro-lgi-image:before {
width: 248px;
height: 247px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-intro-fd.svg) no-repeat center center / 100% 100%;
top: -13px;
left: calc(100% - 130px);
}
.features-about-section.features-detail-about-section {
position: relative;
}
.orn-fd-about {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.orn-fd-about:before,
.orn-fd-about:after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 2px;
background-color: #fff;
}
.orn-fd-about:before {
top: -1px;
}
.orn-fd-about:after {
bottom: -1px;
}
.text-center .max-width-800 {
margin-left: auto;
margin-right: auto;
}
.hiw-about-section .why-about-hold {
padding-left: 8%;
padding-right: 1%;
}
.hiw-about-section .wa-left {
padding-right: 4%;
}
.wa-items.wa-items-2 {
background-color: #F7F7FB;
padding: 100px 6%;
margin-top: 50px;
}
.wa-items.wa-items-2 .wa-item-icon-hold {
margin-bottom: 0px;
background: #fff;
}
.why-about-section.hiw-about-section {
margin-bottom: 113px;
}
.security-image {
padding-bottom: 129.6%;
}
.security-hold {
padding: 105px 10% 110px 8%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
color: #fff;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.security-hold .section-label {
color: #fff;
}
.security-hold .title-72 {
margin-bottom: 35px;
}
.security-hold .text-18 {
font-weight: 400;
}
.security-link {
margin-top: 50px;
}
.security-left {
padding-right: 8.105%;
}
.security-right {
padding-left: 18px;
}
.security-section {
position: relative;
}
.security-section:before {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
background: #F7F7FB;
bottom: -1px;
height: 50%;
}
.sticky-oposite .sc-im-left {
order: 2;
padding-left: 8.63%;
padding-right: 0;
}
.sticky-oposite .sc-im-right {
padding-left: 0;
padding-right: 7.6%;
}
.why-solution-section.hiw-tech-section {
margin-bottom: 62px;
}
.why-solution-section.hiw-tech-section .sticky-content-hold-mob {
padding-bottom: 120px;
}
.intro-lg-hiw-section.intro-lg-section .orn-intro-single-guide-left:before { }
.intro-lg-hiw-section.intro-lg-section:before  {
display: none;
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 100%;
left: 0;
width: 100px; background: -moz-linear-gradient(left,  rgba(14,10,33,1) 0%, rgba(14,10,33,0) 100%); background: -webkit-linear-gradient(left,  rgba(14,10,33,1) 0%,rgba(14,10,33,0) 100%); background: linear-gradient(to right,  rgba(14,10,33,1) 0%,rgba(14,10,33,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0a21', endColorstr='#000e0a21',GradientType=1 ); z-index: 2;
}
.integrations-section {
margin-bottom: 70px;
}
.vs-item {
background: #F7F7FB;
padding-bottom: 100%;
position: relative;
border-radius: 10px 0 19px 0; transform: rotate(-90deg);
}
.vs-item img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 75%;
max-height: 65%;
}
.vertical-carousel { }
.integrations-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.integrations-hold .title-72 {
margin-bottom: 35px;
}
.integrations-left {
padding-right: 9%;
}
.integrations-link {
margin-top: 54px;
}
.text-18.fw400 {
font-weight: 400;
} 
.vertical-carousel.owl-carousel {
transform: rotate(90deg);
width: 610px;
transform-origin: left bottom;
margin-top: -196px;
}
.integrations-carousel-grid {
min-height: 630px;
}
.integrations-right {
position: relative;
overflow: hidden;
}
.integrations-right:before,
.integrations-right:after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 160px;
pointer-events: none;
z-index: 50;
}
.integrations-right:before {
top: -1px; background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }
.integrations-right:after {
bottom: -1px; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 79%, rgba(255,255,255,1) 99%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 99%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.competitors-grid-section {
margin-bottom: 120px;
}
.competitors-grid-section .title-72 {
margin-bottom: 75px
}
.competitors-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.competitors-list ul li {
width: calc(33.333% - 14px);
min-width: calc(33.333% - 14px);
margin-right: 21px;
margin-bottom: 21px;
}
.competitors-list ul li:nth-child(3n) {
margin-right: 0px;
}
.competitors-list ul li a {
display: block;
background: #F7F7FB;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
min-height: 100%;
text-align: center;
padding: 75px 14% 50px;
}
.competitor-logo {
margin-bottom: 60px;
}
.competitor-logo img {
max-height: 60px;
}
.competitor-title {
font-weight: 500;
font-size: 24px;
line-height: 1.16;
color: #000000;
transition: 0.2s;
}
.competitors-list ul li a:hover .competitor-title {
color: #112EFF;
}
.wbc-section {
background: #171717;
color: #fff;
padding: 120px 0 60px;
margin-bottom: 80px;
}
.wbc-section .section-label {
color: #fff;
opacity: 0.7;
}
.wbc-section .title-72 {
margin-bottom: 65px;
}
.wbc-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.wbc-list ul li {
width: 27%;
min-width: 27%;
margin-right: 9.5%;
margin-bottom: 60px;
}
.wbc-list ul li:nth-child(3n) {
margin-right: 0%;
}
.wbc-icon {
height: 56px;
margin-bottom: 24px;
}
.wbc-icon img {
max-height: 100%;
}
.wbc-title {
font-weight: 500;
font-size: 24px;
line-height: 1.16;
margin-bottom: 15px;
}
.wbc-text {
font-weight: 400;
font-size: 18px;
line-height: 1.67;
letter-spacing: -0.05em;
}
.trusted-simple-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.trusted-simple-list ul li {
width: 20%;
min-width: 20%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.trusted-simple-list ul li img {
max-width: 72%;
max-height: 50px;
}
.trusted-simple-section {
margin-bottom: 100px;
}
.trusted-simple-section .section-label {
margin-bottom: 47px
}
.orn-intro-simplest-left-bottom {
position: absolute;
left: 0;
bottom: 0;
}
.intro-cd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.intro-cd-left {
padding-right: 5%;
}
.intro-cd-right {
padding-left: 5%;
}
.intro-cd-logos ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.intro-cd-logos ul li {
margin-right: 86px;
position: relative;
}
.intro-cd-logos ul li:last-child {
margin-right: 0px;
}
.intro-cd-logos ul li:first-child:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 1px;
background: #65677B;
left: calc(100% + 42px)
}
.intro-cd-logos ul li:last-child:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 1px;
background: #65677B;
left: -44px;
}
.intro-cd-logos ul li img {
max-width: 210px;
}
.intro-simplest.intro-simplest-cd {
padding-bottom: 70px;
margin-bottom: 128px;
}
.cd-stats-section .why-stats {
margin-top: 74px;
}
.diff-section {
background: #F7F7FB;
padding: 105px 0 130px;
}
.diff-right {
padding-left: 9%;
}
.diff-link {
margin-top: 25px;
}
.diff-hold {
margin-bottom: 100px;
}
.diff-table table thead {
background: transparent;
color: #1F1F21;
}
.diff-table table thead tr th img {
max-width: 164px;
max-height: 55px;
}
.diff-table table tbody, 
.diff-table table tfoot, 
.diff-table table thead {
border: none;
}
.diff-table table tbody {
background: #F2F3FB;
}
.diff-table table thead th {
text-align: center;
padding: 0 20px 40px;
}
.diff-table table tbody tr:nth-child(even) {
background-color: #fff;
}
.diff-table table tbody td {
font-size: 18px;
line-height: 1.67;
letter-spacing: 0.01em;
padding: 5px 20px;
text-align: center;
}
.diff-table table tbody td:first-child {
text-align: left;
}
.diff-check {
display: block;
margin: 0 auto;
width: 22px;
height: 16px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/checkmark-blue.svg) no-repeat center center / 100% 100%;
}
.diff-check-half {
display: block;
margin: 0 auto;
width: 22px;
height: 16px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/checkmark-grey.svg) no-repeat center center / 100% 100%;
}
.diff-x {
display: block;
margin: 0 auto;
width: 18px;
height: 18px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/check-x.svg) no-repeat center center / 100% 100%;
}
.mb75 {
margin-bottom: 75px;
}
.text-form-section {
padding: 65px 0 150px;
position: relative;
}
.tf-right {
padding-left: 6.694%;
}
.tf-right .single-form-hold:before {
top: -30px;
right: -30px;
width: 186px;
height: 186px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-in-top-right.svg) no-repeat center center / 100% 100%;
}
.orn-tf {
position: absolute;
bottom: 0;
left: 0;
}
.intro-ppc-demo-right {
padding-left: 7.5%;
}
.intro-simplest.intro-ppc-demo {
padding: 183px 0 166px;
margin-bottom: 110px;
z-index: 12;
}
.intro-ppc-demo-form-hold {
position: relative;
min-height: 1px;
}
.intro-ppc-demo-form-hold .single-form-hold {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
padding: 65px 12%;
}
.intro-ppc-demo-form-hold .single-form-hold {
color: #171717;
}
header.header-v2 {
padding: 86px 0 36px;
}
header.header-v2 .nav {
display: none;
}
header.header-v2 .header-cta {
display: none;
}
header.header-v2 .nav-trigger {
display: none;
}
header.header-v2.scrolled {
padding: 28px 0;
}
.trusted-sm-section .single-trust-list {
margin-top: 0px;
}
.trusted-sm-hold {
padding-right: 8%;
}
.cta-band-section {
margin-bottom: 92px;
}
.cta-band {
padding: 88px 9% 57px;
color: #fff;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.cta-band .section-label {
color: #fff;
}
.cta-band .title-72 {
margin-bottom: 35px;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
order: 0;
padding-right: 8.63%;
padding-left: 0%;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-right {
padding-right: 0%;
padding-left: 7.6%;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-im-left {
order: 2;
padding-right: 0%;
padding-left: 8.63%;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-im-right {
padding-right: 7.6%;
padding-left: 0%;
}
.sc-im-right .section-label {
margin-bottom: 16px;
}
.intro-ppc-demo-form-hold .single-form-hold:before {
top: -30px;
right: -30px;
width: 186px;
height: 186px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-in-top-right.svg) no-repeat center center / 100% 100%;
}
.stats-hold-left .title-72 {
margin-bottom: 40px;
}
.stats-hold-left {
padding-right: 8%;
}
.trusted-simple-section.has-light-bg {
background: #F7F7FB;
margin: 0;
padding: 80px 0 100px;
}
.rad-content-section {
margin-bottom: 70px;
}
.intro-ppc-demo-left {
padding-top: 34px;
}
.intro-rad-form-hold .single-form-hold:before {
top: -30px;
right: -30px;
width: 186px;
height: 186px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-in-top-right.svg) no-repeat center center / 100% 100%;
}
.intro-rad-right {
padding-left: 7.5%;
padding-top: 75px;
}
.intro-rad-form-hold {
position: relative;
min-height: 1px;
}
.intro-rad-form-hold .single-form-hold {
color: #171717;
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
padding: 65px 12%;
}
.rad-content {
padding-right: 1%;
}
.intro-simplest.intro-request-demo {
padding-bottom: 100px;
z-index: 100;
}
.intro-simplest.intro-request-demo .title-72:last-child {
padding-bottom: 0px;
}
.orn-intro-rad {
position: absolute;
left: 0;
bottom: -110px;
}
.footer-simplified .footer-nav-hold {
display: none;
}
.footer-simplified .newsletter-hold {
display: none;
}
.footer-simplified .footer-top .row + .row {
margin-top: -33px;
}
.footer-simplified .footer-top {
padding: 77px 0 72px;
}
.footer-simplified .footer-left {
opacity: 0;
visibility: hidden;
}
.footer-simplified .footer-top {
display: none;
}
.ty-intro-section {
min-height: calc(100vh - 43px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.orn-intro-contact {
position: absolute;
left: 0;
bottom: 0;
}
.contact-content-section {
margin-bottom: 110px;
}
.contact-form-hold .single-form-hold:before {
top: -30px;
right: -30px;
width: 186px;
height: 186px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-in-top-right.svg) no-repeat center center / 100% 100%;
}
.intro-simplest.intro-contact {
margin-bottom: 92px;
}
.contact-form-hold {
padding-left: 7.5%;
}
.contact-form-hold .single-form-hold {
margin-top: -300px;
}
.video-section.career-video-section {
padding: 120px 0;
}
.intro-lg-section.intro-lg-career {
margin-bottom: 0;
}
.content-list-section {
padding: 120px 0 30px;
background: #F7F7FB;
margin-bottom: 120px;
}
.cl-left {
padding-right: 8%;
}
.cl-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.cl-list ul li {
width: 46%;
min-width: 46%;
margin-bottom: 85px;
margin-right: 8%;
}
.cl-list ul li:nth-child(2n) {
margin-right: 0%;
}
.cl-item-icon {
height: 75px;
margin-bottom: 24px;
}
.cl-item-icon img {
max-height: 100%;
}
.cl-item-title {
font-weight: 500;
font-size: 24px;
line-height: 1.16;
margin-bottom: 15px;
}
.cl-item-text {
font-size: 18px;
line-height: 1.67;
letter-spacing: -0.05em;
}
.cl-right {
padding-top: 30px;
}
.blue-block-section {
margin-bottom: 120px;
}
.blue-block {
color: #fff;
padding: 104px 6.5% 94px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.blue-block .section-label {
color: #fff;
margin-bottom: 15px;
}
.blue-block .title-72 {
margin-bottom: 0;
}
.bb-link {
margin-top: 40px;
}
.bb-left {
padding-right: 20px;
}
.bb-right {
padding-left: 10%;
}
.wj-top {
margin-bottom: 110px;
padding-left: 3%;
}
.wj-top .title-72 {
margin-bottom: 0;
}
.wj-right {
padding-left: 3%;
}
.wj-left {
padding-right: 5%;
}
.wj-left .title-49 {
margin-bottom: 21px;
}
.why-join-section {
margin-bottom: 125px;
}
.blue-band-section {
color: #fff;
padding: 120px 0;
}
.blue-band-section .section-label {
color: #fff;
}
.blue-band-section .title-72 {
margin-bottom: 0;
}
.bbb-left {
padding-right: 20px;
}
.bbb-right {
padding-left: 8%;
}
.employee-testimonials-section {
background: #F7F7FB;
padding: 113px 0 155px;
}
.et-left .title-72 {
margin-bottom: 60px;
}
.et-carousel-item {
width: 456px;
background: #1F1F21;
color: #fff;
padding: 90px 70px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
position: relative;
height: 100%;
transition: background 0.2s;
}
.owl-item.active + .owl-item.active .et-carousel-item {
opacity: 0.5;
}
.et-carousel .owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 0;
right: 0;
bottom: -37px;
width: calc(100% - (100vw - 1240px) / 2);
}
.et-carousel .owl-dots.disabled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-carousel.owl-carousel button.owl-dot {
width: 100%;
background: #D1D1D1;
height: 7px;
}
.et-carousel.owl-carousel button.owl-dot.active { background: rgb(199,251,155); background: -moz-linear-gradient(left,  rgba(199,251,155,1) 0%, rgba(109,234,252,1) 50%, rgba(56,85,246,1) 100%); background: -webkit-linear-gradient(left,  rgba(199,251,155,1) 0%,rgba(109,234,252,1) 50%,rgba(56,85,246,1) 100%); background: linear-gradient(to right,  rgba(199,251,155,1) 0%,rgba(109,234,252,1) 50%,rgba(56,85,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7fb9b', endColorstr='#3855f6',GradientType=1 ); }
.et-left {
padding-right: 5%;
}
.et-carousel-item-text {
font-weight: 500;
font-size: 24px;
line-height: 1.33;
margin-bottom: 30px;
}
.et-carousel-item-author {
font-weight: 700;
font-size: 18px;
line-height: 1.33;
}
.et-carousel-item-author span {
display: block;
font-weight: 500;
}
.et-carousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-carousel-hold {
width: calc(100% + (100vw - 1240px) / 2);
}
.logo-intro {
margin-bottom: 20px;
}
.logo-intro img {
max-height: 103px;
}
.intro-csd .intro-lg-label {
margin-bottom: 12px;
}
.intro-csd-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.intro-lg-image-section.intro-csd {
margin-bottom: 132px;
}
.csd-stats-section .stats-hold-left .title-72 {
margin-bottom: 20px;
}
.csd-stats-section .why-stats-left {
color: #5D6282;
}
.csd-stats-section .why-stats-right {
color: #5D6282;
}
.csd-stats-section .why-stats ul li {
border-bottom: 1px solid rgba(93,98,130,0.75);
}
.text-page-intro {
padding: 210px 0 0;
margin-bottom: 85px;
position: relative;
}
.text-page-intro .title-72 {
margin-bottom: 5px;
}
.orn-intro-text {
position: absolute;
top: 113px;
right: 0;
}
.text-page-section {
margin-bottom: 120px;
}
.intro-simplest.intro-wd {
padding-top: 177px;
padding-bottom: 70px;
}
.intro-wd .intro-lg-label {
margin-bottom: 29px;
}
.intro-wd .title-72 {
margin-bottom: 15px;
}
.orn-intro-wd {
position: absolute;
bottom: 0;
right: 0;
}
.wd-featured-section .archive-featured {
padding-left: 0;
}
.wd-featured-section .af-left {
width: 51%;
padding-right: 5px;
}
.wd-featured-section .af-right {
width: 49%;
padding-left: 10%;
padding-top: 30px;
padding-bottom: 30px;
}
.af-image:before {
content: '';
position: absolute;
width: 150px;
height: 149px;
left: -20px;
bottom: -19px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-sticky-img.svg) no-repeat center center / 100% 100%;
}
.orn-intro-about {
position: absolute;
bottom: 0;
right: 0;
}
.intro-about .intro-lgi-image:before {
display: none;
}
.intro-about .intro-lgi-left {
padding-right: 6%;
}
.ic-left {
padding-right: 8.63%;
}
.ic-image {
padding-bottom: 94.15%;
}
.ic-image img {
z-index: 5;
}
.ic-image:before {
content: '';
position: absolute;
width: 149px;
height: 148px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-outside.svg) no-repeat center center / 100% 100%;
bottom: -18px;
left: -20px;
}
.intro-lg-image-section.intro-about {
margin-bottom: 110px;
}
.image-content-section {
margin-bottom: 136px;
}
.ic-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.why-stats-section.about-stats-section {
padding-top: 120px;
}
.about-stats-section .title-72 {
margin-bottom: 60px;
}
.why-stats-section.about-stats-section .title-49 {
margin-bottom: 30px;
}
.about-stats-left {
padding-right: 40px;
}
.about-stats-section .why-stats ul li {
margin-bottom: 50px;
}
.history-carousel-item {
width: 372px;
padding: 36px 49px 40px;
background: #fff;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
position: relative;
}
.history-carousel-item:before {
content: '';
position: absolute;
left: 0;
bottom: -65px;
height: 1px;
width: calc(100% + 163px);
background: #ADAFC4;
}
.history-carousel-item:after {
content: '';
position: absolute;
left: -16px;
width: 33px;
height: 33px;
bottom: -80px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/circle-grad.svg) no-repeat center center / 100% 100%;
}
.history-section .title-72 {
margin-bottom: 80px;
}
.hci-date {
font-size: 18px;
line-height: 1.67;
letter-spacing: -0.02em;
margin-bottom: 11px;
}
.hci-title {
font-weight: 500;
font-size: 24px;
line-height: 1.16;
margin-bottom: 14px;
}
.hci-title:last-child {
margin-bottom: 0px;
}
.hci-text {
font-weight: 500;
font-size: 18px;
line-height: 1.67;
}
.history-carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}
.history-carousel.owl-carousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.history-section {
margin-bottom: 160px;
}
.history-carousel-hold {
padding-bottom: 250px;
}
.history-carousel.owl-carousel .owl-nav button.owl-next, 
.history-carousel.owl-carousel .owl-nav button.owl-prev {
position: absolute;
width: 105px;
height: 105px;
bottom: -250px;
}
.history-carousel.owl-carousel .owl-nav button.owl-next span, 
.history-carousel.owl-carousel .owl-nav button.owl-prev span {
display: none;
}
.history-carousel.owl-carousel .owl-nav button.owl-prev {
background: #fff url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/slide-prev.svg) no-repeat center center;
left: 0;
}
.history-carousel.owl-carousel .owl-nav button.owl-next {
background: #fff url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/slide-next.svg) no-repeat center center;
left: 118px;
}
.history-carousel .owl-dots {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 295px;
right: 0;
bottom: -200px;
}
.history-carousel .owl-dots.disabled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.history-carousel.owl-carousel button.owl-dot {
width: 100%;
background: #D1D1D1;
height: 7px;
}
.history-carousel.owl-carousel button.owl-dot.active { background: rgb(199,251,155); background: -moz-linear-gradient(left,  rgba(199,251,155,1) 0%, rgba(109,234,252,1) 50%, rgba(56,85,246,1) 100%); background: -webkit-linear-gradient(left,  rgba(199,251,155,1) 0%,rgba(109,234,252,1) 50%,rgba(56,85,246,1) 100%); background: linear-gradient(to right,  rgba(199,251,155,1) 0%,rgba(109,234,252,1) 50%,rgba(56,85,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7fb9b', endColorstr='#3855f6',GradientType=1 ); }
.leadership-grid ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.leadership-grid ul li {
width: 20.162%;
min-width:  20.162%;
margin-right: 6.45%;
margin-bottom: 55px;
}
.leadership-grid ul li:nth-child(4n) {
margin-right: 0%;
}
.leadership-image {
padding-bottom: 100%;
margin-bottom: 30px;
}
.leadership-image img {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.leadership-name {
font-weight: 500;
font-size: 24px;
line-height: 1.16;
margin-bottom: 14px;
}
.leadership-name span {
display: block;
padding-top: 2px;
font-weight: 400;
font-size: 18px;
line-height: 1.2;
letter-spacing: -0.05em;
}
.link-plus,
.link-plus:focus,
.link-plus:active {
display: inline-block;
font-weight: 700;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #2E56FF;
padding-right: 28px;
position: relative;
}
.link-plus:after {
content: '';
position: absolute;
top: 3px;
transform: rotate(0deg);
right: 0;
width: 14px;
height: 13px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/link-plus.svg) no-repeat center center / 100% 100%;
transition: 0.2s;
}
.link-plus:hover {
color: #2E56FF;
}
.link-plus:hover:after {
transform: rotate(90deg);
}
.leadership-section {
position: relative;
}
.leadership-section .title-72 {
margin-bottom: 108px;
}
.orn-company {
position: absolute;
top: -115px;
left: 0;
}
.bg-light.bg-light-about {
padding-top: 125px;
padding-bottom: 65px;
margin-bottom: 100px;
}
.itp-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.itp-left {
padding-right: 8%;
}
.itp-right .fr-list ul li {
margin-bottom: 20px;
}
.itp-right .fr-list ul li:last-child,
.itp-right .fr-list ul li:nth-last-child(2) {
margin-bottom: 0px;
}
.itp-right .fr-list ul li a {
min-height: 250px;
}
.itp-right .fr-list ul li:nth-child(1) a,
.itp-right .fr-list ul li:nth-child(4) a {
background: #232323;
}
.fr-list-title span {
display: block;
font-weight: 400;
font-size: 18px;
line-height: 1.67;
letter-spacing: -0.02em;
padding-bottom: 11px;
min-height: 41px;
}
.itp-right {
padding-left: 10px;
}
.in-the-press-section {
margin-bottom: 110px;
}
.cf-hold {
padding-left: 9%;
}
.cf-left {
padding-right: 5%;
}
.cf-right {
padding-left: 2.5%;
}
.cf-left .entry {
border-bottom: 1px solid #000000;
margin-bottom: 65px;
padding-bottom: 60px;
}
.cf-left .entry:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
.content-form-section {
margin-bottom: 130px;
}
.cf-right .single-form-hold .title-49 {
margin-bottom: 26px;
}
.orn-pricing-form {
position: absolute !important;
right: -33px;
bottom: -34px;
z-index: -1!important;
}
.content-image-black-section {
margin-bottom: 80px;
padding: 137px 0 128px;
background: #171717;
color: #fff;
}
.cib-image {
padding-bottom: 94.54%;
}
.cib-left {
padding-right: 8%;
}
.cib-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.content-image-black-section .section-label {
color: #FFFFFF;
opacity: 0.7;
}
.cib-image img {
z-index: 5;
}
.cib-image:before {
content: '';
position: absolute;
top: -19px;
right: -19px;
width: 149px;
height: 148px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-pricing.svg) no-repeat center center / 100% 100%;
}
.cib-image:after {
content: '';
position: absolute;
bottom: -23px;
left: -19px;
width: 149px;
height: 148px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-pricing.svg) no-repeat center center / 100% 100%;
}
.cn-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.calc-note-section {
padding: 80px 0 95px;
background: #F7F7FB;
margin-bottom: 90px;
}
.cn-left {
padding-right: 7.688%;
}
.cn-left img {
border-radius: 10px;
}
.cn-right {
padding-left: 3%;
}
.cn-link {
margin-top: 30px;
}
.orn-intro-integrations {
position: absolute;
right: 0;
bottom: 0;
}
.intro-simplest.intro-integrations {
margin-bottom: 120px;
}
.intro-simplest.intro-integrations .orn-intro-simplests-sm {
bottom: -95px;
}
.inline-filter-list {
margin-bottom: 25px;
}
.inline-filter-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.inline-filter-list ul li {
margin-right: 10px;
margin-bottom: 6px;
}
.inline-filter-list ul li:last-child {
margin-right: 0px;
}
.inline-filter-list ul li input {
display: none;
}
.inline-filter-list ul li label {
font-size: 18px;
line-height: 1.56;
text-align: center;
color: rgba(0, 0, 0, 0.5);
background: #F7F7FB;
padding: 5px 24px 3px;
border-radius: 20px;
margin: 0;
transition: 0.2s;
}
.inline-filter-list ul li input:checked + label {
color: #2E56FF;
}
.grid-of-three.integrations-list > ul > li a {
padding-top: 40px;
padding-bottom: 48px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
text-align: center;
}
.integration-item-logo {
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
}
.integration-item-logo img {
max-height: 100%;
}
.testimonial-section-v2 {
padding: 110px 0;
color: #fff;
}
.testimonial-section-v2-hold {
padding-left: 80px;
position: relative;
}
.testimonial-section-v2-hold:before {
content: '“';
position: absolute;
top: 4px;
left: 0px;
font-size: 72px;
line-height: 1;
letter-spacing: -0.03em;
}
.text-29 {
font-weight: 500;
font-size: 29px;
line-height: 1.17;
letter-spacing: -0.03em;
}
.testimonial-section-v2-hold .text-29 {
margin-bottom: 80px;
}
.testimonial-section-v2-hold .ts-logo {
padding-right: 20px;
}
.testimonial-section-v2-hold .ts-right {
padding-left: 0px;
}
.reveal-overlay {
background: rgba(31,31,33,0.96);
}
.reveal.reveal-bio {
border: none;
outline: none;
width: calc(100% - 40px);
max-width: 1230px;
background-color: #fff;
padding: 86px 6.6%;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.reveal-bio-hold {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.reveal-bio-left {
width: 250px;
}
.reveal-bio-image {
background: #D9D9D9;
padding-bottom: 100%;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.reveal-bio-image img {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.reveal-bio-right {
width: calc(100% - 250px);
padding-left: 65px;
}
.reveal-bio-right .entry p {
font-weight: 500;
}
.close-button {
right: 25px;
top: 25px;
width: 66px;
height: 67px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/icon-close.svg) no-repeat center center / 100% 100%;
transition: 0.2s;
}
.close-button:hover {
opacity: 0.7;
}
.item-text {
font-weight: 400;
font-size: 18px;
line-height: 1.67;
letter-spacing: 0.01em;
color: #1F1F21;
margin-top: 16px;
max-height: 90px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.blog-filtering {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.search-right {
width: 280px;
}
.blog-filtering .filter-box-list-option-1 {
width: calc(100% - 280px);
padding-right: 40px;
}
.blog-filtering.inline-filter-list ul li label {
padding-left: 15px;
padding-right: 15px;
}
.search-right.filter-input {
margin-bottom: 6px;
}
.orn-intro-blog {
position: absolute;
left: 0;
bottom: -129px;
}
.orn-intro-blog img {
position: relative;
z-index: 5;
}
.orn-intro-blog:before {
content: '';
position: absolute;
top: 63px;
left: 0;
height: 75px;
width: 64px;
background: #1E1E1E;
background: #030416;
background: #2a2a2a;
}
.intro-blog:before  {
display: none;
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 100%;
left: 0;
width: 100px; background: -moz-linear-gradient(left,  rgba(3,4,22,1) 0%, rgba(3,4,22,1) 27%, rgba(3,4,22,1) 30%, rgba(3,4,22,0) 100%); background: -webkit-linear-gradient(left,  rgba(3,4,22,1) 0%,rgba(3,4,22,1) 27%,rgba(3,4,22,1) 30%,rgba(3,4,22,0) 100%); background: linear-gradient(to right,  rgba(3,4,22,1) 0%,rgba(3,4,22,1) 27%,rgba(3,4,22,1) 30%,rgba(3,4,22,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030416', endColorstr='#00030416',GradientType=1 ); z-index: 2;
}
.af-headline.af-blog-headline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.archive-featured-blog-section .af-image:before {
width: 149px;
height: 148px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-outside.svg) no-repeat center center / 100% 100%;
}
.in-the-press-section .fr-list-title div {
max-height: 115px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.reg-form-hold .input [type=color], 
.reg-form-hold .input [type=date],
.reg-form-hold .input [type=datetime-local],
.reg-form-hold .input [type=datetime], 
.reg-form-hold .input [type=email], 
.reg-form-hold .input [type=month], 
.reg-form-hold .input [type=number], 
.reg-form-hold .input [type=password], 
.reg-form-hold .input [type=search], 
.reg-form-hold .input [type=tel], 
.reg-form-hold .input [type=text], 
.reg-form-hold .input [type=time], 
.reg-form-hold .input [type=url], 
.reg-form-hold .input [type=week] {
border: none;
outline: none;
margin: 0;
box-shadow: none;
background: #FFFFFF;
height: 58px;
padding: 2px 20px;
color: #1F1F21;
font-size: 18px;
letter-spacing: -0.05em;
}
.reg-form-hold .input textarea {
border: none;
outline: none;
margin: 0;
box-shadow: none;
background: #FFFFFF;
height:185px;
padding: 20px 20px;
color: #1F1F21;
resize: none;
font-size: 18px;
letter-spacing: -0.05em;
}
.reg-form-hold textarea::-webkit-input-placeholder,
.reg-form-hold input::-webkit-input-placeholder {
color: #1F1F21;
opacity: 1;
}
.reg-form-hold textarea::-moz-placeholder,
.reg-form-hold input::-moz-placeholder {
color: #1F1F21;
opacity: 1;
}
.reg-form-hold textarea:-ms-input-placeholder,
.reg-form-hold input:-ms-input-placeholder {
color: #1F1F21;
opacity: 1;
}
.reg-form-hold textarea:-moz-placeholder,
.reg-form-hold input:-moz-placeholder {
color: #1F1F21;
opacity: 1;
}
.reg-form-hold .hs-form-field > label {
display: none;
}
.reg-form-hold .hs-form-field {
margin-bottom: 20px;
}
.reg-form-hold .hs-submit { }
.reg-form-hold .hs-error-msg {
font-size: 14px;
color: #FF1E8C;
}
.reg-form-hold .hs_error_rollup label {
font-size: 14px;
color: #FF1E8C;
}
.trusted-sm-section {
pointer-events: none;
}
.hs-submit .hs-button,
.hs-submit .hs-button:focus,
.hs-submit .hs-button:active {
font-weight: 700;
outline: none;
border: none;
display: inline-block;
box-shadow: none;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFFFFF;
background: #161616;
padding: 20px 50px;
min-width: 174px;
text-align: center;
transition: 0.2s;
}
.hs-submit .hs-button:hover {
background: #112EFF;
color: #fff;
}
.stay-updated-right .hs-submit .hs-button,
.stay-updated-right .hs-submit .hs-button:focus,
.stay-updated-right .hs-submit .hs-button:active {
background: #2E56FF;
padding: 20px 33px;
height: auto;
min-width: 1px;
position: absolute;
top: 0;
right: 0;
}
.stay-updated-right .hs-submit .hs-button:hover {
background: #161616;
color: #fff;
}
.stay-updated-right .hs-form-field > label {
display: none;
}
.video-left {
position: relative;
} 
.video-left:before {
content: '';
position: absolute;
right: calc(100% - 125px);
bottom: -60px;
width: 310px;
height: 377px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-video2.svg) no-repeat center center / 100% 100%;
} 
.video-cover {
position: relative;
z-index: 5;
}
.page-template-tp-industry_detail .video-left:before,
.page-template-tp-use_case_detail .video-left:before {
display: none;
}
.newsletter input[type=email],
.newsletter input[type=email]:focus {
background: transparent;
box-shadow: none;
outline: none;
border: none;
border-bottom: 1px solid #FFFFFF;
padding: 2px 0;
color: #fff;
height: 40px;
padding-right: 25px;
font-size: 18px;
letter-spacing: -0.02em;
margin: 0;
}
.newsletter input::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.newsletter input::-moz-placeholder {
color: #fff;
opacity: 1;
}
.newsletter input:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.newsletter input:-moz-placeholder {
color: #fff;
opacity: 1;
}
.newsletter {
position: relative;
}
.newsletter .hs-form-field > label {
display: none;
}
.newsletter .hs-error-msg {
font-size: 12px;
color: rgba(255,255,255,0.5);
font-weight: 300;
}
.newsletter .hs-main-font-element {
font-size: 12px;
color: rgba(255,255,255,0.5);
font-weight: 300;
}
.newsletter .hs-main-font-element.submitted-message {
font-size: 16px;
color: #fff;
}
.newsletter-hold label {
color: #fff;
}
.newsletter .hs-submit .hs-button, 
.newsletter .hs-submit .hs-button:focus, 
.newsletter .hs-submit .hs-button:active {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 40px;
min-width: 1px;
padding: 0;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
color: transparent!important;
}
.newsletter .hs-submit .hs-button:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.newsletter .hs-submit .hs-button:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-green.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.newsletter .hs-submit .hs-button:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.newsletter .hs-submit .hs-button:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.logo {
transform: translateY(-80px);
transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.logo.close {
transform: translateY(0px);
}
.nav ul li {
transform: translateY(-80px);
transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.nav ul li:nth-child(2) {
transition-delay: 0.05s;
}
.nav ul li:nth-child(3) {
transition-delay: 0.1s;
}
.nav ul li:nth-child(4) {
transition-delay: 0.25s;
}
.nav ul li:nth-child(5) {
transition-delay: 0.3s;
}
.nav.close ul li {
transform: translateY(0px);
}
.header-cta {
transform: translateY(-80px);
transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.header-cta.close {
transform: translateY(0px);
}
.ia-image img {
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.ia-image img.active {
opacity: 1;
visibility: visible;
transition: 0.4s 0.3s;
}
.hw-breads {
position: absolute;
top: 5px;
left: 0;
line-height: 1;
}
.hw-breads:before {
content: '';
position: absolute;
top: 1px;
left: 6px;
bottom: 10px;
width: 1px;
background: #ADAFC3;
}
.hw-breads ul li {
margin-bottom: 10px;
}
.hw-breads ul li:last-child {
margin-bottom: 0px;
}
.hw-breads ul li span {
display: inline-block;
position: relative;
z-index: 5;
width: 13px;
height: 13px;
background: #65677B;
border-radius: 50%;
}
.home-why-fixed-item-1 .hw-breads ul li:nth-child(1) span {
background: #B8FD8E;
}
.home-why-fixed-item-2 .hw-breads ul li:nth-child(2) span {
background: #B8FD8E;
}
.home-why-fixed-item-3 .hw-breads ul li:nth-child(3) span {
background: #B8FD8E;
}
.post-type-archive-press .af-left .af-image:before {
width: 149px;
height: 148px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-outside.svg) no-repeat center center / 100% 100%;
} 
.intro-video-hold {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.intro-video-hold video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
}
.ty-intro-section {
background: #1F1F21;
padding: 100px 0 96px;
color: #fff;
}
.ty-intro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.ty-image {
width: 104.84%;
margin-left: -8%;
}
.footer-logo img {
max-width: 200px;
}
.intro-roi-section {
background: #1E1E1E;
padding: 155px 0 100px;
min-height: 440px;
color: #fff;
z-index: 55;
}
.intro-roi-right {
min-height: 1px;
padding-left: 6%;
}
.intro-roi-calc-hold {
position: relative;
}
.intro-roi-calc-hold:before {
content: '';
position: absolute;
width: 268px;
height: 319px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-intro-roi.svg) no-repeat center center / 100% 100%;
top: -36px;
left: calc(100% - 155px);
}
.intro-roi-calc {
position: absolute;
z-index: 5;
left: 0;
right: 0;
width: 100%;
background: #fff;
color: #000;
padding: 50px 58px 40px;
border-radius: 10px;
}
.roi-content-section {
background: #F7F7FB;
padding: 72px 0 90px;
min-height: 625px;
}
.roi-content-hold {
padding-left: 5%;
}
.industries-acc-section + .cta-section {
margin-top: -30px;
}
.page-template-tp-contact .entry h2 a {
color: #000;
pointer-events: none;
}
.rangeslider,
.rangeslider__fill {
display: block;
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.rangeslider {
background: #e6e6e6;
position: relative;
}
.rangeslider--horizontal {
height: 20px;
width: 100%;
}
.rangeslider--vertical {
width: 20px;
min-height: 150px;
max-height: 100%;
}
.rangeslider--disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}
.rangeslider__fill {
background: #00ff00;
position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
top: 0;
height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
bottom: 0;
width: 100%;
}
.rangeslider__handle {
background: white;
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
width: 40px;
height: 40px;
position: absolute;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.rangeslider__handle:after {
content: "";
display: block;
width: 18px;
height: 18px;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
top: -10px;
touch-action: pan-y;
-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
left: -10px;
touch-action: pan-x;
-ms-touch-action: pan-x;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.steps-wrap { margin-bottom: 35px;
margin-left: -40px;
width: calc(100% + 80px);
}
.steps-wrap ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.steps-wrap ul:before {
content: '';
position: absolute;
left: 12%;
right: 12%;
width: 76%;
height: 1px;
background:  #ADAFC4;
}
.steps-wrap ul li {
width: 100%;
position: relative;
text-align: center;
font-size: 15px;
line-height: 2;
text-align: center;
letter-spacing: -0.05em;
color: rgba(31,31,33,0.5);
padding-top: 14px;
}
.steps-wrap ul li:before {
content: '';
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
width: 13px;
height: 13px;
border-radius: 50%;
background: #D5D5D9;
}
.steps-wrap ul li.progress {
color: #1F1F21;
}
.steps-wrap ul li.progress:before {
background: #2E56FF;
}
.steps-wrap ul li.progress + li.progress:after {
content: '';
position: absolute;
right: 50%;
top: 0;
width: 100%;
height: 1px;
background: #2E56FF;
}
.steps-wrap .progress {
background-color: transparent;
height: auto;
margin-bottom: 0;
}
.roi-step .intro {
font-size: 24px;
line-height: 1.25;
margin-bottom: 40px;
}
.roi-step .intro strong {
font-weight: 400;
}
.range-row { }
.range-row .top {
padding-right: 140px;
margin-bottom: -39px;
}
.range-row .top .title {
font-weight: 500;
font-size: 24px;
}
.range-row .range-value #field-monthly_call_volume,
.range-row .range-value #field-monthly_call_volume:focus {
border: none;
background: #F7F7FB;
height: 43px;
font-weight: 500;
outline: none;
padding: 2px 16px;
text-align: right;
font-size: 24px;
width: 165px;
box-shadow: none;
color: rgba(0,0,0,0.5);
margin-bottom: 0;
}
.range-row .range-value #field-average_handle_time,
.range-row .range-value #field-average_handle_time:focus {
border: none;
background: #F7F7FB;
height: 43px;
font-weight: 500;
outline: none;
padding: 2px 56px;
text-align: right;
font-size: 24px;
width: 165px;
box-shadow: none;
color: rgba(0,0,0,0.5);
margin-bottom: 0;
-moz-appearance: textfield;
}
.range-row .range-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: relative;
}
.roi-step span.info {
font-size: 15px;
line-height: 1.47;
color: #1F1F21;
display: block;
padding-left: 33px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/calc-note.svg) no-repeat top left;
margin-bottom: 40px;
}
.roi-step .rangeslider--horizontal {
height: 1px;
margin-bottom: 25px;
}
.roi-step .rangeslider__fill {
background: #2E56FF;
}
.roi-step .rangeslider__handle {
width: 24px;
height: 24px;
background: #2E56FF;
border: none;
outline: none;
box-shadow: none;
}
.roi-step .rangeslider__handle:after {
display: none;
}
.roi-step .info-popup {
position: absolute;
right: 0;
bottom: calc(100% + 18px);
background: #fff;
border: 1px solid #ADAFC3;
border-radius: 8px;
padding: 16px 50px 16px 16px;
font-size: 14px;
line-height: 1.2;
color: #1F1F21;
width: 100%;
max-width: 351px; z-index: 10;
}
.roi-step .rangeslider {
margin-top: 32px;
}
.roi-step .rangeslider--horizontal .rangeslider__handle {
top: -11px;
}
.roi-step .info-popup .close {
position: absolute;
right: 22px;
top: 12px;
font-size: 12px;
width: 15px;
height: 15px;
color: #1F1F21;
font-size: 25px;
}
.roi-step .info-popup .close:before {
content: '\00D7'
}
.roi-step .range-value .min {
position: absolute;
line-height: 1;
right: 11px;
top: 9px;
font-size: 24px;
color: rgba(63,60,61,.7);
color: rgba(0,0,0,0.5);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
.roi-step .foot a {
font-weight: 700;
font-size: 18px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #2E56FF;
}
.roi-step .foot a.disabled {
filter: grayscale(1);
opacity: 0.5;
}
.roi-step .foot a.prev {
color: #65677B;
float: left;
padding-left: 28px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/calc-prev.svg) no-repeat top left;
}
.roi-step .assumptions .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 30px;
}
.roi-step .assumptions strong {
font-weight: 500;
font-size: 24px;
line-height: 1.2;
}
.roi-step .assumptions span {
font-size: 15px;
line-height: 1.47;
color: #1F1F21;
}
.roi-step .assumptions-content .slide {
display: none;
padding-left: 64px;
padding-top: 20px;
}
.roi-step .assumptions-content .slide ul {
padding: 0;
margin: 0;
}
.roi-step .assumptions-content > ul > li {
border-bottom: 1px solid #000000;
padding-bottom: 40px;
margin-bottom: 40px;
}
.roi-step .assumptions-content > ul > li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.roi-step .assumptions-content ul li a {
font-weight: 400;
font-size: 24px;
line-height: 1.2;
color: #000000;
display: inline-block;
padding-left: 64px;
position: relative;
}
.roi-step .assumptions-content ul li a:before {
content: '';
position: absolute;
width: 42px;
height: 42px;
left: 0;
top: -9px;
background: rgba(31,31,33,0.2);
transition: 0.2s;
}
.roi-step .assumptions-content ul li a:after {
content: '';
position: absolute;
width: 42px;
height: 42px;
left: 0;
top: -9px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/calc-check.svg) no-repeat center center;
opacity: 0;
}
.roi-step .assumptions-content ul li a.active:before {
background: #2E56FF;
}
.roi-step .assumptions-content ul li a.active:after {
opacity: 1;
}
.roi-step .field-relative {
position: relative;
}
.roi-step .input-lists li {
margin-bottom: 22px;
}
.roi-step .input-lists li:last-child {
margin-bottom: 0px;
}
.roi-step .input-lists li label {
font-size: 20px;
}
.roi-step .input-lists input,
.roi-step .input-lists input:focus {
border: none;
background: #F7F7FB;
height: 43px;
font-weight: 500;
outline: none;
padding: 2px 16px;
font-size: 24px;
width: 100%;
box-shadow: none;
color: rgba(0,0,0,0.5);
margin-bottom: 0;
}
.roi-step .input-lists .field-relative input,
.roi-step .input-lists .field-relative input:focus {
padding-left: 34px;
}
.roi-step .input-lists .field-relative .field-sign-dollar {
position: absolute;
font-size: 24px;
color: rgba(0,0,0,0.5);
top: 4px;
left: 16px;
}
.foot .btn.btn-purple {
float: right;
padding-right: 28px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/calc-next.svg) no-repeat top right;
}
.roi-step .input-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.roi-step .input-row .input-col {
width: calc(50% - 10px);
min-width: calc(50% - 10px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.roi-step .input-row .input-col label {
order: 2;
font-size: 15px;
line-height: 1.47;
color: #1F1F21;
}
.roi-step .input-row .input-col input,
.roi-step .input-row .input-col input:focus {
font-weight: 400;
font-size: 24px;
height: 43px;
padding: 0;
box-shadow: none;
margin: 0;
outline: none;
border: none;
border-bottom: 1px solid #000;
color: rgba(0,0,0,0.5);
margin-bottom: 10px;
}
.roi-step .input-row .input-col input.error,
.roi-step .input-row .input-col input.error:focus {
border-color: #ef9a9a;
}
.roi-step .input-row:nth-child(4) .input-col {
width: 100%;
min-width: 100%;
}
.roi-step#step-2 .foot {
margin-top: 70px;
}
.roi-step#step-3 .foot {
margin-top: 40px;
}
.roi-result-content .top h2 {
font-weight: 700;
font-size: 24px;
line-height: 1.25;
color: #000000;
margin-bottom: 20px;
}
.roi-result-content .top {
position: relative;
}
.roi-result-content .top .actions { display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.roi-result-content .top .actions li {
margin-right: 30px;
}
.roi-result-content .top .actions li:last-child {
margin-right: 0px;
}
.roi-result-content .top .actions li a.download {
font-weight: 700;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #2E56FF;
padding-right: 26px;
position: relative;
}
.roi-result-content .top .actions li a.download:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-blue.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.roi-result-content .top .actions li a.download:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-blue.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.roi-result-content .top .actions li a.download:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.roi-result-content .top .actions li a.download:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.roi-result-content .top .actions li a.share {
font-weight: 700;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #ADAFC4;
}
.roi-result-content .tabs {
background: transparent;
border: none;
margin-bottom: 35px;
}
.roi-result-content .tabs-title {
margin-right: 15px;
}
.roi-result-content .tabs-title:last-child {
margin-right: 0px;
}
.roi-result-content .tabs-title>a {
font-weight: 400;
font-size: 18px;
line-height: 1.56;
text-align: center;
color: #000000;
background: #F7F7FB;
padding: 5px 10px 4px;
min-width: 106px;
border-radius: 40px;
}
.roi-result-content .tabs-title>a:hover {
background: transparent;
}
.roi-result-content .tabs-title>a:focus, 
.roi-result-content .tabs-title>a[aria-selected=true] {
background: #2E56FF;
color: #fff;
}
.roi-result-content .tabs-content {
background: transparent;
border: none;
margin-bottom: 10px;
}
.roi-result-content .tabs-panel {
padding: 0;
}
.roi-result-content .print-preview {
display: none;
}
.roi-result-content .row {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
margin: -10px;
width: calc(100% + 20px);
}
.roi-result-content .row .col.half {
width: 50%;
}
.roi-result-content .row .col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
width: 100%;
padding: 10px;
}
.roi-result-content .tabcontent .box {
width: 100%;
background: #F7F7FB;
border-radius: 0px;
padding: 16px 20px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.roi-result-content .tabcontent .box-title {
width: 100%;
display: block;
font-size: 15px;
line-height: 1.214;
color: #1F1F21;
margin-bottom: 12px;
font-weight: 400;
}
.roi-result-content .tabcontent .data {
display: block;
font-size: 24px;
line-height: 1.2;
color: #000;
font-weight: 400;
width: 100%;
}
.roi-result-content .row+.row {
padding-top: 10px;
}
.roi-result-content .tabcontent .data-col {
flex: 1;
}
.roi-result-content .tabcontent .down, .roi-result-content .tabcontent .up {
display: block;
padding-left: 28px;
font-size: 18px;
line-height: 1.2;
color: #2E56FF;
font-weight: 400;
margin-top: 10px;
position: relative;
}
.roi-result-content .tabcontent .down:before {
content: "\2193";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
font-size: 25px;
}
.roi-result-content .tabcontent .up:before {
content: "\2191";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
font-size: 25px;
}
.roi-result-content .tabcontent .graphic-col {
width: 44%;
text-align: center;
}
.savings-chart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
width: 100%;
font-size: 12px;
line-height: 1;
padding-bottom: 24px;
padding-top: 15px;
position: relative;
overflow: hidden;
}
.savings-chart .y-axis {
width: 105px;
}
.savings-chart .y-axis ul {
text-align: right;
color: #767676;
}
.savings-chart .y-axis ul li {
position: relative;
padding-right: 16px;
background: #F7F7FB;
font-size: 18px;
color: #000000;
opacity: 0.75;
}
.savings-chart .y-axis ul li:before {
content: "";
position: absolute;
top: 50%; left: 100%;
right: -9999px;
height: 1px;
background: rgba(101,103,123,0.5); }
.savings-chart .x-axis {
flex: 1;
}
.savings-chart .x-axis ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 -12px;
padding: 0 24px 8px;
width: calc(100% + 28px);
}
.savings-chart .x-axis ul li {
padding: 0 12px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-ms-flex-line-pack: end;
-webkit-align-content: flex-end;
align-content: flex-end;
position: relative;
}
.savings-chart .x-axis ul .d-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
background: #2E56FF;
}
.savings-chart .x-axis ul .index {
position: absolute;
left: 0;
right: 0;
top: 100%;
text-align: center;
padding-top: 12px;
width: 100%;
font-size: 18px;
text-align: center;
color: #000;
opacity: 0.75;
font-weight: 400;
}
.roi-result-content .btm {
padding-top: 40px;
font-size: 18px;
}
.savings-chart .x-axis ul .d-data {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
padding: 4px 2px;
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: #fff;
}
.savings-chart .y-axis ul li+li {
margin-top: 44px;
}
.roi-result-content .btm p {
margin-bottom: 16px;
}
.btn-black,
.btn-black:focus,
.btn-black:active {
display: inline-block;
background: #161616;
outline: none;
border: none;
font-weight: 700;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFF;
padding: 22px 30px 16px;
text-align: center;
transition: 0.2s;
}
.btn-black:hover {
background: #2E56FF;
color: #FFF;
}
.roi-result-content .btm .btn-black,
.roi-result-content .btm .btn-black:focus,
.roi-result-content .btm .btn-black:active {
min-width: 100%;
}
.entry ul.entered-data-list li span.data {
display: block;
font-weight: 700;
}
.entry ul.entered-data-list li {
padding-left: 0;
margin-bottom: 30px;
}
.entry ul.entered-data-list li:last-child {
margin-bottom: 0px;
}
.entry ul.entered-data-list li li {
margin-bottom: 20px;
}
.entry ul.entered-data-list li li:last-child {
margin-bottom: 0px;
}
.entry ul.entered-data-list li:before {
display: none;
}
.entered-data-list .sub-list {
margin: 0;
margin-top: 12px;
}
.page-template-tp-features .sc-it-image:before,
.page-template-tp-features .sc-it-image:after {
display: none;
}
.page-template-tp-how_it_works .sc-it-image:before,
.page-template-tp-how_it_works .sc-it-image:after {
display: none;
}
.page-template-tp-why .sc-it-image:before,
.page-template-tp-why .sc-it-image:after {
display: none;
}
.intro-simplest.intro-integrations {
background: #1E1E1E;
}
.intro-simplest.intro-single {
background: #000;
}
.single-resource .intro-simplest {
background: #1E1E1E;
}
.post-type-archive-watchdemo .intro-simplest {
background: #000;
}
.post-type-archive-press .intro-simplest {
background: #000;
}
.post-type-archive-resource .intro-simplest {
background: #000;
}
.fr-top .fr-list ul li:last-child .link-white, 
.fr-top .fr-list ul li:last-child .link-white:focus, 
.fr-top .fr-list ul li:last-child .link-white:active {
color: #000;
}
.fr-top .fr-list ul li:last-child .link-white:before {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-black.svg) no-repeat center center;
}
.fr-top .fr-list ul li:last-child .link-white:after {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-black.svg) no-repeat center center;
}
.page-template-tp-compare .intro-simplest {
background: #000;
}
.intro-simplest.intro-blog {
background: #000;
}
.intro-simplest.intro-blog .orn-intro-blog:before {
background: #000;
}
.page-template-tp-contact .intro-simplest {
background: #000;
}
.resource-template-resource-webinar .intro-simplest {
background: #000;
}
.resource-template-resource-webinar .orn-intro-single-guide-left:before {
background: #000;
}
.reveal-roi {
padding: 100px 55px 60px;
width: 640px;
border: none;
}
.reveal-roi h1 {
font-weight: 500;
font-size: 36px;
line-height: 1.06;
letter-spacing: -0.03em;
margin-bottom: 40px;
}
.reveal-roi h2 {
text-align: center;
font-weight: 500;
font-size: 36px;
line-height: 1.06;
letter-spacing: -0.03em;
margin-bottom: 40px;
}
.reveal-roi .highlight p {
font-size: 24px;
line-height: 1.25;
margin-bottom: 40px;
}
.reveal-roi p {
font-size: 18px;
line-height: 1.67;
margin-bottom: 30px;
}
.reveal-roi .btn-wrap a {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #2E56FF;
position: relative;
transition: 0.3s;
}
.reveal-roi .btn-wrap a:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-blue.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.reveal-roi .btn-wrap a:hover  {
color: #1F1F21;
}
.reveal-roi .btn-wrap a:after  {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-black.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.reveal-roi .btn-wrap a:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.reveal-roi .btn-wrap a:hover:after  {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.roi-share-input input,
.roi-share-input input:focus {
outline: none;
box-shadow: none;
margin: 0;
border: 1px solid rgba(101,103,123,0.5);
height: 50px;
margin-bottom: 20px;
}
.roi-share-input span {
outline: none;
border: none;
background: transparent;
display: inline-block;
padding-right: 26px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #2E56FF;
cursor: pointer;
position: relative;
transition: 0.3s;
}
.roi-share-input span:before {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-blue.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 1;
transform: translate(0px, 0px);
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity 0.65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.roi-share-input span:after {
content: '';
position: absolute;
width: 13px;
height: 14px;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-top-right-black.svg) no-repeat center center;
right: 0;
top: 2px;
opacity: 0;
transform: translate(-15px, 15px);
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.roi-share-input span:hover {
color: #1F1F21;
}
.roi-share-input span:hover:before {
transform: translate(15px, -15px);
opacity: 0;
transition: transform .65s cubic-bezier(.475,.425,0,.995), opacity .65s cubic-bezier(.475,.425,0,.995);
}
.roi-share-input span:hover:after {
transform: translate(0px, 0px);
opacity: 1;
transition: transform .65s 0.2s cubic-bezier(.475,.425,0,.995), opacity .65s 0.2s cubic-bezier(.475,.425,0,.995);
}
.page-template-tp-features-detail .intro-lg-image-section {
background: #000;
padding-bottom: 120px;
}
.orn-features-detail {
position: absolute;
right: 0;
bottom: 0;
}
.orn-features-detail:after {
content: '';
position: absolute;
top: -1px;
height: 3px;
left: 0;
right: 0;
width: 100%;
background: #000;
z-index: 2;
}
.blog .af-image {
min-height: 1px;
padding-bottom: 62.5%;
}
.post-type-archive-press .af-image {
min-height: 1px;
padding-bottom: 62.5%;
}
.remove-brandmarks .sc-it-image:before,
.remove-brandmarks .sc-it-image:after {
display: none !important;
}
.orn-ty {
position: absolute;
right: 0;
bottom: 0;
}
.orn-intro-single-event:after {
content: '';
position: absolute;
top: 0;
left: -1px;
bottom: 0;
width: 3px;
height: 100%;
background: #000;
}
.vid-hold {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.vid-hold iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.features-benefits-list.benefits-no-brand-marks .sc-it-image:before,
.features-benefits-list.benefits-no-brand-marks .sc-it-image:after {
display: none !important;
}
.resource-template-resource-event .orn-intro-single-event:after {
background: #1E1E1E;
}
.archive-resolve-top {
margin-bottom: 50px;
}
.archive-resolve-top .title-72 {
margin-bottom: 15px;
}
.archive-resolve-top .text-18 {
max-width: 712px;
}
.intro-logo {
margin-bottom: 20px;
}
.intro-logo img {
max-height: 60px;
}
.intro-simplest.intro-resolve {
background: #000000;
padding: 142px 0 50px;
position: relative;
overflow: hidden;
}
.intro-resolve video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
min-width: 100%;
}
.resolve-featured-section .archive-featured {
padding-left: 0;
padding-right: 5%;
}
.reveal.reveal-resolve {
padding: 40px 0 0;
border: none;
outline: none;
width: calc(100% - 50px);
max-width: 1070px;
background: transparent;
color: #fff;
}
.reveal-resolve-bg {
padding: 87px 20px 50px;
background: #000;
}
.resolve-carousel-item {
padding: 30px 30px 0;
}
.resolve-carousel-video {
padding-bottom: 56.25%;
position: relative;
margin-bottom: 60px;
}
.resolve-carousel-video:before,
.resolve-carousel-video:after {
content: '';
position: absolute;
width: 150px;
height: 149px;
}
.resolve-carousel-video:before {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-sticky-img.svg) no-repeat center center / 100% 100%;
left: -30px;
bottom: -30px;
}
.resolve-carousel-video:after {
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/orn-corner-diff.svg) no-repeat center center / 100% 100%;
right: -30px;
top: -30px;
}
.resolve-carousel-video iframe {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.resolve-carousel-content {
padding: 0 75px;
}
.resolve-carousel-content .item-label {
color: #F2F2F2;
margin-bottom: 10px;
}
.resolve-carousel-content .title-49 {
margin-bottom: 10px;
}
.resolve-carousel-content .text-18 {
color: #F2F2F2;
letter-spacing: 0.01em;
font-weight: 400;
}
.reveal-resolve .close-button {
top: 0px;
right: -10px;
width: 40px;
height: 40px;
z-index: 5;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/close-resolve.svg) no-repeat center center;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next, 
.resolve-carousel.owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: -40px;
font-weight: 600;
font-size: 18px;
line-height: 1.33;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #B8FD8E;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next span, 
.resolve-carousel.owl-carousel .owl-nav button.owl-prev span {
display: inline-block;
position: relative;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next span strong, 
.resolve-carousel.owl-carousel .owl-nav button.owl-prev span strong {
font-weight: 600;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next span:before, 
.resolve-carousel.owl-carousel .owl-nav button.owl-prev span:before {
content: '';
position: absolute;
width: 18px;
height: 19px;
top: -1px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-prev span:before {
left: 0;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-left-green.svg) no-repeat center center;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next span:before {
right: 0;
background: url(https://metodo.me/treebyte/wp-content/themes/treebyte/assets/images/arrow-right-green.svg) no-repeat center center;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-prev span {
padding-left: 29px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next span {
padding-right: 29px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-prev {
left: 30px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next {
right: 30px;
}
.video-cover.no-play-button a:after {
display: none;
}
.resolve-featured-section .vid-hold {
position: relative;
padding-bottom:  56.25%;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
}
.nl-carousel-item {
width: 249px;
min-height: 249px;
background: #F7F7FB;
border-top-left-radius: 10px;
border-bottom-right-radius: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nl-carousel-item img {
max-width: 75%;
max-height: 75%;
}
.n-logo-carousel-hold {
position: relative;
}
.n-logo-carousel-hold:before,
.n-logo-carousel-hold:after {
content: '';
position: absolute;
top: -5px;
bottom: -5px;
height: calc(100% + 10px);
width: 128px;
z-index: 10;
pointer-events: none;
}
.n-logo-carousel-hold:before {
left: -1px; background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }
.n-logo-carousel-hold:after {
right: -1px; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
@media only screen and (min-width: 1921px) {
.intro-video-hold video {
min-width: 100%;
}
}
@media only screen and (max-width: 1720px) {
.t-carousel-item {
width: 390px;
padding: 51px 50px 108px 50px;
}
}
@media only screen and (max-width: 1600px) {
.t-carousel-item {
width: 456px;
padding: 51px 80px 108px 60px;
}
}
@media only screen and (max-width: 1500px) {
.intro-detail-use-case + .video-section .video-hold {
padding-left: 10%;
}
}
@media only screen and (max-width: 1400px) {
.roi-content-hold {
padding-left: 8%;
}
.sc-im-hold {
padding-left: 20px;
}
.sticky-fake-nav {
left: 20px;
}
header.header-v2 {
padding: 36px 0 36px;
}
.intro-simplest.intro-ppc-demo {
padding: 180px 0 166px;
}
.intro-resolve video {
width: auto;
max-height: 110%;
}
}
@media only screen and (max-width: 1300px) {
.cn-right {
padding-left: 1%;
}
.why-stats-section.about-stats-section {
padding-bottom: 120px;
}
.about-stats-right {
width: 50%;
}
.about-stats-left {
width: 100%;
padding-right: 15%;
margin-bottom: 50px;
}
.about-stats-left:last-child {
margin-bottom: 0px;
}
.et-carousel .owl-dots {
width: calc(100% - 30px);
}
.et-carousel-hold {
width: calc(100% + 30px);
}
.orn-intro-contact {
left: -50px;
}
.orn-intro-rad {
left: -110px;
}
.vertical-carousel.owl-carousel {
width: 560px;
margin-top: -180px;
}
.integrations-carousel-grid {
min-height: 560px;
}
.integrations-section .row {
max-width: 1180px;
}
.sc-im-hold {
padding-left: 30px;
}
.row.row-full {
padding-left: 25px;
padding-right: 25px;
}
.footer-nav-grid {
margin-right: 45px;
}
.features-benefits-list .sc-im-hold {
padding-left: 0px;
}
.orn-fd-about {
left: -50px;
}
.intro-cd-left {
padding-right: 3%;
}
}
@media only screen and (max-width: 1199px) {
.resolve-featured-section .archive-featured {
padding-right: 0;
}
.intro-resolve video {
max-height: 100%;
}
.page-template-tp-features-detail .intro-lg-image-section {
padding-bottom: 90px;
}
.orn-features-detail {
width: 55%;
}
.savings-chart .x-axis ul .d-data {
font-size: 13px;
font-weight: 400;
}
.savings-chart .x-axis ul li {
padding: 0px 8px;
}
.intro-roi-calc {
padding: 50px 40px 40px;
}
.footer-nav-hold {
width: calc(100% - 200px);
padding-left: 6%;
}
.footer-left {
width: 200px;
}
.intro-simplest.intro-ppc-demo {
margin-bottom: 160px;
}
.intro-ppc-demo-form-hold .single-form-hold {
padding: 65px 10%;
}
.hiw-left {
padding-right: 5%;
}    
.blog-filtering .filter-box-list-option-1 {
width: calc(100% - 250px);
padding-right: 30px;
}
.search-right {
width: 250px;
}
.archive-featured-section {
margin-bottom: 120px;
}
.intro-simplest.intro-integrations {
margin-bottom: 100px;
}
.intro-lg-section {
min-height: 10px;
}
.content-image-black-section {
padding: 110px 0;
}
.content-form-section {
margin-bottom: 100px;
}
.history-carousel-item {
width: 360px;
padding: 30px 40px 35px;
}
.itp-left {
padding-right: 5%;
}
.itp-right {
padding-left: 0;
}
.leadership-name {
font-size: 20px;
}
.leadership-name span {
font-size: 16px;
}
.leadership-grid ul li {
width: 22%;
min-width: 22%;
margin-right: 4%;
}
.about-stats-left {
padding-right: 0;
}
.image-content-section {
margin-bottom: 110px;
}
.orn-intro-wd {
width: 50%;
}
.logo-intro img {
max-height: 80px;
}
.bbb-left {
margin-bottom: 30px;
}
.blue-band-section {
padding: 85px 0;
}
.et-carousel-item-text {
font-size: 20px;
}
.et-carousel-item-author {
font-size: 16px;
}
.wj-left {
padding-right: 3%;
}
.wj-top {
margin-bottom: 80px;
}
.content-list-section {
padding: 120px 0 50px;
}
.cl-list ul li {
margin-bottom: 60px;
}
.cl-item-text {
font-size: 16px;
}
.cl-item-title {
font-size: 20px;
}
.et-carousel-item {
width: 420px;
padding: 50px 40px 60px;
}
.intro-rad-right {
padding-left: 6%;
padding-top: 30px;
}
.rad-content {
padding-right: 0;
}
.trusted-sm-hold {
padding-right: 4%;
}
.tf-right {
padding-left: 4%;
}
.intro-cd-right {
padding-left: 3%;
}
.intro-cd-logos ul li img {
max-width: 180px;
}
.integrations-right:before, .integrations-right:after {
height: 100px;
}
.integrations-carousel-grid {
min-height: 480px;
margin-top: -154px;
}
.vertical-carousel.owl-carousel {
width: 480px;
}
.integrations-section .row {
max-width: 1024px;
}
.integrations-link {
margin-top: 35px;
}
.integrations-hold .title-72 {
margin-bottom: 20px;
}
.security-link {
margin-top: 35px;
}
.security-hold .title-72 {
margin-bottom: 20px;
}
.security-right {
padding-left: 0;
}
.security-hold {
padding: 90px 6%;
}
.wa-items.wa-items-2 {
padding: 80px 4%;
}
.sticky-oposite .sc-im-right {
padding-right: 6%;
}
.sticky-oposite .sc-im-left {
padding-left: 6%;
}
.ail-text {
font-size: 16px;
}
.ail-title {
font-size: 20px;
}
.about-icons-list ul li {
width: 30%;
min-width: 30%;
margin-right: 5%;
}
.features-about-section.features-detail-about-section .why-about-hold {
padding-left: 6%;
padding-right: 6%;
}
.about-icons-list {
padding-left: 6%;
padding-right: 6%;
}
.features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-right {
padding-right: 6%;
}
.features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
padding-left: 6%;
}
.uca-list ul li {
width: 45%;
min-width: 45%;
margin-right: 10%;
margin-bottom: 60px;
}
.uca-list ul li:nth-child(3n) {
margin-right: 10%;
}
.uca-list ul li:nth-child(2n) {
margin-right: 0;
}
.intro-lgi-right {
padding-left: 5%;
}
.orn-intro-id {
left: -80px;
}
.uca-list ul li {
font-size: 20px;
}
.sc-im-tabs {
margin-top: 30px;
margin-bottom: 15px;
}
.sc-im-tabs .tabs-title>a {
font-size: 16px;
}
.sc-im-acc {
margin-top: 20px;
margin-bottom: 15px;
}
.sc-im-acc .accordion-title {
padding: 12px 30px 12px 0;
}
.ia-acc-text {
width: calc(100% - 230px);
font-size: 16px;
}
.ia-acc-title {
font-size: 24px;
width: 230px;
}
.ia-acc ul li {
padding-top: 20px;
padding-bottom: 20px;
}
.sc-im-right {
padding-left: 6%;
}
.sc-im-left {
padding-right: 6%;
}
.intro-lg-section {
padding: 170px 0 120px;
margin-bottom: 120px;
}
.intro-lg-label {
font-size: 20px;
margin-bottom: 30px;
}
.sc-im-content h3 {
font-size: 42px;
}
.orn-intro-single-webinar {
width: 400px;
}
.intro-single-webinar-info ul li.intro-single-webinar-text {
max-width: 400px;
}
.intro-single-event-top {
margin-bottom: 40px;
}
.orn-intro-single-event {
width: 460px;
}
.single-speaker-content-name span {
font-size: 14px;
}
.single-speaker-content-name {
font-size: 16px;
}
.single-speaker-content {
padding-left: 20px;
padding-right: 15px;
}
.single-event-content-section .sgc-left {
padding-right: 2%;
}
.entry h2 {
font-size: 42px;
}
.sgc-left {
padding-right: 3%;
}
.isg-image {
width: 160%;
}
.title-56 {
font-size: 48px;
}
.single-content-middle {
width: calc(100% - 50px - 260px);
padding-right: 50px;
}
.single-content-left {
width: 50px;
}
.filter-box-list ul li label:after {
top: 5px;
}
.filter-box-list ul li label:before {
top: 5px;
}
.filter-box-list ul li label {
font-size: 16px;
}
.filter-input input, .filter-input input:focus {
font-size: 16px;
}
.filter-box span {
font-size: 16px;
}
.af-link {
margin-top: 30px;
}
.af-text {
font-size: 16px;
margin-top: 20px;
max-height: 107px;
}
.af-headline {
font-size: 20px;
margin-bottom: 20px;
}
.resources-filter-grid > ul > li {
width: calc(25% - 15px);
min-width: calc(25% - 15px);
margin-right: 20px;
}
.resources-filter-grid {
padding: 20px 30px 30px;
}
.item-link {
padding-left: 25px;
padding-right: 25px;
}
.item-content {
padding-left: 25px;
padding-right: 25px;
}
.press-archive-list ul li a {
padding: 50px 30px 100px;
}
.af-right {
padding-left: 5%;
}
.archive-featured {
padding-left: 5%;
}
.title-49 {
font-size: 42px;
}
.orn-home-why {
width: 360px;
}
.notification a:after {
margin-bottom: -4px;
}
.notification {
font-size: 20px;
}
.orn-home-intro {
right: -10%;
bottom: -38px;
width: 530px;
}
.footer-bottom {
font-size: 14px;
}
.footer-nav-grid {
margin-right: 35px;
}
.footer-logo {
width: 160px;
}
.newsletter-hold {
width: 200px;
}
.newsletter input[type=email], 
.newsletter input[type=email]:focus {
font-size: 16px;
}
.footer-nav ul li {
margin-bottom: 10px;
}
.footer-nav ul li a {
font-size: 16px;
}
.footer-nav-title {
font-size: 16px;
}
.footer-nav-grid {
max-width: 135px;
}
.cta-left {
padding-right: 5%;
}
.cta-right {
padding-left: 7%;
}
.fr-list-title {
font-size: 20px;
}
.awards-list-2 {
padding-top: 10px;
}
.awards-list ul li img {
max-width: 150px;
}
.t-carousel-item {
width: 420px;
padding: 50px 40px 100px 40px;
}
.testimonails-right .title-72 {
margin-bottom: 30px;
}
.t-nav {
width: 80px;
height: 80px;
}
.t-carousel-item-author {
font-size: 16px;
}
.t-carousel-item-logo {
margin-bottom: 30px;
}
.t-carousel-item-text {
font-size: 20px;
margin-bottom: 30px;
}
.stats-item-right {
width: 140px;
font-size: 20px;
}
.stats-item-left span {
font-size: 30px;
}
.stats-item-left {
font-size: 80px;
}
.hw-image-hold { padding-right: 30px;
}
.home-why-fixed-hold:before {
top: -60px;
}
.text-18 {
font-size: 16px;
}
.hw-content-hold {
padding-left: 40px;
}
.hw-text {
margin-bottom: 22px;
}
.home-why-fixed-item .section-label {
margin-bottom: 22px;
}    
.home-why-fixed-item .title-72 {
margin-bottom: 30px;
}
.hiw-right .text-18 {
margin-bottom: 30px;
}
.link-white, .link-white:focus, .link-white:active {
font-size: 16px;
}
.link-black, .link-black:focus, .link-black:active {
font-size: 16px;
}
.hiw-hold {
padding: 80px 7% 70px;
}
.title-102 {
font-size: 80px;
}
.link-pink-to-white, .link-pink-to-white:focus, .link-pink-to-white:active {
font-size: 16px;
}
.link-pink-to-black, .link-pink-to-black:focus, .link-pink-to-black:active {
font-size: 16px;
}
.section-label {
font-size: 20px;
margin-bottom: 20px;
}
.title-72 {
font-size: 56px;
}
.trusted-list ul li {
min-height: 195px;
}
.nav > ul > li a {
font-size: 16px;
}
.nav > ul > li {
margin-right: 30px;
}
.link-green-underline, .link-green-underline:focus, .link-green-underline:active {
font-size: 16px;
}
.link-pink-underline, .link-pink-underline:focus, .link-pink-underline:active {
font-size: 16px;
}
.title-123 {
font-size: 100px;
}
.trusted-section {
padding: 60px 0px;
}
.video-section {
padding: 75px 0 120px;
}
.home-why-section {
padding: 120px 0 0;
}
.home-why-section-top {
margin-bottom: 140px;
}
.hiw-section {
padding: 110px 0;
}
.stats-section {
padding: 60px 0;
}
.featured-resources-section {
padding: 110px 0 120px;
}
.industries-acc-section {
padding: 120px 0 130px;
}
.why-solution-section.features-benefits-section {
padding-bottom: 150px;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-im-left {
padding-left: 6%;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-im-right {
padding-right: 6%;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
padding-right: 6%;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-right {
padding-left: 6%;
}
.intro-lg-image-section.intro-csd {
margin-bottom: 110px;
}
.history-carousel-item:before {
width: calc(100% + 100px);
}
.text-29 {
font-size: 26px;
}
}
@media only screen and (min-width: 1024px) {
.mob-nav-hold {
display: none !important;
}
}
@media only screen and (max-width: 1023px) {
.nl-carousel-item {
width: 200px;
min-height: 200px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next {
right: 20px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-prev {
left: 20px;
}
.resolve-carousel-item {
padding: 20px 20px 0;
}
.resolve-carousel-video:before, 
.resolve-carousel-video:after {
width: 120px;
height: 120px;
}
.resolve-carousel-video:before {
left: -20px;
bottom: -20px;
}
.resolve-carousel-video:after {
right: -20px;
top: -20px;
}
.resolve-carousel-content {
padding: 0 25px;
}
.reveal-resolve-bg {
padding: 87px 20px 50px;
}
.intro-resolve video {
left: 30%;
}
.reveal-roi {
padding: 75px 55px 60px;
}
.intro-roi-calc {
padding: 50px 50px 80px;
}
.newsletter-hold {
margin-top: 0;
margin-bottom: 0;
order: 3;
}
.footer-left {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 70px;
}
.footer-top .row + .row .socials {
margin-top: 0px;
}
.single-roi-calculator .orn-intro-single-guide-left {
display: none;
}
.intro-roi-right {
margin-top: 40px;
}
.roi-content-hold {
padding-left: 0;
}
.roi-content-section {
padding: 160px 0 80px;
min-height: 1px;
}
.intro-roi-section {
padding: 155px 0 0px;
min-height: 1px;
}
.page-template-tp-roi_calculator .orn-intro-single-guide-left {
display: none;
}
.intro-roi-calc {
position: relative;
left: auto;
right: auto;
margin-bottom: -80px;
}
.intro-roi-right {
padding-left: 0;
}
.ty-image {
width: 100%;
margin-left: 0;
margin-top: 40px;
}
.intro-simplest.intro-ppc-demo {
margin-bottom: 90px;
}
.stay-updated-left {
margin-bottom: 40px;
}
.hiw-right {
padding-left: 0%;
}
.hiw-left {
padding-right: 0;
margin-bottom: 30px;
}
.hw-content-hold .text-18 {
opacity: 0;
transform: translateY(40px);
transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
transition-delay: 0.15s;
}
.video-section {
padding: 75px 0 90px;
}
.item-logo {
font-size: 16px;
}
.item-date {
font-size: 16px;
}
.search-right {
width: calc(50% - 10px);
}
.blog-filtering .filter-box-list-option-1 {
width: 100%;
padding-right: 0;
}
.close-button {
right: 22px;
top: 22px;
width: 33px;
height: 33px;
}
.reveal-bio-left {
width: 220px;
}
.reveal-bio-right {
padding-left: 35px;
width: calc(100% - 220px);
}
.reveal.reveal-bio {
padding: 70px 30px;
}
.orn-intro-integrations {
width: 50%;
}
.testimonial-section-v2-hold .text-29 {
margin-bottom: 60px;
}
.testimonial-section-v2-hold {
padding-left: 60px;
}
.cn-left {
padding: 0 6.825%;
margin-bottom: 50px;
}
.cib-right {
padding-right: 10%;
padding-left: 10%;
margin-bottom: 50px;
}
.cib-left {
padding-right: 0%;
order: 2;
}
.cf-right {
padding-left: 0;
}
.cf-left .entry {
margin-bottom: 60px;
padding-bottom: 30px;
}
.cf-left {
padding-right: 0;
margin-bottom: 30px;
}
.cf-hold {
padding-left: 11%;
}
.orn-company {
top: -310px;
}
.history-section { }
.leadership-section .title-72 {
margin-bottom: 60px;
}
.itp-left {
padding-right: 0;
margin-bottom: 50px;
}
.leadership-grid ul li {
width: 31%;
min-width:  31%;
margin-right: 3.5%;
}
.leadership-grid ul li:nth-child(4n) {
margin-right: 3.5%;
}
.leadership-grid ul li:nth-child(3n) {
margin-right: 0%;
}
.history-carousel-item {
width: 340px;
}
.history-carousel-item:before {
width: calc(100% + 60px);
}
.history-section .title-72 {
margin-bottom: 50px;
}
.hci-date {
font-size: 16px;
}
.hci-text {
font-size: 16px;
}
.hci-title {
font-size: 20px;
}
.about-stats-right {
width: 80%;
}
.ic-left {
padding-right: 10%;
padding-left: 10%;
margin-bottom: 50px;
}
.intro-about .intro-lgi-left {
padding-right: 20%;
}
.archive-featured-section {
margin-bottom: 110px;
}
.orn-intro-wd {
right: -100px;
}
.wd-featured-section .af-right {
width: 49%;
padding-left: 4%;
padding-top: 0;
padding-bottom: 0;
}    
.resources-filter-grid.two-filters > ul > li {
width: calc(50% - 10px);
min-width: calc(50% - 10px);
margin-right: 20px;
}
.resources-filter-grid.two-filters > ul > li:nth-child(2n) {
margin-right: 0px;
}
.resources-filter-grid.two-filters > ul > li:first-child {
width: calc(50% - 10px);
min-width: calc(50% - 10px);
margin-bottom: 0px;
}
.orn-intro-text {
top: 80px;
right: -30px;
}
.intro-lg-image-section.intro-csd {
margin-bottom: 100px;
}
.bbb-left {
padding-right: 0px;
margin-bottom: 50px;
}
.bbb-right {
padding-top: 0;
padding-left: 0;
}
.et-left {
padding-right: 0;
margin-bottom: 50px;
}
.et-left .title-72 {
margin-bottom: 30px;
}
.wj-right {
padding-left: 0;
}
.wj-left {
padding-right: 0;
margin-bottom: 30px;
}
.wj-top {
padding-left: 0;
margin-bottom: 50px;
}
.bb-right {
padding-left: 0;
}
.bb-left {
padding-right: 0px;
margin-bottom: 40px;
}
.cl-right {
padding-top: 0;
}
.cl-left {
padding-right: 0;
margin-bottom: 60px;
}
.video-section.career-video-section {
padding: 100px 0;
}
.et-carousel-item {
width: 460px;
padding: 50px 60px 60px 60px;
}
.contact-content-section {
margin-bottom: 90px;
}
.contact-form-hold .single-form-hold {
margin-top: -200px;
}
.contact-form-hold {
padding-left: 0%;
padding-right: 0%;
margin-bottom: 80px;
}
.footer-simplified .footer-top .row + .row {
margin-top: -30px;
}
.orn-intro-rad {
left: 0;
bottom: -64px;
}
.intro-rad-left {
margin-bottom: 20px;    
}
.intro-rad-right {
padding-left: 10%;
padding-top: 0;
padding-right: 10%;
}
.intro-rad-form-hold .single-form-hold {
position: relative;
left: auto;
right: auto;
top: auto;
}
.intro-ppc-demo-left {
padding-top: 0;
}
.stats-hold-left {
padding-right: 0%;
margin-bottom: 70px;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-right {
padding-left: 0;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
padding-right: 10%;
padding-left: 10%;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-im-right {
padding-right: 0;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-im-left {
padding-left: 10%;
order: 0;
padding-right: 10%;
}
.intro-simplest.intro-ppc-demo {
padding: 170px 0 90px;
}
.intro-ppc-demo-right {
padding-left: 10%;
padding-right: 10%;
}
.intro-ppc-demo-left {
margin-bottom: 50px;
}
.intro-ppc-demo-form-hold .single-form-hold {
position: relative;
left: auto;
right: auto;
top: auto;
}
.tf-left {
margin-bottom: 20px;
}
.text-form-section {
padding: 50px 0 110px;
}
.tf-right {
padding-left: 0;
}
.diff-section {
padding: 95px 0 110px;
}
.diff-table table tbody td {
font-size: 16px;
padding: 7px 15px;
}
.diff-table table thead th {
padding: 0 15px 25px;
}
.diff-hold {
margin-bottom: 70px;
}
.diff-right {
padding-left: 0;
}
.intro-cd-right {
padding-left: 0;
}
.intro-cd-left {
padding-right: 0;
margin-bottom: 50px;
}
.competitor-title {
font-size: 20px;
}
.wbc-list ul li {
width: 30%;
min-width: 30%;
margin-right: 5%;
}
.wbc-text {
font-size: 16px;
}
.wbc-title {
font-size: 20px;
}
.competitors-list ul li {
width: calc(50% - 10px);
min-width: calc(50% - 10px);
margin-right: 20px;
margin-bottom: 20px;
}
.competitors-list ul li:nth-child(3n) {
margin-right: 20px;
}
.competitors-list ul li:nth-child(2n) {
margin-right: 0px;
}
.integrations-section .row {
max-width: 768px;
}
.integrations-left {
padding-right: 0;
margin-bottom: 50px;
}
.integrations-carousel-grid {
min-height: 700px;
}
.vertical-carousel.owl-carousel {
width: 700px;
margin-top: -227px;
}
.subnav-simple-hold .subnav-nav {
padding: 0;
}
.subnav-title {
margin-bottom: 18px;
}
.subnav-right {
padding: 0;
margin-top: 20px;
}
.subnav.subnav-double .subnav-left {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.security-left {
padding-right: 10%;
padding-left: 10%;
margin-bottom: 50px;
}
.wa-items.wa-items-2 {
padding: 70px 0%;
}
.hiw-about-section .wa-right {
padding-left: 0%;
}
.hiw-about-section .wa-left {
padding-right: 0%;
}
.hiw-about-section .why-about-hold {
padding-left: 12%;
padding-right: 0%;
}
.hiw-about-section .wa-left {
padding-right: 3%;
}
.why-solution-section.features-benefits-section {
padding-bottom: 120px;
}
.features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-right {
padding-right: 0%;
}
.features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
padding-left: 10%;
padding-right: 10%;
}
.features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
order: 0;
}
.features-about-section.features-detail-about-section {
padding-top: 100px;
}
.features-about-section.features-detail-about-section .why-about-hold {
padding-left: 0;
padding-right: 0;
}
.about-icons-list ul li:nth-child(3n), .about-icons-list ul li:last-child {
margin-right: auto;
}
.features-about-section.features-detail-about-section .why-about-hold {
margin-bottom: 75px;
}
.about-icons-list ul {
display: block;
}
.about-icons-list ul li {
width: 70%;
min-width: 70%;
margin-right: auto;
margin-left: auto;
text-align: center;
margin-bottom: 50px;
}
.about-icons-list ul li:last-child {
margin-bottom: 0px;
}
.ail-icon-hold {
margin-bottom: 30px;
}
.ail-icon {
margin: 0 auto;
}
.intro-lg-image-section.intro-detail-use-case {
padding-bottom: 120px;
}
.intro-lgi-right {
padding-left: 10%;
padding-right: 10%; }
.intro-lgi-left {
padding-top: 0;
margin-bottom: 50px; }
.orn-intro-id {
display: none;
}
.features-sticky-section {
padding: 100px 0;
}
.features-sticky-section:before {
width: 100%;
}
.ts-logo {
margin-bottom: 30px;
}
.sticky-content-item {
pointer-events: all;
}
.sc-im-content-button {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.sc-im-acc {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.sc-im-tabs {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.ia-image:after {
width: 126px;
height: 135px;
left: -65px;
bottom: -64px;
}
.ia-left {
padding-right: 10%;
padding-left: 10%;
margin-bottom: 90px;
}
.why-stats-right {
font-size: 18px;
padding-bottom: 6px;
}
.why-stats-left span {
font-size: 72px;
}
.why-stats-left {
font-size: 30px;
}
.why-stats ul li {
width: 320px;
min-width: 320px;
padding-bottom: 15px;
}
.sc-im-hold {
padding-left: 0;
}
.sc-im-right {
padding-left: 0;
}
.sc-im-left {
padding-left: 10%;
padding-right: 10%;
margin-bottom: 50px;
}
.why-solution-section .title-72 {
margin-bottom: 80px;
}
.sc-im-content h3,
.sc-im-content p {
opacity: 1;
visibility: visible;
transform: translateY(00px);
}
.sc-it-image {
opacity: 1;
visibility: visible;
}
.sticky-content-item {
padding-top: 0;
top: auto;
position: relative;
left: auto;
right: auto;
min-height: 1px;
margin-bottom: 70px;
}
.sticky-content-item:last-child {
margin-bottom: 0px;
}
.wa-right {
padding-left: 3%;
padding-top: 0px;
}
.wa-left {
padding-right: 3%;
}
.why-about-hold {
padding-left: 12%;
padding-right: 3%;
}
.why-stats-left span {
color: #2E56FF;
background: none;
text-fill-color: unset;
-webkit-text-fill-color: unset;
}
.why-stats ul li:nth-child(2n) .why-stats-left span {
color: #2E56FF;
background: none;
text-fill-color: unset;
-webkit-text-fill-color: unset;
}
.intro-single-webinar-info ul li {
margin-bottom: 20px;
}
.intro-single-webinar-info ul li:last-child {
margin-bottom: 0px;
}
.single-event-content-section .sgc-left {
padding-right: 0;
}
.single-speaker-content-name span {
font-size: 16px;
}
.single-speaker-content-name {
font-size: 18px;
}
.orn-intro-single-event {
right: -115px;
width: 330px;
}
.title-56 {
font-size: 42px;
}
.isg-image {
width: 100%;
margin-left: 0;
text-align: center;
}
.isg-left {
margin-bottom: 50px;
}
.single-guide-content {
padding-right: 40px;
}
.sgc-right {
padding-left: 0;
}
.sgc-left {
padding-right: 0;
margin-bottom: 50px;
}
.intro-simplest.intro-single {
padding-top: 160px;
}    
.orn-intro-single {
width: 220px;
}
.entry ol li {
font-size: 16px;
}
.entry ul li:before {
top: 8px;
}
.entry ul li {
font-size: 16px;
padding-left: 24px;
}
.entry h5 {
font-size: 20px;
}
.entry h4 {
font-size: 24px;
}
.entry h3 {
font-size: 28px;
}
.entry h2 {
font-size: 32px;
}
.entry p {
font-size: 16px;
margin-bottom: 24px;
}
.single-content-middle {
width: calc(100% - 28px - 200px);
padding-right: 30px;
}
.sidebar-title {
font-size: 20px;
margin-bottom: 20px;
}
.sidebar-headline {
font-size: 16px;
}
.sidebar-content {
padding: 20px 20px 25px;
}
.single-content-sidebar {
width: 200px;
}
.single-content-left {
width: 28px;
}
.grid-of-three.tablet-three > ul > li:nth-child(3) {
display: none;
}
.resources-filter-grid > ul > li {
width: calc(33.333% - 14px);
min-width: calc(33.333% - 14px);
margin-right: 21px;
}
.resources-filter-grid > ul > li:first-child {
width: 100%;
min-width: 100%;
margin-bottom: 20px;
}
.grid-of-three > ul > li {
width: calc(50% - 20px);
min-width: calc(50% - 20px);
}
.stay-updated-left {
padding-right: 10%;
}
.press-archive-list ul li {
width: calc(50% - 10px);
min-width: calc(50% - 10px);
margin-right: 20px;
}
.press-archive-list ul li:nth-child(3n) {
margin-right: 20px;
}
.press-archive-list ul li:nth-child(2n) {
margin-right: 0px;
}
.af-right {
padding-left: 3%;
}
.title-49 {
font-size: 36px;
}    
.archive-featured {
padding-left: 0;
}
.orn-intro-simplests-sm {
bottom: -30px;
width: 120px;
}
.orn-intro-simplest {
width: 70%;
}
.title-123 strong {
color: #B8FD8E;
background: none;
text-fill-color: unset;
-webkit-text-fill-color: unset;
}
.intro-error {
padding-top: 100px;
padding-bottom: 80px;
}
.orn-error-intro {
width: 500px;
}
.subnav-hold {
position: relative;
top: auto;
left: auto;
transform: translateX(0%);
opacity: 1;
visibility: visible;
padding-top: 6px;
padding-bottom: 30px;
display: none;
transition: 0s;
}
.subnav {
background: transparent;
box-shadow: none;
border-radius: 0;
display: block;
}
.subnav-left {
width: 100%;
min-width: 100%;
padding: 0;
}
.subnav-nav ul li {
margin-bottom: 11px;
}
.orn-home-why {
width: 260px;
}
.orn-home-intro {
display: none;
}
.footer-bottom {
padding: 30px 0;
}
.footer-sec-nav {
width: 100%;
}
.footer-sec-nav ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.copyrights {
width: 100%;
min-width: 100%;
margin-bottom: 20px;
text-align: center;
}
.footer-top .row + .row {
display: block;
margin-top: 50px;
}
.footer-nav-grid { }
.footer-top {
padding: 90px 0 50px;
}
.footer-nav-hold {
padding-left: 0;
width: 100%;
min-width: 100%;
margin-bottom: 50px;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.footer-logo {
width: 30%;
min-width: 30%;
margin-bottom: 0px;
}
.t-carousel-item {
width: 460px;
padding: 50px 60px 100px 60px;
}
.orn-cta-right {
display: none;
}
.title-72 {
font-size: 48px;
}
.fr-last {
margin-top: 20px;
}
.fr-right {
padding-left: 0;
}
.fr-top-left {
margin-bottom: 47px;
}
.fr-left {
padding-right: 0;
}
.fr-top .title-72 {
margin-bottom: 22px;
}
.awards-list-2 {
padding-top: 30px;
}
.testimonails-left:after {
display: none;
}
.testimonails-right {
padding-left: 0px;
margin-bottom: 47px;
} 
.testimonails-left {
order: 2;
padding-right: 0;
}
.testimonials-section {
padding: 60px 0;
}
.stats-left {
margin-bottom: 97px;
}
.stats-items {
max-width: 400px;
}
.hiw-hold {
padding: 70px 6%;
}
.title-102 {
font-size: 62px;
}
.title-123 {
font-size: 80px; }
.intro-ttc-text {
padding-left: 24%;
}
.intro-ttc-text .text-18 {
margin-bottom: 25px;
}
.video-left {
order: 2;
}
.video-right {
padding-left: 0;
margin-bottom: 40px;
} 
.stats-right {
padding-left: 0;
}
.t-nav {
width: 105px;
height: 105px;
}
.trusted-list ul li {
width: 33%;
min-width: 33%;
}
.fancybox-slide {
padding-left: 0;
padding-right: 0;
}
.hw-content-hold .title-72 {
transition-delay: 0s;
}
.hw-content-hold .hw-text-hold {
transition-delay: 0s;
}
.hw-content-hold .hw-link {
transition-delay: 0s;
}
.hw-content-hold .in-view.section-label {
opacity: 1;
transform: translateY(0px);
}
.hw-content-hold .in-view.title-72 {
opacity: 1;
transform: translateY(0px);
}
.hw-content-hold .in-view.text-18 {
opacity: 1;
transform: translateY(0px);
}
.hw-content-hold .in-view.hw-link {
opacity: 1;
transform: translateY(0px);
}
.hw-text {
padding-left: 0;
}
.hw-link {
padding-left: 0;
}
.hw-content-hold {
padding-left: 0;
}
.home-why-section {
padding: 90px 0;
}
.hw-mob-image {
padding-bottom: 120%;
margin-bottom: 40px;
}
.hw-mob-item {
margin-bottom: 80px;
}
.hw-mob-item:last-child {
margin-bottom: 0px;
}
.intro-single-info ul li.intro-single-author {
font-size: 20px;
}
.features-benefits-list .sc-im-hold {
margin-bottom: 100px;
}
.resolve-featured-section .af-image:before {
display: none;
}
}
@media screen and (max-width:767px) {
.integrations-right:before {
bottom: -1px;
right: auto;
width: 60px;
height: 100%; background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 99%); background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 99%); background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }
.integrations-right:after {
bottom: -1px;
left: auto;
width: 60px;
height: 100%; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
.integrations-right {
margin-left: -20px;
width: calc(100% + 40px);
min-width: calc(100% + 40px);
}
.integrations-carousel-grid {
margin-bottom: 10px;
}
.integrations-carousel-grid {
min-height: 1px;
margin-top: 0;
}
.vertical-carousel.owl-carousel {
width: 100%;
margin-top: 0;
transform: rotate(0deg);
}
.vs-item {
transform: rotate(0deg);
}
.intro-simplest.intro-simplest-cd {
margin-bottom: 110px;
}
}
@media screen and (max-width:639px) {
.n-logo-carousel-hold:before, 
.n-logo-carousel-hold:after {
width: 60px;
}
.nl-carousel-item {
width: 160px;
min-height: 160px;
}
.resolve-featured-section .af-image {
padding-bottom: 0%;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-prev {
left: 10px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next {
right: 10px;
}
.resolve-carousel-item {
padding: 10px 10px 0;
}
.resolve-carousel-video:after {
right: -10px;
top: -10px;
}
.resolve-carousel-video:before {
left: -10px;
bottom: -10px;
}
.resolve-carousel-video:before, 
.resolve-carousel-video:after {
width: 80px;
height: 80px;
}
.reveal-resolve-bg {
padding: 50px 15px 50px;
}
.reveal-resolve .close-button {
right: 10px;
top: 10px;
width: 20px;
height: 20px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next span:before, 
.resolve-carousel.owl-carousel .owl-nav button.owl-prev span:before {
top: 0;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next, 
.resolve-carousel.owl-carousel .owl-nav button.owl-prev {
height: 19px;
top: -50px;
}
.resolve-carousel.owl-carousel .owl-nav button.owl-next span strong, 
.resolve-carousel.owl-carousel .owl-nav button.owl-prev span strong {
display: none;
}
.resolve-carousel-video {
margin-bottom: 36px;
}
.resolve-carousel-content {
padding: 0;
}
.reveal.reveal-resolve {
width: 100%;
}
.intro-resolve video {
left: -30%;
}
.orn-features-detail:before {
display: block !important;
content: '';
position: absolute;
left: -1px;
top: 0;
bottom: 0;
height: 100%;
width: 3px;
background: #000;
}
.video-cover a:after {
width: 80px;
height: 80px;
background-size: 30px auto;
}
.orn-ty {
width: 150px;
}
.orn-features-detail {
width: 70%;
}
.reveal-roi h1 {
font-size: 32px;
margin-bottom: 30px;
}
.reveal-roi p {
font-size: 16px;
}
.reveal-roi .highlight p {
font-size: 20px;
margin-bottom: 30px;
}
.reveal-roi h2 {
font-size: 28px;
}
.reveal-roi {
top: 0 !important;
padding: 70px 20px 50px;
width: 100%;
}
.roi-result-content .btm {
padding-top: 25px;
font-size: 16px;
}
.roi-result-content .tabcontent .box {
padding: 16px 15px 15px;
}
.savings-chart .x-axis ul .d-data {
top: auto;
right: auto;
bottom: calc(100% + 11px);
left: 50%;
transform: translateX(-50%);
border: 1px solid #d0d7e7;
background: #fff;
padding: 4px 8px;
border-radius: 4px;
z-index: 10;
color: #2E56FF;
font-size: 12px;
font-weight: 400;
}
.savings-chart .x-axis ul .index {
font-size: 10px;
}
.savings-chart .x-axis ul li {
padding: 0 5px;
}
.savings-chart .y-axis {
width: 70px;
}
.savings-chart .y-axis ul li {
padding-right: 10px;
font-size: 12px;
}
.roi-result-content .tabcontent .graphic-col {
width: 100%;
margin-top: 20px;
}
.roi-result-content .row .col.half {
width: 100%;
}
.roi-step .input-row .input-col label {
font-size: 14px;
}
.steps-wrap {
margin-bottom: 28px;
margin-left: -20px;
width: calc(100% + 40px);
}
.steps-wrap ul li {
line-height: 1;
}
.roi-step .input-row .input-col input, .roi-step .input-row .input-col input:focus {
font-size: 18px;
margin-bottom: 6px;
}
.roi-step .input-row .input-col {
width: 100%;
min-width: 100%;
margin-bottom: 22px;
}
.roi-step .assumptions-content .slide {
padding-left: 0;
}
.roi-step .input-lists .field-relative .field-sign-dollar {
font-size: 18px;
top: 8px;
}
.roi-step .input-lists input, .roi-step .input-lists input:focus {
font-size: 18px;
}
.roi-step .input-lists li label {
font-size: 17px;
}
.roi-step .assumptions-content ul li a:after {
width: 30px;
height: 30px;
top: -7px;
}
.roi-step .assumptions-content ul li a:before {
width: 30px;
height: 30px;
top: -7px;
}
.roi-step .assumptions-content ul li a {
font-size: 20px;
padding-left: 42px;
}
.roi-step .assumptions span {
font-size: 14px;
}
.roi-step .assumptions strong {
font-size: 18px;
}
.range-row .range-value #field-average_handle_time, .range-row .range-value #field-average_handle_time:focus {
padding: 2px 16px;
padding-right: 45px;
font-size: 18px;
width: 120px;
}
.roi-step .range-value .min {
top: 12px;
font-size: 18px;
}
.range-row .range-value #field-monthly_call_volume, .range-row .range-value #field-monthly_call_volume:focus {
font-size: 18px;
width: 120px;
}
.range-row .top .title {
font-size: 18px;
}
.roi-step .intro {
font-size: 18px;
margin-bottom: 30px;
}
.newsletter-hold {
margin-bottom: 50px;
}
.footer-logo {
width: 100%;
min-width: 100%;
margin-bottom: 40px;
}    
.footer-left {
display: block;
margin-bottom: 50px;
}
.page-template-tp-contact .entry h2 a {
pointer-events: all;
}
.about-stats-section .why-stats ul li:last-child {
margin-bottom: 0px;
}
.roi-content-section {
padding: 140px 0 60px;
}
.intro-roi-calc {
padding: 40px 20px 70px;
}
.ty-intro-section {
padding: 100px 0 80px;
}
.page-template-tp-request_demo .testimonial-section-v2 {
margin-bottom: 0;
}
.why-about-section.hiw-about-section {
margin-bottom: 0;
}
.intro-lgi-left {
margin-bottom: 40px;
}
.intro-simplest.intro-ppc-demo {
margin-bottom: 70px;
}
.uca-list.uca-list-with-link ul li a {
width: 100%;
}
.home .intro-title-text-cta:after {
display: none;
}
.why-stats ul li:last-child {
margin-bottom: 0px;
}
.stay-updated-right input, .stay-updated-right input:focus {
height: 56px;
font-size: 18px;
}
.stay-updated-right .hs-submit {
margin-top: 20px;
}
.stay-updated-right .hs-submit .hs-button, 
.stay-updated-right .hs-submit .hs-button:focus, 
.stay-updated-right .hs-submit .hs-button:active {
padding: 18px 25px;
position: relative;
top: auto;
right: auto;
}
.video-left:before {
right: calc(100% - 66px);
bottom: -30px;
width: 155px;
height: 188px;
}
.wa-items.wa-items-2 {
padding: 50px 0%;
margin-left: -35px;
width: calc(100% + 68px);
}
.hs-submit .hs-button, .hs-submit .hs-button:focus, .hs-submit .hs-button:active {
font-size: 16px;
padding: 15px 40px;
min-width: 174px;
}
.reg-form-hold .input textarea {
height: 120px;
padding: 15px 20px;
font-size: 16px;
}
.reg-form-hold .input [type=color], .reg-form-hold .input [type=date], .reg-form-hold .input [type=datetime-local], .reg-form-hold .input [type=datetime], .reg-form-hold .input [type=email], .reg-form-hold .input [type=month], .reg-form-hold .input [type=number], .reg-form-hold .input [type=password], .reg-form-hold .input [type=search], .reg-form-hold .input [type=tel], .reg-form-hold .input [type=text], .reg-form-hold .input [type=time], .reg-form-hold .input [type=url], .reg-form-hold .input [type=week] {
height: 50px;
font-size: 16px;
}
.intro-blog:before {
opacity: 0.3;
width: 25px;
}
.orn-intro-blog:before {
top: 32px;
height: 15px;
width: 33px;
}
.orn-intro-blog {
left: -20px;
bottom: -67px;
width: 100px;
}
.blog-filtering.inline-filter-list ul li label {
padding-left: 8px;
padding-right: 8px;
}
.search-right {
width: 100%;
}
.close-button {
right: 12px;
top: 4px;
}
.reveal-bio-right {
padding-left: 0;
width: 100%;
}
.reveal-bio-left {
width: 100%;
margin-bottom: 30px;
}
.reveal.reveal-bio {
padding: 40px 20px;
}
.reveal.reveal-bio {
width: 100%;
}
.integration-item-logo {
margin-bottom: 30px;
}
.grid-of-three.integrations-list > ul > li a {
padding-top: 40px;
padding-bottom: 45px;
}
.inline-filter-list ul li {
margin-right: 5px;
margin-bottom: 5px;
}
.inline-filter-list ul li label {
font-size: 14px;
padding: 5px 10px 3px;
}
.intro-simplest.intro-integrations {
margin-bottom: 80px;
}
.orn-intro-integrations {
width: 200px;
right: -85px;
}
.ts-logo {
margin-bottom: 20px;
}
.text-29 {
font-size: 20px;
}
.testimonial-section-v2 {
padding: 70px 0;
margin-bottom: 20px;
}
.testimonial-section-v2-hold {
padding-left: 0px;
padding-top: 46px;
}
.calc-note-section {
padding: 85px 0 95px;
margin-bottom: 75px;
}
.cn-left {
padding: 0;
margin-bottom: 40px;
}
.cib-right {
padding-right: 0;
padding-left: 0;
}
.content-image-black-section {
padding: 90px 0;
margin-bottom: 0;
}
.content-form-section {
margin-bottom: 90px;
}
.cf-right {
margin-left: -40px;
width: calc(100% + 40px);
}
.cf-left .entry {
margin-bottom: 46px;
padding-bottom: 15px;
}
.cf-hold {
padding-left: 40px;
}
.itp-right .fr-list ul li a {
min-height: 300px;
}
.fr-list-title span {
font-size: 16px;
min-height: 1px;
}
.itp-right .fr-list ul li:nth-last-child(2) {
margin-bottom: 20px;
}
.in-the-press-section {
margin-bottom: 95px;
}
.itp-left {
padding-right: 0;
margin-bottom: 40px;
}
.bg-light.bg-light-about {
padding-top: 90px;
padding-bottom: 50px;
margin-bottom: 85px;
}
.leadership-name span {
font-size: 18px;
}
.leadership-name {
font-size: 24px;
}
.leadership-grid ul li:nth-child(4n) {
margin-right: 0;
}
.leadership-grid ul li {
width: 100%;
min-width: 100%;
margin-right: 0;
margin-bottom: 50px;
}
.leadership-section .title-72 {
margin-bottom: 50px;
}
.orn-company {
top: -245px;
width: 300px;
}
.history-section {
margin-bottom: 130px;
}
.history-carousel-hold {
padding-bottom: 185px;
}    
.history-section .title-72 {
margin-bottom: 30px;
}
.history-carousel .owl-dots {
display: none;
}
.history-carousel.owl-carousel .owl-nav button.owl-next, 
.history-carousel.owl-carousel .owl-nav button.owl-prev {
bottom: -185px;
}
.about-stats-right {
width: 100%;
}
.history-carousel-item:after {
left: -10px;
width: 21px;
height: 21px;
bottom: -50px;
}
.history-carousel-item:before {
width: calc(100% + 30px);
bottom: -40px;
}
.history-carousel-item {
width: calc(100vw - 60px);
padding: 30px 25px 30px;
}
.why-stats-section.about-stats-section .title-49 {
margin-bottom: 24px;
}
.about-stats-left {
margin-bottom: 40px;
}
.about-stats-section .title-72 {
margin-bottom: 50px;
}
.why-stats-section.about-stats-section {
padding-top: 90px;
padding-bottom: 95px;
}
.image-content-section {
margin-bottom: 85px;
}
.ic-left {
padding-right: 0;
padding-left: 0;
}
.intro-lg-image-section.intro-about {
margin-bottom: 85px;
}
.orn-intro-about {
bottom: auto;
right: -20px;
width: 120px;
top: 125px;
}
.intro-about .intro-lgi-left {
padding-right: 0;
}
.intro-simplest.intro-wd {
padding-top: 140px;
padding-bottom: 85px;
}
.orn-intro-wd {
right: -140px;
width: 300px;
}
.wd-featured-section .af-right {
width: 100%;
padding-left: 0;
}
.wd-featured-section .af-left {
width: 100%;
padding-right: 0;
}
.resources-filter-grid.two-filters > ul > li:first-child {
width: 100%;
min-width: 100%;
margin-bottom: 10px;
}
.resources-filter-grid.two-filters > ul > li {
width: 100%;
min-width: 100%;
margin-right: 0px;
margin-bottom: 10px;
}
.text-page-section {
margin-bottom: 70px;
}
.entry h2:not(:first-child), 
.entry h3:not(:first-child), 
.entry h4:not(:first-child), 
.entry h5:not(:first-child) {
margin-top: 40px;
}
.text-page-intro .title-72 {
font-size: 42px;
}
.orn-intro-text {
top: 50px;
width: 160px;
}
.text-page-intro {
padding: 160px 0 0;
}
.intro-lg-image-section.intro-csd {
margin-bottom: 85px;
}
.logo-intro img {
max-height: 60px;
}
.et-carousel-item-text {
font-size: 18px;
}
.employee-testimonials-section {
padding: 85px 0 130px;
}
.why-join-section {
margin-bottom: 85px;
}
.wj-top {
margin-bottom: 30px;
}
.blue-block-section {
margin-bottom: 85px;
}
.bb-left {
margin-bottom: 25px;
}
.blue-block {
padding: 55px 25px 60px;
}
.content-list-section {
padding: 85px 0 50px;
margin-bottom: 85px;
}
.cl-list ul li {
margin-bottom: 50px;
width: 100%;
min-width: 100%;
margin-right: 0;
}
.video-section.career-video-section {
padding: 85px 0;
margin-bottom: 0;
}
.et-carousel-item {
width: calc(100vw - 40px);
padding: 50px 35px 60px;
}
.orn-intro-contact {
bottom: -50px;
}
.contact-content-section {
margin-bottom: 50px;
}
.contact-form-hold .single-form-hold {
margin-top: -140px;
}
.footer-simplified .footer-top {
padding: 70px 0 45px;
}
.testimonial-section.mob-mb-0 {
margin-bottom: 0;
}
.trusted-simple-section.has-light-bg {
padding: 80px 0;
}
.intro-rad-right {
padding-left: 0;
padding-right: 0;
}
.stats-left {
padding-right: 0;
}
.stats-hold-left .title-72 {
margin-bottom: 25px;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
padding-right: 0;
padding-left: 0;
}
.oposite .features-benefits-list .sc-im-hold:nth-child(2n+1) .sc-im-left {
padding-left: 0;
padding-right: 0;
}
.cta-band .title-72 {
font-size: 42px;
}
.cta-band {
padding: 65px 25px 55px;
}
.intro-ppc-demo-form-hold .single-form-hold {
padding: 50px 25px;
}
.trusted-sm-section {
margin-bottom: 50px;
}
.intro-ppc-demo-right {
padding-left: 0;
padding-right: 0;
}
.intro-simplest.intro-ppc-demo {
padding: 140px 0 60px;
}
.text-form-section {
padding: 10px 0 85px;
}
.testimonial-section.mb75 {
margin-bottom: 75px;
}
.diff-section {
padding: 85px 0 90px;
}
.diff-table table tbody td:first-child {
padding-left: 15px;
}
.diff-table table tbody td {
font-size: 13px;
padding: 7px 5px;
line-height: 1.3;
}
.diff-table table thead th {
padding: 0 5px 15px;
}
.diff-table table thead tr th img {
max-width: 90px;
max-height: 30px;
}
.diff-table {
margin-left: -20px;
width: calc(100% + 40px);
}
.intro-cd-logos ul li img {
max-width: 130px;
}
.intro-cd-logos ul li:last-child:before {
left: -26px;
}
.intro-cd-logos ul li:first-child:after {
left: calc(100% + 24px);
}
.intro-cd-logos ul li {
margin-right: 50px;
}
.intro-simplest.intro-simplest-cd {
margin-bottom: 80px;
}
.intro-cd-left {
margin-bottom: 40px;
}
.orn-intro-simplest-left-bottom {
width: 120px;
}
.trusted-simple-list ul li {
width: 33.333%;
min-width: 33.333%;
margin-bottom: 20px;
}
.trusted-simple-section .section-label {
margin-bottom: 35px;
}
.trusted-simple-section {
margin-bottom: 80px;
}
.wbc-list ul li {
width: 100%;
min-width: 100%;
margin-right: 0;
margin-bottom: 50px;
}
.wbc-list ul li:last-child {
margin-bottom: 0px;
}
.wbc-section {
padding: 80px 0;
}
.competitors-grid-section {
margin-bottom: 70px;
}
.competitor-logo {
margin-bottom: 40px;
}
.competitors-list ul li a {
padding: 50px 14%;
}
.competitors-list ul li:nth-child(3n) {
margin-right: 0;
}
.competitors-list ul li {
width: 100%;
min-width: 100%;
margin-right: 0;
}
.competitors-grid-section .title-72 {
margin-bottom: 50px;
}
.security-hold {
padding: 50px 30px;
}
.security-left {
padding-right: 0;
padding-left: 0;
margin-bottom: 40px;
}
.intro-lg-hiw-section.intro-lg-section:before {
width: 80px;
}
.orn-fd-about {
left: -10px;
width: 100px;
display: none;
}
.why-solution-section.features-benefits-section {
padding-bottom: 70px;
}
.why-solution-section.features-benefits-section {
padding-bottom: 90px;
}
.features-benefits-list .sc-im-hold {
margin-bottom: 70px;
}
.features-benefits-list .sc-im-hold:nth-child(2n) .sc-im-left {
padding-left: 0;
padding-right: 0;
}
.orn-benefits-section:before {
width: 39px;
height: 150px;
}
.orn-benefits-section {
top: -206px;
width: 120px;
}
.about-icons-list {
padding-left: 0;
padding-right: 0;
}
.features-about-section.features-detail-about-section {
padding-top: 0px;
}
.intro-lg-image-section.intro-detail-use-case {
padding-bottom: 90px;
}
.orn-uca-3 {
top: -80px;
width: 160px;
}
.uca-section .title-72 {
margin-bottom: 50px;
}
.orn-uca-2 {
bottom: -90px;
width: 100px;
}
.orn-uca-1 {
top: -90px;
right: 0;
width: 160px;
}
.uca-section {
padding: 80px 0 60px;
}
.uca-list ul li {
width: 100%;
min-width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.uca-list ul li:nth-child(3n) {
margin-right: 0%;
}
.intro-lg-image-section {
padding: 140px 0 64px;
margin-bottom: 80px;
}
.intro-lgi-right {
padding-left: 0;
padding-right: 0;
}
.sc-im-tabs .tabs-title>a { 
line-height: 1.2;
}
.sticky-content-hold-mob .row {
padding: 0;
}
.features-about-section {
margin-bottom: 80px;
}
.why-about-hold .title-72 {
font-size: 42px;
}
.ts-info-left {
font-size: 16px;
margin-bottom: 20px;
padding-right: 0;
}
.ts-info {
display: block;
}
.ts-text {
margin-bottom: 30px;
}
.testimonial-section {
padding: 70px 0;
margin-bottom: 20px;
} .ia-acc-text a {
}
.ia-acc-text {
width: 100%;
padding-left: 0;
padding-top: 10px;
padding-bottom: 0px;
font-size: 16px;
}
.ia-acc-title {
width: 100%;
}
.ia-acc ul li {
display: block;
}
.ia-left {
padding-right: 0;
padding-left: 0;
margin-bottom: 80px;
}
.industries-acc-section {
padding: 100px 0;
}
.why-stats-section {
padding-bottom: 80px;
}
.why-stats-left span {
font-size: 60px;
}
.why-stats-right {
font-size: 16px;
padding-bottom: 3px;
}
.why-stats ul li {
width: 100%;
min-width: 100%;
margin-bottom: 20px;
}
.sc-im-content p {
font-size: 16px;
}
.sc-im-content h3 {
font-size: 32px;
}
.sc-im-left {
padding-left: 0;
padding-right: 0;
}
.why-solution-section {
margin-bottom: 120px;
padding-top: 100px;
}    
.why-about-section {
margin-bottom: 90px;
}
.wa-item-icon-hold {
margin-bottom: 20px;
}
.wa-items ul li {
margin-bottom: 40px;
}
.wa-items ul li:last-child {
margin-bottom: 0px;
}
.wa-items ul {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.why-about-hold {
padding-right: 0;
padding-left: 40px;
}
.wa-items {
margin-left: -60px;
width: calc(100% + 80px);
}
.intro-lg-section {
padding: 140px 0 80px;
margin-bottom: 80px;
}
.orn-intro-single-webinar {
width: 260px;
right: -20px;
}
.intro-simplest.intro-single-webinar {
padding: 150px 0 100px;
}
.intro-single-webinar-info ul {
display: block;
}
.intro-single-webinar-info ul li {
font-size: 16px;
margin-right: 0px;
}
.single-speaker-content-logo img {
max-height: 20px;
}
.single-speaker-content-name span {
font-size: 12px;
}
.single-speaker-content-name {
font-size: 16px;
}
.single-speaker-content-logo {
margin-bottom: 10px;
}
.single-speaker-content {
width: calc(100% - 120px);
padding-left: 15px;
padding-right: 10px;
}
.single-speaker-image {
width: 120px;
height: 150px;
}
.single-speakers-hold .title-49 {
margin-bottom: 20px;
}
.single-speakers-hold {
margin-top: 30px;
margin-left: -40px;
width: calc(100% + 40px);
padding-top: 30px;
}
.orn-intro-single-event {
right: -80px;
width: 230px;
}
.intro-simplest.intro-single-event {
padding: 150px 0 100px;
}
.intro-single-event-info ul li:after {
display: none;
}
.intro-single-event-info ul {
display: block;
}
.intro-single-event-info ul li {
font-size: 15px;
}
.intro-single-event-top ul li:after {
display: none;
}
.intro-single-event-top ul {
display: block;
}
.intro-single-event-top ul li {
font-size: 20px;
margin-bottom: 10px;
}
.intro-single-event-top ul li:last-child {
margin-bottom: 0px;
}
.intro-single-event-top ul li.intro-single-event-top-sm {
font-size: 16px;
}
.intro-single-guide .intro-single-tags {
padding-left: 0;
}
.isg-image:before {
top: 50%;
left: 50%;
width: 336px;
height: 315px;
}
.intro-simplest.intro-single-guide {
padding-top: 140px;
}
.single-trust-list ul li {
width: 45%;
min-width: 45%;
margin-right: 10%;
font-size: 20px;
}
.single-trust-list ul li:nth-child(3n) {
margin-right: 10%;
}
.single-trust-list ul li:nth-child(2n) {
margin-right: 0%;
text-align: center;
}
.single-form-hold {
padding: 50px 25px;
}
.single-form-hold .title-49 {
margin-bottom: 25px;
}
.sgc-right {
margin-left: -40px;
width: calc(100% + 40px);
}
.intro-simplest.intro-single-guide {
margin-bottom: 60px;
}
.single-guide-content {
padding-right: 0;
padding-left: 40px;
}
.orn-intro-single-guide-left:before {
top: 31px;
height: 80px;
width: 33px;
}
.orn-intro-single-guide-left {
top: calc(100% - 33px);
width: 100px;
}
.isg-image {
width: 160%;
margin-left: -30%;
}
.title-56 {
font-size: 36px;
margin-bottom: 25px;
}
.single-content-section {
margin-bottom: 60px;
}
.single-content-sidebar {
width: 100%;
}
.single-content-left {
display: none;
}
.single-content-middle {
width: 100%;
padding-right: 0;
margin-bottom: 30px;
}
.orn-intro-single {
width: 170px;
bottom: -50px;
right: -50px;
}
.intro-single-info {
margin-top: 20px;
}
.intro-single .title-72 {
font-size: 38px;
}
.intro-single-info ul li.intro-single-date {
font-size: 16px;
line-height: 24px;
}
.intro-single-info ul li.intro-single-author {
font-size: 18px;
line-height: 24px;
}
.intro-single-tags {
font-size: 16px;
line-height: 1.4;
margin-bottom: 24px;
}
.intro-simplest.intro-single {
padding-top: 140px;
overflow: hidden;
}
.intro-simplest.intro-simplest-lg {
min-height: 380px;
}
.filter-box-list {
z-index: 6;
}
.upcoming-events-section .title-49 {
margin-bottom: 40px;
}
.upcoming-events-section {
padding: 80px 0 50px;
}
.item-image {
margin-bottom: 30px;
}
.grid-of-three > ul > li a {
padding-bottom: 90px;
}
.item-link {
bottom: 30px;
}
.grid-of-three > ul {
margin-left: 0;
width: 100%;
}
.grid-of-three > ul > li {
width: 100%;
min-width: 100%;
margin-left: 0;
margin-right: 0;
}
.resources-filter-grid > ul > li:first-child {
margin-bottom: 10px;
}
.resources-filter-grid > ul > li {
width: 100%;
min-width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.resources-filter-grid > ul > li:last-child {
margin-bottom: 0px;
}
.resources-filter-grid {
padding: 20px 25px 25px;
}
.stay-updated-hold {
padding: 50px 25px 45px;
}
.stay-updated-left {
padding-right: 0;
margin-bottom: 30px;
}
.item-title {
font-size: 22px;
}
.item-date {
font-size: 16px;
}
.press-archive-list ul li a {
padding: 45px 25px 90px;
}
.item-button {
bottom: 30px;
}
.pa-item-top {
margin-bottom: 40px;
}
.archive-featured-section {
margin-bottom: 80px;
}
.title-49 {
font-size: 32px;
}
.af-link {
margin-top: 25px;
}
.af-right {
padding-left: 0;
width: 100%;
min-height: 1px;
}
.af-image {
padding-bottom: 66%;
}
.af-left {
width: 100%;
padding-right: 0%;
margin-bottom: 40px;
}
.orn-intro-simplest {
width: 80%;
}
.orn-intro-simplests-sm {
display: none;
}
.intro-simplest {
min-height: 280px;
padding: 120px 0 40px;
margin-bottom: 90px;
}
.press-archive-list ul li {
width: 100%;
min-width: 100%;
margin-right: 0px;
}
.press-archive-list ul li:nth-child(3n) {
margin-right: 0px;
}
.orn-error-intro {
width: 250px;
right: -87px;
}
.error404 .title-123 {
font-size: 58px;
}
.mob-nav-hold {
padding: 25px 0;
}
.orn-home-why {
width: 200px;
right: -110px;
}
.fr-last {
margin-top: 0px;
}
.fr-top .fr-right {
display: none;
}
.fr-bottom .fr-left {
display: none;
}
.notification {
position: relative;
transform: translateY(0%);
margin-top: 40px;
width: 100%;
padding: 20px 25px 20px 25px;
font-size: 18px;
}
.text-18 {
font-size: 18px;
}
.hw-mob-image {
margin-bottom: 30px;
}
.newsletter-hold {
width: 225px;
}
.footer-nav-hold {
margin-bottom: 12px;
}
.footer-nav ul li a {
font-size: 18px;
}
.footer-nav-title {
font-size: 18px;
}
.footer-nav-grid {
width: 47%;
min-width: 47%;
margin-bottom: 38px;
margin-right: 0;
max-width: 200px;
}
.footer-nav-hold {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
}
.footer-top {
padding: 75px 0 38px;
}
.cta-hold .title-72 {
margin-bottom: 30px;
}
.cta-left {
padding: 56px 20px 60px;
background: #F7F7FB;
}
.cta-right {
padding: 56px 20px 60px;
background: #171717;
}
.cta-section {
padding: 0;
}
.cta-section .row {
padding: 0;
}
.cta-section:before, .cta-section:after {
display: none;
}
.fr-last a {
min-height: 350px;
}
.fr-top {
margin-bottom: 0px;
}
.link-white, .link-white:focus, .link-white:active {
font-size: 18px;
}
.link-black, .link-black:focus, .link-black:active {
font-size: 18px;
}
.fr-list-link {
bottom: 40px;
padding: 0 40px;
}
.fr-list-title {
font-size: 24px;
top: 50px;
padding: 0 40px;
}
.fr-list ul li {
width: 100%;
min-width: 100%;
margin-right: 0px;
margin-bottom: 10px;
}
.fr-list ul li:last-child {
margin-bottom: 0px;
}
.fr-top-left {
margin-bottom: 16px;
}
.featured-resources-section {
padding: 50px 0 80px;
}
.awards-list-2 ul li {
margin-bottom: 36px;
}
.awards-list ul { -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.awards-list ul li {
text-align: center;
margin: 0 9px 0px;
}
.awards-list-2 {
padding-top: 42px;
}
.awards-list-2 ul li {
text-align: center;
}
.awards-list {
padding: 0 8%;
}
.awards-list ul li:last-child {
margin-bottom: 0px;
}
.awards-list ul li img {
max-width: 96px;
}
.rewards-section .section-label {
text-align: center;
}
.rewards-section {
padding: 40px 0;
}
.t-carousel-item-text {
font-size: 18px;
margin-bottom: 40px;
}
.t-carousel .owl-dots {
display: none !important; 
}
.t-carousel-item {
width: calc(100vw - 40px);
padding: 50px 35px 110px 35px;
}
.stats-item {
padding-bottom: 30px;
}
.stats-item-right {
width: 100%;
min-width: 100%;
font-size: 24px;
padding-bottom: 0;
padding-top: 0;
}
.stats-item-left span {
font-size: 29px;
}
.stats-item-left {
font-size: 70px;
}
.bg-light {
padding: 35px 0;
}
.stats-section {
padding: 40px 0;
}
.hiw-section {
padding: 45px 0;
}
.hiw-right {
padding-left: 0;
}
.hiw-left {
margin-bottom: 30px;
}
.hiw-hold {
padding: 70px 12%;
}
.home-why-section-top {
margin-bottom: 33px;
}
.title-102 {
font-size: 49px;
}
.video-cover a { }
.video-right {
margin-bottom: 25px;
}
.intro-ttc-link {
width: 115%;
}
.link-green-to-white, .link-green-to-white:focus, .link-green-to-white:active {
font-size: 18px;
}
.link-green-to-black, .link-green-to-black:focus, .link-green-to-black:active {
font-size: 18px;
}
.link-pink-to-white, .link-pink-to-white:focus, .link-pink-to-white:active {
font-size: 18px;
}
.link-pink-to-black, .link-pink-to-black:focus, .link-pink-to-black:active {
font-size: 18px;
}
.video-section {
padding: 40px 0 70px;
padding: 0;
margin-bottom: 70px;
}
.home-why-section {
padding: 55px 0 85px;
}
.trusted-section {
padding: 0px 0px;
margin-bottom: 30px;
}
.trusted-list ul li {
width: 47%;
min-width: 47%;
margin-right: 6%;
min-height: 125px;
margin-bottom: 18px;
transform: none !important;
}
.trusted-list ul li:nth-child(2n) {
margin-right: 0;
}
.trusted-list ul li:last-child {
margin-right: 0;
}
.trusted-list ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-label {
font-size: 24px;
margin-bottom: 15px;
}
.orn-home-intro-sm {
width: 115px;
transform: translateX(-46%);
bottom: 100px;
}
.intro-ttc-text {
padding-left: 10%;
padding-right: 10%;
}
.intro-title-text-cta {
display: block;
padding: 130px 0 0px;
margin-bottom: 55px;
}
.orn-home-intro {
display: none;
}
.row {
padding-left: 20px;
padding-right: 20px;
}
.row.row-full {
padding-left: 20px;
padding-right: 20px;
}
header {
padding: 25px 0;
}
header.scrolled {
padding: 25px 0;
}
.title-123 {
font-size: 72px;
margin-bottom: 20px;
}
.logo img {
max-width: 122px;
}
header.scrolled .logo img {
max-width: 122px;
}
.leadership-section .orn-company {
display: none;
}
}
@media screen and (max-width:359px) {
.title-123 {
font-size: 58px;
margin-bottom: 30px;
}
}