@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
* {
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", sans-serif;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.container {
    width: 100%;
    max-width: 1360px;
    margin: 0px auto;
    height: auto;
}

.container-xs {
    width: 100%;
    max-width: 960px;
    margin: 0px auto;
    height: auto;
}

header {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    position: relative;
    height: auto;
}

header .bottom {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    border-bottom:1px solid rgb(0,117,200,.2);
}

header .bottom .main__cat {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    justify-content: center !important;
    width: 100%;
    box-sizing: border-box;
}
header .bottom .main__cat li {
    transition: all 300ms ease-in-out;
}
header .bottom .main__cat li a  {
    display: flex;
    flex-direction: row;
    align-items: center;
}
header .bottom .main__cat li a img {
    height: 20px;
    width: auto;
    margin-right: 5px;
}
header .bottom .main__cat .tttt:hover {
    background-color: #d2d2d249;
}
header .bottom .main__cat li:hover > .submenu {
    height: fit-content;
    padding: 40px;
    opacity: 1;
    z-index: 9999;
}

header .bottom .main__cat li:hover > a .line {
    display: block;
}

header .bottom .main__cat li {
    height: 50px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .bottom .main__cat li a {
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: relative;
}

header .bottom .main__cat li a .line {
    display: none;
    width: 100%;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    height: 5px;
    position: absolute;
    left: 0;
    z-index: 3;
    bottom: -19px;
}

header .bottom .main__cat li a:hover {
    color: #0075C8;
}

header .bottom .main__cat .submenu {
    z-index: -1;
    background-color: #fff;
    width: 100% !important;
    display: block;
    background-color: black;
    height: 0;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    overflow: hidden;
    padding: 0;
    position: absolute;
    border-top: rgba(20,118,218,1) 1px solid;
    border-bottom: #cccccc 1px solid;
    left: 0;
    top: 50px;
    box-sizing: border-box;
    background-color: #fff;
}

header .bottom .main__cat .submenu ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

header .bottom .main__cat .submenu ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 10px;
    padding: 0;
    box-sizing: border-box;
    justify-content: flex-start;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 14px;
    color: #fff;
}

header .bottom .main__cat .submenu ul li .thirdmenu {
    margin-top: 8px;
}

header .bottom .main__cat .submenu ul li .thirdmenu ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

header .bottom .main__cat .submenu ul li .thirdmenu ul li {
    margin: 0;
}

header .bottom .main__cat .submenu ul li .thirdmenu ul li a {
    border: 0;
    color: #707070;
}

header .bottom .main__cat .submenu ul li .thirdmenu ul li a:hover {
    color: #0075C8;
}

header .bottom .main__cat .submenu ul li a {
    transition: 300ms ease color;
    padding-bottom: 8px;
    width: 100%;
    border-bottom: 1px solid #e8e4e4;
}

header .bottom .main__cat .submenu ul li a:hover {
    color: #0075C8;
}

header .bottom .main__cat .submenu .four {
    width: 25% !important;
}

header .bottom .main__cat .submenu .five {
    width: 20% !important;
}

header .bottom .main__cat .submenu .six {
    width: 16.6666666667% !important;
}

header .bottom .main__cat .submenu .seven {
    width: 14.2857142857% !important;
}

header .bottom .main__cat .submenu .eight {
    width: 12.5% !important;
}

header .middle {
    width: 100%;
    height: 85px;
    /* border-bottom: 1px solid #e8e4e4; */
    display: flex;
    flex-direction: row;
    padding: 0 20px;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
}
header .middle__hr{
    width:100%;
    height:1px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0075c8",endColorstr="#ffffff",GradientType=1);
    

}
header .middle .mid{
    width:50%;
}
header .middle .mobile-search {
    width: 100%;
    display: none;
    height: 35px;
    position: relative;
}

header .middle .mobile-search i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

header .middle .mobile-search input {
    border: 1px solid #707070;
    width: 100%;
    height: 35px;
    padding: 0 20px;
    padding-right: 35px;
    box-sizing: border-box;
    border-radius: 25px;
}

header .middle .mobile-search input:focus {
    outline: none;
    background-color: rgba(140, 140, 140, 0.1921568627);
}

header .middle .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-start;
    width:25%;

    padding-left:25px;
}

header .middle .container .mobile-login {
    font-size: 12px;
    display: none;
    color: #8c8c8c;
    margin-left: auto;
    flex-direction: row;
    margin-right: 15px;
    align-items: center;
    text-decoration: none;
}

header .middle .container .mobile-login:hover i {
    color: #8c8c8c;
}

header .middle .container .mobile-login i {
    margin-right: 10px;
    font-size: 20px;
    transition: 300ms ease all;
    color: #8c8c8c;
}

header .middle .container .cart {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 !important;
    height: -moz-fit-content;
    height: fit-content;
    text-decoration: none;
}

header .middle .container .cart i {
    color: #fff;
    width: 53px;
    height: 53px;
    background: rgba(233,33,60,1);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

header .middle .container .cart span {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    background-color: black;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    border-radius: 50%;
    height: 20px;
}

header .middle .mid .search {
    width: 100%;
    margin-right: 30px;

    height: 35px;
    position: relative;
}

header .middle .mid .search i {
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    right: 15px;
}

header .middle .mid .search input {
    border: 1px solid #707070;
    width: 100%;
    height: 35px;
    padding: 0 20px;
    padding-right: 35px;
    box-sizing: border-box;
    border-radius: 25px;
}

header .middle .mid .search input:focus {
    outline: none;
    background-color: rgba(140, 140, 140, 0.1921568627);
}

header .middle .container .menu {
    margin-right: 20px;
}

header .middle .container .menu ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    align-items: center;
}

header .middle .container .menu ul li {
    margin-right: 10px;
}

header .middle .container .menu ul li a {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: bold;
    color: #000;
    text-decoration: none;
}

header .middle .container .menu ul li a:hover {
    color: #0075C8;
}

header .middle .identity {
    width: 320px;
}
header .middle .identity img {
    height: 60px;
    width: auto;
}

header .top {
    width: 100%;
    height: 50px;
    /* background-color: #000; */
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
   
    /* background-image: url('../img/textures/Thin.jpg');
    background-blend-mode: multiply; */
background-size: cover;
    padding: 0 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
header .top .top__right{
    display:flex;
    align-items: center;
}
header .top .top__menu{
    display:flex;
    align-items: center;
}
header .top .top__menu a{
    color:#fff;
    font-size:16px;
    font-weight: 400;
    margin-right: 25px;
}
header .top .top__right span{
    font-size:16px;
    color:#000;
    padding-right:15px;
    margin-right: 15px;
    border-right:1px solid #fff;
    /* color:#fff; */
}
header .top b{
    color:#fff;
    margin-right: 10px;
    display:flex;
    align-items: center;
}
header .top b svg{
    width:15px;
    height:15px;
    object-fit: contain;
    margin-right: 10px;
}
header .top .login {
    font-size: 12px;
    color: #fff;
    width: fit-content;

    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    margin-left: 20px;
}

header .top .login:hover i {
    color: #fff;
}

header .top .login i {
    margin-right: 10px;
    font-size: 20px;
    transition: 300ms ease all;
    color: #fff;
}

.slider {
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 60px;
}
.slider .slider__block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.slider .slider__block .slides {
    width: 70%;
    height: auto;
    border-radius: 10px;
    
    position: relative;
}
.slider .slider__block .slides .slick-dots {
    position: absolute;
    right: 20px;
    bottom: -55px;
    border: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.95);
}
.slider .slider__block .slides .slick-dots li {
    list-style: none;
    margin: 0px 5px;
    display: inline-flex;
}
.slider .slider__block .slides .slick-dots li.slick-active button {
    background: rgba(233,33,60,1);
}
.slider .slider__block .slides .slick-dots li button {
    margin: 0px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-indent: -9999999px;
    background-color: #000;
    border: 0px;
    cursor: pointer;
}
.slider .slider__block .slides .slide {
    width: 100%;
    height: 500px;
    position: relative;
}
.slider .slider__block .slides .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}
.slider .slider__block .slides .slide .slide__content {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 20px;
    z-index: 2;
}
.slider .slider__block .slides .slide .slide__content h5 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}
.slider .slider__block .slides .slide .slide__content span {
    padding: 7px 20px;
    border-radius: 5px;
   
    background: rgba(233,33,60,1);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.slider .slider__block .sa__items{
    width:calc(30% - 50px);
    height:auto;
    min-height: 500px;
    border-radius: 10px;
    /* padding:15px; */
    /* background-color: #000; */
    margin-left:50px;
    position: relative;
}
.slider .slider__block .slide__actions{
    width:100%;
    height:auto;
    min-height: 500px;
    border-radius: 10px;
    position: relative
}
.slider .slider__block .slide__actions .sa__image{
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    left:0px;
    border-radius: 10px;
    overflow: hidden;
}
.slider .slider__block .slide__actions .sa__countdown{
    width:calc(100% - 30px);
    height:50px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,.8);
    border-radius: 4px;
    position:absolute;
    top:10px;
    left:15px;
}

.slider .slider__block .slide__actions .sa__countdown .countdown__item{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:0px 10px;
}

.slider .slider__block .slide__actions .sa__countdown .countdown__item b{
    font-size:18px;
    color:#000;
    padding-bottom:3px;
}
.slider .slider__block .slide__actions .sa__countdown .countdown__item span{
    font-size:16px;
    color:#000;
    padding-top:2px;
}

.slider .slider__block .slide__actions .sa__image img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.slider .slider__block .slide__actions .sa__bottom    {
    width:calc(100% - 30px);
    height:auto;
    padding:10px;
    border-radius: 4px;
    background-color: rgba(255,255,255,.8);
    display:flex;
    align-items: center;
    justify-content: space-between;
    position:absolute;
    left:0px;
    bottom:0px;
    left:15px;
    bottom:10px;
}

