/* copyright YadroStudio (june 2021) */

@media (min-width: 1200px) {
	.container.wider {
		width: 1370px;
	}
}
/* общие */
.col-mb-15 [class*='col-'] {
margin-bottom: 15px;
}

.col-mb-30 [class*='col-'] {
margin-bottom: 30px;
}

.top-contacts [class*='col-'] {
margin-bottom: 0px;
}

p {font-size:1em; line-height:1.1em;}

/* Magnific Popup Castom Background */
.mfp-figure:after {
    background: #efefef;
}

/* Button with animated shine */
.btn-shine {
	overflow:hidden;
}
.btn-shine:before {
	display: block;
    content: '';
    position: absolute;
    left: -10%;
    bottom: -50%;
    width: 100px;
    height: 200%;
    color: #fff;
    background: #fff;
    background: -moz-linear-gradient(0deg, transparent 20%, #fff 50%, transparent 80%);
    background: -webkit-linear-gradient(0deg, transparent 20%, #fff 50%, transparent 80%);
    background: -ms-linear-gradient(0deg, transparent 20%, #fff 50%, transparent 80%);
    transform: rotate(30deg);
    animation: shine 3s infinite linear;
    animation-fill-mode: forwards;
    opacity: .3;
    z-index: -1;
}
@-moz-keyframes shine {
  0% {
	  opacity:.1;
    left: -10%;
  }
  60% {
	  opacity:.3;
    left: 100%;
  }
  100% {
	  opacity:.1;
    left: 100%;
  }
}
@-webkit-keyframes shine {
  0% {
	  opacity:.1;
    left: -10%;
  }
  60% {
	  opacity:.3;
    left: 100%;
  }
  100% {
	  opacity:.3;
    left: 100%;
  }
}
@-o-keyframes shine {
  0% {
	  opacity:.1;
    left: -10%;
  }
  60% {
	  opacity:.3;
    left: 100%;
  }
  100% {
	  opacity:.3;
    left: 100%;
  }
}
@keyframes shine {
  0% {
	  opacity:.1;
    left: -10%;
  }
  60% {
	  opacity:.3;
    left: 100%;
  }
  100% {
	  opacity:.3;
    left: 100%;
  }
}

/* HEADER SUB-Blocks */
.yadro-sub{
    position: fixed;
	display:none;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 100001;
    transition: all 0.2s ease-in-out;
    height: auto;

}
.yadro-sub .yadro-page-wrap{
	background: #fff;
    min-height: 85px;
    padding-bottom: 0px;
    max-width: 100%;
    border-bottom: 1px solid #ddd;
}
.yadro-form-control-sub{
	border:2px solid #ddd;
	padding-right:100px;
	font-size:1.2em;
	background-color: #fff;	
}
.yadro-sub.active {
	top: 0px;
}
.yadro-sub.select {
	display:block;
}
.search_btn{
	position:absolute;
	right:50px;
	top:50%;
	width:50px;
	height:50px;
	margin-top:-25px;
	text-align:center;
	line-height:50px;
	font-size:2em;
	color:#ddd;
	z-index:1;
	transition:all .3s ease-in-out;
}
.search_btn:hover{
	color:#aaa;
}
.hide_sub{
	position:absolute;
	right:0;
	top:50%;
	width:34px;
	height:50px;
	margin-top:-25px;
	text-align:center;
	line-height:50px;
	font-size:2em;
	color:#ddd;
	z-index:1;
	transition:all .3s ease-in-out;
}
.hide_sub:hover{
	color:#aaa;
}
.yadro-form-group-sub{
	position: relative;
    min-height: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 1em;
    line-height: 50px;
    padding-right: 45px;
}
.yadro-form-group-sub span{
	cursor:pointer;
	display:inline-block;
	padding-right:0px;
}
.yadro-form-group-sub span.choose-sub{
line-height: 1.2em;
    font-size: 1.2em;
    color: #fff;
    text-shadow: 0 1px 1px #000;
	padding-right:10px;
}
.yadro-form-group-sub span.choose-sub i{
    color:#fff;
}
.yadro-form-group-sub span.choose-sub a{color:#47a4ff;}
.yadro-form-group-sub span img{
	display:inline-block;
	opacity:.8;
	transition:all .3s ease-in-out;	
}
.yadro-form-group-sub span:hover img{
	opacity:1;
}
@media screen and (max-width: 767px) {
	.yadro-form-group-sub{
		text-align:left;
	}
}

/* ----  MAIN MENU  ---- */
.menu-sub-title{
	display:block;
	font-size:.6em;
}

/* ----  video slide ---- */
.video-bg {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
	background-color:#333;
	background-repeat:no-repeat;
    background-size: cover;
	background-position: center center;
	width: 100%;
    height: 500px;
	max-width:1920px;
	margin:0 auto;
}
.video-bg > video {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto; 
}
 @supports (object-fit: cover) {
     .video-bg > video {
         top: 0;
         left: 0;
         width: 100%;
         height: auto;
         object-fit: cover;
     }
 }
 
.yfm-4 .video-bg {
    height: auto;	 
}
.yfm-1 .overlay-layout{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1) url(../images/person_1.jpg);
    background-size: cover;
    opacity: .5;
}
 
.mask-bg  {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url("../images/bg-dark.png");
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;	
}
 
.slides .video-slide{
	visibility:hidden;
	opacity:0;
}	
 
.video-slide, .video-row{
	height:100%;
} 

.video-slide h2 {
    font-size: 3.0em;
    font-weight: bold;
	text-transform:uppercase;
	color:#fff;
    text-shadow: 0 4px 8px #000;
	margin-top:10px;
	margin-bottom:10px;	
}
.video-slide .text-slide {
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}
.video-slide .text-slide h4, .video-slide .text-slide p{
	display:inline-block;
    color: #fff;
    text-shadow: 0 2px 3px #000;
    text-transform: uppercase;	
	margin-top:0px;
	margin-bottom:0px;
	font-size:20px;
}
.video-slide .text-slide p img{
	display: inline-block;
    position: relative;
    width: 30px;
    height: 25px;
    top: -2px;
    margin-right:10px;
}
.video-slide .text-slide .bg-slide {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 100%;
    min-height: 260px;
    z-index: -1;
    opacity: .6;
}
.video-slide .text-slide .bg-slide .icon-act{
	position:absolute;
	top:0;
	right:20px;
	height: 100px;
	width:auto;
	z-index:1;
}
.video-slide .text-slide div.button-block{
	display:block;
	margin-top:20px;
}
.video-bg h5{
    position: absolute;
    display: none;
    line-height: 1.1em;
    width: 100%;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    z-index: 300;
    padding: 0;
	margin:0;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 600;
	text-align:center;
	background-color:#00000080;
}
.video-bg h5 span{
	display: inline-block;
    padding: 10px;
}
@media screen and (max-width: 767px){
	.video-slide{
		margin-top:20px;
	} 	
	.video-slide h2 {
		font-size: 2.2em;
	}
	.video-slide .text-slide {
		padding: 0;
	}
	.video-slide .text-slide .bg-slide {		
		opacity:0;
	}	
	.video-slide .text-slide h4, .video-slide .text-slide p{
		padding:5px;
		font-size:18px;
	}
	.video-bg h5{
		display:block;
	}	
}

/* ----  Optimblog Featured News Block Styles ---- */
.info-section .overlay-layout{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1) url(../images/person_1.jpg);
    background-size: cover;
    opacity: .5;
	border-radius: 0px;	
	transition:all .3s ease-in-out;	
}
.info-section h3{
	font-size:2.6em;
	color:#333;
	text-shadow:0 2px 2px #fff;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin-top:80px;
	margin-bottom:20px;
}
.info-section h3 span{
	display:block;
	margin-top:20px;
	margin-bottom:-10px;
	font-family: 'Roboto';
	font-size:0.45em;
	font-weight:400;
	text-transform:none;
	color:#333;
	text-shadow:0 2px 2px #fff;
	text-align:center;
}
.info-section .block-slide{
	margin-bottom:0px;
}
.info-section .text-slide{
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    height: 100%;
    padding: 0px 0 40px;
}
.info-section .bg-slide{
	position:relative;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 100%;
    padding: 0;
	background-color:#fff;
	background-size: cover;	
	background-position: center center;	
	background-repeat: no-repeat;	
	border-radius: 0px;
	cursor:pointer;
	border:1px solid #ddd;
}
.info-section .bg-slide.lit{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 10px;
}
.info-section .bg-slide:before{
	display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    transform: rotate(3deg);
    z-index: -1;
    border: 1px solid #ddd;
    border-radius: 0px;
	transition:all .5s ease-in-out;	
}
.info-section .bg-slide img{
	border-radius:0;
}
.info-section .text-slide h4{
	font-size: 1.6em;
    color: #333;
    text-shadow: 0 2px 2px #fff;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
}
.info-section .text-slide .description{
	padding-bottom:10px;
	margin-bottom:10px;
}
.info-section .text-slide .description.date-block{
	margin-bottom:0px;
	font-size: .8em;
}
.info-section .text-slide .description p{
    font-size: 1em;
    color: #333;
    text-shadow: 0 2px 2px #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.1em;
    padding: 0 20px;
}
.info-section .text-slide .date{
    position: absolute;
    top: -50px;
    right: 0;
	width:100%;
	text-align:center;
}
.info-section .text-slide .date p{
	display: inline-block;
	font-size: .8em;
    color: #333;
    text-shadow: 0 1px 1px #ddd;
    background-color: #ffffffa1;
    text-align: center;
    padding: 6px 6px 4px;
    margin-bottom: 0;
    border-radius: 4px;
}
.info-section .button-block{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 20px 0;
	transition:all .5s ease-in-out;
}
.info-section .bg-slide:hover:before{
    transform: rotate(0deg);
}

/* ----  Yadro Flex Modules Block Styles ---- */
/* ----  YFM 4 ---- */
.yfm-4 .overlay-layout{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1) url(../images/person_1.jpg);
    background-size: cover;
    opacity: .5;
}
.yfm-4 h3{
	font-size:2.6em;
	color:#fff;
	text-shadow:0 2px 2px #000;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin-top:80px;
	margin-bottom:20px;
}
.yfm-4 p{
	font-size:1.4em;
	color:#fff;
	text-shadow:0 2px 2px #000;
	text-align:center;
}
.yfm-4 .block-slide{
	margin-bottom:60px;
}
.yfm-4 .text-slide{
	margin-top:20px;
	margin-bottom:20px;
}
.yfm-4 .text-slide p i{
	font-size:2.6em;
	color:#e95517;
	text-shadow:0 2px 2px #000;
	text-align:center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.yfm-4 .text-slide h4{
	font-size:4em;
	color:#fff;
	text-shadow:0 2px 2px #000;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
}
.yfm-4 .text-slide p{
	font-size:1.4em;
	color:#fff;
	text-shadow:0 2px 2px #000;
	text-align:center;
	margin-bottom:0;	
}

/* ----  YFM 5 ---- */
.yfm-5 .overlay-layout{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1) url(../images/person_1.jpg);
    background-size: cover;
    opacity: .5;
	border-radius: 0px;
	transition:all .3s ease-in-out;		
}
.yfm-5 h3{
	font-size:2.6em;
	color:#333;
	text-shadow:0 2px 2px #fff;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin-top:40px;
	margin-bottom:20px;
}
.yfm-5 p{
	font-size:1.4em;
	color:#333;
	text-shadow:0 2px 2px #fff;
	text-align:center;
}
.yfm-5 .block-slide{
	margin-bottom:100px;
}
.yfm-5 .text-slide{
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 100%;
	padding: 20px 0 40px;
	overflow:hidden;
}
.yfm-5 .bg-slide{
	position:relative;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 100%;
    padding: 80px 20px 20px;	
	background-size: cover;	
	background-position: center center;	
	background-repeat: no-repeat;	
	border-radius: 0px;
}
.yfm-5 .text-slide .img-container{
	position:absolute;
	left:0;
	top:-140px;
	width:100%;
}
.yfm-5 .text-slide .img-container .img-bg{
	width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 10px solid #f9f9f9;
	margin: 0 auto;
}
.yfm-5 .text-slide .img-block{
    width: 80px;
    height: 80px;
    border-radius: 100%;
	background-color: #196eab;
    background-image: radial-gradient(ellipse at center, #ffffff80 0%,#196eab 60%);
    margin: 0 auto 0;
    padding: 0;
    border: 4px solid #e95517;
}
.yfm-5 .text-slide .img-block div{
    max-height: 80px;
    text-align: center;
    margin: 0 auto;
    border: 4px solid #fff;
    border-radius: 100%;
    padding: 10px;
}
.yfm-5 .text-slide img{
    max-height: 70px;
    text-align: center;
    margin: 0 auto;
}
.yfm-5 .text-slide p i{
    font-size: 34px;
    color: #ffffff;
    text-shadow: none;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
.yfm-5 .text-slide h4{
    font-size: 1.6em;
    color: #fff;
    text-shadow: 0 2px 2px #000;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
}
.yfm-5 .text-slide p{
	font-size:1.4em;
	color:#fff;
	text-shadow:0 2px 2px #000;
	text-align:center;
	margin-bottom:0;	
}
.yfm-5 .button-block{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 20px 0;
	transition:all .5s ease-in-out;		
}
.yfm-5 .bg-slide:hover .overlay-layout{
	opacity:.8;
}

/* ----  YFM 6 ---- */
.yfm-6 .overlay-layout{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1) url(../images/person_1.jpg);
    background-size: cover;
    opacity: .5;
	border-radius: 0px;	
	transition:all .3s ease-in-out;	
}
.yfm-6 h3{
	font-size:2.6em;
	color:#333;
	text-shadow:0 2px 2px #fff;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin-top:80px;
	margin-bottom:20px;
}
.yfm-6 p{
	font-size:1.4em;
	color:#333;
	text-shadow:0 2px 2px #fff;
	text-align:center;
}
.yfm-6 .block-slide{
	margin-bottom:0px;
}
.yfm-6 .text-slide{
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    height: 100%;
    padding: 0px 0 40px;
	overflow:hidden;
}
.yfm-6 .bg-slide{
	position:relative;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 100%;
    padding: 110px 20px 20px;	
	background-size: cover;	
	background-position: center center;	
	background-repeat: no-repeat;	
	border-radius: 0px;
	cursor:pointer;
}

.yfm-6 .text-slide h4{
    font-size: 1.6em;
    color: #fff;
    text-shadow: 0 2px 2px #000;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
}
.yfm-6 .text-slide p{
	font-size: 1.4em;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    text-align: center;
    margin-bottom: 0;
}
.yfm-6 .button-block{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 20px 0;
	transition:all .5s ease-in-out;
}
.yfm-6 .bg-slide:hover .overlay-layout{
	opacity:.8;
}
.yfm-6 .bg-slide:hover .overlay-layout:after{
	display:block;
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	background-image: url(../images/favicon-light.png);
	background-position: top 35px center;
	background-size:60px 60px;
	background-repeat:no-repeat;
	opacity:.2;
}

.bg-slide:hover .promo-hover-btn{
	background-color:#ec1b00 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
	text-shadow: none!important;
    background-image: -moz-linear-gradient(90deg, transparent 80%, rgba(0,0,0,.3) 100%);
    background-image: -webkit-linear-gradient(90deg, transparent 80%, rgba(0,0,0,.3) 100%);
    background-image: -ms-linear-gradient(90deg, transparent 80%, rgba(0,0,0,.3) 100%);		
}

/* ----  YFM 7 ---- */
.yfm-7 .text-slide{
	padding:20px;
	background-color:#fff;
	margin: 15px 0;
	border:1px solid #ddd;
}
.yfm-7 .text-slide h4{
    font-size: 1.6em;
    color: #333;
    text-shadow: 0 2px 2px #fff;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
}
.yfm-7 .text-slide p{
	font-size: 1.2em;
    color: #333;
    text-shadow: 0 1px 1px #fff;
    margin-bottom: 5px;
}
.yfm-7 .text-slide p i{
	display: inline-block;
	margin-right:5px;
	width:20px;
	text-align: center;
}
.yfm-7 .text-slide p .legend{
	display:inline-block;
	position:relative;
	top:3px;
	content:'';
	width:1em;
	height:1em;
	background-size:contain;
	background-position:center;	
}
 
/* ----  parallax ---- */
.parallax-inner{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
    height: 100%;	
	z-index:-1;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}


/* ----  bg-blocks ---- */
.bg-line-top:before{
    display: block;
    content: '';
    height: 60px;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    background: url(../images/corner-top.png) top left no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 1;
}
.bg-line-top.light:before{
	height: 30px;
    background-image: url(../images/corner-top-light.png);
}
.bg-line-bot:after{
	display:block;
    position: relative;	
	content:'';
	height:30px;
	width:100%;
	bottom:0;
	left:0;
	background-color:transparent;
	background: url(../images/corner-bot.png) bottom left no-repeat;
	background-size: 100% 100%;	
    z-index: 1;
}
@media screen and (max-width: 767px){
	.bg-line-top:before{
		height:30px;
	}
	.bg-line-top.light:before{
		height:15px;
	}			
	.bg-line-bot:after{
		height:15px;
	}	
}
.bg-alt{
	background-color:#f6f6f6;
	background: url(../images/bg600.png) center center no-repeat;
	background-size: 100% 100%;	
}



/* форма консультации */
.product-form{
	position:relative;
	padding: 10px 20px;
	background-color:#fafafa;
	text-align:center;
	margin-bottom:15px;
	margin-top:15px;
	overflow:hidden;
	border:1px solid #ddd;
}
.producr-form h3{
	margin:0;
	padding:10px 0 10px;
	text-transform:uppercase;
}
.product-form-bg{
    display: block;
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    background-image: url(../images/discount-big.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: .3;
}
.product-form.light{
	background-color:#fff;
}
.product-form-bg.light{
	transform: rotate(25deg);
    background-image: url(../images/15-min.jpg);	
}
.contact-form h3{
	position:relative;
    text-transform: uppercase;
    color: #b31a06;
    font-size: 20px;
    font-weight: 600;
}


/* ------------ */
.section-heading h3 {
    display: inline-block;
    position: relative;
	margin: 0;
}
.section-heading.reverse h3 {
	display: inline-block;
	text-align:center;
    position: relative;
    font-size: 2em;
    color: #fff;
    background-color: rgb(255 20 32 / 80%);
    padding: 4px 16px 4px 16px;
    border-radius: 4px;
    margin: 0;
    -moz-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 35%);
    border-top: 4px solid #fb7d82;
}

@media screen and (max-width: 767px){
	.section-heading {
		text-align:center;
	}	
	.section-heading h3 {
		font-size:1.8em;
		text-align:center;
		margin: 0;
	}
	.section-heading h5 {
		font-size: 1.6em;
	}	
}
.section-heading.reverse h5 {
    margin: 10px 0 0;
}

.section-heading.reverse h6 {
	font-size:1.2em;
    margin: 10px 0 10px;
}
.section-heading.reverse p i {
	color:#8ebbea;
}

/* ------location select on top------ */
.top-links{
	background-color:transparent;
	position: absolute;
	width:100%;
    z-index: 100001;
	padding:5px 0 5px;
	color:#eee;
	font-size:.8em;
}
.top-links a{
	color: #ddd;
    text-decoration: none;
    padding: 5px 10px!important;
	background-color:#191919;	
}
.top-links .dropdown li{
	color:#333;
	cursor:pointer;
}
.top-links .dropdown li.stop{
	color:#ccc;
	cursor:default;
}
.dropdown-menu-right {
    left: auto!important;
    right: 0;
}
ul.navbar-nav li.nav-item.has-dropdown .dropdown.dropdown-menu-right:before {
  left:auto;
  right: 40px;
  margin-left: -8px;
}
ul.navbar-nav li.nav-item.has-dropdown .dropdown.small {
  min-width:120px;
  padding: 12px;
}
ul.navbar-nav li.nav-item.has-dropdown .dropdown.small.dropdown-menu-right{
	border-radius: 4px 0 4px 4px;
}
ul.navbar-nav li.nav-item.has-dropdown .dropdown.small.dropdown-menu-right:before {
  border-width: 4px;
  margin-left: -4px;
}
ul.navbar-nav li.nav-item.has-dropdown .dropdown.small li {
    display: block;
}
ul.navbar-nav li.nav-item.has-dropdown .dropdown.small li:last-child {
	margin-bottom: 0px;
}


/* ------why we------ */
.h_icon{
	font-size: 5em;
    display: inline-block;
    position: absolute;
    top: 1px;
    color: #8ebbea;
    opacity: .2;
}
.h_num{
	font-size: 7em;
    display: inline-block;
    position: absolute;
    color: #fff;
    opacity: .8;
    text-shadow: 0 2px 2px #333;
    font-weight: 600;
}
.h_header{
    font-size: 1.2em;
    color: #170000;
    text-transform: uppercase;
    padding: 10px 0 10px;
    font-weight: 800;
    display: inline-block;
	margin-top:10px;
	text-shadow: 0 1px 1px #fff;
	line-height: 1.2em;	
}
.h_header.block{
	margin-top:0px;
}
.h_header.with_num{
    padding-left:65px;
}
.h_text{
    font-size: 1em;
    margin-bottom: 15px;
    text-shadow: 0 1px 1px #fff;
    color: #000;
    line-height: 1.2em;
}
.h_text.with_num{
    padding-left:65px;
}
.h_text span{
	display:block;
	position:relative;
	padding-left:20px;
	margin-bottom:4px;
}
.h_text span i{
	display:block;
	position:absolute;
	left:0;
	top:2px;
	color: #8ebbea;
	display:inline-block;
	margin-right:4px;
}
.h_text a {
	margin:4px 0;
}
.h_text a img{
	height: 1.3em;
    display: inline-block;
    background-color: #fffdfd;
    padding: 2px;
    position: relative;
    top: -2px;
    border-radius: 2px;	
}
	
/* ------section heading block------ */
.catalog-block{
	padding: 3.5em 0 2em 0;
}
.overlay-light{
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background-color:#fff;
    opacity: .85;
	z-index:0;
}
.overlay-mask{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1) url(../images/bg-action-pro.png);
    background-size: cover;
    opacity: .5;
}

.catalog-block h3{
	transition:all .3s ease-in-out;
}
.catalog-block a:hover h3{
	-moz-box-shadow:none;
	box-shadow:none;
	background-color: rgb(255 20 32 / 100%);
}

/* --------  --------- */
.transition{
	transition:all .5s ease-in-out;
}
.col-h100{
	height:100%;
}
.bg-c1{
	background-color:#fafafa;
	border:1px solid #f2f2f2;
}
.pad-10{
	padding:10px;
}

/* стиль для глобальной фиксации блока*/
.floated{
	position:relative;
}
.sticky-wrapper{
	overflow:hidden;
}
.floating{
	transition:all .5s ease-in-out;
}

/* сборные каталоги на главной странице*/
.main-catalog-item .catalog-item-block{
	width:100%;
	min-height:300px;
	border:1px solid #ddd;
	transform:rotate(-3deg);
	background-color:#fafafa;
    box-shadow: 0px 10px 15px -10px #666;	
}

.main-catalog-item .catalog-item-bg{
	position:relative;
	width:100%;
	min-height:300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	border:1px solid #ddd;
	transform:rotate(3deg);	
}

a.main-catalog-item:hover > h3{
	color:#ff1420;
}

.main-catalog-item h3{
	margin-top:15px;
	margin-bottom:5px;
	transition: all .3s ease-in-out;
}
.bg-line-top-lit:before{
    display: block;
    content: '';
    height: 60px;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    background: url(../images/corner-top-line.png) top left no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
}
@media screen and (max-width: 767px){
	.bg-line-top-lit:before{
		height: 30px;
	}
}
.bg-line-bot-lit:after{
	display:block;
    position: absolute;	
	content:'';
	height:15px;
	width:100%;
	bottom:0;
	left:0;
	background-color:transparent;
	background: url(../images/corner-bot.png) bottom left no-repeat;
	background-size: 100% 100%;	
    z-index: 1;
}

.main-catalog-item div .price {
	position: absolute;
    right: 0px;
    top: 15px;
    width: 150px;
    height: 80px;
    padding: 14px 0 0 0;
    background: url(../images/bg-pricetag-lit.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
	text-align: center;
    text-shadow: 0 1px 1px #000;
    opacity: .9;
    z-index: 2;
}
@media screen and (max-width: 767px){
	.main-catalog-item div .price {
		top: 10px;
	}
}
.main-catalog-item div .price span {
    font-size: 1.5em;
    display: inline-block;
    padding: 0px 3px;
}

.main-catalog-item div .block_dop {
    position: absolute;
    left: 20px;
    bottom: 45px;
    width: 100%;
    height: 100px;
    padding: 70px 70px 20px;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}
.main-catalog-item div.catalog-item-bg{
	overflow:hidden;
}
.main-catalog-item div.catalog-item-bg:before {
    display: block;
    position: absolute;
    content: '';
    bottom: -150px;
    left: -150px;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background-color: rgba(0,0,0,.5);
    background: radial-gradient(ellipse at center, #00000080 0%,#00000000 60%);
}
.main-catalog-item div .block_dop span {
    font-size: 1em;
    display: inline-block;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    background-color: #ff1420;
    padding: 4px 8px;
    opacity: 1;
    box-shadow: 2px 2px #1c548f;
    position: absolute;
    left: 0;
    bottom: -26px;
    height: 26px;
    width: auto;
}



/* --- GALLERIES --- */
.gallery-item{
    display: block;
    position: relative;
	width: 100%;
    padding: 5px;
}
.gallery-item div{
    position: relative;
    width: 100%;
    min-height: 100px;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    border: 1px solid #ddd;
	transform: rotate(-3deg);
	background-color:#fafafa;
    box-shadow: 0px 10px 15px -10px #666;	
}
.gallery-item div span.item-img{
	display:block;
	position:relative;
	width:100%;
	min-height:170px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	transform:rotate(3deg);
    border: 1px solid #ddd;
    background-color: #fff;	
}
.gallery-item.contain div span.item-img{
    min-height: 200px;
    background-size: contain;
    background-color: #fff;
    border: 10px solid #fff;
    box-shadow: 0 0 0 1px #ddd;	
}
.gallery-item div span.item-img.contain{
	background-size: contain;
}
.gallery-item div span.item-img p.name{
	display: inline-block;
    position: absolute;
    bottom: 0;
    text-align: right;
    padding: 4px 8px;
    background-color: #ffffff8f;
    color: #000;
    right: 0;
    border-radius: 4px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px){
	.gallery-item div span.item-img p.name{
		font-size:12px;
		padding:2px;
	}
}
.gallery-item.yt_video div span.item-img:after {
    display: block;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/youtube.png);
    background-size: 80px 56px;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: .6;
    transition: all .3s ease-in-out;
}
.gallery-item.yt_video:hover div span.item-img:after{
	opacity: 1;
}

/* --- TEXT INFO BLOCK --- */
#submenu div{
	margin-bottom:10px;
	position:relative;
	transition:all .3s ease-in-out;
}
#submenu div a{
    text-shadow: 0 2px 2px #fff;
	font-size: 1em;
    line-height: 1.1em;
}
#submenu div.active{
	padding-left:15px;
}
#submenu div.active:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-weight: 900;
    font-size: 1.2em;
    color: #ff1420;
    position: absolute;
    top: -2px;
	left:0;
}
.sub-menu-title h4{
	font-size:1.4em;
	font-weight:600;
	margin:20px 0 10px;
}
.text-image{
	height:auto;
	max-width:200px;
	transform: rotate(3deg);
	position:relative;
}
.text-image-block{
	position:relative;
	padding: 15px;
}
.fl-right{
	float:right;
	padding-right:0px;
}
.fl-left{
	float:left;
	padding-left:0px;
}
.text-image-before{
	width:100%;
	height:100%;
	border:1px solid #ddd;
	background-color: #fafafa;
	transform: rotate(-3deg);
    box-shadow: 0px 10px 15px -10px #666;	
}
.text-image-before img{
	margin:0 auto;
	border: 1px solid #ddd;	
}
.text-image-h4{
	font-size: 1em;
    color: #004f9c;
    font-weight: 600;
	text-align:center;
}
.alt-text{
	display: block;
    position: relative;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fafafa;
    box-shadow: 0 7px 10px -5px #aaa;
    background-image: -moz-linear-gradient(140deg, transparent 70%, rgba(255,255,255,.8) 100%);
    background-image: -webkit-linear-gradient(140deg, transparent 70%, rgba(255,255,255,.8) 100%);
    background-image: -ms-linear-gradient(140deg, transparent 70%, rgba(255,255,255,.8) 100%);	
}
.alt-text:after {
    content: "";
    position: absolute;
    bottom: 100%;
    margin-left: -20px;
    top: 50%;
    left: -15px;
    margin-top: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent #ddd transparent transparent;
}
.alt-text:before {
	display:block;
	font-family: 'icomoon';
	content: '\e9c0';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
	color:#ddd;
	font-size: 20px;
	text-shadow: 0 2px 2px #fff;	
}
.alt-text h4{
	font-size: 1.2em;
    color: #004f9c;
    text-shadow: 0 2px 2px #fff;
    font-weight: 600;
}
.alt-text p{
    text-shadow: 0 1px 1px #fff;	
}
.alt-image .text-image-block{
	padding-left:0;
}

