* {
  margin: 0;
  padding: 0;
}
body{
    display: flex; 
    flex-direction: column; 
    height: -webkit-fill-available;
}
html,
body {
  height: 100%;
}
h1, .h1{
	width: 100%;
	font-size: 32px;
	font-family: "Montserrat-Bold";
	color: #000;
	margin-bottom: 20px;
	display: block;
}
h2, .h2{
	width: 100%;
	font-size: 28px;
	font-family: "Montserrat-Bold";
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
.h3, #ms2_order_cost {
    font-weight: bold;
    font-family: "Montserrat-Bold";
}
.h4 {
    display: block;
    margin-bottom: 40px;
    width: 100%;
    font-weight: bold;
    font-family: "Montserrat-Bold";
}
p{
	font-size: 16px;
	font-family: "Montserrat-Regular";
	color: #000;
}
:focus {outline:none; box-shadow: none;}
input:active, textarea:active {outline:none; box-shadow: none;}
textarea:focus, input:focus{
	outline: none!important;
	box-shadow: none;
}
@font-face {
	font-family: "Montserrat-Regular";
	src: url(../fonts/MONTSERRAT-REGULAR.ttf);
}
@font-face {
	font-family: "Montserrat-Bold";
	src: url(../fonts/MONTSERRAT-BLACK.ttf);
}
@font-face {
	font-family: "Montserrat-Light";
	src: url(../fonts/MONTSERRAT-LIGHT.ttf);
}
@font-face {
	font-family: "Montserrat-Light";
	src: url(../fonts/MONTSERRAT-EXTRABOLD.ttf);
}
header{
	flex: 0 0 auto;
}
.toper{
	background-color: #44ab42; 
	border-radius: 7px;
}
.adress{
	padding: 20px 0 0 0;
}
.adress p{
	color: #000;
	font-family: "Montserrat-Bold";
	font-size: 16px;
	position: relative;
	top: -20px;
	left: 25px;
}
.adress:before{
	content: "";
    display: inline-block;
    background: url("../images/adress.png") no-repeat;
    width: 17px;
    height: 28px;
	position: relative;
	top: -5px;
}
.adress span{
    position: relative;
    top: -15px;
    left: 15px;
    font-size: 16px;
    cursor: pointer;
    font-family: "Montserrat-Bold";
}
.adress span:hover{
    text-decoration: underline;
}
.tooltip-inner a, .tooltip-inner strong {
    color: #fff;
}
.telphone a{
	color: #000;
	font-family: "Montserrat-Bold";
	font-size: 16px;
	position: relative;
	top: -7px;
	left: 2px;
}
.telphone img{
	position: relative;
	top: -8px;
	left: 2px;
}
.telphone:before{
	content: "";
    display: inline-block;
    background: url("../images/tel.png") no-repeat;
    width: 17px;
    height: 28px;
	position: relative;
	top: 5px;
}
.navbar{
	padding: 10px 60px;
}
.navbar ul li a{
	padding: 10px 20px;
	color: #fff;
	font-family: "Montserrat-Regular";
	font-size: 16px;
	display: block;
}
.navbar ul li a:hover{
	color: #000;
}
.form-control{
	border-radius: 7px 0 0 7px!important;
	border: 1px solid #fff;
	margin-top: -3px;
}
.btn-search{
	background-color: #fff;
	border-radius: 0 7px 7px 0;
	border: 0;
	margin-top: -3px;
}
.carts:before{
	content: "";
    display: inline-block;
    background: url("../images/cart.png") no-repeat;
    width: 21px;
    height: 20px;
	position: relative;
	top: 23px;
}
.cart a{
	font-size: 14px;
	font-family: "Montserrat-Bold";
	color: #fff;
	position: relative;
	top: -2px;
	left: 40px;
}
.cart p{
    font-family: "Montserrat-Regular";
	color: #fff;
	font-size: 14px;
}
.breadcrumbs{
    margin-top: 40px;
}
.breadcrumbs ul{
    list-style: none;
}
.breadcrumbs ul li{
    display: inline-block;
}
.breadcrumbs ul li a{
    color: #000;
    padding: 0 10px;
}
.tops{
	margin-top: 30px;
	margin-bottom: 80px;
}
.catalog{
	padding: 20px;
	background-color: #f7f7f7;
	height: 350px;
}
.catalog strong{
	color: #000;
	font-family: "Montserrat-Bold";
	font-size: 23px;
	width: 100%;
	display: block;
	margin-bottom: 40px;
}
.category{
	margin: 5px 0;
}
.category span{
	position: relative;
	top: 10px;
	left: -5px;
	cursor: pointer;
	z-index: 10;
}
.category a{
	color: #000;
	font-size: 14px;
	font-family: "Montserrat-Regular";
}
.categorys{
    padding: 20px 20px 20px 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #f7f7f7;
    display: inline-block;
}
.categorys a{
    color: #000;
}
.specials{
	margin-top: 20px;
}
.tab-content>.active{
	display: flex;
}
.tab-content>.tab-pane{
	display: none;
}
.card{
	border-radius: 10px;
	margin-right: 20px;
	margin-bottom: 40px;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(41, 90, 74, 0.38);
	-moz-box-shadow:    7px 7px 5px 0px rgba(41, 90, 74, 0.38);
	box-shadow:         7px 7px 5px 0px rgba(41, 90, 74, 0.38);
	display: inline-flex;
}

