body {
font-family: 'Roboto', sans-serif;
}
.style1 {
    background-image: url("../images/slider-1.jpg");
    line-height: 100vh
}
.style2 {
    background-image: url("../images/slider-1.jpg");
    background-size: cover;
    position: relative;
    background-position: center center;
    height: 100%
}

.style3 {
        text-transform: uppercase;
        margin-bottom: 1rem
    }
.style4 {
        color: #fff
    }
.style5 {
    color: #fff;
    background-color: #2e2f33;
    padding-top: 2px
}
.counters {
    font-size: 60px;
    color: #438542;
    margin-bottom: 0.8rem
}
.style6 {
    padding-top: 40px;
    padding-bottom: 20px}


.greybg {
    background-color: #fafafa;
    padding-top: 2px
}
.style9 {
    background-image: url("../images/index-11.jpg");
    background-size: cover;
    background-position: center
}
.style10 {
    margin-left: 20px;
    margin-right: 20px
}
@media (min-width: 1200px) {
.style11 {
        min-width: 70px
    }

.style15 {
        position: absolute;
        bottom: 0px
    }
.th:hover {
        background-color: rgba(0, 0, 0, 0.91)
    }
.style22.green:hover {
        background-color: #218838
    
    }
.style25 {
        min-width: 105px
    }

.catalogh {
        padding-top: 15px;
        padding-bottom: 0px
    }

.header-r {
        text-align: right
    }

.hr {
        text-align: left
    }

.style42 {
        text-align: left
    }

.style43 {
        text-align: left
    }

.style44 {
        margin-top: 12px;
        margin-bottom: 12px
    }

.style45 {
        text-align: left
    }

.style7 {
        border-top: 1px solid rgba(0, 0, 0, 0.04);
        border-bottom: 1px solid rgba(0, 0, 0, 0.09)
    }

    .style8 {
        border: 1px solid rgba(0, 0, 0, 0.06);
        min-width: 100px;
        height: 32px
    }

    .dropborder {
        border-color: #333;
        border-color: currentcolor rgba(23, 162, 184, 0.37) rgba(23, 162, 184, 0.37);
        border-top: 1px solid rgba(23, 162, 184, 0.37)
    }

.style48 {
        text-align: left
    }

    .bord {
border-width: 1px;
border-style: solid;
}


    .style53 {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.16);
}

    .buttonphone {
background-size: cover;
}
 
  .whats {
width: 50px;
}
 


}
.style13 {
    font-size: 2rem
}

@media (min-width: 576px) {
.style13 {
        font-size: 3.5rem
    }


.style32 {
        font-weight: bold
    }

.style36 {
        padding-left: 0px;
        padding-right: 0px
    }

.header-r {
        text-align: center
    }

.hr {
        text-align: center
    }




.style57 {
background-size: cover;
background-position: center center;
}

}
.style14 {
}
.style16 {
    position: absolute;
    bottom: 0px;
    left: auto;
    right: auto
}
.style17 {
    position: absolute;
    right: auto;
    bottom: 0px;
    z-index: 999
}
.style18 {
    position: absolute
}
.style19 {
    bottom: 0px
}

.style21 {
    color: #fff
}
.style22 {
    text-align: right
}
.style23 {
    padding-left: 15px
}

.style22.green:hover {
    color: #fff;
    background-color: #218838;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left-width: 0px;
    border-left-style: solid
}

.wb {}
.wb:hover {
    background-color: rgba(255, 255, 255, 0.09)
}
.style24 {
    color: #212529;
}
.style24:hover {
    color: #4c555e;
}
.logo {
    max-width: 70px}