@media screen and (max-width: 767px){
	.text-image-block{
		padding:10px 0;
	}
	.fl-right, .fl-left{
		float:none;
	}
	.text-image{
		max-width:100%;
		float:none!important;
	}
}

/* --- BLOG --- */
/* страница с постом */
.blog_post_readtime_ontitle{
	padding:5px 0 0;
	font-size:.8em;
}
.blog_post_container .blog_post_readtime {
	display:block;
	padding:0 0 20px;
}
.blog_post_container .blog_post_info {
	display:block;
	padding:20px 0 0;	
}
.blog_post_container .blog_tags {
	display:block;
	padding:20px 0 0;	
}
/* мини-блоки на странице Блога и в последних опубликованных */
.main-blog-item{
	display:block;
	margin-bottom:15px;
	margin-top:15px;
}
.main-blog-item .blog-item-block{
	width:100%;
	min-height:300px;
	border:1px solid #ddd;
	transform:rotate(-3deg);
	background-color:#fafafa;
    box-shadow: 0px 10px 15px -10px #666;	
}
.main-blog-item .blog-item-bg{
	position:relative;
	width:100%;
	min-height:300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	border:1px solid #ddd;
	transform:rotate(3deg);
    overflow: hidden;	
}
.main-blog-item .blog-item-bg div{
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
	padding:10px;
}
.main-blog-item .blog-item-bg .flag {
	position: absolute;
    right: 5px;
    top: 5px;
    width: 80px;
    height: 50px;
    padding: 11px 0 0 0;
    background: url(../images/bg-pricetag-lit.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px #000;
    opacity: .9;
    z-index: 2;
    text-transform: uppercase;
    font-size: .8em;
}
@media screen and (max-width: 767px){
	.main-blog-item .blog-item-bg .flag {
		top: 10px;
	}
}
.main-blog-item .blog-item-bg div h3{
	color: #000;
    text-shadow: 0 1px 1px #fff;
    display: inline-block;
    background-color: rgb(255 255 255 / 76%);
    padding: 10px;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.1em;
    font-weight: 600;
    width: 100%;
    box-shadow: 0px 0px 15px #000;
    border-radius: 4px;
	transition:all .3s ease-in-out;
}
.main-blog-item .blog-item-bg:hover div h3{
    background-color: rgb(255 255 255 / 100%);	
}
.main-blog-item .blog-item-bg div h3 span.subtitle{
	display: block;
    padding-top: 5px;
    font-size: 0.9em;
    line-height: 1em;
    text-transform: none;
    font-weight: 400;	
}
.main-blog-item .blog-item-bg div h3 span.category{
	display: block;
    padding-bottom: 10px;
    font-size: 0.7em;
    line-height: 1em;
    text-transform: none;
    font-weight: 400;	
}
/* навигация для блога */
.blog_page_navigation{
	padding-top:20px;
	text-align:center;
}

/* SUB CATEGORIES ON CATEGORY PAGE */
.sub-categories{	
	margin-bottom:30px;
}
.sub-categories .category-thumb{
	margin-bottom:0.5em;
}
.sub-categories .category-thumb img{
    max-height: 80px;
    margin: 0 auto;
}
.sub-categories .caption h4{
    font-size: 1em;
    text-align: center;
    font-weight: 700;
}

/* CATEGORY EXTENSION MODULE */
.category-group{
	margin-bottom:20px;
}
.category-block span.title{
	display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 4px;
    padding: 10px 10px;
    color: #000;
    text-transform: uppercase;
    border-bottom: 2px solid #ddd;
}
.category-group-item{
    display: table;
    width: 100%;
    position: relative;
}
a.category-group-item{
	color:#004f9c;
	border:1px solid transparent;	

}
a.category-group-item span.cat-ins{
	display: table-cell;
    line-height: 1em;
    font-size: 1.2em;
    vertical-align: middle;
    padding: 4px 0 4px 10px;
}

.category-block ul.navbar-nav li.nav-item.has-dropdown:hover a, .category-block ul.navbar-nav li.nav-item.has-dropdown:focus a {
	color:#1e5473;
}
.category-group-item .image{
    display: table-cell;
    position: relative;
    width: 10%;
    vertical-align: middle;
    height: 100%;
}
.category-group-item .image img{
	display:inline-block;
	width:2em;
	vertical-align:middle;
    background-color: #004f9c;	
	border:1px solid transparent;
	border-radius:100%;	
}

.category-group-item .image.Zeus img{
	background-color: #161B38;
}
.category-group-item .image.Mizuno img{
	background-color: #001489;
}
.category-group-item .image.Select img{
	background-color: #323338;
}
.category-group-item .image.Champion img{
	background-color: #131313;
}
a.category-group-item.active, a.category-group-item:hover{
	color:#000;
} 	
a.category-group-item.active img, a.category-group-item:hover img{ 	
	transition:all .5s ease-in-out;
	background-color:#000!important;
	border:1px solid #fff;
	filter: invert(100%);
}
.category-group-item .cat-descr{
    display: none;
    font-size: 0.8em;
    padding-top: 0.2em;
    color: #333;
}
.category-group-item .cat-count{
    display: none;
    font-size: 0.8em;
    padding: 4px 0px;
    color: #004f9c;
    width: 20%;
    text-align: center;
    position: relative;
    vertical-align: middle;
}
@media screen and (max-width: 1199px) {
	.category-group-item.parent .cat-count{
		display:none;
	}	
	a.category-group-item.parent span.cat-ins{
		width: 80%;
	}	
}

.category-block ul.navbar-nav{
    padding: 0;
	margin: 0;
}
.category-block ul.navbar-nav li {
  list-style:none;
	display:block;
	width:100%;
}
.category-block .navbar-nav > li > a {
	padding:0px;
	margin-bottom:4px;
}
.category-block ul.navbar-nav li.has-dropdown {
  position: relative;
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown {
    width: 100%;
    -webkit-box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);
    z-index: 1002;
	display:none;
    visibility: hidden;
    opacity: 0;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-bottom: 10px;
	min-width:auto;
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown:before {
	left: 15px;
    top: -16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ddd;
    border-width: 8px;
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 4px;
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a {
    text-transform: none;
    padding: 0px;
    display: table;
    line-height: 1.1em;
    letter-spacing: 0;
    background: #fff;
	text-shadow:none;
    border-left: 1px solid transparent;
	color: #004f9c;
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a:hover, .category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a.active{
  color: #05427d;
	border-left:1px solid #fff;  
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a.show_all{
    width: 80%;
    text-align: left;
    text-transform: uppercase;
    margin: 0.5em 0;
	display: inline-block;
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li span.close_all{
	width: 20%;
    text-align: right;
    margin: 0.5em 0;
    display: inline-block;
    float: right;
	color:#666;
	cursor:pointer;
}
.category-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a.show_all:hover{
	border-left:1px solid transparent;
}

/* SORT */
.select-block-all{
	margin-bottom: 1em;
	padding:0;
}
.select-block{
	position:relative;
	display:inline-block;
}
.select-block.right{
	float:right;
}
.select-block .block-name{
	color:#aaa;
}
.select-block ul.navbar-nav{
    padding: 0;
	margin: 0;
}
.select-block ul.navbar-nav li {
  list-style:none;
}
.select-block ul.navbar-nav li.has-dropdown {
  position: relative;
}
.select-block a.nav-link-title i.fa{
	font-size:1em;
}
.select-block a.nav-link-title{
    display: block;
    font-size: 1.2em;
    margin-right: 1em;
    color: #333;
}

.select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown {
  width: auto;
  -webkit-box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: left;
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  border:1px solid #ddd;
  font-size: 1.2em; 
}
.select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 1em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #ddd;
  border-width: 8px;
  margin-left: -8px;
}
.select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 1em;
}
.select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}
.select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a {
    font-size: 0.8em;
	white-space:nowrap;
	text-transform:none;
    padding: 0 10px 0 0px;
    display: block;
    color: #444;
    line-height: 1.1em;
    letter-spacing: 0;
    text-shadow: none;
	border-left:0;
	background: transparent;
}
.select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a i{
	display:inline-block;
	width:2em;
	color:#aaa;
	padding-right:10px;
	font-style:normal;
}
.select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a:hover, .select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li.active a, .select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li a:hover i, .select-block ul.navbar-nav li.nav-item.has-dropdown .dropdown li.active a i {
	color: #000;
	border-left:0;
}
.select-block ul.navbar-nav li.nav-item.has-dropdown:hover a, .select-block ul.navbar-nav li.nav-item.has-dropdown:focus a {
  color: #05427d;
}
.select-block ul.navbar-nav li.nav-item a.default{cursor:default;}


/* PRODUCTS CARDS */
.product-layout{
 position: relative; 
 margin-bottom:30px;
}
.product-layout h1{
 color:#F97300;
 margin: 2em; 
}
.product-layout .card{
    border: 1px solid #ddd;
	border-radius:4px;
	position:relative;	
	z-index:1;
	background-color:#fff;
	 -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);	
	transition:all .3s ease-in-out;
}
.product-layout:hover .card{
	 -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;	
}
.product-layout.product-grid .card{
	padding-bottom:50px;
	
}	
.product-layout.product-grid .card-dtls{
	display: block;
	position:absolute;
	bottom:0;
	width:100%;
}	
.product-layout.product-grid .card .card-footer{
	display:none;
}	

@media screen and (min-width: 768px) {
	.product-layout.product-list .card{
		border:1px solid #ddd;
		height:100%;
	}	
	.product-layout.product-list .card.shadow_after:after{
		display:none;
	}		
	.product-layout.product-list .card img{
		padding:5px;
	}
	.product-layout.product-list .card-img{
		display:inline-block;
		width:30%;
		float:left;
		padding:0;
	}
	.product-layout.product-list .card-dtls{
		display: table;
		width: 30%;
		float: right;
		margin: 0;
		height:100%;
	}	
	.product-layout.product-list .card-price{
		display:table-cell;
		padding:0;
		text-align:left;
		vertical-align:middle;		
	}		
	.product-layout.product-list .card-dtls .card-price{
		padding-bottom:0;
	}		
/* 	.product-layout.product-list .card-dtls.notlogged{
		display: block;
		width: auto;
		border-left: 0;
		position: absolute;
		bottom: 0;
		right: 0;
	}	 */	
	.product-layout.product-list .card-body{
		display:table;
		width:40%;		
		float:left;		
		height:100%;
		position:relative;
		bottom:0;
	}
	.product-layout.product-list .card-body.wide-width{
		width:70%;
	}		
	.product-layout.product-list .card-body .card-body-ins{
		display:table-cell;
		vertical-align:middle;	
		padding-bottom: 1em;				
	}		
	.product-layout.product-list .card-body .card-info{
		height:auto;
		margin-bottom:0;
	}	
	.product-layout.product-list .card-body .card-title{
		text-align:left;
	}
	
/* 	.product-layout.product-list .card-body.notlogged{
		float:none;		
		width:auto;
	}	 */	
	.product-layout.product-list .card-footer .yadro-btn-blue{background-color:#fff; color:#004f9c; text-shadow: none;}	
	.product-layout.product-list .card-footer .yadro-btn-blue:before{display:none;}	
	.product-layout.product-list .card-footer .yadro-btn-blue button{display:inline-block; width:20%; color:#004f9c; background: transparent; text-shadow: none;}
	.product-layout.product-list .card-footer .yadro-btn-blue button:hover{text-shadow: none;}
	.product-layout.product-list .card-footer .yadro-btn-blue button+button+button{display:block; width: 100%; margin-top: 1em;}	
}

.product-layout .card-bage{
	display:block;
	position:absolute;
	top:4px;
	right:4px;
	padding:5px 10px;
	color:#fff;
	text-shadow:0 1px 1px #000;
	text-align:center;
	opacity:.8;
	text-transform:uppercase;
	font-size:.8em;
	border-radius: 4px;
}
.product-layout .card-bage.tab_1{
	background-color:#b31a06;	
}
.product-layout .card-bage.tab_2{
	background-color:#227288;	
}
.product-layout .card-img{
	text-align:center;
	/* padding: 10px 10px 0; */
	padding-bottom:50px;
}
.product-layout .card img{
    width: auto;
    /* max-height: 180px; */
	padding: 10px 10px 0;	
    margin: 0 auto;	
}
.product-layout .card-body{
	position:absolute;
    bottom: 50px;
	width: 100%;
	background-image: -moz-linear-gradient(90deg, #fff 70%, transparent 100%);
	background-image: -webkit-linear-gradient(90deg, #fff 70%, transparent 100%);
	background-image: -ms-linear-gradient(90deg, #fff 70%, transparent 100%);
	
}
.product-layout .card-body.wide-width{
    bottom: 0px;	
}

.product-layout .card-title{
    color: #444;
	text-shadow:0 2px 2px #fff;
    font-size: 1.4em;
    line-height: 1.1em;
    font-weight: 700;
    margin: 0;
    padding: 0 0 5px;	
	text-align:center;	
	word-wrap: break-word;
    word-break: break-word;
}

.product-layout .card-info{
	position:relative;
    padding: 1em 1em 0;
	color:#333;
    height: auto;
    overflow-y: hidden;
	margin-bottom:10px;
}

.product-layout .card-info:after{
	display:none;
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	height:40px;
	z-index:1;
	  background-image: -moz-linear-gradient(90deg, #fff 0%, transparent 100%);
	  background-image: -webkit-linear-gradient(90deg, #fff 0%, transparent 100%);
	  background-image: -ms-linear-gradient(90deg, #fff 0%, transparent 100%); 	
}
.product-layout .card-body p.card-text{
	margin:0 0 10px;
	display:inline;
	position:relative;
	word-wrap: break-word;
    word-break: break-word;
}
.product-layout .card-body p.card-text:after{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width:50px;
	height:20px;
	z-index:1;
	  background-image: -moz-linear-gradient(180deg, #fff 0%, transparent 100%);
	  background-image: -webkit-linear-gradient(180deg, #fff 0%, transparent 100%);
	  background-image: -ms-linear-gradient(180deg, #fff 0%, transparent 100%); 	
}	
@media screen and (max-width: 767px) {
	.product-layout .card-info{
		height: auto;
	}
	.product-layout .card-info:after{
		display:none;
	}
}
.product-layout .card-price{
	padding: 1em;
	color:#333;
    position: relative;
    z-index: 2;	
}
.product-layout .card-price p.price{
	position:relative;
	font-size: 2em;
	text-align: center;	
	margin:0;
}
.product-layout .card-price p.price span.zeroprice{
    display: inline-block;
    font-size: 0.4em;
    text-transform: uppercase;
}
.product-layout .card-price p.price span.preprice{
	display:inline-block;
	font-size:0.8em;
	padding-right:3px;
}
.product-layout .card-price p.price span.cur{
	display:inline-block;
	font-size:0.8em;
	padding-left:3px;
}
.product-layout .card-price p.price span.price-old{
    position: absolute;
    left: 0;
    top: -1.2em;
    font-size: 0.5em;
    color: #aaa;
    text-decoration: line-through;
    width: 100%;
    text-align: center;
}
.product-layout .card-top-left{
	position:absolute;
	left:0;
	top:0;
	margin:1em;
	padding:5px;
	background-color:rgba(239,239,239,.5);
	border:1px solid #ddd;
	border-radius:4px;
	color:#333;
}
.product-layout .card-top-left button{
	background-color: transparent;
	border:0;
	background-image:none;
	color:#004f9c;
}
.product-layout .card-top-left button:hover{
	color:#05427d;
}
.product-layout .card-top-right{
	position:absolute;
	right:0;
	top:0;
	margin:10px;
	padding:5px 10px;
	background-color:rgba(239,239,239,.75);
	border:1px solid #ddd;
	color:#333;
}

.product-layout .card-top-right .rating .fa-star {
    color: #004f9c;
    font-size: 12px;
}
.product-layout .card-top-right .rating .fa-stack {
    width: 1.6em;
	font-size: 6px;
}

.product-layout .card-rating{
	height:1em;
    margin: 0 1em 5px;
	text-align:center;
}
.product-layout .card-rating .rating .fa-star {
    color: #004f9c;
    font-size: 12px;
}
.product-layout .card-rating .rating .fa-stack {
    width: 1.6em;
	font-size: 6px;
}

.product-layout .card-footer{
	border:0;
	background-color:transparent;
	text-align:center;
    padding: 0;
    margin-bottom:0px;	
    z-index: 2;
	width:100%;
}
.product-layout .card-footer span.bc-text{
    display: inline-block;
    font-size: 0.8em;
    padding-left: 5px;
    position: relative;
    bottom: 0.1em;
}

.product-layout .card-footer .yadro-btn{
	width:100%;
}


/* AJAX block for All-Products */
#ajax-loader-products{
	padding:40px 0 0;
	text-align:center;
}

/* PROSTOFILTER */
#prostofilter-parent-block{
	position:relative;
}
#prostofilter-block{
	position:relative;
	background-color:#fff;
	transition:all .3s ease-in-out;	
	z-index:90;
}
#ajax-loader-filter{
	position:absolute;
	z-index:100;
	height:100%;
	width:100%;
	background-color:rgba(255,255,255,.6);
	text-align:center;
}
#ajax-loader-filter img{
	display:block;
	position:relative;
	top:50%;
	left:50%;
	margin-left:-40px;
	margin-top:-40px;
}
#prostofilter-block .checkbox label, .radio label {
    padding-left: 25px;
}
#prostofilter-block .checkbox label {
    line-height: 16px;
}
#prostofilter-block .checkbox, .radio {
    margin-top: 0px;
    margin-bottom: 10px;
}
#prostofilter-block .checkbox.no {
    position: relative;
    z-index:1;
}
#prostofilter-block .checkbox.no:after {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.6);
    z-index:2;
}
#prostofilter-block .checkbox-circle input {
    position: absolute;
    opacity: 0;
}
#prostofilter-block .checkbox-circle__checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px solid #e2e2e2;
    border-radius: 100%;
}
#prostofilter-block .checkbox-circle input:checked ~ .checkbox-circle__checkmark {
    background-color: #004f9c;
    border: 1px solid #004f9c;
}
#prostofilter-block .checkbox-circle__checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
#prostofilter-block .checkbox-circle__checkmark:after {
	display:block;
    left: 5px;
    top: 2px;
    width: 3.5px;
    height: 7px;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#prostofilter-block .panel {
	position:relative;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#prostofilter-block .panel .panel-heading {
	font-size: 1em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #000;
    background-color: #e6e6e6;
	background-image: -moz-linear-gradient(90deg, #fafafa 0%, #e6e6e6 100%);
	background-image: -webkit-linear-gradient(90deg, #fafafa 0%, #e6e6e6 100%);
	background-image: -ms-linear-gradient(90deg, #fafafa 0%, #e6e6e6 100%);	
    border: 1px solid #ddd;
	border-bottom: 0px;
    padding: 10px;
    text-align: center;	
	text-transform: uppercase;	
}
#prostofilter-block .panel .list-group {
    padding: 0px;
	border: 1px solid #ddd;
	border-bottom:0px;
	border-top:0px;
}

#prostofilter-block .panel .list-group span.list-group-item{
    padding: 20px 15px 10px;
    font-size: 1.1em;
    font-weight: 700;
    border-top: 1px solid #ddd!important;
    text-align: center;
}
#prostofilter-block .panel .list-group div.list-group-item{
    position: relative;
    display: block;
    padding: 5px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px;
}
#prostofilter-block .panel .slider.slider-horizontal {
    margin-bottom: 15px;
}
#prostofilter-block .panel .list-group .slider-track{
	padding:0px 15px;
}
#prostofilter-block .panel .list-group .slider-handle {
    background-color: #004f9c;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#prostofilter-block .panel .list-group a {
    display:block;
	margin-bottom:5px;
	text-align:center;
	text-decoration:none;
	font-size: 13px;
}

