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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table { border-collapse: collapse; border-spacing: 0; }

body {
	-webkit-text-size-adjust: none;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 480px) {
	html, body {
		min-width: 320px;
	}
}

body.is-loading *, body.is-loading *:before, body.is-loading *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

html { height: 100%; }

body {
	height: 100%;
/*  background-color: transparent; */
	background-color: #ffffff;
/*
	background-image: url("images/overlay.png"), linear-gradient(-30deg, rgba(0, 0, 255, 0.5) 45%, rgba(255, 204, 0, 0.35)), url("images/RDP_View.jpg");
*/
	background-image: url("images/overlay.png"), -moz-linear-gradient(-30deg, rgba(255, 204, 0, 0.7) 5%, rgba(0, 0, 255, 0.45)), url("images/RDP_View.jpg");
	background-image: url("images/overlay.png"), -webkit-linear-gradient(-30deg, rgba(255, 204, 0, 0.7) 5%, rgba(0, 0, 255, 0.45)), url("images/RDP_View.jpg");
	background-image: url("images/overlay.png"), -ms-linear-gradient(-30deg, rgba(255, 204, 0, 0.7) 5%, rgba(0, 0, 255, 0.45)), url("images/RDP_View.jpg");
	background-image: url("images/overlay.png"), linear-gradient(30deg, rgba(255, 204, 0, 0.5) 35%, rgba(0, 0, 255, 0.5)), url("images/RDP_View.jpg");
	background-repeat: repeat, no-repeat, no-repeat;
	background-size: 100px 100px, cover, cover;
	background-position: top left, center center, bottom center;
	background-attachment: fixed, fixed, fixed;
}

body:after {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: inherit;
	opacity: 0;
	z-index: 1;
	background-color: #ffffff;
	background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
	background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
	background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
	background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
	background-repeat: repeat, no-repeat;
	background-size: 100px 100px, cover;
	background-position: top left, center center;
	-moz-transition: opacity 1.75s ease-out;
	-webkit-transition: opacity 1.75s ease-out;
	-ms-transition: opacity 1.75s ease-out;
	transition: opacity 1.75s ease-out;
}

body.is-loading:after {opacity: 1;}

