@charset "utf-8";
/* CSS Document */

 .breadcrumb-box1{width: 100%; height: auto; display: block;  margin:130px 0 0px 0; padding: 0 0;}
.wrapper1014 {margin: 0 auto;max-width: 1014px; width: 95%;}	
.wrapper1014:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }

.media-download-box1{width: 100%; height: auto; display: block;  background: #FFFFFF;  padding:50px 0 50px 0;   }
.media-download-box1:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }

.media-download-box1a{width: 100%; height: auto; display: block; margin-bottom: 60px; }
.media-download-box1a h1{ width: auto; height: auto; display: block; position: relative; padding-bottom: 15px; font-family: 'Lato', sans-serif; font-size: 22px; font-weight: 800; color: #1c1c1c; line-height: 26px;  text-transform: uppercase; text-align: center;}
.media-download-box1a h3{ width: auto; height: auto; display: block; position: relative;  font-family: 'Lato', sans-serif; font-size: 48px; font-weight: 800; color: #1c1c1c; line-height: 60px; text-transform: uppercase;  z-index: 1; letter-spacing: 3px; text-align: center;  }
.media-download-box1a h3:after{ content: ''; position: absolute; right: 0px; left: 0; top: 0px; background: #f36523; width: 184px; height: 26px; margin: 0 auto; z-index: -1; }

.media-download-box1b{width: 100%; height: auto; display: block; }
.media-download-box1b ul{ width: 100%; height: auto;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }	
.media-download-box1b ul li{ display:block; width: 50%; padding: 0 20px; margin-bottom: 40px; float: left; }
.media-download-box1b ul li aside{width: 100%; height: 100%; display: block; background: #f4f4f4; border: 1px solid #e4e4e4; box-sizing: border-box; transition: 0.4s;}
.media-download-box1b ul li aside:hover{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); border: 1px solid #f27033;}

.media-download-box1b ul li aside figure{width: 50%; height: auto; display: block; float: left; margin: 0; padding: 0; line-height: 0;}
.media-download-box1b ul li aside figure img{width: 100%; }
.media-download-box1b ul li aside article{width: 50%; height: 100%; display: block; float: left; padding: 40px 20px; position: relative; }

.media-download-box1b ul li aside article h2{width: 100%; height: auto; float: left; display:block; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 700; color: #1c1c1c; line-height: 26px;  padding-bottom: 15px;}
.media-download-box1b ul li aside article h3{width: 100%; height: auto; float: left; display:block; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 400; color: #525252; line-height: 18px;  }

.media-download-box1b ul li aside article small{ position: absolute; left: 20px; bottom: 20px; font-family: 'Lato', sans-serif; font-size: 10px; font-weight: 700; color: #1c1c1c; line-height: 20px; padding-right: 20px; text-transform: uppercase;  }
.media-download-box1b ul li aside article small:after{ content: ''; position: absolute; right: 0; top: 3px; width: 10px; height: 13px; background: url("../images/download-icon6.png" ) no-repeat left top;}

.media-download-box1c{width: 100%; height: auto; display: block; float: left; margin-top: 50px; }
.media-download-box1c aside{width: 100%; max-width: 246px; height: auto; display: block; float: left; padding-left: 20px;}
.media-download-box1c aside strong{font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 700; color: #393939; line-height: 26px; }
.media-download-box1c aside a{font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #393939; line-height: 26px; text-decoration:  underline; position: relative; padding-right:15px }
.media-download-box1c aside a:after{ content: ''; position: absolute; right: 0; bottom: 4px; width: 9px; height: 12px; background: url("../images/arrow20.png" ) no-repeat left top;}
.clear{ clear: both;}


@media screen and (max-width: 800px) {
	.media-download-box1b ul li aside figure{width: 100%; height: auto;}
	.media-download-box1b ul li aside article{width: 100%; height: auto;}
	.media-download-box1b ul li aside article h3{ margin-bottom: 20px;}
	.media-download-box1a h3{font-size: 36px;line-height: 40px;}
}


@media screen and (max-width: 550px) {
	.media-download-box1b ul li{ width: 100%;}
	.media-download-box1b ul li aside figure{width: 100%; height: auto;}
	.media-download-box1b ul li aside article{width: 100%; height: auto;}
	.media-download-box1b ul li aside article h3{ margin-bottom: 20px;}
		.media-download-box1a h3{font-size: 26px;line-height: 30px;}
	.media-download-box1a h1 {font-size: 16px;line-height: 22px;}
}