.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-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}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body,
html {
margin: 0;
}
a {
text-decoration: none;
color: inherit;
} .df-fw-light {
font-weight: 300;
}
.df-fw-regular {
font-weight: 400;
}
.df-fw-medium {
font-weight: 500;
}
.df-fw-semibold {
font-weight: 600;
}
.df-fw-bold {
font-weight: 700;
}
.df-fw-black {
font-weight: 900;
} .df-spacing1 {
letter-spacing: 1px;
}
.df-spacing2 {
letter-spacing: 2px;
}
.df-spacing3 {
letter-spacing: 3px;
}
.df-spacing4 {
letter-spacing: 4px;
}
.df-spacing5 {
letter-spacing: 5px;
} .df-black222-c {
color: #222;
}
.df-black111-c {
color: #111;
}
.df-grayb5b5b5-c {
color: #b5b5b5;
}
.df-488bf8-c {
color: #488bf8;
}
.df-666-c {
color: #666;
}
.df-051e31-c {
color: #051e31;
}
.df-white-c {
color: #fff;
}
.df-white-c1 {
color: rgba(255, 255, 255, 0.1);
}
.df-white-c2 {
color: rgba(255, 255, 255, 0.2);
}
.df-white-c3 {
color: rgba(255, 255, 255, 0.3);
}
.df-white-c4 {
color: rgba(255, 255, 255, 0.4);
}
.df-white-c5 {
color: rgba(255, 255, 255, 0.5);
}
.df-white-c6 {
color: rgba(255, 255, 255, 0.6);
}
.df-white-c7 {
color: rgba(255, 255, 255, 0.7);
}
.df-white-c8 {
color: rgba(255, 255, 255, 0.8);
}
.df-white-c9 {
color: rgba(255, 255, 255, 0.9);
}
.df-white-bg {
background-color: #fff;
}
.df-111-bg {
background-color: #111;
}
.df-323f4a-bg {
background-color: #323f4a;
}
.df-262626-bg {
background-color: #262626
}
.df-fbfbfb-bg {
background-color: #fbfbfb;
}
.df-fafafa-bg {
background-color: #fafafa;
}
.df-f2f2f2-bg {
background-color: #f2f2f2;
}
.df-f9f9f9-bg {
background-color: #f9f9f9;
}
.df-171717-bg {
background-color: #171717;
}
.df-12233f-bg {
background-color: #12233f;
}
.df-282828-bg {
background-color: #282828;
}
.df-7a77d0-bg {
background-color: #7a77d0;
}
.df-ping-gray-bg {
background-color: #fff4f0;
} .df-box-shadow1 {
-webkit-box-shadow: 0px 2px 43px 0px rgba(2, 2, 2, 0.07);
box-shadow: 0px 2px 43px 0px rgba(2, 2, 2, 0.07);
border-radius: 4px;
}
.df-box-shadow2 {
border-radius: 4px;
-webkit-box-shadow: 0px 5px 68px 0px rgba(2, 2, 2, 0.07);
box-shadow: 0px 5px 68px 0px rgba(2, 2, 2, 0.07);
}
.df-border {
border: 1px solid #eaeaea;
} .df-radious-2 {
border-radius: 2px;
overflow: hidden;
}
.df-radious-3 {
border-radius: 3px;
overflow: hidden;
}
.df-radious-4 {
border-radius: 4px;
overflow: hidden;
}
.df-radious-5 {
border-radius: 5px;
overflow: hidden;
}
.df-radious-10 {
border-radius: 10px;
overflow: hidden;
}
.df-radious-20 {
border-radius: 20px;
overflow: hidden;
}
.df-radious-50 {
border-radius: 50%;
overflow: hidden;
} .marg-lg-b0 {
height: 0px
}
.marg-lg-b4 {
height: 4px
}
.marg-lg-b5 {
height: 5px
}
.marg-lg-b10 {
height: 10px
}
.marg-lg-b15 {
height: 15px
}
.marg-lg-b20 {
height: 20px
}
.marg-lg-b25 {
height: 25px
}
.marg-lg-b30 {
height: 30px
}
.marg-lg-b35 {
height: 35px
}
.marg-lg-b40 {
height: 40px
}
.marg-lg-b45 {
height: 45px
}
.marg-lg-b50 {
height: 50px
}
.marg-lg-b55 {
height: 55px
}
.marg-lg-b60 {
height: 60px
}
.marg-lg-b65 {
height: 65px
}
.marg-lg-b70 {
height: 70px
}
.marg-lg-b75 {
height: 75px
}
.marg-lg-b80 {
height: 80px
}
.marg-lg-b85 {
height: 85px
}
.marg-lg-b90 {
height: 90px
}
.marg-lg-b95 {
height: 95px
}
.marg-lg-b100 {
height: 100px
}
.marg-lg-b105 {
height: 105px
}
.marg-lg-b110 {
height: 110px
}
.marg-lg-b115 {
height: 115px
}
.marg-lg-b120 {
height: 120px
}
.marg-lg-b125 {
height: 125px
}
.marg-lg-b130 {
height: 130px
}
.marg-lg-b135 {
height: 135px
}
.marg-lg-b140 {
height: 140px
}
.marg-lg-b145 {
height: 145px
}
.marg-lg-b150 {
height: 150px
}
.marg-lg-b155 {
height: 155px
}
.marg-lg-b160 {
height: 160px
}
.marg-lg-b165 {
height: 165px
}
.marg-lg-b170 {
height: 170px
}
.marg-lg-b175 {
height: 175px
}
.marg-lg-b180 {
height: 180px
}
.marg-lg-b185 {
height: 185px
}
.marg-lg-b190 {
height: 190px
}
.marg-lg-b195 {
height: 195px
}
.marg-lg-b200 {
height: 200px
}
.marg-lg-b205 {
height: 205px
}
.marg-lg-b210 {
height: 210px
} .df-f5-lg {
font-size: 5px;
}
.df-f6-lg {
font-size: 6px;
}
.df-f7-lg {
font-size: 7px;
}
.df-f8-lg {
font-size: 8px;
}
.df-f9-lg {
font-size: 9px;
}
.df-f10-lg {
font-size: 10px;
}
.df-f11-lg {
font-size: 11px;
}
.df-f12-lg {
font-size: 12px;
}
.df-f13-lg {
font-size: 13px;
}
.df-f14-lg {
font-size: 14px;
}
.df-f15-lg {
font-size: 15px;
}
.df-f16-lg {
font-size: 16px;
}
.df-f17-lg {
font-size: 17px;
}
.df-f18-lg {
font-size: 18px;
}
.df-f19-lg {
font-size: 19px;
}
.df-f20-lg {
font-size: 20px;
}
.df-f21-lg {
font-size: 21px;
}
.df-f22-lg {
font-size: 22px;
}
.df-f23-lg {
font-size: 23px;
}
.df-f24-lg {
font-size: 24px;
}
.df-f25-lg {
font-size: 25px;
}
.df-f26-lg {
font-size: 26px;
}
.df-f27-lg {
font-size: 27px;
}
.df-f28-lg {
font-size: 28px;
}
.df-f29-lg {
font-size: 29px;
}
.df-f30-lg {
font-size: 30px;
}
.df-f31-lg {
font-size: 31px;
}
.df-f32-lg {
font-size: 32px;
}
.df-f33-lg {
font-size: 33px;
}
.df-f34-lg {
font-size: 34px;
}
.df-f35-lg {
font-size: 35px;
}
.df-f36-lg {
font-size: 36px;
}
.df-f37-lg {
font-size: 37px;
}
.df-f38-lg {
font-size: 38px;
}
.df-f39-lg {
font-size: 39px;
}
.df-f40-lg {
font-size: 40px;
}
.df-f41-lg {
font-size: 41px;
}
.df-f42-lg {
font-size: 42px;
}
.df-f43-lg {
font-size: 43px;
}
.df-f44-lg {
font-size: 44px;
}
.df-f45-lg {
font-size: 45px;
}
.df-f46-lg {
font-size: 46px;
}
.df-f47-lg {
font-size: 47px;
}
.df-f48-lg {
font-size: 48px;
}
.df-f49-lg {
font-size: 49px;
}
.df-f50-lg {
font-size: 50px;
}
.df-f51-lg {
font-size: 51px;
}
.df-f52-lg {
font-size: 52px;
}
.df-f53-lg {
font-size: 53px;
}
.df-f54-lg {
font-size: 54px;
}
.df-f55-lg {
font-size: 55px;
}
.df-f56-lg {
font-size: 56px;
}
.df-f57-lg {
font-size: 57px;
}
.df-f58-lg {
font-size: 58px;
}
.df-f59-lg {
font-size: 59px;
}
.df-f60-lg {
font-size: 60px;
}
.df-f61-lg {
font-size: 61px;
}
.df-f62-lg {
font-size: 62px;
}
.df-f63-lg {
font-size: 63px;
}
.df-f64-lg {
font-size: 64px;
}
.df-f65-lg {
font-size: 65px;
}
.df-f66-lg {
font-size: 66px;
}
.df-f67-lg {
font-size: 67px;
}
.df-f68-lg {
font-size: 68px;
}
.df-f69-lg {
font-size: 69px;
}
.df-f70-lg {
font-size: 70px;
}
.df-f71-lg {
font-size: 71px;
}
.df-f72-lg {
font-size: 72px;
}
.df-f73-lg {
font-size: 73px;
}
.df-f74-lg {
font-size: 74px;
}
.df-f75-lg {
font-size: 75px;
}
.df-f76-lg {
font-size: 76px;
}
.df-f77-lg {
font-size: 77px;
}
.df-f78-lg {
font-size: 78px;
}
.df-f79-lg {
font-size: 79px;
}
.df-f80-lg {
font-size: 80px;
}
.df-f81-lg {
font-size: 81px;
}
.df-f82-lg {
font-size: 82px;
}
.df-f83-lg {
font-size: 83px;
}
.df-f84-lg {
font-size: 84px;
}
.df-f85-lg {
font-size: 85px;
}
.df-f86-lg {
font-size: 86px;
}
.df-f87-lg {
font-size: 87px;
}
.df-f88-lg {
font-size: 88px;
}
.df-f89-lg {
font-size: 89px;
}
.df-f90-lg {
font-size: 90px;
}
.df-f91-lg {
font-size: 91px;
}
.df-f92-lg {
font-size: 92px;
}
.df-f93-lg {
font-size: 93px;
}
.df-f94-lg {
font-size: 94px;
}
.df-f95-lg {
font-size: 95px;
}
.df-f96-lg {
font-size: 96px;
}
.df-f97-lg {
font-size: 97px;
}
.df-f98-lg {
font-size: 98px;
}
.df-f99-lg {
font-size: 99px;
}
.df-f100-lg {
font-size: 100px;
} .df-line0-7 {
line-height: 0.7em;
}
.df-line0-72 {
line-height: 0.72em;
}
.df-line0-75 {
line-height: 0.75em;
}
.df-line0-8 {
line-height: 0.8em;
}
.df-line0-9 {
line-height: 0.9em;
}
.df-line1 {
line-height: 1em;
}
.df-line1-1 {
line-height: 1.1em;
}
.df-line1-13 {
line-height: 1.13em;
}
.df-line1-14 {
line-height: 1.14em;
}
.df-line1-2 {
line-height: 1.2em;
}
.df-line1-23 {
line-height: 1.23em;
}
.df-line1-25 {
line-height: 1.25em;
}
.df-line1-27 {
line-height: 1.27em;
}
.df-line1-3 {
line-height: 1.3em;
}
.df-line1-39 {
line-height: 1.39em;
}
.df-line1-43 {
line-height: 1.43em;
}
.df-line1-5 {
line-height: 1.5em;
}
.df-line1-54 {
line-height: 1.54em;
}
.df-line1-56 {
line-height: 1.56em;
}
.df-line1-6 {
line-height: 1.6em;
}
.df-line1-62 {
line-height: 1.62em;
}
.df-line1-64 {
line-height: 1.64em;
}
.df-line1-67 {
line-height: 1.67em;
}
.df-line1-7 {
line-height: 1.7em;
}
.df-line1-8 {
line-height: 1.8em;
}
.df-line1-75 {
line-height: 1.75em;
}
.df-line1-78 {
line-height: 1.78em;
}
.df-line1-69 {
line-height: 1.69em;
}
.df-line2 {
line-height: 2em;
}
.df-line2-5 {
line-height: 2.5em;
}
@media (max-width: 1199px) { .marg-md-b0 {
height: 0px
}
.marg-md-b5 {
height: 5px
}
.marg-md-b10 {
height: 10px
}
.marg-md-b15 {
height: 15px
}
.marg-md-b20 {
height: 20px
}
.marg-md-b25 {
height: 25px
}
.marg-md-b30 {
height: 30px
}
.marg-md-b35 {
height: 35px
}
.marg-md-b40 {
height: 40px
}
.marg-md-b45 {
height: 45px
}
.marg-md-b50 {
height: 50px
}
.marg-md-b55 {
height: 55px
}
.marg-md-b60 {
height: 60px
}
.marg-md-b65 {
height: 65px
}
.marg-md-b70 {
height: 70px
}
.marg-md-b75 {
height: 75px
}
.marg-md-b80 {
height: 80px
}
.marg-md-b85 {
height: 85px
}
.marg-md-b90 {
height: 90px
}
.marg-md-b95 {
height: 95px
}
.marg-md-b100 {
height: 100px
}
.marg-md-b105 {
height: 105px
}
.marg-md-b110 {
height: 110px
}
.marg-md-b115 {
height: 115px
}
.marg-md-b120 {
height: 120px
}
.marg-md-b125 {
height: 125px
}
.marg-md-b130 {
height: 130px
}
.marg-md-b135 {
height: 135px
}
.marg-md-b140 {
height: 140px
}
.marg-md-b145 {
height: 145px
}
.marg-md-b150 {
height: 150px
}
.marg-md-b155 {
height: 155px
}
.marg-md-b160 {
height: 160px
}
.marg-md-b165 {
height: 165px
}
.marg-md-b170 {
height: 170px
}
.marg-md-b175 {
height: 175px
}
.marg-md-b180 {
height: 180px
}
.marg-md-b185 {
height: 185px
}
.marg-md-b190 {
height: 190px
}
.marg-md-b195 {
height: 195px
}
.marg-md-b200 {
height: 200px
}
.marg-md-b205 {
height: 205px
}
.marg-md-b210 {
height: 210px
}
}
@media (max-width: 991px) {
.marg-sm-b0 {
height: 0px
}
.marg-sm-b5 {
height: 5px
}
.marg-sm-b10 {
height: 10px
}
.marg-sm-b15 {
height: 15px
}
.marg-sm-b20 {
height: 20px
}
.marg-sm-b25 {
height: 25px
}
.marg-sm-b30 {
height: 30px
}
.marg-sm-b35 {
height: 35px
}
.marg-sm-b40 {
height: 40px
}
.marg-sm-b45 {
height: 45px
}
.marg-sm-b50 {
height: 50px
}
.marg-sm-b55 {
height: 55px
}
.marg-sm-b60 {
height: 60px
}
.marg-sm-b65 {
height: 65px
}
.marg-sm-b70 {
height: 70px
}
.marg-sm-b75 {
height: 75px
}
.marg-sm-b80 {
height: 80px
}
.marg-sm-b85 {
height: 85px
}
.marg-sm-b90 {
height: 90px
}
.marg-sm-b95 {
height: 95px
}
.marg-sm-b100 {
height: 100px
}
.marg-sm-b105 {
height: 105px
}
.marg-sm-b110 {
height: 110px
}
.marg-sm-b115 {
height: 115px
}
.marg-sm-b120 {
height: 120px
}
.marg-sm-b125 {
height: 125px
}
.marg-sm-b130 {
height: 130px
}
.marg-sm-b135 {
height: 135px
}
.marg-sm-b140 {
height: 140px
}
.marg-sm-b145 {
height: 145px
}
.marg-sm-b150 {
height: 150px
}
.marg-sm-b155 {
height: 155px
}
.marg-sm-b160 {
height: 160px
}
.marg-sm-b165 {
height: 165px
}
.marg-sm-b170 {
height: 170px
}
.marg-sm-b175 {
height: 175px
}
.marg-sm-b180 {
height: 180px
}
.marg-sm-b185 {
height: 185px
}
.marg-sm-b190 {
height: 190px
}
.marg-sm-b195 {
height: 195px
}
.marg-sm-b200 {
height: 200px
}
.marg-sm-b205 {
height: 205px
}
.marg-sm-b210 {
height: 210px
} .df-f5-sm {
font-size: 5px;
}
.df-f6-sm {
font-size: 6px;
}
.df-f7-sm {
font-size: 7px;
}
.df-f8-sm {
font-size: 8px;
}
.df-f9-sm {
font-size: 9px;
}
.df-f10-sm {
font-size: 10px;
}
.df-f11-sm {
font-size: 11px;
}
.df-f12-sm {
font-size: 12px;
}
.df-f13-sm {
font-size: 13px;
}
.df-f14-sm {
font-size: 14px;
}
.df-f15-sm {
font-size: 15px;
}
.df-f16-sm {
font-size: 16px;
}
.df-f17-sm {
font-size: 17px;
}
.df-f18-sm {
font-size: 18px;
}
.df-f19-sm {
font-size: 19px;
}
.df-f20-sm {
font-size: 20px;
}
.df-f21-sm {
font-size: 21px;
}
.df-f22-sm {
font-size: 22px;
}
.df-f23-sm {
font-size: 23px;
}
.df-f24-sm {
font-size: 24px;
}
.df-f25-sm {
font-size: 25px;
}
.df-f26-sm {
font-size: 26px;
}
.df-f27-sm {
font-size: 27px;
}
.df-f28-sm {
font-size: 28px;
}
.df-f29-sm {
font-size: 29px;
}
.df-f30-sm {
font-size: 30px;
}
.df-f31-sm {
font-size: 31px;
}
.df-f32-sm {
font-size: 32px;
}
.df-f33-sm {
font-size: 33px;
}
.df-f34-sm {
font-size: 34px;
}
.df-f35-sm {
font-size: 35px;
}
.df-f36-sm {
font-size: 36px;
}
.df-f37-sm {
font-size: 37px;
}
.df-f38-sm {
font-size: 38px;
}
.df-f39-sm {
font-size: 39px;
}
.df-f40-sm {
font-size: 40px;
}
.df-f41-sm {
font-size: 41px;
}
.df-f42-sm {
font-size: 42px;
}
.df-f43-sm {
font-size: 43px;
}
.df-f44-sm {
font-size: 44px;
}
.df-f45-sm {
font-size: 45px;
}
.df-f46-sm {
font-size: 46px;
}
.df-f47-sm {
font-size: 47px;
}
.df-f48-sm {
font-size: 48px;
}
.df-f49-sm {
font-size: 49px;
}
.df-f50-sm {
font-size: 50px;
}
.df-f51-sm {
font-size: 51px;
}
.df-f52-sm {
font-size: 52px;
}
.df-f53-sm {
font-size: 53px;
}
.df-f54-sm {
font-size: 54px;
}
.df-f55-sm {
font-size: 55px;
}
.df-f56-sm {
font-size: 56px;
}
.df-f57-sm {
font-size: 57px;
}
.df-f58-sm {
font-size: 58px;
}
.df-f59-sm {
font-size: 59px;
}
.df-f60-sm {
font-size: 60px;
}
.df-f61-sm {
font-size: 61px;
}
.df-f62-sm {
font-size: 62px;
}
.df-f63-sm {
font-size: 63px;
}
.df-f64-sm {
font-size: 64px;
}
.df-f65-sm {
font-size: 65px;
}
.df-f66-sm {
font-size: 66px;
}
.df-f67-sm {
font-size: 67px;
}
.df-f68-sm {
font-size: 68px;
}
.df-f69-sm {
font-size: 69px;
}
.df-f70-sm {
font-size: 70px;
}
.df-f71-sm {
font-size: 71px;
}
.df-f72-sm {
font-size: 72px;
}
.df-f73-sm {
font-size: 73px;
}
.df-f74-sm {
font-size: 74px;
}
.df-f75-sm {
font-size: 75px;
}
.df-f76-sm {
font-size: 76px;
}
.df-f77-sm {
font-size: 77px;
}
.df-f78-sm {
font-size: 78px;
}
.df-f79-sm {
font-size: 79px;
}
.df-f80-sm {
font-size: 80px;
}
.df-f81-sm {
font-size: 81px;
}
.df-f82-sm {
font-size: 82px;
}
.df-f83-sm {
font-size: 83px;
}
.df-f84-sm {
font-size: 84px;
}
.df-f85-sm {
font-size: 85px;
}
.df-f86-sm {
font-size: 86px;
}
.df-f87-sm {
font-size: 87px;
}
.df-f88-sm {
font-size: 88px;
}
.df-f89-sm {
font-size: 89px;
}
.df-f90-sm {
font-size: 90px;
}
.df-f91-sm {
font-size: 91px;
}
.df-f92-sm {
font-size: 92px;
}
.df-f93-sm {
font-size: 93px;
}
.df-f94-sm {
font-size: 94px;
}
.df-f95-sm {
font-size: 95px;
}
.df-f96-sm {
font-size: 96px;
}
.df-f97-sm {
font-size: 97px;
}
.df-f98-sm {
font-size: 98px;
}
.df-f99-sm {
font-size: 99px;
}
.df-f100-sm {
font-size: 100px;
}
}
@media (max-width: 767px) {
.marg-xs-b0 {
height: 0px
}
.marg-xs-b5 {
height: 5px
}
.marg-xs-b10 {
height: 10px
}
.marg-xs-b15 {
height: 15px
}
.marg-xs-b20 {
height: 20px
}
.marg-xs-b25 {
height: 25px
}
.marg-xs-b30 {
height: 30px
}
.marg-xs-b35 {
height: 35px
}
.marg-xs-b40 {
height: 40px
}
.marg-xs-b45 {
height: 45px
}
.marg-xs-b50 {
height: 50px
}
.marg-xs-b55 {
height: 55px
}
.marg-xs-b60 {
height: 60px
}
.marg-xs-b65 {
height: 65px
}
.marg-xs-b70 {
height: 70px
}
.marg-xs-b75 {
height: 75px
}
.marg-xs-b80 {
height: 80px
}
.marg-xs-b85 {
height: 85px
}
.marg-xs-b90 {
height: 90px
}
.marg-xs-b95 {
height: 95px
}
.marg-xs-b100 {
height: 100px
}
.marg-xs-b105 {
height: 105px
}
.marg-xs-b110 {
height: 110px
}
.marg-xs-b115 {
height: 115px
}
.marg-xs-b120 {
height: 120px
}
.marg-xs-b125 {
height: 125px
}
.marg-xs-b130 {
height: 130px
}
.marg-xs-b135 {
height: 135px
}
.marg-xs-b140 {
height: 140px
}
.marg-xs-b145 {
height: 145px
}
.marg-xs-b150 {
height: 150px
}
.marg-xs-b155 {
height: 155px
}
.marg-xs-b160 {
height: 160px
}
.marg-xs-b165 {
height: 165px
}
.marg-xs-b170 {
height: 170px
}
.marg-xs-b175 {
height: 175px
}
.marg-xs-b180 {
height: 180px
}
.marg-xs-b185 {
height: 185px
}
.marg-xs-b190 {
height: 190px
}
.marg-xs-b195 {
height: 195px
}
.marg-xs-b200 {
height: 200px
}
.marg-xs-b205 {
height: 205px
}
.marg-xs-b210 {
height: 210px
}
} .df-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.df-flex-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.df-flex-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.df-flex-between-end {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.df-flex-between-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.df-flex-align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .df-mp0 {
margin: 0;
padding: 0;
list-style: none;
}
.df-m0 {
margin: 0;
}
.df-pt1 {
padding-top: 1px;
}
.df-p0 {
padding: 0;
}
.df-ml-auto {
margin-left: auto;
}
.df-mr-auto {
margin-right: auto;
}
.df-m-auto {
margin: auto;
} .df-mt-1 {
margin-top: -1px;
}
.df-mt-2 {
margin-top: -2px;
}
.df-mt-3 {
margin-top: -3px;
}
.df-mt-4 {
margin-top: -4px;
}
.df-mt-5 {
margin-top: -5px;
}
.df-mt-6 {
margin-top: -6px;
}
.df-mt-7 {
margin-top: -7px;
}
.df-mt-8 {
margin-top: -8px;
}
.df-mt-9 {
margin-top: -9px;
}
.df-mt-10 {
margin-top: -10px;
}
.df-mt-11 {
margin-top: -11px;
}
.df-mt-12 {
margin-top: -12px;
}
.df-mt-13 {
margin-top: -13px;
}
.df-mt-14 {
margin-top: -14px;
}
.df-mt-15 {
margin-top: -15px;
}
.df-mt-30 {
margin-top: -30px;
}
.df-mb-1 {
margin-bottom: -1px;
}
.df-mb-2 {
margin-bottom: -2px;
}
.df-mb-3 {
margin-bottom: -3px;
}
.df-mb-4 {
margin-bottom: -4px;
}
.df-mb-5 {
margin-bottom: -5px;
}
.df-mb-6 {
margin-bottom: -6px;
}
.df-mb-7 {
margin-bottom: -7px;
}
.df-mb-8 {
margin-bottom: -8px;
}
.df-mb-9 {
margin-bottom: -9px;
}
.df-mb-10 {
margin-bottom: -10px;
}
.df-mb-11 {
margin-bottom: -11px;
}
.df-mb-12 {
margin-bottom: -12px;
}
.df-mb-13 {
margin-bottom: -13px;
}
.df-mb-14 {
margin-bottom: -14px;
}
.df-mb-15 {
margin-bottom: -15px;
} .df-mt1 {
margin-top: 1px;
}
.df-mt2 {
margin-top: 2px;
}
.df-mt3 {
margin-top: 3px;
}
.df-mt4 {
margin-top: 4px;
}
.df-mt5 {
margin-top: 5px;
}
.df-mt6 {
margin-top: 6px;
}
.df-mt7 {
margin-top: 7px;
}
.df-mt8 {
margin-top: 8px;
}
.df-mt9 {
margin-top: 9px;
}
.df-mt10 {
margin-top: 10px;
}
.df-mb1 {
margin-bottom: 1px;
}
.df-mb2 {
margin-bottom: 2px;
}
.df-mb3 {
margin-bottom: 3px;
}
.df-mb4 {
margin-bottom: 4px;
}
.df-mb5 {
margin-bottom: 5px;
}
.df-mb6 {
margin-bottom: 6px;
}
.df-mb7 {
margin-bottom: 7px;
}
.df-mb8 {
margin-bottom: 8px;
}
.df-mb9 {
margin-bottom: 9px;
}
.df-mb10 {
margin-bottom: 10px;
}
@media screen and (max-width: 991px) { .df-mt-1-sm {
margin-top: -1px;
}
.df-mt-2-sm {
margin-top: -2px;
}
.df-mt-3-sm {
margin-top: -3px;
}
.df-mt-4-sm {
margin-top: -4px;
}
.df-mt-5-sm {
margin-top: -5px;
}
.df-mt-6-sm {
margin-top: -6px;
}
.df-mt-7-sm {
margin-top: -7px;
}
.df-mt-8-sm {
margin-top: -8px;
}
.df-mt-9-sm {
margin-top: -9px;
}
.df-mt-10-sm {
margin-top: -10px;
}
.df-mt-11-sm {
margin-top: -11px;
}
.df-mt-12-sm {
margin-top: -12px;
}
.df-mt-13-sm {
margin-top: -13px;
}
.df-mt-14-sm {
margin-top: -14px;
}
.df-mt-15-sm {
margin-top: -15px;
}
.df-mb-1-sm {
margin-bottom: -1px;
}
.df-mb-2-sm {
margin-bottom: -2px;
}
.df-mb-3-sm {
margin-bottom: -3px;
}
.df-mb-4-sm {
margin-bottom: -4px;
}
.df-mb-5-sm {
margin-bottom: -5px;
}
.df-mb-6-sm {
margin-bottom: -6px;
}
.df-mb-7-sm {
margin-bottom: -7px;
}
.df-mb-8-sm {
margin-bottom: -8px;
}
.df-mb-9-sm {
margin-bottom: -9px;
}
.df-mb-10-sm {
margin-bottom: -10px;
}
.df-mb-11-sm {
margin-bottom: -11px;
}
.df-mb-12-sm {
margin-bottom: -12px;
}
.df-mb-13-sm {
margin-bottom: -13px;
}
.df-mb-14-sm {
margin-bottom: -14px;
}
.df-mb-15-sm {
margin-bottom: -15px;
} .df-mt1-sm {
margin-top: 1px;
}
.df-mt2-sm {
margin-top: 2px;
}
.df-mt3-sm {
margin-top: 3px;
}
.df-mt4-sm {
margin-top: 4px;
}
.df-mt5-sm {
margin-top: 5px;
}
.df-mt6-sm {
margin-top: 6px;
}
.df-mt7-sm {
margin-top: 7px;
}
.df-mt8-sm {
margin-top: 8px;
}
.df-mt9-sm {
margin-top: 9px;
}
.df-mt10-sm {
margin-top: 10px;
}
.df-mb1-sm {
margin-bottom: 1px;
}
.df-mb2-sm {
margin-bottom: 2px;
}
.df-mb3-sm {
margin-bottom: 3px;
}
.df-mb4-sm {
margin-bottom: 4px;
}
.df-mb5-sm {
margin-bottom: 5px;
}
.df-mb6-sm {
margin-bottom: 6px;
}
.df-mb7-sm {
margin-bottom: 7px;
}
.df-mb8-sm {
margin-bottom: 8px;
}
.df-mb9-sm {
margin-bottom: 9px;
}
.df-mb10-sm {
margin-bottom: 10px;
}
}
.text-center {
text-align: center;
}
.df-opacity8 {
opacity: 0.8;
}
.df-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
hr {
margin: 0;
border: none;
border-top: 1px solid #eaeaea;
}
.df-gradient1 {
background-image: -ms-linear-gradient(180deg, rgb(102, 27, 255) 0%, rgb(27, 158, 255) 100%);
}
.df-container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.df-relative {
position: relative;
}
.text-uppercase {
text-transform: uppercase;
}
.df-overlay {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0.4;
}
a {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.w-100 {
width: 100% !important;
}
.df-content {
background-color: #fff;
z-index: 10;
}
.df-sticky-footer {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: -1;
}
.df-zoom {
overflow: hidden;
}
.df-zoom-in1 {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.df-zoom:hover .df-zoom-in1 {
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}
.df-vertical-middle {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.df-vertical-middle>.df-row,
.df-vertical-middle>.df-feature-list {
width: 100%;
}
.df-vertical-middle .df-vertical-middle-in {
width: 100%;
}
@media (min-width: 576px) {
.df-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.df-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.df-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.df-container {
max-width: 1140px;
}
}
.df-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.df-row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.df-col-1,
.df-col-2,
.df-col-3,
.df-col-4,
.df-col-5,
.df-col-6,
.df-col-7,
.df-col-8,
.df-col-9,
.df-col-10,
.df-col-11,
.df-col-12,
.df-col-auto,
.df-col-sm-1,
.df-col-sm-2,
.df-col-sm-3,
.df-col-sm-4,
.df-col-sm-5,
.df-col-sm-6,
.df-col-sm-7,
.df-col-sm-8,
.df-col-sm-9,
.df-col-sm-10,
.df-col-sm-11,
.df-col-sm-12,
.df-col-sm,
.df-col-sm-auto,
.df-col-md-1,
.df-col-md-2,
.df-col-md-3,
.df-col-md-4,
.df-col-md-5,
.df-col-md-6,
.df-col-md-7,
.df-col-md-8,
.df-col-md-9,
.df-col-md-10,
.df-col-md-11,
.df-col-md-12,
.df-col-md,
.df-col-md-auto,
.df-col-lg-1,
.df-col-lg-2,
.df-col-lg-3,
.df-col-lg-4,
.df-col-lg-5,
.df-col-lg-6,
.df-col-lg-7,
.df-col-lg-8,
.df-col-lg-9,
.df-col-lg-10,
.df-col-lg-11,
.df-col-lg-12,
.df-col-lg,
.df-col-lg-auto,
.df-col-xl-1,
.df-col-xl-2,
.df-col-xl-3,
.df-col-xl-4,
.df-col-xl-5,
.df-col-xl-6,
.df-col-xl-7,
.df-col-xl-8,
.df-col-xl-9,
.df-col-xl-10,
.df-col-xl-11,
.df-col-xl-12,
.df-col-xl,
.df-col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.df-col-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.df-col-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.df-col-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.df-col-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.df-col-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.df-col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.df-col-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.df-col-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.df-col-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.df-col-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.df-col-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.df-col-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.df-overflow-hidden {
overflow: hidden;
}
@media (min-width: 576px) {
.df-col-sm-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.df-col-sm-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.df-col-sm-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.df-col-sm-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.df-col-sm-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.df-col-sm-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.df-col-sm-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.df-col-sm-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.df-col-sm-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.df-col-sm-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.df-col-sm-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.df-col-sm-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.df-col-md-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.df-col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.df-col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.df-col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.df-col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.df-col-md-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.df-col-md-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.df-col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.df-col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.df-col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.df-col-md-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.df-col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.df-col-lg-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.df-col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.df-col-lg-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.df-col-lg-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.df-col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.df-col-lg-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.df-col-lg-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.df-col-lg-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.df-col-lg-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.df-col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.df-col-lg-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.df-col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.df-col-xl-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.df-col-xl-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.df-col-xl-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.df-col-xl-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.df-col-xl-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.df-col-xl-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.df-col-xl-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.df-col-xl-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.df-col-xl-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.df-col-xl-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.df-col-xl-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.df-col-xl-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
img {
border: 0;
max-width: 100%;
height: auto;
vertical-align: middle;
}
.df-ilb {
display: inline-block;
}
.df-lb {
display: block;
}
.df-section-heading .df-description p {
margin-bottom: 0;
}
.df-hover-layer .hover-container,
.df-hover-layer1,
.df-hover-layer2,
.df-hover-layer3,
.df-hover-layer4,
.df-hover-transform-children {
position: relative;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: perspective(600px) translate3d(0, 0, 0);
transform: perspective(600px) translate3d(0, 0, 0);
}
.nf-before-form-content,
.nf-form-title {
display: none;
}
.nf-form-content {
max-width: 100%;
}
@media screen and (max-width: 991px) {
.df-reverse-row-lg {
flex-direction: column-reverse;
}
}.df-clip {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.df-clip.df-stroke {
-webkit-text-stroke-color: transparent;
-webkit-text-fill-color: #fafafa;
-webkit-text-stroke-width: 1px;
}
.df-section-heading.df-style4 {
text-align: center;
}
.df-section-divider {
height: 8px;
width: 174px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
margin-bottom: 12px;
}
.df-section-divider .df-left,
.df-section-divider .df-right {
position: absolute;
height: 2px;
width: 70px;
background-color: #167EFD;
top: 50%;
margin-top: -1px;
}
.df-section-divider .df-left {
left: 0px;
}
.df-section-divider .df-right {
right: 0px;
}
.df-section-divider span {
position: absolute;
height: 8px;
width: 8px;
background-color: #167EFD;
left: 50%;
top: 50%;
margin-left: -4px;
margin-top: -4px;
border-radius: 50%;
-webkit-animation: spin-animaiton 6s linear infinite;
animation: spin-animaiton 6s linear infinite;
}
.df-section-divider span:before,
.df-section-divider span:after {
content: '';
height: 5px;
width: 5px;
background-color: #167EFD;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
position: absolute;
}
.df-section-divider span:before {
left: -8px;
}
.df-section-divider span:after {
right: -8px;
}
@-webkit-keyframes spin-animaiton {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
75% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
}
@keyframes spin-animaiton {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
75% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
}
.df-section-divider .df-section-divider-icon {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
color: #167EFD;
}
.df-section-divider i {
-webkit-animation: spin-animaiton1 2s linear infinite;
animation: spin-animaiton1 2s linear infinite;
}
@-webkit-keyframes spin-animaiton1 {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
25% {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
50% {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
75% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@keyframes spin-animaiton1 {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
25% {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
50% {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
75% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
.df-section-heading.df-style5 .df-section-heading-title {
position: relative;
padding-left: 20px;
text-transform: uppercase;
overflow: hidden;
}
.df-section-heading.df-style5 .df-section-heading-title:after,
.df-section-heading.df-style5 .df-section-heading-title:before {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
background-color: #167EFD;
}
.df-section-heading.df-style5 .df-section-heading-title:before {
left: 0;
width: 4px;
}
.df-section-heading.df-style5 .df-section-heading-title:after {
left: 6px;
width: 2px;
}
.df-section-heading.df-style5 .df-section-heading-title span {
display: inline-block;
position: relative;
}
.df-section-heading.df-style5 .df-section-heading-title span:before {
content: '';
position: absolute;
width: 100vw;
height: 1px;
background-color: #eaeaea;
left: 100%;
top: 48%;
margin-left: 20px;
}
.df-section-heading.df-style5.df-type1 {
text-align: right;
}
.df-section-heading.df-style5.df-type1 .df-section-heading-title {
padding-left: 0;
padding-right: 20px;
}
.df-section-heading.df-style5.df-type1 .df-section-heading-title:before {
left: initial;
right: 0;
}
.df-section-heading.df-style5.df-type1 .df-section-heading-title:after {
left: initial;
right: 6px;
}
.df-section-heading.df-style5.df-type1 .df-section-heading-title span:before {
left: initial;
right: 100%;
margin-left: 0;
margin-right: 20px;
}.elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{text-align:end;flex-direction:row-reverse}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{text-align:start;flex-direction:row}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-left:auto!important;margin-right:auto!important;margin-bottom:15px}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}.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}.hidden {
display: none;
}
.tb-slick-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.tb-slick-container>div {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
position: relative;
width: 100%;
cursor: url(//nextera.digital/wp-content/themes/webify/assets/css/img/drag.png) 16 9, ew-resize !important;
}
.tb-slider {
position: relative;
}
.tb-slider.tb-style1 .tb-slick-inner-pad,
.tb-slider.tb-style4 .tb-slick-inner-pad,
.tb-slider.tb-style6 .tb-slick-inner-pad,
.tb-slider.tb-style8 .tb-slick-inner-pad,
.tb-slider.tb-style9 .tb-slick-inner-pad,
.tb-slider.tb-style10 .tb-slick-inner-pad {
padding: 0 15px;
}
.tb-slider.tb-style7 .tb-slick-inner-pad {
padding: 0 10px;
}
.tb-slider.tb-style1 .tb-slick-inner-pad-wrap,
.tb-slider.tb-style4 .tb-slick-inner-pad-wrap,
.tb-slider.tb-style6 .tb-slick-inner-pad-wrap,
.tb-slider.tb-style8 .tb-slick-inner-pad-wrap,
.tb-slider.tb-style10 .tb-slick-inner-pad-wrap {
width: calc(100% + 30px);
margin-left: -15px;
}
.tb-slider.tb-style7 .tb-slick-inner-pad-wrap {
width: calc(100% + 20px);
margin-left: -10px;
}
.tb-slider.tb-style2 .tb-slick-inner-pad {
padding: 0 5px;
}
.tb-slider.tb-style2 .tb-slick-inner-pad-wrap {
width: calc(100% + 10px);
margin-left: -5px;
}
.tb-slider.tb-style3 .tb-slick-inner-pad {
padding: 0 10px;
}
.tb-slider.tb-style3 .tb-slick-inner-pad-wrap {
width: calc(100% + 20px);
margin-left: -10px;
}
.tb-roadmap:before,
.tb-roadmap:after {
content: '';
position: absolute;
height: 20px;
width: 10%;
background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
background: -webkit-linear-gradient(left, #fff, transparent);
background: -o-linear-gradient(left, #fff, transparent);
background: linear-gradient(to right, #fff, transparent);
bottom: 32px;
z-index: 2;
}
.tb-roadmap:before {
left: 0px;
}
.tb-roadmap:after {
right: 0px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.tb-slider.tb-style4 {
padding: 0 65px;
}
.tb-slider.tb-style1.tb-type1:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(17, 17, 17, 0.8);
left: 0;
top: 0;
}  .swipe-arrow.tb-style1 i,
.swipe-arrow.tb-style3 i,
.swipe-arrow.tb-style5 i,
.swipe-arrow.tb-style6 i {
height: 48px;
width: 48px;
border-radius: 50%;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
color: #666666;
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -24px;
z-index: 10;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
font-weight: bold;
border: 1px solid #eaeaea;
}
.swipe-arrow.tb-style3.tb-type1 i {
margin-top: -85px;
}
.swipe-arrow.tb-style6 i {
height: 38px;
width: 38px;
}
.swipe-arrow.tb-style1 .slick-arrow-left i {
left: -22px;
}
.swipe-arrow.tb-style1 .slick-arrow-right i {
right: -22px;
}
.swipe-arrow.tb-style3 .slick-arrow-left i {
left: 20px;
}
.swipe-arrow.tb-style3 .slick-arrow-right i {
right: 20px;
}
.swipe-arrow.tb-style5 .slick-arrow-left i {
left: 15px;
}
.swipe-arrow.tb-style5 .slick-arrow-right i {
right: 15px;
}
.swipe-arrow.tb-style6 .slick-arrow-left i {
left: 33.333333%;
margin-left: -10px;
}
.swipe-arrow.tb-style6 .slick-arrow-right i {
right: 33.333333%;
margin-right: -10px;
}
.swipe-arrow.tb-style1 i:hover,
.swipe-arrow.tb-style3 i:hover,
.swipe-arrow.tb-style5 i:hover,
.swipe-arrow.tb-style6 i:hover {
color: #222;
}
.tb-slider:hover .swipe-arrow.tb-style1 i,
.tb-slider:hover .swipe-arrow.tb-style3 i,
.tb-slider:hover .swipe-arrow.tb-style5 i,
.tb-slider:hover .swipe-arrow.tb-style6 i {
opacity: 1;
visibility: visible;
} .swipe-arrow.tb-style7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 20px;
width: 50%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.swipe-arrow.tb-style2>div,
.swipe-arrow.tb-style7>div {
height: 36px;
width: 36px;
border-radius: 50%;
}
.swipe-arrow.tb-style7>div {
background-color: rgba(255, 255, 255, 0.1);
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;
font-size: 18px;
color: #666;
margin-right: 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.swipe-arrow.tb-style7>div:hover {
color: #fff;
}
.swipe-arrow.tb-style7>div:focus {
outline: none;
} .swipe-arrow.tb-style2>div {
z-index: 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(255, 255, 255, 0.9);
font-size: 20px;
background: rgba(1, 1, 1, 0.6);
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
font-size: 12px;
}
.tb-slider:hover .swipe-arrow.tb-style2>div {
opacity: 1;
}
.swipe-arrow.tb-style2 .slick-arrow-left {
left: 15px;
}
.swipe-arrow.tb-style2 .slick-arrow-right {
right: 15px;
}
.swipe-arrow.tb-style2>div:hover {
background: rgba(1, 1, 1, 0.9);
color: #fff;
} .swipe-arrow.tb-style4>div {
position: absolute;
top: 50%;
height: 22px;
width: 22px;
border: 2px solid #b5b5b5;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
cursor: pointer;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
border-radius: 2px;
margin-top: -2px;
}
.swipe-arrow.tb-style4>div:hover {
border-color: #111;
}
.swipe-arrow.tb-style4>.slick-arrow-left {
left: 18px;
border-right: none;
border-top: none;
}
.swipe-arrow.tb-style4>.slick-arrow-right {
right: 35px;
border-left: none;
border-bottom: none;
}
.pagination.tb-style2,
.pagination.tb-style3 {
display: none;
}
.tb-overflow-hidden .tb-slider.tb-style1 {
width: calc(100% + 1px);
}  .tb-slider.tb-style5 .slick-wrapper { }
.tb-slider.tb-style5 .slick-slide .slick-slide {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(100% - 60px);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-top: 30px;
}
.tb-slider.tb-style5 .slick-center .slick-slide {
border-radius: 5px;
overflow: hidden;
-webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
margin-top: 0;
height: 100%;
}
.tb-slider.tb-style5 .slick-slide-in-active .tb-bg {
height: 100%;
border-radius: 5px;
-webkit-box-shadow: 0px 15px 14.25px 0.75px rgba(0, 0, 0, 0.1);
box-shadow: 0px 15px 14.25px 0.75px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
}
.tb-slider.tb-style5 .slick-slide {
height: 440px;
}
.tb-slider.tb-style5 .slick-slide>div {
height: 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.tb-slider.tb-style5 .tb-bg {
height: 100%;
width: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.tb-slider.tb-style5 .slick-container {
width: 240%;
margin-left: -70%;
}
.tb-slider.tb-style5 {
margin-bottom: -40px;
margin-top: -40px;
overflow: hidden;
}
.tb-slider.tb-style5 .swipe-arrow.tb-style3 .slick-arrow-left i {
left: 5%;
}
.tb-slider.tb-style5 .swipe-arrow.tb-style3 .slick-arrow-right i {
right: 5%;
}
.tb-slider.tb-style5.tb-type1 .swipe-arrow.tb-style3 .slick-arrow-left i {
left: 10%;
margin-left: -24px;
}
.tb-slider.tb-style5.tb-type1 .swipe-arrow.tb-style3 .slick-arrow-right i {
right: 10%;
margin-right: -24px;
} .swipe-arrow.tb-style4>div:focus {
outline: none;
}
.tb-slider.tb-style6 .slick-container:before,
.tb-slider.tb-style6 .slick-container:after {
content: '';
position: absolute;
top: 0;
height: 100%;
width: calc(33.333333% + 12px);
background-color: #fff;
opacity: 0.7;
z-index: 2;
}
.tb-slider.tb-style6 .slick-container:before {
left: 0;
}
.tb-slider.tb-style6 .slick-container:after {
right: 0;
}
.tb-slider.tb-style8 .slick-wrapper {
margin-left: 20%;
}
.tb-slider.tb-style8 .slick-slide {
width: 60%;
}
.tb-slider.tb-style9 .slick-container {
padding: 30px 0;
margin-top: -30px;
margin-bottom: -30px;
}
.tb-slider.tb-style10 {
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
}
.slick-wrapper.slick-dotted {
cursor: url(//nextera.digital/wp-content/themes/webify/assets/img/drag.png) 16 9, ew-resize !important;
}
.pagination.tb-style3 .slick-dots,
.pagination.tb-style2 .slick-dots,
.pagination.tb-style1 .slick-dots {
margin: 0;
padding: 0;
list-style: none;
display: flex !important;
}
.pagination.tb-style3 .slick-dots li,
.pagination.tb-style2 .slick-dots li,
.pagination.tb-style1 .slick-dots li {
height: 12px;
width: 12px;
border-radius: 2px;
overflow: hidden;
background: #eaeaea;
margin: 5px 5px 0;
opacity: 1;
}
.pagination.tb-style3 .slick-dots li.slick-active,
.pagination.tb-style2 .slick-dots li.slick-active,
.pagination.tb-style1 .slick-dots li.slick-active {
background: #666;
opacity: 1;
}
.pagination.tb-style3 .slick-dots button,
.pagination.tb-style2 .slick-dots button,
.pagination.tb-style1 .slick-dots button {
display: none;
}
@media screen and (min-width: 1200px) {
.tb-slider.tb-style10 .slick-track>.slick-slide>div {
width: 80%;
transition: all 0.5s ease;
}
.tb-slider.tb-style10 .slick-track>.slick-center.slick-slide>div {
width: 140%;
margin-left: -20%;
}
.tb-slider.tb-style10 .slick-track>.slick-center+.slick-slide>div {
width: 80%;
margin-left: 20%;
}
.tb-slider.tb-style9 .slick-dotted .slick-track {
margin-left: 12.5%;
}
}
@media screen and (max-width: 991px) {
.tb-slider.tb-style6 .slick-container:before,
.tb-slider.tb-style6 .slick-container:after {
display: none;
}
}
@media screen and (max-width: 767px) {
.tb-mobile-padd15 {
padding: 0 15px;
}
.pagination.tb-style1.hidden {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 25px;
position: relative;
z-index: 2;
}
.pagination.tb-style2.hidden {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
z-index: 2;
position: absolute;
bottom: 25px;
left: 0;
width: 100%;
}
.slick-pagination-bullet {
height: 12px;
width: 12px;
border-radius: 2px;
overflow: hidden;
background: #eaeaea;
margin: 5px 5px 0;
opacity: 1;
}
.slick-pagination-bullet:focus {
outline: none;
}
.slick-pagination-bullet.slick-pagination-bullet-active {
background: #666;
opacity: 1;
}
.swipe-arrow.tb-style1,
.swipe-arrow.tb-style2,
.swipe-arrow.tb-style3,
.swipe-arrow.tb-style5,
.swipe-arrow.tb-style6,
.swipe-arrow.tb-style7 {
display: none;
}
.pagination.tb-style1.tb-type1 {
padding-bottom: 30px;
width: 100%;
padding-top: 30px;
margin-top: 0;
}
.pagination.hidden.tb-mobile-hidden {
display: none;
}
.pagination.tb-style2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
}
.pagination.tb-style3 {
position: absolute;
bottom: 60px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
display: block;
}
.tb-style4 .pagination.tb-style3 {
display: none;
}
}
@media screen and (max-width: 575px) {
.tb-slider.tb-style8 .slick-wrapper {
margin-left: 0;
}
.tb-slider.tb-style8 .slick-slide,
.tb-slider.tb-style9 .slick-slide {
width: 100%;
}
.tb-slider.tb-style8 .tb-slick-inner-pad-wrap,
.tb-slider.tb-style9 .tb-slick-inner-pad-wrap {
width: 100%;
margin-left: 0;
}
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}