*, *::after, *::before{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a { /* Анимация для ссылок */
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

body {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	padding-top: 0px;
}

.navbar {
	padding-bottom: 0;
	margin-bottom: 0;
}

#page{ /* Скроем лишнее */
	overflow: hidden;
}

.container, .vsu-container{
	max-width: 100%;
	padding: 0;
	margin: 0 auto;
}
.vsu-container{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0px auto;
}

.vsu-date {
	padding-top: 5px;
	font-family: 'Oswald';
}

.vsu-timeline-content-inner > p {
	font-family: 'PT Sans';
}

.mobile-window .vsu-container{
	max-width: 678px;
}

.tablet-window .vsu-container{
	max-width: 992px;
}

.vsu-container.content-right-align,
.vsu-container.content-left-align{
	max-width: 678px;
}

.clearfix::after, .container::after{
	content: "";
	display: table;
	clear: both;
}

@media only screen and (max-width:801px) {
	body{
		padding-top: 0px; /*Пропишем отступ от страницы со счетчиком*/
	}
	
	.vsu-timeline-label-block {
		padding-left: 10px;
	}

}

/* Настройки таймлайна */

.vsu-timeline-100-years-style {
  margin-top: 0px !important;
}
.vsu-timeline-100-years-style .vsu-timeline-block::before {
  width: 4px;
  background: rgba(0,0,0,0);
  margin-left: 15px;
  background: #fff; /* Цвет самого таймлайна */
  z-index: 1500;
}

.vsu-timeline-100-years-style.vsu-right-align .vsu-timeline-block::before {
  margin-right: -2px;
}

.vsu-timeline-block {
  padding-bottom: 30px;
}

.vsu-timeline-100-years-style .vsu-timeline-img {
  padding: 0;
  margin-left: -4px;
  top: 0px;/*--- Box shadow value --*/
  width: 42px;
  height: 42px;
  color: #fff;
  text-align: center;
  font-size: 24px;
  
}
.vsu-timeline-100-years-style .vsu-timeline-img span{
  display: inline-block;
  margin: auto;
  padding: 6px;
  min-height: 16px;
  min-width: 16px;
  background: #fff; /* Цвет самого таймлайна */
  -webkit-border-radius: 50%;
  border-radius: 50%; 
  vertical-align: top;
  font-size: 36px;
}
.vsu-timeline-100-years-style .vsu-timeline-img i{
  display: block;
}

.vsu-timeline-100-years-style.vsu-right-align .vsu-timeline-img {
  margin-right: -21px;
}

.vsu-timeline-100-years-style .vsu-timeline-content {
  color: #777;
}

.vsu-timeline-100-years-style .vsu-date {
/*  color: #374278;  Цвет дат */
  color: #fff; /* Цвет дат */
  margin-bottom: 10px;
  font-size: 26px;
}

.vsu-timeline-100-years-style p {
  margin: 20px 0 15px;
  font-weight: 800;
/*  color: #374278;  Цвет заголовков событий */
  color: #fff; /* Цвет заголовков событий */
  font-size: 18px;
}

.vsu-timeline-100-years-style .vsu-timeline-label-block{
  padding-top: 0;
}
.vsu-timeline-100-years-style .vsu-labels span{
  position: relative;
  color: #fff;
  font-weight: 800;
  padding-top: 22px;
  text-transform: uppercase;
  text-align: center;
  font-size: 7em;
}
.vsu-timeline-100-years-style.vsu-right-align .vsu-labels span{
  left: auto;
  right: -47px
}

/*--------- события -------*/
.vsu-timeline-100-years-style .vsu-timeline-content-inner{
  padding: 30px;
  position: relative;
  top: -25px;
}
.vsu-timeline-100-years-style .vsu-timeline-content-inner::before,
.vsu-timeline-100-years-style .vsu-timeline-content-inner::after{
  content: "";
  position: absolute;
}
.vsu-timeline-100-years-style .vsu-timeline-content-inner::before{
  left: -11px;
  top: 20px;
}
.vsu-timeline-100-years-style .vsu-timeline-content-inner::after{
  left: -9px;
  top: 22px;

}
.vsu-timeline-100-years-style.vsu-right-align .vsu-timeline-content-inner::before{
  left: auto;
  right: -11px;
}
.vsu-timeline-100-years-style.vsu-right-align .vsu-timeline-content-inner::after{
  right: -8px;
  left: auto;
}

/*---------- Responsive дизайн ------------
@media only screen and (min-width:679px) { */
@media only screen and (min-width:801px) {
  .vsu-date-opposite {
    margin-left: 203px;
  }

  .vsu-left-align.vsu-date-opposite {
    margin-left: 203px;
  }

  .vsu-right-align.vsu-date-opposite {
    margin-right: 203px;
    margin-left: 0;
  }
  .vsu-timeline-100-years-style.vsu-alternate .vsu-timeline-content,
  .vsu-timeline-100-years-style.vsu-date-opposite .vsu-timeline-content {
    width: calc(50% - 44px);
  }

  .vsu-timeline-100-years-style.vsu-date-opposite .vsu-date {
    left: -248px;
    line-height: 20px;
    width: 160px;
  }

  .vsu-timeline-100-years-style.vsu-date-opposite.vsu-right-align .vsu-date,
  .vsu-timeline-100-years-style.vsu-date-opposite.vsu-alternate .vsu-timeline-block.vsu-odd-item .vsu-date {
    right: -248px;
    left: auto;
    text-align: left;
  }
  .vsu-timeline-100-years-style.vsu-date-opposite .vsu-date{
    top: 25px;
  }
  .vsu-timeline-100-years-style.vsu-right-align .vsu-date{
    left: auto;
    right: 0;

  }

  .vsu-timeline-100-years-style.vsu-alternate .vsu-odd-item .vsu-timeline-content-inner::before{
    border-width: 10px 0 10px 11px;
    border-left-color: #fff;
    left: auto;
    right: -11px;
  }
  .vsu-timeline-100-years-style.vsu-alternate .vsu-odd-item .vsu-timeline-content-inner::after{
    border-width: 8px 0 8px 9px;
    border-left-color: #fff;
    right: -8px;
    left: auto;
  }
}

/*@media only screen and (max-width:678px) {*/
@media only screen and (max-width:800px) {

  .vsu-timeline-100-years-style.vsu-responsive-right .vsu-labels span {
	left: auto;
	right: -47px;
	font-size: 5em;
  }

  .vsu-timeline-100-years-style.vsu-responsive-right .vsu-timeline-block::before {
    margin-right: -2px;
  }
  .vsu-timeline-100-years-style.vsu-responsive-right .vsu-timeline-img {
    margin-right: -21px;
  }

  /*--------- события -------*/
  .vsu-timeline-100-years-style.vsu-responsive-right .vsu-timeline-content-inner::before{
    left: auto;
    right: -11px;
  }
  .vsu-timeline-100-years-style.vsu-responsive-right .vsu-timeline-content-inner::after{
    right: -8px;
    left: auto;
  }

}