html			{width: 100%; height: 100%; -webkit-font-smoothing: antialiased;}
body			{width: 100%; height: 100%; background-color: #DBDBDC; font-family: 'Helvetica', 'Arial', sans-serif;  font-weight: 400; font-style: normal; font-size: 1em; color: #202020; line-height: 1.5em;}

input,
textarea,
select			{font-family: Helvetica, Arial, sans-serif; font-size: 1.000em; color: #000000; font-style: normal;}

input			{position: relative; display: block; width: auto; height: auto; line-height: 22px; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px; border: 1px solid #d4d4d4; font-family: 'Helvetica', 'Arial', sans-serif;  font-weight: 400; box-sizing: border-box}
input:focus		{background: #c7e3f2; border-color: #1c92d1;}
input.err		{border-color: #ed1c24; background-color: #edb7bb; color: #ed1c24;}
input.dsbl		{border-color: #ebebeb; color: #aaaaaa;}
input.ifile		{border: 0px;}

textarea			{position: relative; display: block; width: auto; height: 88px; padding:5px 5px 5px 5px; margin:0px 0px 0px 0px; border: 1px solid #d4d4d4;}
textarea:focus		{background: #c7e3f2; border-color: #1c92d1;}
textarea.err		{border-color: #ed1c24; background-color: #edb7bb; color: #ed1c24;}
textarea.dsbl		{border-color: #ebebeb; color: #aaaaaa;}

select			{position: relative; display: block; width: auto; height: 44px; border: 1px solid #d4d4d4; padding-top:4px; padding-bottom:4px; margin: 0px 0px 0px 0px; padding-left: 10px; padding-right: 10px;}
select.err		{border-color: #ed1c24; background-color: #edb7bb; color: #ed1c24;}
select option	{padding-right: 5px;}
select.dsbl		{border-color: #ebebeb; color: #aaaaaa;}

select.selectm	{height: 50px;}

label			{position: relative; display: block; width: auto; height: 20px; line-height: 20px;}

a				{color: #000000; text-decoration: underline;}
a:hover			{text-decoration: none;}
em				{font-style: normal;}

::-webkit-scrollbar {
    width: 15px;
    background: #ffffff;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

.clearer:after { 
   content: ".";   
   display: block; 
   height: 0; 
   clear: both;
   visibility: hidden; 
   font-size: 0;
}

#wrap			{position: relative; display: block; width: 100%; height: 100%; padding: 10px 10px 10px 10px; box-sizing: border-box;}
#holder			{position: relative; display: block; width: 100%; max-width: 600px; height: auto; background-color: #ffffff; margin: 0px auto 0px auto;}

#header			{position: relative; display: block; width: auto; height: auto; padding: 20px 0px 20px 0px;}
#header_logo		{position: relative; display: inline-block; width: 50%; box-sizing: border-box; height: auto; float: left; padding: 0px 0px 0px 18px;}
#header_logo img	{position: relative; display: block; width: auto; height: 90px;}
#header_social		{position: relative; display: inline-block; width: 50%; box-sizing: border-box; height: auto; float: left; text-align: right; padding: 0px 13px 0px 0px;}
#header_social ul		{position: relative; display: inline-block; width: auto; height: auto; text-align: left;}
#header_social ul li	{position: relative; display: inline-block; width: 39px; height: 39px; float: left; margin: 0px 5px 0px 0px;}
#header_social ul li a	{position: relative; display: block; width: 100%; height: 100%; text-indent: -10000px; background-position: 0px 0px; background-repeat: no-repeat; background-size: 100% auto;}
#header_social ul li a.ico_facebook		{background-image: url(images/ico_facebook.png);}
#header_social ul li a.ico_pinterest	{background-image: url(images/ico_pinterest.png);}
#header_social ul li a.ico_instagram	{background-image: url(images/ico_instagram.png);}

#footer			{position: relative; display: block; width: auto; height: auto; padding: 10px 0px 0px 0px;}
#footer_top		{position: relative; display: block; font-size: 0.75em; line-height: 1.5em;}
#footer_tleft	{position: relative; display: inline-block; width: 60%; box-sizing: border-box; height: auto; float: left; padding: 0px 0px 0px 60px; background-image: url(images/logo_pin.png); background-repeat: no-repeat; background-position: 18px 0px; }
#footer_tright	{position: relative; display: inline-block; width: 40%; box-sizing: border-box; height: auto; float: left; padding: 0px 18px 0px 0px;}
#footer_bottom	{position: relative; display: block; width: auto; height: auto; padding: 20px 18px 10px 18px; font-size: 0.625em; color: #d3d3d3; line-height: 1.8em;}

#content		{position: relative; display: block; width: auto; height: auto; padding: 20px 18px 20px 18px;}

h1				{font-size: 1.5em; font-weight: 700; color: #cc0000;}
p				{margin: 10px 0px 10px 0px;}

.fi,
.fa				{position: relative; display: block; width: 80%; height: auto; margin: 0px auto 0px auto; padding: 5px 0px 5px 0px; text-transform: uppercase;}
.fi_50			{position: relative; display: inline-block; width: 50%; float: left; padding-right: 10px; box-sizing: border-box;}
.fi_50:last-child	{padding-right: 0px;}
.fi label		{position: relative; display: block; width: auto; height: auto; margin-bottom: 5px; color: #8a8a8a; font-size: 0.75em;}
.fi input		{width: 100%;}
.fi select		{width: 100%;}
.fa input[type="submit"]		{border-width: 0px 0px 0px 0px; background: #e24246; color: #ffffff; margin: 0px auto 0px auto; padding: 15px 20px 15px 20px; font-size: 1.125em;}
.fa input[type="submit"]:hover	{cursor: pointer;}

.small			{font-size: 0.75em; line-height: 1.167em;}
.confirm		{font-weight: 700; text-align: center; padding: 40px 0px 40px 0px; font-size: 1.5em; line-height: 1.25em;}
.error			{text-align: center; padding: 40px 0px 40px 0px; color: #cc0000;}

@media only screen and (max-width: 480px) {
	#footer_tleft	{width: 100%; float: none;}
	#footer_tright	{width: 100%; float: none; padding-left: 60px; padding-top: 20px;}
}