* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background: #ffffff;

}

.margin-top-40px {
    margin-top: 50px;
    margin-bottom: 20px;
}

.martop-70px {
    margin-top: 70px;
}

/*::::::::::::::::::::::::::::::::::::HEADER START:::::::::::::::::::::::::::::::: */
.header_top {
    background: black;
    padding: 0;


}

.margin5 {
    margin: 0 5px 0 5px;
}

.header_top .header_search {
    background: none;
    border: none;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    padding: 4px 5px;
    color: white;
}

.header_top .border-2 {
    background: none;
    border: none;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    padding: 5px 5px;
    color: white;
}

.fontsize-11 {
    font-size: 12px;
}

/*:::::::::::::::::::::::header_nav start:::::::::::::::::*/
.header_nav .col-lg-5 ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.header_nav .col-lg-5 ul li .active {
    border: none;
}

.header_nav .col-lg-5 ul {
    margin-left: 60px;
}

.mensshop {
    color: black;
    font-size: 24px;
    font-weight: 400;

}

.header_nav .btn {
    width: 100%;
    border-radius: 0;
    background: white;
    border: 1px solid gray;
    color: gray;
    font-size: 12px;
    padding-right: 40px;
}

.header_nav .navbar {
    background: none !important;
}

.header_nav .navbar .collapse {
    border-radius: 25px;
    border: none;
    box-shadow: 1px 1px 10px rgb(158, 157, 157);
}

.header_nav {
    background: #fafafa;
    padding: 20px 0px;
}

.header_nav .btnn {
    width: 100%;
    border-radius: 0;
    background: #fafafa;
    border: 1px solid gray;
    color: gray;
    font-size: 12px;
    padding: 5px;
}

.header_nav .fa-shopping-bag {
    font-size: 20px;
    color: #c8c8c8;
}

@media (max-width:378px) {
    .col-sm-max {
        color: aquamarine;
    }
}


/*:::::::::::::::::::::::::header slider start::::::::::::::::::::::::: */
* {
    box-sizing: border-box
}

body {
    font-family: Verdana, sans-serif;
    margin: 0
}

.mySlides {
    display: none
}

img {
    vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 30px 5px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background: #e8e8e7;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    text-align: center;

}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: rgb(150, 145, 145);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active,
.dot:hover {
    background-color: #0f0404;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: s;
    animation-name: fade;
    animation-duration: 1100s;
}

