/*-----------------------
Colors

dark blue #000B44
light blue #064C7B
light gray #F1F1F1
------------------------*/

body {
	width: 100%;
	margin: 0;
	background-color:#132F53;
}

#wrapper {
	width: 100%;
	height: 1300px;
	margin: 0;

}

.content thankYou {
	background-color:#132F53;
	opacity: 0.8;
}

.entry-content
	{
	text-align: center;
	font-size: 1.3em;
	font-family: Verdana;
	color: white;
}
	
	

header {
	margin: 0 auto;
	padding: 10px;
	background-color: #132F53;
}

#entry-header {
	height: 1px;
}


#contact-post {
	display: none
}

#mobile-photo {
	display: none;
}

#contact {
	display: inline-block;
    	margin-left: auto;
   	margin-right: auto;
}

#logo img {
	width: 500px;
	display: block;
    	margin-left: auto;
   	margin-right: auto 
}

#content-area { 
	width: 900px;
	height: 362px;
	background-image: url(http://testing.beytinagency.com/wp-content/uploads/2015/09/splashbg.png);
	background-repeat: no-repeat;
	display: block;
    	margin-left: auto;
   	margin-right: auto;
	
}
#post-language {
	width: 900px;
	padding: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	text-align: left
}
	
/*------NGP FORM NEW-------*/
.at {
	display: block !important;
    	margin-left: auto !important;
   	margin-right: -30% !important;
}

.at-inner {
	width: 300px !important;
	background:#C39C59 !important;
	border: 0px !important
	  	
}

.at-title {
	display: none;
}

.at-markup HeaderHtml {
	display: none !important;
}

.at-fieldset ContactInformation {
	background: #132F53 !important;
	position: absolute !important;
    	right: 0px !important;
}


.at-form-submit {
	width: 200px !important;

}

.btn-at-primary {
	background:#C39C59 !important;
}

.clearfix {
	background:#C39C59 !important;
}

/*------NGP FORM-------*/

.ngp-form {
	background-color: #0E2133
	text-align: center;
	float: right;
	width: 70%;
	line-height: 1.5em;
}


label {
	color: #fff;
}

legend {
	display: none;
}

.ngp-form h1 {
	width: 200px;
	padding: 0px 10px 10px 10px;
	color: #fff;
	margin: 0 auto;
	font-size: 1.5em;
	line-height: 1.15em;
}

.fieldset-wrapper {
	text-align: left;
	width: 200px;
	display: block;
	margin: 0 auto;
}

input {
	width: 100%;
	height: 38px;
}

.form-item {
	line-height: 1.5em;
}

.ngp-col ngp-col-1 {
	height: 400px;
}

#edit-contactinformation {
	border: none;
	height: 250px;
	margin-bottom: 30px;
	padding: 10px 10px;
}

#edit-submitform {
	display: block;
	clear: both;
	height: 65px;
	width: 300px;
	border: 5px solid #C39C59;
	border-radius: 8px;
	background-color: #C39C59;
	font-family: Helvetica, sans-serif;
	color: #fff;
	font-size: 1.25em;
	margin: 0 auto;
	margin-top: 25px;
}

#edit-stateprovince {
	display: inline;
	height: 40px;
	width: 100%;
	border: 5px solid #C39C59;
	border-radius: 8px;
	background-color: #C39C59;
	font-family: Helvetica, sans-serif;
	color: #fff;
	font-size: 1.25em;
	margin: 10px auto;
}

#edit-submitform:hover { 
	background-color: #112F53;
	border: 5px solid #C39C59;
	cursor: pointer;
}

#nv-error-console {
	display: none;
}


/*------SOCIAL-------*/

ul {
	padding: 0;
	
}
#social a img {
		width: 55px;
	}
.icons {
	width: 245px;
	padding: 0px 0px;
	height: 65px;
	display: block;
    	margin-left: auto;
   	margin-right: auto 
}

ul li {
	display: inline-block;
	margin-left: auto;
   	margin-right: auto
}