body, input, select, textarea {
  color: #414f57;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

@media screen and (max-width: 1680px) {
  body, input, select, textarea {font-size: 11pt;} 
}
@media screen and (max-width: 480px) {
  body, input, select, textarea {font-size: 10pt;line-height: 1.75;} 
}

a {
-moz-transition: color 0.2s ease, border-color 0.2s ease;-webkit-transition: color 0.2s ease, border-color 0.2s ease;-ms-transition: color 0.2s ease, border-color 0.2s ease;transition: color 0.2s ease, border-color 0.2s ease;color: inherit;text-decoration: none;
}
a:before {
-moz-transition: color 0.2s ease, text-shadow 0.2s ease;-webkit-transition: color 0.2s ease, text-shadow 0.2s ease;-ms-transition: color 0.2s ease, text-shadow 0.2s ease;transition: color 0.2s ease, text-shadow 0.2s ease;
}
a:hover {color: #ff7496;}
strong, b {color: #313f47;}
em, i {font-style: italic;}
p {margin: 0 0 1.5em 0;}
h1, h2, h3, h4, h5, h6 {color: #313f47;line-height: 1.5;margin: 0 0 0.75em 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}
h1 {font-size: 1.85em;letter-spacing: 0.22em;margin: 0 0 0.525em 0;}
h2 {font-size: 1.25em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}
@media screen and (max-width: 480px) {
 h1 {font-size: 1.65em;}
}
sub {font-size: 0.8em;position: relative;top: 0.5em;}
sup {font-size: 0.8em;position: relative;top: -0.5em;}
hr {border: 0;border-bottom: solid 1px #c8cccf;margin: 3em 0;}
label {
	color: #313f47;
	display: block;
	font-size: 0.9em;
	margin: 0 0 0.75em 0;
}

.icon {
	text-decoration: none;
	position: relative;
	border-bottom: none;
}
.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}
.icon > .label {
	display: none;
}
ol {list-style: decimal;margin: 0 0 1.5em 0;padding-left: 1.25em;}
ol li {padding-left: 0.25em;}
ul {list-style: disc;margin: 0 0 1.5em 0;padding-left: 1em;}
ul li {padding-left: 0.5em;}
ul.alt {list-style: none;padding-left: 0;}
ul.alt li {border-top: solid 1px #c8cccf;padding: 0.5em 0;}
/*
ul.alt li:first-child {border-top: 0;padding-top: 0;}
*/

ul.icons {
  cursor: default;
  list-style: none;
  padding-left: 0;
  margin-top: -0.675em;
}
ul.icons li {
  display: inline-block;
  padding: 0.675em 0.5em;
}

/*
ul.icons li a { text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; }
ul.icons li { position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; }
*/

a.imgLinkedIn {
 text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; 
background: #c8cccf;
background-image: url(images/socialIcons/li_icon_off.png);
background-repeat: no-repeat; 
background-position: center;
}
a.imgLinkedIn:hover {
 text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; 
background: #c8cccf;
background-image: url(images/socialIcons/li_icon_on.png); 
background-repeat: no-repeat; 
background-position: center;
}

a.imgFacebook {
 text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; 
background: #c8cccf;
background-image: url(images/socialIcons/fb_icon_off.png); 
background-repeat: no-repeat;
background-position: center;
}
a.imgFacebook:hover {
 text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; 
background: #c8cccf;
background-image: url(images/socialIcons/fb_icon_on.png); 
background-repeat: no-repeat; 
background-position: center;
}

a.imgBlog {
 text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; 
/* background: #c8cccf; */
background-image: url(images/socialIcons/wp_icon_off.png); 
background-repeat: no-repeat; 
background-position: center;
}
a.imgBlog:hover {
 text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; 
/* background: #c8cccf; */
background-image: url(images/socialIcons/wp_icon_on.png); 
background-repeat: no-repeat; 
background-position: center;
}

a.imgEmail {
 text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; 
/* background: #c8cccf; */
background-image: url(images/socialIcons/email_icon_off.png); 
background-repeat: no-repeat; 
background-position: center;
}
a.imgEmail:hover {
 text-decoration: none; position: relative; display: block; width: 3.75em; height: 3.75em; border-radius: 100%; border: solid 1px #c8cccf; line-height: 3.75em; overflow: hidden; text-align: center; text-indent: 3.75em; white-space: nowrap; 
/* background: #c8cccf; */
background-image: url(images/socialIcons/email_icon_on.png); 
background-repeat: no-repeat; 
background-position: center;
}

/*
images/socialIcons/email_icon_on.png
images/socialIcons/email_icon_off.png
images/socialIcons/fb_icon_on.png
images/socialIcons/fb_icon_off.png
images/socialIcons/li_icon_on.png
images/socialIcons/li_icon_off.png
*/

/* The anchor tag must be definined in the order link, visited, hover, active */
/*
.imgLinkedIn {
  background-image:          url(images/socialIcons/li_icon_off.png);
  background: #c8cccf;
}
.imgLinkedIn a:hover {
  background-image:          url(images/socialIcons/li_icon_on.png);
}
*/
/*
ul.icons li a:before {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-family: FontAwesome;font-style: normal;font-weight: normal;text-transform: none !important;}
ul.icons li a:before {color: #ffffff;text-shadow: 1.25px 0px 0px #c8cccf, -1.25px 0px 0px #c8cccf, 0px 1.25px 0px #c8cccf, 0px -1.25px 0px #c8cccf;}
ul.icons li a:hover:before {text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496;}
ul.icons li a:before {position: absolute;top: 0;left: 0;width: inherit;height: inherit;font-size: 1.85rem;line-height: inherit;text-align: center;text-indent: 0;}
ul.icons li a:hover {border-color: #ff7496;}
@media screen and (max-width: 480px) {
  ul.icons li a:before {font-size: 1.5rem;} 
}
*/
ul.actions {cursor: default;list-style: none;padding-left: 0;}
ul.actions li {display: inline-block;padding: 0 0.75em 0 0;vertical-align: middle;}
ul.actions li:last-child {padding-right: 0;}
dl {margin: 0 0 1.5em 0;}
dl dt {display: block;margin: 0 0 0.75em 0;}
dl dd {margin-left: 1.5em;}

/* top right bottom left */
.greyedOut { 
    opacity: 0.85;
    filter: alpha(opacity=85); /* msie */
}
span.greyedOut:hover { 
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}

.adiShakti { width:115px; height:130px; }

/* Sans (without) serif, means it's 'blocky,' the letters aren't stylized */
/* The anchor tag must be definined in the order link, visited, hover, active */
/* top right bottom left */

/*
a.nav:link, a.nav:visited {
        color: #e81d0f;
        text-decoration:none;
        display:block;
        height:38px;
        white-space: nowrap;
}
a.nav:hover, a.nav:active {
        color: #000080;
        background-image:          url(images/zia2.jpg);
        background-repeat: no-repeat;
        display:block;
        background-position: 50% 0%;
        height:38px;
        white-space: nowrap;
        text-decoration:none;
}
*/

.imgcentered { float:left; margin: 0 auto; display: block; }

.topDiv { 
  position: absolute;
  top:0; bottom:0; left:0; right:0;
  text-align : center; 
  padding: 15px 0px 10px 0px; 
}

#mainArea { 
/* min-width: 350px; min-height:200px; */
/* margin: -100px 0 0 -150px; z-index: 15; */

color: #000;
position: absolute;
width:40%; height: 40%;
margin: auto;
top:0; bottom:0; left:0; right:0;
border-radius: 8px;
opacity: 0.95;
background: #ffffff;
    background-color: rgb(255, 255, 255);
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;

/*
background-image:          url(images/as.png);
background-size: 115px 130px;
*/
display:block;
padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 14pt;
font-weight: 300;
line-height: 2;
letter-spacing: 0.2em;
text-transform: uppercase;
}

#main {
  position: relative;
  max-width: 100%;
  min-width: 27em;
  padding: 4.5em 3em 3em 3em ;
  background: #ffffff;
  border-radius: 4px;
  cursor: default;
  opacity: 0.90;
  text-align: center;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -moz-transition: opacity 1s ease, -moz-transform 1s ease;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  -ms-transition: opacity 1s ease, -ms-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
}

#main .avatar {
  position: relative;
  display: block;
  margin-bottom: 1.5em;
}
#main .avatar .profile {
  height: 200px;
  display: block;
/* margin: 0 auto; */
  margin: 0 100px;
  border-radius: 100%;
  box-shadow: 0 0 0 1.5em #ffffff;
}

/*
#main .avatar:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -3em;
  width: calc(100% + 6em);
  height: 1px;
  z-index: -1;
  background: #c8cccf;
}
*/
/*
#main .avatar:before {
  content: '';
  display: block;
  position: absolute;
  top: 25%;
  left: 1em;
  height: 100px;
  width: calc(50% + 6em);
  z-index: -1;
  background: #FFF;
  background-image:          url(images/as.png);
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

#main .avatar:after {
  content: '';
  display: block;
  position: absolute;
  top: 25%;
  right: 1em;
  width: calc(50% + 6em);
  height: 100px;
  z-index: -1;
  background: #FFF;
  background-image:          url(images/as.png);
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
*/

#main .leftAS {
  height: 100px;
  display: block;
  position: absolute;
  left: 0;
  top: 25%;
  margin: 0 0;
}
#main .rightAS {
  height: 100px;
  display: block;
  position: absolute;
  right: 0;
  top: 25%;
  margin: 0 0;
}

