/*
 * @author		FREEOPENCART
 * @site		https://freeopencart.ru/
 */
@import "cs_grid.min.css";
:root {
  --btn-bg:#fff;
  --btn-text:#444;
  --btn-text-accent:#0d6efd;
  --border:#D4D4E1
}
.cs__contents {
  gap:var(--bs-gutter-y) calc(var(--bs-gutter-x) * 3);
  grid-template-columns:repeat(1,1fr);
  align-items:center
}
.cs__contents.top,
.cs__contents.bottom {
  grid-template-columns:repeat(1,1fr)
}
.cs__contents.left,
.cs__contents.right {
  grid-template-columns:repeat(2,1fr)
}
.cs__contents.bottom .cs__media,
.cs__contents.right .cs__media,
.cs__contents.top .cs__content,
.cs__contents.left .cs__content {
  order:1
}
.cs__contents.top .cs__media,
.cs__contents.left .cs__media,
.cs__contents.bottom .cs__content,
.cs__contents.right .cs__content {
  order:2
}
.cs__media {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap
}
.cs__image {
  width:100%;
  display:flex;
  justify-content:center
}
.cs__image img {
  max-width:100%
}
.cs__video {
  display:block;
  width:100%;
  height:100%
}
.cs__video-container {
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden
}
.cs__video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.cs__image + .cs__video {
  margin-top:var(--bs-gutter-y)
}
.cs__btn-readmore {
  border-top:1px solid var(--border);
  margin:25px auto 0;
  text-align:center
}
.cs__btn-readmore a {
  background:var(--btn-bg);
  color:var(--btn-text);
  display:inline-block;
  padding:0 20px;
  position:relative;
  top:-12px;
  font-size:15px
}
.cs__btn-readmore a:hover,
.cs__btn-readmore a:focus {
  color:#2b4e3b;
}
.cs__btn-readmore a i {
  padding:0 0 0 7px;
  font-size:16px
}