.advanced_addons_funfactors_area.type-1 {
background-position: -58px -105px;
}
.advanced_addons_funfactors_area.type-1 .overlay {
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.84) 35%, rgba(0, 0, 0, 0.84) 100%);
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.84) 35%, rgba(0, 0, 0, 0.84) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.84) 35%, rgba(0, 0, 0, 0.84) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d6000000', GradientType=1);
}
.advanced_addons_funfactors_area.type-1 p {
margin-bottom: 0;
text-align: center;
font-size: 16px;
color: #fff;
}
.advanced_addons_funfactors_area.type-1 h2 {
line-height: 57px;
margin-bottom: 20px;
} .bg-f8fcfd {
background: #f8fcfd;
}
.advanced_addons_funfactors_area.type-2 .advanced_addons_funfactors_content {
border: 1px solid #d2e0e4;
position: relative;
padding: 18px 0;
}
.advanced_addons_funfactors_area.type-2 .advanced_addons_funfactors_content .blocks-icon {
font-size: 35px;
position: absolute;
left: 50%;
top: -29px;
width: 90px;
transform: translateX(-50%);
background: #f8fcfd;
color: #c8c8c8;
}
.advanced_addons_funfactors_area.type-2 .advanced_addons_funfactors_content .block-text {
background: #f8fcfd;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -11px;
color: #434343;
width: 155px;
text-transform: uppercase;
font-weight: 600;
}
.advanced_addons_funfactors_area.type-2 .advanced_addons_funfactors_content  h2 {
margin-bottom: 0;
} .advanced_addons_funfactors_content.type-3 {
display: flex;
background: #0054ff;
border-radius: 6px;
flex-flow: row;
padding-right: 4px;
}
.advanced_addons_funfactors_content.type-3 .blocks-icon {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: #ffffff;
padding: 0 25px;
}
.advanced_addons_funfactors_content.type-3 .block-content {
background: #ffffff;
flex: 1;
border-radius: 6px;
padding: 20px 0;
}
.advanced_addons_funfactors_content.type-3 .block-content h2 {
color: #0024ff;
line-height: 46px;
}
.advanced_addons_funfactors_content.type-3 .block-content span {
color: #6069c0;
font-weight: 600;
font-size: 16px;
}
.advanced_addons_funfactors_area.type-3 .overlay {
background: #1447ea;
background: -moz-linear-gradient(left, #1447ea 15%, #03deec 100%);
background: -webkit-linear-gradient(left, #1447ea 15%, #03deec 100%);
background: linear-gradient(to right, #1447ea 15%, #03deec 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1447ea', endColorstr='#03deec', GradientType=1);
opacity: .9;
} .advanced_addons_funfactors_content.type-4 .block-content {
display: inline-flex;
padding: 0 37px;
background: #ffffff;
width: calc(100% - 80px);
position: relative;
z-index: 9;
color: #27c332;
box-shadow: 0px 0px 15px rgba(0, 0, 0, .10);
}
.advanced_addons_funfactors_content.type-4 span {
display: inline-block;
color: #ffffff;
padding: 0;
width: calc(100% - 80px);
text-align: center;
font-weight: 600;
line-height: 40px;
position: relative;
z-index: 9;
}
.advanced_addons_funfactors_content.type-4 .overlay {
background: rgba(0, 0, 0, .70);
} .advanced_addons_funfactors_wrapper.type-5 {
min-height: 455px;
width: 520px;
}
.advanced_addons_funfactors_wrapper.type-5 .single-counter-box .number {color: #fff;}
.advanced_addons_funfactors_wrapper.type-5 .single-counter-box p {color: #fff;padding-top: 0;}
.advanced_addons_funfactors_wrapper.type-5 .shape-dot {top:0;right: 0;}
.advanced_addons_funfactors_wrapper.type-5 .dot-one {
width: 9px;
height: 9px;
top:-30px;
right: 35%;
animation: zoomInOut 3s infinite linear;
}
.advanced_addons_funfactors_wrapper.type-5 .img-shape{
position: absolute;
}
.advanced_addons_funfactors_wrapper.type-5 .dot-two {
width: 26px;
height: 26px;
top:50px;
right: 30%;
animation: zoomInOut 9s infinite linear;
}
.advanced_addons_funfactors_wrapper.type-5 .dot-three {
width: 9px;
height: 9px;
top:53px;
right: 11%;
animation: zoomInOut 8s infinite linear;
}
.advanced_addons_funfactors_wrapper.type-5 .dot-four {
width: 20px;
height: 20px;
bottom: 90px;
right: 13%;
animation: zoomInOut 5s infinite linear;
}
.advanced_addons_funfactors_wrapper.type-5 .dot-five {
width: 9px;
height: 9px;
bottom: 64px;
right: 4%;
animation: zoomInOut 9s infinite linear;
}
.advanced_addons_funfactors_wrapper.type-5 .dot-six {
width: 30px;
height: 30px;
bottom: 128px;
left: 0;
animation: zoomInOut 5s infinite linear;
}
.advanced_addons_funfactors_wrapper.type-5 .dot-seven {
width: 11px;
height: 11px;
bottom: 170px;
left: 75px;
animation: zoomInOut 8s infinite linear;
}
.advanced_addons_funfactors_wrapper.type-5 span {line-height: 40px;display: inline-block;margin-bottom: 0;font-size: 52px;}
.advanced_addons_funfactors_wrapper.type-5 h4 {
margin-bottom: 0;
font-weight: 300;
font-size: 18px;
}
.advanced_addons_funfactors_wrapper.type-5 h2 {
line-height: 60px;
}
.advanced_addons_funfactors_wrapper.type-5  .advanced_addons_funfactors_content.cl-1 {
background: rgba(0,161,255,0.54);
top: 25px;
left: 50px;
}
.advanced_addons_funfactors_wrapper.type-5  .advanced_addons_funfactors_content {
border-radius: 50%;
text-align: center;
position: absolute;
width: 226px;
height: 226px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
box-shadow: 0px 10px 25px 0px rgba(123,147,171,0.1);
}
.advanced_addons_funfactors_wrapper.type-5  .advanced_addons_funfactors_content.cl-2 {
background: rgba(255,173,58,0.67);
width: 246px;
height: 246px;
top: 210px;
left: 130px;
z-index: 1;
}
.advanced_addons_funfactors_wrapper.type-5  .advanced_addons_funfactors_content.cl-3 {
background: rgba(140,39,255,0.54);
width: 180px;
height: 180px;
top: 135px;
left: 290px;
z-index: 1;
}
.advanced_addons_funfactors_wrapper.type-5 .shape-dot {
top: 0;
right: 0;
}
.advanced_addons_funfactors_wrapper.type-5 .factors-icon {
font-size: 117px;
color: #fff;
opacity: .10;
top: 15%;
left: 11%;
} @media (min-width:768px) and (max-width:991px) {
.advanced_addons_funfactors_content.type-3 {
margin-bottom: 20px;
}
.advanced_addons_funfactors_content.type-4 {
margin-bottom: 20px;
}
}
@media (max-width:767px) {
.advanced_addons_funfactors_area.type-1 h2 {
line-height: 36px;
margin-bottom: 10px;
font-size: 50px;
}
.advanced_addons_funfactors_content.type-1 {
margin: 15px 0;
}
.advanced_addons_funfactors_area.type-2 .advanced_addons_funfactors_content {
margin-top: 30px;
margin-bottom: 30px;
}
.advanced_addons_funfactors_content.type-3 {
margin: 15px 0;
}
.advanced_addons_funfactors_content.type-4 {
margin: 15px 0;
}
}