.g5plus-heading h2{font-weight: 600;font-size: 18px;line-height: 1.1;letter-spacing: 0.1em;display: block;margin-bottom: 4px}.g5plus-heading span{font-size: 10px;line-height: 26px;letter-spacing: 0.05em;color: #979797;display: block}.g5plus-heading:after{content: '';display: block;border-bottom-style: solid;border-bottom-width: 2px;width: 34px;margin-top: 10px}.g5plus-heading.text-center:after{margin-left: auto;margin-right: auto}.g5plus-heading.dark h2{color: #fff}.g5plus-heading.dark span{color: #b2b2b2}.g5plus-heading.size-md h2{font-size: 28px;font-weight: 700;margin-bottom: 6px}.g5plus-heading.size-md span{font-size: 13px;margin-top: 2px}.g5plus-heading.size-md:after{width: 110px}.g5plus-icon-box a,
.g5plus-icon-box i,
.g5plus-icon-box img {
display: block;
}
.g5plus-icon-box .ib-shape-inner,
.g5plus-icon-box i,
.g5plus-icon-box a span {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.g5plus-icon-box.icon-box-light .ib-content span {
color: #fff;
}
.g5plus-icon-box.icon-box-light .ib-content p {
color: #b2b2b2;
}
.g5plus-icon-box .icon-bg-circle.icon-scheme-accent i,
.g5plus-icon-box .icon-bg-square.icon-scheme-accent i,
.g5plus-icon-box .icon-bg-circle.icon-scheme-dark i,
.g5plus-icon-box .icon-bg-square.icon-scheme-dark i {
color: #fff;
}
.g5plus-icon-box .icon-bg-circle.icon-scheme-gray,
.g5plus-icon-box .icon-bg-square.icon-scheme-gray {
background-color: #f9f9f9;
}
.g5plus-icon-box .icon-classic.icon-scheme-gray i {
color: #f9f9f9;
}
.g5plus-icon-box .icon-classic.ib-large i {
font-size: 60px;
}
.g5plus-icon-box .icon-classic.ib-large img {
width: 60px;
height: 60px;
}
.g5plus-icon-box .icon-classic.ib-medium i {
font-size: 42px;
}
.g5plus-icon-box .icon-classic.ib-medium img {
width: 42px;
height: 42px;
}
.g5plus-icon-box .ib-large i {
font-size: 42px;
}
.g5plus-icon-box .ib-large img {
width: 42px;
height: 42px;
}
.g5plus-icon-box .ib-medium i {
font-size: 28px;
}
.g5plus-icon-box .ib-medium img {
width: 28px;
height: 28px;
}
.g5plus-icon-box .icon-bg-circle,
.g5plus-icon-box .icon-bg-square {
width: 82px;
height: 82px;
text-align: center;
}
.g5plus-icon-box .icon-bg-circle i,
.g5plus-icon-box .icon-bg-square i {
line-height: 82px;
}
.g5plus-icon-box .icon-bg-circle img,
.g5plus-icon-box .icon-bg-square img {
margin: auto;
}
.g5plus-icon-box .icon-bg-circle {
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
.g5plus-icon-box .icon-bg-circle a,
.g5plus-icon-box .icon-bg-circle i {
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
.g5plus-icon-box .icon-bg-square {
-webkit-border-radius: 8px;
-webkit-background-clip: padding-box;
-moz-border-radius: 8px;
-moz-background-clip: padding;
border-radius: 8px;
background-clip: padding-box;
}
.g5plus-icon-box .icon-bg-square a,
.g5plus-icon-box .icon-bg-square i {
-webkit-border-radius: 8px;
-webkit-background-clip: padding-box;
-moz-border-radius: 8px;
-moz-background-clip: padding;
border-radius: 8px;
background-clip: padding-box;
}
.g5plus-icon-box .ib-content span {
display: block;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.002em;
line-height: 20px;
}
.g5plus-icon-box .ib-content p {
font-size: 13px;
line-height: 24px;
}
.g5plus-icon-box.text-center .ib-shape,
.g5plus-icon-box.text-left .ib-shape {
margin-bottom: 30px;
}
.g5plus-icon-box.text-center .ib-shape-inner {
margin-right: auto;
margin-left: auto;
}
.g5plus-icon-box.ib-left .ib-shape,
.g5plus-icon-box.ib-right .ib-shape {
display: table-cell;
}
.g5plus-icon-box.ib-left .ib-content,
.g5plus-icon-box.ib-right .ib-content {
display: table-cell;
}
.g5plus-icon-box.ib-right {
text-align: right;
}
.g5plus-icon-box.ib-left .ib-content {
padding-left: 20px;
}
.g5plus-icon-box.ib-right .ib-content {
padding-right: 20px;
}
.g5plus-icon-box.icon-align-top .ib-shape {
vertical-align: top;
}
.g5plus-icon-box.icon-align-middle .ib-shape {
vertical-align: middle;
}
.g5plus-icon-box.hover-creative .ib-shape-inner {
position: relative;
}
.g5plus-icon-box.hover-creative .ib-shape-inner:before {
content: '';
display: block;
position: absolute;
left: -5px;
right: -5px;
bottom: -5px;
top: -5px;
opacity: 0;
background-color: transparent;
border-width: 2px;
border-style: solid;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.g5plus-icon-box.hover-creative .icon-scheme-gray:before {
border-color: #f9f9f9;
}
.g5plus-icon-box.hover-creative .icon-bg-circle:before {
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
.g5plus-icon-box.hover-creative .icon-bg-square:before {
-webkit-border-radius: 12px;
-webkit-background-clip: padding-box;
-moz-border-radius: 12px;
-moz-background-clip: padding;
border-radius: 12px;
background-clip: padding-box;
}
.g5plus-icon-box.hover-creative:hover .ib-shape-inner:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.g5plus-icon-box.hover-creative:hover .icon-scheme-accent:before {
border-color: #f9f9f9;
}
.g5plus-icon-box.ib-landing {
padding: 9px 20px;
border-width: 1px;
border-style: solid;
position: relative;
}
.g5plus-icon-box.ib-landing .ib-shape {
position: absolute;
left: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.g5plus-icon-box.ib-landing .ib-shape i {
font-size: 16px;
color: #ff6d6d;
margin-right: 17px;
line-height: 24px;
}
.g5plus-icon-box.ib-landing .ib-content {
padding-left: 32px;
}
.g5plus-icon-box.ib-landing .ib-content span {
margin-bottom: 0;
line-height: 24px;
color: #8f8f8f;
font-size: 12px;
}
.g5plus-icon-box:hover .icon-bg-circle.icon-scheme-accent,
.g5plus-icon-box:hover .icon-bg-square.icon-scheme-accent {
background-color: #f9f9f9;
}
.g5plus-icon-box:hover .icon-bg-circle.icon-scheme-gray i,
.g5plus-icon-box:hover .icon-bg-square.icon-scheme-gray i,
.g5plus-icon-box:hover .icon-bg-circle.icon-scheme-dark,
.g5plus-icon-box:hover .icon-bg-square.icon-scheme-dark {
color: #fff;
}