/*
Theme Name: stockshop
Description: stockshop
Author: p-i-p
Author URI: 
Version: 1
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

p{
	padding: 5px 0;
	}
a {
    text-decoration: none;
}
html {
	overflow-x: hidden;
	}
body, html{
	font-family: 'PT Serif';
	font-weight:normal;
	font-size: 16px;
}
h2{
	margin: 20px 0;
}
/*
===============================Start HEADER========*/	
header{
	position: relative;
	top: 0;
	z-index: 999;
	width: 100%;
    min-height: 80px;
    background: #fff;
	
    -moz-box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 5px 15px -1px rgba(0, 0, 0, .5);
    box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.5);
	}
footer{
	color:#9f8454; 
	text-align: center; 
    padding: 10px 0 20px 0;
	}

#menu-top{
	
	display:flex;
}

header .top-bar{
	
	display:flex;
	width: 100%;
	background: #333;
	}
.top-bar .top-nav>ul>li>a {
    color: #fff;
	padding:10px;
    display: inline-block;
}
	
	
	.inside-content{
		position:relative
	}
	.contact-info .inside-content .inside-area {
/*     display: none; */
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: auto;
    min-width: 270px;
    position: absolute;
    right: 0;
    top: 55px;
    padding-top: 15px;
    z-index: 9999999;
    cursor: inherit;
    clear: both;
}
/* .inside-content:hover .contact-info .inside-area {
	visibility: hidden;
    display: block;
    opacity: 1;
	    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}
	 */
.contact-top{
	width: 100%;
}
.contact-item{
	padding: 15px;
}	
.first-contact{
	text-align: right;
	background-color: rgba(245,245,245,1);
padding:5px;
    display: flex;
    justify-content: space-around;
	align-items: center;
}
.contact-info .inside-content:hover .inside-area {
	opacity: 1;
    display: block;
	transform: scaleY(1);
}

.inside-area {
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    list-style: none;
  background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
    min-width: 100%;
	z-index: 5;
  opacity: 0;
	transform: scaleY(0);
	transform-origin :0 0;
  transition: .5s ease-in-out;
}
	
	.contact-icon{
    width: 35px;
    height: 35px;
		
		background: url(images/headset.svg) no-repeat center center;
		background-size: contain;
	}
.contact-info .social-icons{
	display: flex;
	list-style: none;
}
	
	
	
.social-icons li a{	
    width: 30px;
    height: 30px;
    display: block;
    margin: 5px 10px;
    opacity: 1;
}
	.twitter{
		background: url(images/twitter.svg) no-repeat center center;
		background-size: contain;
	}
	.telegram{
		background: url(images/telegram.svg) no-repeat center center;
		background-size: contain;
		}
	.instagram{
		background: url(images/instagram.svg) no-repeat center center;
		background-size: contain;
		}
	
	
	
	
	/******************/
	.product-category-list{
		display: flex;
		justify-content: space-between
	}
	
	.product-category-list li{
		display: flex;
    justify-content: space-between;
    min-height: 280px;
    width: 100%;
	
	}	
	
	.product-category-list li .category_item{
		display: flex;   
		display: block;
    justify-content: space-between;
    min-height: 200px;
    width: 100%;
    color: #fff;
    text-decoration: none;
	
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#cc000000',GradientType=0);

	}
	.product-category-list li a .category_flex_img{
		
    position: relative;
    width: 100%;
    height: 100%;
	
    background-size: cover;
	color: #000;
    display: flex;
	flex-direction: column;
    align-items: flex-end;
    justify-content: center;
	padding:30px;

	}
	.category_flex_img .category_name,
	.category_flex_img .category_name_descr{
		width: 60%;
		text-align: right;
	}
	.category_flex_img .category_name{
		position: relative;
		padding: 15px 0;
		margin-bottom: 15px;
	}
	.category_name:after {
    width: 40px;
    height: 2px;
    border-radius: 3px;
    background-color: #008dd1;
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
}
	.button_more{
		border: 1px solid #333;
		width: 130px;
		text-align: center;
		border-radius: 5px;
		padding: 5px;
		margin-top: 20px;
		color: #333;
 transition: all 0.2s ease-in-out;
	}
	.category_item:hover .button_more{
 color: rgba(255, 255, 255, 1);
		border: 1px solid #008dd1;
    background-color: #008dd1;
 box-shadow: 0 5px 15px rgba(145, 92, 182, .4);
}
	/******************/
	
	
	
	
	.promo_section {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	justify-content: space-between;
	min-height: 480px;
	height: 680px;
}
	
	
.promo_section .prom_figure {
    width: 41%;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
}
.promo_section .prom_figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}



	.promo_section .prom_content {
    width: 59%;
	height:100%;
	padding: 30px;
}
.prom_con{
	position: relative;
    width: 100%;
}
	
	.promo_section .promo_title h2{
		text-transform: uppercase;
		color: #dadada;
    font-size: 46px;
    letter-spacing: 5px;
	}
	.promo_section .promo_title h3{
    margin-top: -30px !important;
    margin-right: 10px !important;
    margin-bottom: 30px !important;

	}
	
	.slide-items{
		max-width: 300px;
/*     padding: 30px 0 60px 0 !important;
    margin-bottom: 30px; */
	
	
    display: flex;
    justify-content: center;
	}
	.product_slider{
		
	}
	
