

/*плавна загрузка*/
@-webkit-keyframes fade-in {   
	0% { opacity: 0; }   
	50% { opacity: 0; } 
	100% { opacity: 1; }   

}
@-moz-keyframes    fade-in {   0% { opacity: 0; }   	50% { opacity: 0; }  100% { opacity: 1; }   }
@-o-keyframes      fade-in {   0% { opacity: 0; }   	50% { opacity: 0; }  100% { opacity: 1; }   }
@keyframes         fade-in {   0% { opacity: 0; }   	50% { opacity: 0; }  100% { opacity: 1; }   }
 
body {
   -webkit-animation: fade-in 1s linear; /* Safari 4+ */
  -moz-animation: fade-in 1s linear; /* Fx 5+ */
  -o-animation: fade-in 1s linear; /* Opera 12+ */
  animation: fade-in 1s linear; /* IE 10+, Fx 29+ */ 
}

/*плавна загрузка*/


.owl-carousel.single-slider .owl-controls .owl-pagination{
  bottom: 7px !important;
}
.owl-theme .owl-controls .owl-page span {
    width: 8px !important;
    height: 8px !important;
}

.owl-theme .owl-controls .owl-buttons div .fa {
    font-size: 25px !important;
}
.mainPageCategory img {
    filter: contrast(1.2) !important;
}

.box-category a:hover, .list-item a:hover {
    text-decoration: underline !important;
    color: #158ceb !important;
}
.owl-carousel.single-slider .owl-controls .owl-buttons .owl-next:hover, .owl-carousel.single-slider .owl-controls .owl-buttons .owl-prev:hover {
    background-color: #158ceb !important;
}
#column-left > h3:nth-child(6){
  display: none !important;
}
#column-left .owl-wrapper-outer .item img { 

    width: 300px !important;
    margin-left: 10px !important;
    border-radius: 8px !important;
    }
.product-thumb.clearfix{
  border: solid 1px #ebebeb !important;
  margin: 10px !important;
  overflow: hidden !important; !important;
}
#header #cart .heading .cart-icon {
  
    background: #158ceb !important;  
}  
    #cart .heading .cart-icon:before {

    border: 2px solid #158ceb !important;
    }


    #header #cart .heading {
    color: #158ceb !important;
    }

#header #search input{
  border-radius: 16px !important;
border: none !important;
background: #f4f4f9 !important;
    box-shadow: none !important;
}
.navbar-text {
color: #ffe578 !important;
font-size: 1em !important;
padding: 3PX 10px !important;
font-weight: 400 !important;
}

#content {
  padding: 20px 0 !important;
}

.owl-carousel.single-slider .owl-controls .owl-buttons .owl-next, .owl-carousel.single-slider .owl-controls .owl-buttons .owl-prev{
  border-radius: 16px !important;
}


.btn-primary {
    background-color: #158ceb !important;
    color: #ffffff !important;
    width: 100% !important;
    display: block !important;
    border-radius: 16px !important;
    height: 30px !important;
    display: flex
 !important;
    justify-content: center !important;
    align-items: center !important;
}

.price, .price-new {
    color: #158ceb !important;
}
    .owl-carousel .product-thumb:hover,
    .mainPageCategory:hover {
     border-color: transparent !important; 
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;
    }


#column-left > div:nth-child(4){
  padding: 15px 0 !important;
  margin: 0 !important;

}


.owl-carousel .product-thumb{
  margin: 5px !important;
}
.subtitle{
  font-size: 1em !important;
  color: #616161 !important;
}
.subtitle a{
  color: #111 !important;
}

.subtitle {
  
    border-bottom: 1px solid #ffffff !important;
}

#content > h3:nth-child(6){
  margin-top:40px !important;
}


#footer .fpart-first {
   background-color: #fff !important;
    }
#footer .powered_text {
    padding-top: 6px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
#back-top a{
  background: none !important;
  color: #158ceb !important;
}
.owl-carousel .product-thumb {
    border: solid 1px #ebebeb !important;
}
/* @media (min-width: 1200px) { */
#column-left > h3:nth-child(3){
  display: none !important;
}


    .col-lg-12 {
        width: 100% !important;
        max-width: 1400px !important;
        background-color: #e13131 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        float: none !important;
    }

