@CHARSET "ISO-8859-1";

html {
	font-family: "Segoe UI", Verdana, Geneva, Arial, Sans !important;
}

body {
	position: relative;
	min-width: 1200px; /*1442px;*/
	
}

a {
	text-decoration: none;
}

.hidden {
	display: none;
}

.main_content {
	position: relative;
	padding-top: 80px;
}

.main_content2 {
	position: relative;
	padding-top: 0px;
}

.masthead {	
	background-color: #00529d;
	border-bottom: 1px solid #00529d;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 100000;
	margin: 0px;
	white-space: nowrap;
	height: 80px;
}

.masthead_small {
	background-color: #00529d;
	border-bottom: 1px solid #00529d;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 100000;
	min-height: 20px;
	height: 30px;
	margin: 0px;
	white-space: nowrap;	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.top_menu_small {
	margin-top: 5px;
}
/* Header ----------------------------------------------------------------------- */
.header_middle_text {
	display: none;	
}

.header_middle_text_small {
	color: #fff;
	padding-left: 15px;
}
	
.header_mobile_menu {
	max-width: 32px;
	float: right;
	margin-right: 20px;
}

.header_mobile_menu_link {
	cursor: pointer;
	display: none;
}

.header_mobile_menu_container {
	display: none;    
    position: absolute;
    top: 50px;
    z-index: 9999999;
    width: 80%;
    right: -80%;
    height: 100%;
    background: #fff;
    border: 1px solid #000;  	
}

.header_mobile_menu_header {
	height: 65px;
    padding-left: 10px;
    padding-top: 10px;
}

.header_mobile_menu_item {
	/*color: #000;
	height: 45px;
    padding-left: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(160,160,160,0.70);	
    border-left: none;
    border-right: none;*/
    
    color: #000;
    height: 20px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid rgba(160,160,160,0.70);
    border-left: none;
    border-right: none;
}

.header_mobile_menu_item_accent {
    display: inline-block;
    position: absolute;
    right: 20px;
    color: #A0A0A0;
}

.header_mobile_menu_item_bottom {
	border-bottom: 1px solid rgba(160,160,160,0.70);
}

.header_mobile_menu_item:hover { 
	color: #000;
	background-color: rgba(255, 255, 255, 0.95);
}

#logo {
	visibility: hidden;
	display: none;	
}
/* ------------------------------------------------------------------------------ */

/* Footer ----------------------------------------------------------------------- */
.footer {
	/*margin-bottom: 40px;*/
    /*margin-top: 200px;*/	
}

.footer_container {
	background: #00529d;
}

.footer_text {
	/*text-align: left;
	display: inline-block;
	margin-left: 300px;
	width: 15%;
	position: absolute;*/
}

.footer_text h3 {
	font-size: 20px;
	font-weight: 400;	
}

.footer_text span {
	font-size: 14px;
	font-weight: 400;
}

.footer_logo {
	text-align: right;
	display: inline-block;
	width: 14%;	
	position: absolute;
    right: 60px;
    top: 100px;
}

.footer_logo img {
	max-width: 180px;
}

.footer_pareto_app_label {
	text-align: left;
	color: #fff;
}

.footer_download_app_android, .footer_download_app_ios {
	max-width: 190px;
}