.items .tawcvs-swatches {
    overflow: hidden;
    padding: 5px;
    display: flex;
    justify-content: center;
}	
	
	
	
	
	
section{
	padding: 60px 0;
}

.topnav{
	
    padding: 15px 0;
	display: flex;
	justify-content: space-between;
}
span.bold{
	text-transform: uppercase;
	display: block;
    color: #008dd1;
    font-size: 18px;
    letter-spacing: 0.5px;
}
.topcont {
	background:#008dd1
}
.topcont .container{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
    align-items: center;
}
	
.logo{
	text-align:center;
	padding: 0;
	}
.logo a img {
	height: 75px; 
    font-size: 20px;
}
.logo a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
	font-weight: bold;
    color: #064fb2;
	text-decoration: none;	
	}

.logo a:hover{
    color: #064fb2;
	text-decoration: none;	
	
}		
.fa-contact img{width:30px;}
.top_contacts, .top_adress, .top_worktime{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
	width: 30%;
	}
	
	.top_worktime{
		justify-content: flex-end;
	}
	.fa-contact{
	padding-right: 15px;
}
.top_contacts a {
    display: block;
    color: #444;
	}

		
.slick-slide img {
min-width:100%;
min-height: 100%;
width: 100%
}
/* #menu{
	height: 100px;
} */
#menu li a{
	font-size: 16px;
}	


#menu {
    display: flex;
    flex-grow: 1;
    background: transparent;
    z-index: 99;
    line-height: 1.5;
    list-style: none
}

#menu>ul.main-menu {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
	

    list-style: none;
    position: relative;
    z-index: 4
}

#menu>ul>li {
    display: flex;
    align-items: center;
    position: relative
}

#menu>ul>li>a {
    font-size: 16px;
    padding: 10px 15px;
	color: #fff;
	text-transform: uppercase;
	
}
#menu>ul>li>a:hover,
#menu>ul>li.active a{
	text-decoration: none
}

#menu>ul:after {
    content: "";
    clear: both;
    display: block
}

#menu>ul>li:last-child a {
    padding-right: 0px
}



#menu ul li:hover .submenu {
  opacity: 1;
	transform: scaleY(1);
}

.vizit-to{
	
    font-size: 16px;
    padding: 10px 15px;
	color: #fff;
	text-transform: uppercase;
}

.submenu {
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    list-style: none;
  background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
    min-width: 100%;
	z-index: 5;
  opacity: 0;
	transform: scaleY(0);
	transform-origin :0 0;
  transition: .5s ease-in-out;
}
.submenu a {
	color: #171314;
	text-align: left;
	padding: 12px 15px;
	display: block;
	font-size: 13px;
	border-bottom: 1px solid rgba(166, 166, 166, 0.2);
}
.submenu li:hover a {
	color: #0269a6;
	text-decoration: none;
}
.mobil-btn {
    display: none;
}

.mobil_nav {
    display: none;
}

