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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.poiption{
    line-height: 1px;
    color:#fff;
}
.potdiption
{
    line-height: 1px;
    color:#fff;
}



body{
	font-family:Tahoma;
	font-size:11px;
	background:#ffffff url(body.gif) ;
	}
	
	a{color:#3d3d3d;TEXT-DECORATION: none;}
	a:hover{color:#a85e75}
	
#RM-TopHeader{
	width:100%;
	height:220px;
	position:absolute;
	background:url(TopHeader.gif);
	}
	
#RM-Web{
	width:1000px;
	padding-bottom:20px;
	display:table;
	margin:auto;
	direction:rtl;
	}

#RM-header{
	width:1000px;
	height:220px;
	float:right;
	border-bottom:0px solid #4d4d4d;
	}
	
#RM-header-logo{
	display:block;
	width:291px;
	height:100px;
	position:absolute;
	background:url(Header.png);
	margin:6px 0px 0 0;
	}
	
	
	
#RM-HeaderTitle-h1{
	display:block;
	width:468px;
	position:absolute;
	margin:117px 20px 0 0;
	font-size:5.5pt;
	font-family:Tahoma;
	Color:#893078;
	}
	
#RM-HeaderTitle-h2{
	display:block;
	width:468px;
	position:absolute;
	margin:148px 20px 0 0;
	font-size:5.1pt;
	font-family:Tahoma;
	Color:#b362a4;
	
	}
	
	
#RM-HeaderMenu{
	display:block;
	width:1000px;
	height:60px;
	position:absolute;
	margin:173px 0px 0 0;
	font-size:8pt;
	Color:#bba694;
	}
	
    a.HeaderMenu {
	display:table;
	width:89px;
	text-align:center;
	font-size:8pt;
	color:#ffffff;
	background:#a24f93;
	border:1px #f3d9ee solid;
	margin:1px auto 0 auto;
	padding:4px 4px 6px 4px;
	transition: all .5s ease; 
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	}
		
	a:hover.HeaderMenu {
	color:#71105f;
	background:#c980bc;
	border:1px #fff solid;
	transition: all .5s ease; 
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	}
	

#RM-AdsBack{
	display:block;
	width:470px;
	height:92px;
	position:absolute;
	margin:9px 520px 0 0;
    background:#f4cced;
	border:1px #f3d9ee solid;
	}
	
#RM-AdsBackads{
	display:block;
	position:absolute;
	margin:1px 1px 0 0;
	}
	
	
	#RM-AdsBack2{
	display:block;
	width:470px;
	height:92px;
	position:absolute;
	margin:112px 520px 0 0;
    background:#f4cced;
	border:1px #f3d9ee solid;
	}
	
#RM-AdsBackads2{
	display:block;
	position:absolute;
	margin:1px 1px 0 0;
	}
	

	
	
#RM-Tarikh{
	display:block;
	width:170px;
	text-align:center;
	position:absolute;
	margin:80px 300px 0 0;
	font-size:7pt;
	font-family:Tahoma;
	Color:#6d776c;
	}
	
	
#RM-SlideBack{
	display:block;
	width:480px;
	height:140px;
	position:absolute;
	background:url(SlideBack.png);
	margin:11px 519px 0 0;
	}
	



	
#SidRight{
	width:190px;
	display:table;
	float:right;
	margin:0px 0 0 0;
	}
	
.SidRight1{
	width:180px;
	height:60px;
	float:right;
	background: url(Sid1.png);
}

.SidRight2{
	width:180px;
	display:table;
	float:right;
	background:url(Sid2.png);
}

.SidRight3{
	width:180px;
	height:14px;
	float:right;
	background:url(Sid3.png);
	margin:0 0 0px 0;
}
	
	
.Sid-toptitle{
	width:170px;
	padding:15px 37px 0 0;
	font-size:9pt;
	Color:#ffffff;
	}	
	
	
.Sid-toptitle2{
	width:220px;
	padding:19px 15px 0 0;
	font-size:9pt;
	Color:#ffffff;
	}	
	
.Sid-title{
	width:170px;
	padding:0 10px 0 0;
	line-height:2.0em;text-align:justify;font-size:8pt;
	}
		
.SR2{
width:170px;
padding:0px 0px ;
}

