/*
 * Noto Nastaliq Urdu Draft (Arabic) http://www.google.com/fonts/earlyaccess
 */
@import url(https://fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css);

@font-face {
  font-family: 'Noto Nastaliq Urdu Draft';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.eot);
  src: url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notonastaliqurdudraft/v4/NotoNastaliqUrduDraft.ttf) format('truetype');
}
p.urdu {
    	font-family: "Noto Nastaliq Urdu Draft"; 
		text-align: center;
		font-style: normal;
		font-size: 18px;
		line-height: 250%;
		direction: rtl;
		}
		
		p.urduform {
    	font-family: "Noto Nastaliq Urdu Draft"; 
		text-align: right;
		font-style: normal;
		font-size: 16px;
		line-height: 250%;
		direction: rtl;
		color: red;
		}
		
p.urduright {
    	font-family: "Noto Nastaliq Urdu Draft"; 
		font-style: normal;
		font-size: 18px;
		line-height: 250%;
		direction: rtl;
		color: white;
		text-align: center;
				}
p.urdubold {
    	font-family: "Noto Nastaliq Urdu Draft";
    	font-weight: bold;
		text-align: center;
		font-style: normal;
		font-size: 20px;
		line-height: 300%;
		direction: rtl
}
p.urdusig {
    	font-family: "Noto Nastaliq Urdu Draft";
		color: red;
    	font-weight: normal;
		text-align: center;
		font-style: normal;
		font-size: 18px;
		line-height: 300%;
		direction: rtl
}
#socialicons {
    text-align: center;
}
#socialicons .icon{
    background: MAIN_COLOR;
    display: inline-block;
    color: white;
    font-size: 18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    margin: 0 1px 8px;
}
#socialicons .icon:hover{
    background: HOVER_COLOR;
}

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}