.df-accordian-wrap.df-style1 {
border-top: 1px solid #eaeaea;
}
.df-accordian-wrap.df-style1 .df-accordian {
border-bottom: 1px solid #eaeaea;
position: relative;
}
.df-accordian-wrap.df-style1 .df-accordian-title {
padding: 15px 30px 15px 0;
position: relative;
cursor: pointer;
}
.df-accordian-wrap.df-style1 .df-accordian-body {
margin-top: -4px;
padding-bottom: 14px;
}
.df-accordian-wrap.df-style1 .df-accordian-body p {
margin-bottom: 0;
}
.df-accordian-wrap.df-style1 .df-accordian-toggle {
position: absolute;
color: #b5b5b5;
font-size: 14px;
right: 10px;
top: 19px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.df-accordian-wrap.df-style1 .df-accordian.active .df-accordian-toggle {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
} .df-accordian-wrap.df-style1.df-type1 .df-accordian {
border-bottom: 1px solid #eaeaea;
position: relative;
padding: 10px 0px;
padding-right: 0;
position: relative;
}
.df-accordian-wrap.df-style1.df-type1 .df-accordian.active {
background: #fff;
border: 1px solid #eaeaea;
border-radius: 4px;
}
.df-accordian-wrap.df-style1.df-type1 .df-accordian.active:before {
content: '';
position: absolute;
height: 2px;
width: 100%;
background: #fbfbfb;
left: 0;
top: -3px;
}
.df-accordian-wrap.df-style1.df-type1 .df-accordian-toggle {
right: 20px;
}
.df-accordian-wrap.df-style1.df-type1 .df-accordian-body {
margin-bottom: 0;
padding: 0 30px 13px 30px;
}
.df-accordian-wrap.df-style1.df-type1 .df-accordian-title {
padding: 15px 30px 15px 30px;
color: #222;
}
.df-accordian-wrap.df-style1.df-type1 .df-accordian-body p {
margin-bottom: 0;
} .df-accordian.df-style2 .df-accordian-title {
font-size: 16px;
font-weight: 500;
border: 1px solid #eaeaea;
border-radius: 4px;
padding: 13px 20px;
background-color: #fafafa;
position: relative;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.df-accordian .df-accordian-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
}
.df-accordian.df-style2 .df-accordian.df-active .df-accordian-title {
color: #1b9eff
}
.df-accordian.df-style2 .df-accordian-btn {
display: block;
height: 10px;
width: 10px;
right: 20px;
position: absolute;
top: 50%;
margin-top: -5px;
}
.df-accordian.df-style2 .df-accordian-btn:before,
.df-accordian.df-style2 .df-accordian-btn:after {
content: '';
position: absolute;
height: 2px;
width: 10px;
background: #051e31;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.df-accordian.df-style2 .df-accordian-btn:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
top: 3px;
left: 0;
}
.df-accordian.df-style2.active .df-accordian-btn:before {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.df-accordian.df-style2 .df-accordian-btn:after {
top: 3px;
left: 0px;
}
.df-accordian.df-style2.df-active .df-accordian-title {
border-radius: 4px 4px 0 0
}
.df-accordian.df-style2 .df-accordian-title-body {
opacity: 0.8;
padding: 15px 20px;
border: 1px solid #eaeaea;
border-top: 0;
margin-top: 0px;
display: none;
font-size: 14px;
}
.df-accordian.df-style2 .df-accordian-title-body p {
margin-bottom: 20px;
}
.df-accordian.df-style2 .df-accordian-title-body p:last-child {
margin-bottom: 0;
}
.df-accordian.df-style2 .df-accordian-body {
padding: 15px 20px;
border: 1px solid #eaeaea;
border-radius: 0 0 4px 4px;
margin-top: -2px;
}
.df-accordian-img-gallery {
padding: 5px 0px;
}
.df-accordian-img-gallery .df-row {
margin-right: -10px;
margin-left: -10px;
margin-bottom: -20px;
}
.df-accordian-img-gallery .df-row>div {
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
.df-accordian-img-gallery img {
width: 100%;
}
.df-accordian.df-style2 .df-accordian-body p {
margin-bottom: 10px;
}
.df-accordian.df-style2 .df-accordian-body p:last-child {
margin-bottom: 0;
}
.df-gallery-accordian {
height: 480px;
background-color: #fafafa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
border-radius: 10px;
}
.df-gallery-accordian .df-gallery-accordian-in {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: relative;
-webkit-box-shadow: -5px 0 40px 1px rgba(0, 0, 0, 0.6);
box-shadow: -5px 0 40px 1px rgba(0, 0, 0, 0.6);
}
.df-gallery-accordian .df-gallery-accordian-in.active {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
.df-gallery-accordian .df-gallery-accordian-img {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #fff;
}
.df-gallery-accordian.df-horizontal .df-gallery-accordian-img {
height: 100% !important;
}
.df-gallery-accordian .df-gallery-accordian-text {
width: 100%;
padding: 30px 30px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75));
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75));
opacity: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.df-gallery-accordian .df-gallery-accordian-in.active .df-gallery-accordian-text {
opacity: 1;
}
.df-gallery-accordian .df-gallery-accordian-title {
font-size: 18px;
font-weight: 500;
color: #fff;
margin-bottom: 9px;
position: relative;
left: 30px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
}
.df-gallery-accordian .df-gallery-accordian-in.active .df-gallery-accordian-title {
opacity: 1;
left: 0;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.df-gallery-accordian .df-gallery-accordian-subtitle {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
position: relative;
left: 30px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
}
.df-gallery-accordian .df-gallery-accordian-in.active .df-gallery-accordian-subtitle {
opacity: 1;
left: 0;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.df-gallery-accordian.df-vertical {
height: 600px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.df-gallery-accordian.df-vertical .df-gallery-accordian-img {
width: 100% !important;
}
.df-gallery-accordian.df-vertical .df-gallery-accordian-in.active {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
@media screen and (max-width: 575px) {
.df-gallery-accordian.df-horizontal {
height: 600px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.df-gallery-accordian.df-horizontal .df-gallery-accordian-img {
width: 100% !important;
}
.df-gallery-accordian.df-horizontal .df-gallery-accordian-in.active {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
}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;
}
}