/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("page.css?v=106");
/********************************************************************/
/**/
.item_logo * { transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
.item_logo { padding:100px 0; background:#f3f3f3 }
.item_logo li { float:left; width:22%; margin-right:4%; background:#fff; padding:25px; margin-bottom:4%; position:relative }
.item_logo li img { display:block; width:100%; height:auto; margin:0 auto }
.item_logo li:nth-child(4n) {
margin-right:0
}
.item_logo li p { font-size:16px; padding:10px 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position:absolute; left:0; top:0; width:100%; height:100%; background:#3963ef; color:#fff; text-align:center }
.item_logo li p { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
.item_logo li:hover p { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1 }
@media(max-width:1674px){
.item_logo{ padding:100px 85px}
}

@media(max-width:1360px){
.item_logo{ padding:80px 50px}
}

@media(max-width:600px){
.item_logo{ padding:50px 25px}
.item_logo li{ width:48%; margin-right:4%}
.item_logo li:nth-child(4n){ margin-right:4%}
.item_logo li:nth-child(2n){ margin-right:0%}
.item_logo .read_more{ margin-top:30px}
}