#prostofilter-block .panel .list-group a.showlist.collapsed{display:block; padding: 10px 0;}
#prostofilter-block .panel .list-group a.showlist{display:none;}
#prostofilter-block .panel .list-group a.hidelist.collapsed{display:none;}
#prostofilter-block .panel .list-group a.hidelist{display:block; padding: 10px 0;}

#prostofilter-block .panel .panel-footer {
    padding: 0px;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
#prostofilter-block .panel .panel-footer .btn{
    width: 100%;
	margin:0;
    border-color: #ddd;
    font-size: 1em;
    font-weight: 400;
    padding: 5px 15px;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;	
}
#prostofilter-block .panel .panel-footer .filter-btn-search{
	background-image: -moz-linear-gradient(90deg, #e6e6e6 0%, #fafafa 100%);
	background-image: -webkit-linear-gradient(90deg, #e6e6e6 0%, #fafafa 100%);
	background-image: -ms-linear-gradient(90deg, #e6e6e6 0%, #fafafa 100%);	
    border: 1px solid #ddd;
}
#prostofilter-block .panel .panel-footer .btn:hover, #prostofilter-block .panel .panel-footer .filter-btn-search:hover{
	background-image: none;
    background-color: #004f9c;	
	color:#fff;
	text-shadow:0 1px 1px #000;
}
#prostofilter-block .panel .panel-footer .filter-btn-uncheck{
	color:#004f9c;
	background-color: #fff;
    font-size: 14px;
	border:none;
	margin:0;
	border-radius:4px;
}
#prostofilter-block .panel .panel-footer .filter-btn-uncheck:hover{
	color:#fff;
	background-color: red;
}

