/* Here all the styles for animations would be set up */

#header-1-tel p{
    transition: color 0.3s ease;
}

#header-1-tel p:hover {
    color: #bb8645;
}

#cart img:first-child{
    filter: brightness(0) saturate(100%) invert(56%) sepia(92%) saturate(409%) hue-rotate(18deg) brightness(99%) contrast(92%);
}

#cart img:first-child:hover{
    filter: brightness(0) saturate(100%) invert(55%) sepia(54%) saturate(455%) hue-rotate(353deg) brightness(91%) contrast(87%);
}

#language-header-1 button{
    transition: all 0.4s ease;
}

#language-header-1 button:hover{
    color: #bb8645;
}

#navbarTogglerHeader1 ul{
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.4s ease-out, opacity 0.5s ease-out;
}

#main-photo{
    filter: brightness(0.1);
    transition: filter 1s ease;
}

#catalog .row .col{
    /* filter: brightness(0.3);
    transition: filter 0.5s ease-in-out; */
}

#catalog .col a p{
    transition: color 0.6s ease;
}

#catalog .col a p:hover{
    color: #bb8645;
}

.main-header{
    position: relative;
    opacity: 0;
    transition: opacity 0.6s ease-out;
}

/* #bullets-slider{
    position: relative;
    transform: translateX(-100%);
    transition: transform 0.4s ease-out;
} */

#shooting-range-part p:not(#shooting-range-additional-info p){
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

#shooting-range-part .row:first-child img, #shooting-range-part .row:nth-child(3) img{
    transform: translateX(100%);
    transition: transform 0.8s ease-out;
}

#shooting-range-part .row:nth-child(2) img, #shooting-range-part .row:nth-child(4) img{
    transform: translateX(-100%);
    transition: transform 0.8s ease-out;
}

#shop-part .row .col:last-child p{
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

#youtube-part p:not(.main-header){
    opacity: 0;
    transition: opacity 0.8s ease;
} 

#workshop-part p{
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

#contacts-page-contact-data .col:first-child .row {
    transform: translateX(-100%);
    transition: transform 0.6s ease-out;
}

#contacts-page-contact-data .col:last-child .row {
    transform: translateX(100%);
    transition: transform 0.6s ease-out;
}

#header-1 .dropdown-menu .dropdown-item{
    transition: color 0.4s ease;
}

#header-1 .dropdown-menu .dropdown-item:hover{
    color: #bb8645;
}

.main-button{
    transition: background-color 0.4s ease;
}

.main-button:hover:not(.main-button.custom-disabled-button){
    background-color: #bb8645 !important;
}