ul li a img {
	display: inline-block;
	margin-left: auto;
   	margin-right: auto:
	width: 100px;
	margin: 0px;
}

/*------ICON TRANSFORMS-------*/

ul li {
	transition: 0.5s ease-in-out;
}

ul li:hover {
	cursor: pointer;
	transform: translateY(-0.3em);
}

ul li  {
	transition: 0.5s;
}


#copyright {
	margin: 10px 0px 0px 2%;
	width: 10%
	line-height: 1.25em;
	color: white;
	font-family: sans-serif;
	text-align: center;

}
#entry-footer {
	background-color: #132F53;
}


footer {
		clear: both;
		font-family: sans-serif;
		margin: 5px;
		padding: 2px;
		background-color: #183b68;
					
}
#secondary {
	display: none;
}

/*------ICON TRANSFORMS-------*/



/****************************************
imac 21.5in (1920 x 1080)
****************************************/

@media (max-width: 1920px){

	.ngp-form h1 {
		font-size: 1.2em;
	}

	.fieldset-wrapper {
		width: 300px;

}
/****************************************
macbook (1280 x 1170)
****************************************/
#social {
	display:none;
}
.entry-content
	{
	margin-top: -3%;
}
#contact-post {
	display: block;
    	margin-left: auto;
   	margin-right: auto;
	text-align: center;
}
#contact-post img{
	width: 55px
}


/****************************************
macbook (1280 x 800)
****************************************/

@media (max-width: 1280px){
	.at {
	display: block !important;
    	margin-left: auto !important;
   	margin-right: -30% !important;
	}
#post-language {
	width: 45%;
}

.entry-content
	{
	font-size: 1.0em;
}
	.at-inner {
	background: #C39C59 !important;
	display: block !important;
    	margin-left: auto !important;
   	margin-right: auto !important;
	}	

	.at-form-submit {
	width: 300px !important;
	display: block !important;
    	margin-left: auto !important;
   	margin-right: auto !important;
	background: #C39C59 !important;
	}
	
	.clearfix {
	background:#C39C59 !important;
	}

	#content-area img {
		width: 50%;
		overflow: hidden;
	}

	.ngp-form {
		width: 100%;	
	}

	.ngp-form h1 {
		width: 90%;
		font-size: 1.5em;
		padding: 0px 10px 30px 10px;
	}

		label{
		display: block;
	}
	.fieldset-wrapper {
		width: 100%;
		margin: 0 20%;
	}
	input {
		width: 60%;
	}

	#edit-stateprovince {
		display: inline;
		height: 40px;
		width: 60%;
	}

	#edit-contactinformation {
		padding: 0;
	}

	#edit-submitform {
		width: 60%;
	}
	footer {
		clear: both;
		margin: 10px;
		padding: 2px;
		text-align: center;
	
}
/****************************************
ipad landscape (1024 x 768)
****************************************/

@media (max-width: 1024px) {
	#content-area img {
		width: 100%;
		overflow: hidden;
	}
		.at {
	display: block !important;
    	margin-left: auto !important;
   	margin-right: auto !important;
	}
	

	#content-area {
	background: none;
	height: 224px;
	}
	
#mobile-photo {
	display: block;
    	margin-left: auto;
   	margin-right: auto;
	width: 100%
}
	
#mobile-photo img{
	display: block;
    	margin-left: auto;
   	margin-right: auto;
	width: 100%
}

#social a img {
		width: 55px;
	}



/****************************************
ipad portrait (768 x 1024)
]****************************************/

@media (max-width: 768px) {
	#logo img {
	width: 80%;
	}

#post-language {
	width: 65%;
}

	.ngp-form h1 {
		font-size: 1.25em;
		width: 60%;
	}

.at-inner {
	width: 300px !important;
	position: relative !important;
}

#content-area {
		width: 300px;
	}


/****************************************
iphone 6 (375 x 667)
****************************************/

@media (max-width: 375px){
	#logo img {
	width: 100%;

	}


#post-language {
	width: 65%;
}
/****************************************
iphone old (320 x 480)
****************************************/

@media (max-width: 320px) {



}