#prostofilter-block #filter-btn-float{
	position:absolute;
	display:none;
	width:auto;
	left:100%;
	z-index:100;
	transition:all .3s ease-in-out;	
}

#prostofilter-block .filter-btn-float{
	position:relative;
    background-color: #004f9c;	
	color:#fff;
	text-shadow:0 1px 1px #000;
	border: 1px solid #004f9c;
	width:auto;
	z-index:100;
	transition:all .3s ease-in-out;
}

#prostofilter-block .filter-btn-float:before { 
    display: block;
    content: '';
    position: absolute;
    background: transparent;
    width: 16px;
    height: 16px;
    top: 50%;
    left: -16px;
    margin-top: -8px;
    border: solid transparent;
    border-width: 8px 8px 8px;
    border-right-color: #004f9c;
}
#prostofilter-block #filter-btn-float .closeme{
	display: block;
	cursor:pointer;
    z-index: 101;
    position: absolute;
    right: -12px;
    top: -12px;
    width: 1.6em;
    height: 1.6em;
    border: 2px solid #fff;
    border-radius: 100%;
    background-color: red;
    color: #fff;
    font-size: 1em;
	text-align:center;
	padding-top: 3px;	
}
#prostofilter-block #filter-btn-float .closeme:hover{
    background-color: #fff;
	color:red;
    border: 2px solid red;	
	transition:all .3s ease-in-out;	
}

