@import url(foundation.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400italic,700italic,300,700,300italic,400);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
    -webkit-margin-start: 0 !important;
    -webkit-margin-end: 0 !important;
    -webkit-padding-start: 0 !important;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Roboto', sans-serif;
	background: #e5e5e6;
	color: #636466;
	margin: 0;
	padding: 0;
}
#main {
	margin: 0 auto;
	max-width: 902px;
	width: 90%;
	background: #fff;
	padding: 15px 30px;
}
#header {
	display: block;
	padding-bottom: 30px;
	clear: both;
	min-height: 40px;
}
#header a.link {
	float: right;
	background-color: #00538b;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 15px;
	line-height: 30px;
	font-size: 80%;
	text-align: center;
	margin: 1% 0 0 0;
	text-decoration: none;
}
#header a.link:hover {
	background-color: #f39000;
	color: #fff;
}
#header img {
	padding-right: 30px;
	border-right: dashed #dbd6c8 1px;
	float: left;
	border: none;
	outline: none;
}
#footer {
	margin: 0 auto;
	max-width: 902px;
	width: 95%;
	padding: 15px 0;
	clear: both;
	text-align: center;
	font-size: 70%;
	background: #e5e5e6;
}

#footer p {
	margin: 0 auto 15px auto;
	padding: 0;
	width: 90%;
}

#footer ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	-webkit-padding-start: 0 !important;
}
#footer .links li:before {
	content: " | ";
	color: #636466;
	margin: 0 10px;
}
#footer .links li:first-child:before {
	content: none;
}
#footer a {
	color: #636466;
	text-decoration: none;
	display: inline-block;
}
#footer a:hover {
	color: #b50937;
}

#footer .icons li {
	color: #fff;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: inline-block;
	background-color: #000;
	text-align: center;
}

#footer .icons img {
	max-width: 16px;
	height: auto;
	width: 100%;
	margin: 5px auto;
	border: none;
	outline: none;
}

#footer .imobile {
	background-color: #002953 !important;
}
#footer .itwitter {
	background-color: #55aded !important;
}
#footer .ifacebook {
	background-color: #3c5a9f !important;
}
#footer .igoogle {
	background-color: #d54430 !important;
}
#footer .ilinkedin {
	background-color: #0878b5 !important;
}
#footer .iyoutube {
	background-color: #cc181d !important;
}
#footer .iblog {
	background-color: #04783f !important;
}
#footer .ienews {
	background-color: #b50536 !important;
	font-size: 1.2em !important;
}

#content {
	clear: both;
	margin: 30px 0 15px 0;
	padding: 30px;
	font-size: 84%;
	-moz-box-shadow: 0 0 15px #b1b6c8;
	-webkit-box-shadow: 0 0 15px #b1b6c8;
	box-shadow: 0 0 15px #b1b6c8;
}

#content h1 {
	background-color: #f39000;
	margin: -30px -30px 0 -30px;
	color: #fff;
	text-align: center;
	font-size: 130%;
	font-weight: 300;
	padding: 10px;
}

#content h1 .fa {
	margin: 5px 0 0 5px;
	position: left;
	float: left;
}
#content h2 {
	background: url(../images/header-shadow.jpg) bottom center no-repeat #efede7;
	margin: 0 -30px;
	padding: 15px 20px 38px 20px;
	font-size: inherit;
	clear: both;
	display: block;
	color: #454e6f;
	font-style: italic;
	display: block;
	font-weight: 700;
	text-align: center;
	border-top: 2px solid #454e6f;
}

#content h3 {
	font-size: 120%;
	font-weight: inherit;
	margin: 4% 0 0 0;
}

a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}

.center {
	text-align: center;
}

.push {
	margin: 10% 0;
}

#messages {
	max-width: 450px;
	width: 100%;
	margin: 10% auto;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #e5e5e6;
	padding: 30px;
}

#messages h1 {
	background-color: #454e6f;
	margin: -30px -30px 0 -30px;
	color: #fff;
	text-align: center;
	font-size: 130%;
	font-weight: 300;
	padding: 10px;
}

#messages h3 {
	font-size: inherit;
	font-weight: inherit;
	margin: 12% 0 0 0;
}

#messages input[type='text'], #messages input[type='number'], #messages input[type='email'], #messages textarea {
	margin-bottom: 5%;
	text-align: center;
	position: relative;
}

#messages > div {
	position: relative;
}

#messages .fa {
	color: #736746;
	position: absolute;
	height: auto;
	top: 12px;
	right: 10px;
	margin-left: 10px;
	z-index: 100;
	font-size: 1.2em;
}
#messages .fa-calculator {
	font-size: 1.5em;
}

#messages .icalc {
	background: url(../images/social-icons_calculator_blue.png) right no-repeat #fff;
}