.slider .slider__block .slide__actions .sa__bottom .sab__price span{
    font-size:20px;
    font-weight: 800;
    color:#0075C8;
}
.slider .slider__block .slide__actions .sa__bottom .sab__button {
    margin-left: auto;
}
.slider .slider__block .slide__actions .sa__bottom .sab__button a{
    padding:5px 15px;
    font-weight: bold;
    border-radius: 3px;
    background-color: #000;
    font-size:16px;

    color:#fff;
}
.slider .slider__block .slide__actions .sa__bottom .sab__button a:hover{
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
}
.slider .slider__block .slide__action {
    width: calc(30% - 50px);
    height: auto;
    min-height: 500px;
    border-radius: 10px;
    padding: 15px;
    background-color: #f3f1f1;
    margin-left: 50px;
}
.slider .slider__block .slide__action .slide__deal {
    width: 100%;
    height: auto;
    min-height: 120px;
}
.slider .slider__block .slide__action .slide__deal h5 {
    font-size: 26px;
    font-weight: 700;
    color: #0075C8;
    text-align: center;
}
.slider .slider__block .slide__action .slide__deal .countdown {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
}
.slider .slider__block .slide__action .slide__deal .countdown .countdown__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
}
.slider
    .slider__block
    .slide__action
    .slide__deal
    .countdown
    .countdown__item
    span:first-child {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.slider
    .slider__block
    .slide__action
    .slide__deal
    .countdown
    .countdown__item
    span:last-child {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.slider .slider__block .slide__action .slide__items {
    width: 100%;
    height: auto;
}
.slider .slider__block .slide__action .slide__items .product__item {
    width: 100%;
    height: auto;
}
.slider .slider__block .slide__action .slide__items .product__item .pi__brand {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__brand
    img {
    height: 20px;
    object-fit: contain;
}
.slider .slider__block .slide__action .slide__items .product__item .pi__image {
    width: 100%;
    height: 150px;
    object-fit: contain;
    padding: 10px;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__image
    img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__content {
    width: 100%;
    height: auto;
    padding: 0px 20px;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__content
    span {
    padding: 5px 10px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__content
    h4 {
    font-size: 17px;
    font-weight: 600;
    color: #0c2b3e;
    padding: 10px 0px;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__content
    ul {
    list-style: none;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__content
    ul
    li {
    position: relative;
    padding: 3px 0px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: rgba(0, 0, 0, 0.7);
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__content
    ul
    li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    border: 0px;
    border-radius: 4px;
}
.slider .slider__block .slide__action .slide__items .product__item .pi__bottom {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    justify-content: space-between;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__bottom
    .pi__price {
    display: inline-flex;
    flex-direction: column;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__bottom
    .pi__price
    .old {
    font-size: 12px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.9);
    text-decoration: line-through;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__bottom
    .pi__price
    .new {
    font-size: 18px;
    font-weight: 700;
    color: #0075C8;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__bottom
    .pi__button {
    padding: 10px 20px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    display: flex;
    align-items: center;
    cursor: pointer;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__bottom
    .pi__button
    img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__bottom
    .pi__button
    span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.slider
    .slider__block
    .slide__action
    .slide__items
    .product__item
    .pi__bottom
    .pi__button:hover {
    background-color: #0c2b3e;
}
.slider .slides {
    width: 100%;
    height: auto;
}
.slider .slides .slide {
    width: 100%;
    height: 550px;
}
.slider .slides .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.infos {
    width: 100%;
    height: auto;
    padding: 20px 0px;
}
.infos.sp__infos {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin: 20px 0px;
}
.infos .infos__block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.infos .infos__block .infos__item {
    width: 33.33%;
    height: auto;
    display: flex;
    align-items: center;
}
.infos .infos__block .infos__item svg {
    min-width: 64px;
    height: 64px;
    margin-right: 10px;
    object-fit: contain;
}
.infos .infos__block .infos__item .ii__content {
    display: flex;
    flex-direction: column;
}
.infos .infos__block .infos__item .ii__content h4 {
    font-size: 18px;
    font-weight: 700;
    color: #0075C8;
}
.infos .infos__block .infos__item .ii__content span {
    font-size: 14px;
    font-weight: 400;
}

.landings {
    width: 100%;
    height: auto;
}
.landings .landings__items {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.landings .landings__items .landings__item {
    width: calc(50% - 20px);
    height: 218px;
    margin: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
}
.landings .landings__items .landings__item img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    border-radius: 4px;
}

.newsletter {
    width: 100%;
    padding: 20px 0px;
    margin: 20px 0px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
}
.newsletter .newsletter__box {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newsletter .newsletter__box p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
.newsletter .newsletter__box form {
    width: 400px;
    height: 50px;
    position: relative;
    margin-left: 50px;
}
.newsletter .newsletter__box form svg {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.newsletter .newsletter__box form input {
    width: 100%;
    height: 50px;
    border-radius: 2px;
    border: 1px solid #bbb;
    padding-left: 45px;
    font-size: 15px;
    font-weight: 300;
}
.newsletter .newsletter__box form button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 110px;
    height: 50px;
    border: 0px;
    background-color: #0c2b3e;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.tabs {
    width: 100%;
    height: auto;
    margin: 40px 0px;
}
.slick-dots {
    display: flex;
    flex-direction: row;
}
.products-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position: absolute;
    top: 475px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.products-slider .slick-dots li {
    margin: 0 0.25rem;

}

.products-slider .slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    text-indent: -9999px;
}

.products-slider .slick-dots li.slick-active button {
    background-color: #fff;
}
.tabs-bestseller {
    padding: 45px 0px;
    box-sizing: border-box;
    height: auto;
    position: relative;
    background-color: #0075C8 !important;
    background-image: url('../img/textures/bg.png');
    background-blend-mode: multiply;
background-size: cover;
    overflow: hidden;
}
.tabs-white {
    background-color: rgba(20,118,218,1)  !important;
    /* flex-wrap: wrap; */
    height:auto !important;
    padding-bottom: 0px !important;
}
.tabs-bestseller .tabs__content .products.products-slider{flex-wrap: wrap !important;}
.tabs-white .tabs__list ul span {
    width: 280px !important;
    color: #fff !important;
}
.tabs-bestseller .tabs__content {
    display: block !important;
}
.tabs-bestseller .tabs__content .products  {
    height: auto !important;
    flex-wrap: nowrap !important;
}
.tabs-bestseller .tabs__content .products .product__item {
    background-color: #fff;
}
.tabs .tabs__list {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.tabs .tabs__list ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs-bestseller .tabs__content {
    margin-top: 50px;
}
.tabs-bestseller .tabs__content .products .product__item .pi__content {
    min-height: 60px !important;
}
.tabs-bestseller .tabs__list ul {
justify-content: flex-start !important;
}
.tabs .tabs__list ul span {
    width: 220px;
    height: 55px;
    list-style: none;
    
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  text-transform: uppercase;
 
    margin: 0px 10px;
    color: #fff;
    font-weight: 600;
   
}

.tabs .tabs__list ul span img {
    height: 100px;
    filter: invert(1);
    margin-right: 10px;
}
.tabs .tabs__list ul li {
    width: 220px;
    height: 55px;
    list-style: none;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    margin: 0px 10px;
    color: #373737;
    font-weight: 600;
    cursor: pointer;
}
.tabs .tabs__list ul li:hover {
    background-color: #d7d7d7;
    cursor: pointer;
}
.tabs .tabs__list ul li.active {
    background: rgba(233,33,60,1);
    color: #fff;
    border: 0px;
}

.tabs .tabs__content_lap {
    display: flex !important;
}
.tabs .tabs__content {
    width: 100%;
    height: auto;
    border-top: 1px solid #d7d7d7;
    display: none;
}

.tabs .tabs__content.active {
    display: block;
}
.tabs .tabs__content .products {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.tabs .tabs__content .products .product__item {
    width: 25%;
    height: auto;
    border: 1px solid #d7d7d7;
    border-right: 0px;
    overflow: hidden;
    border-top: 0px;
    position: relative;
}
.single__product .sp__block .product__images .pi__main .discount__piktogram {
    width: 200px;
    height: 50px;
    background-color: red;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    right: -50px;
    z-index: 999;
  
}
.tabs .tabs__content .products .product__item .discount__piktogram {
    width: 200px;
    height: 50px;
    background-color: red;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    transform: rotate(45deg);
    position: absolute;
    top: 20px;
    right: -50px;
  
}

.tabs .tabs__content .similar-products .product__item .pi__bottom {
    height: 72px;
}
.tabs .tabs__content .products .discount-smaller .discount__piktogram {
    width: 200px;
    height: 30px;
    background-color: red;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    transform: rotate(45deg);
    position: absolute;
    top: 15px;
    right: -70px;
  
}
.tabs .tabs__content .products .product__item:nth-child(4n) {
    border-right: 1px solid #d7d7d7;
}
.tabs .tabs__content .products .product__item .pi__brand {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}
.tabs .tabs__content .products .product__item .pi__brand img {
    height: 20px;
    object-fit: contain;
}
.tabs .tabs__content .products .product__item .pi__image {
    width: 100%;
    height: 250px;
    object-fit: contain;
    padding: 20px;
}
.tabs .tabs__content .products .product__item .pi__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tabs .tabs__content .products .product__item .pi__content {
    width: 100%;
    height: auto;
    padding: 0px 20px;
    min-height: 50px;
}
.tabs .tabs__content .products .product__item .pi__content span {
    padding: 5px 10px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.tabs .tabs__content .products .product__item .pi__content h4 {
    font-size: 17px;
    font-weight: 600;
    color: #0c2b3e;
    padding: 10px 0px;
    max-height: 60px;
    overflow: hidden;
}
.tabs .tabs__content .products .product__item .pi__content ul {
    list-style: none;
    overflow-y: scroll !important;
    max-height: 52px !important;
    overflow: auto;
}

.tabs .tabs__content .products .product__item .pi__content ul li {
    position: relative;
    padding: 3px 0px;
    padding-left: 15px;
    font-size: 14px;
    color: #000;
    font-weight: rgba(0, 0, 0, 0.7);
}
.tabs .tabs__content .products .product__item .pi__content ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: rgba(233,33,60,1);
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    border: 0px;
    border-radius: 4px;
}
.tabs .tabs__content .products .product__item .pi__bottom {
    width: 100%;
    height: auto;
    display: flex;
    min-height: 70px;
    align-items: center;
    padding: 15px 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tabs .tabs__content .similar-products  {
    padding-bottom: 50px;
}
.tabs .tabs__content .similar-products .product__item .pi__bottom {
    height: 72px;
}
.tabs .tabs__content .products .product__item .pi__bottom .pi__price {
    display: inline-flex;
    flex-direction: column;
}

.tabs .tabs__content .products .product__item .pi__bottom .pi__price .old {
    font-size: 12px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.9);
    text-decoration: line-through;
}
.tabs .tabs__content .products .product__item .pi__bottom .pi__price .new {
    font-size: 18px;
    font-weight: 700;
    min-width: 90px;
    color: #0075C8;
}
.tabs .tabs__content .products .product__item .pi__bottom .pi__button {
    padding: 10px 20px;
    border-radius: 2px;
    background-color: #000;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    justify-content: center;
    margin-top: 5px;
}
.tabs .tabs__content .products .product__item .pi__bottom .pi__button img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
}
.tabs .tabs__content .products .product__item .pi__bottom .pi__button span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.tabs .tabs__content .products .product__item .pi__bottom .pi__button:hover {
    background-color: #0c2b3e;
}
.tabs .tabs__content .products .product__item .pi__mbutton {
    width: 100%;
    height: auto;
    height: 40;
    position: relative;
    padding: 10px;
}
.tabs .tabs__content .products .product__item .pi__mbutton a {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    z-index: 999;
    background: rgba(20,118,218,1);
    color: #fff;
    font-size: 14px;
    font-weight: 500;

    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs .tabs__content .products .product__item .pi__mbutton span i {
    font-size: 16px;
    color: #fff;
}
.tabs .tabs__content .products .product__item .pi__mbutton span {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin: 10px;
    z-index: 999;
    background: rgba(233,33,60,1);
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs .pp__pagination {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.tabs .pp__pagination ul {
    display: flex;
    align-items: center;
}
.tabs .pp__pagination ul li {
    list-style: none;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7d7d7;
    font-size: 18px;
    font-weight: 600;
    color: #373737;
    cursor: pointer;
}
.tabs .pp__pagination ul li.active {
    background: rgba(233,33,60,1);
    color: #fff;
}
.tabs .pp__pagination ul li:hover {
    background-color: rgba(233,33,60,1);
}

.news {
    width: 100%;
    height: auto;
    margin: 30px 0px;
    padding: 100px 0px;
    background:  rgba(20,118,218,1);
    background-image: url('../img/textures/why_bg_2.jpg');
    background-blend-mode: multiply;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.news .news__block {
    width: 100%;
    height: auto;
}
.news .news__block .news__top {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.news .news__block .news__top h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.news .news__block .news__top ul {
    display: flex;
    align-items: center;
    margin-left: 100px;
}
.news .news__block .news__top ul li {
    list-style: none;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin-left: 10px;
}
.news .news__block .news__box {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    display: flex;
    align-items: flex-start;
}
.news .news__block .news__box .nb__big {
    width: 50%;
    height: auto;
}
.news .news__block .news__box .nb__big img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.news .news__block .news__box .nb__big h5 {
    font-size: 15px;
    font-weight: 500;
    color: #0075C8;
    margin-top: 10px;
    padding: 0px 20px;
}
.news .news__block .news__box .nb__big h4 {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    padding: 0px 20px;
}
.news .news__block .news__box .nb__big p {
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.76);
}
.news .news__block .news__box .nb__big a {
    display: inline-flex;
    margin: 0px 20px;
    padding: 10px 25px;
    border: 1px solid #d7d7d7;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.news .news__block .news__box .nb__big a:hover {
    background-color: #fff;
    color: #0c2b3e;
}
.news .news__block .news__box .nb__list {
    width: 50%;
    height: auto;
}
.news .news__block .news__box .nb__list .nb__item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.news .news__block .news__box .nb__list .nb__item img {
    width: 70%;
    height: auto;
    object-fit: contain;
    object-position: left;
}
.news .news__block .news__box .nb__list .nb__item .nbi__content {
    width: 70%;
    height: auto;
}
.news .news__block .news__box .nb__list .nb__item .nbi__content h5 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
}
.news .news__block .news__box .nb__list .nb__item .nbi__content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.partners {
    width: 100%;
    height: auto;
    padding: 20px 0px;
}
.partners .partners__list {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.partners .partners__list .partners__item {
    width: 20%;
    height: 80px;
    padding: 10px 20px;
    cursor: pointer;
}
.partners .partners__list .partners__item img {
    width: 100%;
    height: 50px;
    object-fit: contain;
    filter: grayscale(1);
}
.partners .partners__list .partners__item:hover img {
    filter: grayscale(0);
}

.footer {
    width: 100%;
    height: auto;
    border-top: 10px solid rgba(233,33,60,1);
    padding: 50px 0px;
}
.footer .footer__block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
}
.footer .footer__block .footer__list {
    width: 25%;
    height: auto;
}

.footer .footer__block .footer__list h4 {
    font-size: 18px;
    font-weight: 500;
    color: #0075C8;
    margin-bottom: 15px;
}
.footer .footer__block .footer__list ul li {
    list-style: none;
    font-size: 14px;
    font-weight: 300;
    color: #0c2b3e;
    padding: 3px 0px;
}

.footer .footer__block .footer__list ul li .cryptedmail:after {
    content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}
.footer .footer__block .footer__list ul li a {
    font-size: 14px;
    font-weight: 300;
    color: #0c2b3e;
}
.footer .footer__block .footer__list-social ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 150px;
    box-sizing: border-box;
}
.footer .footer__block .footer__list-social ul li {
    width: 50%;
}
.footer .footer__block .footer__list-social ul li a {
    font-size: 26px;
}
.footer .footer__block .footer__list .list__pictures {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.footer .footer__block .footer__list .list__pictures li {
    margin-right: 5px;
}
.footer .footer__block .footer__list .list__pictures li:last-child img {
    height: 80px;
}
.footer .footer__block .footer__list ul li a img {
    height: 50px;
    width: auto;
}
.copy {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}
.copy p {
    font-size: 16px;
    font-weight: 300;
    color: #0c2b3e;
}

.page__title {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(233,33,60,1);
    background-image: url('../img/textures/futur.png');
    background-blend-mode: multiply;
background-repeat: no-repeat;
background-size: cover;
}
.page__title h3 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
}
.page__title p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    padding-top: 5px;
}

.products__page {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
}
.products__page .pp__sidebar {
    width: 300px;
    min-width: 300px;
    padding-top: 40px;
    height: auto;
    padding-right: 20px;
}
.products__page .pp__sidebar .filter__box {
    width: 100%;
    height: auto;
}
.products__page .pp__sidebar .filter__box .fb__title {
    width: 100%;
    height: 50px;
    background-color: #1476da;
    padding: 0px 15px;
    display: inline-flex;
    align-items: center;
}
.products__page .pp__sidebar .filter__box .fb__title h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.products__page .pp__sidebar .filter__box .fb__list {
    width: 100%;
    height: auto;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.products__page .pp__sidebar .filter__box .fb__list .fbl__item {
    width: 100%;
    height: auto;
    min-height: 40px;
    border-bottom: 1px solid #d7d7d7;
}
.products__page .pp__sidebar .filter__box .fb__list .fbl__item .fbli__button {
    display: none;
}
.products__page .pp__sidebar .filter__box .fb__list .fbl__item .fbli__button button {
    padding: 5px 10px;
    background-color: #0075C8;
    color: #fff;
    font-weight: bold;
   margin: 10px 20px;
   cursor: pointer;
    border: 0;
    outline: none;
}
.products__page .pp__sidebar .filter__box .fb__list .fbl__item .fbli__title {
    width: 100%;
    height: auto;
    padding: 15px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__title:hover {
    background: rgba(0, 0, 0, 0.059)
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__title:hover
    h5 {
    color: #fff;
}
.products__page .pp__sidebar .filter__box .fb__list .fbl__item .fbli__title h5 {
    font-size: 16px;
    font-weight: 600;
    color: #373737;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__title
    span {
    color: #0075C8;
    font-size: 30px;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item.active
    .fbli__title
    span {
    color: #fff;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item.active
    .fbli__title:hover
    > span {
    color: #0075C8;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item.active
    .fbli__title:hover
    > span::after {
    color: #fff;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item.active
    .fbli__title
    span::after {
    content: "-";
    color: #0075C8;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item.active
    .fbli__list {
    display: block;
}
.products__page .pp__sidebar .filter__box .fb__list .fbl__item .fbli__list {
    width: 100%;
    height: auto;
    padding: 5px 20px;
    display: none;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__list
    ul
    li {
    list-style: none;
    width: 100%;
    height: auto;
    padding: 4px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__list
    ul
    li
    a {
    font-size: 14px;
    font-weight: 500;
    color: #373737;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__list
    ul
    li
    span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__list
    ul
    li
    .fblil__chc {
    display: inline-flex;
    align-items: center;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__list
    ul
    li
    .fblil__chc
    input {
    width: 15px;
    height: 15px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    margin-right: 10px;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__list
    ul
    li
    .fblil__chc
    em {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-style: normal;
}
.products__page
    .pp__sidebar
    .filter__box
    .fb__list
    .fbl__item
    .fbli__list
    ul
    li
    .fblil__chc
    label {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-style: normal;
}
.products__page .pp__info {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.single__product .sp__block .product__images .pi__left ul{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: block !important;
}
.products__page .pp__info .ppi__left p {
    font-size: 14px;
    font-weight: 300;
    color: #373737;
}
.products__page .pp__info .ppi__right {
    display: flex;
    align-items: center;
}
.products__page .pp__info .ppi__right select {
    width: 150px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    padding-left: 15px;
    margin-left: 10px;
}
.single__product .container .sp__breadcrumb {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: baseline;

}

.single__product .container .sp__breadcrumb ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.single__product .container .sp__breadcrumb ul a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    margin-right: 10px;
}

.single__product .container .sp__breadcrumb ul .br__arrow {
    margin-right: 10px;
    font-size: 16px;
}

.single__product .container .sp__breadcrumb ul .br__arrow:last-child {
    display: none;
}
.single__product {
    width: 100%;
    height: auto;
}
.single__product .sp__block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding-top: 40px;
}
.single__product .sp__block .product__images {
    width: 50%;
    height: auto;
    display: flex;
    align-items: flex-start;
}
.single__product .sp__block .product__images .pi__left {
    width: 120px;
    height: auto;
}
.single__product .sp__block .product__images .pi__left ul {
    max-height: 540px;
    overflow-y: scroll;
}
.single__product .sp__block .product__images .pi__left ul li {
    list-style: none;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    overflow: hidden;
    margin: 10px 0px;
    padding: 10px;
}
.single__product .sp__block .product__images .pi__left ul li.active {
    border: 1px solid #0075C8;
}
.single__product .sp__block .product__images .pi__left ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.single__product .sp__block .product__images .pi__main {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
.single__product .sp__block .product__images .pi__main img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.single__product .sp__block .product__content {
    width: 50%;
    height: auto;
    padding-left: 50px;
    display: flex;
    flex-direction: column;
}
.single__product .sp__block .product__content .pc__block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.single__product .sp__block .product__content .pc__block img {
    margin-left: 0;
    width: 130px;
    object-fit: contain;
    height: 35px;
}
.single__product .sp__block .product__content span {
    display: inline-flex;
    width: 80px;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}
.single__product .sp__block .product__content h3 {
    font-size: 36px;
    font-weight: 700;
    padding-top: 15px;
}
.single__product .sp__block .product__content h5 {
    font-size: 14px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.7);
}
.single__product .sp__block .product__content ul.pcl {
    width: 100%;
    height: auto;
    padding: 20px 0px;
}
.single__product .sp__block .product__content ul.pcl li {
    list-style: none;
    padding-left: 20px;
    position: relative;
}
.single__product .sp__block .product__content ul.pcl li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    border: 0px;
    border-radius: 4px;
}
.single__product .sp__block .product__content .pc__price {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.single__product .sp__block .product__content .pc__price p {
    font-size: 16px;
    font-weight: 300;
    color: #373737;
    min-width: 200px;
}
.single__product .sp__block .product__content .pc__price .pcp__content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.single__product
    .sp__block
    .product__content
    .pc__price
    .pcp__content
    .pcpc__price {
    display: flex;
    flex-direction: column;
}
.single__product
    .sp__block
    .product__content
    .pc__price
    .pcp__content
    .pcpc__price
    .old {
    font-size: 14px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.7);
    text-decoration: line-through;
}
.single__product
    .sp__block
    .product__content
    .pc__price
    .pcp__content
    .pcpc__price
    .new {
    font-size: 22px;
    font-weight: 600;
    color: #0075C8;
}
.single__product
    .sp__block
    .product__content
    .pc__price
    .pcp__content
    .pcpc__others {
    padding-top: 10px;
}
.single__product
    .sp__block
    .product__content
    .pc__price
    .pcp__content
    .pcpc__others
    ul
    li {
    list-style: none;
}
.single__product
    .sp__block
    .product__content
    .pc__price
    .pcp__content
    .pcpc__others
    ul
    li
    p {
    font-size: 14px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.7);
    padding: 2px 0px;
}
.single__product
    .sp__block
    .product__content
    .pc__price
    .pcp__content
    .pcpc__others
    ul
    li
    p.red {
    color: red;
}
.single__product .sp__block .product__content .pc__button {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.single__product .sp__block .product__content .pc__button a {
    color: #0075C8;
}
.single__product .sp__block .product__content .pc__button button {
    width: 100%;
    margin-left: 0;
    max-width: 300px;
    height: 50px;
    display: block;
    border-radius: 4px;
    background: rgba(233,33,60,1);
    color: #fff;
    font-size: 18px;
    border: 0px;
    margin-top: 20px;
    cursor: pointer;
}
.single__product .sp__block .product__content .pc__button button:hover {
    background-color: #0c2b3e;
}

.sp__more {
    width: 100%;
    height: auto;
    padding-top: 20px;
}
.sp__more .sp__tabs {
    width: 100%;
    height: auto;
}
.sp__more .sp__tabs .spt__list {
    width: 100%;
    height: auto;
}
.sp__more .sp__tabs .spt__list ul {
    display: flex;
    align-items: center;
}
.sp__more .sp__tabs .spt__list ul li {
    list-style: none;
    width: 220px;
    height: 50px;
    background-color: #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #373737;
    cursor: pointer;
}
.sp__more .sp__tabs .spt__list ul li.active {
    background: rgba(233,33,60,1);
    color: #fff;
}
.sp__more .sp__tabs .spt__list ul li:hover {
    background-color: #0c2b3e;
    color: #fff;
}
.sp__more .sp__tabs .spt__content {
    width: 100%;
    height: auto;
    padding: 15px;
    border: 1px solid #d7d7d7;
    display: none;
}
.sp__more .sp__tabs .spt__content.active {
    display: block;
}
.sp__more .sp__tabs .spt__content li {
    list-style: none;
    display: flex;
    border: 1px solid #d7d7d7;
    align-items: center;
    flex-direction: row;

}
.sp__more .sp__tabs .spt__content li:nth-child(odd) {
    background-color: #f0ecec;
}
.sp__more .sp__tabs .spt__content li b {
    width: 50%;
    display: flex;
    border-right: 1px solid #d7d7d7;
    align-items: center;
    padding-left: 20px;
    box-sizing: border-box;
    height: 50px;
}
.sp__more .sp__tabs .spt__content li span {
    width: 50%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    box-sizing: border-box;
    height: 50px;
}
.sp__more .sp__tabs .spt__content p {
    font-size: 18px;
    font-weight: 300;
    color: #373737;
    padding: 12px 0px;
}

.combo {
    width: 100%;
    height: auto;
    padding: 20px 0px;
}
.combo .combo__list {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.combo .combo__list .combo__item {
    width: calc(25% - 30px);
    height: auto;
    height: 300px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 10px;
    position: relative;
    margin-right: 30px;
}
.combo .combo__list .combo__item.combo__item--last {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.combo .combo__list .combo__item.combo__item--last h5 {
    font-size: 18px;
    font-weight: 500;
    color: #373737;
}
.combo .combo__list .combo__item.combo__item--last p {
    font-size: 14px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.7);
    padding: 15px;
    text-align: center;
}
.combo .combo__list .combo__item.combo__item--last button {
    width: 200px;
    height: 50px;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border: 0px;
}
.combo .combo__list .combo__item:last-child::after {
    display: none;
}
.combo .combo__list .combo__item::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: 700;
    color: #373737;
}
.combo .combo__list .combo__item img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    margin-bottom: 20px;
}
.combo .combo__list .combo__item h4 {
    font-size: 18px;
    font-weight: 700;
    color: #373737;
}
.combo .combo__list .combo__item span {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.cart {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}
.cart .cart__title {
    width: 100%;
    height: auto;
}
.cart .cart__title h4 {
    font-size: 32px;
    font-weight: 700;
    color: #373737;
}
.cart .cart__block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.cart .cart__block .cart__left {
    width: 70%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.cart .cart__block .cart__left .cart__item {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 10px 0px;
    border-bottom: 1px solid #d7d7d7;
}
.cart .cart__block .cart__left .cart__item .ci__img {
    min-width: 100px;
    height: 80px;
    margin-right: 20px;
}
.cart .cart__block .cart__left .cart__item .ci__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}
.cart .cart__block .cart__left .cart__item .ci__info {
    width: 100%;
    height: auto;
    padding: 0px 15px;
}
.cart .cart__block .cart__left .cart__item .ci__info h4 {
    font-size: 18px;
    font-weight: 300;
    color: #373737;
}
.cart .cart__block .cart__left .cart__item .ci__info p {
    font-size: 14px;
    font-weight: 600;
}
.cart .cart__block .cart__left .cart__item .ci__price {
    min-width: 150px;
}
.cart .cart__block .cart__left .cart__item .ci__price p {
    font-size: 18px;
    font-weight: 600;
}
.cart .cart__block .cart__left .cart__item .ci__action a {
    padding: 6px 12px;
    border-radius: 3px;
    background-color: rgb(244, 64, 64);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.cart .cart__block .cart__left .cart__item .ci__action a:hover {
    background-color: red;
}
.cart .cart__block .cart__right {
    width: calc(30% - 50px);
    border-radius: 5px;
    height: auto;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.03);
}
.cart .cart__block .cart__right .cr__part {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    margin-bottom: 10px;
}
.cart .cart__block .cart__right .cr__part .cr__title h4 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.cart .cart__block .cart__right .cr__part .cr__price {
    height: auto;
}
.cart .cart__block .cart__right .cr__part .cr__price p {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.cart .cart__block .cart__right .cr__button {
    width: 100%;
    height: auto;
    padding-top: 20px;
}
.cart .cart__block .cart__right .cr__button a {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    background: rgba(20,118,218,1);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart .cart__discount {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.cart .cart__discount .cd__box {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.04);
    padding: 20px;
}
.cart .cart__discount .cd__box h5 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.cart .cart__discount .cd__box input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    padding-left: 15px;
    border: 1px solid #d7d7d7;
    margin: 10px 0px;
}
.cart .cart__discount .cd__box button {
    width: 160px;
    height: 40px;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    border: 0px;
}

.checkout {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}
.checkout .checkout__block {
    width: 100%;
    height: auto;
}
.checkout .checkout__block .cb__top {
    width: 100%;
    height: auto;
}
.checkout .checkout__block .cb__top h2 {
    font-size: 32px;
    font-weight: 600;
    color: #373737;
    margin-bottom: 30px;
}
.checkout .checkout__block .form__group {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position:relative;
}
.checkout .checkout__block .form__group label span{
    background-color: transparent !important;
    color:#000 !important;
}
.checkout .checkout__block .form__group label {
    font-size: 16px;
    font-weight: 500;
    color: #373737;
}
.checkout .checkout__block .form__group input,
.checkout .checkout__block .form__group select {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    padding-left: 15px;
    border: 1px solid #d7d7d7;
}
.checkout .checkout__block .cb__sides {
    width: 100%;
    height: auto;
    padding-top: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.checkout .checkout__block .cb__sides .cb__side {
    width: calc(50% - 10px);
    height: auto;
    position: relative;
}
.checkout .checkout__block .cb__sides .cb__side h3 {
    font-size: 20px;
    font-weight: 500;
    color: #373737;
    height: 60px;
}
.checkout .checkout__block .cb__sides .cb__side span {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #0c2b3e;
    color: #fff;
    font-size: 14px;
}
.checkout .checkout__block .cb__button {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.checkout .checkout__block .cb__button button {
    width: 200px;
    height: 50px;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    font-size: 16px;
    font-weight: 600;
    border: 0;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment {
    width: 100%;
    height: auto;
    padding-top: 50px;
}
.payment .payment__block {
    width: 100%;
    height: auto;
}
.payment .payment__block h3 {
    font-size: 32px;
    font-weight: 700;
    color: #373737;
}
.payment .payment__block .payment__group {
    display: flex;
    flex-direction: column;
}
.payment .payment__block .payment__group label {
    font-size: 18px;
    font-weight: 400;
    color: #373737;
    margin-bottom: 5px;
}
.payment .payment__block .payment__group select {
    width: 100%;
    max-width: 450px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    padding-left: 15px;
}
.payment .payment__block .payment__info {
    width: 100%;
    height: auto;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
    display: none;
}
.payment .payment__block .payment__info.active {
    display: block;
}
.payment .payment__block .payment__info h4 {
    font-size: 18px;
    font-weight: 600;
    color: #373737;
}
.payment .payment__block .payment__info select {
    width: 100%;
    max-width: 450px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    padding-left: 15px;
    margin: 10px 0px;
}
.payment .payment__block .payment__info p {
    font-size: 16px;
    font-weight: 300;
    color: #0c2b3e;
    margin-top: 10px;
}
.payment .payment__block .payment__button {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

.monri-lightbox-button-el span::after {
    content: "Potvrdi i nastavi >";
    text-indent: 0;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: block;
    position: absolute;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    top: 0;
    left: 0;
    font-family: "Open Sans", sans-serif !important;
    line-height: initial;
}
.payment .payment__block .payment__button button {
    width: 200px;
    height: 50px;
    border: 0;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.complete {
    width: 100%;
    height: auto;
    padding-top: 50px;
}
.complete .complete__block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.complete .complete__block .complete__box {
    width: 100%;
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    flex-direction: column;
}
.complete .complete__block .complete__box.active {
    display: flex;
}
.complete .complete__block .complete__box h3 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}
.complete .complete__block .complete__box img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    margin: 20px 0px;
}
.complete .complete__block .complete__box.success h3 {
    color: green;
}
.complete .complete__block .complete__box.failed h3 {
    color: red;
}
.complete .complete__block .complete__info {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.complete .complete__block .complete__info ul {
    max-width: 360px;
    width: 100%;
    height: auto;
}
.complete .complete__block .complete__info ul li {
    width: 100%;
    height: auto;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.complete .complete__block .complete__info ul li span {
    font-size: 14px;
    font-weight: 400;
    color: #373737;
}
.complete .complete__block .complete__info ul li p {
    font-size: 14px;
    font-weight: 600;
    color: #373737;
}

.login {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}
.login .login__block {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.login .login__block .login__box {
    width: calc(50% - 15px);
    height: auto;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 20px;
}
.login .login__block .login__box.full {
    width: 100%;
}
.login .login__block .login__box h3 {
    font-size: 20px;
    font-weight: 400;
    color: #373737;
    margin-bottom: 20px;
}
.login .login__block .login__box .form__group {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.login .login__block .login__box .form__group label {
    font-size: 14px;
    font-weight: 500;
    color: #373737;
}
.login .login__block .login__box .form__group input,
.login .login__block .login__box .form__group select {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    padding-left: 15px;
}
.login .login__block .login__box .form__button {
    width: 100%;
    height: auto;
    padding-top: 20px;
}
.login .login__block .login__box .form__button button {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    background: rgba(233,33,60,1);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
}

.account {
    width: 100%;
    height: auto;
    padding-top: 20px;
    background-color: #fff;
}

.account .account__title {
    width: 100%;
    height: auto;
    padding-bottom: 25px;
}

.account .account__title h4 {
    font-size: 32px;
    font-weight: 600;
    color: #282828;
}

.account .account__block {
    width: 100%;
    height: auto;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
}

.account .account__block .account__sidebar {
    width: 100%;
    height: 100%;
    min-width: 250px;
    background-color: #f8f8f8;
    align-items: center;
    padding: 20px 0px;
    display: flex;
    flex-direction: row;
}

.account .account__block .account__content {
    width: 100%;
    height: auto;
    padding-left: 0;
}

.account .account__block .account__sidebar .account__menu {
    width: 100%;
    height: auto;
}

.account .account__block .account__sidebar .account__menu ul li a {
    display: inline-flex;
    align-items: center;
}

.account .account__block .account__sidebar .account__menu ul li a img {
    width: 20px;
}

.account .account__block .account__sidebar .account__avatar {
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.account .account__block .account__sidebar .account__avatar .avatar__round {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* background-color: #282828; */
    border: 3px solid #282828;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    display: none;
}

.account
    .account__block
    .account__sidebar
    .account__avatar
    .avatar__round
    span {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.account .account__block .account__sidebar .account__avatar .avatar__round img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.account .account__block .account__sidebar .account__avatar .aa__hi {
    width: 100%;
    height: auto;
    padding: 10px 20px;
}

.account .account__block .account__sidebar .account__avatar .aa__hi h4 {
    font-size: 14px;
    font-weight: 500;
    color: #282828;
}

.account .account__block .account__sidebar .account__avatar .aa__hi h4 b {
    display: flex;
}

.account .account__block .account__sidebar .account__menu {
    width: 100%;
    height: auto;
    padding: 0;
}

.account .account__block .account__sidebar .account__menu ul {
    flex-direction: row;
    align-items: center;
    display: flex;
}
.account .account__block .account__sidebar .account__menu ul li {
    width: 100%;
    height: auto;
    padding: 15px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    list-style: none;
    cursor: pointer;
}

.account .account__block .account__sidebar .account__menu ul li a {
    display: flex;
    align-items: center;
}

.account .account__block .account__sidebar .account__menu ul li a span {
    font-size: 18px;
    color: #282828;
    font-weight: 500;
    padding-left: 15px;
}

.account .account__block .account__sidebar .account__menu ul li:hover {
    background-color: #282828;
}

.account .account__block .account__sidebar .account__menu ul li:hover > a span {
    color: #fff;
}

.account .account__block .account__sidebar .account__menu ul li:hover > a img {
    filter: invert(96%) sepia(97%) saturate(12%) hue-rotate(237deg)
        brightness(103%) contrast(103%);
}

.account .account__block .account__sidebar .account__menu ul li.active {
    background-color: #4baedf;
}

.account .account__block .account__sidebar .account__menu ul li.active a span {
    color: #fff;
}

.account .account__block .account__sidebar .account__menu ul li.active a img {
    filter: invert(96%) sepia(97%) saturate(12%) hue-rotate(237deg)
        brightness(103%) contrast(103%);
}

.account .account__block .account__content .account__tab {
    width: 100%;
    margin-top: 30px;
    height: auto;
    display: none;
}

.account .account__block .account__content .account__tab .account__overview {
    width: 100%;
    height: auto;
}

.account .account__block .account__content .account__tab .account__overview h4 {
    font-size: 32px;
    color: #282828;
    font-weight: 700;
}

.account .account__block .account__content .account__tab .account__main-title {
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
    padding: 20px;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__main-title
    h4 {
    font-size: 26px;
    color: #282828;
    font-weight: 600;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__main-title
    p {
    padding-top: 10px;
}

.account .account__block .account__content .account__tab.active {
    display: block;
}

.account .account__block .account__content .account__tab .account__tab-content {
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
    margin-top: 20px;
    margin-bottom: 20px;
}
.account .account__block .account__content .account__tab .account__tab-content .order__list .order__item {
    display: flex;
flex-direction: column;
height: 200px !important;
justify-content: space-between;}
.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__predefined {
    width: 100%;
    height: auto;
    display: inline-flex;
    padding: 0px 20px;
    margin-top: 0px;
    position: relative;
    z-index: 1;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__predefined
    .ac__edit {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__predefined
    .ac__edit
    img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__predefined
    .ac__edit:hover {
    background-color: #ec0d00;
    border: 1px solid #ec0d00;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__predefined
    .ac__edit:hover
    > img {
    filter: invert(1);
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__predefined
    ul {
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 20px 0px;
    position: relative;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__predefined
    ul
    li {
    list-style: none;
    padding: 2px 0px;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__predefined
    ul
    li
    b {
    display: inline-flex;
    width: 130px;
    font-size: 500;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list {
    width: 100%;
    height: auto;
    display: flex;
    padding: 20px 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item {
    width: calc(25% - 10px);
    height: auto;
    height: 300px;
    min-width: 230px;
    margin: 0px 5px;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 15px;
    background-color: #fff;
    border-bottom: 3px solid #dcdcdc;
    position: relative;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .add__new {
    width: 100%;
    height: auto;
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .add__new
    button {
    width: 120px;
    height: 40px;
    border-radius: 3px;
    background-color: #4d4d4d;
    color: #fff;
    border: 0px;
    cursor: pointer;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .add__new
    button:hover {
    background-color: #29aa69;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .add__new {
    width: 100%;
    height: auto;
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .add__new
    button {
    width: 150px;
    height: 40px;
    border-radius: 3px;
    background-color: #4d4d4d;
    color: #fff;
    border: 0px;
    cursor: pointer;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .add__new
    button:hover {
    background-color: #29aa69;
}

.account .account__block .account__content .account__tab .account__logo {
    width: 100%;
    height: auto;
    padding-top: 50px;
    display: flex;
    justify-content: center;
}

.account .account__block .account__content .account__tab .account__logo img {
    height: 60px;
    filter: invert(1) grayscale(1);
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item
    .order__item-bottom
    button {
    width: 50px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ac0d02;
    color: #ac0d02;
    font-weight: 300;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item
    .order__item-bottom
    button:hover {
    background-color: #ac0d02;
    color: #fff;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -101%;
    width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    z-index: 1;
    transition: 0.2s all;
}

span.required {
    color: red;
    font-size: 14px;
    font-weight: 300;
}

.swal2-styled.swal2-confirm {
    background-color: #ec0d00 !important;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item:hover::after {
    bottom: 0px;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item
    h4 {
    font-size: 14px;
    color: #fff;
    background-color: #4baedf;
    font-weight: 600;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: relative;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item
    .order__item-bottom {
    width: 100%;
    height: auto;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    flex-direction: column;
    position: relative;
}
.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item
    .order__item-bottom
    img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}
.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item
    .order__item-bottom
    span {
    font-size: 16px;
    color: #29aa69;
    margin-bottom: 7px;
    font-weight: 400;
    margin-top: 20px;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .order__list
    .order__item
    .order__item-bottom
    em {
    font-style: normal;
    color: #000;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #282828;
    color: #fff;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details {
    width: 100%;
    height: auto;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details.not-active {
    display: none;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form {
    width: 100%;
    height: auto;
    padding: 20px;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form
    form {
    width: 100%;
    height: auto;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form
    form
    .ac__group {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form
    form
    .ac__group
    label {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 600;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form
    form
    .ac__group
    input,
.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form
    form
    .ac__group
    select {
    width: 100%;
    height: 45px;
    border-radius: 50px;
    border: 2px solid transparent;
    color: #4baedf;
    margin-top: 4px;
    padding-left: 15px;
    outline: none;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form
    form
    .ac__button {
    width: 100%;
    height: auto;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form
    form
    .ac__button
    button {
    width: 100%;
    height: 45px;
    border: 0px;
    background-color: #d7d7d7;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .ac__details
    .ac__form
    form
    .ac__button
    button:hover {
    background-color: #000;
    color: #fff;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list {
    width: 100%;
    height: auto;
    display: flex;
    padding: 20px 15px;
    flex-wrap: wrap;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item {
    width: 100%;
    height: auto;
    margin: 0px 5px;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 15px;
    background-color: #fff;
    border-bottom: 3px solid #dcdcdc;
    position: relative;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item
    button {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 100px;
    height: 35px;
    border-radius: 2px;
    background-color: #282828;
    color: #fff;
    border: 0px;
    cursor: pointer;
    z-index: 9;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item
    button:hover {
    background-color: #fff;
    color: #000;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -101%;
    width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    z-index: 1;
    transition: 0.2s all;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item:hover::after {
    bottom: 0px;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item
    h4 {
    font-size: 18px;
    color: #282828;
    font-weight: 600;
    z-index: 2;
    position: relative;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item
    ul {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item
    ul
    li {
    list-style: none;
    padding: 3px 0px;
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 500;
    width: 50%;
}

.account
    .account__block
    .account__content
    .account__tab
    .account__tab-content
    .address__list
    .address__item
    ul
    li
    p {
    font-size: 14px;
    color: #a8a8a8;
    font-weight: 400;
    padding-top: 10px;
}


.add__modal {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    display: none;
}

.swal2-container {
    z-index: 1000000000000000100000 !important;
}

.add__modal.active {
    display: flex;
}

.add__modal .am__box {
    width: 560px;
    height: auto;
    max-width: 100%;
    padding: 20px;
    border-radius: 3px;
    background-color: #fff;
    border: 3px solid #d7d7d7;
}

.add__modal .am__box .am__form {
    width: 100%;
    height: auto;
}

.add__modal .am__box .am__form form {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.add__modal .am__box .am__form form .am__group {
    width: calc(50% - 10px);
    height: auto;
    margin: 5px;
    display: flex;
    flex-direction: column;
}

.add__modal .am__box .am__form form .am__group.am__group--full {
    width: 100%;
    margin: 5px;
}

.add__modal .am__box .am__form form .am__group label {
    font-size: 16px;
    font-weight: 600;
    color: #282828;
}

.add__modal .am__box .am__form form .am__group input,
.add__modal .am__box .am__form form .am__group select,
.add__modal .am__box .am__form form .am__group textarea {
    width: 100%;
    height: 45px;
    padding-left: 15px;
    border: 2px solid #282828;
    margin-top: 6px;
}

.add__modal .am__box .am__form form .am__group textarea {
    height: 80px;
    resize: none;
}

.add__modal .am__box .am__form form .am__group input[type="file"] {
    border: 0;
    border-bottom: 2px solid #282828;
}

.add__modal .am__box .am__form form .am__button {
    width: 100%;
    height: auto;
    padding-top: 15px;
    display: flex;
    justify-content: flex-end;
}

.add__modal .am__box .am__form form .am__button button {
    width: 200px;
    height: 45px;
    border-radius: 3px;
    background-color: #4d4d4d;
    color: #fff;
    font-size: 17px;
    border: 0;
}

.add__modal .am__box .am__form form .am__button button:hover {
    background-color: #29aa69;
}

.bill__list {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.bill__list .bl__item {
    width: calc(50% - 10px);
    margin: 5px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.bill__list .bl__item.bl__item--full {
    width: 100%;
    margin: 5px 0;
}

.bill__list .bl__item h5 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding-bottom: 7px;
}

.bill__list .bl__item h4,
.bill__list .bl__item p {
    font-size: 15px;
    font-weight: 400;
    color: #282828;
}

.bill__list .bl__item img {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
}

.bill__list .bl__item--image {
    display: flex;
}

.profile {
    width: 100%;
    height: auto;
    padding-top: 50px;
}

.profile .profile__block {
    width: 100%;
    height: auto;
    display: flex;
}

.account .profile__image {
    width: 100%;
    height: auto;
}

.account .profile__image img {
    width: 100%;
    height: 203px;
    object-fit: cover;
    border-radius: 5px;
}

.account .profile__left-extra ul {
    margin-top: 15px;
}

.account .profile__left-extra ul li {
    list-style: none;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 3px solid #a5aeb7;
    padding-left: 5px;
    cursor: pointer;
}

.account .profile__left-extra ul li.active {
    background-color: #ec0e00;
    color: #fff;
    border-bottom: 3px solid #ac0d02;
}

.account.active-tab {
    display: block;
}

.account {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 20px;
}

.account .profile__box-title {
    width: 100%;
    height: auto;
}

.account .profile__box-title h4 {
    font-size: 22px;
    font-weight: 700;
}

.account .profile__box-content {
    width: 100%;
    height: auto;
    padding-top: 0;
}

.account ul.about-me {
    width: 100%;
    height: auto;
    padding-top: 20px;
}

.account ul.about-me li {
    display: inline-flex;
    width: 100%;
    height: auto;
    padding: 5px 0;
    font-size: 16px;
}

.account ul.about-me li a {
    margin-left: 10px;
    display: inline-flex;
    padding: 2px 7px;
    border: 1px solid #4d4d4d;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #4d4d4d;
}

.account ul.about-me li a:hover {
    background-color: #4d4d4d;
    color: #fff;
}

.account .latest__orders {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}

.account .latest__orders .order__item {
    width: calc(25% - 20px);
    margin: 10px;
    display: flex;
    flex-direction: column;
}

.account .latest__orders .order__item h4 {
    padding-top: 10px;
}

.account .latest__orders .order__item span {
    justify-self: flex-end;
    align-self: flex-end;
}

.account .racuni__list {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    align-items: center;
}

.account .racuni__list .racun {
    padding: 7px 10px;
    width: calc(33.33% - 10px);
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
    justify-content: space-between;
}

.account .racuni__list .racun:nth-child(3n) {
    margin-right: 0;
}

.account .racuni__list .racun h5 {
    font-size: 16px;
    font-weight: 400;
}

.account .racuni__list .racun a {
    border: 1px solid #ec0e00;
    color: #ec0e00;
    font-size: 16px;
    padding: 5px 15px;
    min-width: 130px;
    border-radius: 3px;
}

.account .racuni__list .racun__add a {
    border: 1px solid #ec0e00;
    color: #ec0e00;
    font-size: 16px;
    padding: 5px 15px;
    min-width: 130px;
    border-radius: 3px;
    height: 54px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

.account .racuni__list .racun__add a:hover {
    background-color: #ec0e00;
    color: #fff;
}

.account .racuni__list .racun a:hover {
    background-color: #ec0e00;
    color: #fff;
}

.account .address__list {
    width: 100%;
    height: auto;
    display: flex;
    padding-top: 20px;
    flex-wrap: wrap;
    padding: 20px;
}

.account .address__list .address__item {
    width: 100%;
    height: auto;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.15);
    padding: 15px;
    position: relative;
    margin-bottom: 20px;
}

.account .address__list .address__item button {
    position: absolute;
    top: 20px;
    right: 20px;
    border: 1px solid #d7d7d7;
    width: 50px;
    height: 30px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.account .address__list .address__item button:hover {
    background-color: green;
    color: #fff;
}

.account .address__list .address__item.active {
    background-color: rgba(41, 170, 105, 0.1254901961);
    border: 2px solid #29aa69;
}

.account .address__list .address__item h4 {
    font-size: 16px;
    font-weight: 700;
    color: #4d4d4d;
}

.account .address__list .address__item ul {
    width: 100%;
    height: auto;
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
}

.account .address__list .address__item ul li {
    list-style: none;
    padding: 2px 0;
    font-size: 14px;
    font-weight: 400;
    width: 50%;
}

.account .address__list .address__item ul li b {
    padding-top: 7px;
}

.account .address__list .address__item .address__item-action {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.account .address__list .address__item .address__item-action a {
    display: inline-flex;
    padding: 5px 12px;
    border-radius: 3px;
    font-size: 14px;
    color: #4d4d4d;
    border: 1px solid #4d4d4d;
    margin-left: 10px;
}

.account .address__list .address__item .address__item-action a:hover {
    background-color: #ec0e00;
    border: 1px solid #ec0e00;
    color: #fff;
}

.account .address__list .address__new {
    width: 260px;
    height: 240px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.15);
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.account .address__list .address__new span {
    font-size: 72px;
    font-weight: 800;
    color: #282828;
    font-family: Arial, Helvetica, sans-serif;
}

.account .address__list .address__new p {
    font-size: 16px;
    font-weight: 600;
}

.account .address__list .address__new:hover {
    background: #29aa69;
}

.account .address__list .address__new:hover span {
    color: #fff;
}

.account .address__list .address__new:hover p {
    color: #fff;
}

.account .orderc {
    width: 100%;
    height: auto;
    border: 1px solid #a5aeb7;
    margin-top: 30px;
}

.account .orderc .oc__head,
.account .orderc .oc__body {
    width: 100%;
    height: auto;
    display: flex;
    border-bottom: 1px solid #a5aeb7;
}

.profile
    .profile__block
    .profile__right
    .profile__box
    .orderc
    .oc__head:last-child,
.profile
    .profile__block
    .profile__right
    .profile__box
    .orderc
    .oc__body:last-child {
    border-bottom: 0;
}

.profile
    .profile__block
    .profile__right
    .profile__box
    .orderc
    .oc__head
    .oc__clmn,
.profile
    .profile__block
    .profile__right
    .profile__box
    .orderc
    .oc__body
    .oc__clmn {
    flex: 1;
    padding: 10px;
    border-right: 1px solid #a5aeb7;
}

.profile
    .profile__block
    .profile__right
    .profile__box
    .orderc
    .oc__head
    .oc__clmn:last-child,
.profile
    .profile__block
    .profile__right
    .profile__box
    .orderc
    .oc__body
    .oc__clmn:last-child {
    border-right: 0;
}

.profile
    .profile__block
    .profile__right
    .profile__box
    .orderc
    .oc__head
    .oc__clmn:first-child,
.profile
    .profile__block
    .profile__right
    .profile__box
    .orderc
    .oc__body
    .oc__clmn:first-child {
    flex: 2;
}

.account .kuponi__lista {
    width: 100%;
    height: auto;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.account .kuponi__lista .kupon {
    width: calc(33.33% - 20px);
    height: 65px;
    border: 1px solid #a5aeb7;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.profile
    .profile__block
    .profile__right
    .profile__box
    .kuponi__lista
    .kupon.activated
    p,
.profile
    .profile__block
    .profile__right
    .profile__box
    .kuponi__lista
    .kupon.activated
    a {
    display: none;
}

.profile
    .profile__block
    .profile__right
    .profile__box
    .kuponi__lista
    .kupon.activated
    b {
    display: inline-flex;
}

.account .kuponi__lista .kupon p {
    font-size: 16px;
    color: #757575;
}

.account .kuponi__lista .kupon b {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: none;
}

.account .kuponi__lista .kupon a {
    padding: 5px 12px;
    border-radius: 2px;
    font-size: 16px;
    color: #757575;
    border: 1px solid #757575;
    margin-left: 15px;
}

.account .ac__details {
    width: 100%;
    height: auto;
}

.account .ac__details.not-active {
    display: none;
}

.account .ac__details .ac__form {
    width: 100%;
    height: auto;
    padding: 20px;
}

.account .ac__details .ac__form form {
    width: 100%;
    height: auto;
}

.account .ac__details .ac__form form .ac__group {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.account .ac__details .ac__form form .ac__group label {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 600;
}

.account .ac__details .ac__form form .ac__group input,
.account .ac__details .ac__form form .ac__group select {
    width: 100%;
    height: 45px;
    border: 2px solid #d7d7d7;
    margin-top: 4px;
    padding-left: 15px;
    outline: none;
}

.account .ac__details .ac__form form .ac__button {
    width: 100%;
    height: auto;
}

.account .ac__details .ac__form form .ac__button button {
    width: 100%;
    height: 45px;
    border: 0;
    background-color: #d7d7d7;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.account .ac__details .ac__form form .ac__button button:hover {
    background-color: #000;
    color: #fff;
}

.account .order__list .order__item .order__item-bottom button {
    width: 50px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ac0d02;
    color: #ac0d02;
    font-weight: 300;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}

.account .order__list .order__item .order__item-bottom button:hover {
    background-color: #ac0d02;
    color: #fff;
}

.account .order__list .order__item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -101%;
    width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    z-index: 1;
    transition: 0.2s all;
}

.news__page {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}
.news__page .np__block {
    width: 100%;
    height: auto;
}
.news__page .np__block .np__title h3 {
    font-size: 32px;
    font-weight: 600;
    color: #282828;
    padding-left: 10px;
}
.news__page .np__block .np__items {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.news__page .np__block .np__items .np__item {
    width: calc(33.33% - 20px);
    margin: 10px;
    height: auto;
    border: 2px solid #efefef;
    border-radius: 5px;
    overflow: hidden;
    transition: transform 0.3s;
    cursor: pointer;
}
.news__page .np__block .np__items .np__item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.news__page .np__block .np__items .np__item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #282828;
    padding: 15px;
}
.news__page .np__block .np__items .np__item p {
    font-size: 13px;
    font-weight: 400;
    color: #282828;
    padding: 15px 15px;
    padding-top: 0px;
}
.news__page .np__block .np__items .np__item:hover {
    transform: scale(1.02);
}
.news__page .np__block .np__pagination {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-end;
}
.news__page .np__block .np__pagination ul {
    display: flex;
    align-items: center;
}
.news__page .np__block .np__pagination ul li {
    list-style: none;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}
.news__page .np__block .np__pagination ul li.active {
    background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
    color: #fff;
}
.news__page .np__block .np__pagination ul li:hover {
    background-color: #d7d7d7;
    color: #fff;
}

.post {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}
.post .post__block {
    width: 100%;
    height: auto;
    padding:0px 20px;
}
.post .post__block img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.post .post__block .post__info {
    width: 100%;
    height: auto;
    padding: 10px 0px;
    display: flex;
    align-items: center;
}
.post .post__block .post__info ul {
    display: flex;
    align-items: center;
}
.post .post__block .post__info ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.post .post__block .post__info ul li span {
    font-size: 16px;
    font-weight: 400;
    color: #a0a0a0;
    margin-right: 5px;
}
.post .post__block .post__info ul li p {
    font-size: 16px;
    font-weight: 600;
    color: #a0a0a0;
}
.post .post__block h4 {
    font-size: 26px;
    font-weight: 500;
    color: #282828;
}
.post .post__block p {
    font-size: 18px;
    font-weight: 300;
    color: #282828;
    padding: 20px 0px;
}

.fbli__price {
    padding: 20px;
}
.fbli__price .price-input {
    width: 100%;
    display: flex;
    margin: 10px 0px;
    margin-top: 15px;
}
.fbli__price .price-input .field {
    display: flex;
    width: 100%;
    height: 35px;
    align-items: center;
}
.fbli__price .field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 14px;
    margin-left: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}
.fbli__price input[type="number"]::-webkit-outer-spin-button,
.fbli__price input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.fbli__price .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}
.fbli__price .fslider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}
.fbli__price .fslider .progress {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background: #0075C8;
}
.fbli__price .range-input {
    position: relative;
}
.fbli__price .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.fbli__price input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #0075C8;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.fbli__price input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #0075C8;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.sidebar__close{display:none;}
.pp__filters{display:none;}


@media only screen and (max-width: 1700px) {
    header .bottom .main__cat {
        justify-content: flex-start;
    }
}

@media screen and (max-width:1360px){
    .container{
        padding:0px 20px;
    }
}

@media screen and (max-width:1140px){
    .tabs .tabs__content .products .product__item{
        width:33.33%;
    }
}

@media screen and (max-width:1080px){
    .slider .slider__block{
        flex-wrap: wrap;
    }
    
    .slider .slider__block .slides{
        width:100% !important;
        margin-bottom:20px;
    }

    .slider .slider__block .sa__items{
        width:100% !important;
        max-width:360px;
        margin:0px auto !important;
        margin-top: 50px !important;
    }
}

@media only screen and (max-width: 1040px) {
    header .bottom .main__cat .submenu {
        display: none !important;

    }

    header .bottom .main__cat {
        overflow-x: scroll;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
    }

    header .bottom .main__cat li a {
        white-space: nowrap;
    }
}

@media screen and (max-width:960px){
    .landings .landings__items{
        flex-wrap: wrap;
    }
    .cart .cart__block {
        flex-direction: column;
    }
    .cart .cart__block .cart__left {
        width: 100%;
    }
    .cart .cart__block .cart__right {
        width: 100%;
        margin-top: 30px;
    }
    .landings .landings__items .landings__item{
        width:100%;
        margin:10px 0px;
        height: auto;
    }
    .news .news__block .news__box{
        flex-wrap: wrap;
    }
    .news .news__block .news__box .nb__list{
        width:100%;
    }
    .footer .footer__block {
        flex-wrap: wrap;
    }
    .footer .footer__block .footer__list{
        width:50%;
        margin-bottom:20px;
    }
    .tabs .tabs__content .products .product__item{
        width:50%;
    }
    .checkout{
        padding:0px 15px;
    }
    .checkout .checkout__block .cb__sides{
        flex-wrap: wrap;
    }
    .checkout .checkout__block .cb__button{
        padding-bottom: 50px;
    }
    .checkout .checkout__block .cb__sides .cb__side{
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 860px){
    .single__product .sp__block{
        flex-wrap: wrap;
    }
    .single__product .sp__block .product__images{
        width: 100%;
    }
    .single__product .sp__block .product__content{
        width:100%;
        padding-left:0px;
    }

    .single__product .sp__block .product__images{
        flex-wrap: wrap;
        padding-bottom:30px;
    }
    .single__product .sp__block .product__images .pi__left{
        width: 100%;
        order:2;
        margin-left:-10px;
    }
    .single__product .sp__block .product__images .pi__left ul{
        width: 100%;
        display:flex;
        align-items: center;
        /* flex-wrap: wrap; */
    }.single__product .sp__block .product__images .pi__left ul li{
        /* min-width: 100px; */
        margin:10px;
    }
}


@media screen and (max-width:767px){
    .products__page .pp__sidebar{
        display:none;
        position:fixed;
        top:0px;
        left:0px;
        width:100%;
        height:100vh;
        background-color: #fff;
        z-index: 99;
        overflow-y: scroll;
        padding-right: 0px;
        padding-top:70px;
    }
    .products__page .pp__sidebar.active{display:block;}

    .sidebar__close{
        display:flex;
        position:absolute;
        top:15px;
        right:15px;
        width:50px;
        height:50px;
        background-color: #000;
        font-size:20px;
        font-weight: 600;
        color:#fff;
        justify-content: center;
        align-items: center;
    }

    .pp__filters{
        width:100%;
        height:auto;
        padding:20px 0px;
        display:flex;
    }
    .pp__filters button{
        width:100%;
        height:50px;
        border-radius: 3px;
        background: linear-gradient(90deg, rgba(233,33,60,1) 0%, rgba(20,118,218,1) 100%);
        color:#fff;
        font-size:18px;
        font-weight: 500;
        display:flex;
        align-items: center;
        justify-content: center;
        border:0px;
    }
}

@media only screen and (max-width: 720px)  {
    .sp__more .sp__tabs .spt__content li  {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .cart .cart__block .cart__left .cart__item {
       
        flex-wrap: wrap;
    }
    .cart .cart__block .cart__left .cart__item .ci__img {
        height: auto;
        width: 35%;
    }
    .cart .cart__block .cart__left .cart__item .ci__info {
       width: calc(65% - 20px);
    }
    .cart .cart__block .cart__left .cart__item .ci__price {
        width: 50%;
    }
    .cart .cart__block .cart__left .cart__item .ci__action {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
   
    .newsletter .newsletter__box form {
        margin-left: 0;
    }
    .sp__more .sp__tabs .spt__content li b {
    border-right: 0 !important;
    }

    .newsletter .newsletter__box{
        flex-wrap: wrap;
    }
    .newsletter .newsletter__box p{
        width:100%;
        margin-bottom: 10px;
        text-align: center;
    }
}
@media only screen and (max-width: 640px) {
    header .middle .identity img {
        height: 40px !important;
    }
    header .top {
        /* display: none; */
    }
    header .top .top__menu{display:none}
    header .top .top__right .login{display:none;}
    header .middle .mid{
        display: none;
    }
    header .middle .container .cart i {
        height: 36px;
        width: 36px;
        font-size: 16px;
    }

    header .middle .container .mobile-login {
        display: flex;
    }

    header .middle {
        height: auto;
        padding: 10px 20px;
        flex-wrap: wrap;
    }

    header .middle .mobile-search {
        display: flex;
    }

    header .middle .identity {
        width: 50%;
    }

    header .middle .container {
        width: 50%;
        justify-content: flex-end;
    }

    header .middle .container .cart span {
        font-size: 10px;
        width: 15px;
        height: 15px;
    }

    header .middle .identity img {
        height: 50px;
    }

    header .middle .container .search {
        display: none;
    }
    .page__title h3{
        font-size: 16px;
    }
    .account .account__block .account__sidebar{
        flex-wrap: wrap;
    }
    .account .account__block .account__sidebar .account__menu{
        width: 100%;
    }
    .account .account__block .account__sidebar .account__menu ul{
        flex-wrap: wrap;
    }
    .login .login__block{
        flex-wrap: wrap;
    }
    .login .login__block .login__box{
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 560px){
    .infos .infos__block{
        flex-wrap: wrap;
    }
    .single__product .sp__block .product__images .pi__main{
        height: auto !important;
    }
    .single__product .container .sp__breadcrumb ul a {
        font-size: 12px !important;
    }
    .infos .infos__block .infos__item{
        width: 100%;
        margin-bottom:10px;
    }

    .footer .footer__block .footer__list{
        width: 100%;
    }
    .tabs .tabs__content .products .product__item{
        width:100%;
        border-right: 1px solid #d7d7d7;
    }
    .single__product .sp__block .product__content h3{
        font-size:26px;
    }.single__product .sp__block .product__content .pc__button button{
        max-width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .cart .cart__block .cart__left .cart__item .ci__img {
        width: 100%;
    }
    .cart .cart__block .cart__left .cart__item .ci__info h4 {
        font-size: 16px;
    }
    .cart .cart__block .cart__left .cart__item .ci__info {
        width: 100%;
        margin-bottom: 20px;
    }
    header .middle .identity img {
        width: 150px;
        height: auto !important;
    }
    header .middle .mobile-search {
        margin-top: 10px;
    }
    header .middle .identity {
        width: fit-content;
    }
    header .middle .container .mobile-login {
        min-slideswidth: 77px;
    }
}

.sidebar__price-input {
    width: 90%;
    height: auto;
    position: relative
}

.sidebar__price-input input {
    width: 100%
}

.sidebar__price {
    width: 100%;
    height: auto;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sidebar__price input {
    width: 40%;
    height: 40px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
}

.noUi-horizontal .noUi-handle {
    width: 28px!important;
    height: 28px;
    border-radius: 50%
}

.noUi-connect {
    background-color: #0075C8!important
}

.noUi-handle:after,.noUi-handle:before {
    display: none!important
}

.pi__mbutton:hover {
    cursor: pointer;
}

.searchbox {
    position: absolute;
    left: 0;
    z-index: 99;
    top: 135px;
    width: 100%;
    background-color: #fff;
    z-index: 9999;

    border-bottom: 1px solid #e8e4e4;
    padding: 20px 20px;
    box-sizing: border-box;
    display: none;
    flex-direction: column;

}

.activee {
    display: flex !important;
}

.searchbox .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid transparent;
}
.searchbox .show-more {
    color: #000;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}
.searchbox .category-item {
    display: flex;
    flex-direction: row;
    margin: 5px 0px;
    color: #000;
    align-items: center;
    font-size: 16px;

}
.searchbox .category-item svg {
    height: 18px;
    width: auto;
    transform: rotate(-90deg);
    margin-left: 10px;
}
.searchbox .item:hover {
    border: 2px solid #3b82f6;
}

.searchbox .item:hover>.info .title {
    color: #3b82f6;
}

.searchbox .item .info {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.searchbox .item .info .title {
    margin-left: 20px;
    color: #333;
}

.searchbox .item .info img {
    height: 80px;
    width: 80px;
    object-fit: cover;
}

.searchbox .item .price {
    font-size: 18px;
    font-weight: 800;
    color: #3b82f6;
    text-align: right;
}

@media only screen and (max-width: 690px) {
    .searchbox .item .info .title {
        font-size: 12px;
        padding-right: 10px;
    }

    .searchbox .item .price {
        font-size: 14px;
    }
    .tabs .tabs__list ul li {
        font-size: 12px;
    }
    .news .news__block .news__box .nb__list {
        margin-bottom: 20px;
    }
    .news .news__block .news__box .nb__list .nb__item {
        flex-direction: column;
     
    }
    .news .news__block .news__box .nb__list .nb__item img {
        width: 100%;
        height: auto;
    }
    .news .news__block .news__box .nb__list .nb__item .nbi__content {
        width: 100%;
        padding: 0 20px;
    }
}

@media only screen and (max-width: 640px) {
    .searchbox {
        top: 150px;
    }
}

header .middle .mobile-search form {
    width: 100%;
}

.pc-box {
    display: flex;
}

.action__qty {
    width: 50%;
    height: auto;
    margin-top: 20px;
    }
    .action__qty
    h5 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    }
    .action__qty
    .qty {
    height: auto;
    display: inline-flex;
    align-items: center;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    }
    .action__qty
    .qty
    .qty__action {
    width: 40px;
    height: 48px;
    font-size: 26px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #edeaea;
    cursor: pointer;
    }
    .action__qty
    .qty
    .qty__action:hover {
    background: rgba(20,118,218,1);
    color: #fff;
    }
    .action__qty
    .qty
    .qty__action:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    }
    .action__qty
    .qty
    .qty__action:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    }
    .action__qty
    .qty
    .qty__input {
    width: 50px;
    height: 40px;
    }
    .action__qty
    .qty
    .qty__input
    input {
    border: 0px;
    width: 100%;
    height: 40px;
    background-color: transparent;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    }


    @media only screen and (max-width: 690px) {
        .pc-box {
            display: block;
        }
        .action__qty {
            width: 100%;
        }
        .action__qty .qty {
            width: 100%;
        }
        .action__qty
    .qty
    .qty__action {
        width: 50%
    }
        .action__qty
        .qty
        .qty__input {
        width: 50%;
        height: 40px;
        }
    }