#header .htop {
    background: #158ceb !important;
}
#header #logo img {
    display: inline-block !important;
    filter: contrast(1.5) !important;
    max-height: 50px !important;
}
#menu > div.collapse.navbar-collapse.navbar-ex1-collapse > ul > li:nth-child(8){
  display: none !important;
}
#menu > div.collapse.navbar-collapse.navbar-ex1-collapse{
  background: none !important;
}

#menu > div.collapse.navbar-collapse.navbar-ex1-collapse > ul,
#menu .nav > li {
    background: #158ceb !important;
}
#menu > div.collapse.navbar-collapse.navbar-ex1-collapse > ul{
  border-radius: 16px !important;
  overflow: hidden !important;
}

#container{
   background-color: #f4f4f9 !important;
}
.owl-wrapper-outer,
.owl-wrapper-outer img {
overflow: hidden !important;
       border-radius: 16px !important;
}

.header-row{
  background-color: #fff !important;
}





    .container {
        width: 100% !important;
        padding: 0 !important;
    }

   .container .row{
   max-width: 1400px !important;
   margin:  0 auto !important;
}
 #container .row:nth-child(1){
      max-width: 100% !important;
      width: 100% !important;
      background: #fff !important;
    }

#menu,
#header .header-row{
     max-width: 1400px !important;
        margin:  0 auto !important;
}

    .slideshow{
  /* background-color: red !important; */
  max-width: 1000px !important;
            /* margin-left: 35% !important; */
            float: right !important;
}
#column-left > h3:nth-child(1){
display: none !important;
}


/* .box-category */
.wrapper-wide #container #column-left .box-category{

  position: absolute !important;
  top: -330px !important;
  left: 0 !important;
  max-height: 300px !important;
  overflow: auto !important;
  width: 100% !important;
     border-radius: 16px !important;
     overflow: auto !important;
  max-width: 400px !important;
     overflow: auto !important;
     }

#cat_accordion{
 
   border-radius: 16px !important;
       padding: 10px !important;
       margin: 0px !important;
               font-weight: 700 !important;
        line-height: normal !important;
   
}

 .slideshow .img-responsive{
  height: 300px !important;
          filter: contrast(1.2) !important;
}
#container > div > div:nth-child(1) > div{
  background-color: #fff !important;
}
#content > div:nth-child(1),
#content > div:nth-child(2),
#content > div:nth-child(3),
#content > div:nth-child(4),
#content > div:nth-child(5){
width: max-content !important; 
    
        display: inline-block !important;

}

 #content .row:nth-child(1){        
        width: auto !important;
        background: none !important;
    
}

.row{
  margin: 0 !important;
}
.mainPageCategory{
margin: 5.14px !important;  
border: solid 1px #ebebeb  !important;
  width: 121px !important;
  height: 110px !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
     border-radius: 16px !important;
         background-color: #fff !important;
}

.mainPageCategory img{
  position: relative !important;
  height: auto !important;
  width: 60% !important;
margin: 0 !important;
  padding: 0 !important;
}
.mainPageCategory span{
font-size: .5em !important;
        position: absolute !important;
        background-color: #ffffff82 !important;
        color: #000 !important;
        width: 100% !important;
        bottom: 0 !important;
        height: max-content !important;
        line-height: 15px !important;
        padding: 5px !important;
        backdrop-filter: blur(2px) !important;
}

.product-thumb{
  background-color: #fff !important;
  border-radius: 8px !important;
}
/* } */



.caption a{
  height: 40px !important;
    overflow: hidden !important;
}
#menu .nav > li > a {
    padding: 8px 20px !important;
}


#content > div:nth-child(5){
  display: none !important;
}


@media (max-width: 900px){
#content > div:nth-child(1), #content > div:nth-child(2), #content > div:nth-child(3), #content > div:nth-child(4), #content > div:nth-child(5) {
    width: auto !important;
}
.mainPageCategory {
    margin: 5.14px !important;
    border: solid 1px #ebebeb !important;
    width: 83px !important;
    height: 83px !important;
}

/* #menu.navbar
 {
    border-radius: 0px !important;
    min-height: inherit !important;
    padding: 0px !important;
    background: #f4f4f9 !important;
    position: fixed !important;
    bottom: 0 !important;
    z-index: 99 !important;
    width: 100% !important;
    padding: 5px !important;
} */

