@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../bg.png)
	background-attachment:fixed
	background-position:center;
	background:no-repeat
	background-repeat:no-repeat
font-family: 'Lato', sans-serif;
	margin:0;
	padding:0;
	max-width: 100%;
min-width: 100%;
font-family: 'Lato', sans-serif;
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);  
	}
img{
	border:none;
font-family: 'Lato', sans-serif;
	}
h1,h2,h4,h5,h6{
	margin:0;
	padding:0;
font-family: 'Lato', sans-serif;
	}
h1{
	margin:0.5em 0;
font-family: 'Lato', sans-serif;
	}
h2 {
	color:#FFFFFF;
	background-color: #0a0a0a;background: -moz-linear-gradient(top, #0a0a0a 30% #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #0a0a0a),color-stop(100%, #1c1c1c)); background: -webkit-linear-gradient(top, #0a0a0a 30%, #1c1c1c 100%);background: -o-linear-gradient(top, #0a0a0a 30%, #1c1c1c 100%); background: -ms-linear-gradient(top, #0a0a0a 30%, #1c1c1c 100%);background: linear-gradient(to bottom, #0a0a0a 30%, #1c1c1c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#1c1c1c', GradientType=0 ); padding-top: 0px; padding-bottom: 8px; margin: 0; color:#fff; height: auto;z-index: 9999;box-shadow: 0px 0px 12px #000;-moz-box-box-shadow: 0px 0px 12px #000;-webkit-box-shadow: 0px 0px 12px #000;
	text-align:center;
-moz-box-shadow:0 2px 4px #000;
	-webkit-box-shadow:0 2px 4px #000;
	box-shadow:0 2px 4px #000;
font-family: 'Lato', sans-serif;
font-size:1em;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;

}
h3 {
	color:#FFFFFF;
	background: #000;
background: -moz-linear-gradient(top, #303030 17%, #000 100%); /* FF3.6+ */
	-webkit-gradient(linear, left top, left bottom, color-stop(17%, #303030), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	 -webkit-linear-gradient(top, #303030 17%, #000 100%); /* Chrome10+,Safari5.1+ */
	-o-linear-gradient(top, #303030 17%, #000 100%); /* Opera 11.10+ */
	-ms-linear-gradient(top, #303030 17%, #000 100%); /* IE10+ */
	 linear-gradient(to bottom, #303030 17%, #000 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#000', GradientType=0 ); /* IE6-9 */ padding-top: 0px; padding-bottom: 8px; margin: 0; color:#fff; height: auto;z-index: 9999;box-shadow: 0px 0px 12px #000;-moz-box-box-shadow: 0px 0px 12px #000;-webkit-box-shadow: 0px 0px 12px #000;
	text-align:center;
-moz-box-shadow:0 2px 4px #000;
	-webkit-box-shadow:0 2px 4px #000;
	box-shadow:0 2px 4px #000;
font-family: 'Lato', sans-serif;
font-size:1em;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;


}

a{
	color:#000;
	text-decoration:none;
font-family: 'Lato', sans-serif;
	}
a:hover{
	color:#000;
	text-decoration:underline;
font-family: 'Lato', sans-serif;
	}
/* logo */
.logo{
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
font-family: 'Lato', sans-serif;
	}
.logo a{
	display:block;
	padding:10px;
font-family: 'Lato', sans-serif;
}
/* menu */
.menu{
	margin:20px 10px;
	padding:0;
font-family: 'Lato', sans-serif;
	}
.menu a{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	display:block;
	background:#eeeeee url(images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#aaaaaa;
	padding:10px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	box-shadow: 0px 1px 3px #2f3e5c;
-moz-box-shadow: 0px 1px 3px #2f3e5c;
-webkit-box-shadow: 0px 1px 3px #2f3e5c;
font-family: 'Lato', sans-serif;
	}
.menu a:hover{
	color:#000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
font-family: 'Lato', sans-serif;
	}
/* content */
.contentcontact{
width: 100%;
	font-size:17px;
	color:#fffff;
text-align: left;

	background-color:#FFF
	line-height:2em;
margin:0;
padding:0;
line-height: 1.5;
	background-color: #FFF;
box-shadow: 0px 1px 3px #ebebeb;
-moz-box-shadow: 0px 1px 3px #ebebeb;
-webkit-box-shadow: 0px 1px 3px #ebebeb;
font-family: 'Lato', sans-serif;
	}

.content{
width: 100%;
	font-size:12px;
	color:#fffff;
text-align: center;
	background-color:#FFF
	line-height:2em;
margin: 0;
padding: 5px 0;
	background-color: #FFF;
box-shadow: 0px 1px 3px #ebebeb;
-moz-box-shadow: 0px 1px 3px #ebebeb;
-webkit-box-shadow: 0px 1px 3px #ebebeb;
padding-bottom: 7px;
font-family: 'Lato', sans-serif;
	}
.content h2{
	margin:0 0 0 5px;
	padding:0;
font-family: 'Lato', sans-serif;
	}
.content p{
	margin:0 5px 5px 5px;
	line-height:2em;
	padding:0;
	background-color: #FFF;
	font-size: 21px;
	font:Arial, Helvetica, sans-serif;
font-family: 'Lato', sans-serif;
	}
/* footer */
.footer{
	font-size:12px;
	margin:10px 0 0 0;
	padding:5px 0;
box-shadow: 0px 1px 3px #2f3e5c;
-moz-box-shadow: 0px 1px 3px #2f3e5c;
-webkit-box-shadow: 0px 1px 3px #2f3e5c;
font-family: 'Lato', sans-serif;
	}
.footer p{
	color:#aaaaaa;
	font-size:12px;
	text-align:right;
	margin:5px;
font-family: 'Lato', sans-serif;
	}
.footer p a{
	color:#848484;
	padding:5px;
font-family: 'Lato', sans-serif;
	}
.footer p a:hover{
	color:#848484;
font-family: 'Lato', sans-serif;
	}
/* clear */
.clear{
	clear:both;
	}
.code{
	padding:0;
	border:1px dotted #bbbbbb;
font-family: 'Lato', sans-serif;
	}
.numbering{
	background:#f2f2f2;
	color:#bbbbbb;
	padding:2px 5px;
font-family: 'Lato', sans-serif;
	}
.tag{
	color:#0975a2;
font-family: 'Lato', sans-serif;
	}
.program{
	color:#ff003c;
font-family: 'Lato', sans-serif;
	}
.head{
		padding:0;
margin: 0;
	color:#FFFFFF;
	background:#000;
	text-align:center;
-moz-box-shadow:0 2px 4px #000;
	-webkit-box-shadow:0 2px 4px #000;
	box-shadow:0 2px 4px #000;
font-family: 'Lato', sans-serif;
font-size:1em;
min-width: 100%;
width: 100%;
width: 100%;
	}	

.modalDialog {
		position: fixed;
font-family: 'Lato', sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
width: 100%;
max-width: 100%;
height: auto;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
width: 100%;
max-width: 100%;
height: auto;
		position: relative;
		margin: 10% auto;

		border-radius: 16px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #222;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: 15px;
left: 10px;
		text-align: center;
		top: 10px;
		width: 40px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
font-family: 'Lato', sans-serif;
	}

	.tbody {
		margin: 0;
text-align: center;
width: 100%;
	}
}
form, button{border:0; margin:0; padding:0; color: #fff;border-radius: 7px;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:100%;
	padding:0px;
border-radius: 7px;
width: 100%;
text-align: center;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
box-shadow: 0px 1px 5px rgba(105,105,105);
-moz-box-box-shadow: 0px 1px 5px rgba(105,105,105);
-webkit-box-shadow: 0px 1px 5px rgba(105,105,105);
background: #9b0c0c;
background-color: #9b0c0c;
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#727272;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:center;
		width:140px;

	}
	#basic .small{
		color:#727272;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{

		width:200px;
		margin:2px 0 30px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	}
	#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #0f0f0f;
		background:#282828;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
box-shadow: 0px 1px 5px rgba(105,105,105);
-moz-box-box-shadow: 0px 1px 5px rgba(105,105,105);
-webkit-box-shadow: 0px 1px 5px rgba(105,105,105);
background: #141414;
background-color: #141414;
width: 99%;
margin: 0;
padding: 0;
text-align:center;

	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#fff;
		margin-bottom:20px;
		border-bottom:solid 1px #282828;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:center;
		width:140px;
		float:center;
	}
	#stylized .small{
		color:#727272;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:center;
		width:140px;
	}
	#stylized input{
		float:center;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #282828;
		width:70%;
		margin:2px 0 20px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	}
	#stylized button{ 
		clear:both;
		width:175px;
		height:75px;
		background:#9b0c0c;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:20px;
		font-weight:bold;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	}
	#stylized button:hover{ 
		clear:both;
		width:175px;
		height:75px;
		background:#9b0c0c;
		text-align:center;
		line-height:31px;
		color:#000;
		font-size:22px;
		font-weight:bold;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
