.anamenu:link { font-family:calibri; color:#666; font-size:17px; text-decoration:none; }
.anamenu:active { font-family:calibri; color:#666; font-size:17px; text-decoration:none; }
.anamenu:visited { font-family:calibri; color:#666; font-size:17px; text-decoration:none; }
.anamenu:hover { font-family:calibri; color:#EEAF3C; font-size:17px; text-decoration:none; }


.icerikBaslikStil { font-family:calibri; color:#0C4CA1; font-size:18px;  float:left; font-weight:bold;}

.icerikFloorpanYaziStil {font-family:Tahoma; color:#666; font-size:12px; }


 
 .GaleriYaziStil:link{ color:#0C4CA1; font-family:Calibri; font-size:15px; font-weight:bold; text-align:center; text-decoration:none; }
 .GaleriYaziStil:active{ color:#0C4CA1; font-family:Calibri; font-size:15px; font-weight:bold; text-align:center; text-decoration:none;}
 .GaleriYaziStil:visited{ color:#0C4CA1; font-family:Calibri; font-size:15px; font-weight:bold; text-align:center; text-decoration:none;}
 .GaleriYaziStil:hover{ color:#0C4CA1; font-family:Calibri; font-size:15px; font-weight:bold; text-align:center; text-decoration:underline;}
 
 .SolMenuStil:link {font-family:Tahoma; font-size:15px; color:#0C4CA1; text-decoration:none;}
 .SolMenuStil:active {font-family:Tahoma; font-size:15px; color:#0C4CA1; text-decoration:none;}
 .SolMenuStil:visited {font-family:Tahoma; font-size:15px; color:#0C4CA1; text-decoration:none;}
 .SolMenuStil:hover {font-family:Tahoma; font-size:15px;color: red;  text-decoration:none;}
 
 .AltMenuYaziStil:link {font-family:Tahoma; font-size:12px; color:#0C4CA0; text-decoration:none;}
 .AltMenuYaziStil:active {font-family:Tahoma; font-size:12px; color:#0C4CA0; text-decoration:none;}
 .AltMenuYaziStil:visited {font-family:Tahoma; font-size:12px; color:#0C4CA0; text-decoration:none;}
 .AltMenuYaziStil:hover {font-family:Tahoma; font-size:12px; color:#FCAA09; text-decoration:none;}
 


.new { height:50px; width:600px; float:right;}


aa.tooltips {
  position: relative;
  display: inline; }
aa.tooltips span {
  position: absolute;
  width:auto;
  color: #FFFFFF;
  background: #000000;
  height:auto;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
 
}
aa.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -24px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
aa:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 60px;
  left: 50%;
  margin-left:-50px;
  z-index: 999;
}









body1 {
  font: 12px/20px 'Lucida Grande', Verdana, sans-serif;
  color: #404040;
  background: #e4ecef;
  line-height:1px;

}

input, textarea, select, label {
  font-family: inherit;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.contact {
  position: relative;
  padding: 5px;
  width: 330px;
  background: #eef5f7;
  border: 0px solid #cfd5da;
  border-bottom-color: #ccd1d6;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.contact-inner {
  padding: 0px;
  background: white;
  border-radius: 2px;
  
    font: 12px/20px 'Lucida Grande', Verdana, sans-serif;
  color: #404040;
  background: #e4ecef;
  line-height:1px;
}

.contact:before, .contact:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  width: 1px;
  height: 1px;
  border: outset transparent;
  border-width: 12px 14px 0;
  border-top-style: solid;
  -webkit-transform: rotate(360deg);
}

.contact:before {
  margin-top: 1px;
  border-top-color: #d8e1e6;
}





.contact-input {
  overflow: hidden;
  margin-bottom: 2px;
  padding: 5px;
  background: #eef7f9;
  border-radius: 2px;
}
.contact-input > input, .contact-input > textarea {
  display: block;
  width: 100%;
  height: 29px;
  padding: 0 9px;
  color: #4d5a5e;
  background: white;
  border: 1px solid #cfdfe3;
  border-bottom-color: #d2e2e7;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.2);
}
.contact-input > input:focus, .contact-input > textarea:focus {
  border-color: #93c2ec;
  outline: 0;
  -webkit-box-shadow: 0 0 0 8px #e1ecf5;
  box-shadow: 0 0 0 8px #e1ecf5;
}
.lt-ie9 .contact-input > input, .lt-ie9 .contact-input > textarea {
  line-height: 27px;
}
.contact-input > textarea {
  padding: 4px 8px;
  height: 90px;
  line-height: 20px;
  resize: none;
}



.contact-submit {
  text-align: right;
  background-color:white;
}
.contact-submit > input {
  display: inline-block;
  vertical-align: top;
  padding: 0 14px;
  height: 29px;
  font-weight: bold;
  color: #729fb2;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  background: #deeef4;
  border: 1px solid #bed6e3;
  border-bottom-color: #accbd9;
  border-radius: 15px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #e6f2f7, #d0e6ee);
  background-image: -moz-linear-gradient(top, #e6f2f7, #d0e6ee);
  background-image: -o-linear-gradient(top, #e6f2f7, #d0e6ee);
  background-image: linear-gradient(to bottom, #e6f2f7, #d0e6ee);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 4px #eef7f9;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 4px #eef7f9;
}
.contact-submit > input:active {
  color: #6a95a9;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #c9dfe9;
  border-color: #a3bed0 #b5ccda #b5ccda;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.2), 0 0 0 4px #eef7f9;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.2), 0 0 0 4px #eef7f9;
}

.show_hide {
    display:none;
}

#masif_ozellik{ float:left;height:50px; width:500px; margin-top:10px;}


.camsanurunler{
	width: 356px;
	height:150px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
	 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	
	}
	
	.camsanurunler:hover{
	width: 355px;
	height:150px;
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	
	}
	
	
	.peliurunler{
	width: 340px;
	height:140px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
	 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	 z-index:2; position:relative;
	}
	
	.peliurunler:hover{
	width: 340px;
	height:140px;
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	
	position:relative;z-index:1;}
	
	#svg:hover{ height:60px;margin-left:-30px;width:260px;margin-top:-45px;z-index:4;position:relative; 
		
		}
	
	.agturunler{
	width: 344px;
	height: 185px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
	 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	
	}
	
	.agturunler:hover{
	width: 344px;
	height:185px;
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	
	}
	
	
	.agtline{
	width: 717px;
	height:180px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
	 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	
	}
	
	.agtline:hover{
	width: 717px;
	height:180px;
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	
	}
	
	
	
	
	
	.pvc{
	width: 340px;
	height:180px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
	 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	
	}
	
	.pvc:hover{
	width: 340px;
	height:180px;
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	
	}
	
	.urun_tanitim{ height:70px; width:790px;}
#urun_tanitim_logo { margin-top:20px;margin-left:15px; ; height:40px; width:150;float:left;}
#wood_ozellik{ margin-top:16px;  height:40px; margin-left:260px; width:340px;}
#urun_tanitim_logo1{ margin-left:20px; height:40px; width:150;float:left;margin-top:20px;}
	#camsan_urun_yazi { width:134px;margin-left:6px;height:14px;background-color:#7596B8;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#floorpan_classic_urun_yazi{ width:134px;margin-left:6px;height:14px;background-color:#5CC5C4;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#floorpan_nova_urun_yazi{ width:134px;margin-left:6px;height:14px;background-color:#70BE3D;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#floorpan_sun_urun_yazi{ width:134px;margin-left:6px;height:14px;background-color:#FDBE00;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#floorpan_urban_urun_yazi{ width:134px;margin-left:6px;height:14px;background-color:#DF2671;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#peli_vintage_urun_yazi{ width:367px;margin-left:6px;height:14px;background-color:#DF2671;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#peli_elegance_urun_yazi{ width:367px;margin-left:6px;height:14px;background-color:#E2211B;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#peli_wood_urun_yazi{ width:367px;margin-left:6px;height:14px;background-color:#40AC2B;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#peli_city_urun_yazi{ width:367px;margin-left:6px;height:14px;background-color:#006AAC;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	
	#agt_parke_urun_yazi{ width:134px;margin-left:6px;height:14px;background-color:red;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#agt_line_urun_yazi{ width:238px;margin-left:6px;height:14px;background-color:red;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	
	#serifoglu_urun_yazi{ width:173px;margin-left:6px;height:14px;background-color:#6D032D;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#masifparke_urun_yazi{ width:368px;margin-left:6px;height:14px;background-color:#A18560;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#masifparke1_urun_yazi{ width:173px;margin-left:6px;height:14px;background-color:#8F6023;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#sistre_urun_yazi{ width:173px;margin-left:6px;height:14px;background-color:#6D032D;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#aquafloor_urun_yazi{ width:108px;margin-left:6px;height:25px;background-color:#2E8BDA;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	#classen_urun_yazi{ width:172px;margin-left:6px;height:14px;background-color:#003A6E;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	
	#galaxy_urun_yazi{ width:238px;margin-left:6px;height:14px;background-color:#E50003;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	
	#trendy_urun_yazi{ width:173px;margin-left:6px;height:14px;background-color:#E50003;font-size:12px;font-family:Arial;color:#fff;margin-top:-7px;text-align:center;padding:5px }
	
	#camsan_tablo { margin-top:10px; border-collapse:collapse;}
	#floorpan_tablo{ margin-top:10px; border-collapse:collapse; }
	#urun_tablo{ margin-top:10px; border-collapse:collapse; } 
	#urun_tablo{ margin-top:10px; border-collapse:collapse; }
	#camsan_urun_resim {  padding:6px; height:74; width:144;}
	#floorpan_urun_resim { padding:6px; height:94; width:144; }
	#agt_line_resim { padding:6px; height:110; width:248; }
	#agt_urun_resim { padding:6px; height:150; width:144; }
	#serifoglu_urun_resim { padding:6px; height:113; width:183; }
	#masifparke_urun_resim { padding:6px; height:113; width:378; }
	#masifparke1_urun_resim { padding:6px; height:113; width:183; }
	#sistre_urun_resim { padding:6px; height:130; width:144; }
	#aquafloor_urun_resim { padding:6px; height:53; width:118; }
	#classen_urun_resim { padding:6px; height:90; width:182; }
	#pvc_urun_resim { padding:6px; height:100; width:248; }
	#trendy_urun_resim { padding:6px; height:120; width:183; }
	#peli_urun_resim{padding:6px; height:120; width:377;}
	.camsan_markalar_alan{
		width: 360px;
	height:160px;
	float:left;
	margin-left:30px;
	
		}
	.camsan_markalar_alan1:hover { background-color: #D13235 }
	
	.urun_aciklama{ float:left;height:50px;width:550px;margin-top:17px;margin-left:38px;font-family:Tahoma; font-size:13px;color:#686868; }
	
	.urun_aciklama_camsan{ float:left;height:50px;width:350px;margin-top:17px;margin-left:38px;font-family:Tahoma; font-size:13px;color:#686868; }
	
	.peli_markalar_alan{
		width: 360px;
	height:160px;
	float:left;
	margin-left:30px;
	
		}
		
		.agt_markalar_alan{
		width: 360px;
	height:210px;
	float:left;
	margin-left:30px;
	
		}
		
		.line_markalar_alan{
		width: 360px;
	height:190px;
	float:left;
	margin-left:30px;
	
		}
		
		
	
	.camsan_ic_div{ height:400px; width:780px; margin-top:10px; }
	.camsan_sol_div{ height:400px; width:370px;  float:left;}
	.camsan_sol_resim{ height:380px; width:360px;}
	.camsan_sag_div{ height:400px; width:410px; float:left;}
	.camsan_sag_ust_div{height:140px; width:410px;margin-top:0px; }
	.camsan_sag_ust_divin_solu{height:140px; width:270; float:left;}
	.camsan_sag_orta_div{width:410px; height:55px;}
	.camsan_sag_alt_div{width:410px; height:185px;}
	#camsan_sag_resim{width:410px; height:185px;}
	
	.camsan_ozellik { float:right; height:140px; width:140px;  background-color:#CB0003; -webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px; }
	.camsan_yazi_tipi{ color:white;  font-size:13; font-family:Tahoma;}
	.camsan_urun_yazi_stil { font-family:Tahoma; font-size:20px; margin-left:-15px;}
	.camsan_yazi_tipi_divi{ height:20px; width:240; margin-top:14px;}
	.camsan_urun_alt_cizgi_divi{height:10px; width:270; margin-top:30px; color:#FCAA09; }
	#camsan_alt_cizgi_resim{ height:3px; width:280; }
	#camsan_alt_cizgi_resim1{ height:2px; width:769;  margin-left:5px;}
	#urun_alt_cizgi_resim{ height:2px; width:769;  margin-left:5px; content:url(../images/urunalt_cizgi.jpg)}
	#camsan_alt_cizgi_resim2{ height:1px; width:776; content:url(../images/camsan_urunalt_cizgi.jpg)}
	#urun_alt_cizgi{ height:1px; width:776; content:url(../images/camsan_urunalt_cizgi.jpg)}
	.camsan_ozellik_yazi_div{height:40px; width:100px; margin-top:28px; margin-left:17; text-align: center;}
	
.camsan_shadow{
		margin-top:-110px;
		width:190px;
		height:120px;
		z-index:1;
   transition: ease all 300ms;
   
    }
  
  .camsan_shadow:hover {
	  
	  background : red;
	  z-index:0;
	  
	  }
	  
	  
	  
	.mp-img:hover .mp-img-shadow {transition: ease all 300ms; bottom:0px; opacity: 1;}
	.mp-img {float:left; width: 100%; margin-bottom: 30px; position: relative; z-index: 1;}
.mp-img img {position: relative; z-index: 10;}
.mp-img-shadow {
  background: rgba(0, 0, 0, 0) url("../images/camsan_shadow.png")/ no-repeat scroll center top;
  top:400px; transition: ease all 300ms;
  height: 100px;
  position: absolute; opacity: 0;
  width: 600px;
  z-index: 0;
  left: 300px;
}

.icon-link {
  width: 20px;
  height: 20px;
  background-color: #E1171B;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  outline: none;
  margin: 3px;
  box-sizing: content-box;
}
.icon-link.fill.facebook {
  background-color: #3b5998;
}
.icon-link.fill.facebook:hover {
  background-color: #fff;
}


.icon-link.fill.facebook:hover .fa-facebook {
  color: #3b5998;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.tumblr {
  background-color: #32506d;
}
.icon-link.fill.tumblr:hover {
  background-color: #fff;
}
.icon-link.fill.tumblr:hover .fa-tumblr {
  color: #32506d;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.linkedin {
  background-color: #007bb6;
}
.icon-link.fill.linkedin:hover {
  background-color: #fff;
}
.icon-link.fill.linkedin:hover .fa-linkedin {
  color: #007bb6;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.twitter {
  background-color: #00aced;
}
.icon-link.fill.twitter:hover {
  background-color: #fff;
}
.icon-link.fill.twitter:hover .fa-twitter {
  color: #00aced;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.google-plus {
  background-color: #dd4b39;
}
.icon-link.fill.google-plus:hover {
  background-color: #fff;
}
.icon-link.fill.google-plus:hover .fa-google-plus {
  color: #dd4b39;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.reddit {
  background-color: #8bbbe3;
}
.icon-link.fill.reddit:hover {
  background-color: #fff;
}
.icon-link.fill.reddit:hover .fa-reddit {
  color: #8bbbe3;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.youtube {
  background-color: #df1c31;
}
.icon-link.fill.youtube:hover {
  background-color: #fff;
}
.icon-link.fill.youtube:hover .fa-youtube {
  color: #df1c31;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.pinterest {
  background-color: #b81621;
}
.icon-link.fill.pinterest:hover {
  background-color: #fff;
}
.icon-link.fill.pinterest:hover .fa-pinterest {
  color: #b81621;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.github {
  background-color: #444;
}
.icon-link.fill.github:hover {
  background-color: #fff;
}
.icon-link.fill.github:hover .fa-github {
  color: #444;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.envelope {
  background-color: #333;
}
.icon-link.fill.envelope:hover {
  background-color: #fff;
}
.icon-link.fill.envelope:hover .fa-envelope {
  color: #333;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.soundcloud {
  background-color: #f50;
}
.icon-link.fill.soundcloud:hover {
  background-color: #fff;
}
.icon-link.fill.soundcloud:hover .fa-soundcloud {
  color: #f50;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link.brand {
  background-color: #fff;
}
.icon-link.brand .fa {
  color: #006FC2;
}
.icon-link.round {
  border-radius: 10%;
}
.icon-link.round-corner {
  border-radius: 5px;
}
.icon-link:hover {
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  height: 16px;
  line-height: 16px;
  width: 16px;
  background-color: #fff;
}
.icon-link:hover.facebook {
  border: 2px solid #CD0205;
}

.icon-link:hover.instagram {
  border: 2px solid #CD0205;
}
.icon-link:hover.tumblr {
  border: 2px solid #CD0205;
}
.icon-link:hover.linkedin {
  border: 2px solid #CD0205;
}
.icon-link:hover.twitter {
  border: 2px solid #CD0205;
}
.icon-link:hover.google-plus {
  border: 2px solid #dd4b39;
}
.icon-link:hover.reddit {
  border: 2px solid #8bbbe3;
}
.icon-link:hover.youtube {
  border: 2px solid #df1c31;
}
.icon-link:hover.pinterest {
  border: 2px solid #b81621;
}
.icon-link:hover.github {
  border: 2px solid #444;
}
.icon-link:hover.envelope {
  border: 2px solid #333;
}
.icon-link:hover.soundcloud {
  border: 2px solid #f50;
}
.icon-link:hover .fa {
  line-height: 17px;
}
.icon-link:hover .fa-facebook {
  color: #3b5998;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}

.icon-link:hover .fa-instagram {
  color: #8B8A8A;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-tumblr {
  color: #32506d;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-linkedin {
  color: #007bb6;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-twitter {
  color: #00aced;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-google-plus {
  color: #dd4b39;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-reddit {
  color: #8bbbe3;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-youtube {
  color: #df1c31;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-pinterest {
  color: #b81621;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-github {
  color: #444;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-envelope {
  color: #333;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link:hover .fa-soundcloud {
  color: #f50;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.icon-link .fa {
  color: #fff;
  line-height: 20px;
  font-size: 12px;
}

.brand-icons {
  background-color: #ddd;
  padding: 10px 0;
}