/**
 * ItcSlider
 * @version 1.0.0
 * @author https://github.com/itchief
 * @copyright Alexander Maltsev 2020 - 2022
 * @license MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
 * @tutorial https://itchief.ru/javascript/slider
 */
 
          @font-face{
              font-family: "fuddo";
          	src: url(../fonts/fuddo.ttf) format("truetype");
            } 
        @font-face{
              font-family: "Uni1";
          	src: url(../fonts/Uni1.otf) format("truetype");
            }
        @font-face{
              font-family: "Uni2";
          	src: url(../fonts/Uni2.otf) format("truetype");
            }
        @font-face{
              font-family: "molot";
          	src: url(../fonts/molot.otf) format("truetype");
            } 
        @font-face{
              font-family: "Poppins";
          	src: url(../fonts/Poppins.ttf) format("truetype");
            } 
        @font-face{
              font-family: "rommi";
          	src: url(../fonts/rommi.otf) format("truetype");
            } 
        @font-face{
              font-family: "rommi2";
          	src: url(../fonts/rommi2.otf) format("truetype");
            }            
        @font-face{
              font-family: "molot";
          	src: url(../fonts/molot.otf) format("truetype");
            } 
        @font-face{
              font-family: "daddo";
          	src: url(../fonts/daddo.ttf) format("truetype");
            } 
        @font-face{
              font-family: "jappa";
          	src: url(../fonts/jappa.ttf) format("truetype");
            }         
        @font-face{
              font-family: "novva";
          	src: url(../fonts/novva.ttf) format("truetype");
            } 
        @font-face{
              font-family: "novva";
          	src: url(../fonts/novva.otf) format("truetype");
            } 
        @font-face{
              font-family: "Hippo";
          	src: url(../fonts/Hippo.otf) format("truetype");
          	}   
        @font-face{
              font-family: "rettro";
          	src: url(../fonts/rettro.ttf) format("truetype");
          	}   
        @font-face {
          	font-family: "Alberta";
          	src: url(../fonts/Alberta.otf) format("opentype");
            }
        @font-face {
          	font-family: "Open Sans";
          	font-weight: 400;
          	src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
            }
        @font-face {
          	font-family: "Open Sans";
          	font-weight: 800;
          	src: url(../fonts/OpenSans-ExtraBold.ttf) format("truetype");
            }
        @font-face{
              font-family: "keepcalm";
          	src: url(../fonts/keepcalm.ttf) format("truetype");
            }  
        @font-face{
              font-family: "Kabul";
          	src: url(../fonts/Kabul.ttf) format("truetype");
            }     
        @font-face{
              font-family: "coco";
          	src: url(../fonts/coco.ttf) format("truetype");
            }       
        @font-face{
              font-family: "rough";
          	src: url(../fonts/rough.otf) format("truetype");
            }  
        @font-face{
              font-family: "rough";
          	src: url(../fonts/rough.ttf) format("truetype");
            }   
        @font-face{
              font-family: "Facile";
          	src: url(../fonts/Facile.otf) format("truetype");
            }

   .main_text_brown{
         color: brown; 
         font-family:'fuddo';
         font-size: 34px;
         }
 
 
   .main_text_green{
         color: green; 
         font-family:'fuddo';
         font-size: 34px;
         }
    .itc-slider {
          position: relative;
          /*border:1.2rem solid;*/
          box-shadow: -27.5px 27.5px 9px 2px rgb(0 0 0 / 33%);
        }

   .itc-slider__wrapper {
          overflow: hidden;
        }

   .itc-slider__items {
          display: flex;
          transition: transform 0.7s ease;
          will-change: transform;
        }

   .itc-slider__transition-none {
          transition: none;
        }

   .itc-slider__item {
          flex: 0 0 100%;
          max-width: 100%;
          user-select: none;
          will-change: transform;
        }

