@charset "UTF-8";
/*Миксин для изображений второго блока*/
/*Make mixin for contacts*/
*, body, html {
  margin: 0;
  padding: 0; }

body, html {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  min-width: 300px;
  min-height: 893px; }

.container-fluid {
  margin: 0 !important;
  padding: 0 !important; }

.header, .navigation {
  margin: 0;
  padding: 2rem;
  background-color: #c7ac91; }

.contact {
  margin: 0;
  padding: 2rem;
  background-color: #d4d4d4; }

.grivaAbout, .footer {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 4rem;
  background-color: #d4d4d4; }

.newsNews {
  background-color: #c7ac91;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem; }

.page__textAbout {
  font-size: 1rem; }

.blockquote-footer {
  color: whitesmoke !important; }

.modal-header, .nameArticle, .modal-body {
  color: black; }

.nameArticle {
  background-color: whitesmoke; }

.modal-backdrop.fade.show {
  display: none; }

.carousel, .carousel-item img {
  width: 100%;
  margin: 0;
  padding: 0; }

.carousel-item img {
  height: 80vh;
  object-fit: cover; }

.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left; }

.container__griv, .container__view, .container__last {
  perspective: 1000px;
  width: 300px;
  height: 250px;
  margin: 0 15px;
  display: inline-block; }

.griv, .view, .last {
  position: relative;
  cursor: pointer;
  width: 300px;
  height: 250px;
  transition: 1s;
  transform-style: preserve-3d; }

.container__griv:hover .griv, .container__view:hover .view, .container__last:hover .last {
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  /* Для Firefox */
  -ms-transform: rotateY(180deg);
  /* Для IE */
  -webkit-transform: rotateY(180deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotateY(180deg); }

.griv__foto, .view__foto, .last__foto {
  width: 300px;
  height: 250px;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  border-radius: 15px; }

.griv__info {
  background-color: #3A5B88;
  width: 300px;
  height: 250px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  /* Для Firefox */
  -ms-transform: rotateY(180deg);
  /* Для IE */
  -webkit-transform: rotateY(180deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotateY(180deg);
  border-radius: 15px; }
  .griv__info h6 {
    padding-top: 30px;
    color: #f3f3f3; }

.view__info {
  background-color: #3A5B88;
  width: 300px;
  height: 250px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  /* Для Firefox */
  -ms-transform: rotateY(180deg);
  /* Для IE */
  -webkit-transform: rotateY(180deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotateY(180deg);
  border-radius: 15px; }
  .view__info h6 {
    padding-top: 15px;
    color: #f3f3f3; }

.last__info {
  background-color: #3A5B88;
  width: 300px;
  height: 250px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  /* Для Firefox */
  -ms-transform: rotateY(180deg);
  /* Для IE */
  -webkit-transform: rotateY(180deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotateY(180deg);
  border-radius: 15px; }
  .last__info h6 {
    padding-top: 10px;
    color: #f3f3f3; }

.vk_1 {
  background: url(../img/vk-white.png) no-repeat;
  /* Путь к файлу с исходным рисунком  */
  display: inline-block;
  /*  Рисунок как блочный элемент */
  width: 100px;
  /* Ширина рисунка */
  height: 100px;
  /*  Высота рисунка */ }

.vk_1:hover {
  background: url(../img/vk-pink.png) no-repeat;
  /* Путь к файлу с заменяемым рисунком  */ }

.inst_1 {
  background: url(../img/inst-white.png) no-repeat;
  /* Путь к файлу с исходным рисунком  */
  display: inline-block;
  /*  Рисунок как блочный элемент */
  width: 100px;
  /* Ширина рисунка */
  height: 100px;
  /*  Высота рисунка */ }

.inst_1:hover {
  background: url(../img/inst-pink.png) no-repeat;
  /* Путь к файлу с заменяемым рисунком  */ }

.google_1 {
  text-decoration: none;
  color: gray; }

.google_1:hover {
  text-decoration: underline;
  color: #3A5B88; }