*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:	border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body{
	line-height: 1;
	background: #fff;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display: block;
}
li{
	list-style-type: none;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
a{
	text-decoration: underline;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a:hover{
	text-decoration: none;
}
/* change colors to suit your needs */
ins{
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colors to suit your needs */
mark{
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del{
	text-decoration: line-through;
}
abbr[title], dfn[title]{
	border-bottom: 0.063em dotted;
	cursor: help;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
hr{
	display: block;
	height: 0.063em;
	border: 0;
	border-top: 0.063em solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select{
	vertical-align: middle;
}
img{
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
/* end of stylesheet reset */
body{
	background: #fff;
}
/* start of styles for the navigation menu */
.menu ul{
	z-index: 1;
	display: inline-block;
}
.menu li{
	margin: 0 1em 0 0;
	float: left;
	list-style: none;
	font-size: 1.063em;
}
.menu li:last-child{
	margin-right: 0;
}
.menu > ul > li >a{
	text-decoration: none;
	padding: .2em .4em;
    color: #000;
    font-size: 1.2em;
    border: 0.063em solid #ffb13b;
    border-radius: .5em;
    background: #ffb13b;
}
.menu > ul > li > a:hover{
	text-decoration: none;
	color: #fff;
	border: 0.063em solid #000;
	background: #000;
}
.toggle-nav{
	display: none;
}
/* end of styles for the navigation menu */
/* start of styles for the header area */
#header-wrap{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#header-wrap .header-inner{
	width: 31.25em; /* 30em 480px */
	height: 15.625em; /* 250px */
	margin: .5em auto 0 auto;
	padding: 0;
	background: url("../images/header-logo.png") 0 0 no-repeat;
}
#header-wrap .header-inner h1{
	text-align: center;
	line-height: 1em;
	margin: 0;
	padding: .2em 0 0 0;
	font-size: 2.2em;
	font-family: arial, tahoma, sans-serif;
	font-weight: bold;
	color: orange;
	text-shadow:
	-1px -1px 0 #000,  
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}
#header-wrap .header-inner h1 span{
	font-size: 1.1em;
	font-weight: bold;
}
#header-wrap .header-inner h1 a, #header-wrap .header-inner h1 a:hover{
	text-decoration: none;
	color: orange;
}
#header-wrap .search-inner{
	width: 31.25em; /* 500px */
	height: 3.6em;
	margin: 0 auto;
	padding: 0;
}
/* end of styles for the header area */
/* start of styles for the social media icons at the top and the bottom */
.follow-wrap{
	width: 100%;
	height: 2.8em;
	margin: 0;
	padding: 0;
	background: #fff;
}
.follow-wrap .search{
	width: 500px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.follow-wrap .follow{
	width: 6.3em;
	height: auto;
	margin: 0 auto;
	padding: .5em 0;
}
.follow-wrap .follow a img{
	float: left
	margin: 0 0 0 0.313em;
	padding: 0;
	opacity: .4;
	border: 0.063em solid #fff2e5;
	border-radius: 100%;
	transition: all 0.5s;
}
.follow-wrap .follow a img:hover{
	opacity: 1;
	transform: scale(1.5);
}
/* end of styles for the social media icons at the top and the bottom */
/* start of the styles for the content area */
#content-wrap{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#content-wrap #content{
	width: 62.5em; /* 1,000px */
	min-height: 25em;
	margin: 0.625em auto;
	padding: 0.625em 0;
	background: #fff;
}
#content-wrap #content h2{
	text-align: center;
	margin: 0 0 0.2em 0;
	padding: 0;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
}
#content-wrap #content h3{
	margin: 0.313em 0;
	padding: 0;
	text-align: center;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}
#content-wrap #content p{
	margin: 0.313em 0;
	padding: 0.313em;
	line-height: 1.3em;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
