#product {
	background: url(../images/productsP.jpg) no-repeat fixed top ;
	height: 520px;
	position: fixed;
	text-align: center;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
}
#main:before {
	content: "";
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0px;
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -50px;
	opacity: 1;
	box-shadow: 0 -20px 20px -20px #25305687, 0 -10px 15px -20px #253056;
}
#main {
	background: white;
	margin-top: 300px;
}
#main .tabs .tab a {
	background: url(../images/treug.svg) no-repeat top right  #fafafa;
	background-size: 25px 25px;
	color: #253056;    
	display: block;
	width: 400px;
	height: 100%; 
	margin: auto;
	font-size: 1.2rem; 
	transition: 0.5s all!important;
}
#main .tabs .tab a:hover, #main .tabs .tab a.active {
	background: white repeating-linear-gradient(45deg, #536080, #536080 10px, #253056 10px, #253056 20px);
	color: white;
}
#main .tabs .indicator {
	position: absolute;
	background: url(../images/rtreug.svg) no-repeat top right;
	background-size: 25px 25px;
	width: 400px;
	height: 100%; 
	margin: auto;    
}
.collapsible {
	box-shadow: none;
	border: none;
}
.collapsible-body {
	border:none;
	padding: 2rem 0 2rem 0;
}
.collapsible-header {
	background: #f3f4f7;
	border: 1px solid white;	
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px 0 30px;
}
.collapsible_title {
	font-size: 1.3rem;
	color: #253056;
	/*position: absolute;
	margin: 14px 0 0 20px;	*/
}
.iconc {
	display: block;
	width: 24px;
	height: 22px;
	background: white;
	border-radius: 50%;
}
.collapsible-header .iconc:before {
	content: '\e3ba';
	font-size: 2.2rem;
	position: absolute;
	font-family: 'Material Icons';
	transform: rotate(0deg);
	transition: 0.7s all;
	margin: -12px 0 0 -3px;
}
.collapsible-header .iconc:hover:before {
	content: '\e3ba';
	font-size: 2.2rem;
	position: absolute;
	font-family: 'Material Icons';
	transform: rotate(360deg);
	margin: -12px 0 0 -3px;
}
li.active .collapsible-header .iconc:before {
	content: '\e15d';
	font-size: 2.2rem;
	position: absolute;
	color: #ed2024;
	font-family: 'Material Icons';
	transform: rotate(0deg);
	margin: -12px 0 0 -3px;
}
.tab_text {
	color: #253056;
}
.card .card-title {
	font-size: 1.1rem;
	color: #253056;
	line-height: 1.5rem!important;
}
.card .card-title i {
	color: #ed2024;
	position: absolute;
	right: 20px;
	top: 20px;
}
.card .card-reveal {
	background-color: #fff !important;
	background: repeating-linear-gradient(-45deg, rgba(199, 199, 199, 0.05), rgba(199, 199, 199, 0.05) 10px, rgba(199, 199, 199, 0.1) 10px, rgba(199, 199, 199, 0.1) 20px);
}
.card-reveal p {
	font-size: 0.75rem;
}
.pdf {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	right: 0;
	top: 86px;
	margin:auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
a.kat{
	width: 50px;
	height: 50px;
	display: block;
	background: url(../images/pdf.svg) no-repeat center center;
	transition: 0.5s all;
}
a.kat:hover{
	background: url(../images/pdf1.svg) no-repeat center center;
}
.kartinka {
	padding-top: 30px;
	display: flex;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
	height: 25%;
}
.kartinka i, .kartinka i {
	font-size: 4rem;
	transition: 0.5s all;
	color: #253056;
}
.kartinka i:hover, .kartinka i:hover {
	color: #ed2024;
}
.fancybox-slide--iframe .fancybox-content {
	width  : 680px!important;
	height : 500px!important;
	max-width  : 100%!important;
	max-height : 100%!important;
	margin: 0!important;
	background-color: transparent!important;
	overflow: hidden!important;
}
.tabs.tabsM {
	display: none;
}
.zagl {
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
}
.zagl_v1 {
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
}
.zagl_v1 i {
	font-size: 2rem;
	color: #253056;
}
img.preview {
	width: 100px;
	height: auto;
	display: block;
	position: relative;
	margin: 5px;
}
.pulsex{
	animation-name: pulsex;
	-webkit-animation-name: pulsex;  
	animation-duration: 1.2s; 
	-webkit-animation-duration: 1.2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@keyframes pulsex {
	0% {
		transform: scale(1);
		opacity: 0.7;   
	}
	50% {
		transform: scale(1.1);
		opacity: 1; 
	} 
	100% {
		transform: scale(1);
		opacity: 0.7; 
	}     
}

@-webkit-keyframes pulsex {
	0% {
		-webkit-transform: scale(1);
		opacity: 0.7;   
	}
	50% {
		-webkit-transform: scale(1.1);
		opacity: 1; 
	} 
	100% {
		-webkit-transform: scale(1);
		opacity: 0.7; 
	}     
}

@media (max-width: 1490px) and (min-width: 1400px) {
	.card {
		height: 330px;
	}
}
@media (max-width: 1399px) and (min-width: 1200px) {
	.card {
		height: 300px;
	}
}
@media (max-width: 1199px) and (min-width: 716px) {
	.card {
		height: 280px;
	}
}
@media (max-width: 716px) and (min-width: 616px) {
	.card {
		height: 270px;
	}
}
@media (max-width: 600px) and (min-width: 0px) {
	#slider {
		display: none;
	}
	@media (max-width: 1300px)and (min-width: 0px) {
		.card .card-title {
			font-size: 1.1rem;
			color: #253056;
			line-height: 1.68rem!important;
		}
	}
	@media (max-width: 1308px) and (min-width: 1132px) {
		#main .tabs .tab a {
			width: 260px!important;
		}
		#main .tabs .indicator {	
			width: 260px;
		}
	}
	@media (max-width: 1131px) and (min-width: 1111px) {
		#main .tabs .tab a {
			width: 230px;
		}
		#main .tabs .indicator {	
			width: 230px;
		}
	}
	@media (max-width: 1110px) and (min-width: 800px) {
		#main .tabs .tab a {
			width: 210px;
		}
		#main .tabs .indicator {	
			width: 210px;
		}
	}
	@media (max-width: 799px) and (min-width: 0px) {
		#main .tabs {
			display: none;
		}
		#main .tabs .indicator {
			display: none;
		}
		.tabs.tabsM {
			display: block!important;
			height: 200px!important;
			margin-top: -50px;
		}
		.tabs.tabsM .tab {
			margin-bottom: 20px;
		}
		.tabs.tabsM .tab {
			background-size: 20px 20px!important;
			background-position-x: 262px!important;
		}
		#test1, #test2, #test3 {
			margin-top: -50px;
		}
	}
	@media (max-width: 552px) and (min-width: 0px) {
		.collapsible_title {
			font-size: 1rem;
			width: 400px;
		}
		.collapsible-header {
			padding: 0 25px 0 15px;
		}
	}
	@media (max-width: 400px) and (min-width: 0px){
	/*#main .tabs .tab a {
		width: 100%;
		}*/
	}