*{
	margin:0;
	padding:0;
	border:none;
}

body{
	font-family: 'Open Sans', sans-serif;
	/*background:url(../images/bg.jpg) fixed;
	background-size:cover;*/
}

.container{
	max-width:1024px;
	width:100%;
	margin:auto;
}

.clearFloat{
	clear:both;
}

.desktop{
	display:block;
}

#mainWrapper{
	width:100%;
	height:100%;
	overflow:hidden;
}

header{
	background:#FFF;
	height:82px;
	position:relative;
}

.logoWrap{
	position:absolute;
	top:10%;
	left:10%
}

.designedText{
	position:absolute;
	top:12%;
	right:10%;
}

.social{
	position:absolute;
	top:22%;
	left:50%;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
}

.social img{
	float:left;
	padding-right:27%;
}

#google{
	padding:0;
}

.links{
	position:relative;
	display:block;
}

.links .bgimg{
	width:100%;
	display:block;
}



.linkWrap{
	position:relative;
	display:block;
	float:left;
}


.logos1{
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	width:40%;
	display:block;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
}

.logos2{
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	width:30%;
	display:block;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
}


.bgColor,
.bgColor1,
.bgColor2,
.bgColor3,
.bgColor4,
.bgColor5,
.bgColor6,
.bgColor7,
.bgColor8,
.bgColor9{
	-webkit-box-shadow: inset -14px -3px 19px -8px rgba(0,0,0,1);
	-moz-box-shadow: inset -14px -3px 19px -8px rgba(0,0,0,1);
	box-shadow: inset -14px -3px 19px -8px rgba(0,0,0,1);
	width:100%;
	height:100%;
	/*border:3px solid #000;*/
	position:absolute;
	bottom:0;
	left:0;
	transition:height 0.6s ease-out;
	z-index:1;
}

.bgColor{
	background:#E03B39;
}

.linkWrap:hover .bgColor{
	height:0;
}

.bgColor1{
	background:#3586D8;
}

.linkWrap:hover .bgColor1{
	height:0;
}

.bgColor2{
	background:#6EC882;
}

.linkWrap:hover .bgColor2{
	height:0;
}

.bgColor3{
	background:#008F6C;
}

.linkWrap:hover .bgColor3{
	height:0;
}

.bgColor4{
	background:#3A95E8;
}

.linkWrap:hover .bgColor4{
	height:0;
}

.bgColor5{
	background:#F2D610;
}

.linkWrap:hover .bgColor5{
	height:0;
}

.bgColor6{
	background:#FA7E40;
}

.linkWrap:hover .bgColor6{
	height:0;
}

.bgColor7{
	background:#EB74B6;
}

.linkWrap:hover .bgColor7{
	height:0;
}

.bgColor8{
	background:#794633;
}

.linkWrap:hover .bgColor8{
	height:0;
}

.bgColor9{
	background:#298B5C;
}

.linkWrap:hover .bgColor9{
	height:0;
}

footer{
	background:#FFF;
	height:50px;
}

.designed{
	font-size:14px;
	text-align:center;
	padding-top:15px;
}

.designed a{
	text-decoration:none;
	display:in-block;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.designed a:hover{
	color:#E03B39;
}

@media (max-width:1251px){
	.social img{
		padding-right:26%;
	}
}

@media (max-width:1187px){
	.social img{
		padding-right:25%;
	}
}

@media (max-width:1136px){
	.social img{
		padding-right:24%;
	}
}

@media (max-width:1024px){
	.social img{
		padding-right:21%;
	}
}

@media (max-width:984px){
	.social img{
		padding-right:20%;
		width:20%;
	}
}

@media (max-width:768px){
	.social img{
		padding-right:12%;
	}
	
	.logos{
		width:40%;
	}
	
	.logos1{
		width:40%;
	}
	
	
	
	.logos3{
		width:35%;
		height:85%
	}
	
	.logos4{
		width:35%;
		height:85%
	}
	
	.logos5{
		width:40%;
	}
	
	.logos6{
		width:33%;
		height:85%
	}
}

@media (max-width:680px){
	.social img{
		padding-right:7%;
	}
	
	.designed{
		font-size:12px;
	}
	
	.designed a{
		font-size:12px;
	}
}


@media (max-width:480px){
	.desktop{
		display:none;
	}
	
	header{
		height:60px;
	}
	
	.logoWrap{
		left:5%;
	}
	
	.logoWrap img{
		width:95%;
	}
	
	.social{
		left:46%;
	}
	
	.social img{
		width:30%;
		padding-right:5%;
	}
	
	.designedText{
		right:3%;
		top:8%;
	}
}