.li-Sid{width:142px;background:url('li.png') 156px 9px no-repeat;padding:0px 10px ;}




#TPost{
	width:800px;
	float:left;
	margin:5px 0px 0 8px;
	display:table;
	}

.TTopPost{
	width:800px;
	height:60px;
	float:right;
	background: url(TopPost1.png);
	}	
	
.TTopPost2{
	width:780px;
	padding:23px 28px 0 0;
	font-size:9pt;
	Color:#ffffff;
	}	
	
.TCenterPost{
	width:800px;
	float:right;
	background:url(TopPost2.png);
	}	
	
.TCenterPost2{
	width:780px;
	padding:10px 11px 0 10px;
	color:#3d3d3d;
	line-height:2.2em;text-align:justify;font-size:8pt;
	}
	
.TLowPost{
	width:800px;
	height:20px;
	float:right;
	margin-bottom:0px;
	background:url(TopPost3.png);
	}
	
	

#PostV{
	width:810px;
	float:left;

	}

#Post{
	width:550px;
	float:right;
	margin:0px 3px 0 0;
	display:table;
	}

.TopPost{
	width:540px;
	height:60px;
	float:right;
	background: url(Post1.png);
	}	
	
.TopPost2{
	width:520px;
	padding:22px 60px 0 0;
	font-size:9pt;
	Color:#57264d;
	}	
	
.CenterPost{
	width:540px;
	float:right;
	background:url(Post2.png);
	}	
	
.CenterPost2{
	width:520px;
	padding:10px 11px 0 0;
	color:#3d3d3d;
	line-height:2.2em;text-align:justify;font-size:8pt;
	}

	