.myName {
/* Gurmukhi Unicode: ਪ੍ਭੂ ਸਿੰਘ ਖ਼ਾ&#2610ਸਾ */
/* Reference URL: http://symbolcodes.tlt.psu.edu/bylanguage/punjabichart.html */
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  font-size: 31pt;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0em;
/*  color: #0000FF; */
  color: #0a2880;
}


@media screen and (max-width: 480px) {
    #main {min-width: 0;width: 100%;padding: 4em 2em 2.5em 2em ;}
    #main .avatar:before {left: -2em;width: calc(100% + 4em);} 
}

body.is-loading #main {
    opacity: 0;-moz-transform: rotateX(15deg);-webkit-transform: rotateX(15deg);-ms-transform: rotateX(15deg);transform: rotateX(15deg);
}

.bottomArea{ 
position: absolute;
clear:both;
text-align: center;
/* width:300px; height:20px;
top: 90%;
left: 50%;
*/
width:40%; height: 20%;
top:70%; bottom:0; left:0; right:0;
margin: auto;
background-image:          url(images/my_name.png);
background-size: 50%;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
}

/* h1 {font-size:200%;} h2 {font-size:140%;} h3 {font-size:110%;} */

.prevFooter {
position: absolute;
bottom: 0;
left: 50%;
/* top: 90%; */
text-align: center;
width:300px; height:20px;
margin: -10px 0 0 -150px; /* negative margin for half of the height and width */
/* padding: 25px 0px 0px 0px; */
}

#footer {
  -moz-align-self: -moz-flex-end;-webkit-align-self: -webkit-flex-end;-ms-align-self: -ms-flex-end;
  align-self: flex-end;
  width: 100%;
  padding: 1.5em 0 0 0;
  color: rgba(255, 255, 255, 0.75);
  cursor: default;
  text-align: center;
}
#footer .copyright {margin: 0;padding: 0;font-size: 0.9em;list-style: none;}
#footer .copyright li {display: inline-block;margin: 0 0 0 0.45em;padding: 0 0 0 0.85em;border-left: solid 1px rgba(255, 255, 255, 0.5);line-height: 1;}
#footer .copyright li:first-child {border-left: 0;}

/*
.copyright { font-size: .6em; color: #9a9a9a; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; }
*/


#wrapper {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; -moz-align-items: center; -webkit-align-items: center; -ms-align-items: center;
  align-items: center; -moz-justify-content: space-between; -webkit-justify-content: space-between; -ms-justify-content: space-between;
  justify-content: space-between; -moz-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
  flex-direction: column; -moz-perspective: 1000px; -webkit-perspective: 1000px; -ms-perspective: 1000px;
  perspective: 1000px;
  position: relative;
  min-height: 100%;
  padding: 1.5em;
  z-index: 2;
}
#wrapper > * {z-index: 1;}
#wrapper:before {content: ''; display: block;}

@media screen and (max-width: 360px) { 
    #wrapper {padding: 0.75em;}
}
body.is-ie #wrapper {height: 100%;}

/* top right bottom left */
/* .floatLeft { float:left; margin:0 10px 0px 0; } */