/* Dot effect */
.contact {
  display: inline-block;
}

/* .dot-typing {
  position: relative;
  left: -9785px;
  bottom: 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--brown);
  color: var(--brown);
  box-shadow: 9984px 0 0 0 var(--brown), 9999px 0 0 0 var(--brown), 10014px 0 0 0 var(--brown);
  animation: dot-typing 1.1s infinite linear;
  margin-top: auto;
}

@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 var(--brown), 9999px 0 0 0 var(--brown), 10014px 0 0 0 var(--brown);
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 var(--brown), 9999px 0 0 0 var(--brown), 10014px 0 0 0 var(--brown);
  }
  33.333% {
    box-shadow: 9984px 0 0 0 var(--brown), 9999px 0 0 0 var(--brown), 10014px 0 0 0 var(--brown);
  }
  50% {
    box-shadow: 9984px 0 0 0 var(--brown), 9999px -10px 0 0 var(--brown), 10014px 0 0 0 var(--brown);
  }
  66.667% {
    box-shadow: 9984px 0 0 0 var(--brown), 9999px 0 0 0 var(--brown), 10014px 0 0 0 var(--brown);
  }
  83.333% {
    box-shadow: 9984px 0 0 0 var(--brown), 9999px 0 0 0 var(--brown), 10014px -10px 0 0 var(--brown);
  }
  100% {
    box-shadow: 9984px 0 0 0 var(--brown), 9999px 0 0 0 var(--brown), 10014px 0 0 0 var(--brown);
  }
} */


/* End of dot effect */
#span{
    font-size: 13px;
}
footer{
    margin: auto;
}
.nav{
    width: 100px;
    height: 100px;
}

.name{
    text-decoration: none;
}
#nav-container{
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #aaa;
    /* margin-left: 0; */
    /* box-shadow: black; */
}
.nav-contacts{
    display: flex;
    flex-direction: column;
}
#title-name{
    font-family: oswald, sans-serif;
    letter-spacing: 1em;
    font-weight: 700;
    /* color: #3c98f5; */
    color: var(--brown)
}

.line{
    text-decoration: underline;
}
li::marker, .contact{
    color: var(--brown);
}


#footer img{
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    /* width: 70px; */
    border-radius: 10px;
}


.text-small{
    font-size: small;
}
.text-md {
    font-size: medium;
}
.border{
    border: gray solid 1px;
}

.carousel-container {
  padding: 30px 0;
}

@media screen and (min-width: 980px) {
  .carousel-container {
    width: 40%;
  }
}

@media screen and (max-width: 979px) and (min-width: 731px) {
  .carousel-container {
    width: 360px;
  }
}

@media screen and (max-width: 730px) {
  .carousel-container {
    width: 100%;
  }
}

.carousel img{
    width: 100%;
    height: auto;
}
.carousel {
    width: 100%;
    overflow: hidden;

}
.carousel-slide1, .carousel-slide2, .carousel-slide3, .carousel-slide4 {
    display: none;
    transition: opacity 0.5s ease-in-out;
}
.carousel-slide1.active, .carousel-slide2.active, .carousel-slide3.active, .carousel-slide4.active{
    display: block;
    opacity: 1;
}
.wrap-sm-nowrap-md {
    display: flex;
}
.footer-svg {
    stroke: var(--brown);
    fill: var(--light);
    width: 20px;
    height: 20px;
}

/* .slide-right-to-left-animation {
    for chrome and safari
    -webkit-animation-duration: 1s;
    -webkit-animation-name: slidertl;

    for firefox
    -moz-animation-duration: 1s;
    -moz-animation-name: slidertl;

      for opera
    -o-animation-duration: 1s;
    -o-animation-name: slidertl;

      Standard syntax
    animation-duration: 1s;
    animation-name: slidertl;
} */
.slide-left-to-right-animation {
    /* for chrome and safari*/
    -webkit-animation-duration: 1s;
    -webkit-animation-name: slideltr;

    /*for firefox*/
    -moz-animation-duration: 1s;
    -moz-animation-name: slideltr;

      /* for opera*/
    -o-animation-duration: 1s;
    -o-animation-name: slideltr;

      /* Standard syntax*/
    animation-duration: 1s;
    animation-name: slideltr;
}
/* right to left */
@-webkit-keyframes slidertl {
    from {
        margin-left: 100%;
        width: 100%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-moz-keyframes slidertl {
    from {
        margin-left: 100%;
        width: 100%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}
 @-o-keyframes slidertl {
    from {
        margin-left: 100%;
        width: 100%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}
  @keyframes slidertl {
    from {
        margin-left: 100%;
        width: 100%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}
/* end of right to left */

/* left to right */
@-webkit-keyframes slideltr {
    from {
        margin-left: 0%;
        width: 300%;
    }

    to {
        margin-left: 100%;
        width: 100%;
    }
}

@-moz-keyframes slideltr {
    from {
        margin-left: 0%;
        width: 300%;
    }

    to {
        margin-left: 100%;
        width: 100%;
    }
}
 @-o-keyframes slideltr {
    from {
        margin-left: 0%;
        width: 300%;
    }

    to {
        margin-left: 100%;
        width: 100%;
    }
}
  @keyframes slideltr {
    from {
        margin-left: 0%;
        width: 300%;
    }

    to {
        margin-left: 100%;
        width: 100%;
    }
}
/* end of left to right */

@media screen and (min-width:360px) and (max-width:759px) {
    .wrap-sm-nowrap-md {
        flex-direction: column;
    }
}
@media screen and (min-width: 760px) {
    .wrap-sm-nowrap-md {
        flex-wrap: nowrap;
        justify-content: space-around;
    }
}