@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600";

/* SHINE PACIFIC */

/*rgba(43,43,40,1.0); pantone 426 black */
/*rgba(170,170,170,1); light gray */
/*rgba(209,209,204,1);  pantone 441 gray*/
/*rgba(201,214,71,1); pantone 584 green */
/*rgba(153,143,36,1.0); pantone 619  green*/
/*rgba(212,46,18,1); pantone 485 red */
/*rgba(123,175,212,1); pantone 542 blue */

/*rgba(24,72,106,1); sdg 17 color*/ blueish
/*rgba(253,105,37,1); sdg 9 color*/ orange
/*rgba(162,25,66,1); sdg 8 color*/ redish

/*
font-type:
font-family:Lucida Console;
*/

/* 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 -- -- GENERAL **/

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;
}

html, body {
	height: 100%;
}
html {
	/*font-family: "Maison Neue Book", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;*/
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 20px;
    font-weight: 400;
	line-height: 1; /* the number 1 is the number that will be multiplied with the current font-size to set the line height */
}

body {
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-ms-overflow-style: scrollbar;
	font-smoothing: antialiased;
	font-size: 20px;
	display:block;
	margin: 0px;
	font-family: 'Raleway', Helvetica, sans-serif;
	line-height: 1.4;
}
/****************************************************** Flashing animation */
@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Firefox 1+
@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Safari 3-4
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/*@media ******************************************************/
@-ms-viewport {width: device-width;}
@media screen and (max-width: 1680px) {
	body, input, select, textarea {font-size: 1em;}}
@media screen and (max-width: 1280px) {
	body, input, select, textarea {font-size: 1em;}}
@media screen and (max-width: 980px) {
	body, input, select, textarea {font-size: 1em;}}
@media screen and (max-width: 736px) {
	body, input, select, textarea {font-size: 1em;}}
@media screen and (max-width: 480px) {
	body, input, select, textarea {font-size: 1em;}}
@media screen and (max-width: 480px) {
	html, body {min-width: 320px;}}

/* 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 -- -- ELEMENT css **/

a {
	background-color: transparent;
	color: rgba(43,43,40,1.0); /* pantone 426 black */
	text-decoration: none;
}
a:hover, a:hover > * {
	color: rgba(43,43,40,0.5); /* pantone 426 black */
	text-decoration: none;
}
strong, b {
	color: rgba(43,43,40,1.0); /* pantone 426 black */
	font-weight: 600;
}
em, i {
	font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 0.2em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}

/* 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 -- -- FONT SIZING */

h1 {font-size: 4em;}
h2 {font-size: 3em;}
h3 {font-size: 2.5em;}
h4 {font-size: 2em;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.3em;}
p {font-size:.9em;}

/*@media *****************************************************/
@media screen and (max-width: 980px) {
	h1 {font-size: 3.5em;}
	h2 {font-size: 2.5em;}
	h3 {font-size: 2em;}
	h4 {font-size: 1.7em;}
	h5 {font-size: 1.5em;}
	h6 {font-size: 1.2em;}
}
@media screen and (max-width: 736px) {
	h1 {font-size: 3em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.7em;}
	h4 {font-size: 1.6em;}
	h5 {font-size: 1.4em;}
	h6 {font-size: 1.15em;}
}
@media screen and (max-width: 480px) {
	h1 {font-size: 2.5em;}
	h2 {font-size: 1.7em;}
	h3 {font-size: 1.5em;}
	h4 {font-size: 1.4em;}
	h5 {font-size: 1.3em;}
	h6 {font-size: 1.1em;}
}

/* 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 -- -- INPUT TEXT, TEXTAREA, SELECT */
input, select, textarea {
	color: rgba(43,43,40,1.0); /* pantone 426 black */
	font-family: 'Raleway', Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.4;
	font-size:.8em;
}
input::placeholder {
	color: rgba(0,0,0,0.6);
}
input[type="text"],input[type="password"],input[type="email"],
 input[type="tel"],input[type="date"],input[type="number"],
 select,textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: transparent;
	border-radius: 0;
	border: solid 1px rgba(170,170,170,1);
	padding:0.5em; 
	width:100%;
	border:1px solid rgba(170,170,170,1); 
	box-sizing:border-box;
	display: block;
	outline: 0;
	text-decoration: none;
}
input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,
 input[type="tel"]:hover,input[type="date"]:hover,input[type="number"]:hover,
 select:hover,textarea:hover {
	border: solid .5px rgba(43,43,40,1.0);
}
input[type="text"]:invalid,input[type="password"]:invalid,input[type="email"]:invalid,
 input[type="tel"]:invalid,input[type="date"]:invalid,
 select:invalid,textarea:invalid {
	box-shadow: none;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,
 input[type="tel"]:focus,input[type="date"]:focus,input[type="number"]:focus,
 select:focus,textarea:focus {
	border-color: rgba(153,143,36,1.0); /*pantone 619  green*/
}
/*-------- input text */
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
}
/*-------- textarea */
textarea {
	width: 100%;
	padding: 0.2em 0.5em;
	resize: vertical;
	box-sizing:border-box;
}
textarea::placeholder/*,textarea::-webkit-input-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder*/ {
	color: rgba(0,0,0,0.6);
}
/*-------- select */
select option {
	color:rgba(0,0,0,1);
}
select option:first-child {
	color:rgba(0,0,0,.6);
}
select:hover {
	cursor:context-menu;
}

/* 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 -- -- INPUT BUTTON and BUTTON */

input[type="submit"],input[type="reset"],input[type="button"],
 button, button[type="button"], .button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	-ms-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	background-color: rgba(43,43,40,1.0);  /*pantone 426 black */
	color: rgba(255,255,255,1.0);
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	display: inline-block;
	margin: 0px;
	width: 10em;
	height: 2.8em;
	letter-spacing: .25em;
	vertical-align: center;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	font-size:.8em;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
 button:hover, button[type="button"]:hover, .button:hover {
	background-color: rgba(219,219,219,1.0);
	color: rgba(43,43,40,1.0);  /*pantone 426 black */
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active,
 button:active,  button[type="button"]:active, .button:active {
	background-color: rgba(108, 192, 145, 0.15);
}

input[type="submit"]:before, input[type="reset"]:before, input[type="button"]:before,
 button:before, button[type="button"]:before, .button:before {
 	color: #aaaaaa;
 	position: relative;
	left: -1em;
	padding: 0 0 0 0.75em;
}
input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after,
 button:after, button[type="button"]:after, .button:after {
	color: #aaaaaa;
	position: relative;
	left: 1em;
	padding: 0 0.75em 0 0;
}
input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled,
 button:disabled, button[type="button"]:disabled, .button:disabled {
	 cursor:default;
 }