select {
	height:auto;font-family:Arial, sans-serif;
	color:#707070;padding:12px 15px;
	border:1px solid #e0e0e0;outline:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
select:focus { outline:none; }

.select-nav {
	display:none;overflow:hidden;
	background:#f0f0f0 url(../images/arrow-nav-menu-responsive.png) no-repeat right center;
	border:1px solid #e0e0e0;margin:0px 5px 30px;
}
	.select-nav select {
		width:100%;color:#4a4a4a;
		background-color:#f0f0f0;padding:11px 15px;
		margin:0px;border:0px;
	}
/* ========================= Header ========================= */
#header {
  position: relative;
  background-color: #fafafa;
  border-bottom: 1px solid #e9e9e9;
}
#header .header-info {
  float: left;
  color: #a9a9a9;
  font-size: 14px;
  border-left: 1px solid #e9e9e9;
}
#header .header-info span {
  float: left;
  padding: 11px 15px;
  border-right: 1px solid #e9e9e9;
}
#header .header-info span i {
  color: #f05574;
  margin-right: 8px;
}
#header .social {
  float: left;
}
#header .social a {
  float: left;
  width: 52px;
  color: #d0d0d0;
  font-size: 18px;
  text-align: center;
  padding: 11px 0px;
  border-left: 1px solid #e9e9e9;
}
#header .social a:hover {
  color: #fff;
  background-color: #303030;
}
#header .social a.link-facebook:hover {
  background-color: #4862a3;
  border-left: 1px solid #4862a3;
}
#header .social a.link-twitter:hover {
  background-color: #34a8d3;
  border-left: 1px solid #34a8d3;
}
#header .social a.link-google-plus:hover {
  background-color: #e15b45;
  border-left: 1px solid #e15b45;
}
#header .social a.link-linkedin:hover {
  background-color: #0077b5;
  border-left: 1px solid #0077b5;
}
#header .social a.link-instagram:hover {
  background-color: #3c6c94;
  border-left: 1px solid #3c6c94;
}
#header .social a.link-pinterest:hover {
  background-color: #cc1e25;
  border-left: 1px solid #cc1e25;
}
#header .social .tooltip.bottom {
  margin-top: 1px;
}
#header form {
  float: left;
  margin: 0px;
}
#header form input[type="text"] {
  float: left;
  width: 200px;
  height: 44px;
  padding: 0px 10px;
  margin: 0px;
  border: 1px solid #fff;
  border-left: 1px solid #e9e9e9;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header form input[type="text"]:focus {
  border: 1px solid #57b9e1;
}
#header form input[type="submit"] {
  float: left;
  width: 50px;
  height: 44px;
  color: #fff !important;
  text-shadow: none;
  background: #57b9e1 url(../images/icon-form-search.png) no-repeat center
    center;
  padding: 0px;
  margin: 0px 0px 0px -1px;
  border: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
#header form input[type="submit"]:hover {
  background-color: #73cef3;
}

/* ========================= Navigation ========================= */
#navigation {
  position: relative;
  height: 100px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#navigation .navigation-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  z-index: 400;
}
#navigation .logo {
  float: left;
  padding: 25px 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#navigation .logo img {
  height: 48px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#navigation .menu {
  float: right;
  font-family: "SofiaProExtraLight", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  /* text-transform:uppercase; */
  margin: 0px;
}
#navigation .menu li {
  list-style-type: none;
  position: relative;
  float: left;
}
#navigation .menu > li {
  padding: 0px 12px;
}
#navigation .menu > li:first-child {
  padding-left: 0px;
}
#navigation .menu > li:last-child {
  padding-right: 0px;
}
#navigation .menu > li a {
  float: left;
  color: #003e6b;
}
#navigation .menu > li a i {
  color: #d0d0d0;
  font-size: 10px;
  margin-left: 6px;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#navigation .menu > li > a:hover,
#navigation .menu > li.current > a,
#navigation .menu > li > a:hover i,
#navigation .menu > li.current > a i {
  color: #003e6b;
}
#navigation .menu > li > a {
  padding: 42px 2px 25px;
	font-weight: bold;
  border-bottom: 3px solid #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#navigation .menu > li > a:hover,