#prostofilter-block .filter-btn-float.empty_filter{
    background-color: red;
	border: 1px solid red;	
}
#prostofilter-block .filter-btn-float.empty_filter:before { 
    border-right-color: red;
}
#prostofilter-block .filter-btn-float:hover{
    background-color: #fff;	
	color: #004f9c;
	text-shadow:none;
}

/* PRODUCT CARD */
.slide-bg a.thumbnail {
    display: block;
    padding: 10px;
    margin-bottom: 0px;
    line-height: 1.42857;
    background-color: #fff;
    border: 0px;
    border-radius: 4px;
    -webkit-transition: padding 0.3s ease-in-out;
    -o-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out;
}
.slide-bg a.thumbnail:hover, .slide-bg a.thumbnail:focus {
    padding: 5px;
}
.slider-for .slide-bg{
	border:1px solid #ddd;
	border-radius:4px;	
	margin-bottom:20px;
	position:relative;
	 -webkit-box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 55%);
    -moz-box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 55%);
    box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 55%);	
	transition:all .3s ease-in-out;
}
.slide-bg:hover{
	 -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;		
}
.slider-for .slide-bg:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-family: 'Font Awesome 5 Free';
    content: '\f002';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    font-size: 3em;
    color: #ddd;
    z-index: 1;
	text-shadow: 0 2px 2px #aaa;	
}
.slide-bg:hover:before{
    z-index: -1;
}
.slider-nav {
    padding: 4px 30px;
	background-color:#fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
	  background-image: -moz-linear-gradient(180deg, #ffffffb0 0%, transparent 100%);
	  background-image: -webkit-linear-gradient(180deg, #ffffffb0 0%, transparent 100%);
	  background-image: -ms-linear-gradient(180deg, #ffffffb0 0%, transparent 100%); 	
}
.slider-nav .slides{
	border:1px solid #ddd;
	background-color: #fff;
    border-radius: 4px;	
}
.slider-nav .slide-bg{
	text-decoration: none;
	outline: none;
}
.slider-nav .slide-bg .slide-bg-ins{
    margin: 4px;
    background-color: #fff;
}
.slider-nav .slide-bg img{
	display:block;
	cursor:pointer;
	margin:0 auto;
}
.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
    color: #333;
}
.slider-nav .slick-next, .slider-nav .slick-prev {
    z-index: 1;
}
.slider-nav .slick-next {
    right: -25px;
}
.slider-nav .slick-prev {
    left: -25px;
}
.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
}
.slider-nav .slick-prev:before{
	content: '\f053';
}
.slider-nav .slick-next:before{
	content: '\f054';
}

/* SLIDER MINI */
.slider-mini-header p{
    padding: 10px 14px;
    color: #333;
    text-shadow: 0 1px 1px #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    text-align: center;
}
.slider-mini {
    padding: 4px 30px;
	background-color:#fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
	  background-image: -moz-linear-gradient(180deg, #ffffffb0 0%, transparent 100%);
	  background-image: -webkit-linear-gradient(180deg, #ffffffb0 0%, transparent 100%);
	  background-image: -ms-linear-gradient(180deg, #ffffffb0 0%, transparent 100%); 		
}
.slider-mini .slides{
	border:1px solid #ddd;
	background-color: #fff;
    border-radius: 4px;	
}
.slider-mini .slide-bg{
	text-decoration: none;
	outline: none;
}
.slider-mini .slide-bg .slide-bg-ins{
    margin: 4px;
    background-color: #fff;
}
.slider-mini .slide-bg img{
	display:block;
	cursor:pointer;
	margin:0 auto;
}
.slider-mini .slick-prev:before, .slider-mini .slick-next:before {
    color: #333;
}
.slider-mini .slick-next, .slider-mini .slick-prev {
    z-index: 1;
}
.slider-mini .slick-next {
    right: -25px;
}
.slider-mini .slick-prev {
    left: -25px;
}
.slider-mini .slick-prev:before, .slider-mini .slick-next:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
}
.slider-mini .slick-prev:before{
	content: '\f053';
}
.slider-mini .slick-next:before{
	content: '\f054';
}

#product-product .visual-demo{
	display:block;
	padding:15px 15px;
	border:1px solid #ddd;
	border-radius:4px;
	background-color:#fafafa;
	color:#333;
	text-shadow:0 1px 1px #fff;
	margin:17px 0;
	transition:all .3s ease-in-out;
	text-transform: uppercase;
	font-weight:600;
	  background-image: -moz-linear-gradient(180deg, #ffffffb0 0%, transparent 100%);
	  background-image: -webkit-linear-gradient(180deg, #ffffffb0 0%, transparent 100%);
	  background-image: -ms-linear-gradient(180deg, #ffffffb0 0%, transparent 100%); 	
}
#product-product .visual-demo:hover{
	background-color:#fff;
}
#product-price .price{
	display: block;
    margin: 0;
    font-size: 1.8em;
    text-shadow: 0 1px 1px #fff;
}
@media screen and (max-width: 991px) {
	#product-price .price{
		padding-right: 50px;
	}	
}
@media screen and (max-width: 767px) {
	#product-price .price{
		padding-right: 0px;
	}	
}
#product-price .price .preprice{
	display:inline-block;
	font-size:0.8em;
	padding-right:3px;
}
#product-price .price .cur{
	display:inline-block;
	padding-left:5px;
	font-size:0.8em;
}
#product-price .price-old{
	display:block;
	padding-top:10px;
    color: #aaa;
    text-decoration: line-through;
	font-size:0.8em;
}
#product-price .price-btc{
	display:block;
	padding-top:20px;
    color: #fff;
	font-size:0.5em;
	line-height: 1.1em;
}

