.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;
}
}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%;
}
.df-contact-form-wrapper .wpforms-field input:focus,
.df-contact-form-wrapper .wpforms-field textarea:focus {
border-color: #5D5BCA;
outline: none;
}
@media screen and (max-width: 991px) {
.df-reverse-row-lg {
flex-direction: column-reverse;
}
}
.df-section-heading .df-big-heading {
font-size: 32px;
margin: 0;
line-height: 1.2em;
font-weight: 400;
color: #222;
}
.df-section-heading .df-small-heading,
.df-section-heading .df-description {
color: #666;
font-size: 16px;
margin-bottom: -4px;
line-height: 1.6em;
}
.df-section-heading .df-description {
margin-top: -5px;
margin-right: -5px;
}
@media screen and (max-width: 991px) {
.df-section-heading .df-big-heading {
font-size: 25px;
}
.df-section-heading .df-description {
font-size: 14px;
}
}.df-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.df-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.df-words-wrapper b.is-visible {
position: relative;
}
.no-js .df-words-wrapper b {
opacity: 0;
}
.no-js .df-words-wrapper b.is-visible {
opacity: 1;
} .df-text-slider.rotate-1 .df-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.df-text-slider.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);
}
.df-text-slider.rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: cd-rotate-1-in 1.2s;
animation: cd-rotate-1-in 1.2s;
}
.df-text-slider.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: cd-rotate-1-out 1.2s;
animation: cd-rotate-1-out 1.2s;
}
@-webkit-keyframes cd-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 cd-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 cd-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 cd-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;
}
} .df-text-slider.type .df-words-wrapper {
vertical-align: top;
overflow: hidden;
}
.df-text-slider.type .df-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: #222;
}
.df-text-slider.type .df-words-wrapper.waiting::after {
-webkit-animation: cd-pulse 1s infinite;
animation: cd-pulse 1s infinite;
}
.df-text-slider.type .df-words-wrapper.selected {
background-color: #666;
}
.df-text-slider.type .df-words-wrapper.selected::after {
visibility: hidden;
}
.df-text-slider.type .df-words-wrapper.selected b {
color: #fff;
}
.df-text-slider.type b {
visibility: hidden;
}
.df-text-slider.type b.is-visible {
visibility: visible;
}
.df-text-slider.type i {
position: absolute;
visibility: hidden;
}
.df-text-slider.type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes cd-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 cd-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;
}
} .df-text-slider.rotate-2 .df-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.df-text-slider.rotate-2 i,
.df-text-slider.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.df-text-slider.rotate-2 b {
opacity: 0;
}
.df-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 .df-text-slider.rotate-2 i {
opacity: 1;
}
.df-text-slider.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in 0.4s forwards;
animation: cd-rotate-2-in 0.4s forwards;
}
.df-text-slider.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out 0.4s forwards;
animation: cd-rotate-2-out 0.4s forwards;
}
.df-text-slider.rotate-2 em {
-webkit-transform: translateZ(20px);
-ms-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .df-text-slider.rotate-2 i {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .df-text-slider.rotate-2 i em {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .df-text-slider.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-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 cd-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 cd-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 cd-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);
}
} .df-text-slider.loading-bar span {
display: inline-block;
}
.df-text-slider.loading-bar .df-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.df-text-slider.loading-bar .df-words-wrapper::after { content: '';
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0;
background: #167EFD;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-o-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.df-text-slider.loading-bar .df-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-o-transition: width 3s;
transition: width 3s;
}
.df-text-slider.loading-bar b {
top: .2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.df-text-slider.loading-bar b.is-visible {
opacity: 1;
top: 0;
} .df-text-slider.slide span {
display: inline-block;
}
.df-text-slider.slide .df-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.df-text-slider.slide b {
opacity: 0;
top: .2em;
}
.df-text-slider.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.8s;
animation: slide-in 0.8s;
}
.df-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%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-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);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-ms-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
} .df-text-slider.clip span {
display: inline-block;
}
.df-text-slider.clip .df-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.df-text-slider.clip .df-words-wrapper::after { content: '';
position: absolute;
top: 5%;
right: 0;
width: 2px;
height: 90%;
background-color: #666;
}
.df-text-slider.clip b {
opacity: 0;
}
.df-text-slider.clip b.is-visible {
opacity: 1;
} .df-text-slider.zoom .df-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.df-text-slider.zoom b {
opacity: 0;
}
.df-text-slider.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.df-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);
}
} .df-text-slider.rotate-3 .df-words-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.df-text-slider.rotate-3 b {
opacity: 0;
}
.df-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 .df-text-slider.rotate-3 i {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.df-text-slider.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in 0.6s forwards;
animation: cd-rotate-3-in 0.6s forwards;
}
.df-text-slider.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out 0.6s forwards;
animation: cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .df-text-slider.rotate-3 i {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .df-text-slider.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@keyframes cd-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 cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@keyframes cd-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);
}
} .df-text-slider.scale b {
opacity: 0;
}
.df-text-slider.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.is-visible .df-text-slider.scale i {
opacity: 1;
}
.df-text-slider.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.df-text-slider.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .df-text-slider.scale i {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .df-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;
}
} .df-text-slider.push b {
opacity: 0;
}
.df-text-slider.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.df-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%);
}
}
.df-text-slider b,
.df-text-slider i,
.df-text-slider em {
font-weight: inherit;
font-style: inherit;
}
.df-section-heading.df-style2 .df-text-slider {
font-size: 48px;
margin: 0;
font-weight: 4;
line-height: 1.2em;
}
.df-section-heading.df-style2 .df-hero-subtitle {
color: #666;
font-size: 16px;
line-height: 1.6em;
}.tb-icon-box.tb-style1 {
background-color: #ffffff;
padding: 65px 35px 50px;
height: 100%;
}
.tb-icon-box.tb-style1 .tb-icon {
color: #5752d0;
}
.tb-icon-box.tb-style2 .tb-icon {
color: #5752d0;
}
.tb-icon-box.tb-style2 .tb-box-time {
padding-top: 17px;
position: relative;
border-top: 2px solid #eaeaea;
width: calc(100% + 30px);
margin-left: -15px;
margin-bottom: -5px;
}
.tb-icon-box.tb-style2 .tb-box-time:before {
content: "";
height: 16px;
width: 16px;
border-radius: 50%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -9px;
border: 2px solid #eaeaea;
background: #fff;
}
.tb-roadmap.tb-color1 .tb-icon-box.tb-style2 .tb-icon {
color: #b5b5b5;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.tb-roadmap.tb-color1 .tb-icon-box.tb-style2:hover .tb-icon {
color: #666;
} .tb-icon-box.tb-style3 {
position: relative;
padding: 30px;
padding-left: 100px;
border: 1px solid transparent;
border-radius: 4px;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
min-height: 122px;
}
.tb-icon-box.tb-style3:hover {
border: 1px solid #eaeaea;
}
.tb-icon-box.tb-style3 .tb-icon {
position: absolute;
left: 30px;
top: 30px;
height: 50px;
width: 50px;
border-radius: 8px;
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: #fff;
font-size: 25px;
-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 2.25);
-o-transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 2.25);
transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 2.25);
}
.tb-icon-box.tb-style3:hover .tb-icon {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.tb-icon-box.tb-style3.tb-mkt-green .tb-icon {
background-color: #4ed55f;
}
.tb-icon-box.tb-style3.tb-mkt-orange .tb-icon {
background-color: #f99205;
}
.tb-icon-box.tb-style3.tb-mkt-blue .tb-icon {
background-color: #5ac4f6;
}
.tb-icon-box.tb-style3.tb-type1 {
border-color: #eaeaea;
padding-left: 105px;
padding-right: 20px;
}
.tb-icon-box.tb-style3 .tb-icon {
left: 20px;
top: 25px;
height: 65px;
width: 65px;
border-radius: 50%;
border: 1px solid #eaeaea;
} .tb-icon-box.tb-style4 {
padding: 60px 30px;
border-radius: 4px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: center;
background-color: #fff;
}
.tb-icon-box.tb-style4:hover {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
}
.tb-icon-box.tb-style4 .tb-icon {
color: #5c6ac4;
} .tb-icon-box.tb-style6 {
background-color: rgba(0, 0, 0, 0.9);
padding: 70px 45px;
} .tb-icon-box.tb-style7 {
padding-left: 65px;
position: relative;
max-width: 330px;
}
.tb-icon-box.tb-style7 .tb-icon {
position: absolute;
left: 0;
top: 0;
} .tb-icon-box.tb-style8 .tb-icon {
height: 65px;
width: 65px;
background-color: rgba(92, 106, 196, 0.1);
color: #5c6ac4;
} .tb-icon-box.tb-style9 {
padding: 40px 30px 35px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
transition: all 0.3s ease;
}
.tb-icon-box.tb-style9:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.tb-icon-box.tb-style9:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
border-radius: 4px;
border: 1px solid #eaeaea;
left: 0;
top: 0;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tb-icon-box.tb-style9:hover:before {
opacity: 0;
visibility: hidden;
}
.tb-icon-box.tb-style9 .tb-icon,
.tb-icon-box.tb-style10 .tb-icon,
.tb-icon-box.tb-style11 .tb-icon {
height: 48px;
width: 48px;
}
.tb-icon-box.tb-style9 .tb-iconbox-text {
min-height: 88px;
}
.tb-icon-box.tb-style9 .tb-iconbox-text-in {
overflow: hidden;
height: 88px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.tb-icon-box.tb-style9:hover .tb-iconbox-text-in {
height: 44px;
}
.tb-icon-box.tb-style9 .tb-icon-box-btn {
height: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
bottom: 40px;
left: 30px;
}
.tb-icon-box.tb-style9 .tb-btn.tb-style1 {
color: #fff;
}
.tb-icon-box.tb-style9:hover .tb-icon-box-btn {
height: 22px;
}
.tb-icon-box.tb-style9.tb-color1 .tb-icon {
background-color: rgba(87, 82, 208, 0.1);
color: #5752d0;
}
.tb-icon-box.tb-style9.tb-color2 .tb-icon {
color: #de3618;
background-color: rgba(222, 54, 24, 0.1);
}
.tb-icon-box.tb-style9.tb-color3 .tb-icon {
background-color: rgba(156, 106, 222, 0.1);
color: #9c6ade;
}
.tb-icon-box.tb-style9.tb-color4 .tb-icon {
background-color: rgba(0, 122, 206, 0.1);
color: #007ace;
}
.tb-iconbox-heading {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tb-icon-box.tb-style9.tb-color1:hover {
background-image: -webkit-linear-gradient(330deg, rgba(87, 82, 208, 0.6) 0%, #5752d0);
background-image: -o-linear-gradient(330deg, rgba(87, 82, 208, 0.6) 0%, #5752d0);
background-image: linear-gradient(120deg, rgba(87, 82, 208, 0.6) 0%, #5752d0);
-webkit-box-shadow: 0px 10px 19px 1px rgba(87, 82, 208, 0.2);
box-shadow: 0px 10px 19px 1px rgba(87, 82, 208, 0.2);
}
.tb-icon-box.tb-style9.tb-color2:hover {
background-image: -webkit-linear-gradient(330deg, rgba(222, 54, 24, 0.6) 0%, #de3618);
background-image: -o-linear-gradient(330deg, rgba(222, 54, 24, 0.6) 0%, #de3618);
background-image: linear-gradient(120deg, rgba(222, 54, 24, 0.6) 0%, #de3618);
-webkit-box-shadow: 0px 10px 19px 1px rgba(222, 54, 24, 0.2);
box-shadow: 0px 10px 19px 1px rgba(222, 54, 24, 0.2);
}
.tb-icon-box.tb-style9.tb-color3:hover {
background-image: -webkit-linear-gradient(330deg,
rgba(156, 106, 222, 0.6) 0%,
#9c6ade);
background-image: -o-linear-gradient(330deg,
rgba(156, 106, 222, 0.6) 0%,
#9c6ade);
background-image: linear-gradient(120deg,
rgba(156, 106, 222, 0.6) 0%,
#9c6ade);
-webkit-box-shadow: 0px 10px 19px 1px rgba(156, 106, 222, 0.2);
box-shadow: 0px 10px 19px 1px rgba(156, 106, 222, 0.2);
}
.tb-icon-box.tb-style9.tb-color4:hover {
background-image: -webkit-linear-gradient(330deg, rgba(0, 122, 206, 0.6) 0%, #007ace);
background-image: -o-linear-gradient(330deg, rgba(0, 122, 206, 0.6) 0%, #007ace);
background-image: linear-gradient(120deg, rgba(0, 122, 206, 0.6) 0%, #007ace);
-webkit-box-shadow: 0px 10px 19px 1px rgba(0, 122, 206, 0.2);
box-shadow: 0px 10px 19px 1px rgba(0, 122, 206, 0.2);
}
.tb-icon-box.tb-style9 .tb-btn.tb-style1:after {
opacity: 1;
background-color: #fff;
}
.tb-icon-box.tb-style9 .tb-btn.tb-style1:before {
background-color: rgba(255, 255, 255, 0.7);
}
.tb-icon-box.tb-style9:hover .tb-icon {
background-color: rgba(255, 255, 255, 0.1) !important;
}
.tb-icon-box.tb-style9:hover .tb-icon,
.tb-icon-box.tb-style9:hover .tb-iconbox-heading {
color: #fff !important;
}
.tb-icon-box.tb-style9:hover .tb-iconbox-text-in {
color: rgba(255, 255, 255, 0.7) !important;
}
.tb-icon-box.tb-style10.tb-color1 .tb-icon {
color: #007ace;
background-color: rgba(0, 122, 206, 0.1);
}
.tb-icon-box.tb-style10.tb-color2 .tb-icon {
color: #50b83c;
background-color: rgba(80, 184, 60, 0.1);
}
.tb-icon-box.tb-style11.tb-color1 .tb-icon {
color: #5752d0;
background-color: rgba(87, 82, 208, 0.1);
}
.tb-icon-box.tb-style11 {
padding: 40px 30px 35px;
background-color: #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tb-icon-box.tb-style11:hover {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
-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);
}
@media screen and (max-width: 1199px) {
.tb-icon-box.tb-style1 {
padding: 65px 25px 50px;
}
}
@media screen and (max-width: 991px) {
.tb-icon-box.tb-style9.tb-mt-30 {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.tb-icon-box.tb-style3 {
padding: 15px 30px;
padding-left: 100px;
min-height: 90px;
}
.tb-icon-box.tb-style3 .tb-icon {
top: 15px;
}
}
@media screen and (max-width: 575px) {
.tb-icon-box.tb-style7 {
max-width: 100%;
}
}.tb-image-box.tb-style1 .tb-image {
height: 400px;
}
.tb-image-box .tb-bg {
height: 100%;
width: 100%;
}
.tb-image-box.tb-style1 h3,
.tb-image-box.tb-style4 h3 {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.tb-image-box.tb-style1 h3 {
padding-bottom: 5px;
}
.tb-slider.tb-style1.tb-color1 .tb-image-box.tb-style1:hover h3 {
color: #13ce66;
}
.tb-image-box.tb-style1.tb-type1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 550px;
}
.tb-image-box.tb-style1.tb-type1 .tb-image {
width: 100%;
}
.tb-image-box.tb-style1.tb-size1 .tb-image {
height: 390px;
}
.tb-image-box.tb-style1.tb-size2 .tb-image {
height: 550px;
}
.tb-image-box.tb-style1.tb-size3 .tb-image {
height: 250px;
}
.tb-image-box.tb-style1.tb-size4 .tb-image {
height: 450px;
}
.tb-image-box.tb-style1.tb-size5 .tb-image {
height: 300px;
} .tb-image-box.tb-style2 .tb-image-meta {
padding: 20px;
}
.tb-image-box.tb-style2 .tb-image-meta a:hover {
opacity: 0.8
}
.tb-image-box.tb-style2.tb-height1 .tb-bg,
.tb-image-box.tb-style5.tb-height1 .tb-bg {
height: 540px;
}
.tb-image-box.tb-style2.tb-height2 .tb-bg,
.tb-image-box.tb-style5.tb-height2 .tb-bg {
height: 255px;
}
.tb-image-box.tb-style2.tb-type1.tb-height1 .tb-bg {
height: 460px;
}
.tb-image-box.tb-style2.tb-type1.tb-height2 .tb-bg {
height: 175px;
}
.tb-image-box.tb-style2.tb-height3 .tb-bg {
height: 210px;
}
.tb-image-box.tb-style2.tb-height4 .tb-bg {
height: 350px;
}
.tb-image-box.tb-style2.tb-height5 .tb-bg {
height: 300px;
}
.tb-image-box.tb-style2.tb-height6 .tb-bg {
height: 700px;
}
.tb-image-box.tb-style2.tb-height7 .tb-bg {
height: 400px;
}
.tb-image-box.tb-style2.tb-height8 .tb-bg {
height: 600px;
}
.tb-image-box.tb-style2.tb-height9 .tb-bg {
height: 800px;
} .tb-image-box.tb-style3 .tb-image {
height: 155px;
border-radius: 4px 4px 0 0;
}
.tb-image-box.tb-style3:hover a {
color: #13ce66;
}
.tb-image-box.tb-style3 .tb-image-meta {
padding: 30px;
padding-bottom: 40px;
}
.tb-image-box.tb-style3 .tb-list li {
position: relative;
padding-left: 25px;
margin-bottom: 8px;
}
.tb-image-box.tb-style3 .tb-list li:last-child {
margin-bottom: 0;
}
.tb-image-box.tb-style3 .tb-list li i {
position: absolute;
top: 5px;
left: 0;
color: #00c853;
}
.tb-image-box.tb-style3 .tb-image-box-btn {
padding: 13px 30px;
border-top: 1px solid #eaeaea;
} .tb-image-box.tb-style4 .tb-image {
height: 245px;
}
.tb-image-box.tb-style4 .tb-image-meta,
.tb-image-box.tb-style4 .tb-image-box-btn {
padding: 0 30px;
}
.tb-image-box.tb-style4 {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
}
.tb-image-box.tb-style4:hover {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
}
.tb-image-box.tb-style4:hover h3 {
color: #5c6ac4;
}
.tb-image-box.tb-style4.tb-type1 .tb-image {
height: 200px;
}
.tb-image-box.tb-style4.tb-type1 .tb-image-meta {
padding: 0 15px;
}
.tb-image-box.tb-style4.tb-type1:hover h3 {
color: #222;
}
.tb-image-box.tb-style2 .tb-image-link {
position: relative;
display: block;
overflow: hidden;
}
.tb-image-box.tb-style2 .tb-image-link:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1;
background: #000;
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tb-image-box.tb-style2 .tb-image-link:hover:before {
opacity: 0.5
}
.tb-image-box.tb-style2 img {
width: 0;
} .tb-image-box6-wrap {
border: 1px solid #eaeaea;
border-radius: 4px;
overflow: hidden;
}
.tb-image-box.tb-style6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 20px;
border-bottom: 1px solid #eaeaea;
}
.tb-image-box6-wrap .tb-image-box.tb-style6:last-child {
border-bottom: none;
}
.tb-image-box.tb-style6:hover {
background-color: #fbfbfb;
}
.tb-image-box.tb-style6 .tb-image {
width: 160px;
height: 160px;
overflow: hidden;
margin-right: 20px;
}
.tb-image-box.tb-style6 .tb-image-in {
width: 100%;
min-height: 125px;
height: 100%;
}
.tb-image-box.tb-style6 .tb-image-box-meta {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
}
.tb-image-box.tb-style6:first-child .tb-image-box-meta {
border-top: none;
}
.tb-image-box.tb-style6 .tb-image-box-text-in {
padding-right: 20px;
max-width: 700px;
}
.tb-image-box.tb-style6 .tb-image-box-info {
width: 100%;
}
.tb-image-box.tb-style6 .tb-image-box-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tb-image-box.tb-style6 .tb-btn {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.tb-image-box.tb-style6:hover .tb-btn {
background-color: #1db954;
border-color: #1db954;
color: #fff;
}
.tb-image-box.tb-style7,
.tb-image-box.tb-style8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tb-image-box.tb-style7 img,
.tb-image-box.tb-style8 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.tb-image-box.tb-style7 .tb-image-box-img,
.tb-image-box.tb-style8 .tb-image-box-img {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.tb-image-box.tb-style8 .tb-play-btn.tb-style1 {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tb-image-box.tb-style7 .tb-image-box-text,
.tb-image-box.tb-style8 .tb-image-box-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fafafa;
}
.tb-image-box.tb-style7 .tb-image-box-text-in,
.tb-image-box.tb-style8 .tb-image-box-text-in {
padding: 40px 100px;
width: 100%;
}
.tb-image-box.tb-style8 .tb-image-box-text-in {
padding: 0 20%;
}
.tb-image-box.tb-style7 .tb-image-box-title,
.tb-image-box.tb-style8 .tb-image-box-title {
font-size: 48px;
font-weight: 700;
margin-bottom: 18px;
}
.tb-image-box.tb-style7 .tb-image-box-subtitle,
.tb-image-box.tb-style8 .tb-image-box-subtitle {
font-size: 16px;
line-height: 1.6em;
margin-bottom: 35px;
max-width: 560px;
}
@media screen and (max-width: 1500px) {
.tb-image-box.tb-style8 .tb-image-box-text-in {
padding: 40px 100px;
}
}
@media screen and (max-width: 1199px) {
.tb-image-box.tb-style7 .tb-image-box-text-in,
.tb-image-box.tb-style8 .tb-image-box-text-in {
padding: 40px 50px;
}
}
@media screen and (max-width: 991px) {
.tb-image-box.tb-style7 .tb-image-box-title,
.tb-image-box.tb-style8 .tb-image-box-title {
font-size: 35px;
}
.tb-image-box.tb-style7 .tb-image-box-subtitle,
.tb-image-box.tb-style8 .tb-image-box-subtitle {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.tb-image-box.tb-style6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tb-image-box.tb-style6 .tb-image-box-meta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding-top: 15px;
}
.tb-image-box.tb-style6 .tb-image-box-text {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tb-image-box.tb-style6 .tb-image-box-btn {
margin-top: 20px;
}
.tb-image-box.tb-style6 .tb-image-box-info {
padding-right: 0;
}
.tb-image-box.tb-style7 .tb-image-box-text-in,
.tb-image-box.tb-style8 .tb-image-box-text-in {
padding: 30px 30px 40px;
}
}
@media screen and (max-width: 575px) {
.tb-image-box.tb-style1.tb-type1 {
height: 400px;
}
.tb-image-box.tb-style1.tb-size1 .tb-image,
.tb-image-box.tb-style1.tb-size2 .tb-image,
.tb-image-box.tb-style1.tb-size3 .tb-image,
.tb-image-box.tb-style1.tb-size4 .tb-image,
.tb-image-box.tb-style1.tb-size5 .tb-image {
height: 100%;
}
.tb-image-box.tb-style8,
.tb-image-box.tb-style7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tb-image-box.tb-style8 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.tb-image-box.tb-style7 .tb-image-box-img,
.tb-image-box.tb-style8 .tb-image-box-img,
.tb-image-box.tb-style7 .tb-image-box-text,
.tb-image-box.tb-style8 .tb-image-box-text {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
}.tb-cta-bg {
background: #14102A;
}
.tb-cta.tb-style1 {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tb-cta.tb-style1 .tb-cta-right .tb-cryto-btn:last-child {
margin-right: 0px;
}
.tb-cta.tb-style1 .tb-cta-img {
position: absolute;
right: 0;
bottom: -70px;
}
@media screen and (max-width: 991px) {
.tb-cta.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-cta.tb-style1 .tb-cta-img {
display: none;
}
.tb-cta.tb-style1 {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.tb-cta.tb-style1 br {
display: none;
}
}