@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFF;

background: url(images/bg_main3.gif) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
    margin:0px;
    padding:0px !important;
    height:100%;

}

.headline {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:28px;

	color:#FFF;
	text-transform:capitalize;
}
.cta {
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:20px;

	color:#FFF;
	text-transform:capitalize;
}
.dialog_pos {
	padding:20px;
	text-align:left;
}
.box {
	width:500px;
	height:auto;
	background-color:transparent;
	text-align:left;
	padding:10px;
	margin:10px;
	margin-top:40px;
}
.box2 {
	width:480px;
	height:auto;
	background-color:transparent;
	text-align:left;
	padding:10px;
	margin:10px;
	margin-top:40px;
}
.field {
	width:300px;
	height:auto;
	background-color:transparent;
	border:1px solid #FFF;
	padding:10px;

	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;

	color:#FFF;
text-align:left;
}
.field:hover {
	background-image:url(images/text.png);
	color:#000;
}
.field2 {
	width:140px;
	height:auto;
	background-color:transparent;
	border:1px solid #FFF;
	padding:10px;

	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;

	color:#FFF;
	margin:10px;
text-align:left;
}
.field2:hover {
	background-image:url(images/text.png);
	color:#000;
}
.field3 {
	width:325px;
	height:80px;
	background-color:transparent;
	border:1px solid #FFF;
	padding:10px;

	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;
margin:10px;
margin-left:12px;
	color:#FFF;
text-align:left;
}
.field3:hover {
	background-image:url(images/text.png);
	color:#000;
}
.button {
	width:140px;
	height:auto;
	background-color:transparent;
	padding:8px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:20px;

	color:#FFF;
	text-transform:uppercase;
		
}
.button:hover {
	background-color:#0067ff;
}
.button2 {
	width:80px;
	height:auto;
	background-color:transparent;
	padding:8px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:20px;

	color:#FFF;
	border:1px solid #FFF;
	text-transform:uppercase;
	margin-left:140px;
	margin-top:15px;
		
}
.button2:hover {
	background-color:#0067ff;
}
.dialog_pos2 {
	padding:10px;
	text-align:center;
}
.logo_pos {
	padding-right:50%;
	padding-bottom:40px;
}
.footerp {
font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:14px;

	color:#FFF;
}
.cta3 {
font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:36px;

	color:#FFF;
	text-transform:uppercase;
	
}
.p {
font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:21px;

	color:#FFF;
	font-style:italic;
}
.p2 {
font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:18px;

	color:#FFF;
	
}
.p3 {
font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;

	color:#FFF;
	
}
.headline2 {
font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:24px;

	color:#FFF;
	font-style:normal;
}
.tab {
	width:220px;
	height:auto;
	background-color:transparent;
	padding:10px;
	text-align:center;
	border-right:1px solid #CCC;
	margin-top:10px;
}
.tab2 {
	width:220px;
	height:auto;
	background-color:transparent;
	padding:10px;
	text-align:center;
	margin-top:10px;
	
}
.tabh {
font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:18px;

	color:#FFF;
	text-transform:uppercase;
	line-height:20px;
	
}
.tabh:hover {
	color:#0067ff;
}
.footer {
	padding-top:20px;
}
.footer_pos {
	padding-left:40%;
}
.footer_pos2 {
	width:200px;
	padding-left:58%;
}
.circle {
	width:45px;
	height:40px;
	padding-top:5px;
	border-radius:90px;
	border:3px solid #FFF;
	text-align:center;
	margin:5px;
}
.circle:hover {
	background-color:#0067ff;
	border:3px solid #0067ff;
}
.ui-widget-content {
		background:none;
		background-color: #333;
		border:none;
		
	}
	.ui-dialog .ui-dialog-titlebar { padding: .1em .1em .1em 1em; height:40px; background-image:none; background-color:transparent; border:none; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { background-image:url(images/x.png); border:none; background-repeat:no-repeat; position: absolute; right: .3em; top: 50%;  margin: -10px 0 0 0;  }
.ui-dialog .ui-dialog-titlebar-close span { background-image:url(images/x.png); border:none; background-repeat:no-repeat; position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; height: 19px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {background-image:url(images/x.png); border:none; background-repeat:no-repeat; position: absolute; right: .3em; top: 50%;  margin: -10px 0 0 0;  }

.mobile {
	visibility:collapse;
position:absolute;
display:none;

}
.wrapper {
	min-width:981px;
	height:100vh;
	background-image:url(images/text2.png);
}


@media screen and (min-width: 280px) and (max-width:900px){
	.mobile {
	visibility:visible;
position:absolute;
display:block;
}
.desktop {
visibility:collapse;
position:absolute;
display:none;
}
body {
		background-color:#FFF;

background: url(images/bg_main3.gif) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
    margin:0px;
    padding:0px !important;
    height:100%;
}
.fieldm {
	width:220px;
	height:auto;
	background-color:transparent;
	border:1px solid #FFF;
	padding:10px;

	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:16px;

	color:#FFF;
text-align:left;
}
.fieldm:hover {
	background-image:url(images/text.png);
	color:#000;
}
.buttonm {
	width:80px;
	height:auto;
	background-color:transparent;
	padding:8px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;

	color:#FFF;
	text-transform:uppercase;
		
}
.buttonm:hover {
	background-color:#0067ff;
}
.footerpm {
font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:12px;

	color:#FFF;
}

.tabm {
	width:120px;
	height:auto;
	background-color:transparent;
	padding:10px;
	text-align:center;
	border-right:1px solid #CCC;
	margin-top:10px;
}
.tab2m {
	width:120px;
	height:auto;
	background-color:transparent;
	padding:10px;
	text-align:center;
	margin-top:10px;
	
}
.tabhm {
font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:18px;

	color:#FFF;
	text-transform:uppercase;
	line-height:20px;
	
}
.tabhm:hover {
	color:#0067ff;
}
	
	.headline {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:20px;

	color:#FFF;
	text-transform:capitalize;
}
.ctam {
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;

	color:#FFF;
	text-transform:capitalize;
}
.box2m {
width:300px;
height:auto;
margin:10px;
background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;

	color:#FFF;
	font-style:italic;
	text-align:center;
	
}
.box2mh {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:16px;

	color:#FFF;
	font-style:normal;
}

.wrapperm {
	width:100%;
	height:100vh;
	background-image:url(images/text2.png);
}