.num {
    margin-left: 10px
}
.style26 {    
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.green {
    color: #333;
}
.headerabout {
    background-size: cover;
    background-position: center center;
    background-image: url("../images/h-4.jpg")
}
.price {}
.grey {
    color: rgba(255, 255, 255, 0.43)}
.grey:active {
    color: #545454
}
.blog {}
.blog:hover {
    background-color: #fafafa
}
.tlink {
    color: #343a40}
    
.tlink:hover {
    color: #438542;
    text-decoration: none;
}
.grey2 {}
.style27 {
    background-color: rgba(0, 0, 0, 0)
}

.list-group-item-my {
position: relative;
display: block;
padding: .75rem 1.25rem;
}

.style28 {}

.style29 {
    color: #fff
}

.strike {
    text-decoration: line-through;
    color: #b7b7b7;
    font-size: 1.25rem}

.style30 {
    background-color: #fff;
    }
.grow:hover {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.grow a:hover {
    text-decoration:none;      
}


a.absolute {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}


.cart {
    border: 1px solid #ebebeb}


.style31 {
    padding-left: 0px;
    padding-right: 0px
}


.style32 {
    font-weight: bold
}






.headergallery {
    background-image: url("../images/h-1.jpg");
    background-position: center center;
    background-size: cover
}
.headerq {
    background-image: url("../images/h-2.jpg");
    background-size: cover;
    background-position: center center
}
.headerclients {
    background-image: url("../images/h-3.jpg");
    background-size: cover;
    background-position: center center
}

.headercheckout {
    background-image: url("../images/h-5.jpg");
    background-size: cover;
    background-position: center center
}

.headerblog {
    background-image: url("../images/h-7.jpg");
    background-size: cover;
    background-position: center center
}

.headerdiv {
margin-bottom: 0px;
margin-top: 0px

}

.wrapper {
  display: table;
  width: 100%;
}
.box {
  display: table-cell;
  height: 100px;
  text-align: center;
  vertical-align: middle;
}

.box1 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
margin:0px;
  top: 50%; 
  left: 50%;
}

.box2 {
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute; 
  top: 50%; 
  left: 50%;
}

.style34 {
    min-height: 100vh;
    background-color: #196966
}



.wrap {
    border: 3px solid #c41e1e;
    height: 500px
}

.style20 {
    height: 50px;
    width: 50px;
    border: 2px solid #23c927;
    text-align: center
}

.style33 {
}

.style35 {
    height: 100vh}

.mainh {
    border: 2px solid #d61c1c;
    margin-bottom: 0px;
    width: 50px;
    height: 50px
}

.mh {
    margin-left: 0px;
    margin-right: 0px;
    min-height: 100vh
}

.blue {
    margin-top: -50px
}


.navcolumn {
    height: 100%
}

.style37 {
    height: 100vh;
    background-color: #000
}

.style38 {
    height: 100%
}

.style39 {
    background-size: cover;
    background-position: center center;
    background-image: url("../images/slider-1.jpg")
}

.style40 {
    margin-top: 20px;
    margin-bottom: 20px
}

.checkouttd {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6
}

.producttd {
    color: #fff;
    background-color: #2e2f33}

.menucateg {}

.catalogh {
    padding-top: 20px
}

.style41 {
    font-family: Verdana, Geneva, sans-serif
}

.header-r {
    text-align: center
}

@media (min-width: 992px) {

.header-r {
        text-align: right
    }

.hr {
        text-align: left
    }

.style45 {
        text-align: left
    }
}



@media (min-width: 768px) {

.header-r {
        text-align: right
    }

.hr {
        text-align: left
    }

.style43 {
        text-align: left
    }

.style42 {
        text-align: left
    }

.style45 {
        text-align: left
    }




.style57 {
background-size: cover;
background-position: center center;
}

}

.hr {
    text-align: center
}

.style46 {
    max-width: 150px
}

.list {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 13px 
}

.top-menu-item {
        font-size: 13px;
    }


.greytop {
        color: rgba(255,255,255,.75)
    }

.greytop:active {
        color: #fff
    }

.greytop:hover {
        color: #ffffff
    }

@media (max-width: 980px) {

.sticky-top2 {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020;
}

}

.pur {
    color: #333;
}


.whatsapp {
        background-color: #72D077;
        height: 30px;
        width: 30px;
        background-image: url("../images/whatsapp.svg");
        background-position: center center;
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        background-size: contain;
        min-width: 30px;
        min-height: 30px
    }

    .viber {
        background-color: #755399;
        height: 30px;
        width: 30px;
        background-image: url("../images/viber.svg");
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        min-width: 30px
    }

    .telegram {
        background-color: #456088;
        height: 30px;
        width: 30px;
        background-image: url("../images/telegram.svg");
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        min-width: 30px;
        min-height: 30px
    }


.style12 {
        border-top: 1px solid rgba(23, 162, 184, 0.37);
        border-bottom: 1px solid rgba(23, 162, 184, 0.37)
    }


.style47 {
    width: 100%;
    min-height: 40px
}

.aside-menu > ul li {
position: relative;
display: block;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
display: list-item;
text-align: -webkit-match-parent;
}


ol, ul {
list-style: none;
}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
        margin-block-start: 1em;
-webkit-margin-after: 1em;
        margin-block-end: 1em;
-webkit-margin-start: 0px;
        margin-inline-start: 0px;
-webkit-margin-end: 0px;
        margin-inline-end: 0px;
-webkit-padding-start: 40px;
        padding-inline-start: 40px;
}


.aside-menu-title {
padding-top: 0px;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: transparent;
font-weight: bold;
color: rgb(67, 71, 76);
text-transform: none;
margin-bottom: 10px;
}

.aside-menu-title {
padding: 15px 42px 12px 20px;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #333;
position: relative;
color: rgb(255, 255, 255);
text-transform: uppercase;
}

ol, ul {
list-style: none;
}

 ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

.aside-menu > ul li {
position: relative;
}

.aside-menu a {
display: block;
color: rgb(23, 23, 23);
padding: 13px 36px 13px 0px;
font-size: 15px;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(255, 255, 255);
line-height: 1.3;
border-top: 1px solid rgb(237, 237, 237);
text-decoration: none;
}

a {
color: #333;
text-decoration: none;
-webkit-transition-duration: 200ms;
        transition-duration: 200ms;
-webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
-webkit-transition-delay: initial;
        transition-delay: initial;
-webkit-transition-property: all;
transition-property: all;
}

.aside-menu > ul .dropdown-button {
height: 47px;
width: 36px;
display: block;
z-index: 20;
top: 0px;
right: 0px;
position: absolute;
cursor: pointer;
}

.aside-menu > ul .dropdown-button::after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
top: 17px;
right: 10px;
border-bottom: 1px solid rgb(31, 31, 31);
border-right: 1px solid rgb(31, 31, 31);
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transition-duration: 200ms;
        transition-duration: 200ms;
-webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
-webkit-transition-delay: initial;
        transition-delay: initial;
-webkit-transition-property: all;
transition-property: all;
}

*:before, *:after {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

span {
    margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

.aside-menu li:hover > a, .aside-menu .active > a {
color: rgb(7, 6, 3);
}
.aside-menu a {
display: block;
color: rgb(23, 23, 23);
padding: 13px 36px 13px 0px;
font-size: 15px;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(255, 255, 255);
line-height: 1.3;
border-top: 1px solid rgb(237, 237, 237);
text-decoration: none;
}
a:hover {
color: rgb(0, 0, 0);
}
a:active, a:hover {
outline: 0;
}
a {
color: #333;
text-decoration: none;
-webkit-transition-duration: 200ms;
        transition-duration: 200ms;
-webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
-webkit-transition-delay: initial;
        transition-delay: initial;
-webkit-transition-property: all;
transition-property: all;
}
.aside-menu > ul .dropdown-button {
height: 47px;
width: 36px;
display: block;
z-index: 20;
top: 0px;
right: 0px;
position: absolute;
cursor: pointer;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
.aside-menu > ul .dropdown-button.active::after {
-webkit-transform: rotate(225deg);
        transform: rotate(225deg);
top: 21px;
}

.aside-menu > ul .dropdown-button::after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
top: 17px;
right: 10px;
border-bottom: 1px solid rgb(31, 31, 31);
border-right: 1px solid rgb(31, 31, 31);
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transition-duration: 200ms;
        transition-duration: 200ms;
-webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
-webkit-transition-delay: initial;
        transition-delay: initial;
-webkit-transition-property: all;
transition-property: all;
}

*:before, *:after {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

.aside-menu > ul .dropdown-button::after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
top: 17px;
right: 10px;
border-bottom: 1px solid rgb(31, 31, 31);
border-right: 1px solid rgb(31, 31, 31);
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transition-duration: 200ms;
        transition-duration: 200ms;
-webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
-webkit-transition-delay: initial;
        transition-delay: initial;
-webkit-transition-property: all;
transition-property: all;
}

.topphone {
}

.style48 {
    text-align: center
}

.style49 {
}

.topphon {
    text-align: center
}

.phone {
max-width: 35px;
}

.whatsapp {
        background-color: #72D077;
        height: 30px;
        width: 30px;
        background-image: url("../img/whatsapp.svg");
        background-position: center center;
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        background-size: contain;
        min-width: 30px;
        min-height: 30px
    }

    .viber {
        background-color: #755399;
        height: 30px;
        width: 30px;
        background-image: url("../img/viber.svg");
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        min-width: 30px
    }

    .telegram {
        background-color: #456088;
        height: 30px;
        width: 30px;
        background-image: url("../img/telegram.svg");
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        min-width: 30px;
        min-height: 30px
    }



    .sl1 {
        background-image: url("../img/opt.jpg");
        background-size: cover;
        background-position: center center
}

    .col1 {
        background-color: #fff;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 10px 20px 20px
}

    .slide1 {
        background-image: url("../img/slide1.jpg");
        background-size:cover;
        background-position:center;
        }
    .slide2 {
        background-image: url("../img/slide2.jpg");
        background-size:cover;
        background-position:center;
        }

    .style50 {
}

    .slide1img {
background-image: url("../img/sl1.jpg");
background-size: cover;
}
 .slide2img {
background-image: url("../img/sl2.jpg");
background-size: cover;
}

    .firsttitle {
font-size: 32px;
font-weight: bold;
}


    .style51 {
color: #e31717;
text-decoration: line-through;
}

    .style52 {
font-size: 1.1rem;
margin-bottom: 22px;
}

    .cardborder {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.051);
-webkit-box-shadow: 0px 8px 18px -6px #d8d4db;
        box-shadow: 0px 8px 18px -6px #d8d4db;
}

    .buttonleft {
position: relative;
margin-left: 6px;
display: block;
        
}

    .buttonphone {
position: relative;
display: block;
}

    .call {
max-width: 50px;
max-height: 50px;
margin: 10px 10px 54px;
padding-left: 0px;
padding-right: 0px;
}

.pointer {
   cursor: pointer; 
}
 
  .callimg {
max-width: 50px;
max-height: 50px;
}
 
  .style54 {
}
 
  .modal2 {
}
 
  .modalcontent {
position: static;
max-width: 210px;
}
 
  .wappler-temp {
}
 
  .cook {
      
}
 
  .bluebg {
background-color: #305B70;
}
 
  .style55 {
max-width: 260px;
}
 

 
 .slvizitka {
        background-image: url("../img/vizitka.jpg");
        background-size: cover;
        background-position: center center
}

.slidevizitka {
background-color: #F2E9DB;
}




.style57 {
background-size: cover;
background-image: url("../img/vizitka.jpg");
background-position: center center;
}




.viz {
background-color: #F2E9DB;
}




.style59 {
}




.style56 {
background-color: #53729F;
}




.style58 {
background-color: #53729F;
}




.style60 {
background-color: #53729F;
}




.land {
background-image: url("../img/landing-page.jpg");
background-position: center center;
background-size: cover;
}




.landing {
background-image: url("../img/landing-page.jpg");
background-size: cover;
background-position: center center;
}




.style61 {
background-color: #53729F;
}




.shopbg {
background-color: #F19683;
}




.bgshop {
background-image: url("../img/shopbg.jpg");
background-position: center center;
background-size: cover;
}



.slide_vizitka {
    background-color: #F2e9d8;
}
   
vizitka.jpg

.slidevizitka {
background-image: url("../img/vizitka.jpg");
background-size: cover;
}
   
.slide1vizitka {
background-image: url("../img/vizitka.jpg");
background-size: cover;
background-position: center center;
}
   
.slide_landing {
}
   
.bizzn {
}
   
.bizzn {
background-image: url("../img/landing-page.jpg");
background-position: center center;
background-size: cover;
}
   
.intmag {
background-image: url("../img/sl2.jpg");
background-position: center center;
background-size: cover;
}
   
   .navshadow {
border: 1px solid rgba(0, 0, 0, 0.051);
-webkit-box-shadow: 0px 6px 6px -6px #d8d4db;
        box-shadow: 0px 6px 6px -6px #d8d4db;
        padding-top: 0px;
        padding-bottom: 0px;
}

.smallp {
    font-size: 13px;
}
.nav-item.active {
    text-decoration: underline;
}
.style62 {
padding: 14px 30px;
}
.btnw {
min-width: 100px;
}

.style51 {
text-decoration: line-through;
color: #d62525;
}

.style63 {
margin-right: 8px;
}

.style63.svyaz {
}

.style64 {
margin-right: 8px;
}

.style66 {
float: left;
min-width: 50%;
}

.icstyle {
/* font-size: 17px */
padding-left: 5px;
padding-right: 5px
}

.style65 {
text-decoration: underline;
}

.hidden {
    visibility:hidden;
}

ul #pag li{

        display:inline-block; /* расположить пункты горизонтально */

    }
    
.btn-success a {
    color:#fff;
}  

.btn-success a:hover { 
    text-decoration:none;
}
 
 .grow2:hover {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.navmenu {
min-width: 220px;
}

.topnav {
    border-top: 1px solid rgba(0, 0, 0, 0.051);
    min-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}   

.cartimg {
    max-height: 50px;
    max-width: 25px;
    margin-right: 5px}

.topcart {
    color:#000;
}

.through-price {
    text-decoration: line-through;
}

.mv95 {
    max-width:95%;
}

.min320 {
    min-width:320px;
}

.min100 {
    min-width:100px;
}

.mv30 {
    max-width:30%;
}

.sizeprice {
    font-size:1.6rem;
}

.sizeprice2 {
    font-size:1.2rem;
}

/* Gallery */
.gallery .element img{
    webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.gallery .element img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

img {
    max-width: 100%;
}
.fancybox-overlay {
    background: rgba(0,0,0,0.8);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
}




/* END Gallery */


input[name=work-email] {
    padding: 0;
    margin: 0;
    border: none;
    max-width: 0;
    max-height: 0;
}

/** Youtube */

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

/** /Youtube */