@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700i");


@font-face {
    font-family: 'Candara Regular';
    src:url('../fonts/ofont.ru_Candara.ttf');
        font-style: normal;
}

.top_line {
        background: #00000045;
   padding:5px 0px 0px;
}
.carousel-animate .carousel-indicators > li {
 margin: 0 2px;
 background-color: #fff;
 border-color: rgb(58,36,83);
 opacity: .7;
}
.carousel-animate .carousel-indicators > li.active {
 width: 10px;
 height: 10px;
 opacity: 1;
}
.carousel-animate .hero {
 color: #fff;
 text-align: center;
/* text-transform: uppercase;*/
 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.btn.btn-lg {
 padding: 10px 40px;
}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
 color: #fff;
 background-color: #694198;
 border-color: rgb(67,41,97);
 outline: none;
 margin: 20px auto;
}
@media screen and (max-width: 640px) {
 .hero h1 {
 font-size: 2em;
 }
 }


 .hero h2 {
 font-size: 3em;
 }
 @media (max-width: 800px){
 .hero h2 {
font-size: 20px;
 }
 
 h1, .h1 {
     font-size: 30px;
 }
}
 
.carousel-fade .carousel-inner .item {
 transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
 opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
 opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
 left: 0;
 transform: translate3d(0, 0, 0);
}
.carousel-bg .carousel-inner .item {
 background-color: darkslategrey;
 background-size: cover;
 background-position: center;
 min-height: 750px;
}

.fon {padding: 40px 0;
     background: #f1f1f1 url(../img/poly.png) repeat center top;
}

.fon2 { background:#fff url(../img/poly.png) repeat center top;
    padding: 40px 0;
}

  .txt2 h3 { 
      color: #fff;
    background: #000000ba;
    text-align: center;
    padding: 10px 0px;
    /* width: 100%; */
    margin: 0px 0px 20px 0px;
    /* position: inherit; */
    width: 100%;
      
  }
  
  .wh p {
      color: #fff;
  }
  
  .wh h3 {
      color: #ceb078;
  }
  
  .grow:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.06);
}

.fon3 { background:#fff url(../img/slider.jpg) repeat center top;
    padding: 40px 0;
}
.card-special {
    padding: 45px 35px;
    border: 0;
    border-radius: 0;
    transition: all .4s ease;
    border: 1px #ffffff solid;
    outline: 3px #cca772 solid;
    outline-offset: -10px;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.mb-1, .my-1 {
    margin-bottom: .25rem!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.card-special__title {
    margin: 0;
    font-weight: 600;
    transition: all .4s ease;
    font-size: 28px;
    margin-bottom: 10px;
}
.card-special .card-body {
    padding: 0;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 8px 20px;
}

.card-special:hover {
    background: #cca772;
    color: #fff;
    outline: 3px #ffffff solid;
    outline-offset: -10px;
}

.fon3 h2 {
    color: #fff;
}


.slider {
     width: 90%;
    margin: 50px auto;
}

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
    
    .fon4 {padding: 40px 0;
     background: #f1f1f1 url(../img/slider-3.jpg) repeat center top;
          }

.fon4 h2 {
    color: #fff;
}

footer {padding: 40px 0;
    background: #1a1a1a url(../img/poly.png) repeat center top;
    color: #fff;
}

.cvet {
    color: #ceb078;
    margin: 0px 0px 10px;
}

    .thumb img { 
      filter: none; /* IE6-9 */ 
      -webkit-filter: grayscale(0); 
      border-radius:5px; 
      background-color: #fff; 
      border: 1px solid #ddd; 
      padding:5px; 
    } 
    .thumb img:hover { 
      filter: gray; /* IE6-9 */ 
      -webkit-filter: grayscale(1); 
    } 
    .thumb { 
      padding:5px; 
    }