body{background-color:#f3f4f8;}
.banner.style2{align-items:baseline; padding: 0;}
.ag-timeline-card_img-box{display:flex; align-content: center; align-items: center;}
.ag-timeline-card_img-box img{max-width:380px; margin: 0 auto;}
.ag-timeline-card_title p{font-size:.8em; line-height: normal;}
img {max-width: 100%;}
.image.left, .image.right{max-width:26rem;}
.banner.style2 .content{background:none;}
.videoWrapper {
    position: relative;
    height: 0 !important;
    padding-bottom: 56.25%;
    background-color: #000;
}
.videoWrapper > div, 
.videoWrapper iframe{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.only-mobile{display:none;}
strong.white-text, .white-text{color:#fff !important;}
.ag-timeline-card_title p strong,
.major a strong, .major a{color:#2aa9d3;}
.ag-timeline-card_box.right .ag-timeline-card_meta-box .js-timeline-card_point-box p{left:75px; top: 60px; position: absolute; font-size: .8em;}
.ag-timeline-card_box.right .ag-timeline-card_meta-box .js-timeline-card_point-box{position: relative;}
.ag-timeline-card_box.left .ag-timeline-card_meta-box .js-timeline-card_point-box p{right:75px; top: 60px; position: absolute; font-size: .8em;}
.ag-timeline-card_box.left .ag-timeline-card_meta-box .js-timeline-card_point-box{position: relative;}
.ag-format-container {
  margin: 0 auto;
  position: relative;
}
.ag-timeline-block {
  padding: 0;
}
.ag-timeline_title-box {
  padding: 0 0 30px;
}
.ag-timeline_tagline {
  font-size: 40px;
  color: rgb(84, 89, 95);
}
.ag-timeline_title {
  /*background-image: url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  text-fill-color: transparent;
  color: transparent;
  font-size: 80px;*/
}
.ag-timeline_item {
  
}
.ag-timeline_item:nth-child(2n) {
  text-align: right;
}
.ag-timeline {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.ag-timeline_line {
  width: 2px;
  background-color: #393935;
  position: absolute;
  top: 2px;
  left: 50%;
  bottom: 0;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ag-timeline_line-progress {
  width: 100%;
  height: 20%;
  background-color: #2aa9d3;
}
.ag-timeline-card_box {
  padding: 0 0 20px 50%;
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
  padding: 0 50% 20px 0;
}
.right .ag-timeline-card_point-box{flex-direction: row}
.left .ag-timeline-card_point-box{flex-direction: row-reverse;}
.ag-timeline-card_point-box {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ag-timeline-card_box.right .ag-timeline-card_meta-box{margin-left:-30px;}
.ag-timeline-card_box.left .ag-timeline-card_meta-box{margin-right:-30px;}
.ag-timeline-card_box.right h4{margin: 0 0 0 15px !important; font-size: 1em;}
.ag-timeline-card_box.left h4{margin: 0 15px 0 0 !important; font-size: 1em;}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
}
.ag-timeline-card_point {
  height: 60px;
  width: 60px;
  border: 3px solid #2aa9d3;
  background-color: #0B2739;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
	position: relative;
	margin: 0;
	padding: 0;
}
.ag-timeline-card_point span{font-size: .8em; position: absolute; top: 0; right: 0; left: 0; margin: auto; color: #2aa9d3; line-height: 2.3rem;}
.js-ag-active .ag-timeline-card_point span{color:#0B2739;}
.js-ag-active .ag-timeline-card_point {
  color: #0B2739;
  background-color: #2aa9d3;
}
.ag-timeline-card_meta-box {
	display: flex;
	flex-wrap: wrap;
}
.ag-timeline-card_meta {
}
.ag-timeline-card_item {
  display: inline-block;
  width: 45%;
  margin: -77px 0 0;
  background-color: transparent;
  opacity: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  -o-box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  -webkit-transition: -webkit-transform .5s, opacity .5s;
  -moz-transition: -moz-transform .5s, opacity .5s;
  -o-transition: -o-transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;	
  position: relative;}
.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item {
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  -o-transform: translateX(-200%);
  transform: translateX(-200%);}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.js-ag-active.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ag-timeline-card_arrow {
  height: 18px;
  width: 18px;
  margin-top: 20px;
  background-color: transparent;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
  margin-left: calc(-18px / 2);
  margin-right: calc(-18px / 2);
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow {
  margin-left: -10px;
  right: auto;
  left: 0;
}
.ag-timeline-card_img {
  width: 100%;
}
.ag-timeline-card_img img{width:640; height: auto;}
.ag-timeline-card_info {
  padding: 15px;
	vertical-align: top;
}
.ag-timeline-card_title p{margin-bottom:0; text-align: center;}
.ag-timeline-card_title {
  margin: 0 0 0 0;
  font-size: 18px;
  color: #000;
}
.ag-timeline-card_desc {
  line-height: 1.45;
  font-size: 16px;
  color: #FFF;
  display: none;
}
@media only screen and (max-width: 979px) {
  .ag-timeline-card_arrow{display:none;}
  .ag-timeline-card_item{width: 100%; margin: 15px 0; position: relative;}
  .only-mobile{display:block;}
  .ag-timeline_line {
    left: 30px;
  }
  .ag-timeline_item:nth-child(2n) {
    text-align: left;
  }
  .ag-timeline-card_box,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
    padding: 0 0 20px;
  }
  .ag-timeline-card_meta-box {
    display: none;
  }
  .ag-timeline-card_point-box,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
    margin: 0 0 0 8px;
  }
  .ag-timeline-card_point {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
  .ag-timeline-card_item {
    width: 100%;
    margin: 0 0 0 0;
  }
  .ag-timeline-card_img-box{vertical-align:top !important; display: flex; margin: 0; padding: 0; line-height: normal;}
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
  }
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
    right: auto;
    left: 0;
  }
  .ag-timeline-card_title {
    display: block;
  }
  .ag-timeline-card_arrow {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .ag-format-container {
    width: 96%;
  }
  .ag-timeline-card_img {
    height: auto;
    width: auto;
  }
.image.left, .image.right{max-width:100%;}
}
@media only screen and (max-width: 639px) {
  .ag-timeline_title {
    font-size: 60px;
  }
  .ag-timeline-card_info {
    padding: 10px 15px;
  }
  .ag-timeline-card_desc {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {

}
@media (min-width: 768px) and (max-width: 979px) {
  	.ag-format-container {width: 750px;}
}
@media (min-width: 980px) and (max-width: 1161px) {
  .ag-format-container {
    width: 960px;
  }
}