div#section-process .listing-process {
height: 100%;
}
div#section-process .row {
height: 100%;
display: inline-block;
margin: 0;
float: left;
width: 100%;
}
div#section-process { }
div#section-process .fp-tableCell {
display: block;
}
#section-process {
background: transparent !important;
overflow: hidden;
}
.listing-process.active .process  .view {
opacity: 0.1;
}
.listing-process.active .process.active .view {
display: none;
}
.listing-process.active .process.active .back {
display: block;
}
.listing-process .back:before {
content: '';
line-height: 1;
margin-right: 1.063rem;
margin-top: 0;
font-size: 0.75rem;
background: url(//vga-asia.com/wp-content/themes/VGA/assets/images/arrow-back.png) no-repeat;
width: 0.438rem;
height: 0.75rem;
background-size: contain;
display: inline-block;
vertical-align: top;
}
.listing-process .process h4 {
font-size: 1.625rem;
font-weight: 700;
letter-spacing: 0.031rem;
}
.listing-process .process {
width: 25%;
position: relative;
z-index: 999;
cursor: pointer;
display: inline-block;
height: 100%;
padding: 0;
float: left;
}
.listing-process .process{
}
.listing-process .process-span {
display: none;
}
.listing-process img {
vertical-align: top;
min-width: 100%;
min-height: 100%;
}
.listing-process .back {
position: absolute;
bottom: 7.875rem;
width: auto;
height: 3.188rem;
border: 1px solid #fff;
background: #fff;
left: 4rem;
font-size: 0.625rem;
padding: 1.125rem 1.5rem 1.125rem;
color: #030303;
text-transform: uppercase;
font-weight: 600;
min-width: 8.75rem;
text-align: center;
letter-spacing: 0.5px;
} 
.row {
margin-left: -15px;
margin-right: -15px;
}
.process-content .number,
.process-content-hover .text h4,
.process-content .text h4 {
color: #fff;
}
.process-content .number{
font-family: 'Barlow', sans-serif;
font-weight: 600;
}
.listing-process.active .process {
border-left: 1px solid #7f7f7f;
}
.listing-process.active #pm-process-1{
border-left: 0;
}
.listing-process .process.active .process-content {
opacity: 0;
height: 0;
z-index: 99;
}
.process-content {
position: absolute;
top: 9.375rem;
padding: 0 4rem;
transition: all 1s;
opacity: 1;
height: auto;
width: 100%;
z-index: 999;
}
.process-content-hover {
height: auto;
position: absolute;
padding: 0 4rem;
transition: all 1s;
z-index: -1;
width: 100%;
opacity: 0;
top: 9.375rem;
}
.listing-process .process.active .process-content-hover {
top: 9.375rem;
opacity: 1;
right: 0;
z-index: 9999999;
color: #fff;
}
.image-full {
display: none;
}
.listing-process.active .process img {
opacity: 0;
}
.image-full.active {
display: block;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
min-width: 100%;
z-index: 0;
min-height: 100%;
}
.listing-process.active .process h4,
.listing-process.active .process .number {
color: #737373;
}
.listing-process.active .process.active h4,
.listing-process.active .process.active .number{
color: #283A89;
font-family: 'Barlow', sans-serif;
}
.listing-process.active .process.active .number{
font-weight: 500;
font-size: 0.875rem;
}
.listing-process .process .process-content-hover p {
line-height: 1.5rem;
font-size: 0.875rem;
letter-spacing: 0.1px;
}
.listing-process.active .process.active h4 {
font-size: 1.875rem;
}
.listing-process.active .process h4,.listing-process.active .process .number {
color: #737373;
}
.listing-process.active {
position: relative;
}
.listing-process .process.active {
z-index: 99;
}
.listing-process .process .view {
position: absolute;
bottom: 7.875rem;
width: 3.188rem;
height: 3.188rem;
border: 0.063rem solid #fff;
left: 4rem;
line-height: 2.8rem;
}
.listing-process .process .view:after {
content: '\f105';
font-family: 'FontAwesome';
color: #283A89;
padding: 0 1.375rem;
line-height: 3.188rem;
display: inline-block;
vertical-align: middle;
}
.process-page .listing-process .process .view:after {
content: '\f107';
}
#section-events .row{
display: inline-block;
width: 100%;
float: left;
height: 100%;
}
#section-events .col-left{
}
#section-events .picture-items {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.picture-item {
width: 50%;
position: relative;
transition: none;
display: inline-block;
vertical-align: middle;
float: left;
}
.picture-item:last-child {
float: right;
}
@media screen and (min-height:1081px) {
.image-full.active {
height: 100%;
width: auto;
max-width: inherit;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
left: 50%;
}
.listing-process .process img {
height: 100%;
max-width: initial;
}
}
@media screen and (max-width: 1279px) {
.listing-process img, 
.image-full.active{
height: 100%;
width: 100%;
}
div#section-process .row{
width: 100%;
}
}
@media screen and (min-width:2000px) {
.image-full.active {
width: 100%;
height: auto;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
}
}
@media screen and (min-width:1024px) {
div#pm-process-1 .process-content-hover {
padding: 0 6rem;
}
}
@media screen and (max-width:1023px) {
#section-events .col-left {
padding: 0;
}
.listing-process.active .process.active h4 {
font-size: 1.625rem;
}
.process-content .number, 
.listing-process.active .process.active .number{
display: none;
}
}
@media screen and (max-width:767px) {
#section-process {
overflow-y:auto;
}
}