.parent{
	overflow:hidden;
	margin-top:2%;
	margin-bottom:5%;
}

#icon_a {
  display: inline-block;
  width: 30px;
  height: 29px;
  background-color: #283747;
  padding: 16px 0px 4px 18px;
  margin-left: 15px;
  -webkit-border-radius: 4px 0px 0px 4px; 
  -moz-border-radius: 4px 0px 0px 4px; 
  border-radius: 4px 0px 0px 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); 
}

.top{
	display: block;
	position:relative;
	height:20%;
	margin-bottom:30px;	
	font-weight:normal;
	font-family:"Courier New";
	font-size:60px;
	padding:12px 20px;
	background: url('../img/download.jpg');
	background-attachment: fixed;
	text-align: center;
}

.top-header_c{
	position: relative;
	top:-100px;
	opacity: 0;
	font-weight:bold;
}


.main{
	margin-top:2%;
	padding: 10px 10px;
	overflow: hidden;
}

.main-container{
	border-style: double;
	border-color:#E0E0E0;
	border-width: 0 5px 0 0;
	float: left;
	position:relative;
	width:70%;
	margin:0 auto;
}

.wrap_c{
	padding: 20px 0px 10px 20px;
}

.inner_wrap{
	margin: 0 auto;
	width: 70%;
}

.sidebar{	
	float: right;
	font-family:"verdana";
	width: 27%;
}

.button{
	font-weight: bold;
	color:black;
	height: 140px;
}

.text_c{
	font-weight: bold;
	font-size:18px;
}

.sidebar-container{
	padding: 2px 2px;
}

.header_c{
	margin-bottom:20px;
}

.footer_c{
	margin-top:20px;
}

.icon1_c{
	position:relative;
	top:15;
	left:0;
	height:30px; 
	width:30px;
}

.icon2_c{
	position:relative;
	top:-5;
	left:0;
	height:30px; 
	width:30px;
}

.icon3_c{
	position:relative;
	top:-5;
	left:0;
	height:30px; 
	width:30px;
}


#ic_c{
	width:15%;
	height:42px;
	float:left;
}

#ic_cc{
	width:15%;
	height:62px;
	float:left;
}

.iconic-list.style2{
	list-style: none;
	font-family:"verdana";
	margin:40px 0;}

.iconic-list.style2 li + li{margin-top:40px;}

input[type=text]{
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  width: 80%; 
  height: 49px; 
  -webkit-border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; 
  -moz-border-radius: 0px 4px 4px 0px/0px 0px 4px 4px; 
  border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; 
  background-color: #fff; 
  -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 1px grey;
  margin-left: -5px;
  margin-top: 13px;
  margin-bottom: 20px; 
  padding-left: 10px;
}

input[type=submit]{
    background-color: #00B0FF; /* ACM */
    color: white;
	margin:0 35%;
	margin-bottom: 20px;
	border:0;
	border-radius:4%;
	box-shadow:0px 3px 10px grey;
    padding: 15px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	transition: width 0.5s ease;
}

textarea{
  font-family: "Open Sans", sans-serif;
  width: 87.3%; 
  height: 100px;
  font-size: 18px; 
  -webkit-border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; 
  -moz-border-radius: 0px 4px 4px 0px/0px 0px 4px 4px; 
  border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; 
  background-color: #fff; 
  -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 1px grey;
  margin-left: 16px;
  margin-top: 13px; 
  padding-left: 10px;
}

input[type=submit]:hover {
    background-color: #2874A6; /* ACM */
   
    color: white;
}


/* The alert message box */
.alert-r {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin: 0;
    margin-bottom: 15px;
}

/* The alert message box */
.alert-g {
    padding: 20px;
    background-color: #2ECC71; /* Red */
    color: white;
    margin: 0;
    margin-bottom: 15px;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}

.fa-facebook-official.cont, .fa-instagram.cont,.fa-twitter-square.cont{
	color:#A9AAAF;
  	transition: all 0.1s linear 0s
}

  @keyframes flip{
	0% {transform: rotateY(150deg);}
	25% {transform: rotateY(-150deg);}
	50% {transform: rotateY(150deg);}
	75%	{transform: rotateY(-150deg);}
	100%{transform: rotateY(150deg);}
}

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

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

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




/*MEDIA QUERIES*/
@media (max-width: 1024px){
	.inner_wrap{
		width: 70%;
	}
}

@media (max-width: 1024px){
	.inner_wrap{
		width: 95%;
	}
	.top{
		height: 15%;
		font-size: 45px;
	}
	
}

@media (max-width: 840px){
	.main-container{
		border: 0px;
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	.sidebar{
		width: 100%;
		float: none;
	}
	.wrap_c{
		padding: 1px 1px;
	}
	#ic_cc{
		width: 7%;
	}
	#ic_c{
		width: 7%;
	}
	.wrap_c{
		-webkit-box-shadow: 0 3px rgba(58,87,175,.75); 
  -moz-box-shadow: 0 3px rgba(58,87,175,.75); 
  box-shadow: 0 3px 10px grey;
  border-radius: 10px;
	}
}


@media (max-width:480px ){
	.top{
		margin-bottom: 70px;
		font-size: 40px;
	}
	.top-header_c{
		top:15;
	}
	textarea{
		width: 93%;
	}
	#ic_cc{
		width: 17%;
	}
	#ic_c{
		width: 17%;
	}

}

@media (max-width: 350px){
	input[type=text]{
		width: 80%;
		height: 35px;
	}
	.top-header_c{
		top:0;
	}
	#icon_a{
		height: 26px;
		padding: 9px 0px 0px 10px;		
	}
}