#product-price.price-block{
	padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-image: -moz-linear-gradient(90deg, transparent 80%, rgba(255,255,255,.6) 100%);
    background-image: -webkit-linear-gradient(90deg, transparent 80%, rgba(255,255,255,.6) 100%);
    background-image: -ms-linear-gradient(90deg, transparent 80%, rgba(255,255,255,.6) 100%);		
}


#product{
	position:relative;
	 -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);	
	background-color:#004f9c;	
	overflow-x: hidden;
}
#product.dark{
	background-color: #05427d;
}
#product.light{
	background-color: #4d90b7;		
}
#product .slide-header{
	position:relative;
	z-index:1;	
	background-color: #004f9c;	
}
#product .slide-header:after, #product .slide-header.both:after{
    content: '';
    position: absolute;
    top: 50%;
	margin-top:-150px;
    left: 100%;   
	width: 300px;
    height: 300px;	
	border: 150px solid transparent;
	border-left: 100px solid #004f9c;
	opacity:1;
	z-index:1;
}
#product .slide-header.reverse:after{
    content: '';
    position: absolute;
    top: 50%;
	margin-top:-150px;
    left: -100px;   
	width: 300px;
    height: 300px;	
    border: 150px solid #004f9c;
    border-left: 100px solid transparent;	
	opacity:1;
	z-index:-1;
}
#product .slide-header.both:before{
    content: '';
    position: absolute;
    top: 50%;
	margin-top:-150px;
    left: -100px;   
	width: 300px;
    height: 300px;	
    border: 150px solid #004f9c;
    border-left: 100px solid transparent;	
	opacity:1;
	z-index:-1;
}	
#product .slide-header.pro{
	position:relative;
	z-index:1;	
	background-color: #05427d;	
}
#product .slide-header.pro:after{
    content: '';
    position: absolute;
    top: 50%;
	margin-top:-150px;
    left: -100px;   
	width: 300px;
    height: 300px;	
    border: 150px solid #05427d;
    border-left: 100px solid transparent;	
	opacity:1;
	z-index:-1;	 
}
#product .slide-header.pro:before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -150px;
    left: 100%;
    width: 300px;
    height: 300px;
    border: 100px solid transparent;
    border-top: 150px solid #004f9c;
    border-bottom: 150px solid #004f9c;	
    opacity: 1;
    z-index: 1;
}

#product .header-catalog-slider{
	margin-left:-15px;
	margin-right:-15px;
}
#product div.slide-bg{
	background-size: cover;	
	background-position: center center;	
	background-repeat: no-repeat;	
}
#product div.slide-bg:before{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url("../images/bg-dark.png");
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: .6;
}
#product .height-block{
	padding:0px;
	min-height:300px;
	color:#fff;
	text-shadow:rgba(0,0,0,.5) 0px 1px 1px;
	font-size:1em;
	line-height:1.1em;
	z-index:100;
	text-align:left;
	vertical-align:middle;
}
#product .height-block .top{
	display:block;
	font-size: 1.6em;
    line-height: 1em;;
}
#product .height-block .bottom{
	display:block;
	text-transform:uppercase;
	font-size:1.6rem;
	line-height:1.8rem;	
}
#product .height-block .soft-line{
	display:block;
	position:relative;
	height:2px;
	width:100%;
	margin-top:15px;		
	margin-bottom:15px;	
	background-image: -moz-linear-gradient(0deg, #fafafa 0%, #004f9c 100%);
	background-image: -webkit-linear-gradient(0deg, #fafafa 0%, #004f9c 100%);
	background-image: -ms-linear-gradient(0deg, #fafafa 0%, #004f9c 100%);
}
@media screen and (max-width: 767px) {
	#product .height-block{
		padding:20px;
		font-size:18px;
		text-align:center;		
	}
	#product .slide-header:after, #product .slide-header.both:before{
		display:none;
	}
	#product div.slide-bg:before{
		opacity: 1;
	}		
	#product .height-block .soft-line{
		background-image: -moz-linear-gradient(0deg, transparent 0%, #004f9c 50%, transparent 100%);
		background-image: -webkit-linear-gradient(0deg, transparent 0%, #004f9c 50%, transparent 100%);
		background-image: -ms-linear-gradient(0deg, transparent 0%, #004f9c 50%, transparent 100%);
	}	
}

#product .price{
	display:block;
    padding: 15px 100px 15px 0;
	font-size:2.5em;
	text-align:center;
}
@media screen and (max-width: 991px) {
	#product .price{
		padding-right: 50px;
	}	
}
@media screen and (max-width: 767px) {
	#product .price{
		padding-right: 0px;
	}	
}


#product .price .cur{
	display:inline-block;
	padding-left:5px;
	font-size:1em;
}
#product .price-old{
	display:block;
	padding-top:20px;
    color: #aaa;
    text-decoration: line-through;
	font-size:0.8em;
}
#product .price-btc{
	display:block;
	padding-top:20px;
    color: #fff;
	font-size:0.5em;
	line-height: 1.1em;
}
#product .form-group {
	margin-bottom:15px;
}
#product .form-group label {
	display: block;
	color:#fff;
	text-shadow:rgba(0,0,0,.5) 0px 1px 1px;	
	font-size:1em;
	text-align:center;	
}
#product .form-control {
	color:#fff;
	text-shadow:rgba(0,0,0,.5) 0px 1px 1px;	
	text-align:center;
	border: 2px solid rgba(255, 255, 255, 0.3);	
    font-size: 2em;	
}
#product .input-group{
	margin-bottom:10px;
}
#product .input-group .btn {
    margin-right: 0px;
    margin-bottom: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 20px;
    height: 50px;
}

