@charset "UTF-8";
/* CSS Document */
.elements_top{
	position: relative;
    animation-delay: 0.3s;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.ele_title {
	margin: 0 auto;
    width: 25%;
    max-width: 400px;
}
.elements_top_text {
    position: relative;
    animation-delay: 0.6s;
    font-size: 20px;
    padding-top: 20px;
    width: 70%;
    margin: 0 auto;
}
.ele_list  {
	position: relative;
    margin: 40px auto;
    width: 70%;
}
.elements_p1{
	animation-delay: 0.7s;
}
.elements_p2{
	animation-delay: 0.9s;
}
.elements_p3{
	animation-delay: 1.2s;
}
.elements_p4{
	animation-delay: 1.4s;
}
.elements_p5{
	animation-delay: 1.6s;
}
.elements_p6{
	animation-delay: 1.8s;
}
.elements_p7{
	animation-delay: 2s;
}
.elements_l {
    position: relative;
    float: left;
    width: 25%;
    margin-left: 3%;
    z-index: 3;
}
.elements_r {
    float: right;
    width: 72%;
	margin-top: 20px;
}
.elements_left{
    float: left;
    width: 72%;
    margin-top: 50px;
}
.elements_line_r {
    position: relative;
    width: 110%;
    margin: -20px 0 -10px -12%;
}
.elements_line_l {
    position: relative;
    width: 110%;
    margin: -35px 0px -15px 23px;
}
.elements_r h1 {
    font-size: 20pt;
    color: #F26F21;
    padding: 5% 0 1% 4%;
}
.elements_r h2 {
	font-size: 15pt;
    padding: 1% 0 0 4%;
    width: 90%;
    font-weight: 300;
    line-height: 24px;
}
.elements_right {
    position: relative;
    float: right;
    width: 25%;
    margin-right: 3%;
    z-index: 3;
}
.elements_right h1 {
    font-size: 20pt;
    color: #F26F21;
    padding: 5% 0 1% 5%;
}
.elements_right h2 {
    font-size: 15pt;
    padding: 5%;
    width: 90%;
	font-weight: 300;
	line-height: 24px;
}
.elements_left h1 {
    font-size: 20pt;
    color: #F26F21;
    padding: 0% 0 2% 11%;
}
.elements_left h2 {
    font-size: 15pt;
    padding: 0% 0 0 11%;
    width: 97%;
    font-weight: 300;
    line-height: 24px;
}

@media (max-width: 1024px) {
	.elements_top_text {
		width: 82%;
	}
	.ele_list {
		width: 80%;
	}
}
@media (max-width: 768px) {
	.ele_title {
		width: 35%;
	}
	.elements_top_text {
		width: 90%;
	}
	.ele_list {
		width: 90%;
	}
	.elements_r {
		margin-top: 0px;
	}
	.elements_left {
		margin-top: 20px;
	}

}
@media (max-width: 576px) {
	.ele_title {
		width: 45%;
	}
	.elements_top_text {
		font-size: 18px;
	}
	.elements_l, .elements_right {
		float: none;
		width: 48%;
		margin: 0 auto;
	}
	.elements_r, .elements_left {
		float: none;
		width: 100%;
		margin-top: 0px;
		text-align: center;
	}
	.elements_line_r, .elements_line_l {
		display: none;
	}
	.elements_r h1, .elements_left h1 {
		font-size: 20pt;
		color: #F26F21;
		padding: 5% 0 0 0;
	}
	.elements_r h2, .elements_left h2 {
		font-size: 14pt;
		width: 100%;
		font-weight: 300;
		line-height: 24px;
		border-top: 1px dotted #aaa;
		padding: 5% 0 1% 4%;
		padding-top: 10px;
}
}