@-webkit-keyframes fade {
    from {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {

    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

@media (max-width:576px) {
    .col-sm-30 {
        font-size: 30px;
    }
}

.header_slider .mySlides h1 {
    font-size: 80px;
    color: white;
    font-weight: 600;
    font-style: italic;
    line-height: 70px;
    transform: rotate(-2deg) skew(40deg);
    animation: animat 10s ease-in-out infinite;
}

@keyframes animat {
    0% {
        transform: rotate(-2deg) skew(40deg) translate(0, 0);
        text-shadow: -5px 5px 0 gray;
    }

    50% {
        transform: rotate(-2deg) skew(40deg) translate(50px, -50px);
        text-shadow: -50px 50px 0 red;

        color: rgb(43, 41, 41);
        font-weight: 900;
    }


}

.header_slider .mySlides p {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase;
}

.header_slider .mySlides .btn-dark {
    background: black;
    border: 5px solid #000005;
}

.padleft {
    margin-left: 30px;
}

.margin0 {
    margin: 0;
}

/*::::::::::::::::::::::::::::::MAIN_TOP START:::::::::::::::::::::::::: */

main .min_top {
    background-color: #000000;
    margin-top: 20px;
}

main .min_top .email {
    width: 150px;
    border: none;
    border-radius: none;
}

main .min_top ul {
    margin: 0;
}

main .min_top ul li a .fa {
    padding: 18px 17px 19px 24px;
    font-size: 18px;
    background: white;
    color: gray;
    margin: 0;
}

main .min_top ul li a .fa:hover {
    background: #ededed;
}

main .min_top p {
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    margin: 0;
    margin-right: 15px;

}

/*:::::::::::::::::min_foto start:::::::::::::::::::::::*/

main .min_foto {
    margin: 40px 0 50px;
}

main .min_foto .col-lg-3 .card {
    margin-bottom: 16px;
}

main .min_foto .card {
    position: relative;
    overflow: hidden;

}

main .min_foto .card:hover::after {
    transform: translateY(0px);
}

main .min_foto .card::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(transparent, rgba(116, 7, 7, 0.767));
    transform: translateY(-400px);
    border-bottom-left-radius: 100px;
    transition: 500ms;

}

header .button-up {
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 50px;
    height: 50px;
    background: linear-gradient(transparent, red, black);
    padding: 0 9px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: 2s ease;
    z-index: 5000;
    cursor: pointer;


}

header .button-up .active {
    visibility: visible;
    bottom: 40px;
    opacity: 1;

}

header .button-up .fa {
    font-size: 50px;
    margin: 0;
}

::-webkit-scrollbar {
    width: 12px;

}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(transparent, #d4110a98);

}

::-webkit-scrollbar-thumb {
    background: linear-gradient(transparent, #0f0f0f);
    border-radius: 7px;
}


/*:::::::::::::::::::::::::::::::::::::MAIN BRED STARRT::::::::::*/

main .main_bred .list-group {
    display: flex;
    flex-direction: row;
    background: none;
    border: none;
    width: 700px;
}

main .main_bred .mleft {
    margin-left: 10%;

}

.actives {
    background: #000000;
    color: white;
}

main .main_bred .list-group .list-group-item-action {

    color: #050505;
    text-align: inherit;
}

.active {
    background-color: #000000;
    padding: 10px 10px;

}

main .main_bred .list-group .list-group-item-action:hover,
.list-group-item-action:focus {

    color: #cacfd3;
    text-decoration: none;
    background-color: #101111;

}

main .main_bred .list-group .list-group-item-action:active {
    color: #dde6e6;
    background-color: #0a0a0a;
}

main .main_bred .list-group .list-group-item {
    border: none;
    font-size: 15px;
    font-weight: 400;
    color: #555555;
    text-decoration: none;
    border-radius: 0;
}

main .main_bred .tab-content .tab-pane {
    background: #000000;
    padding: 20px 0;
}

main .main_bred .tab-content .tab-pane img {
    height: 283px;
    margin: 0;

}

main .main_bred .tab-content .tab-pane .card {
    border-radius: 0;
}

main .main_bred .tab-content .tab-pane .card-body {
    padding: 5px;
}

main .main_bred .tab-content .tab-pane .card-body span {
    display: block;
    color: #373737;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 14px;
}

main .main_bred .tab-content .tab-pane .card-body h5 {
    font-size: 14px;
    color: #373737;
    margin: 0;
}

main .main_bred .tab-content .tab-pane .card-body button {
    background: #000000;
    color: white;
    font-size: 11px;
    padding: 10px 20px;
    border: none;

}

/*::::::::::::::::::::::::::::::::::::::::::MAIN_BRAD END::::::::::::::::::::::::::::::::::::*/


/*::::::::::::::::::::::::::::::::::::SECTION START::::::::::::::::::::::::::::::::::::::::::::::::::*/

section .sile_off .sile {
    text-align: center;
    margin: 20px 0;
}

section .sile_off .sile .sile_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

section .sile_off .sile .sile_img::after {
    display: block;
    content: '';
    height: 1px;
    background: gray;
    width: 40%;
    margin-left: 15px;
}

section .sile_off .sile .sile_img::before {
    display: block;
    content: '';
    height: 1px;
    background: gray;
    width: 40%;
    margin-right: 15px;
}


/*::::::::::::::::::::::::::::::::::::::;SECTION CARD IMAGE START:::::::::::::::::::::::::::::::::::*/

section .sile_off .card img {
    height: 283px;
    margin: 0;

}

section .sile_off .card .card-body {
    padding: 5px;
    text-align: center;
}

section .sile_off .card .card-body h5 {
    font-size: 11px;
    color: #373737;
    margin: 0;
}

section .sile_off .card .card-body span {
    display: block;
    color: #373737;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 14px;
}

section .sile_off .card .card-body button {
    background: #000000;
    color: white;
    font-size: 11px;
    padding: 10px 20px;
    border: none;

}

section .brends .brends_title {
    text-align: center;
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;

}

section .brends .brends_title h3::after {

    content: '';
    height: 1px;
    background: gray;
    width: 100% !important;
    display: block;
}

section .brends .brends_title h3::before {

    content: '';
    height: 1px;
    background: gray;
    width: 100% !important;
    display: block;
}

section .brends .brends_title h3 {
    font-size: 16px;
    font-weight: 700;
    color: #414141;
}



section .brends .brends_slider {
    padding: 20px 0;
}

section .brends .brends_slider .elastislide-horizantal {
    box-shadow: none !important;
}

section .brends .brends_slider .elastislide-wrapper {
    background: transparent !important;
    width: 100%;
    margin: auto;
    box-shadow: none;
}

section .brends .brends_slider .elastislide-list {
    min-height: 100px;
}

section .brends .brends_slider .elastislide-list li {
    margin: 0 30px;

}

section .brends .brends_slider .elastislide-prev {
    width: 40px;
    height: 40px;
    margin-left: 3.5%;
    background: url(../images/photo_2021-01-13_18-16-31.jpg) center;
    background-size: cover;
}

section .brends .brends_slider .elastislide-next {
    width: 40px;
    height: 40px;
    margin-left: 10%;
    background: url(../images/photo_2021-01-13_18-15-54.jpg) center;
    background-size: cover;
}

section .linia {
    width: 100%;
    height: 1px;
    background: #c8c8c8;
    margin-bottom: 30px;
}

section .tex-now .text-new {
    margin: auto;
}

section .tex-noww .text-neww h2 {
    font-size: 26px;
    font-weight: 400;
    color: #414141;
    text-align: center;
}

section .tex-noww .text-neww p {
    font-size: 13px;
    font-weight: 400;
    color: #999999;
}


/*:::::::::::::::::::::::::::::::::::::FOOTER START::::::::::::::::::::::::::::::::::::::::::*/
footer .footer_top {
    background: #000000;
    padding: 30px 0;
}

footer .footer_top .link h3 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

footer .footer_top .link ul li a {
    font-weight: 400;
    font-size: 13px;
    color: white;
    text-decoration: none;
}

footer .footer_top .block .social-icons .icons .fa:hover {
    background: red;
    color: rgb(128, 125, 125);
}

footer .footer_top .block .social-icons .icons .fa {
    padding: 13px 13px;
    background: #4c4c4b;
    border-radius: 50%;
    color: #ffffff;
    margin: 5px;
}

footer .footer_top .block .social-icons .icons {
    margin-right: 100px;
}

footer .copypraf {
    font-size: 14px;

}

/* ::::::::::::::::::::::::::: LG 992-1199::::::::::::::::::::::*/

@media (max-width:1199px) {
    header .header_slider .mySlides h1 {
        margin-bottom: 20px;
        font-size: 60px !important;

    }

    .header_slider .mySlides .btn-dark {
        margin-top: 0;
    }

    footer .footer_top .block .social-icons .icons {
        margin-right: 50px;
    }
}


/* ::::::::::::::::::::::::::: MD-768-991::::::::::::::::::::::*/
@media (max-width:991px) {
    .header_slider .mySlides h1 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .header_slider .mySlides p {
        font-size: 12px !important;
        padding: 0 100px;

    }
}

/* ::::::::::::::::::::::::::: SM 576-767::::::::::::::::::::::*/

@media (max-width:767px) {
    .header_top .number-h {
        background: #ffffff;
        color: black;
    }

    .header_top .number-h p {
        color: black !important;
        font-size: 15px !important;

    }

    .header_top .number-h p a {
        color: black !important;
        font-size: 15px !important;
    }

    .header_top .container {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

    .main_bred .mleft {
        margin-left: 0 !important;
        padding: 0 !important;

    }


    main .main_bred .list-group .list-group-item-action {
        padding: 0 5px !important;
    }

    header .header_top .top {
        background: #ffffff !important;
        padding: 35px;
    }

    .header_top .header_search {
        border-right: 0px;
    }

    .header_top .dropdown .btt {
        border-left: 0px;
    }

    header .header_nav .navbar {
        background: #000000 !important;

    }

    header .header_nav .navbar button {
        background-color: #ffffff !important;
    }

    header .header_nav .navbar ul li a {
        color: #ffffff;
    }

    main .min_top {
        margin-top: 0;
        background: transparent;
    }

    main .min_top input {
        width: 100% !important;
        background: #cacfd3;
        color: gray;
        padding: 15px;
        margin-top: 0 !important;
    }

    main .min_top .nash {
        width: 90%;
        display: flex;
        justify-content: space-between;
    }

    main .min_top .nash p {
        color: black;
    }

}








/* :::::::::::::::::::::::::::  EX 320::::::::::::::::::::::*/

@media (max-width:576px) {
    .main_bred .list-group {
        flex-direction: column !important;
    }
    .main_bred .card img{
        weight:80% !important;
        height:160px;
    }
    .sile .sile_img img {
        weight:50px;
        height:50px;


    }
    header .header_none {
        display: none;
    }

    header .header_nav .col-navbar {
        display: none;
    }

    header .header_top .dev {
        text-align: center;
        justify-content: center;
    }

   .tex-noww .text-neww h2 {
        font-size: 15px !important;
        font-weight: 400;
        color: #414141;
        text-align: center;
    }

   .tex-noww .text-neww p {
        font-size: 10px;
        font-weight: 400;
        color: #999999;
    }
    footer .footer_top .block .social-icons .icon-img img{
        width: 70px;
        height: 70px;

    }
}
























/*:::::::::::::::::::::::::::::::::::::FOOTER START::::::::::::::::::::::::::::::::::::::::::*/





/*::::::::::::::::::::::::::::::::::::HEADER END:::::::::::::::::::::::::::::::: */




/*::::::::::::::::::::::::::::::::::::SHOP HTML START:::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::SHOP HTML START:::::::::::::::::::::::::::::::: */

/*:::::::::::::::::::::::::header slider start::::::::::::::::::::::::: */

.backnd {
    background-color: #ffffff;
}

header .linia {
    width: 100%;
    height: 1px;
    background-color: #2e2c2c;
    margin-top: 30px;
}

/*:::::::::::::::::::::::::header slider start::::::::::::::::::::::::: */

header .header_slider {
    background: #ffffff;
    backdrop-filter: blur(30px);
}

header .header_slider .img {
    margin-top: 40px;
}

header .header_slader a {
    color: #8f8f8f;
    font-size: 12px;
    margin-bottom: 20px;
}

header .header_slider .chiziq {
    width: 100%;
    height: 1px;
    background-color: #bbb7b7;
    margin-top: 7px;
}

header .header_slider .chiziq2 {
    width: 80%;
    height: 1px;
    background-color: #bbb7b7;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 18px;
}

header .header_slider h3 {
    font-size: 24px;
    color: #4a4a4a;
    font-weight: 400;
    margin-bottom: 18px;
    margin-top: 12px;

}

header .header_slider span {
    font-size: 36px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;

}

header .header_slider p {
    font-size: 13px;
    font-weight: 600;
    color: #8f8f8f;

}

header .header_slider .col-lg-7 {
    margin-top: 50px;
}

header .header_slider .col-lg-7 a:hover {
    color: black;
}

header .header_slider .col-lg-7 a {
    color: #8f8f8f;

    font-size: 12px;

}

header .header_slider .col-auto .button-razmer {
    background: #050505;
    border: none;
    color: white;
    font-size: 13px;
    padding: 4px 40px 4px 7px;
    margin: 0;
}

header .header_slider .col-auto .fa-angle-down {
    background: #c2bbbb;
    padding: 6px 6px;

}

header .header_slider .malla {
    width: 30px;
    height: 30px;
    background: rgb(41, 9, 9);
}

header .header_slider .col-auto .ochmala {
    width: 30px;
    height: 30px;
    background: brown;
}

header .header_slider .col-auto .kuk {
    width: 30px;
    height: 30px;
    background: blue;
}

header .header_slider .col-auto .zangor {
    width: 30px;
    height: 30px;
    background: rgb(94, 91, 91);

}

header .header_slider .col-auto .gren {
    width: 30px;
    height: 30px;
    background: green;
}

.martop-20 {
    margin-top: 20px;
}

header .header_slider .button-minus {
    background-color: #000000;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    border: none;
    margin: 0;
}

header .header_slider .button-son {
    background-color: #7c7a7a;
    padding: 10px 20px;
    font-size: 16px;
    color: black;
    border: none;
}

header .header_slider .button-plus {
    background-color: #000000;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    border: none;
}

header .header_slider .button-card {
    background-color: #979696;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    border: none;
    margin-left: 10px;
}

/*:::::::::::::::::::::::::header slider end::::::::::::::::::::::::: */


/*::::::::::::::::::::::::HEADER ICONKA START::::::::::::::::::::::::::::: */

header .header_iconka .chiziq {
    width: 100%;
    height: 1px;
    background: #bdb9b9;
    margin-bottom: 50px;

}

.padding-30px {
    padding: 0 70px;
}

.martop-50 {
    margin-top: 50px;
}

header .header_iconka .fa {
    font-size: 20px;
    padding: 16px 20px;
    border: 2px solid #4d4d4d;
    color: #4d4d4d;
    border-radius: 50%;
}

header .header_iconka .fa-twitter {
    padding: 16px 18px;
}

header .header_iconka .fa-telegram {
    padding: 16px 18px;
}

header .header_iconka .fa:hover {
    color: red;
    border: 2px solid red;
}

header .header_iconka p {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    color: #4d4d4d;
    margin-top: 15px;
    margin-left: 10px;
    text-transform: uppercase;
}


/*:::::::::::::::::::: HEADER ACORDION START:::::::::::::::::::::::*/

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active,
.accordion:hover {
    background-color: rgba(201, 196, 196, 0.651);
    border: 1px solid white;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: #ffffffc7;
    overflow: hidden;
}

.bacund-00 {
    background-color: #8b8a8a;
}

.bacund-001 {
    background-color: #616161;
}

.bacund-002 {
    background-color: #4c4b4b;
}

.bacund-003 {
    background-color: #2c2c2c;
}

.bacund-004 {
    background-color: #000000;
}

/*:::::::::::::::::::: HEADER ACORDION END:::::::::::::::::::::::*/


/*:::::::::::::::::::::::::::: HEADER REKLAMA START::::::::::::::::::::::::::::::::::*/

.liniat {
    width: 100%;
    height: 1px;
    margin-top: 30px;
    background-color: #4d4d4d
}

.textt {
    width: 47%;
    text-align: center;
    align-content: center
}

.textt p {
    margin-top: 46px;
    font-size: 15px;
    color: #414141;
    font-weight: 700
}

header .header_reklama {
    margin-top: 30px;
}

header .header_reklama .card {
    background: #f7f7f7;
    border: none;
    margin-bottom: 20px;
}

header .header_reklama .card h3 {
    font-size: 15px;
    font-weight: 500;
    color: #373737;
    margin: 0;
    text-transform: uppercase;
}

header .header_reklama .card p {
    font-size: 22px;
    font-weight: 400;
    color: #373737;
    margin: 0;
    margin-bottom: 10px;
}

header .header_reklama .card button {
    font-size: 10px;
    width: 50%;
    margin: auto;
    border-radius: 0;
    padding: 10px;
    margin-bottom: 10px;
}

/*:::::::::::::::::::::::::::FOOTER START::::::::::::::::::::::::::::::*/

footer {
    background: #000000;
    padding: 70px 0;
}

footer .oddiy h2 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    margin-bottom: 6px;
}

footer .oddiy ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #515151;

}

footer .oddiy ul li {
    margin: 0;
    line-height: 15px;
}

footer .oddiy .fa:hover {
    background: red;
    color: rgb(128, 125, 125);
}

footer .oddiy .fa {
    padding: 13px 13px;
    background: #4c4c4b;
    border-radius: 50%;
    color: #ffffff;
    margin: 5px;
}

footer .oddiy .fa-google-plus {
    padding: 13px 12px;
}

footer .oddiy .fa-facebook {
    padding: 13px 17px;
}

footer .oddiy .fa-pinterest-p {
    padding: 13px 15px;
}

footer .oddiy .fa-twitter-square {
    padding: 13px 15px;
}

footer .oddiy .ppp {
    font-size: 12px;
    color: #2c2c2c;
    width: 120px;
    margin-top: 40px;
    margin-left: 50px;
}

footer .oddiy .margin10 li a {
    margin: 10px;
}