html, body {
	position:relative;
	width:100%;
	height:100%;
}

.div-table {
    display: table;
    height: 100%;
	width:100%;
}
.div-row {
    display: table-row;
    height: 100%;
}
.div-cell {
    display: table-cell;
    vertical-align: middle;
    height: 0;
}

.group-giid {
	text-align:center;
}
.group-giid > .text {
	position:relative;
	font-family: 'Prompt', sans-serif;
	font-size:10px;
	line-height:20px;
	font-weight:500;
	color:#4b4b4b;
	display:inline-block;
	padding:0 40px;
}
.group-giid > .text:before, .group-giid > .text:after {
	position: absolute;
	width:30px;
	height:1px;
	content:"";
	display:block;
	background-color:rgba(0,0,0,0.1);
	top:10px;
}
.group-giid > .text:before { left:0; }
.group-giid > .text:after { right:0; }

#logo-giid {
	position:relative;
	width:80px;
	height:60px;
	background-size:100% auto;
	background-image: url(../images/website/logo-giid.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0 auto 5px auto;
}

ul.group-company, ul.group-company > li {
	position: relative;
	list-style:none;
	margin:0;
	padding:0;
}
ul.group-company {
	margin:0 auto;
	display:table;
	clear:both;
	margin-top:50px !important;
}
ul.group-company > li {
	display:inline-block;
	float:left;
	margin:0 10px;
	border:1px dashed #fff;
	padding:10px;
	border-radius:300px;
}
ul.group-company > li:hover {
	border:1px dashed #f16521;
}
ul.group-company > li, ul.group-company > li:hover  {
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease;
	transition: all 1s ease	
}
ul.group-company > li a {
	display:block;
	position:relative;
	background-color:rgba(0,0,0,0.1);
	border-radius:100px;
	overflow:hidden;
	width:120px;
	height:120px;
}
ul.group-company > li a:before {
}
ul.group-company > li .logo-company {
	position:relative;
	width:80px;
	height:80px;
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin:50% auto auto 50%;
	top:-40px;
	left:-40px;
}
ul.group-company > li + li {
	/*border-left:1px dashed rgba(0,0,0,0.3);*/
}

/*md-desktop*/
@media (min-width:992px) and (max-width:1199px) {
}

/*sm-tablets*/
@media (min-width:768px) and (max-width:991px) {
ul.group-company { width:304px; }
ul.group-company > li {
	margin:10px;
	padding:5px;
}
}

/*xs-phone*/
@media (max-width:767px) {
/*#logo-giid {
	width:100px;
	height:80px;
}*/
ul.group-company { width:304px; }
ul.group-company > li {
	margin:10px;
	padding:5px;
}
/*ul.group-company > li a {
	width:100px;
	height:100px;
}
ul.group-company > li .logo-company {
	width:80px;
	height:80px;
	top:-25px;
	left:-25px;
}*/
}