#navigation .menu > li.current > a {
  border-bottom: 3px solid #003e6b;
}
#navigation .menu > li ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  float: left;
  width: 180px;
  /* font-family: "SofiaProExtraLight", serif; */
  font-size: 13px;
  text-transform: none;
  background-color: #e9e9e9;
  padding: 0px;
  /* margin: 0px 0px 0px 32px; */
  border-top: 1px solid #d9d9d9;
  z-index: 1000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#navigation .menu > li:hover > ul,
#navigation .menu > li > ul > li:hover > ul {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
#navigation .menu > li ul li {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}
#navigation .menu > li ul li a {
  width: 100%;
  color: #003e6b !important;
  padding: 10px 20px;
  font-weight: bold;
}
#navigation .menu > li > ul > li > a i {
  float: right;
  color: #b0b0b0;
  margin: 4px -5px 0px 0px;
}
#navigation .menu > li ul li a:hover,
#navigation .menu > li ul li.current a {
  color: #4a4a4a;
  background-color: #fafafa;
}
#navigation .menu > li > ul > li > ul {
  top: -1px;
  left: 100%;
  margin: 0px;
}
#navigation .menu > li > ul > li > ul ul {
  display: none;
}

#navigation.stickit,
#navigation.stickit-end {
  height: 70px;
}
#navigation.stickit .navigation-wrap,
#navigation.stickit-end .navigation-wrap {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.12);
}
#navigation.stickit .logo,
#navigation.stickit-end .logo {
  padding: 15px 0px;
}
/* DEPRECATED TO AVOID SQUISHING LOGO */
/* #navigation.stickit .logo img, #navigation.stickit-end .logo img { height:40px; } */
#navigation.stickit .menu > li > a,
#navigation.stickit-end .menu > li > a {
  padding: 27px 2px 24px;
}

.sub-navigation {
  background: #f4f4f4 url(../images/base-sub-navigation.png) no-repeat top
    center;
  padding: 30px 0px;
  margin-bottom: 30px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  -moz-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
}
.sub-navigation h2 {
  float: left;
  font-family: "SofiaProExtraLight", serif;
  font-size: 24px;
  line-height: 30px;
  margin: 0px;
}
.sub-navigation .breadcrumb {
  float: left;
  font-family: "SofiaProExtraLight", Arial, sans-serif;
  color: #909090;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  background-color: transparent;
  padding: 0px;
  margin: 8px 0px 0px 40px;
}
.sub-navigation .breadcrumb i {
  color: #bababa;
  margin: 0px 8px;
}
#header .header-info a {
	color: #f05574 !important;
	font-weight:bold !important;
}
#header .header-info a:hover {text-decoration: underline;}

div.social {display:none;}

nav#navigation .btn-section {float:right;box-shadow:none;padding-left:20px;padding-top:30px;vertical-align:middle;}

#navigation .navigation-wrap ul.menu li a.btn-account {box-shadow:none; border: solid #f05574 3px; outline: none; color: #f05574 !important; text-align: center;}
#navigation .navigation-wrap ul.menu li a.btn-account {	margin-top:30px; padding: 12px 8px 12px; }
#navigation.stickit .navigation-wrap ul.menu li a.btn-account {margin-top:15px; padding: 10px;}
#navigation .navigation-wrap ul.menu li a.btn-account:hover { color: #fff !important;	background: #f05574 }

.ie #navigation .menu > li ul {
	visibility:visible;
	display:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}
.ie #navigation .menu > li:hover > ul, .ie #navigation .menu > li > ul > li:hover > ul { display:block; }
.ie #navigation.stickit .navigation-wrap, .ie #navigation.stickit-end .navigation-wrap { border-bottom:1px solid #e0e0e0; }

