body {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;

	  font-family:'Lato', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 26px;
}
::selection {
	background:#e96d6d;
	color: #fff;
}
::-moz-selection { 
	background:#e96d6d;
	color: #fff;
}
* {
	margin: 0;
}
html{
	webkit-text-size-adjust: none;
}

a {
	text-decoration: none;
}

/*ads*/
#fusion_ad {
	padding: 20px;
	background: #f5f8fa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	width: 430px;
	margin: 0 auto 22px;
	border: 1px solid #f0ece3;
	font: 14px 'Lato', Arial, Helvetica, sans-serif;
	overflow: hidden;
	text-align: left;
}

#fusion_ad img {
	display: block;
	float: left;
	margin: 0 15px 0 0;
}

#fusion_ad a {
	color: #5a5a5a;
	font: 14px 'Lato', Arial, Helvetica, sans-serif;
	line-height: 20px;
}

/*Main css*/
#notification {
	background:#e5d392;
	color: #1d252b;
	font: 16px 'Lato', Arial, Helvetica, sans-serif;
	padding: 20px 0;
}
	#notification .notification-wrap {
		color: #1d252b;
		text-align: center;
		font: 18px 'Lato', Arial, Helvetica, sans-serif;
		font-weight: 700;
	}

	#notification .notification-wrap:hover {
		text-decoration: underline;
	}

#header {
	width: 100%;
	border-top: 5px solid #ba3b3b;
	background-color: #e84a4a;
}
	.header-container {
		width: 900px;
		margin: 0 auto;
		padding: 0 0 50px 0;
		
		text-align: center;
	}
		.logo a {
			background: url(../img/sprite.png) no-repeat -5px -5px;
			cursor: pointer;
			
			text-indent: -9999px;
			width:233px;
			height:125px;
			display:block;
			margin: 20px auto 25px auto;
		}
		.logo a:hover {
			background: url(../img/sprite.png) no-repeat -295px -5px;
		}
		.separator {
			background: url(../img/separator.png) no-repeat;

			width: 878px;
			height: 2px;
			margin-bottom: 30px;
		}
		#header h2 {
			color: #fff;
			font: 30px 'Lato', Arial, Helvetica, sans-serif;
			font-weight: 900; /*black*/
			line-height: 26px;
			text-transform: uppercase;

			margin: 0 0 30px 0;
		}
		#header p {
			color: #fff;
			font: 18px 'Lato', Arial, Helvetica, sans-serif;
			font-weight:400; /*regular*/
			line-height: 26px;
			
			margin: 0 auto;
		}
		span.strong {
			font-family: 'Lato', Arial, Helvetica, sans-serif;
			font-weight: 900; /*bold*/
		}
		#header p a {
			color: #fff;
			font-weight: 700; /*bold*/
		}
		#header p a:hover {
			text-decoration: underline;
		}

#content {
	background: #fff;
	width: 100%;
	
}
	.container {
		margin: 0 auto;
		width: 1040px;
		text-align: center;
		padding: 25px 0 0 0;
	}
		.main-button {			
			display: block;
			margin: 22px auto 20px;
		}
			#btn-download {
				background: url(../img/sprite.png) no-repeat -5px -170px;
				text-indent: -9999px;

				width: 427px;
				height: 87px;
				display: block;
				margin: 0 auto;
			}
			#btn-download:hover {
				background: url(../img/sprite.png) no-repeat -5px -270px;
			}
		.misc-button {
			width: 427px;
			height: 80px;
			display: block;
			margin: 0 auto 35px;
		}
			#btn-donate {
				background: url(../img/sprite.png) no-repeat -5px -370px;
				text-indent: -9999px;
				float: left;

				width: 207px;
				height: 77px;
				display: block;
				border: none;
				cursor: pointer;
			}
			#btn-donate:hover {
				background: url(../img/sprite.png) no-repeat -5px -460px;
			}
			#btn-share {
				background: url(../img/sprite.png) no-repeat -220px -370px;
				text-indent: -9999px;
				float: right;

				width: 207px;
				height: 77px;
				display: block;
				border: none;
				cursor: pointer;
			}
			#btn-share:hover {
				background: url(../img/sprite.png) no-repeat -220px -460px;
			}
		.notes {
			width: 1000px;
			margin: 0 auto 45px auto;
		}
			.notes p {
				font: 14px 'Lato', Arial, Helvetica, sans-serif;
				font-weight:400; /*regular*/
				color: #4a4a4a;
				line-height: 26px;
			}
			.notes a {
				color: #4a4a4a;
				font-weight:400; /*regular*/
			}
			.notes a:hover {
				color: #6a6a6a;
				text-decoration: underline;
			}
			.notes span.pink {
				color: #EA4C89;
				font-weight: 700; /*bold*/
			}
			.notes span.tag {
				font-style: italic;
				font-weight: 400;
			}
		.icons {
			margin: 0 auto;
			
		}
		.icons img {
			margin: 0 auto 50px auto;			
			display: block;
		}

