/* CSS Document */

@import url("core.css");

@import url("animate.css");

/*******/

@import url("fonts.css");

@import url("menu-363255.css");

@import url("page.css");

/********************************************************************/

/**/

.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}

}

/* .brand-top{margin-top: 5%;} */