*,
::after,
::before {
box-sizing: border-box;
}
#tutorialspg .std-title h1 {
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
}
#tutorialspg .std-title {
padding: 10% 0 0;
text-align: center;
}
.hl {
display: block;
height: 1.5px;
background-color: #ffffff;
max-width: 90%;
margin: 2% auto;
}
.hl.grey {
background-color: #d0d0d0;
}
.tutorial-menu {
padding: 0 5% 5%;
margin: 0 auto;
}
.tutorial-videos-item {
padding: 5%;
position: relative;
}
.tutorial-menu-item {
margin-bottom: 3em;
}
.tutorial-menu-item ul {
list-style: none;
}
.tutorial-menu-item li {
margin-bottom: 1em;
font-weight: bold;
}
.tutorial-menu-item li:last-child {
margin-bottom: 0;
}
.tutorial-menu-item a {
color: #0076fc;
text-decoration: none;
}
.tutorial-menu-item a:hover {
text-decoration: none;
}
.tutorial-menu-item h3 {
font-size: 28px;
margin-bottom: 0.75em;
font-family: 'Source Sans Pro', sans-serif;
}
.tutorial-videos-item h3 {
font-weight: bold;
font-size: 30px;
margin-bottom: 1.25em;
}
.tutorial-videos-item ol,
.tutorial-videos-item ul {
margin: 0 0 2em 1em;
}
.tutorial-videos-item li {
margin-bottom: 1em;
line-height: 1.2;
}
.tutorial-videos-item li:last-child {
margin-bottom: 0;
}
.tutorials-videos-description {
transition: all 0.25s ease-in-out;
position: relative;
overflow: hidden;
}
.column.desc,
.tutorials-videos-description ol,
.tutorials-videos-description p,
.tutorials-videos-description h3 {
transition: all 0.25s ease-in-out;
}
.tutorials-videos-description.height-maxed::after {
content: '';
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(to bottom,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 1) 50%);
width: 100%;
height: 3em;
}
#seeMoreBtn {
background-color: transparent;
border: none;
color: #0076fc;
font-weight: bold;
cursor: pointer;
font-size: 16px;
margin: 1em 0 0;
padding: 0;
}
#seeMoreBtn:hover {
color: #000000;
transition: 0.3s linear;
}
.column.video iframe,
.column.video img {
display: block;
width: 100%;
border-radius: 11px;
-webkit-box-shadow: 10px 10px 70px 0px rgba(106, 136, 170, 0.26);
-moz-box-shadow: 10px 10px 70px 0px rgba(106, 136, 170, 0.26);
box-shadow: 10px 10px 70px 0px rgba(106, 136, 170, 0.26);
}
.ratio {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.ratio iframe,
.ratio img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .visi {
opacity: 0;
transition: opacity 500ms;
}
.visi.lazyloaded {
opacity: 1;
} .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.column {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.tutorial-anchor {
visibility: hidden;
position: absolute;
top: -60px;
}
.loader-window {
display: none;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: rgba(255, 255, 255, 1);
z-index: 3;
}
.loader-window.active {
display: flex;
}
.loader {
border: 16px solid #eff1f6;
border-radius: 50%;
border-top: 16px solid #0076fc;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} @media only screen and (min-width: 768px) {
.tutorial-menu .column {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.tutorial-menu {
padding: 0 12% 5%;
}
.tutorial-videos {
padding: 5% 0 0;
}
.tutorial-videos-item {
padding: 3% 12%;
}
.tutorial-videos-item:first-child {
padding: 0 12% 3%;
}
.tutorial-menu-item {
margin-bottom: 0;
}
} @media only screen and (min-width: 992px) {
.tutorial-videos-item .column.desc {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
.tutorial-videos-item .column.video {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.tutorials-videos-description {
display: flex;
height: 100%;
justify-content: center;
flex-direction: column;
padding-right: 4em;
}
.tutorial-videos .column.video {
text-align: right;
}
.tutorial-videos-item ol,
.tutorial-videos-item ul {
margin: 0 0 0 2em;
}
}
.hbanner .btn-group {
padding-left: 80px;
}
.btn-group {
display: flex;
}
.btn-group * {
margin-right: 30px;
}
.btn-group *:last-of-type {
margin-right: 0;
}
#homeVid {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#homeVid video,
#vid-placeholder video {
display: none;
}
.image-ratio {
position: relative;
overflow: hidden;
}
.image-ratio img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container div,
.embed-container video,
.embed-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.play-btn {
display: inline-block;
border: none;
background: none;
cursor: pointer;
width: 100px;
height: 100px;
padding: 0;
transition: transform 0.3s;
}
.play-btn:hover {
transform: scale(1.2);
}
.play-btn img {
max-width: 100%;
display: block;
height: auto;
}
.embed-container .play-btn {
position: absolute;
bottom: 0;
z-index: 12;
}
.hbanner .play-btn {
width: 43px;
height: 43px;
margin-left: 30px;
}
.embed-container .play-btn {
left: 0;
right: 0;
top: 0;
margin: auto;
}
.media-container video,
.media-container iframe {
display: none;
}
.image-ratio {
position: relative;
overflow: hidden;
}
.image-ratio img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.banner.image-ratio {
padding-bottom: 190%;
}
.overlay {
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
width: 100%;
height: 100%;
z-index: 3;
}
.banner-inner {
padding: 0 4%;
}
.banner-inner .htxt h2 {
margin: 0 0 3rem 2rem;
}
.banner-box {
background-color: #fff;
border-radius: 30px;
padding: 50px;
}
.banner-box h1,
.banner-box h2,
.banner-box h3,
.banner-box h4,
.banner-box h5,
.banner-box h6 {
font-family: 'Source Serif Pro', serif;
font-size: 20px;
line-height: 30px;
margin-bottom: 30px;
}
.banner-box h1 strong,
.banner-box h2 strong,
.banner-box h3 strong,
.banner-box h4 strong,
.banner-box h5 strong,
.banner-box h6 strong {
font-family: 'Source Sans Pro', sans-serif;
}
.banner-inner .htxt h2 {
font-size: 34px;
line-height: 40px;
margin: 0 0 1rem 30px;
}
.banner-inner .htxt h2 br,
.banner-box p br,
.banner-box h3 br {
display: none;
}
.banner-box {
padding: 30px;
}
.button {
position: relative;
display: inline-block;
background-color: #0076fc;
color: #fff;
border: 2px solid #0076fc;
border-radius: 6px;
font-weight: 700;
font-size: 17px;
line-height: 25px;
padding: 9px 27px;
cursor: pointer;
transition: 0.3s linear;
}
.button:hover {
background-color: #fff;
color: #0076fc;
}
.button .loader-window {
border-radius: 6px;
}
.button .loader {
border-width: 3px;
width: 20px;
height: 20px;
}
.tagline {
background-color: #000;
padding: 3rem 2rem;
color: #fff;
text-align: center;
}
.tagline h3 {
font-family: 'Source Serif Pro', serif;
font-size: 22px;
line-height: 28px;
}
.tagline h3 strong {
font-style: italic;
}
dialog#dialog {
border: none;
border-radius: 30px;
padding: 60px 60px 30px 30px;
max-width: 90%;
}
dialog#dialog::backdrop {
backdrop-filter: blur(1px);
}
.close-dialog {
position: absolute;
top: 20px !important;
right: 20px !important;
left: unset !important;
width: 30px !important;
height: 30px !important;
cursor: pointer;
}
.wb-input {
display: block;
width: 100%;
padding: 0.375rem 0.75rem !important;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-clip: padding-box !important;
border: 1px solid !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wb-input:focus {
border-color: #0076fc;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
}
.success-msg h3 {
font-family: 'Source Serif Pro', serif;
font-size: 22px;
line-height: 28px;
}
.success-msg h3 strong {
font-family: 'Source Sans Pro', sans-serif;
}
.success-msg.error {
color: #f2545b;
}
.form-group {
display: flex;
gap: 2rem;
margin: 0 0 2rem 0;
}
@media screen and (min-width: 768px) {
.banner.image-ratio {
padding-bottom: 80%;
}
dialog#dialog {
min-width: 500px;
max-width: 600px;
}
}
@media screen and (min-width: 1024px) {
.banner.image-ratio {
padding-bottom: 56%;
}
.banner-inner {
padding: 0 9%;
}
.banner-inner .htxt h2 br,
.banner-box p br,
.banner-box h3 br {
display: block;
}
.button {
font-size: 19px;
}
.banner-box h1,
.banner-box h2,
.banner-box h3,
.banner-box h4,
.banner-box h5,
.banner-box h6 {
font-size: 26px;
}
.tagline h3 {
font-size: 30px;
line-height: 36px;
}
}
@media screen and (min-width: 1280px) {
.banner-inner .htxt h2 {
font-size: 68px;
line-height: 72px;
margin: 0 0 3rem 50px;
}
.banner-box {
padding: 50px;
}
.banner-box h1,
.banner-box h2,
.banner-box h3,
.banner-box h4,
.banner-box h5,
.banner-box h6 {
font-size: 26px;
line-height: 30px;
}
}
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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus { outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol,
ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
blockquote,
q {
quotes: '' '';
}
a img {
border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}  html {
height: 100%;
scroll-behavior: smooth;
}
body {
background: #fff;
height: 100%;
}
#page {
background: #fff;
min-height: 100%;
} .alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} body,
input,
textarea {
color: #000000;
font-size: 19px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
} h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 5px;
} .entry-content img,
.comment-content img,
.widget img {
max-width: 100%;
}
img[class*='align'],
img[class*='wp-image-'],
img[class*='attachment-'] {
height: auto;
}
img.size-full,
img.size-large {
max-width: 100%;
width: auto;
height: auto;
}
embed,
iframe,
object {
max-width: 100%;
} ul,
ol {
margin: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.625em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
blockquote {
font-family: Georgia, 'Bitstream Charter', serif;
font-style: italic;
font-weight: normal;
margin: 0 3em;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote cite {
color: #666;
font: 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
background: #f4f4f4;
font: 13px 'Courier 10 Pitch', Courier, monospace;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
}
code,
kbd,
samp,
var {
font: 13px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: smaller;
} input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='number'],
textarea {
background: #fafafa;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
border: 1px solid #ddd;
color: #888;
}
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='number']:focus,
textarea:focus {
color: #373737;
}
textarea {
padding-left: 3px;
width: 98%;
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='number'] {
padding: 3px;
} a {
color: #849698;
}
a:focus,
a:active,
a:hover {
text-decoration: underline;
}
.back-to-top {
background: none;
border: none;
padding: 0;
margin: 0;
position: fixed;
right: 1.5em;
bottom: 8em;
z-index: 12;
cursor: pointer;
} .mainmenu li {
display: inline-block;
vertical-align: top;
position: relative;
padding: 0 0 0 46px;
}
.mainmenu a:link,
.mainmenu a:visited {
position: relative;
font-size: 19px;
line-height: 23px;
color: #000000;
text-decoration: none;
transition: 0.3s linear;
}
.mainmenu a::after {
content: '';
display: block;
width: 8px;
height: 8px;
background-color: #0076fc;
border-radius: 50%;
position: absolute;
bottom: -12px;
left: calc(50% - 4px);
opacity: 0;
transition: 0.3s linear;
}
.mainmenu li.hmblue a::after {
background-color: #000;
}
.mainmenu li.hmblue a:link,
.mainmenu li.hmblue a:visited {
color: #0076fc;
font-weight: 700;
}
.mainmenu a:hover,
.mainmenu li.hmblue a:hover {
color: #000000;
}
.mainmenu a:hover::after {
opacity: 1;
}
.mainmenu ul {
display: none;
} .result-404 {
padding: 14vw 4% 14vw;
text-align: center;
}
.result-404 .entry-title {
font-family: 'Source Serif Pro', serif;
padding-bottom: 40px;
font-size: 40px;
}
.result-404 .entry-content {
font-size: 17px;
} p {
line-height: 26px;
margin-bottom: 28px;
}
.ibvtop {
display: inline-block;
vertical-align: top;
}
.ibvmid {
display: inline-block;
vertical-align: middle;
}
.ibvbtm {
display: inline-block;
vertical-align: bottom;
}
.stdlink a {
color: inherit;
text-decoration: none;
}
.stdh {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 3000;
box-sizing: border-box;
text-align: justify;
font-size: 0;
padding: 25px 30px;
background-color: #eff1f6;
filter: blur(0.1em);
height: 87px;
}
.stdh::after {
content: '';
display: inline-block;
width: 100%;
}
.hlogo img {
width: 160px;
}
.hmtog {
display: none;
cursor: pointer;
}
.hmtog div {
width: 26px;
height: 2px;
margin: 5px 0;
background-color: #0076fc;
}
.hmenu {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 4000;
}
.hmenu::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.hmenuw {
display: inline-block;
vertical-align: middle;
width: calc(100% - 0.5em);
box-sizing: border-box;
padding: 70px 30px 100px;
overflow-y: auto;
text-align: center;
}
.hmenu .hlogo {
position: absolute;
top: 15px;
left: 30px;
}
.hmclose {
position: absolute;
top: 15px;
right: 30px;
z-index: 10;
cursor: pointer;
width: 32px;
height: 32px;
}
.hmclose::before {
content: '';
display: block;
width: 32px;
height: 2px;
background-color: #0076fc;
transform: translateZ(1px) rotate(-45deg);
position: relative;
top: 16px;
left: -2px;
}
.hmclose::after {
content: '';
display: block;
width: 32px;
height: 2px;
background-color: #0076fc;
transform: translateZ(1px) rotate(45deg);
position: relative;
top: 14px;
left: -2px;
}
.himg {
background-size: cover;
background-position: 50% 50%;
}
.hfimg img,
.hfimgm img,
.hfimg video,
.hfimgm video {
max-width: 100%;
}
.htxt h2 {
font-family: 'Source Serif Pro', serif;
font-size: 68px;
line-height: 72px;
margin-bottom: 30px;
}
.htxt h2 b,
.htxt h2 strong {
font-family: 'Source Sans Pro', sans-serif;
}
.htxt h3 {
font-family: 'Source Serif Pro', serif;
font-size: 40px;
line-height: 44px;
margin-bottom: 20px;
}
.htxt h3 b,
.htxt h3 strong {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
}
.htxt h4 {
font-size: 20px;
line-height: 26px;
font-family: 'Source Serif Pro', serif;
font-weight: 700;
font-style: italic;
margin-bottom: 25px;
}
.htxt p {
padding-left: 80px;
}
.htxt a {
display: inline-block;
background-color: #0076fc;
color: #fff;
font-weight: 700;
font-size: 19px;
line-height: 25px;
padding: 9px 27px;
border-radius: 6px;
transition: 0.3s linear;
}
.htxt a:hover {
background-color: #fff;
color: #002557;
}
.htxt blockquote {
position: relative;
}
.htxt blockquote::before {
content: '“';
font-size: 42px;
position: absolute;
top: 0;
left: -20px;
}
.hgbg {
background-color: #f0eaeb;
background-image: linear-gradient(#f0eaeb, #e3ecf9);
}
.contentouter {
padding-top: 87px;
} .hbanner {
position: relative;
padding-top: 56.5%;
}
.hban-outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
z-index: 10;
}
.hban-outer::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.hban-inner {
width: calc(100% - 0.5em);
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
padding: 0 9%;
}
.hban-inner-mid {
text-align: center;
}
.hintro {
padding: 110px 4% 100px 9%;
}
.hintro-planpg {
padding: 140px 4% 100px 9%;
}
.hintrow {
max-width: 1265px;
}
.hintrow.yt {
margin: 120px 0 0;
}
.hintrow.yt .htxt {
padding: 0 0 0 3%;
width: 43%;
box-sizing: border-box;
}
.hintro .htxt {
width: 43%;
box-sizing: border-box;
padding: 0 3% 0 0;
}
.hintro .htxt-planpg {
width: 57%;
padding-right: 90px;
}
.hintro .htxt p {
max-width: 380px;
}
.hintro .htxt-planpg p {
max-width: 84%;
}
.hintro .htxt-planpg-stats p {
max-width: 85%;
}
.hintro .hfimgm {
display: none;
}
.hintrow.yt .hfimg {
width: 56%;
}
.hintro .hfimg {
width: 56%;
}
.hintro .imginline {
display: inline-block;
padding-top: 55%;
padding-bottom: 0;
width: 41%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.hintro .imginline-stats {
height: 400px;
background-size: contain;
vertical-align: middle;
}
.hitin {
background-color: #000;
color: #fff;
padding: 0 9% 0 7%;
}
.hitinw {
max-width: 1350px;
}
.hitin .himg {
width: 51%;
padding-top: 64.4%;
}
.hitin .himg.himgm {
display: none;
width: 100%;
padding-top: 128%;
}
.hitin .htxt {
width: 49%;
box-sizing: border-box;
padding: 20px 0 20px 10%;
}
.havail {
padding: 100px 8% 70px 9%;
}
.hvailintro {
padding: 0 0 60px 0;
max-width: 900px;
}
.havail-row {
padding-bottom: 100px;
}
.havail-row .htxt {
width: 48%;
box-sizing: border-box;
padding: 0 6.7%;
}
.havail-row .htxt p {
padding: 0;
max-width: 400px;
}
.havail-row .himg {
width: 52%;
position: relative;
padding-top: 35.8%;
}
.havail-row .himgm {
display: none;
position: relative;
padding-top: 68.9%;
}
.havail-row .himg video,
.havail-row .himgm video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hfeat {
background-color: #000;
color: #fff;
}
.hfeat .htxt {
width: 40%;
box-sizing: border-box;
padding: 20px 5% 20px 9%;
}
.hfeat .htxt p {
padding: 0;
}
.hfeat .himg {
width: 60%;
position: relative;
padding-top: 54.6%;
}
.hfeat .himg video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 10;
}
.hfeatover-outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
z-index: 20;
text-align: center;
}
.hfeatover-outer::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.hfeatover-inner {
width: calc(100% - 0.5em);
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
max-width: 565px;
margin: 0 auto;
font-size: 56px;
line-height: 64px;
}
.hfeatover-inner b {
font-family: 'Source Serif Pro', serif;
font-weight: 700;
font-style: italic;
}
.hslogonsl {
padding: 95px 4% 75px;
text-align: center;
}
.hslogonsl-slideshow {
width: 100%;
max-width: 1300px;
margin: 0 auto;
}
.hsl-slide {
width: 100%;
color: #0076fc;
font-family: 'Source Serif Pro', serif;
font-size: 68px;
line-height: 72px;
}
.hsl-slide img {
max-height: 150px;
max-width: 100%;
}
.hsl-slide b {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
}
.hsl-slide span {
color: #000;
font-family: 'Source Sans Pro', sans-serif;
}
.hsl-slide span b {
font-family: 'Source Serif Pro', serif;
font-weight: 700;
font-style: italic;
}
.hitws {
padding: 135px 8% 170px 9%;
}
.hitwsw {
max-width: 1330px;
}
.hitws .htxt {
width: 47.5%;
box-sizing: border-box;
padding: 0 9% 0 0;
}
.hitws .himg {
width: 52.5%;
position: relative;
padding-top: 36.1%;
}
.hitws .himg video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hfeatb {
position: relative;
padding-top: 39.5%;
}
.hfeatbw {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
box-sizing: border-box;
padding: 0 4%;
}
.hfeatbw::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.hfeatbwi {
width: calc(100% - 0.5em);
display: inline-block;
vertical-align: middle;
max-width: 1250px;
}
.hfeatb-l {
width: 50%;
box-sizing: border-box;
padding: 0 4%;
}
.hfeatb-r {
width: 50%;
box-sizing: border-box;
padding: 0 4%;
}
.hfeatb-l img,
.hfeatb-r img {
max-height: 48px;
margin-bottom: 20px;
}
.hfeatb-title {
font-family: 'Source Serif Pro', serif;
font-size: 42px;
line-height: 48px;
margin-bottom: 20px;
}
.hfeatb-title b {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
}
.hfeatb-txt {
line-height: 25px;
}
.htestimslide {
width: 100%;
}
.htestim {
padding: 90px calc(4% + 45px) 65px;
box-sizing: border-box;
width: 100%;
max-width: calc(1020px + 8% + 90px) !important;
margin: 0 auto;
}
.htestim .cycle-slideshow {
width: 100%;
box-sizing: border-box;
}
.cycle-slideshow.testimonials {display: none;}
.testimonials .cycle-slide{display: none;}
.testimonials .cycle-slide:first-child {display: block;}
.htestimw {
max-width: 1020px;
margin: 0 auto;
}
.htestim .himg {
width: 40%;
padding-top: 40%;
border-radius: 50%;
}
.htestim .htxt {
width: 60%;
box-sizing: border-box;
padding: 0 0 0 7.8%;
}
.htestim .htxt p {
padding: 0;
}
.htestim .htxt blockquote {
font-family: 'Source Serif Pro', serif;
font-size: 32px;
font-style: normal;
font-weight: 300;
margin: 0;
}
.htestim .htxt blockquote p {
line-height: 38px;
}
.htestim .htxt blockquote strong,
.htestim .htxt blockquote b {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
}
.hnssu {
background-color: #000;
color: #fff;
padding: 120px 4% 80px;
}
.hnssuw {
max-width: 825px;
margin: 0 auto;
text-align: center;
}
#home .hintro {
padding: 110px 9% 130px 9%;
}
.hoffers {
margin-top: 100px;
padding: 0 9% 80px;
}
.hoffer {
display: table;
box-sizing: border-box;
width: 100%;
max-width: 1170px;
margin: 0 auto 40px;
border-radius: 30px;
overflow: hidden;
background-color: #FFF;
align-items: center;
}
.hoffer-h {
display: table-cell;
width: 50%;
vertical-align: middle;
box-sizing: border-box;
z-index: 10;
background-size: cover;
background-position: 50% 50%;
position: relative;
padding-top: 33.7%;
}
.hoffer-titlew {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
}
.hoffer-titlew::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.hoffer-title {
width: calc(100% - 0.5em);
display: inline-block;
vertical-align: middle;
color: #FFF;
font-family: 'Source Serif Pro', serif;
font-size: 50px;
line-height: 54px;
}
.hoffer-title b,
.hoffer-title strong {
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
}
.hoffer .htxt {
position: relative;
z-index: 10;
width: 50%;
display: table-cell;
vertical-align: middle;
padding: 40px 5.5% 20px;
text-align: center;
}
.hoffer .htxt p {
max-width: 420px;
padding: 0;
margin: 0 auto 28px;
}
.haboutw {
background-color: #FFF;
padding: 110px 9% 100px;
}
.hextra-val.haboutw-planpg {
padding: 0 9% 90px;
background-color: transparent;
}
.habout {
max-width: 1090px;
}
.habout.htxt h3 {
font-size: 32px;
line-height: 40px;
}
.havail-list {
padding: 100px 8% 20px 9%;
}
.havailw {
padding: 150px 8% 20px 9%;
}
.havail-list-planpg {
margin: 0 9%;
padding: 75px 5% 20px 5%;
border-radius: 25px;
background-color: #fff;
}
.hintro .htxt.habout {
min-width: 90%;
}
.hintro.h-iswaybird {
padding: 110px 0 0;
box-sizing: border-box;
position: relative;
}
.hiswaybirdw.hintrow{
padding-top: 100px;
background-color: transparent;
padding: 0 9%;
min-width: 100%;
}
.imginline-iswaybird{
width: 54%;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
}
.imginline-iswaybird img{
width: 100%;
height: 100%;
box-sizing: border-box;
}
.htxt.htxt-iswaybird{
width: 45%;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
padding-left: 5%;
}
.hintro.hintro-already{
padding: 40px 4% 100px 9%;
} #sltnspg .hslogonsl {
background-color: #FFF;
}
#sltnspg .hbanner {
padding-top: 52.5%;
}
.havail-listitem.havail-listitemintro {
width: 100%;
margin: 0;
}
.havail-listitem {
width: 50%;
box-sizing: border-box;
padding: 0 6.7%;
margin-bottom: 35px;
}
.havail-listitem img {
max-height: 38px;
}
.havail-listitem h3 {
font-family: 'Source Serif Pro', serif;
font-size: 36px;
line-height: 40px;
margin-bottom: 30px;
}
.havail-listitem h3 b,
.havail-listitem h3 strong {
font-family: 'Source Sans Pro', sans-serif;
}
.havail-listitem ul {
margin: 0 0 0 20px;
}
.havail-listitem li {
line-height: 25px;
margin-bottom: 15px;
}
.hvailintrolstlink {
padding: 0 6.7%;
} .stdpg {
padding: 100px 4%;
}
.stdpgw {
max-width: 1100px;
margin: 0 auto;
}
.stdpg .entry-title {
font-family: 'Source Serif Pro', serif;
font-size: 56px;
line-height: 60px;
margin-bottom: 40px;
}
.req-demo {
max-width: 700px;
}
.cffield {
width: 100%;
padding-bottom: 30px;
}
.cffield.cfib {
display: inline-block;
vertical-align: top;
width: calc(50% - 2px);
}
.cffield label {
display: block;
font-size: 19px;
line-height: 23px;
margin-bottom: 6px;
}
.cffield input {
width: 100%;
box-sizing: border-box;
padding: 7px 10px;
border: 1px solid #000;
background-color: transparent;
}
.cfsubmit input {
border: 0px;
box-shadow: none;
background-color: #0076fc;
color: #fff;
font-weight: 700;
font-size: 19px;
line-height: 25px;
padding: 9px 27px;
border-radius: 6px;
transition: 0.3s linear;
cursor: pointer;
} .abtban {
position: relative;
padding-top: 42.5%;
}
.abtban-outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
text-align: center;
}
.abtban-outer::after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.abtban-inner.std-title {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}
.abtintro {
padding: 200px 6% 170px;
}
.abtintrow {
max-width: 1280px;
margin: 0 auto;
}
.abtintro .himg {
width: 51.4%;
margin-right: 10%;
padding-top: 45.1%;
}
.abtintro .htxt {
width: 38.6%;
}
.abtintro .htxt p {
padding-left: 0px;
}
.abtteam {
background-color: #000;
color: #fff;
padding: 200px 10% 120px;
}
.abtteam-title.std-title {
padding: 0 3%;
margin-bottom: 90px;
}
.abtt-item {
width: 33.333%;
box-sizing: border-box;
padding: 0 3% 70px;
}
.abtti-img {
background-color: #fff;
width: 65%;
padding-top: 65%;
border-radius: 50%;
margin-bottom: 35px;
}
.abtti-name {
font-size: 30px;
line-height: 36px;
font-weight: 900;
margin-bottom: 2px;
}
.abtti-title {
font-family: 'Source Serif Pro', serif;
font-size: 30px;
line-height: 36px;
padding-bottom: 22px;
} #planspg {
padding: 100px 6% 170px;
}
.std-title {
font-family: 'Source Serif Pro', serif;
font-size: 68px;
line-height: 72px;
margin-bottom: 50px;
}
.std-title b {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 900;
}
.plansw {
max-width: 1260px;
margin: 0 auto;
text-align: center;
}
.plans-intro {
max-width: 600px;
margin: 0 auto 50px;
}
.plans-tbl {
text-align: left;
width: 100%;
}
.planscol-desc {
width: 52%;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
box-sizing: border-box;
padding: 15px 12% 15px 15px;
font-size: 19px;
line-height: 23px;
}
.planscol-desc.planscol-blank {
border-left: 0px;
border-bottom: 0px;
}
.planscol-desc.planscol-h {
vertical-align: bottom;
border-left: 0px;
font-family: 'Source Serif Pro', serif;
font-size: 28px;
line-height: 34px;
box-sizing: border-box;
padding: 0 0 10px 15px;
}
.plans-tblh .planscol-h {
border-top: 1px solid #FFF;
}
.logged-in .planscol-stdstk {
position: sticky;
top: 87px;
z-index: 20;
background-color: #f0f0f5;
}
.planscol-std.planscol-h {
box-sizing: border-box;
padding: 15px 2px;
text-align: center;
font-size: 24px;
line-height: 28px;
}
.planscol-std {
width: 16%;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
vertical-align: middle;
box-sizing: border-box;
padding: 15px 0;
text-align: center;
font-size: 19px;
line-height: 23px;
}
.planscol-std a {
display: inline-block;
background-color: #0076fc;
color: #fff;
font-weight: 700;
font-size: 19px;
line-height: 25px;
padding: 9px 27px;
border-radius: 6px;
transition: 0.3s linear;
}
.planscol-std a:hover {
background-color: #fff;
color: #002557;
}
.plans-colb {
background-color: rgba(170, 182, 206, 0.15);
}
.planscol-row:nth-child(odd) td {
background-color: rgba(255, 255, 255, 0.25);
}
.planscol-row:nth-child(odd) td.plans-colb {
background-color: rgba(170, 182, 206, 0.02);
}
.planscol-std b,
.planscol-std strong {
font-weight: 900;
}
.planscol-std span {
position: relative;
display: inline-block;
width: 32px;
height: 32px;
background-color: #0076fc;
border-radius: 50%;
}
.planscol-std span::before {
content: '';
display: block;
width: 7px;
height: 2px;
background-color: #fff;
position: absolute;
top: 18px;
left: 7px;
transform: translateZ(1px) rotate(45deg);
}
.planscol-std span::after {
content: '';
display: block;
width: 16px;
height: 2px;
background-color: #fff;
position: absolute;
top: 15px;
left: 10px;
transform: translateZ(1px) rotate(-45deg);
}
.plans-tblfnotes {
text-align: left;
padding: 40px 0 0;
font-size: 19px;
line-height: 23px;
}
.plans-tblfnotes a {
color: #0076fc;
font-weight: 700;
text-decoration: underline;
} #index, #category {
padding: 95px 4% 90px;
background-color: #f0eaeb;
background-image: linear-gradient(#f0eaeb, #e3ecf9);
}
.idxw {
max-width: 1100px;
margin: 0 auto;
}
.idxh {
margin-bottom: 25px;
text-align: center;
}
.idxtitle {
margin-bottom: 50px;
}
.idxtitle h1 {
font-family: 'Source Serif Pro', serif;
font-size: 68px;
line-height: 72px;
}
.idxtitle h1 b {
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
}
.idxcats {
}
.idxcats span {
display: inline-block;
vertical-align: middle;
padding: 0 0 10px 5px;
}
.idxcats span:first-child::before {
visibility: hidden;
height: 18px;
}
.idxcats span::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 19px;
width: 1px;
background-color: #000;
margin-right: 4px;
}
.idxcats span b {
font-weight: bold;
}
.idxitems {
}
.postitem {
display: inline-block;
vertical-align: top;
width: calc(33.33% - 4px - 30px);
margin: 0 15px 50px;
}
.postitem.postitemf {
width: calc(66.66% - 4px - 30px);
}
.posti-img {
position: relative;
background-color: #000;
padding-top: 113.94%;
margin-bottom: 25px;
}
.posti-img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
}
.posti-img a:hover > .posti-imginner {
opacity: 0.9;
}
.postitem.postitemf .posti-img {
padding-top: 54.2%;
}
.posti-imginner {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
opacity: 1;
transition: 0.3s linear;
}
.posti-title {
font-family: 'Source Serif Pro', serif;
font-size: 27px;
line-height: 31px;
margin-bottom: 5px;
}
.pagination {
text-align: center;
}
.pagination .screen-reader-text {display: none;}
.pagination .nav-links .page-numbers {
display: inline-block;
vertical-align: middle;
color: #000;
text-decoration: none;
margin: 0 4px;
font-size: 18px;
line-height: 18px;
}
.pagination .nav-links .page-numbers.current {
font-weight: bold;
}
.pagination .nav-links .page-numbers.prev {
position: relative;
width: 45px;
height: 45px;
background-image: url(//www.waybird.com/wp-content/themes/waybird/images/icon-arrow-top.svg);
transform: rotate(-90deg);
background-size: contain;
background-repeat: no-repeat;
margin: 0 34px 0 0;
}
.pagination .nav-links .page-numbers.next {
position: relative;
width: 45px;
height: 45px;
background-image: url(//www.waybird.com/wp-content/themes/waybird/images/icon-arrow-top.svg);
transform: rotate(90deg);
background-size: contain;
background-repeat: no-repeat;
margin: 0 0 0 34px;
} .stdpost {
padding: 85px 0 90px;
background-color: #f0eaeb;
}
.posth {
text-align: center;
padding: 0 4% 50px;
}
.stdpost-cats {
display: inline-block;
vertical-align: top;
margin: 0 14px;
font-weight: bold;
font-style: italic;
font-family: 'Source Serif Pro', serif;
}
.stdpost-date {
display: inline-block;
vertical-align: top;
margin: 0 14px;
}
.stdpost-author {
margin: 6px 0;
font-size: 15px;
line-height: 21px;
}
.stdpost-title {
max-width: 800px;
margin: 15px auto 0;
}
.stdpost-title h1 {
font-family: 'Source Serif Pro', serif;
font-size: 56px;
line-height: 66px;
}
.stdpost-banner {
background-size: cover;
background-position: 50% 50%;
padding-top: 54%;
margin-bottom: 75px;
}
.stdpost-content {
padding: 0 4%;
}
.stdpost-content .ctxt {
max-width: 860px;
margin: 0 auto;
}
.stdpost-content .ctxt h2 {
font-family: 'Source Serif Pro', serif;
font-size: 40px;
line-height: 44px;
margin-bottom: 15px;
}
.stdpost-content .ctxt h3 {
font-family: 'Source Serif Pro', serif;
font-size: 24px;
line-height: 30px;
font-weight: 700;
font-style: italic;
margin-bottom: 15px;
}
.stdpost-content .ctxt h4 {
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 15px;
}
.stdpost-content .ctxt ul {
margin: 0 0 28px 18px;
}
.stdpost-content .ctxt li {
line-height: 25px;
margin-bottom: 15px;
}
.stdpost-content .ctxt p {
font-size: 20px;
}
.wp-caption {
max-width: 100%;
}
.wp-caption img, .wp-caption video {
max-width: 100%;
}
.related-posts {
padding: 95px 4% 0;
}
.related-postsw {
max-width: 1100px;
margin: 0 auto;
}
.relpst-title {
font-family: 'Source Serif Pro', serif;
font-size: 40px;
line-height: 48px;
margin: 0 15px 30px;
}
.relpst-title b {
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
}
.relpst-items {
}
.relpst-more {
text-align: center;
}
.relpst-more a {
display: inline-block;
background-color: #0076fc;
color: #fff;
font-weight: 700;
font-size: 19px;
line-height: 25px;
padding: 9px 58px;
border-radius: 6px;
transition: 0.3s linear;
}
.relpst-more a:hover {
background-color: #fff;
color: #002557;
} #tut-single-page{
background-color: #f0eaeb;
position: relative;
}
.tutsingle-breadcrumb {
font-size: 20px;
line-height: 26px;
font-family: 'Source Serif Pro', serif;
margin-bottom: 25px;
}
.tutsingle-breadcrumb a {
background-color: transparent;
color: inherit;
font-weight: normal;
font-size: 20px;
line-height: 26px;
padding: 0px;
border-radius: 0px;
display: inline;
}
.tutsingle-breadcrumb a:hover {
background-color: transparent;
color: inherit;
}
.tutsingle-breadcrumb span {
font-style: italic;
font-weight: 700;
}
.tut-listngsban-outer{
padding: 100px 0 0;
}
.tut-listngsban-outer h4 i {
font-style: normal;
font-weight: normal;
}
.tut-listngs-items{
padding: 75px 9% 150px 9%;
}
.tut-listingsi-bgcolor {
position: relative;
box-sizing: border-box;
padding: 30px;
display: grid;
row-gap: 60px;
column-gap: 50px;
grid-template-columns: 1fr 1fr;
}
.tut-listingsi-bgcolor a {
text-decoration: none;
}
.tut-listngs-item{
box-sizing: border-box;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
text-align: center;
align-self: center;
padding: 20% 0 22%;
border: 8px solid #fff;
border-radius: 8px;
box-shadow: 0 0 60px 30px #eff1f6;
}
.tut-listngs-item a img{
width: 60px;
height: 60px;
transition: 0.3s ease;
}
.tut-listngs-item a img:hover{
width: 60px;
height: 60px;
}
.tut-listingsi-title h3{
color: #FFFFFF;
font-size: 45px;
line-height: 120%;
padding-top: 5px;
}
.tut-listngs-formsect{
text-align: center;
background-color: #000;
color: #fff;
padding: 100px 0 50px
}
.tut-listngs-formsect .wpcf7 p:has(input[type="submit"]) { }
.tut-listngs-formsect .wpcf7 input[type="email"]{
width: 55%;
padding: 5px 15px;
border-radius: 3px;
}
.tut-listngs-formsect .wpcf7 input[type="submit"]{
display: inline-block;
background-color: #0076fc;
color: #fff;
font-weight: 700;
line-height: 25px;
padding: 9px 27px;
border-radius: 3px;
cursor: pointer !important;
transition: 0.3s linear;
border: 1px solid #0076fc;
position: relative;
left: 35px;
}
.tut-listngs-formsect .wpcf7 input[type="submit"]:hover{
text-decoration: none;
background-color: #fff;
color: #000;
border: 1px solid #fff;
} .tut-single-ctawrap{
padding: 60px 0% 0px;
width: 85%;
max-width: 1100px;
box-sizing: border-box;
position: relative;
top: 100%;
}
.tut-single-ctatext {
padding-bottom: 30px;
}
.tut-single-ctawrap h3{
letter-spacing: 0.01em;
}
.tut-single-ctawrap p{
padding-left: 0;
}
.tut-single-ctawrap p a{
background-color: transparent;
padding: 0;
font-weight: normal;
color: #000;
text-decoration: none;
}
#tut-single-page .tut-listngs-items{
display: block; 
padding: 20px 9% 20% 9%; box-sizing: border-box;
position: relative;
}
#tut-single-page .tut-listngs-mainvid {
width: 65%;
height: 100%;
display: inline-block;
vertical-align: top;
}
.tut-listngs-currentvid {
position: relative;
aspect-ratio: 5 / 3.1;
border: 8px solid #fff;
border-radius: 8px;
box-shadow: 0 0 60px 30px #eff1f6;
}
.tut-listngs-currentvid iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tut-side-vidembed, .tut-side-viddesc {
display: none;
}
#tut-single-page .tut-listngs-sidevids{
width: 34%;
padding-left: 2%;
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
display: inline-block;
padding-right: 15px;
}
img#scrollIndicator{
position: absolute;
top: calc(100vh + 30px);
right: calc(20% + 15px);
display: none;
width: 30px;
height: 30px;
}
.tut-side-row{
display: flex;
gap: 20px;
justify-content: space-between;
align-items: start;
position: relative;
padding: 30px 0;
border-bottom: 1px solid #000;
cursor: pointer;
}
.tut-side-row:first-child{
border-top: 1px solid #000;
}
.now-playing-label {
font-weight: bold; color: black;
}
#tut-single-page .tut-listngs-sidevids .side-thumbnail{
width: 100%;
box-sizing: border-box;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
max-width: 180px;
min-width: 180px;
aspect-ratio: 1 / 0.01;
height: 100px;
border: 8px solid #fff;
border-radius: 8px;
box-shadow: 0 0 40px 10px #eff1f6;
}
.tut-side-title{
font-size: 15px;
line-height: 140%;
width: 180px;
}
#tut-single-page .tut-listngs-mainvid .tut-listngs-bgimg{
box-sizing: border-box;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
aspect-ratio: 1/0.6;
position: relative;
}
#tut-single-page .tut-listngs-playbtn {
box-sizing: border-box;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 60px;
height: 60px;
border-radius: 50%;
position: absolute;
top: calc(50% - 30px);
left: calc(50% - 30px);
}
.now-playing-btn{
box-sizing: border-box;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 30px;
height: 30px;
border-radius: 50%; }
.tut-side-centred{
position: relative;
display: flex;
align-items: center;
gap: 15px;
}
.tut-side-centred .in-text h4{
font-family: "Source Serif Pro", sans-serif;
}
.tut-side-centred .in-text h4 strong{
font-family: "Source Sans Pro", sans-serif;
}
.video-number{
width: 30px;
height: 30px;
border-radius: 50%;
background-color: lightgray;
text-align: center;
align-content: center;
font-weight: 600;
font-size: 18px;
color: #fff; }
.tut-side-rowcurrent .video-number {
background-color: #0076fc;
} .ytp-cued-thumbnail-overlay-image{
padding-left: 25rem;
}
.out-text{
font-family: "Source Serif Pro", serif;
}
.out-text h4{
word-break: break-word;
overflow-wrap: break-word;
}
.tut-single-ctabtn h5 a{
text-decoration: none;
} #footer {
padding: 60px 9% 40px;
}
.ftrw {
text-align: justify;
font-size: 0;
}
.ftrw::after {
content: '';
width: 100%;
display: inline-block;
}
.ftr-l {
font-size: 18px;
text-align: left;
}
.ftr-l .widget p {
margin: 0;
}
.ftr-r {
font-size: 18px;
}
.ftr-r .widget {
display: inline-block;
vertical-align: top;
padding: 0 0 0 30px;
}
.ftr-r .widget-title {
font-weight: 700;
margin-bottom: 20px;
}
.ftr-r .widget ul {
list-style: none;
margin: 0;
}
.ftr-r .widget li {
line-height: 23px;
padding-bottom: 4px;
}
.ftrsiteby {
text-align: center;
padding: 50px 0 0;
}
.ftrsiteby img {
width: 200px;
}