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


.mediakit_conetnt{width: 100%; height: auto;float: left; display: block; padding: 50px 0 0px 0; position: relative;}
.wrapper {margin: 0 auto;max-width: 994px; width: 95%;}	
.mediakit-box1{ width: 100%; height: auto;float: left; display: block; margin-bottom: 40px;}
.mediakit-box1 h2{width: 100%; height: auto;float: left; display: block; font-size: 22px; color: #292929; font-weight: 600; line-height: 22px; text-transform: uppercase; padding-bottom: 30px; }
.mediakit-list{ margin: 0 -20px; height: auto; display: block; padding-top: 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;  }
.mediakit-list li{ width: 33.333%; height: auto; float: left; display: block; padding: 0 20px; box-sizing: border-box; margin-bottom: 30px;}
.mediakit-list li aside{width: 100%; height: 100%;float: left; display: block; border: 1px solid #f0efef;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
    background-color: #fff; }

.mediakit-list li aside figure{ width: 100%; height: auto; float: left; display: block; background: #ebebeb; position: relative; text-align: center; }
.mediakit-list li aside figure img {width: 100%;}
.mediakit-list li aside article{width: 100%; height: auto;float: left; display: block; padding: 0 20px 0px 65px; margin-bottom: 60px; box-sizing: border-box; position: relative;}
.mediakit-list li aside article span{ position: absolute; left:30px; top: 36px; width: 60px;  display: block; }
.mediakit-list li aside article h3:after{ content: '';  position: absolute; left: 65px; top: -30px; width: 1px; height: 30px; background: #ea1f23;  display: block; }
.mediakit-list li aside article h3{ width: 100%; min-height: 75px; float: left; display: block; border-left: 1px solid #acacac; padding-top: 30px; padding-left: 15px; font-size: 18px; color: #292929; font-weight: 600; line-height: 24px; }
.mediakit-list li aside a article h3{ font-size: 16px; color: #292929; font-weight: 600; line-height: 24px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.mediakit-list li aside a:hover article h3{ color: #ea1f23;}

.line-gradient66{ width: 100%; height:4px; float: left; display: block;  position: relative; padding-left: 12px; box-sizing: border-box; margin: 0px 0 0px 0; }
.line-gradient66 span{ margin-top: 1px; width: 100%; height: 2px; float: left; background: rgb(228,49,52);
background: -moz-linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
background: linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e43134",endColorstr="#392a2a",GradientType=1);}
.line-gradient66:after{ content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #e73134; margin-right: 2px;}
.line-gradient66:before{ content: ''; position: absolute; left: 6px; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #e73134; }
.mediakit-box2{ width: 100%; height: auto;float: left; display: block; margin-top: 30px; margin-bottom: 40px;}
.mediakit-box2 h2{width: 100%; height: auto;float: left; display: block; font-size: 22px; color: #292929; font-weight: 600; line-height: 22px; text-transform: uppercase; padding-bottom: 30px; }
.mediakit-box3{ width: 100%; height: auto;float: left; display: block; margin-top: 30px;}
.mediakit-box3 h2{width: 100%; height: auto;float: left; display: block; font-size: 22px; color: #292929; font-weight: 600; line-height: 22px; text-transform: uppercase; padding-bottom: 30px; }
.mediakit-add{margin-bottom: -36px;}
.mediakit-add ul{ width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.mediakit-add ul li{float: left; width: 33.333333%; padding: 0 30px 35px 0px; margin: 0px 0 35px; display: block; /*border-bottom: 1px solid #d4d4d4;*/}
.mediakit-add ul li aside{width: 100%; height: auto;float: left;  display: block; }
.mediakit-add ul li aside h2{width: 100%; height: auto;float: left;  display: block; font-size: 14px; color: #292929; font-weight: 600; line-height: 20px; padding-bottom: 10px;}
.mediakit-add ul li aside p{width: 100%; height: auto;float: left;  display: block; font-size: 14px; color: #292929; font-weight: 400; line-height: 20px; padding-bottom: 20px;}

.mediakit-add ul li aside article{float: left; width: 100%; margin: 7px 0 0; font-size: 14px; padding: 0 0 0 25px;}
.mediakit-add ul li aside article a{color: #292929;}
.mediakit-add ul li aside article .mob_call{display: none;}

.mediakit-add ul li aside article .call{ position: relative; font-size: 14px; color: #292929; font-weight: 600; line-height: 20px; margin-bottom: 10px;}
.mediakit-add ul li aside article .call:after{content: '';background: url("../images/call_ic.png") no-repeat; position: absolute; left: -25px; top: 4px; width: 25px; height:25px;}

.mediakit-add ul li aside article .mail{ position: relative; font-size: 14px; color: #292929; font-weight: 600; line-height: 20px;}
.mediakit-add ul li aside article .mail:after{content: '';background: url("../images/mail_ic.png") no-repeat 0 2px; position: absolute; left: -25px; top: 4px; width: 25px; height:25px;}

.mediakit-add ul li aside article .mail a{color: #e43134;}
.mediakit-add ul li aside article .mail a:hover{color: #000;}
 @media screen and (max-width:900px){

}
 
 @media screen and (max-width:800px){
.mediakit-list li {width: 50%;}
	 .mediakit-add ul li { width: 50%;}
	 /*.mediakit-add ul li aside article .dsk_call{display: none;}*/
	 .mediakit-add ul li aside article .mob_call{display: block;}
}
 @media screen and (max-width:550px){
.mediakit-list li {width: 100%;}
	 .mediakit-add ul li { width: 100%;}
	 .mediakit-list {margin: 0 0px;}
}