.LowPost{
	width:540px;
	height:16px;
	float:right;
	margin-bottom:0px;
	background:url(Post3.png);
	}
	
	
	 a.Link {
	display:block;
	width:149px;
	 height:20px;
	color:#3d3d3d;
	background:#fbf2f9 url('li.png') no-repeat right;
	border:1px #f3d4ec solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.Link {
	color:#3d3d3d;
	background:#f0ade1 url('li.png') no-repeat right;
	width:149px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
			 a.Link2 {
	display:block;
	width:149px;
	 height:20px;
	color:#3d3d3d;
	background:#e4c0ce url('li.png') no-repeat right;
	border:1px #f3d4ec solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.Link2 {
	color:#3d3d3d;
	background:#f0ade1 url('li.png') no-repeat right;
	width:149px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		 a.Link3 {
	display:block;
	width:149px;
	 height:20px;
	color:#3d3d3d;
	background:#edceb6 url('li.png') no-repeat right;
	border:1px #f3d4ec solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.Link3 {
	color:#3d3d3d;
	background:#f0ade1 url('li.png') no-repeat right;
	width:149px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		 a.Link4 {
	display:block;
	width:149px;
	 height:20px;
	color:#3d3d3d;
	background:#c9f3a5 url('li.png') no-repeat right;
	border:1px #f3d4ec solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.Link4 {
	color:#3d3d3d;
	background:#f0ade1 url('li.png') no-repeat right;
	width:149px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		 a.Link5 {
	display:block;
	width:149px;
	 height:20px;
	color:#3d3d3d;
	background:#b9d2f1 url('li.png') no-repeat right;
	border:1px #f3d4ec solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.Link5 {
	color:#3d3d3d;
	background:#f0ade1 url('li.png') no-repeat right;
	width:149px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
			 a.Link6 {
	display:block;
	width:149px;
	 height:20px;
	color:#3d3d3d;
	background:#c6bbdc url('li.png') no-repeat right;
	border:1px #f3d4ec solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.Link6 {
	color:#3d3d3d;
	background:#f0ade1 url('li.png') no-repeat right;
	width:149px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
	
			 a.Link7 {
	display:block;
	width:149px;
	 height:20px;
	color:#3d3d3d;
	background:#e7a7b2 url('li.png') no-repeat right;
	border:1px #f3d4ec solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.Link7 {
	color:#3d3d3d;
	background:#f0ade1 url('li.png') no-repeat right;
	width:149px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
		 a.LinkR {
	display:block;
	width:219px;
	 height:20px;
	color:#3d3d3d;
	background:#fbf2f9 url('li.png') no-repeat right;
	border:1px #f3d4ec solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
				a:hover.LinkR {
	color:#3d3d3d;
	background:#f0ade1 url('li.png') no-repeat right;
	width:219px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
		 a.LinkR2 {
	display:block;
	width:219px;
	 height:20px;
	color:#3d3d3d;
	background:#f8edbf url('li.png') no-repeat right;
	border:1px #b9bdc0 solid;
	margin:1px auto 0 auto;
	padding:5px 20px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #b9bdc0  ;
	border-left: 1px solid #b9bdc0  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.LinkR2 {
	color:#3d3d3d;
	background:#c8c9d1 url('li.png') no-repeat right;
	width:219px;
	border:1px #b0b2bd solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #b0b2bd ;
	border-left: 1px solid #b0b2bd ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
#SidLeft{
	width:250px;
	display:table;
	float:right;
	margin:1px 0px 0px 0px;
	}

.SidLeft1{
	width:250px;
	height:60px;
	float:right;
	background: url(SidLeft.png);
	}	
	
.SidLeft2{
    width:250px;
	display:table;
	float:right;
	background:url(SidLeft2.png);
	}	
	
.SidLeft3{
	width:250px;
	height:18px;
	float:right;
	margin-bottom:0px;
	background:url(SidLeft3.png);
	}
	
	
	

	
	
	.SidLink1{
    width:260px;
	display:table;
	float:right;

	}	
	
	
		.SidLink2{
    width:260px;
	display:table;
	float:right;
	}	
	
	
	
		 a.LinkS {
	display:block;
	width:206px;
	 height:23px;
	color:#3d3d3d;
	background:#eaf6c1 url('liS.png') no-repeat right;
	border:1px #eec5c3 solid;
	margin:2px auto 0 auto;
	padding:4px 40px 2px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #eec5c3  ;
	border-left: 1px solid #eec5c3  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.LinkS {
	color:#3d3d3d;
	background:#ffc3c3 url('liS.png') no-repeat right;
	width:206px;
	border:1px #b0b2bd solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #b0b2bd ;
	border-left: 1px solid #b0b2bd ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}


#RM-FooterLink{
	width:100%;
	height:14px;
	}
	
	#FooterLink{
	width:1000px;
	height:65px;
	}
	
	#RM-Link{
	display:block;
	width:132px;
	height:27px;
	position:absolute;
	background:url(Link.png);
	margin:0px 0px 0px 845px;
	}
	
#RM-Footer{
	width:100%;
	height:200px;
	background:url(Footer.gif);
	}
	
#Footer{
	width:1000px;
	height:25px;
	}
	
	

	
#RM-LinkV{
	display:block;
	width:1000px;
	height:0px;
	position:absolute;
	margin:8px 0px 0 0;
	font-size:8pt;
	Color:#bba694;
	}
	
	    a.LinkV {
	display:table;
	width:144px;
	text-align:right;
	font-size:8pt;
	color:#3d3d3d;
	margin:1px auto 0 auto;
	padding:2px 15px 3px 4px;
	background:url(li.png)  no-repeat right;
	}
		
	a:hover.LinkV {
	color:#829e26;
	}

#Title-Footer{
	width:382px;
	height:4px;
	font-family:tahoma;
	font-weight: bold;	Try it »
	font-size:11px;
	color:#000000;
	position:absolute;
	margin:9px 0px 0 0px;
	}
	
	
		 a.Link0 {
	display:block;
	width:149px;
	 height:17px;
	color:#3d3d3d;
	background:#f4e1f0 ;
	border:1px #f3d4ec solid;
	margin:2px auto 0 auto;
	padding:4px 5px 0px 5px;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec  ;
	border-left: 1px solid #f3d4ec  ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	
	
		
	a:hover.Link0 {
	color:#3d3d3d;
	background:#ed8ad7 ;
	width:149px;
	border:1px #f3d4ec solid;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid #f3d4ec ;
	border-left: 1px solid #f3d4ec ;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
	


	
	
		 a.Code {
	display:table;
	width:200px;
	height:1px;
	text-align:center;
	color:#3d3d3d;
	background:#f7eff2 url("cm.png") no-repeat scroll right top;
	border:1px #d6afbb solid;
	margin:4px auto 0 auto;
	padding:4px 24px 3px 4px;
	border-radius: 6px 6px 6px 6px;
	border-right: 1px solid #d6afbb  ;
	border-left: 1px solid #d6afbb  ;
	transition: all .5s ease; 
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	}
		
	a:hover.Code {
	color:#000000;
	background: url("cm.png") no-repeat scroll 100% -60px;
	border:1px #d6afbb solid;
	border-radius: 6px 6px 6px 6px;
	border-right: 1px solid #d6afbb ;
	border-left: 1px solid #d6afbb ;
	transition: all .5s ease; 
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	}

		 a.M {
	display:table;
	width:200px;
	height:1px;
	text-align:center;
	color:#3d3d3d;
	background:#f7eff2 url("cm2.png") no-repeat scroll right top;
	border:1px #d6afbb solid;
	margin:4px auto 0 auto;
	padding:4px 24px 3px 4px;
	border-radius: 6px 6px 6px 6px;
	border-right: 1px solid #d6afbb  ;
	border-left: 1px solid #d6afbb  ;
	transition: all .5s ease; 
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	}
		
	a:hover.M {
	color:#000000;
	background: url("cm2.png") no-repeat scroll 100% -60px;
	border:1px #d6afbb solid;
	border-radius: 6px 6px 6px 6px;
	border-right: 1px solid #d6afbb ;
	border-left: 1px solid #d6afbb ;
	transition: all .5s ease; 
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	}










@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);

/*Ignore me, I'm just page styling*/
html {font-family: 'Roboto', sans-serif;font-size:16px;line-height:1em;height:100%;}
body {
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #F2F2F2 50%, #F2F2F2 50%, #F2F2F2 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#F2F2F2), color-stop(50%,#F2F2F2), color-stop(100%,#F2F2F2));
  background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 50%,#F2F2F2 50%,#F2F2F2 50%,#F2F2F2 100%);
  background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 50%,#F2F2F2 50%,#F2F2F2 50%,#F2F2F2 100%);
  background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 50%,#F2F2F2 50%,#F2F2F2 50%,#F2F2F2 100%);
  background: linear-gradient(135deg, #ffffff 0%,#ffffff 50%,#F2F2F2 50%,#F2F2F2 50%,#F2F2F2 100%);
}

h1 {font-size:1.5em;margin-bottom:55px;}

#social-platforms {
  position:relative;
  top:100px;
  top:25vh;
  font-size:1rem;
  text-align:center;
  height:250px;
  overflow:hidden;
}

/*Pen code from this point on*/
.btn {
  clear:both;
  white-space:nowrap;
  font-size:.8em;
  display:inline-block;
  border-radius:5px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
  margin:2px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  overflow:hidden
}

.btn:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}

.btn:focus {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}

.btn > span,.btn-icon > i {
  float:left;
  padding:13px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}

.btn > span {
  padding:14px 18px 16px;
  white-space:nowrap;
  color:#FFF;
  background:#b8b8b8
}

.btn:focus > span {
  background:#9a9a9a
}

.btn-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  width:13px;
  text-align:center;
  font-size:1.25em;
  color:#fff;
  background:#212121
}

.btn-icon > i:after {
  content:"";
  border:8px solid;
  border-color:transparent transparent transparent #222;
  position:absolute;
  top:13px;
  right:-15px
}

.btn-icon:hover > i,.btn-icon:focus > i {
  color:#FFF
}

.btn-icon > span {
  border-radius:0 5px 5px 0
}

/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
  color:#3b5998
}

.btn-facebook > span {
  background:#3b5998
}

/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
  color:#55acee
}

.btn-twitter > span {
  background:#55acee
}

/*Google*/
.btn-googleplus:hover > i,.btn-googleplus:focus > i {
  color:#dd4b39
}

.btn-googleplus > span {
  background:#dd4b39
}

/*Pinterest*/
.btn-pinterest:hover > i,.btn-pinterest:focus > i {
  color:#cb2028
}

.btn-pinterest > span {
  background:#cb2028
}

/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
  color:#007bb6
}

.btn-linkedin > span {
  background:#007bb6
}