form {
	clear: both;
	margin: 30px 0 15px 0;
	-moz-box-shadow: 0 0 15px #b1b6c8;
	-webkit-box-shadow: 0 0 15px #b1b6c8;
	box-shadow: 0 0 15px #b1b6c8;
	padding: 30px;
	font-size: 84%;
}

form h1 {
	background-color: #f39000;
	margin: -30px -30px 0 -30px;
	color: #fff;
	text-align: center;
	font-size: 130%;
	font-weight: 300;
	padding: 10px;
}
form h1 .fa {
	margin: 5px 0 0 5px;
	position: left;
	float: left;
}
form h2 {
	background: url(../images/header-shadow.jpg) bottom center no-repeat #e5e5e6;
	margin: 0 -30px;
	padding: 15px 20px 38px 20px;
	font-size: inherit;
	clear: both;
	display: block;
	color: #00538b;
	font-style: italic;
	display: block;
	font-weight: 700;
	text-align: center;
	border-top: 2px solid #00538b;
}
input[type='text'], input[type='number'], input[type='email'], textarea {
	padding: 8px 10px;
	margin: 5px 0;
	width: 100%;
	border: 1px solid #636466;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-appearance: none; 
	color: #636466;
}
input[type='text']:focus, input[type='number']:focus, input[type='email']:focus, textarea:focus {
	outline: 0;
	border-color: #636466;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #636466;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

input[type='submit'] {
	clear: both;
	display: block;
	margin: auto !important;
	background-color: #00538b;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 15px;
	line-height: 30px;
	text-align: center;
	margin: 1% 0 0 0;
	text-decoration: none;
	border: none;
	outline: none;
	padding: 0 8%;
}

#saveForm {
	clear: both;
	display: block;
	margin: auto !important;
	background-color: #00538b;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 15px;
	line-height: 30px;
	text-align: center;
	margin: 1% 0 0 0;
	text-decoration: none;
	border: none;
	outline: none;
	padding: 0 8%;
	line-height: 35px;
}

#saveForm:hover, input[type='submit']:hover {
	background-color: #f39000;
}

.icon-field [type='text'], .icon-field input[type='number'], .icon-field input[type='email'], .icon-field textarea {
	position: relative;
	padding-right: 30px;
}

#personal {
	padding: 0 0 20px 0;
}
#personal > div {
	width: 48%;
	float: left;
	display: inline-block;
}
#personal > div > label {
	float: left;
	width: 25%;
	text-align: right;
	padding-top: 8px;
}
#personal > div > div > input {
	float: right;
	width: 70%;
	position: relative;
	
}

#personal > div > div {
	position: relative;
}

#personal .iuser {
	background: url(../images/social-icons_user_blue.png) right no-repeat;
}

#personal .iphone {
	background: url(../images/social-icons_phone_blue.png) right no-repeat;
}

#personal .ifile {
	background: url(../images/social-icons_file_blue.png) right no-repeat;
}

#personal .ienews {
	background-position: right 10px top;
	background: url(../images/social-icons_enews_blue.png) right no-repeat;
}

#personal .fa {
	color: #736746;
	position: absolute;
	height: auto;
	top: 12px;
	right: 10px;
	margin-left: 10px;
	z-index: 100;
	font-size: 1.2em;
}
#personal .fa-user, #personal .fa-phone {
	font-size: 1.5em;
}
#questions {
	padding-bottom: 25px;
	width: 100%;
	clear: both;
}
#questions h3 {
	float: right;
	width: 68%;
	font: inherit;
	padding: 0;
	margin: 0;
}
#questions .group {
	float: left;
	width: 30%;
	text-align: right;
}
#questions label {
	display: inline-block;
	margin: 0 5px;
}
#questions .row {
	clear: both;
	padding: 12px 30px;
	display: block;
	margin: 0 -30px;
}
.alt {
	background: #e5e5e6;
}
#comments textarea {
	width: 85%;
	margin: 15px auto 30px auto !important;
	display: block;
}

/* Pop-ups */
.ui-widget-overlay {
    background: repeat-x scroll 50% 50% #002B54;
	/*background: url(../images/overlay.png) repeat;
	background-repeat: repeat;*/
	background-size: cover;
    opacity:0.6;
}

.ui-widget-overlay {
    height: 100%;
	top: 0;
	right: 0;
    left:0;
	bottom:0;
    position:fixed;
    width:100%;
	z-index: 1;
}

.ui-widget {
    font-size: inherit;
	 z-index: 100;
}

.ui-widget p {
	padding: 2%;
	color: #00538b;
}

#dialog-confirm {
    background: #ffffff;
	text-align: center;
	max-width: 400px !important;
	width: 90% !important;
	margin: auto;	
}

