/*@font-face {
     font-family: "Trebuchet MS V1";
     src: url("https://db.onlinewebfonts.com/t/aa526f8c90a71f9a79a289a2b5962e52.eot");
     src: url("https://db.onlinewebfonts.com/t/aa526f8c90a71f9a79a289a2b5962e52.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/aa526f8c90a71f9a79a289a2b5962e52.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/aa526f8c90a71f9a79a289a2b5962e52.woff")format("woff"), url("https://db.onlinewebfonts.com/t/aa526f8c90a71f9a79a289a2b5962e52.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/aa526f8c90a71f9a79a289a2b5962e52.svg#Trebuchet MS V1")format("svg");
}*/

 body {
     font-family: 'Figtree', sans-serif;
     font-family: 'Montserrat', sans-serif;
}
 ::selection {
     background: #EC1A3B;
     color: white;
}

.mh-320px {
    min-height: 320px; 
}

.padding-serv-front {
    padding: 10rem 3rem 10rem 1rem;
}

.padding-serv {
    padding: 10rem 3rem 10rem 3rem;
}
h1 {
     font-weight: bold;
}
h2 {
     font-weight: bold;
}
h3 {
     font-weight: bold;
}
h4 {
     font-weight: bold;
}
h5 {
     font-weight: bold;
}
h6 {
     font-weight: bold;
}
a {
    color: #EC1A3B;
}
 .imgLogo {
     width: 200px;
}
 .imgLogo:hover {
     filter: grayscale(100%);
}
 .carousel-main .carousel-item{
     height: 50vh;
     background-size: cover !important;
     background-position: center !important;
}
 .fp-img {
     background: url(/img/slider/belgrade-4583965-1920.jpg);
     background-size: cover;
}
 .social-btn a{
     color: #333;
     font-size: 1.5rem;
     margin-right: 1rem;
}
 .social-btn a:hover{
     filter: brightness(2);
}
 .nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
     border-bottom-color: #EC1A3B;
}
.carousel-caption {
     top: 25%;
}
.grayscale-50 {
    transition: all .3s ease-in-out;
}
.grayscale-50:hover {
    filter: grayscale(50%);
}
.grayscale-100 {
    transition: all .3s ease-in-out;
}
.grayscale-100:hover {
    filter: grayscale(100%);
}

 .animate-charcter {
     text-transform: uppercase;
     background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
     background-size: auto auto;
     background-clip: border-box;
     background-size: 200% auto;
     color: #fff;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: textclip 3s linear infinite;
     display: inline-block;
     font-family: 'Montserrat', sans-serif;
     font-size: 7rem;
     font-weight: bold;
}
 @keyframes textclip {
     to {
         background-position: 200% center;
    }
}

.text-shadow{
    text-shadow: 1px 1px 3px grey;
}

 .slider-header{
     color: #fff;
     font-size: 4rem;
     text-shadow: 1px 1px 3px grey;
}
 .slider-decr {
     font-size: 3rem;
     animation: fadeInUp;
     animation-duration: 1s;
     color: #fff;
     text-shadow: 1px 1px 3px grey;
}
/*.carousel-caption:nth-child(1) {
     animation: fadeInLeft;
     animation-duration: 1s;
}
 .carousel-caption:nth-child(2) {
     animation: fadeInLeft;
     animation-duration: 1s;
}
 .carousel-caption:nth-child(3) {
     animation: fadeInLeft;
     animation-duration: 1s;
}
 .carousel-caption:nth-child(4) {
     animation: fadeInLeft;
     animation-duration: 1s;
}
 .carousel-caption:nth-child(5) {
     animation: fadeInLeft;
     animation-duration: 1s;
}
 .carousel-caption:nth-child(6) {
     animation: fadeInLeft;
     animation-duration: 1s;
}
*/
 @media screen and (max-width: 992px) {
     .carousel-main .carousel-item{
         height: 25vh;
    }
    .padding-serv-front {
    padding: 0.9rem;
    }
    .padding-serv {
        padding: 3rem 3rem 3rem 3rem;
    }
}