@import url('https://fonts.googleapis.com/css?family=Patua+One');
@import url('https://fonts.googleapis.com/css?family=PT+Serif&display=swap');

body{
color: #000;	
background-color: #fff;
font-family: 'PT Serif', serif;
margin: 0;
}
.mn{
letter-spacing: .5em;
}
.main {  
height: 2500px; 
}
.ph {
font-size: 18px;
font-weight:bold;
padding-right: 20px;
margin-bottom: 0px;
letter-spacing: .2em;
}
.logo {
margin-top: 15px;
margin-bottom: 0px;
}
.esp {
font-size: 12px;
font-style: italic;
margin-bottom: 0px;    
}
.col1-top{
line-height: 2;
letter-spacing: .1em;
word-spacing: .2em;
color: #fff;
font-size: 24px;
}
.col1-top-esp{
line-height: 1.5;
letter-spacing: .1em;
word-spacing: .2em;
color: #fff;
font-size: 16px;
}
.col2-top{
line-height: 2;
letter-spacing: .1em;
word-spacing: .2em;
color: #454b4b;
font-size: 16px;
}
.col3-top{
line-height: 2;
letter-spacing: .1em;
word-spacing: .2em;
color: #454b4b;
font-size: 16px;
}
.col4-top{
line-height: 1.5;
letter-spacing: .1em;
word-spacing: .1em;
color: #fff;
font-size: 16px;
}
.col4-title{
line-height: 1.3;
letter-spacing: .1em;
word-spacing: .1em;
color: #fff;
font-size: 16px;
}
.col5-top{
line-height: 1.3;
letter-spacing: .1em;
word-spacing: .1em;
color: #fff;
font-size: 14px;
}
.col6-top{
line-height: 1.5;
letter-spacing: .1em;
word-spacing: .1em;
color: #fff;
font-size: 16px;
}
.col1-top-esp-ft{
line-height: 1.5;
letter-spacing: .1em;
word-spacing: .2em;
color: #fff;
font-size: 16px;
}
.pd{
padding-top: 10%;
}
.pb{
padding-bottom: 20%;
}
.fcontrol {
  display: block;  
  width: 100%;
  padding: 5px 20px;
  margin: 5px 0;
  color: #3a3f40;
  box-sizing: border-box;
  vertical-align: middle;
  letter-spacing: .1em;
  word-spacing: .2em;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.error
{
  color: red;
  size: 80%
}
.hidden
{
  display:none;
}
textarea.fcontrol {
height: 100px;
resize: none;
color: #3a3f40;
}
.sb {
 width: 50%;
 padding: 7px 20px;
 text-align: center;
 color: #3a3f40;
 border: 1px solid #cccccc;
 border-radius: 4px;
 	}
.field{
	font-size:11px;
}
.fieldb{
	font-size:10px;
	text-align: left;
}
a.b:Link {
	color: #fff;
	text-decoration: none;
}
a.b:visited {  
	color: #fff;
	text-decoration:none;
	}
a.b:active { 
	color: #316f7e;
	text-decoration:none;
}
a.b:hover {
	text-decoration: none;
	color: #316f7e;
}
a.c:Link {
	color: #000;
	text-decoration: none;
}
a.c:visited {  
	color: #000;
	text-decoration:none;
	}
a.c:active { 
	color: #0c3843;
	text-decoration:none;
}
a.c:hover {
	text-decoration: none;
	color: #0c3843;
}