#footer {
	background: #2b2c30;
	padding: 80px 0;
	width: 100%;
	color: #fff;
}

	.footer-container {
		margin: 0 auto;
		height: 100%;
		text-align: center;
	}
		.contact {
			width: 450px;
			line-height: 26px;
			display: block;
			margin: 0 auto 35px auto;
		}
			.contact span {
				color: #aaabac;
				font: 14px 'Lato', Arial, Helvetica, sans-serif;
				font-weight: 400; /*regular*/
				display: block;
			}
			.contact a {
				color: #e0e0e0;
				font: 24px 'Lato', Arial, Helvetica, sans-serif;
				font-weight: 700; /*bold*/
				margin: 0 0 10px 0;
				transition: all linear 2s;
				-webkit-transition: all linear 2s;
				-moz-transition: all linear 2s;
				-o-transition: all linear 2s;
			}
			.contact a:hover {
				color: #fff;
			}
		.footer-links {
			margin: 0 auto;
		}
		.footer-links a{
			color: #aaabac;
			font: 14px 'Lato', Arial, Helvetica, sans-serif;
			font-weight: 400; /*regular*/
			margin: 0 30px 0 0;
			padding: 7px 0px 8px 40px;			
		}
		.footer-links a:hover {
			color: #fff;
		}
		.footer-twitter {
			background-position: 0px 0px;
			background: url(../img/twitter.png) no-repeat;
		}
		.footer-dribbble {
			background-position: 0px 0px;
			background: url(../img/dribbble.png) no-repeat;
		}
		.footer-website {
			background-position: 0px 0px;
			background: url(../img/website.png) no-repeat;
		}
		.footer-twitter:hover{
			background-position: 0px -48px;
		}
		.footer-dribbble:hover{
			background-position: 0px -48px;
		}
		.footer-website:hover{
			background-position: 0px -48px;
		}
		
		
/******* DONATION *******/
#donation {
	/*background: url(../img/donate-image.jpg) 50% 50% no-repeat;*/
    background: #343f47;
	background-size: cover;
	position: relative;
	padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}
#donation .module {
    max-width: 780px;
  margin: auto;
  padding: 50px 0 80px;
}
.tut-subs .newslttr{ /*h4*/
    color: #fff;
    margin-bottom: 25px;
      clear: both;
      margin-top: 40px;
}
.tut-subs#bi-newsletter-general {
    text-align: center!important;
    padding-top: 25px;
}
.tut-subs#bi-newsletter-general input.button {
    background: #fde649;
    color: #343f47;
    padding: 18px 30px;
    border: none;
    cursor: pointer;
}
.tut-subs#bi-newsletter-general input.button:hover {
    background: #ebd333;
}
.tut-subs#bi-newsletter-general input.email {
    padding: 18px 100px 18px 20px;
}

.tut-subs#bi-newsletter-general input {
    border: none!important;
    font-size: 16px;
}

.book-tuts {
  display: inline-block;
  max-width: 200px;
  float: left;
  height: 100%;
  margin-right: 40px;
  
}

	#donation .module h2 {
		color: #fff;
		font-size: 2.125rem;
        margin-bottom: 20px;
        line-height: 1.2;
	}
	#donation .module  p {
		color: #fff;
		font-size: 1.125rem;
        margin-bottom: 20px;
	}
	#donation .widget {
		background: rgba(29,37,43,0.9);
		border-top: 4px solid #fde649;
		
		padding: 42px 38px;
		max-width: 495px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100px;
		color: #fff;
		text-align: left;
		line-height: 2.375rem;
	}
		.widget > p.small {
			font-size: 1rem;
			color: #737678;
			text-transform: uppercase;
		}
		.widget > h3.place {
			font-size: 1.5rem;
		}
		.widget > .medium {
			font-size: 1.25rem;
		}
		.widget > a {
			color: #fde649;
		}
@media screen and (max-width: 480px) {
    .tut-subs#bi-newsletter-general input.button {
        margin-top: 20px;
    }
    .tut-subs#bi-newsletter-general input.button,
    .tut-subs#bi-newsletter-general input.email {
        width: 100%
    }
}