@media (max-width: 767px) {

	.select-nav { display:block; }

	.scrollup { display:none !important; }

	#header { text-align:center; }
	#header .header-info {
		float:none;
		/* padding-top:5px; */
		border-left:0px;
	}
	#header .header-info span {
		display:block;
		/* float:none;
		padding:0px; */
		border-right: 0px;
		font-size: 13px;
	}
	#header .header-info .email-header-1{
		display:none;
	}
	#header .header-info .phone-header-1{
		display:none;
	}
	#header .pull-right { float: right !important; }
	#header .social {
		float:none;
		padding-top:10px;
	}
	#header .social a {
		display:inline-block;
		float:none;
		width:38px;
		height:38px;
		line-height:38px;
		color:#bababa;
		background-color:#f0f0f0;
		padding:0px;
		margin-bottom:5px;
		border-left:0px;
	}
	#header form {
		overflow:hidden;
		float:none;
		width:350px;
		padding:15px 0px;
		margin:0px auto;
	}
	#header form input[type="text"] {
		width:300px;
		border:1px solid #e9e9e9;
		border-right:0px;
	}

	#navigation, #navigation .logo, #navigation .logo img, #navigation .menu > li > a {
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		transition:none;
	}
	#navigation {
		position:static;
		height:auto;
	}
	#navigation .navigation-wrap {
		position:static;
		top:auto;
		left:auto;
		width:auto;
	}
	#navigation .menu { display:none; }
	#navigation .logo {
		/* float:none; */
		text-align:center;
		padding:25px 0px 25px;
	}
	#navigation .logo img {
		height:auto;
		max-width:60%;
	}
	#navigation.stickit, #navigation.stickit-end { height:auto; }
	#navigation.stickit .navigation-wrap, #navigation.stickit-end .navigation-wrap {
		position:static;
		background-color:#FFF;
		border-bottom:0px;
	}
	#navigation.stickit .logo, #navigation.stickit-end .logo { padding:30px 0px 12px; }
	#navigation.stickit .logo img, #navigation.stickit-end .logo img { height:auto; }

	.sub-navigation h2 { float:none; }
	.sub-navigation .breadcrumb {
		float:none;margin:10px 0px 0px;
	}
	.paybuttonbill {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#navigation .logo {
		float:none;
		text-align:center;
		padding:30px 0px 12px;
		max-width:15%;
		float:left;
	}
	#navigation .logo img {
		height:auto;
		/*max-width:15%;*/
		margin-top:5%;
	}
	#header .header-info span { padding:11px; }
	#header form input[type="text"] { width:140px; }

	#navigation .menu > li { padding:0px 13px; }
	#navigation .menu > li ul { margin-left:16px; }
	#navigation .menu > li ul { width:168px; }
	#navigation .menu > li ul li a { padding:10px 14px; }
	#navigation .menu > li > ul > li > a i { margin-right:-3px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	/*#navigation .logo img { max-width:20% !important; }*/
	#navigation .logo {
		float:none;
		text-align:center;
		padding:30px 0px 12px;
		max-width:15%;
		float:left;
	}
	#navigation .logo img {
		height:auto;
		/*max-width:15%;*/
		margin-top:10%;
	}
	#header .header-info span { padding:11px; }
	#header .social { display:none; }
	#header form input[type="text"] { width:140px; }

	#navigation ul.menu { padding-inline-start: 0px;}
	#navigation .menu > li { padding:0px 6px; }
	#navigation .menu > li > a i { display:none; }
	#navigation .menu > li ul { margin-left:5px; }
	#navigation .menu > li ul { width:156px; }
	#navigation .menu > li ul li a { padding:10px 8px; }
	#navigation .menu > li > ul > li > a i { margin-right:-1px; }

	.sub-navigation h2 { float:none; }
	.sub-navigation .breadcrumb {
		float:none;margin:10px 0px 0px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.select-nav select {
		background:rgba(0,0,0,0);
		-webkit-appearance:none;
	}
}
@media (max-width: 300px) {
	.select-nav { margin-bottom:10px; }
}
li .custom-tooltip .tooltiptext {
	visibility: hidden;
	width: 270px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 999;
	top: 150%;
	left: 10%;
	margin-left: -60px;
}

li .custom-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}

li .custom-tooltip:hover .tooltiptext {
	visibility: visible;
}

.custom-tooltip .tooltiptext {
	visibility: hidden;
	width: 270px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 999;
	top: 150%;
	left: 10%;
	margin-left: -60px;
}

.custom-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}

.custom-tooltip:hover .tooltiptext {
	visibility: visible;
}