/* кнопки влево и вправо */
   .itc-slider__btn {
          position: absolute;
          top: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 40px;
          height: 50px;
          color: #fff;
          text-align: center;
          background: rgb(0 0 0 / 20%);
          border: none;
          transform: translateY(-50%);
          cursor: pointer;
          }

    .itc-slider__btn_hide {
          display: none;
         }
    
    .itc-slider__btn_prev {
          left: 0;
          }
    
    .itc-slider__btn_next {
          right: 0;
          }

   .itc-slider__btn:hover,
   .itc-slider__btn:focus {
          color: #fff;
          text-decoration: none;
          background: rgb(0 0 0 / 30%);
          outline: 0;
        }

   .itc-slider__btn::before {
          content: "";
          display: inline-block;
          width: 33px;
          height: 24px;
          background: transparent no-repeat center center;
          background-size: 100% 100%;
          opacity: 0.4;
        }

   .itc-slider__btn_prev::before {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
        }

   .itc-slider__btn_next::before {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
        }

/* индикаторы */
    .itc-slider__indicators {
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 15;
          display: flex;
          justify-content: center;
          margin: 0 15%;
          padding-left: 0;
          list-style: none;
         }

   .itc-slider__indicator {
          flex: 0 1 auto;
          box-sizing: content-box;
          width: 30px;
          height: 5px;
          margin-right: 3px;
          margin-left: 3px;
          text-indent: -999px;
          background-color: rgb(255 255 255 / 50%);
          background-clip: padding-box;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          cursor: pointer;
        }

    .itc-slider__indicator_active {
        background-color: rgb(255 255 255 / 90%);
        }

    .modal-slider {
        position: fixed;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1500;
        opacity: 0;
        }

    .itc-slider {
        }

    .itc-slider__wrapper {
        background: linear-gradient(179deg, #111311 33%, #151b14);
        /*background: #161616;*/
        /*background-image: url(/img/back222.jpg);*/
        background-size: 175%;
        width: 44rem;
        height: 25rem;
        /*border: 8px solid;*/
        border-radius: 12px;
        /*border-color: #171717;*/
        }

    .itc-slider__items {
        height: 100%;
        }

    .itc-slider__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 60px;
        font-size: 40px;
        width: 100%;
        height: 100%;
        }

    .itc-slider__content {
        }

    .itc-slider__content-heading {
        font-family:"uni2";
        font-weight: 300;
        color:  #9a6e0b;
        margin-bottom: 3rem;
        }

    .itc-slider__content-text {
        max-width: 510px;
        font-size: 31px;
        color:#6a6a6a;
        text-align: center;
        /*font-weight: 500;*/
        line-height: 2.2rem;
        FONT-FAMILY: 'Uni1';
        }

    .inline-logo {
        font-weight: 300;
        }

    .inline-logo > span:first-child {
        font-size: 36px;
        color: #6ED142;
        }

    .inline-logo > span:last-child {
        font-size: 26px;
        color: #FFC300;
        }

    .itc-slider__btn_prev {
        }

    .itc-slider__btn {
            width: auto;
            height: auto;
            background: transparent !important;
            margin: 0 30px;
            }

    .itc-slider__btn:hover {
            background: transparent !important;
            }

    .itc-slider__btn_next {
            }

    .itc-slider__btn_prev::before {
            transform: rotate(180deg);
            background-image: url('/img/arrows.svg');
            }

    .itc-slider__btn_next::before {
            background-image: url('/img/arrows.svg');
            }
@media screen and (max-width: 1600px) {
    .itc-slider__wrapper {
            height: 406px;
            }

    .itc-slider__item {
            padding-top: 42px;
        }

@media screen and (max-width: 1200px) {
    .itc-slider__wrapper {
            height: 406px;
            width: 80vw;
            }
@media screen and (max-height: 820px) {
    .itc-slider__wrapper {
            height: 406px;
            width: 66vw;
            }
    .itc-slider__item {
            padding-top: 42px;
            }}

@media screen and (max-width: 705px) {
    .itc-slider__wrapper {
            height: 90vw;
            width: 90vh;
            }

    .itc-slider__content-text {
            font-size: 22px;
            max-width: 80vh;
            }}
    
@media screen and (min-width: 740px) and (max-width: 998px) {
    .itc-slider__wrapper {
            width: 40rem;
            height: 22rem;
            /* border: 8px solid; */
            border-radius: 12px;
            }
    .itc-slider__content-text {
             font-size: 28px;
            } 
    .itc-slider__btn::before {
            margin-bottom: 13rem;
            }
    .main_text_brown {
            color: brown;
            font-family: 'fuddo';
            font-size: 28px;
            }
    .main_text_green {
            color: green;
            font-family: 'fuddo';
            font-size: 28px;
            }}
        
   }}