@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);



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

	#dialog_contact {
		visibility: hidden;
		z-index:2000;
		position:fixed;
		top:15%;
		left:5%;
		margin-left:0;
		margin-right:0;
		width: 84%;
		height: 390px;
		padding:3%;
		border: 1px solid rgba(0,0,0,.2);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background: rgba(0, 0, 0, 0.75); 
		-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
		box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
		overflow: hidden; 
	}
}
@media only screen and (min-width: 760px) {
#dialog_contact {
	visibility:hidden;
	z-index:2000;
	position:fixed;
	top:15%;
	left:5%;
    margin-left:0;
	margin-right:0;
    width: 44%;
    height: 390px;
    padding:3%;
    border: 1px solid rgba(0,0,0,.2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: rgba(0, 0, 0, 0.75); 
    -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    overflow: hidden; 
}
}
textarea{
	  background: rgba(50, 50, 50, 0.9)  no-repeat scroll 16px 16px; 
    width: 90%;
    height: 140px;
    border: 1px solid rgba(255,255,255,.6);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    display:block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
	font-weight: 700;
    color:#fff;
    padding-left:5%;
    padding-right:5%;
    padding-top:12px;
    margin-bottom:20px;
    overflow:hidden;
}

input {
    width: 90%;
    height: 48px;
    border: 1px solid rgba(50,50,50,.4);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    display:block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
	font-weight: 700;
    color:#fff;
    padding-left:5%;
    padding-right:5%;
    margin-bottom:20px;
}

input[type=submit] {
    cursor:pointer;
}

input.name {
	  background: rgba(50, 50, 50, 0.9) no-repeat scroll 16px 16px; 
}

input.email {
	  background: rgba(50, 50, 50, 0.9) no-repeat scroll 16px 20px;
}

input.message {
	  background: rgba(50, 50, 50, 0.9) no-repeat scroll 16px 16px;
	  padding-left:45px;
}

::-webkit-input-placeholder {
	  color: #fff;
}

:-moz-placeholder{ 
    color: #fff; 
}

::-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {  
	  color: #fff; 
}

input:focus, textarea:focus { 
	  background-color: rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
    box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
	  overflow: hidden; 
}

.btn {
	max-width: 45%;
	  width: 128px;
	  height: 44px;
	  float:left;
    background: #a40a0a;
    padding: 10.5px 21px;
    color: #fff;
}

.btnc {
	max-width: 45%;
	border-radius: 4px;
	border: 1px solid #253737;
    text-shadow: #333333 0 1px 0;
	width: 128px;
	height: 44px;
	float:right;
    background: #a40a0a;
    padding: 10.5px 21px;
    color: #fff;
}

#dialog_about_hidden
{
	position:fixed;
	left:60%;
	top:0px;
	margin-top:-430px;
	width:30%; 
	height=450px;
}
@media only screen and (min-width: 960px) {
	#dialog_about
	{
		position:fixed;
		left:60%;
		top:0px;
		width:30%; 
		height:100%; 
		z-index:1000;
		position:fixed;
		
		padding:3%;
		border: 1px solid rgba(0,0,0,.2);

		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background: rgba(0, 0, 0, 0.75); 
		-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
		box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
		overflow: hidden; 
	}

	.about_point_title
	{
	}

	.about_point
	{
		margin-bottom: 5vh;
	}

	.about_point ul
	{
		font-size:1.7vh;
		list-style: none inside;
	}
	.about_point ul li
	{
		margin-top: .6vh;
		color: #fff !important;
	}

	.about_point_title h1
	{
		margin-bottom: 3vh;
		font-size: 3.5vh;
		color: #fff;
		font-weight:700;
	}

	.about_point img
	{
		left:50%;
		top:0%;
		height: 6vh;
		width:6vh;
		-webkit-filter: invert(1);
		filter: invert(1);
	}
	.about_next
	{
		display: none;
	}
	.madeby
	{
		position: fixed;
		bottom: 108px;
		left: 0px;
		height: 78px;
		width: 250px;/*+60*/
		background-color: rgba(0,0,0,.5);
		box-shadow: 2px 2px 4px 0px #000;
		z-index: 1000000;
	}
	.madeby img
	{
		width: 210px;
		height: 64px;
		margin-left: 20px;
		margin-right: 20px;
		margin-top:7px;
		margin-bottom:7px;
		opacity: 0.8;
	}
}
@media only screen and (orientation: landscape) and (max-width: 959px) {
	
.about_point img
	{
		left:0%;
		top:0%;

		height: 56px;
		width:56px;
		-webkit-filter: invert(1);
		filter: invert(1);
		float:left;
	}
}
@media only screen and (max-width: 959px) {
	.madeby
	{
		position: fixed;
		top: 125px;
		left: 0px;
		height: 38px;
		width: 125px;/*+60*/
		background-color: rgba(0,0,0,.5);
		box-shadow: 2px 2px 4px 0px #000;
		z-index: 1000000;
	}
	.madeby img
	{
		width: 105px;
		height: 32px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top:3px;
		margin-bottom:3px;
		opacity: 0.8;
	}
	#dialog_about
	{
		position:fixed;
		left:0%;
		bottom:0px;
		width:100%; 
		height:30%;
		overflow-y:scroll;
		z-index:1000;
		position:fixed;
		
		padding: 10px 3%;
		border: 1px solid rgba(0,0,0,.2);

		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background: rgba(0, 0, 0, 0.75); 
		-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
		box-shadow: 0 0 13px 3px rgba(0,0,0,.5);

	}
	.about_next
	{
		margin-top:10px !important;
	}

	.about_point_title
	{
		width: 90%;
		margin-left: 10px;
	}

	.about_point
	{
		margin-bottom:50px;
		height: 100%;
		width: 95%;
	}

	.about_point ul
	{
		font-size:12px;
		list-style: none inside;
	}
	.about_point ul li
	{
		color: #fff !important;
	}

	.about_point_title h1
	{
		font-size: 1.6em;
		color: #fff;
		font-weight:700;
	}

	.about_point img
	{
		left:50%;
		top:0%;
		margin-left:-14px;
		height: 28px;
		width:28px;
		-webkit-filter: invert(1);
		filter: invert(1);
	}
}
.bthide
{
	position:absolute;
	bottom: 2px;
	left: 50%;
	margin-left:-16px;
	width:32px;
	height:32px;
	-webkit-filter: invert(1);
    filter: invert(1);
}

.btn:hover {
    border: 1px solid #253737;
    text-shadow: #333333 0 1px 0;
    background: #67a4ef;
    color: #fff;
 }

.btn:active {
    margin-top:1px;
    text-shadow: #333333 0 -1px 0;
    border: 1px solid #253737;
    background: #6da5a3;
    background: -webkit-gradient(linear, left top, left bottom, from(#416b68), to(#416b68));
    background: -webkit-linear-gradient(top, #416b68, #609391);
    background: -moz-linear-gradient(top, #416b68, #6da5a3);
    background: -ms-linear-gradient(top, #416b68, #6da5a3);
    background: -o-linear-gradient(top, #416b68, #6da5a3);
    background-image: -ms-linear-gradient(top, #416b68 0%, #6da5a3 100%);
    color: #fff;
    -webkit-box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
    box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
   }