#product .alert-info {
    text-shadow:none;
    font-size: 0.8em;	
    line-height: 1em;	
	padding:10px 15px;
	border-radius: 0;	
}
#product #button-cart{
	margin-bottom:10px;
}

#product-product .card-rating{
	height:1em;
    margin: 0;
	text-align:left;
}
#product-product .rating .fa-star {
    color: #004f9c;
    font-size: 12px;
}
#product-product .rating .fa-stack {
    width: 1.6em;
	font-size: 6px;
}
#product-product .sub-info li{
	font-size:0.8em;
	padding-bottom:5px;
}

#product-product .product-description-block{
	padding: 8px;
}
#product-product .product-description-block p{
	margin: 0 0 10px;
}

/* details of product */
#product-product .product-details-block div.string{
	padding:8px 0;
	border-bottom:1px solid #eee;
	display: flex;
}
#product-product .product-details-block div.string span.all{
	display:block;
	width:100%;
	padding: 0 8px;
}
#product-product .product-details-block div.string span.left{
	display: inline-block;
    width: 50%;
    padding: 0 8px;
    line-height: 1.1em;
}
#product-product .product-details-block div.string span.right{
	display:inline-block;
	width:50%;
	padding: 0 8px;
	text-align:right;
}

/*  */
.prev_next_products {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.prev_next_products.active {
  opacity: .8;
  visibility: visible;
}
.prev_next_products.active:hover {
  opacity: 1;	
}
.prev_next_products_block{
	background-color:#fff;
    padding: 5px 0;
    border: 1px solid #ddd;
    border-radius: 4px;	
    -webkit-box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 16px -9px rgba(0, 0, 0, 0.75);	
}
.prev_next_products_ins{
	display:inline-block;
    text-align: center;
	padding: 0 5px;	
}
.prev_next_products_ins span.prev_next_nav{
	display:block;
	line-height:1em;
    font-size: 0.8em;
	color:#333;
}
.prev_next_products_ins span.prev_next_nav i{
    display: inline-block;
    font-size: 2em;
    position: relative;
    top: 6px;
    padding: 0 2px;
}
@media screen and (max-width: 767px) {	
	.prev_next_products_ins img{
		max-height:50px;
	}		
}

/* DESCRIPTION TOOL STYLE added by script */
.frame-responsive{
	display: block;
    height: 400px;
    width: 100%;
}

/* Product-Pop-Up */
.product-white-popup{
	text-align:center; width:80%; margin:40px auto; background-color:#fff; position:relative;
	padding:40px;
}
.product-form-main-img{
	width:100%; margin:0 auto;
}
.product-white-popup h2, .product-white-popup h3 {
	margin-top:0px;
	word-wrap: break-word;
    word-break: break-word;	
}
@media (max-width: 767px){
	.product-white-popup{
		width:90%;
		padding:40px 20px 20px;
	}	
	.product-white-popup .contact-form{
		border-top:2px dotted #ddd;
	}	
	.product-white-popup h2, .product-white-popup h3 {
		margin-top:20px;
	}	
}
@media (min-width: 768px){
	.product-white-popup .contact-form{
		border-left:2px dotted #ddd;
		padding-left:10px;
	}
}
.product-white-popup h2 span.price-for {
    display: inline-block;
    padding-right: 3px;
    font-size: 16px;
}
.form-data .form-group{
	margin-bottom:10px;
}
.form-data .form-control{
	color:#000;
}

#information-information #description p{
	margin:0 0 10px;
}


/* SEARCH page */
#product-search .form-control{
    color: #000;
}
@media screen and (max-width: 767px) {
	#product-search .form-control{
		margin-bottom: 10px;
	}
}

