.company_history.vertical_alternating {
width: 100%; }
.company_history.vertical_alternating .history_wrapper {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em; }
@media only screen and (min-width: 1170px) {
.company_history.vertical_alternating .history_wrapper {
margin-top: 3em;
margin-bottom: 3em; } }
.company_history.vertical_alternating .history_wrapper::before {
content: "";
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 1px;
margin-left: 2px;
background: #d9d9d9; }
@media only screen and (min-width: 1170px) {
.company_history.vertical_alternating .history_wrapper::before {
left: 50%;
margin-left: -2px; } }
.company_history.vertical_alternating .history-item {
position: relative;
margin: 50px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
@media (max-width: 767px) {
.company_history.vertical_alternating .history-item {
margin: 70px 0;
justify-content: center;
padding: 0 20px; } }
@media (min-width: 768px) and (max-width: 1023px) {
.company_history.vertical_alternating .history-item {
flex-direction: column;
justify-content: center;
margin: 100px 0; } }
.company_history.vertical_alternating .history-item:nth-child(even) {
flex-direction: row-reverse; }
.company_history.vertical_alternating .history-item:nth-child(even) .image-wrapper {
text-align: right; }
.company_history.vertical_alternating .history-item:first-child {
margin-top: 0; }
.company_history.vertical_alternating .history-item:last-child {
margin-bottom: 0; }
.company_history.vertical_alternating .point-no-icon {
position: absolute;
top: 50%;
width: 9px;
height: 9px;
left: 50%;
margin-left: -6px;
background-color: var(--con_third_color); }
@media (max-width: 767px) {
.company_history.vertical_alternating .point-no-icon {
top: -30px;
margin-left: -2px; } }
@media (min-width: 768px) and (max-width: 1023px) {
.company_history.vertical_alternating .point-no-icon {
top: -40px;
margin-left: -4px; } }
@media (min-width: 1024px) and (max-width: 1170px) {
.company_history.vertical_alternating .point-no-icon {
margin-left: -3.5px; } }
.company_history.vertical_alternating .point {
position: absolute;
top: calc(50% - 48px / 2);
left: calc(49.8% - 48px / 2);
font-size: 20px;
width: 48px;
height: 48px;
border-radius: 100%;
background-color: #f1f1f1;
display: flex;
align-items: center;
justify-content: center; }
.company_history.vertical_alternating .point .point_icon {
width: 100%;
text-align: center;
color: var(--con_third_color); }
.company_history.vertical_alternating .year-wrapper .year {
font-size: 24px;
line-height: 28px;
color: var(--con_third_color);
font-weight: 500;
font-family: var(--con_secondary_font_family); }
.company_history.vertical_alternating .item-title-wrapper .item-title {
padding-top: 0;
margin-bottom: 10px;
margin-top: 10px;
font-family: var(--con_primary_font_family);
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: var(--con_base_color); }
.company_history.vertical_alternating .item-title-wrapper .item-title:before, .company_history.vertical_alternating .item-title-wrapper .item-title:after {
display: none; }
.company_history.vertical_alternating .item-description-wrapper .item-description {
font-size: 14px;
line-height: 24px;
font-family: var(--con_secondary_font_family);
color: #9a9a9a;
font-weight: 400; }
.company_history.vertical_alternating .item-info {
position: relative;
margin-left: 60px;
background: #ffffff;
padding: 30px;
box-shadow: 0px 4px 40px 0px #0000000F; }
@media only screen and (min-width: 1170px) {
.company_history.vertical_alternating .item-info {
margin-left: 0;
width: 40%; } }
@media (max-width: 767px) {
.company_history.vertical_alternating .item-info {
margin-left: 0;
margin-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 1023px) {
.company_history.vertical_alternating .item-info {
margin-left: 0;
margin-bottom: 30px;
width: 80%; } }
@media (min-width: 1024px) and (max-width: 1170px) {
.company_history.vertical_alternating .item-info {
margin-left: 0; } }
@media only screen and (min-width: 1170px) {
.company_history.vertical_alternating .item-info:before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: #ffffff; } }
.company_history.vertical_alternating .image-wrapper {
width: 40%; }
.company_history.vertical_alternating .image-wrapper img {
width: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 767px) {
.company_history.vertical_alternating .image-wrapper {
width: 100%; } }
@media (min-width: 768px) and (max-width: 1023px) {
.company_history.vertical_alternating .image-wrapper {
width: 80%; } }
@media (min-width: 1024px) and (max-width: 1170px) {
.company_history.vertical_alternating .image-wrapper {
width: 43%; } }