.top-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mid-animate {
    opacity: 0;
}
.bottom-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.top-menu {
    top: 5px;
    width: 46px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.mid-menu {
    top: 13px;
    width: 46px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.bottom-menu {
    top: 21px;
    width: 36px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}
.menui {
    background: #fff;
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 10px;
    position: absolute;
}
.micon {
    z-index: 999;
    position: fixed;
    display: block;
    height: 46px;
    width: 46px;
    margin: 0px;
}
.mobile_nav{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 20px;
}

.mobilenav {
    font-family: inherit;
    margin-top: 40px;
    z-index: 999;
    display: none;
    position: absolute;
    width: 100%;
	left: 0;
    background: rgb(0, 141, 209);
    padding: 0;
}

.mobilenav li {
    list-style-type: none;
    text-align: center;
    padding: 20px 0;
}
.mobilenav li a {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
}
.mobilenav li:first-child {
}

.mobilenav .switcher-list li a,
.mobilenav .switcher-list li>span{
    color: #fff;
    font-size: 20px;	
}
.switcher-list li.active a, .switcher-list li.active>span{
    color: #adadad !important;
}
.mlang{width: 100%}
.mlang ul li{width: 30%}
.mlang ul.switcher-list{
	display: flex;
	justify-content: center;
    border-top: 1px solid #414141;
    width: 80%;
    margin: 0 auto;
}


.lang{
	display: flex;
    align-items: center;
    padding-left: 30px;
}
.breadcrumbs{
	line-height: 30px;
    font-size: 12px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px;
}
.breadcrumbs a{
	color: #3b3b3b;
}
.brhome{
    background: url(images/house.svg) no-repeat center center;
    width: 30px;
    height: 16px;
    margin: 15px auto 0px auto;
    background-size: contain;
	font-size: 0px;
	display: inline-block;
	
}
/*
===============================End HEADER========*/	
.menui {
  background: #fff;
  transition: 0.6s ease;
  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
  margin-top: 10px;
  position: absolute;
}

.icon {
  z-index: 999;
  position: relative;
  display: block;
  height: 32px;
  width: 32px;
  margin: 0px;
}


.top-animate {
  background: #fff !important;
  top: 13px !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mid-animate { opacity: 0; }

.bottom-animate {
  background: #fff !important;
  top: 13px !important;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.top-menu {
  top: 5px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.mid-menu {
  top: 13px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.bottom-menu {
  top: 21px;
  width: 25px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

/*
===============================Start CONTAINER========*/	
.container {
	
    max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.full_container{
	width: 100%;
	margin: 0 auto;

}


.about_section{
	background-image: url(images/mnm-11.jpg);
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-position: 100% 5%;
    background-repeat: no-repeat ;
    background-attachment: fixed;
}


/*слайдер новин на головній*/
.section-blog{
	background: #f8f8f8;
}

.singl_post{
	position: relative;
    float: left;
    overflow: hidden;
/*     margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px; 
    width: 48%;*/
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}
.singl_post img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;

    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.singl_post .desc{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.singl_post:hover .desc{
    background-color: rgba(0, 0, 0, 0.3);
}
.singl_post:hover .desc::before, 
.singl_post:hover .the_excerpt {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.singl_post .desc::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}

.singl_post .the_excerpt {
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}


/*слайдер новин на головній*/



.promotional-title{
	color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 36px;
    padding: 30px;
}
	
.fix-bg {
    position: relative;
    background-size: cover !important;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
section{
	clear: both;
    overflow: hidden;
	width: 100vw;
}


.home_content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-top: 120px;
	font-size: 24px;
	text-align: center;
	max-width: 950px;
	margin: 0 auto;
	margin-bottom: 77px;
}
#home .container{
	height: 100%;
}


#home{
	padding: 0;
	width:100%;
	color: #fff;
    padding-top: 0px;
	position: relative;

	}

	





.about_section .post_content {
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
}
.about_section .post_content h2{
    line-height: 1.3;
    /* padding: 0 100px; */
    max-width: 870px;
    margin: 0 auto;
}



.main-title{
	padding-bottom:30px;
}


.about-cont{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 10px 0 60px 0;
}
.box{
	width:32%;
	background: #fff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);

}
.box-title{
    text-align: center;
    padding: 15px 0;
    font-weight: bold;
    text-transform: uppercase;
}
.box-content{
	    padding: 0 25px 25px 25px;
}
.read-more{
	text-align: center;
	padding:10px;
}
.read-more a{
	color: #0d7fc3;
}

.section-title{
	text-align: center;
    font-size: 30px;
    line-height: 48px;
    color: #121212;
    font-weight: 700;
    position: relative;
    padding: 0 0 9px 0;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

.section-title:after{
	width: 80px;
    height: 3px;
    background: #0d7fc3;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}


tr:nth-child(odd){
    background: #EFEFEF;
}
tr:nth-child(even) {
    background-color: #ffffff;
    color: #666666;
}
tr:nth-child(odd) td:last-child {
    border-left: 1px solid #fff;
	padding-left:30px;
}
tr:nth-child(even) td:last-child {
    border-left: 1px solid #eee;
	padding-left:30px;
}




.blog-item{
	padding:20px 5px;
	text-align: center;
}

.blog-item a, .blog-item a:hover{
	text-decoration: none;
}
		.blog-title{
			color: #fff;
			font-size: 20px;
			margin-top: 25%; 
			margin-bottom: 15px;
			-webkit-transition: all .4s ease;
			-o-transition: all .4s ease;
			transition: all .4s ease;
		}

.blog-item .the_excerpt{
	color: #fff;
	padding:10px;
    font-size: 14px;
}


.information .blog-item{
    background: url(images/information.svg) no-repeat top left;
	background-size: 25px;
	padding: 0 20px 20px 30px;
}




.describe-container{	
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
    position: relative;
    padding: 100px 0;
}

.describe_to{
    padding: 0;	
    background: url(images/medicine.jpg) no-repeat center center;
    position: relative;
    background-size: cover !important;
    overflow: hidden;
    background-attachment: fixed !important;
}
.describe_to .section-title{
	text-align: center;
    font-size: 30px;
    line-height: 48px;
    color: #fff;
    font-weight: 700;
    position: relative;
    padding: 0 0 9px 0;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
.describe_to .section-title:after {
    width: 80px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}


.form-row{
	width: 100%;
	display: flex;
	justify-content: space-between
	
}
.column-half{
	width: calc( 50% - 5px );
	padding-bottom: 10px;
}

.column-full{
	width: 100%;
	padding-bottom: 10px;
}




/*******************/
.about_block{
    position: relative;
    z-index: 5;
    margin-top: -100px;
	
}
.about-us-block{
	display: flex;	
    justify-content: space-around;
	margin-top: -30px;
	width: 100%
	
}
.item-about{
	width: 29%
}



.all-posts{	text-align: center;}

.all-posts .go-too{	
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    background: #0d7fc3;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 40px;
	border-radius: 10px;
}

.sidecont{
	display: flex;
	justify-content: space-between;
}
.single-cont{
	width: 78%;
	padding-right:60px;
}
/*======sidebar======================*/
.sidebar{
	width: 22%
}
.side-block{
	margin-bottom:30px;
}
.sidebar .singl_post {
    display: flex;
    justify-content: flex-start;
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
}
.sidebar .blog-img {
    margin-right: 10px;
    width: 70px;
}
.sidebar .blog-img img{	
    width: 100%;
}
.sidebar .side-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 10px;
}
.sidebar .item-title {
    width: calc(100% - 80px);
    line-height: 16px;
    color: #444;
    font-size: 15px;
    text-decoration: none;
}
.block-side .info-title a{
	text-decoration: none;
}
/* Common style */
/* .sidecont .entry{
	width: calc( 80% - 20px)
} */

.sidecont .singl_post{
	display: flex;
}
.postimg{
	margin-right:20px;
	width: 30%;
}

.postimg img{box-shadow: 0 10px 16px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.3);}
.desc{
	padding:0 10px;
	width: 68%;
    text-align: left;
}
.sidecont .blog-title,
.sidecont .blog-title a{
    color: #333333;
    font-size: 20px; 
    margin-top: 0px;
}
/*============================*/



/*============================*/
.contact-us{
	padding:10px 0;
}
.contacts-header{text-align: center; padding-bottom:60px}


.contact-us .contacty,
.contact-us .contacty a{color: #fff; 
display: block;}
.flex-contacts{
	
    padding: 30px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-around;
}


/*******Pop-UP*************************/
.innerr {
  width: 500px;
  position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  background: #fff;
  padding: 15px 20px 0px 20px;
  font-size: 14px;
  z-index: 1111;
  border-radius: 10px;
  display: none;
}
.innerr .form-title {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}
.popupp {
  display: none;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
.close_pop{
    position: absolute;
    right: 10px;
    top: 10px;
	
}
.innerr a img{
  cursor: pointer;
}
textarea{min-height:100px;}
.form_pop .title-form {
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px;
text-transform: uppercase;
}
.form_pop form input[type="text"],
.form_pop form input[type="tel"],
.form_pop form input[type="email"],
.form_pop form textarea{
  height: auto;
  width: 100%;
  padding: 12px 17px;
  border: 1px solid #000;
  border-radius: 10px !important;
  color: #ccc;

  margin-top: 10px;
  font-size: 14px;
  background: transparent;
}
.form_pop input[type="submit"]{
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  display: block;
  margin: 15px auto 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 2;
}
.form_pop form input[type="text"]:focus,
.form_pop form input[type="tel"]:focus,
.form_pop form textarea:focus {
  background-color: #fff;
  color: #000;
}
.form_pop form textarea {
height: 150px;
}
.form_pop div.wpcf7-validation-errors,
.form_pop div.wpcf7-acceptance-missing {
  border: 2px solid #ff0000;
  color: #fff;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
  border: 2px solid #ff0000 !important;

}
div.wpcf7-response-output {
  margin: 0 !important;
  padding: 10px;
  border: 2px solid #ff0000 !important;
}


/*********************************************************/

footer {padding: 0;}
.footer {
    background-color: #252525;
    color: #e2e2e2;
}

.foot_title{	
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
	position:relative;
}
.foot_title:after {
    width: 40px;
    height: 2px;
    border-radius: 3px;
    background-color: #008dd1;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
}
.footer .cont {
	max-width: 1200px;
	padding: 30px 0;
	margin: 0 auto;
	display: flex;
	min-height:60px;
	align-items: center;
	justify-content: space-between;
	align-content: center;
}
.foot_menu_l{
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-content: center;	
}
.foot_menu_l{width:66%}
.foot_menu_r{width: 33%}
.foot_menu{width:50%;}
.foot_menu ul {
	justify-content: space-around;
	list-style:none;
}
.about-foot{
	text-align: left;
}
.footer-block{border-bottom: 1px solid rgba(255,255,255,0.08);}
.footer-block a,
.foot_menu .menu-item a {
	color: #e2e2e2;
	font-size: 14px;
}
.menu-item a:hover {color: #fff;}
.foot_menu ul li { text-align: left;}


.footer-contact-block a{
	display: block;
	color: #e2e2e2;
}
.footer-contact-block a:hover {color: #fff;}

.footer-contact-block img{width:30px;}
.footer-contact-block{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;

}
.footer-contact-block .fa-contact{
	
	border-right: 1px solid rgba(255,255,255,0.08);
	padding-right: 30px;
	margin-right: 30px;
}
.footer-info .container{
	display: flex;
    justify-content: space-between;
	padding-left: 0;
	padding-right: 0;
}
.footer-branding {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;/* 
    -webkit-justify-content: center;
    justify-content: center;*/
    -webkit-align-items: center;
    align-items: center; 
    width: 30%;
    float: left;
	
    padding: 0px;
}
.footer-contact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: space-around;
    align-items: center;
    width: 70%;
    padding: 60px 15px;
    border-left: 1px solid rgba(255,255,255,0.08);
}
.site-footer{background: #191919;}
.copy {
	font-size: 12px;
	color: #858585;
	text-align: center;
}
.copy, .footer-name {
    width: 50%;
}.site-footer .site-info {
    padding: 15px 0;
    display: flex;
    justify-content: center;
}

.footer-branding a img{height: 65px;margin-right: 10px;}
	
.footer-branding a{
    display: flex;
    align-items: center;
    text-align: left;
}
.footer-branding a,
.footer-branding a:hover{
	text-decoration: none;
	color: #fff;
	
}
.footer-branding a span.bold {
    text-transform: uppercase;
    display: block;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.1px;
}

/*  contact-block   */


.contact-us-block {
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
.contact-us-block .container {
	flex-direction: column;
}
.post_title-footer {
	color: #ffffff;
	padding-top: 80px;
	padding-bottom: 40px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
	text-transform: uppercase;
	font-size: 50px;
	text-align: center;
}
.footer-btn-block a {
	color: #ffffff;

	font-size: 18px;
	background-color: #317fc1;
	border: 1px solid #2972b0;
	border-radius: 5px;
	height: 50px;
	width: 383px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.footer-btn-block a:hover {background-color: #235988;}
.footer-btn-block {
	padding-top: 70px;
	padding-bottom: 80px;
}

/*=========================================================*/
.page-wrap{
	margin-top: 30px;
}
.post-title{
	padding: 30px 0 5px 0;
    margin-bottom: 30px;
	
	position: relative;
}
.post-title:after{
    width: 100px;
    height: 2px;
    background: #0d7fc3;
    position: absolute;
    top: 100%;/* 
    left: 50%;
	transform: translateX(-50%); */
    content: '';
}
.page-content{
	padding-bottom: 60px;
}

.page-top{	
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-top .post-title{color: #fff;}

.page-content .entry h2{
    font-size: 20px;
    font-weight: 100;
    line-height: 26px;
}

.page-content .entry h3{
    font-size: 18px;
    font-weight: 100;
}

.page-content .entry td{
	padding: 10px
}

/*=========================================================*/
 .table {
 width:100%;
	text-align:center;
	margin-top:20px;border: 1px solid #dddddd;
  border-collapse: separate;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table th,.tableh {border-left: 1px solid #dddddd;
	text-align:center;
	text-transform: uppercase;
	font-size:13px;
	font-family: Arial,Helvetica,sans-serif;
	padding-top:12px;
	padding-bottom:12px;
	background: url(images/bg.jpg)  repeat;
}
.table tr td {text-indent:0px;
	text-align:center;
	vertical-align: inherit;
	padding:8px 0 8px 10px;border-left: 1px solid #dddddd;border-top: 1px solid #dddddd;
}
.table tr td:first-child {
	text-align:left;
}
.table-rating th{
	background: none;
	text-transform:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	padding-top:7px;
	padding-bottom:0px;
}




/*=============================*/




.scrollTop{
	background:url(images/up-arrow.svg) 0 0 no-repeat;
	background-size: contain;
	width:30px;
	height:50px;
	bottom:20px;
	right:2%;
	opacity: 0.9;
	-webkit-animation-name: pulse; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: pulse;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.scrollTop:hover{
	opacity: 1;
}



/*=============================*/







/*=============================*/



/*=============================*/



.prevs{
  padding: 15px;
  background: url(images/back.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 0px;
  width: 40px;
  top: 45%;
  cursor: pointer;

      opacity: 0;
      transition: left 300ms, right 300ms, opacity 300ms; 
}
.nexts{
  padding: 15px;
  background: url(images/next.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 0px;
  width: 40px;
  top: 45%;
  cursor: pointer;

      opacity: 0;
      transition: left 300ms, right 300ms, opacity 300ms; 
}

.blog-items:hover .nexts{
  right: -30px;
  opacity:1;
  transition:left 300ms, right 300ms, opacity 300ms;
}
.blog-items:hover .prevs{
  left: -30px;
  opacity:1;
  transition:left 300ms, right 300ms, opacity 300ms;
}










/* + HOME PAGE: HERO ================================ */
.hero-slider-container {
  position: absolute;
  left: 15%;
  right: 15%;
  
  height: 100%;
  text-align: center;
  display: flex;
    align-items: center;
    justify-content: center;
  }
.hero-slider-container ul{
	list-style: none;
}
.hero-slider-container ul li:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 15px;
    margin: 15px auto 0px auto;
    background-image: url(images/checked.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.hero {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative; }

.hero:before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
/*   background-color: rgba(0, 0, 0, 0.8); */ }

.hero .hero-slider-title {
  font-size: 38px;
  line-height: 1.15;
  margin-bottom: 10px;
  letter-spacing: -0.025em;
  color: #fff;
  opacity: 0; }


  
.hero .hero-slider-teaser {
  font-size: 18px;
  line-height: 1.66;
  color: white;
  opacity: 0; }

  
.hero .hero-slider-btn {
  margin-top: 25px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  width: auto;
  padding: 8px 25px;
  cursor: pointer;
  -moz-transition: all 0.30s;
  -o-transition: all 0.30s;
  -webkit-transition: all 0.30s;
  transition: all 0.30s;
  text-align: center;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  border: 0;
  background-color: #CA4A5F;
  text-decoration: none;
  color: white;
  opacity: 0; }



.section-hero-slider .hero-slider .hero-slider-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  min-height: 380px; }

.section-hero-slider .hero-slider .hero-slider-image:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  /* background-color: rgba(0, 0, 0, 0.7); */ }

  
.section-hero-slider .hero-slider .hero {
  height: 380px;
/*   background-color: rgba(0, 0, 0, 0.7); */ }

.section-hero-slider .hero-slider .hero:before {
  display: none; }

.section-hero-slider .hero-slider .hero .hero-slider-btn {
  min-width: 285px; }


.section-hero-slider .hero-slider .slick-dots {
  position: absolute;
  bottom: 10px;
  text-align: center;
  margin: 0 auto; }

.section-hero-slider .hero-slider .slick-dots li {
  display: inline-block;
  margin: 0 16px 0 0; }

.section-hero-slider .hero-slider .slick-dots button {
  border: 0;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  overflow: hidden;
  color: transparent;
  padding: 0;
  background-color: #d0d0d0; }

.section-hero-slider .hero-slider .slick-dots .slick-active button {
  background: #CA4A5F; }

  .head_primary{
	font-size: 32px;
	line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
	padding-bottom: 20px;
    text-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
  }
  .head_description {
	  font-size: 22px;
	line-height: 28px;
    text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.5);
  }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

/* .slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; } */

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }  
  
.prev{	
padding: 15px;

    background: url(images/left-arrow.svg) no-repeat center center;
    background-size: 40px;
    position: absolute;
    left: 0;
    width: 45px;
    height: 45px;
    top: 45%;
    transform: translateY(-50%);
	left: 30px;
	cursor: pointer;
	opacity: 0.3;
    transition: left 300ms, right 300ms, opacity 300ms;
}

.next{
	padding: 15px;
    background: url(images/right-arrow.svg) no-repeat center center;
    background-size: 40px;
    position: absolute;
    right: 0;
    width: 45px;
    height: 45px;
    top: 45%;
    transform: translateY(-50%);
	right: 30px;
	cursor: pointer;
	opacity: 0.3;
    transition: left 300ms, right 300ms, opacity 300ms;
}
.next:hover{
	opacity:1;
	transition:left 300ms, right 300ms, opacity 300ms;
}
.prev:hover{
	opacity:1;
	transition:left 300ms, right 300ms, opacity 300ms;
}
	
/*****************************************************************************************/

#products .product-item figure.product-inner{
    display: block;
    margin: 0;
    padding: 20px 20px 20px 20px;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
    height: auto!important;
}


/***********/
.items {
    width: 25%;
	float: left
}
/* .tovar {
    font-size: 14px !important;
    line-height: 20px;
    text-align: center;
    position: relative;
    margin: 30px 0;
    cursor: pointer;
}
.tovar:after {
    content: '';
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    height: -webkit-calc(100% + 140px);
    height: calc(100% + 140px);
    position: absolute;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    top: -50px;
    left: -20px;
    z-index: -1;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
transition: all 0.3s;}
.tovar .top-info {
    margin: 10px 0;
    width: 100%;
    display: none;
    position: absolute;
    top: -40px;
}
.tovar .labels {
    position: absolute;
    color: #fff;
    width: 100%;
    text-align: left;
    z-index: 3;
}


.tovar .photo {
    width: 100%;
    height: 240px;
    max-width: 260px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tovar .title {
    color: #106cd6;
    padding: 0 !important;
    margin-top: 15px !important;
    z-index: 1000;
    position: relative;
    font-size: 1em !important;
    line-height: 21px !important;
}


.tovar .desc {
    color: #000;
    max-width: 220px;
    margin: 0 auto;
    font-weight: 400;
    line-height: 21px;
}

.tovar .price {
    color: #000;
    padding-top: 11px;
}
.tovar .buttons {
    margin: 30px 0;
    position: absolute;
    bottom: -137px;
    width: 100%;
    opacity: 0;
    -webkit-transition: bottom 0.3s linear, opacity 0.3s linear;
    transition: bottom 0.3s linear, opacity 0.3s linear;
    pointer-events: none;
}
 */
a.tovar{
	display: block
}
.tovar{font-size:14px !important;line-height:20px;text-align:center;position:relative;margin:30px 0;cursor:pointer;}
.tovar .hover-block{}
.tovar.active .hover-block{}
.tovar.active .hover-block{opacity:1;}
.tovar .photo{width:100%;height:240px;max-width:260px;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.tovar .ratings-block{padding:0 20px;margin-top:10px;}
.tovar .ratings-block:after{content:"";width:0;height:0;clear:both;display:block;visibility:hidden;}
.tovar .ratings-block p{float:right;height:20px;line-height:20px;}
.tovar .ratings-block .ratings{float:left;}
.tovar .photo .owl-carousel .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
/*.tovar .photo .owl-carousel .item a{height: 240px}*/
.tovar .photo img{width:100%;max-height:100%;object-fit:contain;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;}
.tovar .photo .owl-carousel .owl-controls{opacity:0;-webkit-transition:opacity 0.3s linear;transition:opacity 0.3s linear;position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);transform:translateX(-50%);}
.tovar .photo .owl-carousel{z-index:auto;}
.owl-carousel .owl-stage{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;}
.tovar .photo .owl-carousel .owl-controls .owl-dot{margin:0 5px;display:inline-block;}
.tovar .photo .owl-carousel .owl-controls .owl-dot.active span{background:#106cd6;}
.tovar .photo .owl-carousel .owl-controls .owl-dot span{width:10px;height:10px;background:#d7d7d7;border-radius:50%;display:block;}
.tovar .title{color:#106cd6;padding:0 !important;margin-top:15px !important;z-index:1000;position:relative;font-size:1em !important;line-height:21px !important;}
.tovar .desc{color:#000;max-width:220px;margin:0 auto;font-weight:400;line-height:21px;}
.tovar .price{color:#000;padding-top:11px;}
.tovar .price span{font-weight:500;}
.tovar .labels{position:absolute;color:#fff;width:100%;text-align:left;z-index:3;}
.tovar .labels span{display:inline-block;width:46px;height:20px;border-radius:15px;cursor:default;text-align:center;font-size:0.625em;text-transform:uppercase;letter-spacing:1px;}
.tovar .labels span.hit{background:#f75353;}
.tovar .labels span.new{background:#87d37c;}
.tovar .labels span.top{background:#f75353;}
.tovar .labels span.akcia{background:#ce4040;width:56px;}
.tovar.active:after{height:-webkit-calc(100% + 210px);height:calc(100% + 210px);}
.tovar.active:hover:after{top:-105px;}
.tovar:after{content:'';width:-webkit-calc(100% + 40px);width:calc(100% + 40px);height:-webkit-calc(100% + 140px);height:calc(100% + 140px);position:absolute;box-shadow:0 0 10px rgba(0,0,0,0.15);opacity:0;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);top:-50px;left:-20px;z-index:-1;background:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.tovar:hover:after{opacity:1;top:-50px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.tovar:hover .photo .owl-carousel .owl-controls{opacity:1;}
.tovar .top-info{margin:10px 0;width:100%;display:none;position:absolute;top:-40px;}
.tovar.active .top-info{top:-90px;}
.tovar .top-info:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tovar .top-info .age{width:50%;float:left;font-size:0.875em;color:#666666;text-align:left;font-weight:400;font-family:'GothamPro';}
.tovar .top-info .article{float:right;text-align:right;color:#106cd6;font-size:0.875em;font-weight:500;font-family:'GothamPro';}
.tovar .buttons{margin:30px 0;position:absolute;bottom:-137px;width:100%;opacity:0;-webkit-transition:bottom 0.3s linear, opacity 0.3s linear;transition:bottom 0.3s linear, opacity 0.3s linear;pointer-events:none;}
.tovar .buttons .no_in_stock{width:100% !important;}
.tovar:hover .buttons{bottom:-97px;opacity:1;pointer-events:auto;}
.tovar .buttons:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.tovar .buttons .buy, .tovar .buttons a.button{background:#106cd6;line-height:35px;font-weight:500;color:#fff;font-size:0.75em;letter-spacing:0.2px;text-transform:uppercase;border:none;cursor:pointer;width:50%;float:left;display:inline-block;vertical-align:middle;box-sizing:border-box;}
.tovar .buttons .buy:hover, .tovar .buttons a.button:hover{background:#fff;border:3px solid #106cd6;line-height:29px;color:#106cd6;}
.tovar .buttons .favorite{display:inline-block;width:50%;float:right;line-height:37px;font-size:0.75em;vertical-align:middle;text-align:center;font-weight:500;color:#999999;text-transform:uppercase;text-decoration:underline;}
.tovar .buttons .favorite:hover{color:#106cd6;}
.tovar .ratings{text-align:center;position:relative;z-index:1000;height:20px;}
.tovar .ratings .star{width:14px;height:20px;background:url(../img/ui/ratings_star.png) no-repeat center center;background-size:contain;display:inline-block;}
.tovar .ratings .star:hover{cursor:pointer;}
.tovar .tovar-mini-slider{margin:30px 0;margin-top:0;margin-bottom:0px;text-align:left;display:none;}
.tovar.active .tovar-mini-slider{position:absolute;top:-52px;}
.tovar .tovar-mini-slider .item{width:52px;height:52px;box-sizing:border-box;border:2px solid transparent;display:inline-block;background-position:center !important;background-size:cover !important;background-repeat:no-repeat !important;text-align:center;}
.tovar .tovar-mini-slider .item img{max-width:90%;max-height:90%;margin-top:5%;}
.tovar .tovar-mini-slider .item:hover{cursor:pointer;}
.tovar .tovar-mini-slider .item.active{border:2px solid #e5e5e5;}
.tovar:hover .visible{position:relative;z-index:2;}
.items:hover {
    z-index: 10;
    position: relative;
}