#content-wrap #content .bold-text{
font-weight: bold;
}
#content-wrap #content ul.categories{
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
#content-wrap #content ul.categories li{
	margin: 0.75em 0;
	padding: 0 1em;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
}
#content-wrap #content ul.categories li a{
	text-decoration: underline;
	color: #000;
}
#content-wrap #content ul.categories li a:hover{
	text-decoration: none;
	color: #000;
}
#content-wrap #content #main-icons-wrap{
	width: 62.5em; /* 1,000px */
	height: auto;
	margin: 0.5em 0;
	padding: 0;
}
#content-wrap #content #main-icons-wrap .main-icon-box{
	float: left;
	display: inline-block;
	width: 6.25em; /* 100px */
	height: 6.25em; /* 100px */
	margin: 0;
	padding: 0;
}
#content-wrap #content #main-icons-wrap .main-icon{
	width: 6.25em; /* 100px */
	height: 6.25em; /* 100px */
	margin: 0;
	padding: 0;
}
#content-wrap #content #main-icons-wrap .main-icon a, #content-wrap #content #main-icons-wrap .main-icon a:hover{
	border: none;
	outline: none;
}
#content-wrap #content #main-icons-wrap .main-icon img{
	width: 6.25em; /* 100px */
	height: 6.25em; /* 100px */
	margin: 0;
	padding: .1em;
	outline: none;
}
/*
#next-previous-page-button-wrap{
	width: 100%;
	height: auto;
	margin: 2em 0 1em 0;
	padding: 0;
}
#next-previous-page-button-wrap .solo-button{
	width: 190px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
}
#next-previous-page-button-wrap .solo-button .button{
	background-color: #ffb13b;
	border: none;
	margin: 0 auto;
	padding: 0;
    color: #000;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    cursor: pointer;
}
*/

#content-wrap #content .icon-download-container{
	width: 52em;
	height: 35em;
	margin: 0 auto;
	padding: 0;
}
#content-wrap #content .icon-download-container .icon-download-box-left{
	float: left;
	width: 31.25em; /* 500px */
	height: 30em;
	margin: 0;
	padding: 0;
}

#content-wrap #content .icon-download-container .icon-download-box-left p.fiverr-ad{
	width: 12.5em;
	height: auto;
	margin: 1em auto;
	padding: 0.313em;
	text-align: center;
	font-size: 1.2em;
}
#content-wrap #content .icon-download-container .icon-download-box-left .fiverr-link{
	margin: 0;
	padding: 0;
}

#content-wrap #content .icon-download-container .icon-download-box-left figure{
	width: 12.5em;
	height: 12.5em;
	margin: 0 auto;
	padding: 0;
}
#content-wrap #content .icon-download-container .icon-download-box-left figure img{
	width: 12.5em;
	height: 12.5em;
	margin: 0;
	padding: 0;
}
#content-wrap #content .icon-download-container .icon-download-box-left textarea{
	width: 100%;
	height: 3.438em;
	margin: 0;
	padding: 0;
	border-radius: .5em;
	border: 0.063em solid #ccc;
}
#content-wrap #content .icon-download-container .icon-download-box-right{
	float: left;
	width: 18.75em; /* 300px */
	height: 28em;
	margin: 0 0 0 1.25em;
	padding: 0;
}
#content-wrap #content .icon-download-container .icon-download-box-right p{
	width: 12.5em;
	margin: .5em auto;
	padding: 0;
}
#content-wrap #content .icon-download-container .icon-download-box-right .icon-download-button{
	width: 12.5em;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
#content-wrap #content .icon-download-container .icon-download-box-right .icon-download-box-right-google-ad{
	width: 12.5em;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
