@import url(../css/maia.experimental.css);

.grid-section{position:relative;max-width:1200px;margin:0 auto;padding:0 15px}
.grid-section:after{clear:both;color:transparent;content:"?";display:block;height:1px;overflow:hidden}
.grid-col{float:left;margin:0 .98039%}
.grid-col-3{width:23.03922%}
.grid-col-4{width:31.37255%}
.grid-col-5{width:39.70588%}
.grid-col-6{width:48.03922%}
.grid-col-7{width:56.37255%}
.grid-col-8{width:64.70588%}
.grid-col-9{width:73.03922%}
.grid-col img{max-width:100%}*,*:before,*:after{box-sizing:border-box}::selection{background:#f2b32a;color:#fff}::-moz-selection{background:#f2b32a;color:#fff}

html,body{color:#000;font:400 16px / 28px 'Open Sans', sans-serif;min-height:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}h1,h2,h3{color:#000;font-family: 'Open Sans', sans-serif;font-weight:300;margin:0}h1{font-size:25px;font-weight:400}h2{font-size:25px;margin:50px 0 18px 0}h3{font-size:20px}p{line-height:28px}.alt{float:right}
.micro-page h4{font-size:20px;padding: 12px;}p{line-height:28px;}.alt{float:right}
.micro-page h5{font-size:20px;padding: 12px;color:#FFFFFF;}p{line-height:28px;}.alt{float:right}

.full-width-container{margin:0px;overflow-x:hidden; background-color: #99d8eb;}
.full-width-container.hero-section { overflow: hidden; }
.full-width-container.hero-section > img { cursor: pointer; }

.full-width-container.hero-section > video { display: none; }
.full-width-container.hero-section > iframe,
.full-width-container.hero-section > iframe > html  { overflow: hidden; }
.full-width-container 
.maia-aux{padding:30px 15px 0 15px}
#mob-right .row-2 { position: absolute; right: 0; }

.header{background:#FF6410;
	padding:0;
	position:relative;
	top:0;z-index:999;
	-webkit-box-shadow:0 -2px 7px 2px rgba(0,0,0,.4);
	-moz-box-shadow:0 -2px 7px 2px rgba(0,0,0,.4);
	-ms-box-shadow:0 -2px 7px 2px rgba(0,0,0,.4);
	-o-box-shadow:0 -2px 7px 2px rgba(0,0,0,.4);
	box-shadow:0 -2px 7px 2px rgba(0,0,0,.4)}
	
.footernew{background:#FF6410;
	padding:0;
	position:relative;
	}
	
.footerfg{
	font-family:arial,sans-serif;
	font-size:12px;
	color:#fff;
	}
	
.address{
	font-family:arial,sans-serif;
	font-size:12px;
	color:#353535;
	}
	
.facebook {
background: url(xlapp/fb.png);
}

.signup:link {font-size:16px;font-weight:bold;color:#fff;border-radius:4px;border: 2px solid #fff;padding:4px 20px;text-decoration:none;}
.signup:visited {font-size:16px;font-weight:bold;color:#fff;border-radius:4px;border: 2px solid #fff;padding:4px 20px;background-color:#fff;text-decoration:none;}
.signup:hover {font-size:16px;font-weight:bold;color:#FF6410;border-radius:4px;border: 2px solid #fff;padding:4px 20px;background-color:#fff;text-decoration:none;}
.signup:active {font-size:16px;font-weight:bold;color:#fff;border-radius:4px;border: 2px solid #fff;padding:4px 20px;background-color:#fff;text-decoration:none;}

@mixin border-radius($radius) {
	-webkit-border-radius: $radius;
	-moz-border-radius: $radius;
	-ms-border-radius: $radius;
	-o-border-radius: $radius;
	border-radius: $radius;
}

.signup:hover, .signup:focus .signup:active {
	@include border-radius(4px);
	background: transparent;
	background-color: transparent;
	color: #000;
}


/*#mob-left { width: 20%; float: left;height:140px;box-shadow:none;}
#mob-right { width: 70%; float: right;position:relative;height:140px;}

#row-1, #row-2 { width: 100%; display: inline-block;text-align:right;padding-right:30px;}

#row-1 {text-align:right;}

#row-2 { position: absolute; bottom: 26px; right: 0; }

#row-2 > .headfg { font-size:28px;color:#fff;margin: 0;padding: 0px 0px 6px 0px;}
#row-2 > .subhead { font-family:arial,sans-serif;font-size:16px;color:#fff;margin: 0; }

#row-1 > div  { width: 100%;  position: relative; top: 26px;}

#log-menu { float: left; width:100%; }

#social { float: right; }

	.logo{color:#fff;display:block;float:left;font:500 20px / 40px 'Roboto',arial,sans-serif;left:20px;position:relative;text-decoration:none;top:5px}
	.logo:hover,.logo:visited{color:#fff;text-decoration:none}
	.logo span{font-weight:300}
	.logo img{height:100px;vertical-align:middle;} */
	
	.nav{display:none;float:right;list-style:none;margin:0;padding:0;text-align:center}
	.nav.ishidden{opacity:0}.nav li{float:left}
	.nav a{color:#fff;display:block;font-size:12px;line-height:20px;padding:16px 20px;text-align:left}
	.nav a strong{font-size:15px;font-weigth:700}
	
	.cta-join a{background:#FF7124}
	.cta-getstarted a{background:#FF6410}
	.cta-join a strong:after,
	.cta-getstarted a strong:after{content:'';background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDM0MEI3RDNERjcxMUU0OTdDQUU2OTcyNzEzQkRDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNDM0MEI3RTNERjcxMUU0OTdDQUU2OTcyNzEzQkRDNyI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0MzQwQjdCM0RGNzExRTQ5N0NBRTY5NzI3MTNCREM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0MzQwQjdDM0RGNzExRTQ5N0NBRTY5NzI3MTNCREM3Ii8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BMsWfWwAAAI1JREFUeNqUzzEOgkAQRuEpbC0ptPAKEK0ldl7AO1pTwxE4gwmtEhrUBpLlTUfIKLMkH9W%2BP7sSQpAfdqhQ42adkT%2BxOqHDYA2sxeqI1hrwxCrDazngjVWK53xgIyIHNBL33fWn8YiHM0qwxYA%2B5tpn9PjiGvNmDd/z0BvnVuiJL/hY4Vq8R4HSCtUkwADPg90TGytmXwAAAABJRU5ErkJggg%3D%3D);background-repeat:no-repeat;background-size:15px 12px;display:inline-block;height:12px;left:3px;position:relative;top:1px;width:15px}
	
	@media (max-width: 480px) {
		.logo img { margin-top: 10px; }
	}
	
	/*@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
		.cta-join a strong:after,
		.cta-getstarted a strong:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDM0MEI3OTNERjcxMUU0OTdDQUU2OTcyNzEzQkRDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNDM0MEI3QTNERjcxMUU0OTdDQUU2OTcyNzEzQkRDNyI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0MzQwQjc3M0RGNzExRTQ5N0NBRTY5NzI3MTNCREM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0MzQwQjc4M0RGNzExRTQ5N0NBRTY5NzI3MTNCREM3Ii8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BxkaNYwAAAQFJREFUeNq81b0OAUEUhuFdEkIhEb%2BVVqOiUUhEuAC1m1K7Ap2IyIaISr9E0FHocQnrO2ISptidnT2zJ3mbU8yTTSaztud5lsaMUFfaTZCrfALBGmXR1vufJ2qqnqELC3yji0eBBb7WwaPCVAatwuIcMJVGThicC6ZSaKmKc8ICX6jg3LDA50G4CVjgMz/c/r5cbeRYvJNEOWn3QgN64QTcQTsrniG8n7DiH4If4osbaMwM5FFL2t1QD91NXa4CcqXLdUU1k7e6iPZ%2BqAmY0EMQyg2XVFFOmNCjKsoFl9EpDMoBa6FR4Qo666BR4Cq66KK/P4mwM0R1aTf9vEiK8xZgAGAewpQ%2BEymJAAAAAElFTkSuQmCC)}}
	*/
/*	.hero-section{background:url(../../../images/home/hero-small.jpg) no-repeat center center;
	height:180px;
	overflow-y:hidden;
	position:relative;
	width:auto;
	-webkit-background-size:cover;background-size:cover}*/
	
	.hero-content{color:#fff;padding:50px 0 0 0;text-align:center;text-shadow:0 1px 16px rgba(0,0,0,.2)}.hero-content h1,.hero-content h2{color:#fff}
	.hero-content h2{font-size:18px;font-weight:400;margin:0 auto;max-width:280px;padding-top:10px}
	.hero-content p{font-size:20px;line-height:30px;margin:20px auto;max-width:700px;text-align:center}
	.hero-section .hero-content p{display:none}.nav.hero-ctas{display:none;float:none;text-shadow:none}
	
	.nav.hero-ctas li:first-child{margin-right:30px}.nav.hero-ctas a{font-size:13px;padding:16px 14px}
	.nav.hero-ctas a strong{display:inline;font-size:13px}.mobile-only-section 
	
	.hero-content{padding:20px 0 0 0;text-shadow:none}.mobile-only-section 
	.hero-content p{color:#787878;font-size:15px;line-height:20px;margin:0 auto 20px auto;text-align:left}
	
	.mobile-only-section .nav{display:block;float:left;margin:0 0 20px 0;width:100%}
	.mobile-only-section .nav li{text-align:left;float:left;width:100%}.mobile-only-section 
	
	.nav a{font-size:15px;padding:16px 20px}.mobile-only-section 
	.nav a strong{display:block}.desktop-cta-section{display:none;padding:50px 0 40px;text-align:center}
	.nav.hero-ctas li{width:220px}.nav.hero-ctas a strong{display:block}
	
	.basics-section{background:#ededed;text-align:center;/*padding:50px 0 75px 0;*/}
	.microbasics-section{background:#ededed;text-align:center;padding:50px 0 5px 0;}
	'.basics-illustrations{display:inline-block;list-style-type:none;margin:0;padding:20px}
	.basics-illustrations{list-style-type:none;margin:0;padding:20px}
	.basics-illustrations li{display:block;float:left;padding:0;width:100%}
	.basics-illustrations li h3{color:#000;float:left;font-size:15px;font-weight:300;text-align:center; width: 100%; padding: 0;}
	@media (max-width: 320px) {
		.basics-illustrations li h3 { width: 65%; }
	}
	.basics-illustrations li.arrow{padding:5px 0 15px 0}
	.basics-illustrations li.arrow img{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);transform:rotate(90deg)}
		@media (max-width: 320px) {
		.illustrations-img-wrapper{float:left;width:35%}
		}
		
		.contribute img{width:auto;}
		.arrow img{width:22px}
		.sites img{width:auto;}
		.support img{width:auto;}
		
		.how-it-works-section{background:#f9f9f9}
		.how-it-works-section h2{text-align:center}
		.how-it-works-step-section{padding:0px 0 20px 0}
		.how-it-works-step-text{padding:9% 10% 12% 2%}
		
		.micro-section{background:#f9f9f9}
		.micro-section h4{text-align:left}
		.micro-step-section{padding:0px 0 20px 0}
		.micro-step-text{padding:9% 10% 0% 2%}
		
		.microfeature-section{background:#FF7711}
		.microfeature h5{text-align:left}
		.microfeature-step-section{padding:0px 0 20px 0}
		.microfeature-step-text{padding:9% 10% 0% 2%}

		
		#support-section .how-it-works-step-text { padding-top: 0; }
		.how-it-works-step-text.alt{padding:9% 2% 1% 0}
		.how-it-works-step-text h3{padding-bottom:10px}
		#features .how-it-works-step-text h3{padding-left:20px;}

		.how-it-works-step-section img{padding:0 2%}
		.how-it-works-step-section img.alt{float:right}
		.how-it-works-step-cost img{display:block;margin:0 auto;}
		.how-it-works-step-use img{max-width:600px}
		
		
		.example-use-figure-wrapper{position:relative}
		.example-use-figure-wrapper img{display:block;margin:0 auto;width:100%}
		.example-use-figure-wrapper p{font-size:12px;line-height:14px;margin:0;padding:0;right:0}
		p.example-use-caption-mobile{display:inline-block;font-size:15px;position:relative;line-height:20px;margin:10px 0;width:100%}
		p.pixel-pattern,p.thankyou-msg{display:none}
		.pixel-pattern{top:39%}
		.thankyou-msg{top:73%}
		
		.partners{list-style:none;margin:0;padding:0;text-align:center}
		.partners li{background:#fff;display:block;float:left;margin:7px;max-width:170px;padding:0;position:relative;width:28.333%;
		-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.15);
		-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.15);
		-ms-box-shadow:0 2px 3px 0 rgba(0,0,0,.15);
		-o-box-shadow:0 2px 3px 0 rgba(0,0,0,.15);
		box-shadow:0 2px 3px 0 rgba(0,0,0,.15)}
             		.partners li span{font-size:13px;max-width:155px;position:absolute;text-align:center;top:38%;width:100%}
		.partners li img{padding:0;margin:0;max-width:100%}
	
	.publisher-section{background:#ededed;padding:0 0 0px;text-align:center}
	.publisher-section h3{padding:50px 0 10px 0}
	.publisher-section a,.publisher-section a:visited{color:#0b8043}
	
	'.footer-ctas{list-style:none;margin:0;padding:0;text-align:center}
	'.footer-ctas li{display:block;float:left;margin:0;padding:0;width:50%}
	'.footer-ctas li a{color:#fff;display:block;line-height:25px;padding:35px 15px;text-align:left}
	'.footer-ctas li a strong{display:block;font-weight:700}#maia-footer-global 
	
	.maia-aux{max-width:1200px}#maia-footer-global a,#maia-footer-global a:visited{color:#787878}

	@media screen and (max-width:320px){
		.basics-illustrations li h3{padding:17px 0 0 30px}}
	
	@media screen and (min-width:361px){
		/* Replace */
		/*.hero-section{height:285px}*/
	
	.hero-content{padding:135px 0 0 0}}
	@media screen and (min-width:599px){
		/* CHANGES */
		/*.header{height:220px}.logo{top:36px}
		.header{position:absolute;width:100%}*/

		.hero-section .hero-content p{display:block}
		.hero-content h1{font-size:50px}
		.hero-content h2{font-size:25px;max-width:100%}
		.hero-content p{font-size:18px}
		.desktop-cta-section{display:block}
		.desktop-cta-section 
		.nav.hero-ctas{display:inline-block}
		.mobile-only-section{display:none}
		.mobile-only-section 
		.nav{display:none}}
		
	@media screen and (max-width:600px)	{
		#temp-and-tutorial .how-it-works-step-section.divider { margin-bottom: 20px; }
		#support-section h2, #how-it-works-section h2  { padding-top: 20px; padding-bottom: 20px; }
		.how-it-works-section.full-width-container h2 { margin-top: 20px; }
		#videos h2 { margin-top: 50px; }
	}
	
	@media screen and (max-width:600px){.grid-col{clear:both;float:none;width:100%}
		.footer-ctas li{float:none;width:100%}
		.how-it-works-section h2{margin-bottom:10px}
		#temp-and-tutorial h2 , #support-section h2{ margin: 0; }
		#temp-and-tutorial h2  { padding-top: 20px; padding-bottom: 10px; }
		.divider{border-bottom:1px solid #dadada; padding-bottom: 45px;}
		#avatar-pos-breadcrumbs .divider { border-bottom: none; }
}

	
	@media screen and (min-width:600px){h2{font-size:35px;margin:50px 0 18px 0}h3{font-size:25px}
		.nav{display:block}.nav a strong,.footer-ctas a strong{display:block;text-align:left}
		.hero-content{padding:160px 0 0 0}
		
		.basics-illustrations{padding:40px 20px 0px; display: inline-block; width: 100%;}
		.microbasics-illustrations{padding:80px 20px 80px}
		.basics-illustrations li{padding:0;width:20%}
		.basics-illustrations li h3{float:none;font-size:18px;padding:10px 0 0 0;text-align:center;width:100%; line-height: 30px;}
		
		.contribute img{height:auto;width:auto;}
		.arrow img{height:24px;width:42px}
		.sites img{height:auto;width:auto;}
		.support img{height:auto;width:auto;}
		
		.basics-illustrations li.arrow{padding-top:20px}
		.basics-illustrations li.arrow img{
		-webkit-transform:none;-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;transform:none}
		
		.illustrations-img-wrapper{float:none;width:100%}
		
		
		/*.how-it-works-section{padding:50px 0 75px 0;}*/
		.how-it-works-section#videos { padding: 30px 0; }
		.how-it-works-step-section{padding:80px 0 0 0}
		#videos .how-it-works-step-section { padding: 30px 0 0 0; }
		
		.example-use-figure-wrapper{top:70px;margin-bottom:70px}
		
		.publisher-section{background:#ededed;padding:0 20px 0px 20px;text-align:center}
		.publisher-section h3{margin:10px 0}}
		
		@media screen and (min-width:481px){
			.example-use-figure-wrapper img{display:inline;margin:auto}
			p.example-use-caption-mobile{padding-left:40px}
			.how-it-works-step-cost img{margin:0 auto;}
		}

		
		@media screen and (min-width:603px){
			.how-it-works-step-section 
			.alt img{padding:70px 0 0 12%}
		}
		
		@media screen and (min-width:769px){
			h2{font-size:30px; padding-top: 10px;}h3{font-size:25px}
			
			#features h2, #typo h2, .basics-section.full-width-container h2,  #temp-and-tutorial h2, #support-section h2, #videos .grid-section h2 { font-size: 45px; margin-top: 15px; }
			#typo h2 { margin-top: 0;  margin-bottom: 30px; color: #000; } 
			/* REPLACE */
			/*.hero-section{background:url(../../../images/home/hero.jpg) no-repeat center center;height:570px;margin-top:220px;width:auto;
			-webkit-background-size:cover;background-size:cover}*/
		
		.hero-content{padding:190px 0 0 0}.nav a{font-size:15px;padding:16px 38px}
		.hero-content h1{font-size:60px}.hero-content h2{font-size:30px;max-width:100%}
		.hero-content p{font-size:20px}.nav.hero-ctas a{font-size:15px;padding:16px 10px;text-align:center}.nav.hero-ctas a strong{font-size:15px}
		.nav.hero-ctas li{width:350px}.nav.hero-ctas li:first-child{margin-right:20px}.nav.hero-ctas a strong{display:inline}
		.basics-illustrations li h3{font-size:25px}
		.how-it-works-step-section .alt img{padding:0 2%}
		.how-it-works-step-use img{max-width:606px}.example-use-figure-wrapper img{width:80%}p.pixel-pattern,p.thankyou-msg{display:block;position:absolute;margin:0;padding:0;width:20%}p.example-use-caption-mobile{display:none}.partners li span{font-size:16px}.footer-ctas li a{display:block;padding:35px 0;text-align:center}.footer-ctas li a strong{display:inline}}
		
		@media screen and (max-width:900px){
			.how-it-works-step-text.alt,
			.how-it-works-step-text{padding:0px 0 0 0}
			.how-it-works-step-text.alt.divider,
			.divider,
			.how-it-works-step-text.divider{padding:50px 0 45px 0}
			.how-it-works-step-section img{padding:0 12%}
			.how-it-works-step-section .alt img{padding:0 2%}
			}
		@media screen and (min-width:600px) and (max-width:769px){
			.monthly-contribution-img{padding:50px 12% 0 12% !important}
			.how-it-works-step-section{padding:20px 0 0 0}
			.partners li span{font-size:13px}
			.how-it-works-step-use{padding-bottom:50px}
			}
		@media screen and (min-width:901px){
			.how-it-works-step-text{padding:7% 0 1% 0}
			#temp-and-tutorial .how-it-works-step-text { padding-top: 0; }
		}
			
			
		@media screen and (min-width:1023px){
			.logo{left:38px}.nav a{padding:26px 38px}
			.nav a strong,.footer-ctas a strong{display:inline}
			
			}
			
/*(MAX-WIDTH 599)	*/
			@media screen and (max-width:599px){
			#row-2 > .headfg {font-size:28px;}
			
			.signup:link {font-size:16px;border: 1px solid #fff;padding:4px 20px;}
			.signup:visited {font-size:16px;border: 1px solid #fff;padding:4px 20px;}
			.signup:hover {font-size:16px;border: 1px solid #fff;padding:4px 20px;}
			.signup:active {font-size:16px;border: 1px solid #fff;padding:4px 20px;}
			}
			
			
/*(MIN-WIDTH 600)	*/
			@media screen and (min-width:600px){
			#row-2 > .headfg {font-size:28px;}
			}
		
/*(MIN-WIDTH 900)	*/
			@media screen and (min-width:900px){
			#row-2 > .headfg {font-size:42px;}
		
			}


/*(MIN-WIDTH 1400)	*/
		@media screen and (min-width:1400px){
			#row-2 > .headfg {font-size:42px;}
			}
			
/*(MIN-WIDTH 1600)	*/
		@media screen and (min-width:1600px){
			#row-2 > .headfg {font-size:42px;}
			}
			
/*(MIN-WIDTH 1800)	*/
		@media screen and (min-width:1800px){
			#row-2 > .headfg {font-size:42px;}
			}

			
/*Social Icons start */

.social-wrap .social { padding-top:10px; }
.social-wrap .social li {
	display:inline-block;
	margin:0 10px 10px 0;
}
.social-wrap .social li a {
	display:block;
	width:50px;
	height:50px;
	background:#f7f6f4;
	border-radius:50%;
	text-align:center;
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.social-wrap .social li a i {
	color:#393538;
	font-size:18px;
	line-height:50px;
	display:inline-block;
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.social-wrap .social li a:hover, .social-wrap .social li a:active, .social-wrap .social li a:focus {
	background:#FF8000;
	text-decoration:none;
}
.social-wrap .social li a:hover i, .social-wrap .social li a:active i, .social-wrap .social li a:focus i {
	color:#fff;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}

/* HEADER */

.header.full-width-container { padding: 10px 25px 10px 10px; position: relative; }

.header #mob-left { width: 20%; float: left; }

.header #mob-right { width: 80%; float: right; text-align: right; }

#mob-right #row-2 { position: absolute; right: 25px; bottom: 10px; color: #fff; }

@media (max-width: 600px) {
#mob-right #row-2 { bottom: 2px; }
}


@media (min-width: 768px) {
	#mob-right #row-1 { margin-top: 10px; }
}

@media (max-width: 480px) {
	.header #mob-left { width: 20%; float: left; }

	.header #mob-right { width: 80%; float: right; text-align: right; }
	
	.header .logo img { height: 100px; }
}

.header.full-width-container { width: 100%; }
.basics-illustrations { text-align: center; }
#mob-left { width: 200px; float: left; }
#mob-right { width: 400px; float: right; }
html.ie { display: none; }

/* HOME PAGE CAROUSEL */

.carousel-inner .item > img { cursor: pointer; width: 100%; }
a.carousel-control::after { font-size: 17px; line-height: 23px; font-weight: bold; 
color: #fff; }
a.carousel-control.left::after { content: "<"; } 
a.carousel-control.right::after { content: ">"; }
ol.carousel-indicators li { border: 1px solid #000; border-radius: 100%; }
@media (min-width: 480px) {
	.carousel { margin-bottom: 0px; }
	.carousel-control { width: 30px; height: 30px; top: 45%; }
}

/* HEader Text Link */


#lnk-btm  { padding: 2px 0 5px 0; }
@media (min-width: 767px) {
  #lnk-btm  { padding: 12px 0 5px 0; }
}
#lnk-btm span { color: #fff; font-weight: bold; }
#lnk-btm .lnk-txt:first-child {  padding-left: 10px; }
#mob-right #row-1 #lnk-btm .lnk-txt { font-size: 14px; font-weight: bold; color: #fff; padding: 4px 12px; }
#mob-right #row-1 #lnk-btm .lnk-txt:hover, #mob-right #row-1 #lnk-btm .lnk-txt:active, 
#mob-right #row-1 #lnk-btm .lnk-txt:focus { color: #000; }

@media (min-width: 1200px) {
#lnk-btm .lnk-txt { font-size: 15px; }
}

@media (min-width: 1500px) {
#mob-right #row-1 #lnk-btm .lnk-txt { padding: 4px 16px; }
}

@media (min-width: 2000px) {
#mob-right #row-1 #lnk-btm .lnk-txt { padding: 4px 13px; }
}

#support-section.how-it-works-section { border-bottom: 1px solid #dadada; }

#finalists .grid-col.grid-col-12 { width: 100%; text-align: center; padding: 30px 0 0 0; }

#finalists .grid-col.grid-col-12 p span { font: 40px/71px 'Open Sans', sans-serif; 
   position: relative; top: -14px;
}

@media (max-width: 480px) {
  #finalists .grid-col.grid-col-12 p span { font-size: 26px; top: -14px; }
  .microbasics-section > div a { padding: 10px 10px !important; font-size: 22px !important; line-height: 24px !important; }
}

/* MICRO PAGE STYLES */

@media (min-width: 320px) {
	.microbasics-section > div a { background-color: #707070; color: #fff; border-color: transparent; border-radius: 0; display: inline-block; margin: 0; font: 29px/30px 'Open Sans', sans-serif; }	
}

.microbasics-section > div a { padding: 10px 30px; }

.microbasics-section > div a:active,
.microbasics-section > div a:focus,
.microbasics-section > div a:hover { text-decoration: none; background-color: #FF7711; }

.micro-page .grid-section .opensans { line-height: 24px; display: inline-block; padding-bottom: 0; margin-bottom: 0; }

.grid-section .opensans  img { margin: 5px 0 0px 0; float: left; }

.micro-list li { width: 25%; }

.micro-list li h3 { line-height: 27px !important; }

.micro-section .micro-step-text { padding-right: 5%; }



@media (min-width: 320px) and (max-width: 599px) {
	.grid-section .micro-list li, .grid-section .micro-list li  div.illustrations-img-wrapper	{ width: 100% !important; }
	
	.illustrations-img-wrapper { width: 100% !important; }
	
	.grid-section .micro-list li h3 { width: 100% !important; text-align: center; padding: 15px 0; }
	
}

#register { position: relative; padding: 50px 0; }

#register h3 b { font-family: 'robotobold'; }

#register .microbasics-section { padding-top: 10px; }

#videos h3  { background: url('../../../images/micro/video_icon.png') no-repeat left center; 
	display: inline-block; margin: 6px 6px 15px 0;
}

#register h3:first-child { max-width: 630px; margin: 0 auto; }

#videos h3 a { padding-left: 40px; float: left; color: #111; }

#features h5.opensans { width: 100%; 
	background: url('../../../images/micro/xl_bullet_white.png') no-repeat left center; 
	display: inline-block; margin: 0px 0 5px 0; padding: 0 0 0 32px;
	background-position-y: 6px;
}

#typo h4.opensans {
	width: 100%; 
	background: url('../../../images/micro/xl_bullet.png') no-repeat left center; 
	display: inline-block; margin: 0px 0 5px 0; padding: 0 0 0 32px;
	background-position-y: 6px;
}

#videos .how-it-works-step-text { padding-left: 0; padding-right: 0; }

#blk-quotation { font-size: 19px; color: #ff7711; }

#typo .micro-step-section { padding: 0 0 20px 0; }

#typo.micro-section { background-color: #fff; }

.microbasics-section.btn-link { position: relative; top: -28px; padding-top: 0; 
	background-color: transparent;
}