.card-button{
	text-align: center;
}
.green-buts{
	padding: 10px 40px;
	position: relative;
	bottom: -45px;
	background-color: #44ab42;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
}
.green-buts21{
	padding: 5px 10px;
	background-color: #44ab42;
	color: #fff!important;
	border-radius: 10px;
	cursor: pointer;
}
.green-buts21:hover{
	color: #fff!important;
	background-color: #000;
}
.btn-danger{
    padding: 5px 10px;
    border-radius: 10px;
}
.green-buts2{
	padding: 10px 25px;
	position: relative;
	bottom: -25px;
	background-color: #44ab42;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
}
.green-buts3{
	padding: 10px 25px;
	position: relative;
	bottom: 10px;
	background-color: #44ab42;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
}
.orange-buts{
    padding: 10px 25px;
	position: relative;
	background-color: #eb9800;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
}
.green-buts:hover, .green-buts2:hover, .green-buts3:hover, .orange-buts:hover{
	background-color: #000;
	color: #fff;
}
.green-buts img{
	position: relative;
	top: -2px;
	left: -12px;
}
.card-title{
	text-align: center;
	font-family: "Montserrat-Bold";
	font-size: 16px;
}
.card-title a{
    color: #000;
}
.card-price strong{
	font-family: "Montserrat-Bold";
	font-size: 16px;
}
.card-price span{
	font-family: "Montserrat-Regular";
	color: #8b8a8a;
}
.card-header-pills li{
	margin-right: 20px;
}
.card-header-pills li a{
	text-transform: uppercase;
	font-family: "Montserrat-Regular";
	font-weight: bold;
}
.mains{
	flex: 1 0 auto;
	margin-top: 20px;
}
.mains ul, .mains ol{
    margin-left: 40px;
} 
.mains p{
    width: 100%;
    display: block;
    font-size: 16px;
    font-family: "Montserrat-Regular";
}
.mains a{
    color: #000;
}
.mains strong, .mains b{
    font-size: 16px;
    font-family: "Montserrat-Bold";
}
#sitemap a{
    color: #000;
}
footer{
    margin-top: 20px;
	min-height: 166px;
	background-color: #f7f7f7;
	padding: 20px;
	flex: 0 0 auto;
}
.copyright p{
	margin-top: 10px;
}
.bot-menu ul{
	list-style: none;
}
.bot-menu ul li a{
	color: #000;
	font-size: 16px;
}
.social:before{
	content: "";
    display: inline-block;
    background: url("../images/vk.png") no-repeat;
    width: 25px;
    height: 25px;
	position: relative;
	top: 5px;
	left: 0;
}
.social a{
	position: relative;
	left: 10px;
	font-family: "Montserrat-Bold";
	color: #4d76a1;
}
.carousel-control-prev-icon{
	background-image: url("../images/prev.png");
	width: 42px;
	height: 42px;
}
.carousel-control-next-icon{
	background-image: url("../images/next.png");
	width: 42px;
	height: 42px;
}
.carousel-indicators li{
	background-image: url("../images/marker.png");
	width: 9px;
	height: 9px;
	background-color: rgba(0, 50, 50, 0);
}
.carousel-indicators .active{
	background-image: url("../images/marker-active.png");
	width: 13px;
	height: 13px;
}
.page-item.active .page-link{
    background-color: #44ab42;
    border-color: #44ab42;
}
.page-link{
    color: #000;
}
.page-link:hover{
    color: #44ab42;
}
.tab-content>.active{
    display: flex!important;
}
#msGallery{
    padding: 20px;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(41, 90, 74, 0.38);
    -moz-box-shadow: 7px 7px 5px 0px rgba(41, 90, 74, 0.38);
    box-shadow: 7px 7px 5px 0px rgba(41, 90, 74, 0.38);
}
.inner{
    padding: 20px;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(41, 90, 74, 0.38);
    -moz-box-shadow: 7px 7px 5px 0px rgba(41, 90, 74, 0.38);
    box-shadow: 7px 7px 5px 0px rgba(41, 90, 74, 0.38);
}
#product_price{
    width: 42px;
    height: 42px;
    border-radius: 0;
    background-color: #000;
    color: #fff;
    border: 0;
    text-align: center;
}
.input-number {
    margin-top: 20px;
    display: flex;
    align-items: center;
    background: #000;
    border: 0;
    box-sizing: border-box;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 126px;
}
.input-number__input {
    background: #E5E8EE;
    width: 42px;
    height: 42px;
    border: none!important;
    padding: 8px;
    text-align: center;
}
.input-number__minus,
.input-number__plus {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}
#msCart{
    text-align: center;
}
#msOrder .form-control{
    border: 1px solid #000;
    border-radius: 10px!important;
}
input[type="radio"]:checked{
  background-color: #44ab42;
}
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 6px;
    background-clip: content-box;
    border: 2px solid #000;
    background-color: #848383;
    border-radius: 50%;
    cursor: pointer;
}
.div {
    position: relative;
    top: -5px;
    left: 5px;
}
.mobs{
    display: none;
}
.mobile_menu_overlay, .mobile_menu_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mobile_menu_container, .mobile_menu_container ul li ul{
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}
.mobile_menu_overlay{
	display: none;
	cursor: pointer;
	z-index: 10200;
	background: rgba(0, 0, 0, 0.5);
}
.mobile_menu_container{
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	width: 300px;
	overflow: hidden;
	z-index: 10201;
	background: #f7f7f7;
}
.mobile_menu_container.loaded{
   	-webkit-transform: translateX(0px);
   	transform: translateX(0px);
}
.mobile_menu_container .mobile_menu_content{
	overflow: auto;
	max-height: 100%;
	padding-bottom: 30px;
}
.mobile_menu_container ul{
	margin: 0;
	padding: 0;
}
.mobile_menu_container ul li{
	list-style: none;
}
.mobile_menu_container ul li a{
	display: block;
	padding: 15px 20px;
	line-height: 20px;
	font-size: 16px;
	background: #3884da;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.mobile_menu_container ul li a.parent{
	padding-right: 50px;
	background: #3884da url("images/arrow_right.svg") right 20px center no-repeat;
	background-size: 20px;
}
.mobile_menu_container ul li a.parent:hover{
	background: #3c8de8 url("images/arrow_right.svg") right 20px center no-repeat;
	background-size: 20px;
}
.mobile_menu_container ul li a.back{
	padding-left: 50px;
	background: #3c8de8 url("images/arrow_left.svg") left 20px center no-repeat;
	background-size: 20px;
	box-sizing: border-box;
	min-height: 50px;
}
.mobile_menu_container ul li a.back:hover{
	background: #3c8de8 url("images/arrow_left.svg") left 20px center no-repeat;
	background-size: 20px;
}
.mobile_menu_container ul li a:hover{
	background: #3c8de8;
}
.mobile_menu_container ul li ul{
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3884da;
	z-index: 2;
}
.mobile_menu_container ul li ul.loaded{
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.mobile_menu_container ul li ul.activity{
	overflow-y: auto;
	overflow-x: hidden;
}
.catalog-mobile{
    padding: 0 20px;
}
.mobs:before {
    content: "";
    display: inline-block;
    background: url(../images/toggle.png) no-repeat;
    width: 32px;
    height: 32px;
    margin: -5px 15px 0 0;
}
.mobs{
    position: relative;
    left: 10px;
    top: 10px;
}
.card-img, .card-img-bottom, .card-img-top{
    width: auto;
}
.card{
    text-align: center;
    padding: 0;
}
.simplesearch-results-list{
    width: 100%;
    margin-top: 20px;
}
.whatsapps{
    margin-top: 20px;
}
.whatsapps a{
    color: #1e7e34;
}
.mntop ul{
    margin-left: -30px;
}
.mn{
    position: relative;
    top: 5px;
}
.mn ul{
    list-style: none;    
}
.mn ul li{
    display: inline-block;
}
.mn ul li a{
    color: #fff;
    font-family: "Montserrat-Regular";
    font-size: 14px;
    display: block;
}
.mn ul li a:hover{
    color: #000;
    text-decoration: none;
}
@media (max-width: 1024px){
    .telphone a{
        font-size: 13px;
    }
}
@media (max-width: 768px){
    header{
        text-align: center;
        margin-bottom: 20px;
    }
    .toper{
        text-align: center;
    }
    footer{
        text-align: center;
    }
    .telphone a{
        font-size: 16px;
    }
    .adress:before{
        position: absolute;
        top: -5px;
        left: 28%;
    }
    .navbar-nav{
        margin: 0 auto;
    }
    .carts:before{
        left: -20px;
    }
    .card-header-pills li{
        margin-bottom: 20px;
    }
}
@media (max-width: 414px){
    .desktop{
        display: none;
    }
    .catalog{
        height: auto;
        margin-bottom: 20px;
    }
    .mobs{
        display: inline-flex;
    }
    .catalog a{
        color: #000;
    }
    .adress:before{
        left: 9%;
    }
    h1, .h1{
        font-size: 28px;
        padding: 0 20px;
    }
    .adress p{
        left: 0;
    }
    .telphone a{
        left: 0;
        font-size: 14px;
    }
    .categorys, .card{
        margin-right: 0;
    }
    .prc{
        margin-bottom: 25px;
    }
    .green-buts3{
        bottom: 0;
    }
    .table-responsive {
        width: 380px;
    }
    h2, .h2{
        font-size: 24px;
    }
    .card-img, .card-img-bottom, .card-img-top{
        width: 100%;
    }
}
@media (max-width: 375px){
    .adress:before{
        left: 5%;
    }
    .specials{
        text-align: center;
    }
    .mains{
        padding: 20px;
    }
    .card-header-pills li{
        margin: 20px auto;
    }
    .inner{
        text-align: center;
    }
    .input-number{
        margin: 20px auto 0 auto;
    }
    .green-buts3{
        margin: 0px auto 20px auto;
    }
    .table-responsive {
        width: 330px;
    }
}
@media (max-width: 320px){
    .adress:before{
        left: 2%;
    }
    .adress p{
        font-size: 14px;
    }
    .table-responsive {
        width: 300px;
    }
    .btn-danger{
        margin-top: 20px;
    }
    .mobile_menu_container{
		width: 240px;
	}
	.telphone a{
	    font-size: 11px;
	}
}