/* TOOLTIP */
.tooltip-inner {  max-width: 200px;  padding: 3px 8px;  color: #fff; text-shadow:0 1px 1px #000; text-align: center;  background-color: #aaa;  border-radius: 4px; border:1px solid #aaa;}
.tooltip.top .tooltip-arrow {  bottom: 0;  left: 50%;  margin-left: -5px;  border-width: 5px 5px 0;  border-top-color: #aaa;}

.tooltip-inner.bot-left { font-size:1.2em; max-width: 200px;  padding: 8px 8px;  color: #fff; text-shadow:0 1px 1px #000; text-align: left;  background-color: #aaa;  border-radius: 4px; border:1px solid #aaa;}
.tooltip-inner.bot-left b{ font-size:1.2em;}

.tooltip.bottom .tooltip-arrow {  top: 0;  left: 50%;  margin-left: -5px;  border-width: 0 5px 5px;  border-bottom-color: #aaa;}


/* SUB HEADER STYLE */
.sub-header{
	padding: 0;
	margin:0;
	margin-bottom:1.5em;
	font-size: 0.8em;	
}
.sub-header h4{
    color: #666;
    font-size: 1.8em;
	line-height: 1.2em;	
    position: relative;
    text-shadow: 0 2px 2px #fff;
    margin-top: 0px;
    margin-bottom: 10px;	
}
.sub-header h4 span{
	display:inline-block;
	position:relative;
	z-index:1;
}
.sub-header h4 span b{
    color: #333;
	text-transform:uppercase;	
}
.sub-header h4 span i{
	display:inline-block;
	font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-weight: 900;
    font-size: 1em;
    color: #333;
	position:relative;
    padding-right:3px;
}

/* YadroOneCategoryModule */
.main-header h4{
    font-size: 2.2em;
    font-weight: 600;
    color: #333;
    margin-top: 20px;	
    margin-bottom: 20px;	
}
.main-header h4 img{
	display:inline-block;
	max-height:1.4em;
}
.category-layout a.positioning{
	display:block;
	position:relative;
    padding-bottom: 30px;
	height:100%;
	word-wrap: break-word;
}
.row.full-height{
	height:100%;
	overflow: hidden;	
}
.category-layout .overflow{
	min-height: 200px;	
	height:100%;	
}
.category-layout .image-block{
	display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 200px;
    height: 100%;
    transition: all .5s ease-in;
    z-index: 1;
    position: relative;
}
.category-layout .data-block{
    position: relative;
    z-index: 1;
    color: #fff;
    height: 100%;
    background-color: #000000ba;
	min-height: 200px;
	height:100%;	
}
.category-layout .data-block .text-block{
	padding: 10px 20px 80px 0;
}
.category-layout .data-block h3{
	display:block;
	font-size: 2em;
    font-weight: 600;	
    text-shadow: 0 2px 5px #000;
    color: #fff;
}
.category-layout.information .data-block h3{
	font-size: 1.6em;
	margin: 15px 0 5px;
}
.category-layout .data-block .description p{
    position: relative;
    margin: 0 0 5px;
}
.category-layout .data-block .description.category p{
    padding-left: 20px;
}
.category-layout .data-block .description p:last-child{
	margin:0;	
}
.category-layout .data-block .description.category p:before{
	display: block;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    content: '\f14a';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    font-size: .9em;
    color: #ddd;
    top: 3px;
    left: 0;
    padding-right: 7px;
}
.category-layout .data-block .description p span{
    display: inline-block;
    padding: 2px 6px;
    background-color: #0000006b;
    font-size: 1.1em;
    border-radius: 4px;
    position: relative;
    margin: 0 2px;
}
.category-layout .positioning .action-arrow{
	position: absolute;
    bottom: 40px;
    left: 0;
    height: 50px;
    width: 50px;
    z-index: 1;
}
.category-layout .positioning .action-arrow:before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: -2px;
    width: 50px;
    height: 50px;
    border: 25px solid transparent;
    border-left: 25px solid #b31a06;
    opacity: 1;
}
.category-layout .positioning .btn-block{
    position: absolute;
	width:100%;
    bottom: 0;
    z-index: 1;
    margin: 0 -15px;
    padding: 0 15px;
	padding-bottom: 20px;	
}
.category-layout .positioning .btn-block .action-btn{
	display:inline-block;
    padding: 8px 14px;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 2px 2px #000;
    background-color: #b31a06;
    border-radius: 4px;
    background-color: #b31a06;
    border-radius: 4px;
    transition: all .3s ease-in-out;	
    -webkit-box-shadow: 0px 14px 30px -15px rgb(0 0 0 / 75%) !important;
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 14px 30px -15px rgb(0 0 0 / 75%) !important;
    background-image: -moz-linear-gradient(90deg, transparent 80%, rgba(255,255,255,.7) 100%);
    background-image: -webkit-linear-gradient(90deg, transparent 80%, rgba(255,255,255,.7) 100%);
    background-image: -ms-linear-gradient(90deg, transparent 80%, rgba(255,255,255,.7) 100%);		
}
.category-layout:hover .positioning .btn-block .action-btn{
	background-color:#ec1b00 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
	text-shadow: none!important;
    background-image: -moz-linear-gradient(90deg, transparent 80%, rgba(0,0,0,.3) 100%);
    background-image: -webkit-linear-gradient(90deg, transparent 80%, rgba(0,0,0,.3) 100%);
    background-image: -ms-linear-gradient(90deg, transparent 80%, rgba(0,0,0,.3) 100%);		
}
.category-layout .mask-bg{
	transition:all .3s ease-in-out;
	opacity:.5;
}
.category-layout:hover .mask-bg{
	opacity:.1;
}

.category-layout.information .positioning .btn-block{
	text-align:center;
}
.category-layout.information .data-block {

}	
.category-layout.information .data-block .text-block{
	padding: 10px 40px 60px;
	text-align:center;
}
@media screen and (max-width: 991px) {
	.category-layout .data-block h3{
		font-size: 1.6em;	
	}
}
@media screen and (max-width: 767px) {
	.main-header h4{
		font-size: 2em;
		text-align:center;
	}
	.category-layout a.positioning{

	}		
	.category-layout .data-block {

	}	
	.category-layout .data-block .text-block{
		padding: 10px 40px 70px 40px;
	}
	.category-layout .positioning .action-btn{
		margin-left: 40px;	
		margin-right: 40px;
	}
}

/* FeaturedTabsModule */
.featured_tabs{
	background-color:#fff;
	padding-top:30px;
	padding-bottom:30px;	
	border:1px solid #ddd;
}
.featured_tabs .featured_btn_block .featured_btn{
	background-color:#fafafa;	
	display:inline-block;
	padding:5px 10px;
	border:1px solid #ddd;
	margin-right:10px;
	cursor:pointer;
	transition:all .3s ease-in-out;
}
.featured_tabs .featured_btn_block .featured_btn:hover{
	background-color:#fefefe;	
}
.featured_tabs .featured_btn_block .featured_btn.active{
	background-color:#fff;
}

.featured_tabs .featured_block{
	display:none;
}
.featured_tabs .featured_block.active{
	display:block;	
}
@media screen and (max-width: 767px) {
	.featured_tabs{
		border-left:none;
		border-right:none;
	}
	.featured_tabs .featured_btn_block{
		text-align:center;
	}
	.featured_tabs .featured_btn_block .featured_btn{
		margin-left:5px;
		margin-right:5px;
	}	
}

/* HistoryBlock */
.teasers{
	padding-top:50px;
	padding-bottom:50px;
}
.teaser-layout{
	position: relative;	
	height:100%;
}
.teaser-block{
	height:100%;
	padding: 120px 15px 0;
}
.teaser-timelaps{
    position: absolute;
	top:0;
	left:0;
	width:100%;
    text-align: center;
    margin: 15px 0 25px;
    padding: 0 0 20px;
}

.teaser-timelaps h4.date{
	position:relative;
	font-size: 2em;
    font-weight: 600;
	margin: 10px -15px;
}
@media screen and (max-width: 768px) {
	.teaser-timelaps h4.date{
		margin: 10px 15px;
	}
}
.teaser_block .teaser-layout .teaser-timelaps h4.date:after{
	display: block;
    position: absolute;
    content: '';
    bottom: -39px;
    left: -10px;
    margin-left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #e85214;
}
.teaser_block .teaser-layout .teaser-timelaps h4.date:before{
	display:block;
	position:absolute;
	content:'';
	bottom:-30px;
	left:0;
	width:100%;
	height:2px;
	background-color:#ddd;
}
.teaser_block .teaser-layout:first-child .teaser-timelaps h4.date:before{
	left:auto;
	right:0;
	width:50%;
}
.teaser_block .teaser-layout:last-child .teaser-timelaps h4.date:before{
	width:50%;
}
.teaser-text{
	text-shadow:0 1px 1px #fff;
}

.teaser-content{
	height:100%;
	border:1px solid #ddd;
	background-color:#fff;
}
.teaser-content h4{
	font-size: 1.4em;
    font-weight: 600;
	text-align:center;
	padding: 10px 20px 5px;
}
.teaser-content p{
	font-size:1.1em;
	line-height:1.1em;	
	padding:0 20px 0;
}
.teasers .slide_prev, .teasers .slide_next{
    position: absolute;
    top: 21px;
    margin-top: 0;
    width: 20px;
    height: 40px;
    z-index: 100;
    color: #e85214;
    font-size: 3em;
    opacity: 1;
    cursor: pointer;
    transition: all .3s ease-in-out;
    line-height: 3em;
}
.teasers .slide_prev{
	left:-2px;
	text-align:left;
}
.teasers .slide_next{
	right:-2px;
	text-align:right;	
}
.teasers .slide_prev:hover, .teasers .slide_next:hover{
	opacity:1!important;
	color:#364857;
}
.teasers .slick-arrow.slide_prev.slick-disabled, .teasers .slick-arrow.slide_next.slick-disabled{
	display:none!important;
}
@media screen and (max-width: 768px) {
	.teasers .slide_prev, .teasers .slide_next, .teasers .slick-dots{
		text-align: center;
	}
	.teasers .slide_prev{
		left:13px;
		text-align:left;
	}
	.teasers .slide_next{
		right:13px;
		text-align:right;	
	}	
}


/* Sub Info Block (links, generated by module, after price in product card)   */
.sub-info-links{
    padding-top: 5px;
}
.sub-info-links li{
    margin-bottom: 15px;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #fafafa;
}
.sub-info-links a{
	color:#000;
	text-decoration:none;
}
.sub-info-links h4 img{
	display:inline-block;
	width:20px;
	max-height:20px;
	padding-right:5px;
}
.sub-info-links h4 i{
	display:inline-block;
	width:20px;	
	padding-right:5px;	
}
.description-popup h4{
	font-size:2em;
}
.description-popup h4 img{
	display:inline-block;
	width:30px;
	max-height:30px;
	padding-right:5px;
}
.description-popup h4 i{
	display:inline-block;
	width:30px;	
	padding-right:5px;	
}
@media screen and (max-width: 767px) {
	.sub-info-links{
		border-top: none;
		text-align: center;
	}	
	.sub-info-links li {
		margin-bottom: 15px;
		display: inline-block;
		padding: 0px 10px;
		border: 1px solid #ddd;
		background-color: #fafafa;
	}
}

/* GalleryBlock */
.gallery_block{
	background-color:#fff;
	padding-top:30px;
	padding-bottom:30px;	
	border:1px solid #ddd;
}
.gallery_item{
	margin-bottom: 30px;	
    border: 1px solid #ddd;
	border-radius:4px;
	position:relative;	
	z-index:1;
	background-color:#fff;
	 -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);	
	transition:all .3s ease-in-out;		
}
.gallery_item:hover{
	 -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;	
}
.gallery_item img{
	padding:5px;
    -webkit-transition: padding 0.3s ease-in-out;
    -o-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out;
}
.gallery_item:hover img, .gallery_item:focus img {
    padding: 0px;
}
@media screen and (max-width: 767px) {
	.gallery_block{
		border-left:none;
		border-right:none;
	}	
}

/* PAGINATION */
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #666;
    border-color: #666;
    cursor: default;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 20px;
    line-height: 1.42857;
    text-decoration: none;
    color: #666;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

/* CATEGORY INTEGRATED CONTACT FORM BLOCK */
.contact-form-block{
	position:relative;
    padding-top: 30px;
    padding-bottom: 30px;
	overflow:hidden;
}
.contact-form-block:before{
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/question.png) center left no-repeat transparent;
    opacity: .2;
    top: 0;
    left: 0;
}

/* CATEGORY DESCRIPTION BLOCK */
.description-block h3{
	
}
.description-block p{
	line-height:1.2em;
}

/* STYLES FOR SHORTCODES */
.text-uppercase{
	text-transform:uppercase;
}
.bg-cover{
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-contain{
	background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.bg-cover .promo-section{
	margin-top:60px;
	margin-bottom:60px;
	padding-top:60px;
	padding-bottom:60px;	
}
.bg-grey{
	background-color:#F4F4F4;
}
.bg-grey .promo-section, .bg-grey.promo-section{
	margin-top:60px;
	margin-bottom:60px;
	padding-top:60px;
	padding-bottom:60px;		
}
.description-block .bg-grey .promo-section.no-bottom{
	margin-bottom:-100px;
}
.promo-section i.icon{
	position: relative;
    padding: 30px 0 0;
    font-size: 2.6em;
    font-weight: 600;
}
.promo-section.text-white i.icon{ 
	text-shadow: 0 4px 4px #000;
}
.promo-section h3, .card-content h3{
	position: relative;
    padding: 0 0 20px;
    margin-bottom: 20px;
    font-size: 2.0em;
    font-weight: 600;
}
.promo-section.header h3, .card-content.header h3{
	text-transform:uppercase;
    padding: 0 0 0px;
    margin-bottom: 0px;
}
.promo-section h3.text-uppercase, .card-content h3.text-uppercase{
    font-size: 2.6em;	
}
.promo-section.text-white h3, .card-content.text-white h3{
    text-shadow: 0 4px 4px #000;	
}
.promo-section h3:after, .card-content h3:after{
    display: block;
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    border-bottom: 2px solid;
    bottom: 0;
	left:0;
}
.promo-section h3.text-center:after, .card-content h3.text-center:after{
    left: 50%;
    margin-left: -50px;
}
.promo-section.header h3:after, .card-content.header h3:after{
    display: none;	
}
h3.no-underline{
    padding: 0;
    margin-bottom: 20px;	
}
h3.no-underline:after{
    display: none;
}
.promo-section h4{
	font-family: 'Roboto';	
	position: relative;
    padding: 0 0 20px;
    margin-bottom: 20px;
	font-size: 1.2em;
    line-height: 1.2em;	
}
.promo-section.text-white h4{
    text-shadow: 0 2px 2px #000;	
}
.text-white h3, .text-white h4{
	color:#fff;
}
.promo-section p{
	font-size:1.2em;
}
.promo-section ul{
	margin: 0;
    padding: 0 0 0 20px;
    font-size: 1.1em;
    line-height: 1.1em;	
}
.promo-section ul li{
	padding-bottom:5px;
}
.text-white p{
	color:#fff;
	text-shadow:0 1px 1px #000;
}
.mh-200{
	min-height:200px;
}
.mh-300{
	min-height:300px;
}
.mh-400{
	min-height:400px;
}
.h-100p{
	height:100%;
}

.sc-image-modal{
	display:block;
	position:relative;
}
.shortcode-image-modal-block .sc-image-modal:after{
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,.5);
    top: 0;
	left:0;	
	transition:all .3s ease-in-out;
	opacity:0;
}
.shortcode-image-modal-block.dark .sc-image-modal:after{
	opacity:0.2;	
}
.shortcode-image-modal-block .sc-image-modal:before {
	display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    font-family: 'Font Awesome 5 Free';
    content: '\f00e';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    font-size: 22px;
    color: #fff;
	text-shadow:0 2px 2px #000;
	transition:all .3s ease-in-out;	
    opacity: 0;
    margin-left: -.5em;
	z-index:1;
}
.shortcode-image-modal-block:hover .sc-image-modal:after, .shortcode-image-modal-block:hover	 .sc-image-modal:before{
	opacity:1;
}
.card-content{
	margin-bottom:15px;
    border: 1px solid #ddd;
	border-radius:4px;
	position:relative;	
	z-index:1;
	background-color:#fff;
	 -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.55);	
	transition:all .3s ease-in-out;
}
/* header with image */
.header-wimg-block{
	display: block;
    padding: 0 0 10px;
}
.header-wimg-block h3{
	display:inline-block;
	position: relative;
    font-size: 2.0em;
    font-weight: 600;
	margin:0;
	padding:0;
}
.header-wimg-block h3:after{
	display:none;
}
.header-wimg-block h3 img{
	display:inline-block;
	position: relative;
	top:-5px;
}
.header-wimg-block h3.img-right img{
	margin-left:10px;
}
.header-wimg-block h3.img-left img{
	margin-right:10px;
}
@media screen and (max-width: 767px){
	.header-wimg-block h3 img{	
		display: block;	
	    margin: 0!important;
		padding-top: 20px;		
	}
	.header-wimg-block.text-center h3 img{
		margin: 0 auto !important;
	}
	.header-wimg-block.text-right h3 img{
		margin-right: 0!important;
		margin-left: 0!important;
	}	
	
}