.footer_email_text:before {
	content: url("/images/email_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.footer_phone_text:before {
	content: url("/images/phone_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.footer_emaillist {
	display: inline-block;
}

.footer_subscribe {
	vertical-align: top;
	margin-top: 20px;
}

.footer_copy {
	font-size: 14px;
}

.footer_link {
	color: #fff;
	text-decoration: underline;	
}

.footer_link:hover {
	color: #e38c3d;
}

.footer_newsletter_content {
	color: #fff;
}

.footer_subscribe_button {
	font-size: 14px !important;
	padding-top: 8px !important;
	padding-bottom: 4px !important;
	margin-left: 10px;
}

.footer_right_links {
	padding-left: 40px;
}

.footer_copy {
	position: absolute;
    bottom: 0px;
    right: 84px;
}

.footer_social_links img {
	max-width: 32px;
	margin: 0px 5px;
}

.footer_social_youtube_img {
	max-height: 31px;
	max-width: 100% !important;
}

.footer_android_content {
	padding-left: 20px;	
}

.footer_first {
	width: 20vw;
}

.footer_second {
	width: 40vw;
}

.footer_third {
	width: 30vw;
}
/* ------------------------------------------------------------------------------ */

/* --- Newsletter --------------------------------------- */
.newsletter_form_response {
	display: none;
	text-align: left;
}

.newsletter_form_input {
	width: 250px;
	height: 30px !important;
	font-size: 18px !important;
	padding: 0px 0px 0px 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.newsletter_button {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	font-size: 21px !important;
	padding: 5px 83px !important;
}
/* ------------------------------------------------------- */

/* --- Custom Dialog ----------------------------------------------------------------------------- */
.custom_dialog {
	display: none;	
}

.custom_dialog_response_text {
	margin-top: 20px;	
}

.dialog_link {
	color: #00529d !important;
	text-decoration: underline;	
}
/* ----------------------------------------------------------------------------------------------- */

/* Suppresses the arrow spinner controls in Chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.box_shadow {
    -webkit-box-shadow: 0 10px 15px 6px #dcdcdc;
    -moz-box-shadow: 0 10px 15px 6px #dcdcdc;
    box-shadow: 0 10px 15px 6px #dcdcdc;
}

.box_shadow_dark {
    -webkit-box-shadow: 0 10px 15px 6px #000;
    -moz-box-shadow: 0 10px 15px 6px #000;
    box-shadow: 0 10px 15px 6px #000;
}

.tile_image {
	text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000;
}

.tile_anchor {
	display: block;
	position: relative;
	width: 0;
	visibility: hidden;
}

.page_section {
	width: 60%;
	margin: 0px auto;	
}

.flex_container {
	display: flex;
    align-items: inherit;
    justify-content: center;
    flex-flow: row;    
    min-height: 0;
    min-width: 0;
}

.flex_sub_container {
	flex: 0 1 auto;
}

.flex_sub_container_alt {
	flex: 1 1 auto;
}

.flex_flow_column {
	flex-flow: column !important;
}

.flex_flow_row {
	flex-flow: row !important;
}

.flex_align_center {
	align-items: center !important;	
}

.flex_align_end {
	align-items: flex-end !important;	
}

.flex_align_baseline {
	align-items: baseline !important;	
}

.flex_justify_start {
	justify-content: flex-start !important;	
}

.flex_justify_end {
	justify-content: flex-end !important;	
}

.flex_justify_space_around {
	justify-content: space-around !important;
}

.flex_justify_inherit {
	justify-content: inherit;
}

.section_flex {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row;
}

.section {
	margin: 40px auto 40px auto;
	width: 60%;
}

.section_text {
	margin-left: 10px;
	font-size: 30px;
	font-weight: 400;
}

.normal_text {
	font-weight: normal !important;
}

.blue_text {
	color: #00529d; /*#4A89FF;*/
}

.orange_text {
	color: #e38c3d;	
}

.white_text {
	color: #FFFFFF;
}

.red_text {
	color: red;
}

.font_underline {
	text-decoration: underline;
}

.font_italic {
	font-style: italic;
}

.font_bold {
	font-weight: bold;
}

.font_black {
	color: #000;
}

.blue_background {
	background-color: #1871b5;
}

.black_background {
	background-color: #000000;
}

.padding_bottom_20 {
	padding-bottom: 18px;
}

.padding_right_40 {
	padding-right: 40px;
}

.margin_top_10 {
	margin-top: 10px;
}

.margin_top_50 {
	margin-top: 50px;
}

.margin_bottom_40 {
	margin-bottom: 40px;	
}

.margin_left_65 {
	margin-left: 65px;
}

.margin_left_20 {
	margin-left: 20px;
}

.margin_right_20 {
	margin-right: 20px;
}

.no_margin {
	margin: 0px;
}

.no_top_margin {
	margin-top: 0px !important;	
}

.no_bottom_margin {
	margin-bottom: 0px !important;	
}

.no_left_margin {
	margin-left: 0px !important;	
}

.no_bottom_margin_padding {
	margin-bottom: 0px;
	padding-bottom: 0px;	
}

.no_top_margin_padding {
	margin-top: 0px;
	padding-top: 0px;	
}

.minus_bottom_margin {
	margin-bottom: -15px;
}

.minus_bottom_margin_20 {
	margin-bottom: -20px;
}

.no_wrap {
	white-space: nowrap;
}

.align_center {
	text-align: center;
}

.align_left {
	text-align: left;
}

.float_right {
	float: right;
}

.strike_through {
	text-decoration: line-through;
	text-decoration-color: red;
}
.relative_position {
	position: relative;
}

.white_link {
	color: #FFFFFF;
}

.white_link:hover {
	color: #30A8CC; /*#005b9a;*/ /*#4A89FF;*/ /*#1871b5;*/
}

.white_hover_text:hover {
	color: #ffffff;
}

.orange_text {
	color: #e38c3d;
}

.position_relative {
	position: relative;
}

.section_break {
	margin-top: 40px;
}

.custom_mobile_video_frame {
	display: none;	
}

.custom_mobile_video_image {
	display: none;	
}

.landing_page_form_text {
	font-weight: normal !important;
}

.tile_anchor {
	display: block;
	position: relative;
	width: 0;
	top: -50px;
	visibility: hidden;
}

.form_content_container {
 	width: 375px;
 	margin: 0px auto;
}
 
.form_element {
	margin-bottom: 5px;
}

.form_label {
	text-align: left;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
}

.form_input {
	width: 95%;
	height: 40px !important;
	font-size: 18px !important;
	padding: 0px 0px 0px 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC !important;
	color: #000;
}

.form_input_transparent {
	background: transparent;
	color: #fff;
}

.form_input_transparent::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.form_input_transparent:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.form_input_transparent::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.form_text_area {
	font-size: 18px !important;
	overflow:auto;
	margin:0;
	padding:6px 6px 7px 6px;
	width:100%;
	height:200px;
	line-height:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	resize:none;
	overflow:auto;
	border: 1px solid #CCCCCC !important;
}

.form_text_area_small {
	font-size: 18px !important;
	overflow:auto;
	margin:0;
	padding:6px 6px 7px 6px;
	width:100%;
	height:75px;
	line-height:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	resize:none;
	overflow:auto;
	border: 1px solid #CCCCCC !important;
}

.form_select {
	height: 40px;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 100%;
}

.form_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.form_submit {
	display: none !important;
}

.form_email_indicator, .form_email_response {
	display: none;
}

.form_response {
	color: red;
}

.inline {
	display: inline-block;
	vertical-align: middle;
}

.horizontal_bar {
	border-bottom: solid 1px #000000;
	width: 65%;
	margin-right:auto;
    margin-left:auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.landing_page_related_section {
	min-width: 1015px;	
}

.video_frame {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 40px;
}

.video_frame_mobile {
	display: none
}

.overlay{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}

.fill_available {
	width: -webkit-fill-available !important;	
}

/* BUTTONS ------------------------------------------------------------------------------- */
div.button_solid_orange {
	cursor: pointer;
	font-family: "museo-sans-rounded", sans-serif;
	font-size: 21px;
	color: #fff;
	background-color: #e38c3d;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	border: 2px solid #e38c3d;
	padding: 4px 25px;
	width: fit-content;
	display: inline-block;
}

div.button_solid_orange:hover {
	background: #fff;
	color: #e38c3d;
}

div.button_transparent {
	cursor: pointer;
	font-family: "museo-sans-rounded", sans-serif;
	font-size: 21px;
	color: #e38c3d;
	background-color: transparent;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);	
	border: 2px solid #e38c3d;
	padding: 8px 20px;
	width: fit-content;
	display: inline-block;
}

div.button_transparent:hover {
	background: #e38c3d;
	color: #fff;
}

div.button_transparent_blue {
	cursor: pointer;
	font-family: "museo-sans-rounded", sans-serif;
	font-size: 21px;
	color: #00529d;
	background-color: transparent;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);	
	border: 2px solid #00529d;
	padding: 8px 20px;
	width: fit-content;
	display: inline-block;
	text-align: center;
}

div.button_transparent_blue:hover {
	background: #00529d;
	color: #fff;
}

div.button_dark {
	cursor: pointer;
	font-family: "museo-sans-rounded", sans-serif;
	font-size: 21px;
	color: #fff;
	background: #e38c3d;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	border: 2px solid #e38c3d;
	padding: 8px 20px;
	width: fit-content;
	display: inline-block;
}

div.button_dark:hover {
	background-color: transparent;
	color: #e38c3d;
}

a.contact_dark.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: "museo-sans-rounded", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	color: #000000;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #000000;
	padding: 8px 20px;
}
a.contact_dark.button:active {
	top: 2px;
}
a.contact_dark.button:hover {
	background: #B2B2B2;
}

