/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



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;

}

/* HTML5 display-role reset for older browsers */

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;

}



* {

	font-family: 'Montserrat', sans-serif;

}



.container {

	width: 100%;

	max-width: 1170px;

	margin: 0 auto;

}



header {

	text-align: center;

	margin: 0;

	background-size: 20% auto;

	padding: 40px 0 40px;

}



h1 {

	font-family: 'Montserrat', sans-serif;

	font-size: 48px;

	font-weight: 600;

	line-height: 1.1;

}



.filter {

	background: #3c3c3b;

	padding: 25px 45px;

}



.filter .filter-inner {

	max-width: 650px;

	margin: 0 auto;

	overflow: hidden;

}



.filter .filter-title {

	margin-right: 20px;

	width: 100%;

	text-align: center;

	margin-bottom: 15px;

}



.filter .filter-title i:before {

	color: #ff8400;

}



.filter .filter-title h3 {

	margin-top: 5px;

	color: #fff;

	font-size: 24px;

}



.filter .filter-select {

	font-size: 16px;

	padding-top: 3px;

	box-sizing: border-box;

	width: 50%;

	float: left;

	display: block;

}



.filter .filter-select label {

	margin: 0 10px;

	text-align: center;

	color: #fff;

	display: inline-block;

	max-width: 100%;

	font-weight: bold;

}



.filter #filter {

	width: 50%;

	padding: 5px;

	background: #f8f7ed;

	border: 1px solid #aaa;

	border-radius: 4px;

	color: #555;

	font-size: 1em;

	line-height: 1.05em;

}



.filter .filter-title i.fa {

	margin-right: 5px;

}



.results {

	margin: 50px;

}



#myBtn {

	display: none;

}



.results .list {

	-webkit-column-count: 2;

	-webkit-column-gap: 10px;

	-webkit-column-fill: auto;

	-moz-column-count: 2;

	-moz-column-gap: 10px;

	-moz-column-fill: auto;

	column-gap: 15px;

	column-fill: auto;

}



.results .list .item {

	-webkit-column-break-inside: avoid;

}



.results .panel,

footer .panel {

	margin-bottom: 20px;

	background-color: #fff;

	border: 1px solid #ddd;

	border-radius: 4px;

	box-shadow: 0 1px 1px rgba(0,0,0,0.5);

}



.results .panel .heading,

footer .panel .heading {

	color: #fff;

	background-color: #03ba48;

	border-color: #ddd;

	font-family: 'Hind', sans-serif;

	font-size: 20px;

	padding: 10px 15px;

	border-bottom: 1px solid #ddd;

	border-top-right-radius: 3px;

	border-top-left-radius: 3px;

}



.results .panel-body,

footer .panel-body {

	padding: 15px;

}



.results p {

	font-size: 16px;

	line-height: 1.5rem;

	color: #646464;

	font-family: 'Hind', sans-serif;

}



.results .panel-body p a {

	text-transform: uppercase;

	font-size: 18px;

	color: #ff8400;

	font-weight: bold;

	margin: 10px 0;

	display: block;

	font-family: 'Hind', sans-serif;

}



.no-result {

	display: none;

}



.container p.description {

	margin: 40px 40px 0 40px;

	font-size: 1.5em;

    line-height: 1.7rem;

}



.scrollup {

	width: 50px;

    height: 50px;

    position: fixed;

    bottom: 50px;

    right: 50px;

    text-indent: -9999px;

    background: url(../assets/images/icon_top.png) no-repeat;

    background-size: contain;

    background-color: #03ba48;

    z-index: 99;

}



@media only screen and (max-width: 767px){

	.filter .filter-select {
		width: 70%;
		text-align: center;
		margin-top: 10px;
		margin: 0 auto;
		float: none;

	}



	.filter .filter-select label {
		text-align: center;
		float: none;
		width: 100px;
	}



	.filter .filter-select select {

		width: 200px;

		float: left;

	}

}



@media only screen and (max-width: 765px) {

	.results .list {

		-webkit-column-count: 1;

		-moz-column-count: 1;

	}

}



@media only screen and (max-width: 600px) {



	header {

		background-size: 85% auto;

	}

	.filter {

		text-align: center;

	}

	

	.filter .filter-select label {

		margin: 10px;

	}



	.filter #filter {

		display: block;

		margin: 0 auto;

	}



	.filter .filter-title {

		float: none;

		margin-right: 0;

		margin-bottom: 20px;

	}



	.filter-select {

		display: none;

	}



	#myBtn {

		padding: 8px 25px;

		background: orange;

		display: block;

	}



	button#myBtn.text-center {

		margin: 0 auto;

	}



}



/* The Modal (background) */

.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content/Box */

.modal-content {

    background-color: #fefefe;

    margin: 15% auto; /* 15% from the top and centered */

    padding: 20px;

    border: 1px solid #888;

	width: 80%; /* Could be more or less, depending on screen size */

	height: 80%;

    overflow: scroll;

}



/* The Close Button */

.close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}



#list li {

	padding: 15px;

	border-bottom: 1px solid #a7a7a7;

}



#list {

	text-align: center;

	margin-top: 15px;

}



.nostyle {

	font-size: inherit;

	color: inherit;

}



footer {

	text-align: center;

}



footer ul {

  columns: 3;

  -webkit-columns: 3;

  -moz-columns: 3;

}



footer ul li {

    font-size: 16px;

    line-height: 1.5rem;

    color: #646464;

    font-family: 'Hind', sans-serif;

}



footer .panel {

	margin: 50px;

}