#menu.navbar {
        border-radius: 0px !important;
        min-height: inherit !important;
        padding: 0px !important;
        /*background: #ffffff !important;*/
        position: absolute !important;
        top: 35px !important;
        right: 5px !important;
        z-index: 99 !important;
        height: 55px !important;
        width: auto !important;
        /* padding: 5px !important; */
        /*backdrop-filter: blur(1px) !important;*/
        /* border-radius: 8px !important; */
        /* margin: 5px !important; */
        /* line-height: 55px !important; */
    }
    #menu .navbar-header > span {
        font-size: 1em !important;
        color: #3e7cb4 !important;
        height: 100% !important;
        line-height: 55px !important;
        text-align: right !important;
    }
#content .owl-wrapper-outer .owl-wrapper .owl-item{
        width: 150px !important;
}

    #header .header-row {
        background: #f4f4f9 !important;
    padding: 0 !important;
    }

    .slideshow .img-responsive {
    height: max-content !important;
    padding: 10px !important;
    }

    /* #container {
margin: 0 !important;
} */

    #header #logo a img {
        display: inline-block !important;
        padding: 0 !important;
        position: absolute !important;
        top: 0 !important;
        max-height: 44px !important;
        /* z-index: 999 !important; */
        display: flex
 !important;
            margin-top: -50px !important;
        left: 5px !important;
    }


    .drop-icon {
        float: right !important;
    
    }


#header .htop{
         padding: 10px !important;
        background: #fff !important;

}


#header #cart{
  display: none !important;
}

#header #top-links > ul > li > a,
.drop-icon{
  color: #3e7cb4 !important;
}


.left-top {
        top: 50px !important;
        right: 0 !important;
        border-radius: 8PX !important;
}

#header #search input {
    border-radius: 16px !important;
    border: none !important;
    background: #ffffff !important;
    box-shadow: none !important;
    margin-bottom: 26px !important;
    max-width: calc(100% - 10px) !important;
    margin-left: 5px !important;
}
#container{
  margin-top: 0 !important;
  margin-bottom:0 !important;
}
.owl-carousel {
    margin-bottom: 0 !important;
}

#top > div > div > span{

  display: none !important;
}

#top > div > div > div.pull-left.flip.left-top{
  display: flex !important;
}
    .left-top {
        position: relative !important;
        top: 50px !important;
        right: 0 !important;
        border-radius: 0 !important;
        top: 0 !important;
        left: 0 !important;
        margin: -10px -10px 10px -10px !important;
        padding: 0 !important;
        background: #36a4f9 !important;
        width: calc(100% + 20px) !important;
}
    #header .links > ul > li {
        display: inline !important;
    }


  #header .links > ul .email{
    display: none !important;
  }
  #top-links{
   margin-right: 55px !important;
  }


      #menu .navbar-header > span > b:before {
        border-color: transparent transparent #5688b6 transparent !important;
      }

          #menu .navbar-header > span > b:after {
      
        border-color: #3e7cb4 transparent transparent transparent !important;
          }
}

/*page-category*/

.col-lg-12 {

    background-color: #fff !important;
}
.page-category .product-thumb .button-group .btn-primary {
    background: none !important;
    color:#cfaf28 !important;
    display: block !important;
    border-radius: 0px !important;
    margin-bottom: 0 !important;
    text-transform: capitalize !important;
}

.page-category #allItems > div.row.products-category .product-info > div > a{
    display: block !important;
    height: 40px !important;
    border-radius: 0 !important;

}

.page-category .qtyShop .button-cart, .page-category qtyShop .input-quantity{
    border-radius: 8px 0 0 8px!important;
}

.page-category .qtyShop a{
    border-radius: 7px !important;
    margin-left: 1px !important;

}


.page-category .product-filter{
    background: none !important;
    border: none !important;
}


.page-category .product-filter .pagination{
    display: none  !important;
}


.page-category .product-filter .form-control{
    border-radius: 8px !important;
}



