html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
    display:block
}
body{
    line-height:1
}
ol, ul{
    list-style:none
}
blockquote, q{
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.owl-carousel,.owl-carousel .owl-item{
    -webkit-tap-highlight-color:transparent;
    position:relative
}
.owl-carousel{
    visibility:hidden;
    width:100%
}
.owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y;
    touch-action:manipulation;
    -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item{
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-touch-callout:none
}
.owl-carousel .owl-item img{
    display:block;
    width:100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
    display:none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded{
    visibility:visible
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
    cursor:pointer;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
}
.owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden{
    opacity:0
}
.owl-carousel.owl-refresh .owl-item{
    visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-grab{
    cursor:move;
    cursor:grab
}
.owl-carousel.owl-rtl{
    direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
    float:right
}
.owl-carousel .animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.owl-height{
    transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
    opacity:0;
    transition:opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{
    max-height:0
}
.owl-carousel .owl-item img.owl-lazy{
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url(owl.video.play.png) no-repeat;
    cursor:pointer;
    z-index:1;
    -webkit-backface-visibility:hidden;
    transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
    -ms-transform:scale(1.3,1.3);
    transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
    display:none
}
.owl-carousel .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}
*, *:before, *:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-text-size-adjust:100%
}
html, body{
    width:100%;
    padding:0;
    margin:0
}
body{
    font-family: 'Rubik-Regular', sans-serif;
    position:relative;
    background: #000;
}
strong {
    font-family: 'Rubik-Bold', sans-serif;
}
.flex{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.flex-1{
    flex:1
}
.flex-row{
    flex-direction:row
}
.flex-column{
    flex-direction:column
}
.align-items-center{
    align-items:center
}
.align-items-start{
    align-items:flex-start
}
.align-items-end{
    align-items:flex-end
}
.justify-content-center{
    justify-content:center
}
.justify-content-start{
    justify-content:flex-start
}
.justify-content-between{
    justify-content:space-between
}
.justify-content-end{
    justify-content:flex-end
}
.overflow-hidden{
    overflow:hidden
}
.overflow-initial{
    overflow:initial
}
.overflow-inherit{
    overflow:inherit
}
.absolute{
    position:absolute;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto
}
.nowrap{
    white-space:nowrap;
    overflow:hidden
}
.ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.line-ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.sticky{
    position:-webkit-sticky;
    position:sticky
}
body{
    font-family:'MuseoSans-Cyrl-Regular', sans-serif;
    font-size:14px;
    line-height:20px
}
body.desktop{
    min-width:1200px
}
body.mobile{
}
strong{
    font-family:'MuseoSans-Cyrl-Bold', sans-serif
}
input,select,textarea,button{
    font-family:'MuseoSans-Cyrl-Regular', sans-serif
}
a{
    text-decoration:none
}
.container{
    position:relative;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    color: #f2f2f2;
}
header{
    padding:20px 0px;
    background-color:#000
}
header.sticky{
    top:0;
    z-index:2;
    box-shadow:rgba(195,33,39,.2) 0px 4px 30px;
    -webkit-box-shadow:0 4px 24px rgba(195,33,39,.2);
    box-shadow:0 4px 24px rgba(195,33,39,.2);
}
.mobile header > .container{
    z-index:1
}
.logo{
    box-shadow:0px 11px 5px -6px rgba(195,33,39,.2);
    -webkit-box-shadow:0px 11px 5px -6px rgba(195,33,39,.2);
    -moz-box-shadow:0px 11px 5px -6px rgba(195,33,39,.2);
    text-align:center;
    background:#000;
    z-index:1;
    -webkit-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out
}
.desktop .logo{
    margin-top:60px;
    width:260px;
    height:120px
}
.logo img{
    -webkit-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out
}
.desktop .logo img{
    max-height:150px;
    max-width:220px;
    margin-top:40px;
    margin-bottom: 10px;
}
.mobile .logo img{
    max-height:120px;
    max-width:180px;
}
.desktop header.sticky .logo{
    margin-top:0px;
    width:260px;
    height:90px
}
.desktop header.sticky .logo img{
    max-height:65px;
    max-width:200px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.menu{
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
    list-style:none;
    margin:0px;
    padding:0px;
    font-size:18px
}
.menu > li{
    display:inline-block;
    vertical-align:middle;
    margin:0 20px
}
.menu a{
    padding:8px 0;
    display:inline-flex;
    gap:10px;
    color:rgb(0, 0, 0)
}
.menu-button{
    display:flex;
    position:relative;
    color:#cf132f
}
.menu-button .top, .menu-button .bottom{
    transition:transform 0.2s ease
}
.menuopen .menu-button .top{
    transform:translate(4px, -4px) rotate(45deg)
}
.menuopen .menu-button .middle{
    display:none
}
.menuopen .menu-button .bottom{
    transform:translate(-17px, 10px) rotate(-45deg)
}
.toggle-menu{
    min-height:60px;
    position:relative;
    padding:0 20px;
    color:#000;
    background:#cf132f;
    cursor:pointer;
    border-radius:5px 5px 0 0 !important;
    transition:background-color 250ms ease;
    border:0;
    outline:none;
    z-index:2
}
.menuopen .toggle-menu.button{
    color:black;
    background-color:white !important
}
.main-menu{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:100%;
    left:0px;
    transition:opacity 250ms ease, visibility 250ms ease;
    z-index:2
}
.menuopen .main-menu{
    opacity:1;
    visibility:visible
}
.menu-overlay{
    opacity:0;
    visibility:hidden;
    content:'\A';
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.3);
    transition:250ms cubic-bezier(.215,.61,.355,1);
    z-index:1
}
.menuopen .menu-overlay{
    opacity:1;
    visibility:visible
}
nav.menu{
    display:flex;
    gap:12px
}
nav.menu ul{
    flex:1
}
nav.menu li{
}
nav.menu{
    position:absolute;
    top:100%;
    left:-100%;
    width:100%;
    height:0;
    background:#000;
    transition:left 0.4s ease;
    -webkit-transform:translateZ(0);
    transform:translate3d(0, 0, 0);
    border-bottom:1px solid #eee;
    -webkit-box-shadow:1px 0px 1px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow:1px 0px 1px 0px rgba(0,0,0,0.1);
    box-shadow:1px 0px 1px 0px rgb(0 0 0 / 10%);
    overflow:hidden
}
.menuopen nav.menu{
    left:0;
    height:auto;
    overflow:hidden;
    max-height:500px
}
.menuopen nav.menu ul{
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.nav-bar-item{
    font-size:0;
    border-bottom:1px solid #eee
}
.nav-bar-item:last-of-type{
    border-bottom:none
}
.nav-bar-item a{
    width:100%;
    display:block;
    padding:12px;
    text-transform:uppercase;
    position:relative;
    color:#f2f2f2;
    font-weight:;
    font-size:16px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.nav-bar-item ul.sub-menu{
    display:none;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s, opacity 0.5s linear;
    height:0;
    background:#000;
    padding:0 10px
}
input.arrow:checked ~ ul{
    display:block;
    visibility:visible;
    opacity:1;
    height:auto
}
.nav-bar-item ul.sub-menu li{
    border-bottom:1px solid #eee
}
.nav-bar-item ul.sub-menu li:last-of-type{
    border-bottom:none
}
.nav-bar-item ul.sub-menu a{
    font-weight:400;
    padding-left:5px;
    font-size:15px
}
.nav-bar-item ul.sub-menu a:before{
    font-family:"FontAwesome";
    font-weight:600;
    content:"\f105";
    display:inline-block;
    margin-right:5px
}
.nav-bar-item a.dropdown{
    width:90%;
    display:inline-block;
    vertical-align:top
}
.nav-bar-item .arrow{
    display:none
}
.nav-bar-item > ul > .arrow-label{
    width:10%;
    display:inline-block;
    margin-right:0px;
    padding:12px;
    text-transform:uppercase;
    color:#a8ad00;
    position:relative;
    margin-bottom:0
}
.nav-bar-item .arrow-label{
    width:10%;
    display:inline-block;
    font-size:13px;
    margin-right:0;
    text-transform:uppercase;
    color:#808285;
    position:relative;
    margin-bottom:0;
    padding:11px 0 12px 0
}
.nav-bar-item .arrow-label::after{
    font-family:"FontAwesome";
    font-weight:900;
    content:"\f107";
    display:block;
    text-align:center
}
li.nav-bar{
    position:relative;
    display:flex;
    align-items:center
}
.submenu{
    display:none;
    box-shadow:0 1px 5px 0 rgb(0 0 0 / 11%);
    background:#000;
    max-height:550px;
    min-width:250px;
    top:100%;
    overflow:auto;
    border-radius:5px;
    z-index:1
}
li.nav-bar:hover > .submenu{
    display:block
}
.title{
    display:inline-block;
    text-transform:uppercase;
    font-size:45px;
    line-height:45px;
    position:relative;
    color:#f2f2f2;
}
.title:after{
    content:'';
    position:absolute;
    left:1px;
    top:1px;
    right:1px;
    bottom:1px;
    mix-blend-mode:lighten
}
.title.center1{
    text-align:center
}
.highlight{
    margin:-2px -6px;
    padding:5px 6px
}
.intro{
    position:relative;
    padding:35px 0
}
.intro.right:before{
    content:"";
    position:absolute;
    left:50%;
    right:0;
    top:0;
    background-color:#f8f8f6;
    background-image:url('image/pharmic-bg.png');
    background-position:center center;
    background-repeat:repeat-x;
    bottom:0;
    border-top-left-radius:50px;
    border-bottom-left-radius:50px
}
.intro.left:before{
    content:"";
    position:absolute;
    left:0;
    right:50%;
    top:0;
    background:#f8f8f6;
    bottom:0;
    border-top-right-radius:50px;
    border-bottom-right-radius:50px
}
.categories{
    position:relative;
    min-height:160px;
    padding:50px 0;
    background-color:#f8f8f6;
    background-image:url('image/pharmic-bg.png');
    background-position:center center;
    background-repeat:repeat-x
}
.categories:before{
}
.input-group{
    display:flex;
    margin:5px 0;
    padding:3px 0px;
    border:1px solid #ddd;
    background:#000
}
.input-group span.fa{
    font-size:16px;
    vertical-align:middle;
    box-sizing:border-box;
    text-align:center;
    padding:10px;
    color:#01cd74
}
.input-group input, .input-group textarea{
    flex:1;
    color:#f2f2f2;
    text-align:left;
    letter-spacing:1px;
    padding:10px 10px 10px 0;
    box-sizing:border-box;
    border:none;
    outline:none;
    background:transparent
}
.btn{
    display:inline-block;
    text-align:center;
    border-radius:4px;
    font-weight:500;
    color:#414448;
    background-color:#000;
    border:1px solid #ccc;
    outline:none;
    padding:5px 10px;
    cursor:pointer;
    vertical-align:baseline
}
.btn.blue{
    color:#000;
    background-color:#0052cc;
    border:1px solid #07c
}
.btn.blue:hover{
    background-color:#0d40b7
}
.btn.red{
    color:#000;
    background-color:#ff4040;
    border:1px solid #ff4040
}
.btn.brown{
    color:#000;
    background-color:#D9515E;
    border:1px solid #D9515E
}
.btn:active{
    transform:translateY(1px)
}
.product-review {
    position: relative;
    flex: 1;
    min-height: 250px;
    background-color: #040707;
    background-image: repeating-linear-gradient(135deg, #2d2a2b 0, #2d2a2b 5px, transparent 5px, transparent 10px);
    border-radius: 10px;
    text-align: center;
}
.product-review::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #c32127;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.product-review::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #c32127;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.product-review img {
    position: relative;
    margin: 10px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
    z-index: 1;
}
.block-bg {
    position: relative;
    flex: 1;
    min-height: 120px;
    background-color: #040707;
    background-image: repeating-linear-gradient(135deg, #2d2a2b 0, #2d2a2b 6px, transparent 6px, transparent 20px);
    text-align: center;
    overflow: hidden;
}
.block-bg::before {
    content: '';
    position: absolute;
    top: 80px;
    width: 70%;
    height: 750px;
    right: 10%;
    background-color: transparent;
    transform: rotateY(0deg) rotate(-26deg);
}
.block-bg::after {
    content: '';
    position: absolute;
    top: 80px;
    width: 70%;
    height: 750px;
    left: 10%;
    background-color: #000;
    background-image: url('image/bgbg.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotateY(0deg) rotate(45deg);
}
.block-bg.blue::before {
    background-image: repeating-linear-gradient(135deg, #5072a8 0, #5072a8 6px, transparent 6px, transparent 20px);
}
.block-bg.red::before {
    background-image: repeating-linear-gradient(135deg, #c41d22 0, #c41d22 6px, transparent 6px, transparent 20px);
}
.block-bg img {
    position: relative;
    margin: 80px 10px 20px 10px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
    z-index: 1;
}
section h2 {
    font-size: 1.2em;
    font-weight: 700;
}
section li {
    list-style-type: circle;
    list-style-position: inside;
}

.counters {
	background: #c32127;
	color: #fff;
	padding: 40px 20px;
	border-top: 3px black solid;
}

.counters .container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	text-align: center;
}

.counters i {
	color: #c32127;
	margin-bottom: 5px;
}

.counters .counter {
	font-size: 45px;
	margin: 10px 0;
}

@media (max-width: 700px) {
	.counters {
		background: #c32127;
		color: #fff;
		padding: 20px 10px;
		border-top: 3px блацк solid;
	}
	
	.counters .container {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 20px;
		text-align: center;
	}

	.counters .counter {
		font-size: 35px;
		margin: 10px 0;
	}

	.counters .container {
		grid-template-columns: repeat(2, 1fr);
	}

	.counters .container > div:nth-of-type(1),
	.counters .container > div:nth-of-type(2) {
		border-bottom: 1px black solid;
		padding-bottom: 20px;
	}
}