@font-face {
font-family: "Flaticon";
src: url(//nextera.digital/wp-content/themes/webify/assets/fonts/Flaticon.eot);
src: url(//nextera.digital/wp-content/themes/webify/assets/fonts/Flaticon.eot?#iefix) format("embedded-opentype"),
url(//nextera.digital/wp-content/themes/webify/assets/fonts/Flaticon.woff) format("woff"),
url(//nextera.digital/wp-content/themes/webify/assets/fonts/Flaticon.ttf) format("truetype"),
url(//nextera.digital/wp-content/themes/webify/assets/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(https://nextera.digital/wp-content/themes/webify/assets/css/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}
.flaticon-like:before { content: "\f100"; }
.flaticon-user:before { content: "\f101"; }
.flaticon-search:before { content: "\f102"; }
.flaticon-shopping-bag:before { content: "\f103"; }.tb-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
overflow: hidden;
font-weight: 500;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
border: none;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.tb-btn:hover {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1),
0 3px 6px rgba(0, 0, 0, 0.08);
box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.tb-btn span {
position: relative;
z-index: 2;
}
.tb-btn i {
margin-right: 10px;
}
.tb-btn.tb-style1 {
color: #222;
}
.tb-btn.tb-style1:hover {
-webkit-box-shadow: initial;
box-shadow: initial;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
}
.tb-btn.tb-style1:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #eaeaea;
}
.tb-btn.tb-style1:after {
content: "";
width: 100%;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.tb-btn.tb-style1:hover:after {
opacity: 1;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.tb-btn.tb-style1:after {
height: 2px;
background-color: #b5b5b5;
}
.tb-btn.tb-style1.tb-type1 {
font-size: 12px;
line-height: 1.6em;
color: #d69b9a;
}
.tb-btn.tb-style1.tb-type1:before {
display: none;
}
.tb-btn.tb-style1.tb-type1:after {
background-color: #d69b9a;
}
.tb-btn.tb-style2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tb-btn.tb-style2:hover {
color: #222;
-webkit-box-shadow: initial;
box-shadow: initial;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
}
.tb-btn.tb-style2 i {
margin-left: 5px;
margin-right: 0;
font-size: 14px;
line-height: inherit;
}
.tb-btn.tb-style3,
.tb-btn.tb-style4,
.tb-btn.tb-style5,
.tb-btn.tb-style6,
.tb-btn.tb-style7,
.tb-btn.tb-style8 {
font-size: 15px;
border-radius: 4px;
}
.tb-btn.tb-style3,
.tb-btn.tb-style5 {
min-width: 150px;
padding: 0.7em 2.1em;
}
.tb-btn.tb-style4,
.tb-btn.tb-style6 {
padding: 0.8em 2.4em;
min-width: 180px;
}
.tb-btn.tb-style7 {
min-width: 150px;
padding: 0.65em 2.1em;
border: 1px solid #eaeaea;
}
.tb-btn.tb-style8 {
padding: 0.75em 2.4em;
min-width: 180px;
border: 1px solid #eaeaea;
}
.tb-btn.tb-style5,
.tb-btn.tb-style6,
.tb-btn.tb-btn-style.tb-btn-br50 {
border-radius: 1.6em;
}
.tb-btn.tb-btn-style.tb-btn-br4 {
border-radius: 4px;
}
.tb-btn i {
margin-right: 10px;
} .tb-btn.tb-color1 {
background-color: #fff;
color: #222;
}
.tb-btn.tb-color1:hover {
color: rgba(34, 34, 34, 0.8);
}
.tb-btn.tb-color2,
.tb-btn.tb-color3,
.tb-btn.tb-color4,
.tb-btn.tb-color6,
.tb-btn.tb-color8,
.tb-btn.tb-color9,
.tb-btn.tb-color10,
.tb-btn.tb-color11,
.tb-btn.tb-color12,
.tb-btn.tb-color13,
.tb-btn.tb-color14,
.tb-btn.tb-color15,
.tb-btn.tb-color16,
.tb-btn.tb-color17,
.tb-btn.tb-color18,
.tb-btn.tb-color19,
.tb-btn.tb-color20 {
color: #fff;
}
.tb-btn.tb-color2 {
background-color: #222;
}
.tb-btn.tb-color3 {
background-color: #488bf8;
}
.tb-btn.tb-color4 {
background-color: #5c6ac4;
}
.tb-btn.tb-color5 {
background-color: rgba(92, 106, 196, 0.1);
color: #5c6ac4;
}
.tb-btn.tb-color5:hover {
color: #fff;
background-color: #5c6ac4;
}
.tb-btn.tb-color6 {
background-color: #5752d0;
}
.tb-btn.tb-color7 {
color: #488bf8;
}
.tb-btn.tb-color8 {
background-color: #13ce66;
}
.tb-btn.tb-color9 {
background-color: #4ed55f;
}
.tb-btn.tb-color10 {
background-color: #5ac4f6;
}
.tb-btn.tb-color11 {
background-color: #485f95;
}
.tb-btn.tb-color12 {
background-color: #49c4f0;
}
.tb-btn.tb-color13 {
background-color: #4a7393;
}
.tb-btn.tb-color14 {
background-color: #f99205;
}
.tb-btn.tb-color15 {
background-color: #e4002b;
}
.tb-btn.tb-color16 {
background-color: #5c6ac4;
}
.tb-btn.tb-color17 {
background-color: #2e5bff;
}
.tb-btn.tb-color18 {
background-color: #6673c7;
}
.tb-btn.tb-color19 {
background-color: #62B0E2;
}
.tb-btn.tb-color20 {
background-color: #1db954;
}
.tb-btn.tb-color21:hover {
background-color: #1db954;
border-color: #1db954;
color: #fff;
}
.tb-btn.tb-color22 {
background-color: #f2f2f2;
color: #222;
}
.tb-btn.tb-color22:hover {
background-color: #eaeaea;
box-shadow: none;
}
.tb-newsletter.tb-style3 .tb-btn,
.tb-newsletter.tb-style5 .tb-btn,
.tb-newsletter.tb-style6 .tb-btn {
position: relative;
height: 40px;
}
.tb-newsletter.tb-style3 .tb-btn input,
.tb-newsletter.tb-style5 .tb-btn input,
.tb-newsletter.tb-style6 .tb-btn input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
background: transparent;
border: none;
color: #fff;
}
.tb-newsletter.tb-style5 .tb-btn {
height: 30px;
padding: 0.4em 1.5em;
min-width: 120px;
font-size: 14px;
}
.tb-btn-group.tb-style1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -7px;
margin-right: -7px;
margin-top: -15px;
}
.tb-btn-group.tb-style1 .tb-btn {
margin: 0 7px;
margin-top: 15px;
}
.tb-btn.tb-style9,
.tb-btn.tb-style10 {
border: 1px solid #eaeaea;
min-width: 150px;
padding: 0.7em 2.1em;
font-size: 14px;
font-weight: 500;
color: #222;
line-height: 1.5em;
background-color: #fff;
}
.tb-btn.tb-style9 {
border-radius: 1.6em;
}
.tb-btn.tb-style10 {
border-radius: 4px;
}
.tb-btn.tb-style9:hover,
.tb-btn.tb-style10:hover {
border-color: transparent;
}
.tb-btn.tb-style11 {
font-size: 16px;
color: #222;
border: 2px solid #222;
min-width: 180px;
padding: 0.7em 2.1em;
}
.tb-btn.tb-style11:hover {
color: #fff;
background-color: #222;
}
.tb-btn.tb-style12 {
font-size: 12px;
text-transform: uppercase;
padding: 0.7em 2.1em;
border-radius: 4px;
}
.tb-btn-center {
position: relative;
left: 50%;
transform: translateX(-50%);
}
.tb-btn-center.tb-btn:hover {
transform: translate(-50%, -1px);
}
@media screen and (max-width: 767px) {
.tb-btn.tb-style11 {
padding: 0.6em 1.5em;
}
.tb-btn.tb-style4,
.tb-btn.tb-style6 {
padding: 0.77em 2em;
min-width: 150px;
}
.tb-btn.tb-style3,
.tb-btn.tb-style5 {
min-width: 140px;
padding: 0.65em 1.7em;
}
}.tb-hero .container {
margin-left: 0px;
margin-right: 0px;
position: relative;
z-index: 2;
}
.tb-hero {
position: relative;
overflow: hidden;
}
.tb-hero.tb-style1:before,
.tb-hero.tb-style2:before,
.tb-hero.tb-style4:before,
.tb-hero.tb-style8:before,
.tb-hero.tb-style9:before,
.tb-hero.tb-style12:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background-color: #111;
left: 0;
top: 0;
z-index: 1;
opacity: 0.4;
}
.tb-hero.tb-style12:before {
opacity: 0.94;
}
.tb-hero.no-overlay:before,
.tb-hero12-wrap.no-overlay:before {
content: none;
}
.tb-hero.tb-style1,
.tb-hero.tb-style9 {
height: 600px;
}
.tb-hero.tb-style2 {
height: 780px;
}
.tb-hero.tb-style4 {
height: 730px;
}
.tb-hero.tb-style5,
.tb-hero.tb-style12 {
height: 800px;
position: relative;
}
.tb-hero.tb-style12 {
padding-bottom: 185px;
}
.tb-hero.tb-style6 {
height: 810px;
background-attachment: initial !important;
margin-top: -70px;
padding-top: 70px;
}
.tb-hero.tb-style2 .tb-hero-title span {
display: block;
}
.tb-hero-bg {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.slick-container .tb-hero {
background-color: #222;
}
.slick-container .tb-hero-bg {
opacity: 0.3;
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
-webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 2s ease 0.6s;
transition: opacity 0.5s ease-in-out, -webkit-transform 2s ease 0.6s;
-o-transition: opacity 0.5s ease-in-out, transform 2s ease 0.6s;
transition: opacity 0.5s ease-in-out, transform 2s ease 0.6s;
transition: opacity 0.5s ease-in-out, transform 2s ease 0.6s, -webkit-transform 2s ease 0.6s;
}
.slick-container .slick-active .tb-hero-bg {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.slick-container .tb-hero-title {
position: relative;
top: 40px;
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
-o-transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
}
.slick-container .tb-hero-subtitle {
position: relative;
top: 30px;
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
-o-transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
}
.slick-container .tb-hero-btn,
.slick-container .tb-btn-group {
position: relative;
top: 20px;
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
-o-transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
}
.slick-active .tb-hero-title {
top: 0px;
opacity: 1;
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.slick-active .tb-hero-subtitle {
top: 0px;
opacity: 1;
-webkit-transition-delay: 0.75s;
-o-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.slick-active .tb-hero-btn,
.slick-active .tb-btn-group {
top: 0px;
opacity: 1;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
} .tb-hero.tb-style6 .tb-hero-text {
background-color: rgba(17, 17, 17, 0.9);
max-width: 830px;
margin-left: auto;
margin-right: auto;
padding: 60px 30px;
}
.slick-container .tb-hero.tb-style6 .tb-hero-text {
opacity: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slick-container .slick-slide-duplicate-active .tb-hero.tb-style6 .tb-hero-text,
.slick-container .slick-active .tb-hero.tb-style6 .tb-hero-text {
opacity: 1;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.slick-container .tb-hero-subheading {
position: relative;
top: 30px;
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
-o-transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
transition: all 0.6s cubic-bezier(0.70, -0.56, 0.27, 1.6);
}
.slick-container .slick-slide-duplicate-active .tb-hero-subheading,
.slick-container .slick-active .tb-hero-subheading {
top: 0;
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} .tb-hero.tb-style7 {
height: 780px;
}
.tb-hero.tb-style7 .tb-hero-subtitle {
color: rgba(102, 102, 102, 0.8);
} .tb-hero.tb-style8 {
height: 750px;
}
.tb-hero-banner {
position: relative;
}
.tb-hero-banner .container {
position: relative;
z-index: 1;
}
.tb-shap-animation1 {
position: absolute;
left: 64%;
top: 30%;
-webkit-animation: shapAnimation2 30s alternate infinite linear;
animation: shapAnimation2 30s alternate infinite linear;
}
.tb-shap-animation-in {
overflow: hidden;
border-radius: 10px;
border-bottom: 7px solid #e1dbf0;
height: 71px;
width: 67px;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.tb-shap-animation1 .tb-shap-animation-in span {
position: absolute;
height: 70px;
width: 80px;
border-radius: 10px;
border: 7px solid #e1dbf0;
-webkit-transform: rotate(63deg) skew(34deg);
-ms-transform: rotate(63deg) skew(34deg);
transform: rotate(63deg) skew(34deg);
top: 35px;
z-index: 1;
left: -7px;
border-left-width: 8px;
}
.tb-shap-animation4 {
position: absolute;
left: 64%;
top: 30%;
-webkit-animation: shapAnimation2 30s alternate infinite linear;
animation: shapAnimation2 30s alternate infinite linear;
}
.tb-shap-animation4 span {
display: block;
height: 70px;
width: 70px;
border-radius: 5px;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
border: 7px solid #e1dbf0;
}
.tb-shap-animation2 {
position: absolute;
left: 10%;
top: 9%;
-webkit-animation: shapAnimation2 20s alternate infinite linear;
animation: shapAnimation2 20s alternate infinite linear;
}
.tb-shap-animation2 span {
border-radius: 20px;
display: block;
width: 75px;
height: 35px;
border: 7px solid #f0dcdb;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tb-shap-animation3 {
height: 86px;
width: 86px;
border: 7px solid #dbedf0;
border-radius: 50%;
position: absolute;
right: 4%;
top: 4%;
-webkit-animation: shapAnimation3 10s alternate infinite linear;
animation: shapAnimation3 10s alternate infinite linear;
} .tb-shap-animation-wrap.tb-style1 .tb-shap-animation1 {
-webkit-animation: shapAnimation 60s alternate infinite linear;
animation: shapAnimation 60s alternate infinite linear;
left: 7.5%;
top: -29%;
}
.tb-shap-animation-wrap.tb-style1 .tb-shap-animation-in {
border-radius: 0;
border: none;
height: 426px;
width: 455px;
}
.tb-shap-animation-wrap.tb-style1 .tb-shap-animation-in b {
height: 32px;
position: absolute;
width: 395px;
bottom: 0;
left: 32px;
background: #FCDDF0;
}
.tb-shap-animation-wrap.tb-style1 .tb-shap-animation1 .tb-shap-animation-in span {
height: 400px;
width: 520px;
border-radius: 0;
border: 32px solid #FCDDF0;
-webkit-transform: rotate(62deg) skew(32deg);
-ms-transform: rotate(62deg) skew(32deg);
transform: rotate(62deg) skew(32deg);
top: 250px;
left: -20px;
border-left-width: 36px;
}
.tb-shap-animation-wrap.tb-style1 .tb-shap-animation2 {
left: 44.9%;
top: 8.1%;
-webkit-animation: shapAnimation 30s alternate infinite linear;
animation: shapAnimation 30s alternate infinite linear;
}
.tb-shap-animation-wrap.tb-style1 .tb-shap-animation2 span {
width: 143px;
height: 38px;
border: 9px solid #DDFCF4;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.tb-shap-animation-wrap.tb-style1 .tb-shap-animation3 {
height: 681px;
width: 681px;
border: 30px solid #DDDDFC;
right: -6%;
top: -90%;
-webkit-animation: shapAnimation 35s alternate infinite linear;
animation: shapAnimation 35s alternate infinite linear;
}
@-webkit-keyframes shapAnimation2 {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(0px, 5px) rotate(35deg);
transform: translate(0px, 5px) rotate(35deg);
}
40% {
-webkit-transform: translate(5px, 5px) rotate(70deg);
transform: translate(5px, 5px) rotate(70deg);
}
60% {
-webkit-transform: translate(5px, 0px) rotate(100deg);
transform: translate(5px, 0px) rotate(100deg);
}
80% {
-webkit-transform: translate(5px, 5px) rotate(45deg);
transform: translate(5px, 5px) rotate(45deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes shapAnimation2 {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(0px, 5px) rotate(35deg);
transform: translate(0px, 5px) rotate(35deg);
}
40% {
-webkit-transform: translate(5px, 5px) rotate(70deg);
transform: translate(5px, 5px) rotate(70deg);
}
60% {
-webkit-transform: translate(5px, 0px) rotate(100deg);
transform: translate(5px, 0px) rotate(100deg);
}
80% {
-webkit-transform: translate(5px, 5px) rotate(45deg);
transform: translate(5px, 5px) rotate(45deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
}
@-webkit-keyframes shapAnimation3 {
0% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
20% {
-webkit-transform: translate(-10px, -5px);
transform: translate(-10px, -5px);
}
40% {
-webkit-transform: translate(0px, -10px);
transform: translate(0px, -10px);
}
60% {
-webkit-transform: translate(10px, 0px);
transform: translate(10px, 0px);
}
80% {
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes shapAnimation3 {
0% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
20% {
-webkit-transform: translate(-10px, -5px);
transform: translate(-10px, -5px);
}
40% {
-webkit-transform: translate(0px, -10px);
transform: translate(0px, -10px);
}
60% {
-webkit-transform: translate(10px, 0px);
transform: translate(10px, 0px);
}
80% {
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
} .tb-hero-form.tb-style1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tb-hero-form.tb-style1 input {
max-width: 300px;
width: 100%;
border: 1px solid #eaeaea;
border-radius: 4px;
padding: 10px 15px;
height: 46px;
margin-right: 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tb-hero-form.tb-style1 input:focus {
outline: none;
border-color: #666;
}
.tb-hero-form.tb-style1 input::-webkit-input-placeholder {
color: #b5b5b5;
}
.tb-hero-form.tb-style1 input::-moz-placeholder {
color: #b5b5b5;
}
.tb-hero-form.tb-style1 input:-ms-input-placeholder {
color: #b5b5b5;
}
.tb-hero-form.tb-style1 input:-moz-placeholder {
color: #b5b5b5;
}
.tb-form-heading.tb-style1 {
padding: 40px;
padding-bottom: 30px;
background-color: #fff;
}
.tb-hero-form.tb-style2 .tb-form-body {
padding: 40px;
padding-top: 30px;
background-color: #fbfbfb;
}
.tb-hero-form.tb-style2 .row {
margin-right: -10px;
margin-left: -10px;
}
.tb-hero-form.tb-style2 .row>div {
padding-right: 10px;
padding-left: 10px;
}
.tb-hero-form.tb-style2 .row {
margin-top: 0px;
}
.tb-hero-form.tb-style2 .row>div {
margin-top: 0px;
}  .tb-hero-img {
position: relative;
}
.tb-hero-img>img {
position: relative;
z-index: 2;
}
.tb-pattern-animation {
position: absolute;
right: 11%;
top: 38%;
-webkit-animation: patternAnimation 8s ease-in-out infinite;
animation: patternAnimation 8s ease-in-out infinite;
}
@-webkit-keyframes patternAnimation {
0% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
20% {
-webkit-transform: translate(-5px, -8px);
transform: translate(-5px, -8px);
}
40% {
-webkit-transform: translate(-10px, -15px);
transform: translate(-10px, -15px);
}
60% {
-webkit-transform: translate(-10px, -5px);
transform: translate(-10px, -5px);
}
80% {
-webkit-transform: translate(-8px, 0px);
transform: translate(-8px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes patternAnimation {
0% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
20% {
-webkit-transform: translate(-5px, -8px);
transform: translate(-5px, -8px);
}
40% {
-webkit-transform: translate(-10px, -15px);
transform: translate(-10px, -15px);
}
60% {
-webkit-transform: translate(-10px, -5px);
transform: translate(-10px, -5px);
}
80% {
-webkit-transform: translate(-8px, 0px);
transform: translate(-8px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
.tb-svg-shape-wrap {
width: 700px;
}
.tb-pattern1 {
display: block;
height: 220px;
width: 220px;
background-image: -webkit-radial-gradient(#c7dde2 15%, transparent 15%);
background-image: -o-radial-gradient(#c7dde2 15%, transparent 15%);
background-image: radial-gradient(#c7dde2 15%, transparent 15%);
background-size: 38px 38px;
background-position: 0 0;
}
.tb-pattern2 {
display: block;
height: 95px;
width: 120px;
background-image: -webkit-radial-gradient(#e4e4e4 15%, transparent 15%);
background-image: -o-radial-gradient(#e4e4e4 15%, transparent 15%);
background-image: radial-gradient(#e4e4e4 15%, transparent 15%);
background-size: 12px 12px;
background-position: 0 0;
}
.tb-hero-img.tb-style1 {
margin-left: 30px;
}
.tb-hero-img.tb-style1 {
position: relative;
}
.tb-hero-img.tb-style1 .tb-hero-img-box {
width: 650px;
height: 550px;
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
-webkit-animation: borderAnimation 4s linear infinite;
animation: borderAnimation 4s linear infinite;
position: relative;
z-index: 1;
}
.tb-hero-img-box-pattern {
position: absolute;
right: -87px;
bottom: 25px;
-webkit-animation: patternAnimation 10s ease-in-out infinite;
animation: patternAnimation 10s ease-in-out infinite;
}
.tb-hero-img-box-circle {
position: absolute;
height: 300px;
width: 300px;
border-radius: 50%;
bottom: 50px;
background: #d2c7e2;
left: -2px;
}
@-webkit-keyframes borderAnimation {
0% {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
33% {
border-radius: 30% 70% 66% 34% / 37% 36% 64% 63%;
}
66% {
border-radius: 37% 63% 62% 38% / 32% 43% 57% 68%;
}
100% {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
}
@keyframes borderAnimation {
0% {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
33% {
border-radius: 30% 70% 66% 34% / 37% 36% 64% 63%;
}
66% {
border-radius: 37% 63% 62% 38% / 32% 43% 57% 68%;
}
100% {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
} .tb-hero.tb-style11 {
height: 850px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2e6ffb), to(#2ec6e7));
background-image: -webkit-linear-gradient(#2e6ffb, #2ec6e7);
background-image: -o-linear-gradient(#2e6ffb, #2ec6e7);
background-image: linear-gradient(#2e6ffb, #2ec6e7);
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.tb-hero.tb-style11 .tb-btn-group {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tb-circle-shape1,
.tb-circle-shape2,
.tb-circle-shape3 {
position: absolute;
overflow: hidden;
border-radius: 50%;
}
.tb-circle-shape1 {
background-color: #2e93f2;
width: 248px;
height: 248px;
left: -3.5%;
top: 10%;
-webkit-animation: shapAnimation3 10s ease-in-out infinite;
animation: shapAnimation3 10s ease-in-out infinite;
}
.tb-circle-shape2 {
background-color: #30a7ed;
width: 123px;
height: 123px;
left: 13.5%;
top: 50%;
-webkit-animation: shapAnimation3 5s ease-in-out infinite;
animation: shapAnimation3 5s ease-in-out infinite;
}
.tb-circle-shape3 {
background-color: #2e93f2;
width: 521px;
height: 521px;
top: -140px;
right: -300px;
-webkit-animation: shapAnimation3 10s ease-in-out infinite;
animation: shapAnimation3 10s ease-in-out infinite;
}
.tb-hero-img.tb-style2 {
position: relative;
display: inline-block;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tb-hero-bottom-svg-shap {
position: absolute;
bottom: -5px;
left: 0;
width: 110%;
height: 300px;
margin-left: -5%;
-webkit-animation: shapAnimation4 4s ease-in-out infinite;
animation: shapAnimation4 4s ease-in-out infinite;
}
@-webkit-keyframes shapAnimation4 {
0% {
height: 300px;
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
margin-left: -5%;
}
35% {
height: 270px;
-webkit-transform: skewX(-35deg);
transform: skewX(-35deg);
margin-left: -5%;
}
70% {
height: 270px;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
margin-left: -4%;
}
100% {
height: 300px;
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
margin-left: -5%;
}
}
@keyframes shapAnimation4 {
0% {
height: 300px;
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
margin-left: -5%;
}
35% {
height: 270px;
-webkit-transform: skewX(-35deg);
transform: skewX(-35deg);
margin-left: -5%;
}
70% {
height: 270px;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
margin-left: -4%;
}
100% {
height: 300px;
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
margin-left: -5%;
}
}
.tb-hero-bottom-svg-shap svg {
width: 100%;
height: 100%;
}
#tb-hero-bottom-svg-path {
fill: #fff;
}
.tb-hero.tb-style4 .tb-hero-text {
margin-top: -10px;
}
.tb-transparent-header+.tb-content .tb-hero {
padding-top: 70px;
}
#tb-svg-wave {
position: absolute;
bottom: -25px;
left: 0;
} .tb-hero.tb-style12 .tb-hero-text {
max-width: 570px;
margin: auto;
}
.tb-hero12-wrap {
position: relative;
}
.tb-hero12-wrap .tb-hero-carousel {
margin-top: -185px;
} @media screen and (max-width: 1500px) {
.tb-hero-img.tb-style1 .tb-hero-img-box {
width: 100%;
height: 470px;
}
.tb-hero-img.tb-style1 {
margin-left: 0;
}
.tb-hero-img-box-pattern {
right: 1%;
bottom: 0%;
}
}
@media screen and (max-width: 1199px) {
.tb-hero12-wrap .tb-hero-carousel {
position: relative;
width: 100%;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
}
}
@media screen and (max-width: 991px) {
.tb-hero.tb-style7 {
padding: 80px 0;
height: initial;
}
.tb-hero-subtitle br {
display: none;
}
.tb-hero-form.tb-style2 .tb-form-body {
padding-left: 30px;
padding-right: 30px;
}
.tb-form-heading.tb-style1 {
padding-left: 30px;
padding-right: 30px;
}
.tb-transparent-header+.tb-content .tb-hero {
padding-top: 35px;
}
.tb-hero.tb-style5 {
height: initial;
position: relative;
padding-top: 60px;
padding-bottom: 60px;
}
.tb-hero-img-box-pattern {
right: 3%;
bottom: 5%;
}
.tb-hero-img.tb-style1 {
margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
.tb-hero.tb-style8,
.tb-hero.tb-style4,
.tb-hero.tb-style5,
.tb-hero.tb-style2 {
height: 640px;
}
.tb-hero.tb-style5 {
height: initial;
}
.tb-hero.tb-style11 {
height: 700px;
}
.tb-circle-shape3 {
width: 321px;
height: 321px;
right: -120px;
}
.tb-circle-shape1 {
width: 120px;
height: 120px;
}
.tb-circle-shape2 {
width: 80px;
height: 80px;
}
}
@media screen and (max-width: 575px) {
.tb-hero-form.tb-style1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tb-hero-form.tb-style1 input {
margin-right: 0;
margin-bottom: 10px;
}
.tb-hero-img.tb-style1 .tb-hero-img-box {
height: 390px;
}
.tb-hero.tb-style9 {
height: 500px;
}
}.tb-intro {
margin: 4em auto;
}
@media only screen and (min-width: 768px) {
.tb-intro {
margin: 5em auto;
}
}
@media only screen and (min-width: 1170px) {
.tb-intro {
margin: 6em auto;
}
}
.tb-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.tb-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
font-weight: inherit;
}
.tb-words-wrapper b.is-visible {
position: relative;
}
.no-js .tb-words-wrapper b {
opacity: 0;
}
.no-js .tb-words-wrapper b.is-visible {
opacity: 1;
} .tb-text-slider.tb-rotate-1 .tb-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.tb-text-slider.tb-rotate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tb-text-slider.tb-rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: tb-rotate-1-in 1.2s;
animation: tb-rotate-1-in 1.2s;
}
.tb-text-slider.tb-rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: tb-rotate-1-out 1.2s;
animation: tb-rotate-1-out 1.2s;
}
@-webkit-keyframes tb-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes tb-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes tb-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes tb-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
} .tb-text-slider.tb-type .tb-words-wrapper {
vertical-align: top;
overflow: hidden;
}
.tb-text-slider.tb-type .tb-words-wrapper::after { content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #666;
}
.tb-text-slider.tb-type .tb-words-wrapper.tb-waiting::after {
-webkit-animation: tb-pulse 1s infinite;
animation: tb-pulse 1s infinite;
}
.tb-text-slider.tb-type .tb-words-wrapper.selected {
background-color: #666;
}
.tb-text-slider.tb-type .tb-words-wrapper.selected::after {
visibility: hidden;
}
.tb-text-slider.tb-type .tb-words-wrapper.selected b {
color: #fff;
}
.tb-text-slider.tb-type b {
visibility: hidden;
font-weight: inherit;
}
.tb-text-slider.tb-type b.is-visible {
visibility: visible;
}
.tb-text-slider.tb-type i {
position: absolute;
visibility: hidden;
font-style: initial;
}
.tb-text-slider.tb-type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes tb-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes tb-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
} .tb-text-slider.rotate-2 .tb-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.tb-text-slider.rotate-2 i,
.tb-text-slider.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tb-text-slider.rotate-2 b {
opacity: 0;
}
.tb-text-slider.rotate-2 i {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .tb-text-slider.rotate-2 i {
opacity: 1;
}
.tb-text-slider.rotate-2 i.in {
-webkit-animation: tb-rotate-2-in 0.4s forwards;
animation: tb-rotate-2-in 0.4s forwards;
}
.tb-text-slider.rotate-2 i.out {
-webkit-animation: tb-rotate-2-out 0.4s forwards;
animation: tb-rotate-2-out 0.4s forwards;
}
.tb-text-slider.rotate-2 em {
-webkit-transform: translateZ(20px);
-ms-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .tb-text-slider.rotate-2 i {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .tb-text-slider.rotate-2 i em {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .tb-text-slider.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes tb-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes tb-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes tb-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes tb-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
} .tb-text-slider.loading-bar span {
display: inline-block;
padding: .2em 0;
}
.tb-text-slider.loading-bar .tb-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.tb-text-slider.loading-bar .tb-words-wrapper::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #666;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-o-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.tb-text-slider.loading-bar .tb-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-o-transition: width 3s;
transition: width 3s;
}
.tb-text-slider.loading-bar b {
top: .2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.tb-text-slider.loading-bar b.is-visible {
opacity: 1;
top: 0;
} .tb-text-slider.slide .tb-words-wrapper {
padding: 10px 0;
margin-top: -10px;
margin-bottom: -10px;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
.tb-text-slider.slide .tb-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.tb-text-slider.slide b {
opacity: 0;
top: .2em;
}
.tb-text-slider.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.8s;
animation: slide-in 0.8s;
}
.tb-text-slider.slide b.is-hidden {
-webkit-animation: slide-out 0.8s;
animation: slide-out 0.8s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
} .tb-text-slider.clip span {
display: inline-block;
padding: .2em 0;
}
.tb-text-slider.clip .tb-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.tb-text-slider.clip .tb-words-wrapper::after { content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #666;
}
.tb-text-slider.clip b {
opacity: 0;
}
.tb-text-slider.clip b.is-visible {
opacity: 1;
} .tb-text-slider.zoom .tb-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.tb-text-slider.zoom b {
opacity: 0;
}
.tb-text-slider.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.tb-text-slider.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-ms-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
transform: translateZ(-100px);
}
} .tb-text-slider.rotate-3 .tb-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.tb-text-slider.rotate-3 b {
opacity: 0;
}
.tb-text-slider.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .tb-text-slider.rotate-3 i {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tb-text-slider.rotate-3 i.in {
-webkit-animation: tb-rotate-3-in 0.6s forwards;
animation: tb-rotate-3-in 0.6s forwards;
}
.tb-text-slider.rotate-3 i.out {
-webkit-animation: tb-rotate-3-out 0.6s forwards;
animation: tb-rotate-3-out 0.6s forwards;
}
.no-csstransitions .tb-text-slider.rotate-3 i {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .tb-text-slider.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes tb-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@keyframes tb-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes tb-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@keyframes tb-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
} .tb-text-slider.scale b {
opacity: 0;
}
.tb-text-slider.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.is-visible .tb-text-slider.scale i {
opacity: 1;
}
.tb-text-slider.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.tb-text-slider.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .tb-text-slider.scale i {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .tb-text-slider.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
} .tb-text-slider.push b {
opacity: 0;
}
.tb-text-slider.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.tb-text-slider.push b.is-hidden {
-webkit-animation: push-out 0.6s;
animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
}.tb-client.tb-style1 {
height: 80px;
}
.tb-client.tb-style2 {
height: 95px;
}
.tb-client.tb-style3 {
height: 52px;
}
.tb-clients.tb-style1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: -15px;
margin-right: -15px;
}
.tb-client.tb-style4 {
padding: 0 15px;
}
.tb-client5-wrap {
border: 1px solid #eaeaea;
border-radius: 4px;
}
.tb-client5-wrap-in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -1px;
}
.tb-client.tb-style5 {
height: 200px;
width: 25%;
border-left: 1px solid #eaeaea;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 1px solid #eaeaea;
margin-bottom: -1px;
position: relative;
overflow: hidden;
}
.tb-client.tb-style5 .tb-btn {
border-radius: 0;
}
.tb-client.tb-style5 .tb-client-btn {
width: 100%;
position: absolute;
bottom: -55px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.tb-client.tb-style5:hover .tb-client-btn {
bottom: 0px;
}
@media screen and (max-width: 991px) {
.tb-client.tb-style5 {
width: 33.333333%;
}
}
@media screen and (max-width: 991px) {
.tb-client.tb-style5 {
width: 50%;
}
}.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-block-end:0;flex-grow:1;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}