h1 { /* заголовок */
  color:#0000CC;
  text-align: center;
  font-weight: bold;
}

h2 {
  color:#0000CC;
  text-align: center;
  font-weight: bold;
}

h3 {
  color: green;
  text-align: center;
  font-size: 13pt;
  font-weight: bold;
  margin-bottom: 5px;  
}

p {
  font-size: 16px;
  text-align: justify;
}

img {
  margin: 0px !important;
}

.video-adaptive { /* Адаптирует размер видео для мобильных устройств */
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.video-adaptive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

/* список с двигающейся стрелкой */
.round_number {
  counter-reset: li; 
   font-size: 14px;
   padding: 0;
   text-shadow: 0 1px 0 rgba(255,255,255,.8);
   display: -webkit-flex; /* Safari */
	display: flex;
   -webkit-flex-wrap: wrap; /* Safari 6.1+ */
   flex-wrap: wrap;
    -webkit-justify-content: space-between;
   justify-content: space-between;
   margin: 0px;
}
.round_number li {
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	margin: .5em 0;
	background: #DAD2CA;
	color: black;
	-webkit-border-radius: .3em;
	-moz-border-radius:    .3em;
	border-radius:         .3em;
	
	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
	
	cursor: pointer;
	font-weight: bold;
	-webkit-flex-basis: 44%;
	flex-basis: 44%;
}
.round_number a li {
	position: relative;
	display: block;
	padding: .45em .4em .45em 2em;
	margin: .5em 0;
	background: #DAD2CA;
	color: black;
	-webkit-border-radius: .3em;
	-moz-border-radius:    .3em;
	border-radius:         .3em;
	
	cursor: pointer;
	font-weight: bold;
	-webkit-flex-basis: 44%;
	flex-basis: 44%;
	height: 50%;
}
.round_number a {
	-webkit-flex-basis: 48%;
	flex-basis: 48%;
}
.round_number li:before {
	content: counter(li);
	counter-increment: li;	
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #489AEA;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid white;
	text-align: center;
	font-weight: bold;
	
	-webkit-border-radius: 2em;
	-moz-border-radius:    2em;
	border-radius:         2em;
	
	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
	
	color: white;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear;
	text-shadow: none;
	font-size: .85em;
}
.round_number li:hover:before {
    -moz-transform: rotate(360deg); 
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); 
    transform: rotate(360deg);
    color: #489AEA ;
    background: white ;
    border-color: #489AEA;
}
.itinerary-page li a { 
    color: #003399;
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
    font-size: 1.1em;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all .4s linear;
	transition: all 0.4s linear;
}
.itinerary-page a li { 
    color: #003399;
    font-weight: bold;
    font-style: italic;
    font-size: 1.1em;
}
.itinerary-page li::before {
      content: "▲" !important;
      }
.itinerary-page li:hover {
    background: #EFE6DE; 
	-webkit-box-shadow: 0 0 2px 5px #EFE6DE;
	-moz-box-shadow: 0 0 2px 5px #EFE6DE;
	box-shadow: 0 0 2px 5px #EFE6DE;
      }
.itinerary-page a {
       text-decoration: none;
}
.itinerary-page li:hover::before {
    -moz-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    color: red !important;
    background: white !important;
    border-color: #489AEA !important;
}

#big-text {
	font-size: 1.2em;
}

.round_number.itinerary-page a:last-child:not(:nth-child(2n)) {
-webkit-flex-grow: 2;
flex-grow: 2;
}
.round_number.itinerary-page a:last-child:not(:nth-child(2n)) li {
text-align: center;
}


@media screen and (max-device-width:769px){
.round_number a li {
	height: auto;
}
.round_number a {
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
}
.round_number li:before {
    left: -1.1em;
    line-height: 1.8em;
	margin-top: -1.2em;
	height: 2.4em;
	width: 2.4em;
}
.round_number.itinerary-page a:last-child:not(:nth-child(2n)) {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.round_number.itinerary-page a:last-child:not(:nth-child(2n)) li {
text-align: left;
}
}

@media screen and (min-width:769px){
/* flexbox контейнер */
.nav-box {
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
	-webkit-box-lines: multiple;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: .65em 0 0 0;
}
/* flexbox единица */
    .nav-box-item {
    -webkit-flex-basis: 32%;
    flex-basis: 32%;
    margin: .1em .2em;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}
.nav-box-item img {
    width: 100%;
    height: 65%;
}
}

.table-block {
    width: auto;
    background: #0F66BA;
    text-align: center;
    cursor: pointer;
}

.table-block a {
    color: white;
    text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma;
}

@media screen and (max-device-width:769px){
  .table-block a {
	  font-size: 14px;
  }
}


.layover2 {
    display:inline-block;   
    position:relative;
    }
.layover2 span {
    display:inline-block;
    position: absolute;
    width: 270px;
    top: 0px;   
    lef: 0px; 
    
  /* Оформление текста */
    color: #b49e67;
    font-family: SangBleuBPSans-Light, helvetica, arial, sans-serif;
    font-size: 18px;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 130px;
     
    /* Фон */
    background-color: white;
    padding: 10px;
    }
    
@media screen and (max-device-width:299px){
.layover2 span {
    width: 100%;
    font-size: 13px;
    padding: 8px;
    }     
    }