.ui-widget-content {
    background: #ffffff;
	text-align: center;
	max-width: 400px !important;
	width: 90% !important;
	margin: auto;	
}

.ui-dialog .ui-dialog-buttonpane button.ui-button {
  background-color: #00538b;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0 3px 15px 3px !important;
  display: inline-block;
  width: 30%;
  cursor: pointer;
  border: 2px solid #00538b !important;
}

.ui-dialog .ui-dialog-buttonpane button.ui-button-ghost {
  background-color: #fff !important;
  color: #00538b !important;
  border: 2px solid #00538b !important;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0 3px 15px 3px !important;
  display: inline-block;
  width: 30%;
  cursor: pointer;
}

.ui-dialog {
    border-radius: 8px;
    left: 36%;
    padding: 0;
	position: absolute;
    top: 30%;
	background: #ffffff;
	-moz-box-shadow: 0 0 15px #002B54;
	-webkit-box-shadow: 0 0 15px #002B54;
	border: 3px solid #f39000;
}

.ui-dialog-content p, .ui-widget-content p {
	padding: 10px;
}

.noclose .ui-dialog-titlebar-close
{
    display:none;   
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}

.ui-dialog-top {
	border-radius: 8px 8px 0px 0px;
}

.ui-widget-header {
  /*Change the Header color here*/
    background: #f39000;
    border: 0;
    color: #fff;
    font-weight: 300;
	border-radius: 4px 4px 0 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0 2%;
	line-height: 45px;
    position: relative;
        font-size: 125%;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

@media (max-width: 959px) {
#questions h3 {
	width: 55%;
}
#questions .group {
	float: left;
	width: 42%;
	text-align: right;
}	
}
@media (max-width: 1100px) {
.ui-dialog {
    border-radius: 8px;
    left: 30%;
    padding: 0;
    position: absolute;
    top: 22%;
	background: #ffffff;
	-moz-box-shadow: 0 0 15px #002B54;
	-webkit-box-shadow: 0 0 15px #002B54;
	border: 3px solid #f39000;
}	
}

@media (max-width: 905px) {
#footer .links li:before {
	margin: 0 5px;
}
.ui-dialog {
    border-radius: 8px;
    left: 22%;
    padding: 0;
    position: absolute;
    top: 22%;
	background: #ffffff;
	-moz-box-shadow: 0 0 15px #002B54;
	-webkit-box-shadow: 0 0 15px #002B54;
	border: 3px solid #b50937;
}	
}

@media (max-width: 734px) {
#main {
	width: 100%;
	padding: 15px 30px;
}
#header img {
	padding-right: 0;
	padding-bottom: 15px;
	border-right: none;
	float: none;
	clear: both;
	margin: auto;
	display: block;
}
#header a.link {
	display: none;
}

#footer {
	width: 100%;
}

#footer .links li {
	list-style-type: none;
	display: inline-block;
	width: 40%;
	margin: 5px;
	padding: 5px 10px;
	border: 1px solid #736746;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-indent: inherit;
	text-align: center;
}

#footer .links li:before {
	content: none;
	margin: 0;
}

#footer .links a {
	display: block;
}

#messages {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: none;
	padding: 0;
}

#content {
	clear: both;
	margin: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

form {
	clear: both;
	margin: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}
#personal > div {
	width: 100%;
	float: none;
	display: block;
	clear: both;
	margin-top: 8px;
}
#personal > div > label {
	float: none;
	clear: both;
	width: 100%;
	text-align: left;
	padding-top: 0;
}
#personal > div > div > input {
	float: none;
	clear: both;
	width: 100%;
}
#questions h3 {
	float: none;
	width: 100%;
	clear: both;
}
#questions .group {
	float: none;
	width: 100%;
	clear: both;
	text-align: left;
}
#questions label {
	display: inline-block;
	margin: 0 10px 8px 0;
}
#questions .row {
	clear: both;
	padding: 12px 30px;
	display: block;
	margin: 0 -30px;
	border-bottom: #736746 1px solid;
}
#comments textarea {
	width: 100%;
}
input[type='submit'] {
	width: 100%;
}
.no-border {
	border: none !important;
}
}

 @media (max-width: 450px) {
.ui-dialog {
    border-radius: 8px;
    left: 5%;
    padding: 0;
    position: absolute;
    top: 25%;
	background: #ffffff;
	-moz-box-shadow: 0 0 15px #002B54;
	-webkit-box-shadow: 0 0 15px #002B54;
	border: 3px solid #b50937;
}
}

 @media (max-width: 350px) {
#content h1 .fa {
	display: none;
}

form h1 .fa {
	display: none;
}

#footer .links li {
	list-style-type: none;
	display: block;
	width: 85%;
	margin: 5px auto;
}
 }