body{color:#FFF;font-family:Verdana, Geneva, sans-serif;min-width:960px;top:0;left:0;position:absolute;height:100%;width:100%;margin:0;background-size:cover;}
.ie body{filter:dropshadow(color=#000000, offx=0, offy=1);}
h1{margin:0px 0px 65px 0px;padding:0px;text-align:center;font-size:48px;}
.ie h1{filter:dropshadow(color=#000000, offx=0, offy=3);padding-bottom:12px;}
h2{}
.ie h2{filter:dropshadow(color=#000000, offx=0, offy=3);}
h3{font-size:25px;margin:0.2em 0;}
.ie h3{filter:dropshadow(color=#000000, offx=0, offy=3);}
h4{margin-bottom:5px;}
p, pre{margin:0 0 10px 0;}
code{text-transform:uppercase !important;color:#EEE;border-bottom:1px dotted #666;}
small{background:url(../images/alpha.png);background:rgba(0, 0, 0, 0.8) url();border:1px solid #111;font-size:15px;padding:0 5px;}
a{color:rgba(0, 210, 255, 1);text-decoration:none;}
a:hover{color:#BBB;}
#Header{margin-bottom:62px;position:relative;width:100%;height:auto;line-height:5px;z-index:1;text-align:center;}
.wrapper{margin:0 auto;position:relative;width:920px;z-index:1;}
.twitterIcon, .facebookIcon, .linkedInIcon, .pintrestIcon{background:url('../images/social-icons.png') -74px 0px;}
.facebookIcon{background-position:10px 0px;}
.linkedInIcon{background-position:-245px 0px;}
.pintrestIcon{background-position:-331px 0px;}
.tempBy{display:none;text-align:center;margin-top:40px;}
#Content h2{margin:0px 0px 65px 0px;padding:0px;text-align:center;font-size:48px;font-weight:300;color:#00D2FF;}
#subscribe h2{padding:0px;text-align:center;}
#WindowSlide{margin:0 auto;position:relative;width:634px;height:170px;display:block;overflow:hidden;}
#Mail{position:absolute;width:634px;top:0px;left:0px;}
#Content h3{text-align:center;font-size:24px;font-weight:normal;display:block;clear:both;}
#subscribe p{text-align:center;}
#subscribe input{background:rgba(255, 255, 255, 0.52);color:#000;font:bold 19px;vertical-align:middle;border:1px solid rgba(255, 255, 255, 0.76);padding:10px;border-radius:3px;border: 1px solid #D9D9D9;}
#subscribe input[type="text"]{background:rgba(255, 255, 255, 0.52);color:#1224EA;font:bold 19px;vertical-align:middle;width:293px;border:1px solid rgba(255, 255, 255, 0.76);padding:10px;text-align:center;font-size:25px}
#subscribe input[type="submit"]{background:rgba(255, 255, 255, 1);width:auto;padding:9px 25px;cursor:pointer;margin-left:-5px;width:100px}
.callback,
.simple{font-size:20px;background:#27ae60;padding:0.5em 0.7em;color:#ecf0f1;margin-bottom:50px;-webkit-transition:background 0.5s ease-out;transition:background 0.5s ease-out;}
.callback{cursor:pointer;}
.ended{background:#c0392b;}
.countdown{text-align:center;}
.styled{margin-bottom:90px;}
.styled div{display:inline-block;margin-left:10px;font-size:60px;font-weight:normal;text-align:center;margin:0 25px;width:100px;padding:30px;border-radius:80px;background:rgba(255, 255, 255, 0.26);height:100px;background:none repeat scroll 0% 0% rgba(255, 255, 255, 0.15);text-shadow:none;vertical-align:middle;border:1px solid rgba(255, 255, 255, 0.76);}
#overlay{background:rgba(0, 0, 0, 0.56) url(../images/overlays/01.png) top left repeat;position:fixed;top:0px;width:100%;bottom:0px;opacity:0.8;}
*+html .styled div{display:inline;zoom:1;}
.styled div:first-child{margin-left:0;}
.styled div span{display:block;border-top:1px solid #cecece;padding-top:3px;font-size:19px;font-weight:normal;text-align:center;}
footer{width:100%;height:30px;background:rgba(0, 0, 0, 0.64);position:absolute;bottom:0px;}
footer span{float:left;margin:10px;}
@media(max-width:768px){body{min-width:initial !important;}
.wrapper{width:100%;}
.styled div{margin-bottom:10px;}
}
@media(max-width:420px){h1{float:initial;text-align:center;margin-left:0px;margin-bottom:0px;}
.styled div{margin-bottom:10px;font-size:40px;font-weight:normal;text-align:center;width:80px;border-radius:80px;height:80px;}
#Content h2{margin:0px 0px 0px 0px;padding:0px;text-align:center;font-size:29px;font-weight:300;}
.styled{margin-bottom:30px;}
#subscribe input[type="button"]{margin-top:10px;}
#subscribe input{width:80%;}
footer{position:relative !important;}
}
.social-icons ul{margin:0px;padding:0px;text-align:center !important;}
.social-icons {
	display:block;
	padding-top:45%;
	text-align:center !important;
	list-style-type: none!important;
	margin-right:30%;
}
.social-icons li{
	float:left!important;
	margin-right: 2px!important;
	margin-bottom: 2px!important;
	padding: 0px!important;
	display: block !important;
	width: auto!important;
	text-align:center !important;

}			
.social-icons li a {
	float:left!important;
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	width: 40px!important;
	height: 40px!important;
	text-indent: -9999px!important;
	text-align:center !important;
}
.social-icons li a:hover {
	background-position: 0 -40px!important;
}
.social-icons li a {
	background-color:transparent;
}
.social-icons li.aim a {
	background: url(../images/icons/aim.png) no-repeat 0 0;
}
.social-icons li.aim a:hover {
	background-color: #e95a00;
}
.social-icons li.apple a {
	background: url(../images/icons/apple.png) no-repeat 0 0;
}
.social-icons li.apple a:hover {
	background-color: #606060;
}
.social-icons li.behance a {
	background: url(../images/icons/behance.png) no-repeat 0 0;
}
.social-icons li.behance a:hover {
	background-color: #18a3fe;
}
.social-icons li.blogger a {
	background: url(../images/icons/blogger.png) no-repeat 0 0;
}
.social-icons li.blogger a:hover {
	background-color: #fb913f;
}
.social-icons li.cargo a {
	background: url(../images/icons/cargo.png) no-repeat 0 0;
}
.
.social-icons li.delicious a {
	background: url(../images/icons/delicious.png) no-repeat 0 0;
}
.social-icons li.facebook a {
	background: url(../images/icons/facebook.png) no-repeat 0 0;
}
.social-icons li.facebook a:hover {
	background-color: #3b5998;
}
.social-icons li.flickr a {
	background: url(../images/icons/flickr.png) no-repeat 0 0;
}
.social-icons li.flickr a:hover {
	background-color: #f1628b;
}
.social-icons li.google a {
	background: url(../images/icons/google.png) no-repeat 0 0;
}
.social-icons li.google a:hover {
	background-color: #dd4b39;
}
.social-icons li.googleplus a {
	background: url(../images/icons/googleplus.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
	background-color: #d94a39;
}
.social-icons li.html5 a {
	background: url(../images/icons/html5.png) no-repeat 0 0;
}
.social-icons li.html5 a:hover {
	background-color: #f3642c;
}
.social-icons li.linkedin a {
	background: url(../images/icons/linkedin.png) no-repeat 0 0;
}
.social-icons li.linkedin a:hover {
	background-color: #71b2d0;
}
.social-icons li.orkut a {
	background: url(../images/icons/orkut.png) no-repeat 0 0;
}
.social-icons li.orkut a:hover {
	background-color: #ed2590;
}
.social-icons li.paypal a {
	background: url(../images/icons/paypal.png) no-repeat 0 0;
}
.social-icons li.paypal a:hover {
	background-color: #32689a;
}
.social-icons li.picasa a {
	background: url(../images/icons/picasa.png) no-repeat 0 0;
}
.social-icons li.picasa a:hover {
	background-color: #444;
}
.social-icons li.pinterest a {
	background: url(../images/icons/pinterest.png) no-repeat 0 0;
}
.social-icons li.pinterest a:hover {
	background-color: #cb2027;
}
.social-icons li.rss a {
	background: url(../images/icons/rss.png) no-repeat 0 0;
}
.social-icons li.rss a:hover {
	background-color: #fe9900;
}
.social-icons li.skype a {
	background: url(../images/icons/skype.png) no-repeat 0 0;
}
.social-icons li.skype a:hover {
	background-color: #18b7f1;
}
.social-icons li.tumblr a {
	background: url(../images/icons/tumblr.png) no-repeat 0 0;
}
.social-icons li.tumblr a:hover {
	background-color: #3a5976;
}
.social-icons li.twitter a {
	background: url(../images/icons/twitter.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
	background-color: #48c4d2;
}
.social-icons li.vimeo a {
	background: url(../images/icons/vimeo.png) no-repeat 0 0;
}
.social-icons li.vimeo a:hover {
	background-color: #62a0ad;
}
.social-icons li.wordpress a {
	background: url(../images/icons/wordpress.png) no-repeat 0 0;
}
.social-icons li.wordpress a:hover {
	background-color: #464646;
}

.social-icons li.yelp a {
	background: url(../images/icons/yelp.png) no-repeat 0 0;
}
.social-icons li.yelp a:hover {
	background-color: #c41200;
}
.social-icons li.youtube a {
	background: url(../images/icons/youtube.png) no-repeat 0 0;
}
.social-icons li.youtube a:hover {
	background-color: #f45750;
}
.icon{background-color:#f0f0f0;}
*:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  background: #333;
  -webkit-font-smoothing: antialiased;
}

#page-wrapper {
  width: 640px;
  background: #FFFFFF;
  padding: 1em;
  margin: 1em auto;
  border-top: 5px solid #69c773;
  box-shadow: 0 2px 10px rgba(0,0,0,0.8);
}

h1 {
  margin-top: 0;
}

.field {
  margin: 1em 0;
}

label {
  display: block;
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #999999;
}

textarea {
  width: 100%;
  height: 200px;
  padding: 0.5em 0.5em;
  font-size: 1.2em;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
}

.button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.5rem 0.8em;
  background: #69c773;
  border-bottom: 1px solid #498b50;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center !important;
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.loading{
	alignment-adjust:central;
	display:none;
	text-align:center;
}
/*Main Form Wrapper*/
.vasplus_programming_blog_wrapper 
{
	width:470px;
	margin: 0 auto;
	border: solid 1px #cbcbcb;
	 background-color: #FFF;
	 box-shadow: 0 2px 20px #cbcbcb;
	-moz-box-shadow: 0 2px 20px #cbcbcb;
	-webkit-box-shadow: 0 2px 20px #cbcbcb;
	-webkit-border-radius: 15px 15px; 15px 15px;-moz-border-radius: 15px 15px; 15px 15px;border-radius: 15px 15px; 15px 15px;
	text-align:center;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top:12px;
	padding-bottom:12px;
}

/*Input and Textare Field Style*/
.vpb_input_fields {
	width:280px;box-shadow: 0 0 6px #666666;-moz-box-shadow: 0 0 6px #666666;-webkit-box-shadow: 0 0 6px #666666;font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal;height:25px; padding:3px;padding-left:10px;padding-right:10px; padding-top:2px;border: 0px solid  #F1F1F1;outline:none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px;
}	
.vpb_input_fields:focus { 
 outline:none;border: 0px solid #4195fc;box-shadow: 0 0 12px #66F;-moz-box-shadow: 0 0 12px #66F;-webkit-box-shadow: 0 0 12px #66F;
}

/*Captcha Box wrapper*/
.vpb_captcha_wrapper 
{
	width:280px;
	height:auto;
	padding:10px; 
	border: solid 1px #cbcbcb;
	 background-color: #FFF;
	 box-shadow: 0 0 20px #cbcbcb;
	-moz-box-shadow: 0 0 20px #cbcbcb;
	-webkit-box-shadow: 0 0 20px #cbcbcb;
	border-top: solid 0px #cbcbcb;
	text-align:center;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
}


/*Success Message Style*/
.vpb_success {width:390px;font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:10px; background:#FFFFB7; border:1px solid #F1F1F1;box-shadow: 0 0 20px #cbcbcb;-moz-box-shadow: 0 0 20px #cbcbcb;-webkit-box-shadow: 0 0 20px #cbcbcb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; line-height:20px;}


/*Error Messages Style*/
.vpb_info {  text-align:left;border: 1px solid #999; padding:8px 10px 8px 10px; font: bold 12px verdana;-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;text-shadow: 2px 2px 2px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:20px;font-weight:normal;color: black;background: #BDE5F8; }

.ccc{ text-decoration:none; color:#4AD0ED;}
.ccc:hover{ text-decoration:underline;}

/*Vasplus Button*/
.vpb_general_button 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 2px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  font-family:Verdana, Geneva, sans-serif;
  font-size:14px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: auto;
  padding:9px;
  padding-left:13px; padding-right:13px;padding-bottom:7px;
  text-decoration:none;
  float:left;
  margin-right:20px;
}
.vpb_general_button:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}



.back_to_tutorial {
	
background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;box-shadow: 0 2px 3px #951100;-moz-box-shadow: 0 2px 3px #951100;-webkit-box-shadow: 0 2px 3px #951100;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 15px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 200px; }
.back_to_tutorial:hover 
{
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
.back_to_tutorial:active 
{
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); 
}
.copy{
	display:block;
	text-align:center;
	margin-top:30px;
	
}
.copy a, .copy a:link, .copy a:visited, .copy a:active {
	color:#0F0;
	text-decoration:none;
	padding-bottom:0.3em;
	
}
.copy a:hover {
	color:#FF33FF;
}