#content-wrap #content .icon-download-container .icon-download-box-right a.icon-download-button{
	display: inline-block;
	position: relative;
	width: 12.5em;
	height: 3.125em;
	margin: 0 0 0.313em 0;
	padding: 15px 0.313em 0.125em 3.438em;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.063em;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	-moz-box-shadow: 0.125em 0.313em 0.125em #ccc;
	-webkit-box-shadow: 0.125em 0.313em 0.125em #ccc;
	box-shadow: 0.125em 3px 0.125em #ccc;
	background: #777;
}
#content-wrap #content .icon-download-container .icon-download-box-right a.icon-download-button span{
	position: absolute;
	left: 0;
	width: 2.813em;
	height: 3.125em;
	margin: -15px 0 0 0;
	padding: 0;
	-webkit-border-top-left-radius: 0.313em;
	-webkit-border-bottom-left-radius: 0.313em;
	-moz-border-radius-topleft: 0.313em;
	-moz-border-radius-bottomleft: 0.313em;
	border-top-left-radius: 0.313em;
	border-bottom-left-radius: 0.313em;
	background: #01346b;
}
#content-wrap #content .icon-download-container .icon-download-box-right a.icon-download-button:hover span{
	background: #c80032;
}
#content-wrap #content #categories-wrap{
	width: 58em; /*  */
	height: auto;
	margin: 0.5em 0;
	padding: 0;
}
#content-wrap #content #categories-wrap .categories-box{
	float: left;
	display: inline-block;
	width: 12.5em; /* 200px */
	height: 17em;
	margin: 0 1em 2em 1em;
	padding: 0;
}
#content-wrap #content #categories-wrap .categories-icon{
	width: 12.5em; /* 200px */
	height: 12.5em; /* 200px */
	margin: 0;
	padding: 0;
}
#content-wrap #content #categories-wrap .categories-caption{
	width: 12.5em; /* 200px */
	height: 4.5em;
	margin: 0;
	padding: 0;
}
#content-wrap #content #categories-wrap .categories-caption p{
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	color: black;
	font-size: 1.1em;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
}
#content-wrap #content #categories-wrap .categories-caption p a,
#content-wrap #content #categories-wrap .categories-caption p a:hover{
	text-decoration: none;
	color: black;
}
#content-wrap #content #categories-wrap .categories-icon a, #content-wrap #content #categories-wrap .categories-icon a:hover{
	border: none;
	outline: none;
}
#content-wrap #content #categories-wrap .categories-icon img{
	width: 12.5em; /* 200px */
	height: 12.5em; /* 200px */
	margin: 0;
	padding: .1em;
	outline: none;
}
/* end of styles for the content area */
/* start of bottom styles */
#bottom-wrap{
	clear: both;
	width: 100%;
	height: 12em;
	margin: 0;
	padding: 0;
	background: #000;
}
#bottom-wrap #bottom{
	width: 62.5em;
	height: auto;
	margin: 0.938em auto;
	padding: 0.625em 0;
}
#bottom-wrap #bottom .bottom-box{
	float: left;
	width: 33%;
	height: auto;
	margin: 0;
	padding: 0;
}
#bottom-wrap #bottom .bottom-box h3{
	margin: 0.625em 0.313em;
	padding: 0;
	color: #ffb13b;
	font-size: 1.4em;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}
#bottom-wrap #bottom .bottom-box p{
	margin: 0.625em 0.313em;
	padding: 0;
	line-height: 1.3em;
	color: #ffb13b;
	font-size: 1em;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}
#bottom-wrap #bottom .bottom-box p a{
	text-decoration: underline;
	color: #ffb13b;
}
#bottom-wrap #bottom .bottom-box p a:hover{
	text-decoration: none;
	color: #ffb13b;
}
#bottom-wrap #bottom .bottom-box ul{
	display: block;
	margin: 0.625em 0.313em;
	padding: 0;
}
#bottom-wrap #bottom .bottom-box ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	height: 1.563em;
	color: #ffb13b;
	font-size: 1em;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}
