﻿#history{position:relative}#history .inner-wrapper{max-width:1400px;margin:0 auto}#history img{max-width:100%}#history .history-banner{position:relative;overflow:hidden;color:#000;background-color:#fff}#history .history-banner .background{position:absolute;background-color:#fff;opacity:0.5}#history .history-banner .banner-container{position:relative;top:0;bottom:0;left:0;right:0;width:100%;max-width:1400px;margin:0 auto;text-align:justify}#history .history-banner .banner-container:before{content:'';display:inline-block;vertical-align:middle;height:100%}#history .history-banner .banner-container h2{text-transform:none;font-size:30px;margin-top:0}#history .history-banner .banner-container h2 span{color:#000}#history .history-banner .banner-container p{font-size:10px}#history .history-banner .banner-content{display:inline-block;vertical-align:middle;margin:20px}#history .history-banner .banner-content .icon-arrow-down:before{display:none;width:25px;margin-bottom:50px;content:"";font-family:"font-icons",sans-serif;font-size:1em;font-weight:normal;line-height:1.2;color:inherit;speak:none}#history .year{color:#13c4cf}#history .timeline-wrapper{margin:20px;text-align:center}#history .timeline-items li{margin:20px 0;width:100%}#history .timeline-items .timeline-content p{margin:0}#history .timeline-items .timeline-content_background-text{display:none}#history .timeline-items .timeline-image{margin:5px 0}#history .timeline-items h3{margin:0;font-size:30px}#history .timeline-items p{font-size:10px}@media only screen and (min-width: 480px){#history .history-banner{padding-bottom:102.213541667%;color:#fff;background-color:#0288d1}#history .history-banner .background{background-color:#0288d1;opacity:1}#history .history-banner .banner-container{position:absolute;text-align:left}#history .history-banner .banner-container h2 span{color:#000}#history .history-banner .banner-content{width:50%}#history .history-banner .banner-content .icon-arrow-down:before{display:block}}@media only screen and (min-width: 600px){#history{overflow:hidden}#history .history-banner .banner-content{margin:0;margin-left:3%}#history .history-banner .banner-content .icon-arrow-down:after{content:'';display:block;position:absolute;left:4.5%;width:45.5%;height:70px;border-left:2px solid #fff;border-bottom:2px solid #fff}#history .history-banner .banner-content:after{content:'';display:block;position:absolute;left:50%;height:400px;margin-top:68px;margin-left:-1px;border-right:2px solid #fff}#history .timeline-wrapper{text-align:left;position:relative;margin:0 20px 40px;padding-top:40px}#history .timeline-wrapper:before{content:'';display:block;position:absolute;left:50%;margin-left:-1px;height:200%;top:0;bottom:0;border-right:2px solid #13c4cf}#history .timeline-items li{display:table;position:relative}#history .timeline-items .timeline-item{width:50%;direction:ltr}#history .timeline-items .timeline-item:before{content:'';display:block;position:absolute;top:50%;width:50px;height:40px;margin:-20px 0 0 -25px;background:url(../images/sprite_timeline.png) no-repeat}#history .timeline-items .timeline-image,#history .timeline-items .timeline-content{display:table-cell;vertical-align:middle}#history .timeline-items .timeline-image{width:30%}#history .timeline-items .timeline-content{width:70%}#history .timeline-items .timeline-content_background-text{display:block;position:absolute;top:-0.41em;z-index:-1;color:#fafafa;letter-spacing:0.05em;font-weight:600}#history .timeline-items .timeline-content_background-text{font-size:137.5px}}@media only screen and (min-width: 600px) and (min-width: 600px){#history .timeline-items .timeline-content_background-text{font-size:calc(137.5px + 302.5 * (100vw - 600px) / 1320)}}@media only screen and (min-width: 600px) and (min-width: 1920px){#history .timeline-items .timeline-content_background-text{font-size:440px}}@media only screen and (min-width: 600px){#history .timeline-items .left .timeline-item{direction:rtl;padding-right:40px}#history .timeline-items .left .timeline-item:before{left:49.75%;background-position:left -77px}#history .timeline-items .left .timeline-content{padding-right:20px;text-align:right;direction:ltr}#history .timeline-items .left .timeline-content_background-text{left:50%;margin-left:-50vw}#history .timeline-items .right{direction:rtl}#history .timeline-items .right .timeline-item{padding-left:40px}#history .timeline-items .right .timeline-item:before{left:50.25%;background-position:left -39px}#history .timeline-items .right .timeline-content{padding-left:20px}#history .timeline-items .right .timeline-content_background-text{right:50%;margin-right:-50vw}}@media only screen and (min-width: 768px){#history .history-banner{padding-bottom:65.4166666667%}#history .history-banner .banner-container h2{font-size:44px}#history .history-banner .banner-container p{font-size:12px}#history .history-banner .banner-content .icon-arrow-down:before{margin-bottom:10px}#history .history-banner .banner-content .icon-arrow-down:after{height:50px}#history .history-banner .banner-content:after{margin-top:48px}#history .timeline-items h3{margin:10px 0}#history .timeline-items .timeline-content p{font-size:12px}}@media only screen and (min-width: 900px){#history .history-banner .banner-content .icon-arrow-down:after{left:4%;width:46%}#history .timeline-items #history-1933 .timeline-image{width:20%}#history .timeline-items #history-1933 .timeline-content{width:80%}}@media only screen and (min-width: 1200px){#history .history-banner{padding-bottom:40.8854166667%}#history .history-banner .banner-container h2{margin-top:0;font-size:70px}#history .history-banner .banner-content .icon-arrow-down:after{left:3.75%;width:46.25%}#history .timeline-items li{margin:60px 0}#history .timeline-items .right .timeline-item{padding-left:50px}#history .timeline-items .left .timeline-item{padding-right:50px}}@media only screen and (min-width: 1400px){#history .history-banner .banner-container h2{font-size:80px}#history .history-banner .banner-container p{font-size:14px}#history .history-banner .banner-content .icon-arrow-down:before{margin-bottom:50px}#history .history-banner .banner-content .icon-arrow-down:after{height:70px}#history .history-banner .banner-content:after{margin-top:68px}}@media only screen and (min-width: 1500px){#history .history-banner{padding-bottom:40.8854166667%}#history .history-banner .banner-content{margin-left:0}#history .history-banner .banner-content .icon-arrow-down:after{left:0.75%;width:49.25%}}