a.light.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: "museo-sans-rounded", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #fff;
	padding: 8px 20px;
}
a.light.button:active {
	top: 2px;
}
a.light.button:hover {
	background:	#e38c3d;
}

.dialog_button {
	color: #00529b;
	background-color: #fff;
	border: 1px solid #00529b;
	padding: 5px 10px !important;
}

.dialog_button:hover {
	background: #00529b;
	color: #fff;
}
/* ------------------------------------------------------------------------------------- */

/* --- BLUE CURVE BACKGROUND ------------------------ */
.curve {
  width: 100%;
  height: 200px;
  position: relative;
  /*overflow: hidden;*/
  background: #fff;
}
.curve:after,
.curve:before,
.curve b:after,
.curve b:before {
  content: "";
  display: block;
  position: absolute;
}
.curve:after {  
/*  width: 63.7%;
  height: 62.5%;
  border-radius: 50% 50% 0 0/50%;
  bottom: -4px;
  left: -7.5%;
  border: red 2px solid;
  border-right: transparent 2px solid;*/
}
.curve:before {  
  width: 100%; /*63.6%;*/
  height: 100%; /*63.7%;*/
  /*border-radius: 0 0 50% 50%/50%;*/
  /*border-bottom-left-radius: 100%;*/
  border-bottom-right-radius: 100%;
  /*right: -7.5%;
  top: -4px; */ 
  background: #00529d;
}
.curve b {
  display: block;
  width: 0px; /*50%;*/
  height: 600px; /*100%;*/
  background: #eee;
}
.curve b:after {
 /* 
  width: 63.7%;
  height: 62.5%;
  border-radius: 0 0 50% 50%/50%;
  right: -7.5%;
  top: -4px;  
  border: red 2px solid;
  border-left: transparent 2px solid;
  */
}
.curve b:before { 
 /* 
  width: 63.6%;
  height: 63.7%;
  border-radius: 50% 50% 0 0/50%;
  bottom: -4px;
  left: -7.5%;
  background: #fff;
  */
}
/* --------------------------------------------------------------- */

#back_top { display:none; }
#back_top_wrapper {
	position:fixed;
	right:10px;
	bottom:10px;
	overflow:hidden;
	z-index:99;
}
#back_top a {
	display:block;
	width:50px;
	color:#bbb;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font:11px/100% Arial, Helvetica, sans-serif;
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	transition:1s;
}
#back_top a:hover { color:#000; }
#back_top a:hover span { background-color:#333; }
#back_top span {
	display:block;
	margin-bottom:7px;
	width:50px;
	height:50px;
	background:#00529b url('/images/up-arrow.png') no-repeat center center;
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	transition:1s;
}
#back_top_wrapper a span {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:#00529b;
}
#back_top_wrapper a:hover span { background-color:#1c1c1c; }

/* -- IE placeholder text color fix -- */
*:-ms-input-placeholder {        
    /*color: grey;*/    
}
/* ---------------------------------- */

/* -- Jquery UI fix for dialog close text -- */
.ui-button-icon-only {
	text-indent: -9999px;
}
/* ----------------------------------------- */