.page-category .category-list-thumb > div img{
    border-radius: 8px 8px 0 0 !important;
    border: none !important;
}
.page-category .category-list-thumb > div{
    background-color: #fff;
    margin: 10px !important;
    border-radius: 8px !important;

    margin: 5.14px !important;
    border: solid 1px #ebebeb !important;
    width: 121px !important;
    height: 110px !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 16px !important;
    background-color: #fff !important;
}
.page-category .product-info .cart{
    border-radius: 0 !important;
}

.page-category .category-list-thumb > div:hover,
.page-category .product-layout:hover{
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;

}
.page-category .btn-primary:hover{
    background: #0a69b5 !important;
}

.page-category .title{
    font-size: 2em !important;
}
.page-category .wrapper-wide,
.page-category .header-row{
    background: #f4f4f9 !important;
}
.page-category #allItems{
    margin-top: 40px !important;
}
.page-category #header #search input{
    background: #fff !important;
}
.page-category  .box-category{
    background: #fff !important;
    border-radius: 8px !important;
    border: solid 1px #ebebeb !important;
}


.page-category  .product-info .cart{
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.page-category .product-layout{
    margin: 10px !important;
    border-radius: 8px !important;
    border: solid 1px #ebebeb !important;
}
.page-category .category-list-thumb > div a{
    position: absolute !important;
    background-color: #ffffff82 !important;
    color: #000 !important;
    width: 100% !important;
    bottom: 0 !important;
    height: max-content !important;
    line-height: 15px !important;
    padding: 5px !important;
    backdrop-filter: blur(2px) !important;
}
.page-category .product-filter .form-control {
    margin-bottom: 10px;
}


@media (min-width: 1200px) {
    .page-category .col-lg-3 {
        width: 23% !important;
    }


    .page-category #allItems > div:nth-child(3) > div {
        background: none !important;
    }

    .pagination > .active > a {
        background-color: #158ceb !important;
        border-color: transparent !important;
    }
}
@media (max-width: 900px) {
    .page-category .col-xs-6 {
        width: 45% !important;
    }
    .page-category .product-layout {
        margin: 5px !important;
    }
    .page-category .category-list-thumb > div {
        width: 115px !important;
    }
    .page-category .breadcrumb{
        display: none !important;
    }
    .page-category #allItems {
        margin-top: 0px !important;
    }

}

.page-category .subtitle{
    display: none !important;
}

/*product*/
.page-product .title{
    font-size: 1.8em !important;
}


.page-product .breadcrumb{
    display: none !important;
}


.page-product .wrapper-wide {
    background: #f4f4f9 !important;

}


.page-product #content{
    background: #fff !important;
    border-radius: 8px !important;
    padding: 10px !important;
    border: solid 1px #ebebeb !important
}


.page-product .header-row {
    background: #f4f4f9 !important;
}

.page-product #header #search input {
    background: #fff !important;
}



.page-product #button-cart{
    background-color: #158ceb !important;
    color: #ffffff !important;
    width: auto !important;
    display: block !important;
    border-radius: 16px !important;
    height: 40px !important;
    display: flex !important;
    border-radius: 0 !important;
    justify-content: center !important;
    align-items: center !important;
}
.product-info .cart div .qty{
    margin-right: 0 !important;
}

@media (max-width: 900px) {
    .page-product #content{
        border-radius: 0 !important;
    }

    .page-product .subtitle{
        display: none !important;
    }

    .page-product  .product-thumb.clearfix {
        margin: 5px 0 !important;
    }

    .page-product   .product-info .cart #button-cart {

        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .page-product .hidden-xs {
        display: block !important;
    }
}
.page-product #content {
    display: flex !important;
}
.page-product .subtitle{
    display: none !important;
}

.page-product  #content > div:nth-child(1){
    min-width: 100% !important;
}
@media (min-width: 900px) {
    #column-right > div > div:nth-child(1) {
        margin-top: 0 !important;
    }
}
.page-product .side-item .product-thumb,
.side-item .product-thumb.clearfix{
    padding-left: 7px !important;
}
.side-item .product-thumb.clearfix{
    padding-top: 7px !important;
}
.header-row #cart > a{
    color: #cfaf28  !important;
}


/**/
#cartBody #page_cart {
    max-width: 1400px !important;
    margin: 0 auto !important;
}
.page-default h2{
    font-size: 2em !important;
}