
.text-contents {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #fff;
}
.text-contents .wrapper {
	padding: 34px 15px 30px;
}
.text-contents .wrapper:after {
	display: table;
	content: "";
	clear: both;
}
.text-contents.padding-none {
	padding: 0;
}
.text-contents .content-video .video-longdesc {
	bottom: 20%;
	margin-left: 5%;
	padding: 5px;
	color: #fff;
	background: #000;
}
.text-contents .content-video:hover .video-longdesc {
	position: absolute;
}

/* TEXT ELEMENTS */
.text-contents h1 {
	margin: 14px 0 13px;
	font: 36px/44px medium;
	color: #202020;
	text-transform: uppercase;
}
.text-contents h2 {
	margin: 22px 0 17px;
	font: 24px/30px medium;
	color: #202020;
	text-transform: uppercase;
}
.text-contents h3 {
	margin: 40px 0px 15px;
	font: 16px/25px heavy;
	color: #202020;
	text-transform: uppercase;
}
.text-contents h4 {
	margin: 20px 0px 0px;
	font: 16px/24px heavy;
	color: #2a9b44;
	text-transform: uppercase;
}
.text-contents p.lead {
	margin-bottom: 20px;
	font: 24px/29px Arial;
	color: #2a9b44;
}
.text-contents p {
	margin-bottom: 15px;
	color: #454545;
}
.text-contents p a {
	color: #106d3b;
}
.text-contents img.content-image {
	display: block;
	width: 100%;
	margin: 30px auto;
}
.text-contents .content-video {
	position:relative;
	display: block;
	margin-bottom: 30px;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.text-contents .content-video:last-child {
	margin-bottom: 0;
}
.text-contents .content-video iframe,
.text-contents .content-video object,
.text-contents .content-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.text-contents .content-video.half,
.text-contents .content-video.one-third,
.text-contents .content-video.two-third,
.text-contents .content-video.full {
	width: 100%;
	padding-bottom:56%;
}
.text-contents .small {
	margin-bottom: 15px;
	font-size: small;
	line-height: 22px;
	color: #9e9e9e;
}
/* Számozatlan lista */
.text-contents ul.list {
	margin-bottom: 15px;
	overflow: auto;
}
.text-contents ul.list li {
	position: relative;
	display: block;
	padding: 0px 0px 12px 21px;
}
.text-contents ul.list li:before {
	position: absolute;
	top: 8px;
	left: -2px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	border-top: 2px solid #dc3c36;
	border-right: 2px solid #dc3c36;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.text-contents ul.list li a {
	color: #106d3b;
}
.text-contents ul.list li a:hover {
	text-decoration: underline;
}
/* /Számozatlan lista */

/* Számozott lista */
.text-contents ol.list {
	display: block;
	list-style-type: decimal;
	padding: 8px 0 8px 18px;
	overflow: auto;
}
.text-contents ol.list li {
	padding-left: 4px;
}
.text-contents ol.list li a {
	color: #106d3b;
}
.text-contents ol.list li a:hover {
	text-decoration: underline;
}
/* /Számozott lista */
.text-contents .hr {
	width: 100%;
	height: 1px;
	margin: 30px 0 45px;
	background-color: #e5e5e5;
}
.text-contents a.button {
	display: inline-block;
	margin-top: 10px;
	padding: 13px 45px;
	font: 14px/14px heavy;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background-color: #106d3b;
	border-radius: 4px;
}
/* /TEXT ELEMENTS */

/* CONTENT IMAGE BOX */
.text-contents .content-image-box {
	position: relative;
	margin-bottom: 30px;
}
.text-contents .content-image-box:last-child {
	margin-bottom: 0;
}
.text-contents img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.text-contents .text-container {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.text-contents .text-container h3 {
	margin: 0px 0 4px 0;
	padding: 0 15px;
	font: 24px/28px medium;
	color: #fff;
	text-transform: uppercase;
}
.text-contents .text-container p {
	padding: 0 15px;
	font: normal 15px/18px Arial;
	color: #fff;
}
/*/ CONTENT IMAGE BOX */


@media (min-width: 480px) {
.text-contents img.content-image {
	width: auto;
}
#main .text-contents img.content-image.element-left {
	display: block;
	float: left;
	margin: 6px 30px 30px 0;
}
#main .text-contents img.content-image.element-right {
	display: block;
	float: right;
	margin: 0 0 30px 30px;
}
/* /TEXT ELEMENTS */
}

@media (min-width: 768px) {
.text-contents.padding-left-one-third .wrapper {
	/*padding-left: 24.333%;*/
	padding-left: 34.8%; /* design szerint */
}
.text-contents.padding-left-two-third .wrapper {
	padding-left: 47.667%;
}
.text-contents.padding-right-one-third .wrapper {
	/*padding-left: 24.333%;*/
	padding-right: 34.8%; /* design szerint */
}
.text-contents.padding-right-two-third .wrapper {
	padding-right: 47.667%;
}
.text-contents.padding-left-half .wrapper {
	padding-left: 36%;
}
.text-contents.padding-right-half .wrapper {
	padding-right: 36%;
}
#main .content-image-box.element-left {
	float: left;
	margin: 20px 30px 30px 0px;
}
#main .content-image-box.element-right {
	float: right;
	margin: 20px 0px 30px 30px;
}

.text-contents .content-video.one-third {
	width: 31.333%;
	padding-bottom: 15%;
	/*height: 135px;*/
}
.text-contents .content-video.two-third {
	width: 65.667%;
	padding-bottom: 36%;
	/*height: 293px;*/
}
.text-contents .content-video.half {
	width: 48.5%;
	padding-bottom: 25%;
	/*height: 208px;*/
}
.text-contents .content-video.full {
	padding-bottom: 56%;
	/*height: 443px;*/
}

.text-contents img.element-left,
.text-contents img.element-right {
	margin-top: 20px;
}
.text-contents .content-video.element-left,
.text-contents .content-video.element-right {
	margin-top: 20px;
}

.text-contents img {
	width: auto;
}

#main .content-image-box.box-one-third {
	width: 31.333%;
}
#main .content-image-box.box-two-third {
	width: 65.667%;
}
#main .content-image-box.box-half {
	width: 48.5%;
}
#main .content-image-box.box-full {
	width: 100%;
}
#main .content-image-box.element-right.box-one-third,
#main .content-image-box.element-right.box-two-third,
#main .content-image-box.element-right.box-half {
	margin-left: 3%;
	margin-right: 0;
}
#main .content-image-box.element-left.box-one-third,
#main .content-image-box.element-left.box-two-third,
#main .content-image-box.element-left.box-half {
	margin-left: 0;
	margin-right: 3%;
}
#main .content-image-box.element-left.box-full,
#main .content-image-box.element-right.box-full {
	margin-left: 0;
	margin-right: 0;
}
#main .content-image-box img {
	width: 100%;
}
}

@media (min-width: 970px) {
.text-contents .wrapper {
	max-width: 970px;
	margin: 0 auto;
}
}

@media (min-width: 1170px) {
.text-contents .wrapper {
	max-width: 1170px;
}
.text-contents.padding-left-one-third .wrapper {
	padding-left: 24.333%;
}
.text-contents.padding-right-one-third .wrapper {
	padding-right: 24.333%;
}
.text-contents .content-video.one-third {
	padding-bottom:13%;
}
.text-contents .content-video.two-third {
	padding-bottom: 28.51%;
}
.text-contents .content-video.half {
	padding-bottom: 20%;
}
.text-contents .content-video.full {
	padding-bottom: 44%;
}
}