box-shadow: 0px 1px 5px rgba(105,105,105);
-moz-box-box-shadow: 0px 1px 5px rgba(105,105,105);
-webkit-box-shadow: 0px 1px 5px rgba(105,105,105);
transition: background 0.6s ease;
-moz-transition: background 0.6s ease;
-webkit-transition: background 0.6s ease;
transition: color 0.6s ease;
-moz-transition: color 0.6s ease;
-webkit-transition: color 0.6s ease;
transition: box-shadow 0.6s ease;
-moz-transition: box-shadow 0.6s ease;
-webkit-transition: box-shadow 0.6s ease;

	}
textarea {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#stylized textarea {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
width: 70%;
}

#basic textarea {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    padding: 0;
    margin: 0 0 24px 0;
    border: 0;
    outline: none;
    vertical-align: middle;
    min-width: 225px;
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    background: #fdfdfd;
}
.topnav {
display: block;
width: 100%;
min-width: 100%;
background-color: #1c1c1c;
background: #513d35; /* Old browsers */
background: -moz-linear-gradient(top, #0a0a0a 0%, #262626 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a0a0a),color-stop(100%, #262626)); 
background: -webkit-linear-gradient(top, #0a0a0a 0%, #262626 100%);
background: -o-linear-gradient(top, #0a0a0a 0%, #262626 100%); 
background: -ms-linear-gradient(top, #0a0a0a 0%, #262626 100%);
background: linear-gradient(to bottom, #0a0a0a 0%, #262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#262626', GradientType=0 );
overflow: hidden;
box-shadow: 0px 0px 12px #000;
-moz-box-box-shadow: 0px 0px 12px #000;
-webkit-box-shadow: 0px 0px 12px #000;
padding: 0;
margin: 0;
 -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
z-index: 99999;
margin-bottom: 0;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
 -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
z-index: 99999;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
z-index: 99999;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
 /* When the screen is less than 999 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1110px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
z-index: 99999;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1110px) {
  .topnav.responsive {position: relative;box-shadow: 0px 0px 12px #000;
-moz-box-box-shadow: 0px 0px 12px #00;
-webkit-box-shadow: 0px 0px 12px #000; -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
 -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
z-index: 99999;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
 -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
z-index: 99999;
border-bottom: 1px solid #3a3a3a;
  }
}