@charset "utf-8";
/* CSS Document */
/* Smartphones (portrait and landscape) ----------- */
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Styles */
	
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Styles */
	
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* Styles */
	
	
}
/**********
	iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
	
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
	
}
/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
	
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
	
}
/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	
}	
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	
}
/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	
}
/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	/* Styles */
	
}	
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
	
	/* Styles */
	
	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.wrapper {
		max-width:100%;
		margin: auto;
		padding:0px;
		background-color: #eee;
		box-shadow: 0 0 5px #BBB;border:1px solid #CCC; background-color:#FFF;
		
	}
	div.container {
		
		width:100%;
		height:100%;
		padding:3px;
		margin:auto;
		
	}
	.header{
		width:100%; 
		margin:0 auto;
		height:138px;
		margin:0 auto;
		margin-top:1px;
		border: 1px solid rgba(255,255,255,0.6);
		background: rgba(252,234,187,1);
		background: rgba(241,231,103,1);
		background: -moz-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
		background: -webkit-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
		background: -o-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
		background: -ms-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
		background: linear-gradient(135deg, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=1 );
		/*opacity:0.9; 
		Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
		/*background: rgb(242,246,248); /* Old browsers 
			background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6-15 
			background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 
			background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
		
	}
	.logobox{
		height:136px;
		width:215px;
		float:left;
	}
	.logo-img{
		float:left;
		width:100%;
		height:100%;
	}
	
	html {
		background-color: #575757;
		background-image: url("https://www.transparenttextures.com/patterns/xv.png");
		/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	}
	
	body {
		
		margin:0;
		padding:0; 
		
	}
	.login{
		height: 136px;
		width: 270px;
		padding: 10px;
		z-index: 2;
		float:right;
		
	}
	
	.login input[type=text]{
		width: 250px;
		height: 30px;
		background: transparent;
		border: 1px solid rgba(255,255,255,0.6);
		border-radius: 2px;
		color: #fff;
		font-family: 'Exo', sans-serif;
		font-size: 16px;
		font-weight: 400;
		padding: 4px;
		text-align:center;
	}
	
	.login input[type=password]{
		width: 250px;
		height: 30px;
		background: transparent;
		border: 1px solid rgba(255,255,255,0.6);
		border-radius: 2px;
		color: #fff;
		font-family: 'Exo', sans-serif;
		font-size: 16px;
		font-weight: 400;
		padding: 4px;
		margin-top: 10px;
		text-align:center;
	}
	
	.login input[type=submit]{
		width: 250px;
		height: 35px;
		background: #fff;
		border: 1px solid #fff;
		cursor: pointer;
		border-radius: 2px;
		color: #a18d6c;
		font-family: 'Exo', sans-serif;
		font-size: 16px;
		font-weight: 400;
		padding: 6px;
		margin-top: 10px;
	}
	
	.login input[type=submit]:hover{
		opacity: 0.8;
	}
	
	.login input[type=submit]:active{
		opacity: 0.6;
	}
	
	.login input[type=text]:focus{
		outline: none;
		border: 1px solid rgba(255,255,255,0.9);
	}
	
	.login input[type=password]:focus{
		outline: none;
		border: 1px solid rgba(255,255,255,0.9);
	}
	
	.login input[type=submit]:focus{
		outline: none;
	}
	
	::-webkit-input-placeholder{
		color: rgba(255,255,255,0.6);
	}
	
	::-moz-input-placeholder{
		color: rgba(255,255,255,0.6);
	}
	
	/*end with header login*/
	.hmenu{
		height:30px;
		width:100%;
		border: 1px solid rgba(255,255,255,0.6);
		margin:auto;
		margin-top:2px;
		
		padding-left:110px;
		/*	 Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
		background: #606c88; /* Old browsers */
		background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */}
	
	ul{margin: auto;	
	list-style-type: none;}
	
	.drop_menu li { float:left; z-index: 999;}
	.drop_menu li a {
		padding:5px 11px;
		display:block;
		color:#fff;
		text-decoration:none;
		font: arial, verdana, sans-serif;
		font-size:1vw;
		z-index: 999;
	}
	/* Submenu */
	.drop_menu { z-index: 999; }
	.drop_menu ul {
		position:absolute;
		left:-9999px;
		top:-9999px;
	}
	.drop_menu li:hover { position:relative;
		background: rgb(96,108,136); /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
		background: -webkit-radial-gradient(center, ellipse cover, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: radial-gradient(ellipse at center, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
	
	.drop_menu li:hover ul {
		left:0px;
		top:25px;
		padding:0px;
	}
	.drop_menu li:hover ul li a {
		padding:5px;
		display:block;
		width:168px;
		text-indent:15px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,606c88+100 */
		background: rgb(63,76,107); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(63,76,107,1) 0%, rgba(96,108,136,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=1 ); /* IE6-9 */
	}
	.drop_menu li:hover ul li a:hover { color: orange;}
	
	/* end with Horizontal menu */
	
	.timetable{	
		border: 1px solid rgba(255,163,26,0.6);
		width:100%;
		height:100%;
		margin:auto;
		margin-top:2px;
		opacity:0.9;
	}
	/*end time table*/
	.column {
		margin:auto;
		margin-top:3px;
		margin-left:2px;
		float: left;
		width: 175px;
		height: 100%; /* Should be removed. Only for demonstration */
	}
	
	
	
	/* Clear floats after the columns */
	.row:after {
		content: "";
		display: table;
		clear: both;
	}
	.menu_simple ul {
		margin: 0;
		padding: 0;
		width:auto;
		height:auto;
		list-style-type: none;
		font-size:1vw;
		/*border-right: thin solid;
			border-color:#CCCCCC; 
			.menu_simple ul li a {
			text-decoration: none;
			color: white;
			padding:5px 11px;
			display:block;
		/*	border-bottom:1px solid #d8d8d8; */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c69a3+0,2c539e+19,f7f7f7+100;Blue+3D+%232 */
		background: rgb(76,105,163); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(76,105,163,1) 0%, rgba(44,83,158,1) 19%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(76,105,163,1) 0%,rgba(44,83,158,1) 19%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(76,105,163,1) 0%,rgba(44,83,158,1) 19%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c69a3', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */
	}
	.menu_simple ul li a:visited {
		color:#fff;
		
	}
	.menu_simple ul li a:hover, .menu_simple ul li .current {
		color:#ff8800;
		/* background-color: #ff6f00; */
		text-align:center;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
	}
	
	/* end with Vartical menu */
	
	.menu_simple ul {
		margin: 0;
		padding: 0;
		width:auto;
		height:auto;
		list-style-type: none;
		font:12px arial, verdana, sans-serif;
		border-right: thin solid;
		border-color:#CCCCCC; 
	} 
	.menu_simple ul li a {
		text-decoration: none;
		color: white;
		padding:5px 11px;
		display:block;
		border-bottom:1px solid #d8d8d8; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c69a3+0,2c539e+19,f7f7f7+100;Blue+3D+%232 */
		background: rgb(76,105,163); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(76,105,163,1) 0%, rgba(44,83,158,1) 19%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(76,105,163,1) 0%,rgba(44,83,158,1) 19%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(76,105,163,1) 0%,rgba(44,83,158,1) 19%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c69a3', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */
	}
	.menu_simple ul li a:visited {
		color:#fff;
		
	}
	.menu_simple ul li a:hover, .menu_simple ul li .current {
		color:#ff8800;
		/* background-color: #ff6f00; */
		text-align:center;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
	}
	/* end with Vartical menu */
	/*.column2{
		border: 1px solid rgba(255,163,26,0.6);
		width:86%;
		height:100%;
		margin:auto;
		margin-top:2px;
		opacity:0.9;
		float:right;
	} */
	.kalawant{
		float:right;
		width:86.3%;
		height:100%;
		margin:0;
		margin-left:3px;
		margin-top:3px;
		/*border:1px solid #CCCCCC; */
		border: 1px solid rgba(212,212,212,0.7);
		padding:2px;
	}
	.kname{
		float:left;
		width:99.5%;
		height:30px;
		margin:auto;
		margin-top:2px;
		margin-bottom:2px;
		margin-left:2px;
		margin-right:2px;
		border-left:12px solid #FF9900;
		font:12px arial, verdana, sans-serif;
		background-color:#006699;
		padding-left:6px;
		padding-top:7px;
		color:#fff;
		opacity:0.9;
		
	}
	.vname{
		float:left;
		width:99.4%;
		height:30px;
		margin:auto;
		margin-top:3px;
		margin-left:2px;
		margin-right:2px;
		border-left:12px solid #00FF00;
		font:12px arial, verdana, sans-serif;
		background-color:gold;
		padding-left:6px;
		padding-top:7px;
		color:#000000;
		opacity:0.9;
	}
	#kala1 {
		float:left;
		width:32%;
		font:normal 11px/13px Arial;
		color:#666;
		
		margin-top:3px;
		margin-left:3px;
	}
	#kala2 {
		float:left;
		width:33%;
		font:normal 11px/13px Arial;
		color:#666;
		
		margin:3px 2px 2px 13.5px;
		
	}
	#kala3 
	{	margin:1px 2px 2px 2px;
		float:right;
		width:32%;
		font:normal 11px/13px Arial;
		color:#666;
		
		margin-top:3px;
		margin-right:5px;
	}
	.kal .kal1 
	{
		border:1px solid #CCC;
		border-top:1px solid #FFF;
		padding:11px 8px;
		background:#EEE;
	}
	.kal .kal1-on 
	{
		background:#FFF;
	}
	
	.kal img{border:1px solid #DDD; cursor:pointer; width:70px; height:50px;}
	
	.kal .kalframe {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:1vw;0;line-height:0;text-decoration: none;}
	.kal .kal-content {float:left;width:145px;padding-left:10px; text-decoration: none;}
	
	/* Captions in #thumbs .thumb-content */
	.kal .kal-content p {font-weight:bold; color:#BF5D9B; margin:0 0 3px;padding:0;text-decoration: none;}
	.kal .kal-on .kal-content p {color:#BB0000;text-decoration: none;}
	
	#news{
		float:left;
		width:99.4%;
		height:auto;
		padding:2px;
		margin:auto;
		margin-top:5px;
		margin-left:2px;
		border:1px solid #CCCCCC;
	}
	.subnews1{
		width:50%;
		height:auto;
		overflow:hidden;
		font:normal 12px/14px Arial;
		color:#666;
		float:left;
		margin:auto;
		
	}
	
	.newsbox { 
		background-color:#f9f9f9;
		width:100%;
		height:auto;
		overflow:hidden;
		padding-top:5px;
		font:normal 12px/14px Arial;
		color:#666;
		
		
	}
	
	.newsbox ul {
		list-style:square;
		margin:0;
		position: relative;
	}
	.newsbox ul li {
		padding:4px 0px;
	}
	.newsbox ul li a {
		color:#266db5;
		text-decoration:none;
	}
	/*news tab*/
	
	.cl3{
		width:100%;
		height:100%;
		border: 1px solid rgba(255,163,26,0.6);
	}
	
	
	/*sprdha scroll*/
	#Sprdhascroll{
		width:34.3%;
		height:242px;
		float:left;
		margin:auto;
		margin-top:5px;
		margin-left:4px;
		margin-right:2px;
		border: 1px solid rgba(212,212,212,0.7);
	}
	
	.holder { 
		background-color:#f9f9f9;
		width:100%;
		height:240px;
		overflow:hidden;
		font:normal 12px/14px Arial;
		color:#666;
		padding:5px;
	}
	.holder .mask {
		position: relative;
	left: 0px;
	top: 0;
	width:300px;
	height:240px;
	overflow: hidden;
	}
	.holder ul {
	list-style:square;
	margin:0;
	padding:2;
	position: relative;
	}
	.holder ul li {
	padding:5px 0px;
	}
	.holder ul li a {
	color:#ff4000;
	text-decoration:none;
	}
	/*sprdha scroll end */
	#video{
	width:391px;
	height:auto;
	float:left;
	margin-left:2px;
	margin-right:2px;
	margin-top:5px;
	margin-bottom:4px;
	padding:4px;
	border: 1px solid rgba(212,212,212,0.7);
	}
	.workshops{
	width:30%;
	height:auto%;
	float:left;
	margin-top:5px;
	margin-left:5px;
	padding:3px;
	border: 1px solid rgba(212,212,212,0.7);
	overflow: hidden;
	}
	.TWorkshops{
	margin:auto;
	font:arial, verdana, sans-serif;
	color:green;
	}
	.workP{
	margin:auto;
	font:12px arial, verdana, sans-serif;
	color:blue;
	}
	.clearfix::after {
	content: "";
	clear: both;
	display: table;
	}
	.Bimgbox{
	width:100%;
	height:265px;
	font:12px arial, verdana, sans-serif;
	color:#ccc;
	float:left;
	margin-top:4px;
	padding-left:8px;
	border: 1px solid rgba(212,212,212,0.7);
	background-color: #1b292b; /* For browsers that do not support gradients */
	background-image: linear-gradient(#1b292b, #1d1b2b);
	}
	.imgbox{
	width:145px;
	height:110px;
	border: 1px solid rgba(212,212,212,0.7);
	color:#ccc;
	float:left;
	margin:10px;
	}
	.footer{
	width:100%;
	height:180px;
	font:12px arial, verdana, sans-serif;
	color:#ccc;
	float:left;
	margin-top:2px;
	margin-bottom:3px;
	border: 1px solid rgba(212,212,212,0.7);
	/*background-color: #1b292b; /* For browsers that do not support gradients 
	background-image: linear-gradient(#1b292b, #1d1b2b); */
	}
	.foobox1{
	width:100%;
	height:130px;
	font-size:1vw;
	color:#ccc;
	float:left;
	padding:40px;
	background-color:#1b292b;
	text-align:center;
	}
	.foobox2{
	width:100%;
	height:50px;
	font-size:1vw;
	float:left;
	background-color:#5B9638; 
	font-family: 'Exo', sans-serif;
	
	
	color:#CCC;
	padding-top:10px;
	text-align:center;
	opacity:0.9;
	
	}
	.footxt{
	font-size:1vw;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	color:#CCC;
	text-decoration:none;
	}
	
	.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px solid black; /* If you want dots under the hoverable text */
	}
	.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
	}
	
	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
	visibility: visible;
	}
	.fa {
	padding: 9px;
	font-size: 40px;
	width: 30px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	border-radius: 50%;
	}
	
	
	.fa:hover {
	opacity: 0.7;
	}
	
	.fa-facebook {
	background: #3B5998;
	color: white;
	}
	
	.fa-twitter {
	background: #55ACEE;
	color: white;
	}
	
	.fa-google {
	background: #dd4b39;
	color: white;
	}
	
	.fa-linkedin {
	background: #007bb5;
	color: white;
	}
	
	.fa-youtube {
	background: #bb0000;
	color: white;
	}
	
	.fa-instagram {
	background: #125688;
	color: white;
	}
	
	.fa-pinterest {
	background: #cb2027;
	color: white;
	}
	
	.fa-snapchat-ghost {
	background: #fffc00;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}
	
	.fa-skype {
	background: #00aff0;
	color: white;
	}
	
	.fa-android {
	background: #a4c639;
	color: white;
	}
	
	.fa-dribbble {
	background: #ea4c89;
	color: white;
	}
	
	.fa-vimeo {
	background: #45bbff;
	color: white;
	}
	
	.fa-tumblr {
	background: #2c4762;
	color: white;
	}
	
	.fa-vine {
	background: #00b489;
	color: white;
	}
	
	.fa-foursquare {
	background: #45bbff;
	color: white;
	}
	
	.fa-stumbleupon {
	background: #eb4924;
	color: white;
	}
	
	.fa-flickr {
	background: #f40083;
	color: white;
	}
	
	.fa-yahoo {
	background: #430297;
	color: white;
	}
	
	.fa-soundcloud {
	background: #ff5500;
	color: white;
	}
	
	.fa-reddit {
	background: #ff5700;
	color: white;
	}
	
	.fa-rss {
	background: #ff6600;
	color: white;
	}	
	
	}
	/* Desktops and laptops ----------- */
	@media only screen  and (min-width : 1280px) {
	/* Styles */
	
	}
	/* iPads (landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Styles */
	
	/* Large screens ----------- */
	@media only screen  and (min-width : 1824px) {
	/* Styles */
	
	}