Untitled

 avatar
unknown
css
2 years ago
2.4 kB
4
Indexable
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<style>
*:active, *:focus {outline: none;}
::selection {background: #DDD1C4;color: #737C85}
::-moz-selection {background: #DDD1C4;color: #737C85}
body {position: relative;}
img, a {
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
     user-select: none;
}
h1, h2, h3, h4, h5, form, ul {margin: 0;}
h1, h2 {-ms-word-break: break-all; word-break: break-all; word-break: break-word;}
a.w--current {pointer-events: none;}
a {text-decoration: none; color: inherit;}
section .w-richtext > *:last-child {margin-bottom: 0;}
section .w-richtext > *:first-child {margin-top: 0}
ul {
  padding-left: 0;
  list-style: none;
}
.w-form {
    margin: 0;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 7rem;
  top: auto;
  left: auto;
  width: inherit;
}
.swiper-pagination-bullet {
  width: 1.25rem;
  height: 1.25rem;
  background: #D9D9D9;
  opacity: .5;
  transition: all 0.4s ease
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #D9D9D9;
}
.education-slider__paginate .swiper-pagination-bullet {
	background: #fff;
}
.education-slider__paginate .swiper-pagination-bullet-active {
	background: #545E67;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}

.education-slide:nth-child(3n + 3) {
	background: #B9ACA5;
  color: #545E67
}

@media (min-width: 480px) {
  .edication-item:nth-child(2) .education-line{
    width: 100%;
  }
  .edication-item:nth-child(2) .education-line__circle{
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .edication-item:first-child .education-line__block{
    justify-content: flex-end;
  }
  .edication-item:last-child .education-line__circle{
    left: auto;
    right: 0;
  }
}
@media (min-width: 480px) and (max-width: 1920px) {
  html {font-size: calc(1vw / 1.22)}
}
@media (max-width: 479px) {
  html {font-size: calc(1vw / .27)}
  .edication-item:last-child .education-line__block {display:none}
  .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
  }
  .about-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 50%;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 8rem;
  }
}
</style>
Editor is loading...