/**
 * File:        /template/Danneo/css/block.css
 *
 * Template:    Danneo
 *
 * Project:     Danneo Team
 * @version     Danneo CMS (Next)
 * @copyright   (c) 2005-2020 Danneo Team
 */

/* Aside block */
#left > aside {
	width: 250px;
	margin: 0 10px 10px 0;
}
#right > aside {
	width: 250px;
	margin: 0 0 5px 5px;
}

.big-block > h4,
#left > aside > h5,
#right > aside > h5,
#center > aside > h4 {
	background-color: #dfdfdf;
	color: #000;
	font-size: 15px;
	width: 100%;
	height: auto ! important;
	margin: 0 0 5px;
	padding: 5px 15px 5px;
	text-shadow: 0 1px 1px #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: inset 3px 0 0 0 #919da9;
	position: relative;
	border-radius: 5px;
	border-left: #bac8ce solid 5px;
}
.big-block > h4,
#center > aside > h4 {
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 5px 10px 5px 55px;
	border-radius: 8px;
}
.big-block > h4:before,
#center > aside > h4:before {
	background-color: #bac8ce;
	line-height: 32px;
	border-left: #c2c8d1 solid 5px;
	border-radius: 8px;
}
.big-block > h4:before,
#center > aside > h4:before {
/*	content: "\e9d7";  */
	font-size: 21px;
	text-indent: 12px;
	line-height: 32px;
}

/* Center block */
.big-block,
#center > aside {
	margin: 0 0 15px;
}

/* Images block */
#left img,
#right img,
#center img,
.big-block img {
	max-width: 100%;
	height: auto;
}

/* Box sizing block */
.big-block,
.big-block > h4,
#left > aside,
#right > aside,
#center > aside,
#left > aside > h5,
#right > aside > h5,
#center > aside > h4 {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media (max-width:1280px) {
	#left > aside {
		width: 250px;
		margin: 0 20px 15px 0;
	}
	#right > aside {
		width: 250px;
		margin: 0 0 5px 10px;
	}
}
@media (max-width:1024px) {
	#left  {
		display: table-footer-group;
		/*display: table-caption;*/
		width: 100%;
	}
	#left > aside {
		width: 100%;
		margin: 0 0 21px 0;
	}
	#right > aside {
		width: 230px;
		margin-left: 20px;
	}
}
@media (max-width:768px) {
	#right  {
		display: table-footer-group;
		width: 100%;
	}
	#left > aside,
	#right > aside {
		width: 100%;
		margin: 0 0 21px 0;
	}
}