.g5plus-process-group.gf-process-group-col-2 .process-group-item {
width: 50%;
}
.g5plus-process-group.gf-process-group-col-2 .process-group-item:nth-child(2n+1) {
clear: both;
}
.g5plus-process-group.gf-process-group-col-2 .process-group-item:nth-child(2n+1) .pg-shape {
-webkit-border-bottom-left-radius: 65px;
-moz-border-radius-bottomleft: 65px;
border-bottom-left-radius: 65px;
-webkit-border-top-left-radius: 65px;
-moz-border-radius-topleft: 65px;
border-top-left-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-2 .process-group-item:nth-child(2n) .pg-shape {
-webkit-border-bottom-right-radius: 65px;
-moz-border-radius-bottomright: 65px;
border-bottom-right-radius: 65px;
-webkit-border-top-right-radius: 65px;
-moz-border-radius-topright: 65px;
border-top-right-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item {
width: 33.33333334%;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(3n+1) {
clear: both;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(3n+1) .pg-shape {
-webkit-border-bottom-left-radius: 65px;
-moz-border-radius-bottomleft: 65px;
border-bottom-left-radius: 65px;
-webkit-border-top-left-radius: 65px;
-moz-border-radius-topleft: 65px;
border-top-left-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(3n) .pg-shape {
-webkit-border-bottom-right-radius: 65px;
-moz-border-radius-bottomright: 65px;
border-bottom-right-radius: 65px;
-webkit-border-top-right-radius: 65px;
-moz-border-radius-topright: 65px;
border-top-right-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-4 .process-group-item {
width: 25%;
}
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(4n+1) {
clear: both;
}
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(4n+1) .pg-shape {
-webkit-border-bottom-left-radius: 65px;
-moz-border-radius-bottomleft: 65px;
border-bottom-left-radius: 65px;
-webkit-border-top-left-radius: 65px;
-moz-border-radius-topleft: 65px;
border-top-left-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(4n) .pg-shape {
-webkit-border-bottom-right-radius: 65px;
-moz-border-radius-bottomright: 65px;
border-bottom-right-radius: 65px;
-webkit-border-top-right-radius: 65px;
-moz-border-radius-topright: 65px;
border-top-right-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item {
width: 20%;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(5n+1) {
clear: both;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(5n+1) .pg-shape {
-webkit-border-bottom-left-radius: 65px;
-moz-border-radius-bottomleft: 65px;
border-bottom-left-radius: 65px;
-webkit-border-top-left-radius: 65px;
-moz-border-radius-topleft: 65px;
border-top-left-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(5n) .pg-shape {
-webkit-border-bottom-right-radius: 65px;
-moz-border-radius-bottomright: 65px;
border-bottom-right-radius: 65px;
-webkit-border-top-right-radius: 65px;
-moz-border-radius-topright: 65px;
border-top-right-radius: 65px;
}
.g5plus-process-group .process-group-item {
float: left;
text-align: center;
}
.g5plus-process-group .process-group-item .pg-shape {
position: relative;
height: 130px;
background-color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 7px 7px 20px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 7px 7px 20px rgba(153, 153, 153, 0.2);
box-shadow: 7px 7px 20px rgba(153, 153, 153, 0.2);
}
.g5plus-process-group .process-group-item .pg-shape .icon {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.g5plus-process-group .process-group-item .pg-shape .icon i {
font-size: 45px;
color: #333;
-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-process-group .process-group-item .pg-content {
padding: 40px 5px 50px;
}
.g5plus-process-group .process-group-item .pg-content h5 {
margin-bottom: 12px;
font-size: 15px;
letter-spacing: 0.15em;
line-height: 1.8;
font-weight: 600;
text-transform: uppercase;
}
.g5plus-process-group .process-group-item:hover .pg-shape i {
color: #fff;
}
@media (max-width: 991px) {
.g5plus-process-group.gf-process-group-col-5 .process-group-item {
width: 33.33334%;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(3n+1) {
clear: both;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(3n+1) .pg-shape {
-webkit-border-bottom-left-radius: 65px;
-moz-border-radius-bottomleft: 65px;
border-bottom-left-radius: 65px;
-webkit-border-top-left-radius: 65px;
-moz-border-radius-topleft: 65px;
border-top-left-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(3n) .pg-shape {
-webkit-border-bottom-right-radius: 65px;
-moz-border-radius-bottomright: 65px;
border-bottom-right-radius: 65px;
-webkit-border-top-right-radius: 65px;
-moz-border-radius-topright: 65px;
border-top-right-radius: 65px;
}
}
@media (max-width: 767px) {
.g5plus-process-group.gf-process-group-col-3 .process-group-item,
.g5plus-process-group.gf-process-group-col-4 .process-group-item,
.g5plus-process-group.gf-process-group-col-5 .process-group-item {
width: 50%;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(1) .pg-shape,
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(1) .pg-shape,
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(1) .pg-shape {
border-right: none !important;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(2n+1),
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(2n+1),
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(2n+1) {
clear: both;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(2n+1) .pg-shape,
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(2n+1) .pg-shape,
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(2n+1) .pg-shape {
-webkit-border-bottom-left-radius: 65px;
-moz-border-radius-bottomleft: 65px;
border-bottom-left-radius: 65px;
-webkit-border-top-left-radius: 65px;
-moz-border-radius-topleft: 65px;
border-top-left-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(2n) .pg-shape,
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(2n) .pg-shape,
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(2n) .pg-shape {
-webkit-border-bottom-right-radius: 65px;
-moz-border-radius-bottomright: 65px;
border-bottom-right-radius: 65px;
-webkit-border-top-right-radius: 65px;
-moz-border-radius-topright: 65px;
border-top-right-radius: 65px;
}
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(2n+1):not(:nth-child(1)) .pg-shape {
border-right: none;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(3n+1):not(:nth-child(1)) {
clear: initial;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(3n+1):not(:nth-child(1)) .pg-shape {
-webkit-border-bottom-left-radius: initial;
-moz-border-radius-bottomleft: initial;
border-bottom-left-radius: initial;
-webkit-border-top-left-radius: initial;
-moz-border-radius-topleft: initial;
border-top-left-radius: initial;
}
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(3n) .pg-shape {
border-right: none;
-webkit-border-bottom-right-radius: initial;
-moz-border-radius-bottomright: initial;
border-bottom-right-radius: initial;
-webkit-border-top-right-radius: initial;
-moz-border-radius-topright: initial;
border-top-right-radius: initial;
}
}
@media (max-width: 480px) {
.g5plus-process-group.gf-process-group-col-2 .process-group-item,
.g5plus-process-group.gf-process-group-col-3 .process-group-item,
.g5plus-process-group.gf-process-group-col-4 .process-group-item,
.g5plus-process-group.gf-process-group-col-5 .process-group-item {
width: 100%;
float: none;
}
.g5plus-process-group.gf-process-group-col-2 .process-group-item:nth-child(1) .pg-shape,
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(1) .pg-shape,
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(1) .pg-shape,
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(1) .pg-shape {
border-right: none !important;
}
.g5plus-process-group.gf-process-group-col-2 .process-group-item:nth-child(n),
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(n),
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(n),
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(n) {
clear: both;
}
.g5plus-process-group.gf-process-group-col-2 .process-group-item:nth-child(n) .pg-shape,
.g5plus-process-group.gf-process-group-col-3 .process-group-item:nth-child(n) .pg-shape,
.g5plus-process-group.gf-process-group-col-4 .process-group-item:nth-child(n) .pg-shape,
.g5plus-process-group.gf-process-group-col-5 .process-group-item:nth-child(n) .pg-shape {
width: 130px;
margin: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
}ul.g5plus-lists {
list-style: none;
padding: 0;
margin: 0;
}
ul.g5plus-lists span {
float: left;
font-size: 15px;
}
ul.g5plus-lists p {
padding-left: 24px;
font-size: 14px;
margin-bottom: 0;
}
ul.g5plus-lists li + li {
margin-top: 9px;
}
ul.g5plus-lists.g5plus-lists-round span {
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 26px;
height: 26px;
text-align: center;
position: relative;
line-height: 24px;
}
ul.g5plus-lists.g5plus-lists-round span i {
padding-left: 2px;
}
ul.g5plus-lists.g5plus-lists-round p {
padding-left: 36px;
}
ul.g5plus-lists.g5plus-lists-round li + li {
margin-top: 15px;
}
ul.g5plus-lists.g5plus-lists-dot li:before,
ul.g5plus-lists.g5plus-lists-square li:before {
content: '';
width: 4px;
height: 4px;
top: 11px;
position: relative;
float: left;
}
ul.g5plus-lists.g5plus-lists-dot p,
ul.g5plus-lists.g5plus-lists-square p {
padding-left: 18px;
}
ul.g5plus-lists.g5plus-lists-dot li:before {
border-radius: 50%;
}
ul.g5plus-list-size-lg span {
font-size: 17px;
}
ul.g5plus-list-size-lg p {
padding-left: 25px;
font-size: 16px;
}
ul.g5plus-list-size-lg li + li {
margin-top: 11px;
}
ul.g5plus-list-size-lg.g5plus-lists-round span {
width: 35px;
height: 35px;
line-height: 33px;
}
ul.g5plus-list-size-lg.g5plus-lists-round p {
padding-left: 50px;
}
ul.g5plus-list-size-lg.g5plus-lists-round li + li {
margin-top: 19px;
}
ul.g5plus-list-size-lg.g5plus-lists-dot li:before,
ul.g5plus-list-size-lg.g5plus-lists-square li:before {
width: 6px;
height: 6px;
}
ul.g5plus-list-size-lg.g5plus-lists-dot p,
ul.g5plus-list-size-lg.g5plus-lists-square p {
padding-left: 20px;
}
.g5plus-lists-color-blue.g5plus-lists-dot li:before,
.g5plus-lists-color-blue.g5plus-lists-square li:before {
background-color: #5472D2;
}
.g5plus-lists-color-blue span {
color: #5472D2;
}
.g5plus-lists-color-turquoise.g5plus-lists-dot li:before,
.g5plus-lists-color-turquoise.g5plus-lists-square li:before {
background-color: #00C1CF;
}
.g5plus-lists-color-turquoise span {
color: #00C1CF;
}
.g5plus-lists-color-pink.g5plus-lists-dot li:before,
.g5plus-lists-color-pink.g5plus-lists-square li:before {
background-color: #FE6C61;
}
.g5plus-lists-color-pink span {
color: #FE6C61;
}
.g5plus-lists-color-violet:before {
background-color: #8D6DC4;
}
.g5plus-lists-color-violet span {
color: #8D6DC4;
}
.g5plus-lists-color-peacoc:before {
background-color: #4CADC9;
}
.g5plus-lists-color-peacoc span {
color: #4CADC9;
}
.g5plus-lists-color-chino:before {
background-color: #CEC2AB;
}
.g5plus-lists-color-chino span {
color: #CEC2AB;
}
.g5plus-lists-color-mulled_wine:before {
background-color: #50485B;
}
.g5plus-lists-color-mulled_wine span {
color: #50485B;
}
.g5plus-lists-color-vista_blue:before {
background-color: #75D69C;
}
.g5plus-lists-color-vista_blue span {
color: #75D69C;
}
.g5plus-lists-color-black:before {
background-color: #2A2A2A;
}
.g5plus-lists-color-black span {
color: #2A2A2A;
}
.g5plus-lists-color-orange:before {
background-color: #F7BE68;
}
.g5plus-lists-color-orange span {
color: #F7BE68;
}
.g5plus-lists-color-sky:before {
background-color: #5AA1E3;
}
.g5plus-lists-color-sky span {
color: #5AA1E3;
}
.g5plus-lists-color-green:before {
background-color: #6DAB3C;
}
.g5plus-lists-color-green span {
color: #6DAB3C;
}
.g5plus-lists-color-juicy_pink:before {
background-color: #F4524D;
}
.g5plus-lists-color-juicy_pink span {
color: #F4524D;
}
.g5plus-lists-color-sandy_brown:before {
background-color: #F79468;
}
.g5plus-lists-color-sandy_brown span {
color: #F79468;
}
.g5plus-lists-color-purple:before {
background-color: #B97EBB;
}
.g5plus-lists-color-purple span {
color: #B97EBB;
}
.g5plus-lists-color-white:before {
background-color: #fff;
}
.g5plus-lists-color-white span {
color: #fff;
}
.g5plus-lists-color-grey:before {
background-color: #888;
}
.g5plus-lists-color-grey span {
color: #888;
}