#bottom-wrap #bottom .bottom-box ul li a{
	text-decoration: underline;
	color: #ffb13b;
}
#bottom-wrap #bottom .bottom-box ul li a:hover{
	text-decoration: none;
	color: #ffb13b;
}
#bottom-wrap #bottom .bottom-box img{
	float: left;
	margin: 0 0.125em 0 0;
	padding: 0;
	opacity: .4;
	border: 0.313em solid #efefef;
	border-radius: 100%;
	outline: none;
	transition: all 0.5s;
}
#bottom-wrap #bottom .bottom-box img:hover{
	opacity: 1;
	border: 0.313em solid #4e6379;
}
/* end of bottom styles */
/* start of the footer styles */
#footer-wrap{
	width: 100%;
	height: 3em;
	margin: 0;
	padding: 0;
	background: #ffb13b;
}
#footer-wrap .footer{
	width: 96%;
	height: auto;
	margin: 0;
	padding: 1em 0;
}
#footer-wrap .footer p{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	color: #000;
}
#footer-wrap .footer p a{
	text-decoration: underline;
	color: #000;
}
#footer-wrap .footer p a:hover{
	text-decoration: none;
}
/* end of the footer styles */
.clear{
	clear: both;
}
@media (max-width: 62.5em){ /* 1,000px */
	#content-wrap #content{
		width: 100%;
		border: none;
	}
	#content-wrap #content #main-icons-wrap{
		width: 56.25em; /* 900px */
		margin: 0 auto;
	}
	#bottom-wrap #bottom{
		width: 96%;
		margin: 0.938em auto;
	}
}
@media (max-width: 58em){ /*  */
	#content-wrap #content #categories-wrap{
		width: 43.5em;
		margin: 0.5em auto;
	}
}
@media (max-width: 56.25em){ /* 900px */
	#content-wrap #content #main-icons-wrap{
		width: 37.5em; /* 600px */
	}
	#bottom-wrap{
		height: 21em;
	}
	#bottom-wrap #bottom .bottom-box{
		float: none;
		width: 80%;
		margin: 0 auto;
		padding: 0 0 .2em 0;
	}
}
@media (max-width: 43.75em){ /* 700px */
	.menu{
		width: 100%;
		position: relative;
		display: inline-block;
	}
	.menu ul.active{
		display: none;
    }
	.menu ul{
		width: 100%;
        position: absolute;
        top: 120%;
        left: 0px;
        padding: 0.625em 1.125em;
		box-shadow: 0 0.063em 0.063em rgba(0,0,0,0.15);
		border-radius: 0.188em;
		background: #ffb13b;
	}
	.menu ul:after{
		width: 0;
		height: 0;
		position: absolute;
		top: 0%;
		left: 1.1em;
		content: '';
		transform: translate(0%, -100%);
		border-left: 0.438em solid transparent;
		border-right: 0.438em solid transparent;
		border-bottom: 0.438em solid #ffb13b;
	}
	.menu > ul > li >a{
    	color: #000;
    	font-size: 1.2em;
    	border: 0.063em solid #ffb13b;
    	border-radius: 0;
    	background: #ffb13b;
	}
	.menu > ul > li > a:hover{
		color: #fff;
		border: 0.063em solid #000;
		border-radius: .2em;
		background: #000;
	}
	.menu li{
		margin: 0.313em 0 0.313em 0;
		float: none;
		display: block;
    }
	.menu a{
		display: block;
	}
	a.toggle-nav, a.toggle-nav:hover{
		text-decoration: none;
		margin: .3em .3em 0 .3em;
		padding: .2em;
		float: left;
		display: inline-block;
		box-shadow: 0 0.063em 0.063em rgba(0,0,0,0.15);
        border-radius: 0.188em;
        background: #ffb13b;
        color: #000;
        font-size: 1.7em;
    }
}
@media (min-width: 43.76em){ /* 700px */
	.menu{
		text-align: center;
		width: 100%;
		padding: 0.625em 1.125em;
		background: #ffb13b;
    }
}
@media (max-width: 51.25em){ /* 820px */
	#content-wrap #content .icon-download-container{
		width: 31.25em;
		height: 72em;
	}
	#content-wrap #content .icon-download-container .icon-download-box-left{
		float: none;
		width: 31.25em;
		height: 38em;
	}
	#content-wrap #content .icon-download-container .icon-download-box-right{
		float: none;
		margin: 0 auto;
	}
}
@media (max-width: 43.5em){
	#content-wrap #content #categories-wrap{
		width: 29.1em;
	}
}
@media (max-width: 37.5em){ /* 600px */
	#content-wrap #content #main-icons-wrap{
		width: 18.75em; /* 300px */
	}
	#content-wrap #content ul.categories{
		float: none;
		width: 75%;
		margin: 0 auto;
	}
}
@media (max-width: 32.188em){ /* 515px */
	#header-wrap .header-inner{
		background: url("../images/logo.svg") 0 0 no-repeat;
	}
}
@media (max-width: 31.875em){ /* 510px */
	#header-wrap .header-inner{
		width: 24em;
		height: 12em;
	}
	#header-wrap .header-inner h1{
		padding: 0;
		font-size: 1.8em;
	}	
	#header-wrap .search-inner{
		width: 96%;
	}
	#content-wrap #content .icon-download-container{
		width: 96%;
		margin: 0 auto;
	}
	#content-wrap #content .icon-download-container .icon-download-box-left{
		width: 100%;
		height: 42em;
		margin: 0;
	}
}
@media (max-width: 29em){ /* 464px */
	#content-wrap #content #categories-wrap{
		width: 12.5em; /* 200px */
	}
	#content-wrap #content #categories-wrap .categories-box{
		float: none;
		margin: 0 auto 2em auto;
	}
}
@media (max-width: 27.813em){ /* 445px */
	#header-wrap .header-inner{
		width: 22em;
	}
	#header-wrap .header-inner h1{
		padding: 0;
		font-size: 1.6em;
	}
}
@media (max-width: 26.563em){ /* 425px */
	#content-wrap #content .icon-download-container .icon-download-box-left{
		height: 45em;
}
@media (max-width: 25em){
	#content-wrap #content ul.categories{
		width: 86%;
	}
}
@media (max-width: 24.375em){ /* 390px */
	#header-wrap .header-inner h1{
		font-size: 1.3em;
	}
}
@media (max-width: 22.5em){ /* 360px */
	#header-wrap .header-inner{
		width: 19em;
	}
}