/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}

body{
	margin:0;
	padding: 0;
}

.footer{
	position:relative;
}

.wrapper{
	padding: 2.333%;
	overflow: hidden;
}
#foot{
	font-size:.875em;
	height:40%;

}

#lower-footer{
	position:relative;
    background:#17202A;
	padding:24px;
}

.top-footer{
	display: block;
	background-color: #3498DB;
	height: 5%;
}

#main-footer{
	position:relative;
    background:#020919;
	height:auto;
	padding-top:1%;
}

.part1{
	float:left;
	position: relative;
	width:25%;
	overflow: hidden;
	height:100%;
	font-family :"verdana";
	color:white;
}
.part3{
	position:relative;
	font-family:"verdana";
	float: right;
	font-family :"verdana";
	color:white;
	height:100%;
}

#icon_f {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  padding: 8px 0px 8px 15px;
  margin-left: 15px;
  float:left;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px;
  color: white;
  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  border: solid 0px #cbc9c9;
}

.dduc_f, .dducph_f, .dducmail_f{
	padding-left: 15px;
	overflow: hidden;
}

.contact{
	position:relative;
	width:100%;
	margin:0 40px;
	font-size:20px;
}

.follow{
	position:relative;
	width:100%;
	margin:0 40px;
	font-size:20px;
}

.img_f{
	padding:20px 20px;
	position:absolute;
	top:50%;
	left:50%;
}

.ic{
	width:12%;
	height:17%;
	float:left;
}

.ic2{
	width:12%;
	height:10%;
	float:left;
}

p.copyright{
	color:white;
	font-family:"verdana";
	font-size:10px;
	line-height: 2em;
	text-align:center;
}

.list-foot{
	position:relative;
	list-style:none;
	margin-top:2%;
}

/*.list-foot li{padding-left:40px;}*/
.list-foot li + li{margin-top:30px;}

.fa-facebook-official, .fa-instagram,.fa-twitter-square{
	color:#A9AAAF;
}

.fa-facebook-official:hover{
	color: #3b5998;
	transform: scale(1.25);
}

.fa-instagram:hover{
	color: #72330A;
	transform: scale(1.25);
}

.fa-twitter-square:hover{
	color: #4099FF;
	transform: scale(1.25);
}

.follow-button li{
	margin: 0 10px;
	float: left;

}

hr{
  color: white;
  opacity: 0.3;
}



@media (max-width: 1024px){
	
	.part1,.contact{
		width: 40%;
		text-align: left;
	}

	#main-footer{
		height: auto;
	}

}

@media (max-width: 764px){
	
	.part1,.part3,.contact{
		width: 100%;
		text-align: left;
	}

	#main-footer{
		height: auto;
	}

}