/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 
body {
	min-width: 0px !important;
	font-family: 'cartogothic_prolight', sans-serif;
}

 .container-12 {
  width: 100% !important;
}

.container-12 .grid-12 {
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.container-12 .grid-4 {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
}

.container-12 .grid-3 {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
}

.container-12 .grid-6 {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
}

.container-12 .grid-8 {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
}

.container-12 .grid-9 {
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/************ hide desktop blocks *********/
#block-block-1 {
	display: none;
}

#block-search-form {
	display: none;
}

#block-block-3 {
	display: none;
}

#block-superfish-1 {
	display: none;
}

#block-menu-block-3 {
	display: none;
}

#block-views-contact-form-block {
	display: none;
}

#block-block-8 {
	display: none;
}

#block-menu-block-5, #block-menu-block-6 {
	display: none;
}

#block-block-2 {
	display: none;
}

#top-bar {
	display: none;
}

#datatable {
	display: none !important;
}

#block-block-4, #block-block-13, #block-views-key-message-slide-block, #block-views-investment-slide-block, #block-views-insurance-slide-block {
	display: none !important;
}

#block-block-14, #block-menu-block-7, #block-menu-block-8, #block-menu-block-9, #block-menu-block-10 {
  display: none;
}

#block-block-20 {
	display: none;
}

#block-block-21 {
	display: none;
}
/************* mobile menu **************/
#block-block-7 {
  background-color: #3CB6CE;
  height: 50px;
}

#mobile-icon {
  float: left;
  height: 50px;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #FFFFFF;
  width: 50px;
}

#mobile-icon img {
  vertical-align: middle;
  display: inline-block;
  margin-top: 13px;
  width: 25px;
}

#mobile-logo {
  float: left;
  height: 50px;
}

#mobile-logo a {
  display: inline-block;
  height: 50px;
}

#mobile-logo img {
  height: 50px;
  margin-left: 5px;
}

#mobile-search {
  float: right;
  width: 50px;
  border-left: 1px solid #FFFFFF;
  height: 50px;
  text-align: center;
}

#mobile-search a {
  display: inline-block;
  height: 50px;
  width: 50px;
}

#mobile-search img {
  width: 25px;
  margin-top: 12px;
}

#block-menu-block-4 {
  position: absolute;
  width: 100%;
  z-index: 2;
  left: -100%;
  display: none;
  opacity: 1;
  background-color: #3CB6CE;
}

#block-menu-block-4 ul.menu ul.menu {
  display: none;
}

#block-menu-block-4 li.menu-mlid-411 {
  display: none;
}

#block-menu-block-4 ul.menu li {
  list-style: none;
  margin-left: 0px;
  border-bottom: 1px solid #FFFFFF;
  padding: 0px;
  cursor: pointer;
}

#block-menu-block-4 li.menu-mlid-405, #block-menu-block-4 li.menu-mlid-472 {
	display: none;
}
 
#block-menu-block-4 ul.menu li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  opacity: 0.98;
  display: block;
  background-color: #3CB6CE;
  padding: 30px 25px;
  
}

#block-menu-block-4 ul.menu li.expanded a {
  background: url(../images/arrow_white_down.png) no-repeat;
  background-position: 93% 50%;
  background-size: 15px;
  background-color: #3CB6CE;
}

#block-menu-block-4 ul.menu li.expanded.open a {
  background: url(../images/arrow_white_up.png) no-repeat;
  background-position: 93% 50%;
  background-size: 15px;
  background-color: #3CB6CE;
}

#block-menu-block-4 ul.menu li.expanded ul.menu li a {
  background: none;
  color: #61686d;
  opacity: 1;
  background-color: #ffffff;
}

/************* banner image ************/
#block-block-4 {
  background: url(../images/home-banner.jpg);
  background-position: bottom right;
  background-size: cover;
  padding-top: 40px;
  height: 284px;
  padding-left: 2%;
}

#block-block-19 {
  /*background: url(../images/home-banner.jpg);*/
  background-position: bottom right;
  background-size: cover;
  padding-top: 40px;
  height: 284px;
  padding-left: 2%;
}

.front-slogan-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  
  
}

.front-slogan {
  
  border-radius: 20px;
 background: url("../images/front-slogan-bg.png") no-repeat;
    background-size: 16px;
  background-position: 8px 21px;
  background-color: rgba(231,231,231,0.5);
    padding: 10px;
	  margin-right: 10%;
}


.front-slogan div {
  color: #0e2530;
  font-size: 2rem;
  background-color: transparent;
  line-height: 120%;
  padding: 0 15px;
  display: table;
  margin-bottom: -1px;
}

.blue-text {
  color: #3CB6CE;
}

.member-btn-wrapper {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

#member-btn-white {
    background-color: rgba(231,231,231,0.5);
  width: 160px;
  padding: 10px 0px;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
}

#member-btn-white a {
  text-decoration: none;
  color: #0e2530;
  font-size: 13px;
}

.register-interest-button {
    background-color: #3CB6CE;
  width: 160px;
  padding: 10px 0px;
  text-align: center;
  cursor: pointer;
  border-radius: 0px;
}

.register-interest-button a {
  text-decoration: none;
  color: #0e2530;
  font-size: 13px;
}

#member-btn-white:hover {
	  background-color: #e7e7e7;
}

/*********** Focus on your life *************/
#block-views-home-section-3-block {
  margin-left: 2%;
  margin-right: 2%;
  padding-top: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
	display: none;
}

.home-section-heading {
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 300;
  line-height: 120%;
}

.underline {
  border-bottom: 2px solid #3CB6CE;
  padding-bottom: 8px;
}

.underline label {
	display: inline;
	font-weight: 300;
}

.pink-text {
	color: #3CB6CE;
}

.green-text {
	color: #3CB6CE;
}

#block-views-home-section-3-block .view-content .views-field-field-body {
  color: #9da1a3;
  line-height: 25px;
  font-size: 16px;
}

#block-views-home-section-3-block .view-content .views-field-field-body p {
  color: #9da1a3;
  line-height: 25px;
  font-size: 16px;
}


#block-views-home-section-3-block .view-footer .view-id-expanding_items {
  border: none;
}

#block-views-home-section-3-block .view-footer .view-id-expanding_items .view-content .views-field-field-body {
  width: 100%;
}

#member-btn-blue {
  width: 130px;
  background-color: #3CB6CE;
  text-align: center;
  font-size: 13px;
  transition: opacity .25s ease-in-out;
  opacity: 1;
}

#member-btn-blue:hover {
	opacity: 0.8;
}

#member-btn-blue a {
  color: #ffffff;
  text-decoration: none;
  padding: 10px 0;
  display: inline-block;
}

#block-views-home-section-3-block .view-footer .view-id-expanding_items .view-content .views-row {
  border-bottom: 1px dotted #dcdcdc;
}

#block-views-home-section-3-block .view-footer .view-id-expanding_items .view-content .views-field-title {
  background: url(../images/arrow-right.png) no-repeat;
  background-position: right;
  font-size: 15px;
  padding: 22px 0;
  cursor: pointer;
}

#block-views-home-section-3-block .view-footer .view-id-expanding_items .view-content .views-field-title.open {
  background: url(../images/arrow-down-blue.png) no-repeat;
  background-position: right;
  font-size: 15px;
  padding: 22px 0;
  cursor: pointer;
}

#block-views-home-section-3-block .view-footer .view-id-expanding_items .view-content .views-field-field-body {
  margin: 16px 0 25px 0;
  display: none;
}

/************ slider ***************/
#block-views-home-section-4-block .view-home-section-4 .view-header .view-id-front_slider {
	display: none;
}

#block-views-home-section-4-block {
  border-top: 1px solid transparent;
  padding-top: 40px;
  margin-left: 2%;
  margin-right: 2%;
  display: none;
}

#block-views-home-section-4-block .view-home-section-4 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 40px;
  border-bottom: 1px solid #dcdcdc;
}

#block-views-home-section-4-block .view-home-section-4 .view-header {
  width: 100%;
}

#block-views-home-section-4-block .view-home-section-4 .view-content {
  width: 100%;
  position: relative;
}

#block-views-home-section-4-block .view-home-section-4 .view-footer {
  width: 100%;
  position: relative;
}


#block-views-home-section-4-block .view-home-section-4 .home-section-heading {
  width: 100%;
}


#block-views-home-section-4-block .view-content .views-field-field-body {
  color: #9da1a3;
  line-height: 25px;
  font-size: 16px;
}

#block-views-home-section-4-block .view-content .views-field-field-body p {
  color: #9da1a3;
  line-height: 25px;
  font-size: 16px;
}

#member-btn-pink {
  width: 130px;
  background-color: #3CB6CE;
  text-align: center;
  font-size: 13px;
  transition: opacity .25s ease-in-out;
  opacity: 1;
}

#member-btn-pink:hover {
	opacity: 0.8;
}

#member-btn-pink a {
  color: #ffffff;
  text-decoration: none;
  padding: 10px 0;
  display: inline-block;
}

#member-btn-green {
  width: 130px;
  background-color: #3CB6CE;
  text-align: center;
  font-size: 13px;
  transition: opacity .25s ease-in-out;
  opacity: 1;
}

#member-btn-green:hover {
	opacity: 0.8;
}

#member-btn-green a {
  color: #ffffff;
  text-decoration: none;
  padding: 10px 0;
  display: inline-block;
}

/********** change the way you view super **********/

#block-views-home-section-2-block {
  margin-left: 2%;
  margin-right: 2%;
  padding-top: 40px;
  display: none;
}

#block-views-home-section-2-block .view-home-section-2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 50px;
}

#block-views-home-section-2-block .view-content .views-field-field-body {
  color: #9da1a3;
  line-height: 25px;
  font-size: 16px;
  width: 100%;
}

#block-views-home-section-2-block .view-content .views-field-field-body p {
  color: #9da1a3;
  line-height: 25px;
  font-size: 16px;
}

.small-banners {
  margin-top: 40px;
}

.small-banners div {
  width: 100%;
  height: 87px;
  margin-bottom: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

.banner-investment-growth {
	background: url(../images/banner-investment-growth.jpg);
}

.banner-balanced-lifestyle {
	background: url(../images/banner-balanced-lifestyle.jpg);
}

.banner-understand-plans {
	background: url(../images/banner-understand-plans.jpg);
}

/********* let us look after your super *******/
#block-block-11 {
	background: url(../images/orange-block-bg.png) no-repeat;
	background-size: cover;
	  padding-top: 60px;
	  display: none;
	  
}

div#block-block-11 .home-section-heading {
  margin-left: 2%;
}

.orange-text {
	color: #FAA635;
}

.underline-orange {
	border-bottom: 2px solid #FAA635;
	padding-bottom: 8px;
}

.underline-orange label {
  font-weight: 300;
  display: inline;
}

#member-btn-orange {
  width: 130px;
  background-color: #FAA635;
  text-align: center;
  font-size: 13px;
  transition: opacity .25s ease-in-out;
  opacity: 1;
  margin-left: 2%;
    margin-top: 50px;
  margin-bottom: 50px;
}

#member-btn-orange:hover {
	opacity: 0.8;
}

#member-btn-orange a {
  color: #ffffff;
  text-decoration: none;
  padding: 10px 0;
  display: inline-block;
}

/**************footer ***************/
div#zone-footer {
  background-color: #3CB6CE;
  padding: 20px 0 40px 0;
  text-align: center;
}

#block-menu-block-2 ul.menu {
  text-align: center;
  margin-bottom: 12px;
}

#block-menu-block-2 li {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
}

#block-menu-block-2 li a {
  text-decoration: none;
  color: #8b9399;
  font-size: 12px;
  font-weight: 600;
}

#block-menu-block-2 li a:hover {
	text-decoration: underline;
}

#block-block-5 img {
  width: 44px;
}

.copyright {
  color: #ffffff;
  font-size: 10px;
  margin-bottom: 5px;
}

.privacy-links {
  color: #8b9399;
  margin-bottom: 20px;
}

.privacy-links a {
	color: #122530;
	text-decoration: none;
}

.footer-social div {
  display: inline-block;
}

.footer-social .facebook a {
    background: url(../images/facebook.png) top center no-repeat transparent;
    width: 34px;
    height: 34px;
	font-size: 0px;
	display: inline-block;
}

.footer-social .twitter a {
    background: url(../images/twitter.png) top center no-repeat transparent;
    width: 34px;
    height: 34px;
	font-size: 0px;
	display: inline-block;
}

.footer-social div a:hover {
	background-position: bottom center;
}

/********** article pages ************/
body.not-front #page-content-wrapper {
  padding-bottom: 50px;
}

div#breadcrumb {
  padding: 15px 0;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 40px;
}

div#breadcrumb .breadcrumb {
  padding-left: 2%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0px;
}

div#breadcrumb a {
  color: #9da1a3;
  text-decoration: none;
  font-size: 14px;
  padding-right: 5px;
}

div#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb span.article {
	padding-left: 5px;
	color: #3CB6CE;
	font-size: 14px;
}

.not-front div#region-content {
  margin-left: 2% !important;
  margin-right: 2% !important;
  width: 96% !important;
}

h1#page-title {
  font-size: 34px;
  line-height: 34px;
  font-family: 'cartogothic_prolight', sans-serif;
  font-weight: 300;
  margin-top: 0;
  color: #60686d;
}

.node p {
  color: #444f51;
  line-height: 25px;
  margin: 16px 0 25px 0;
  font-size: 17px;
}

.node h1{
  font-size: 29px;
  line-height: 30px;
  font-family: 'cartogothic_prolight', sans-serif;
  font-weight: 300;
  color: #3CB6Ce;
  margin-bottom: 25px;
}

.node h2 {
  font-size: 29px;
  line-height: 30px;
  font-family: 'cartogothic_prolight', sans-serif;
  font-weight: 300;
  color: #54b7c6;
  margin-bottom: 25px;
}

.node h3 {
	font-family: 'cartogothic_prolight', sans-serif;
	color: #444f51;
	  line-height: 25px;
	  margin: 16px 0 25px 0;
	  font-size: 20px;
}

.node ul {
  padding-left: 0px;
}

.node li {
  margin-bottom: 25px;
  font-size: 16px;
  color: #444F51;
  line-height: 25px;
  list-style-position: inside;
  list-style-image: url('../images/bullet-arrow.gif');
}

tr:hover td {
  background: none;
} 

.node tr.row_grey {
  background-color: #f1f1f1;
}

.node td {
  border: 1px solid #dcdcdc;
  padding: 20px 15px;
  font-size: 16px;
  color: #444F51;
  line-height: 25px;
}

.node td.heading {
  background-color: #5b676f;
  color: #ffffff;
  padding: 5px 15px;
  border: 1px solid #dcdcdc;
  font-size: 16px;
}

.page-node-5 #cboxTitle {
  text-align: center;
  font-size: 16px;
  color: rgb(34,34,34);
}

div#block-superfish-2 {
  min-height: 100px;
}

div#block-superfish-2 #superfish-2-select {
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
  border: 1px solid #dcdcdc;
  font-size: 16px;
  padding: 0px;
  font-family: 'cartogothic_prolight', sans-serif;
}


div#block-superfish-3{
  min-height: 100px;
}

div#block-superfish-3 #superfish-3-select {
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
  border: 1px solid #dcdcdc;
  font-size: 16px;
  padding: 0px;
  font-family: 'cartogothic_prolight', sans-serif;
}

/********* performance *****/
div#datatable_mobile {
  color: #9da1a3;
  line-height: 25px;
  font-size: 16px;
  margin-top: 25px;
}

.data-col-heading {
  float: left;
  width: 60%;
}

.data-col {
  float: left;
  width: 20%;
  text-align: center;
  display: none;
}

.aggressive-col {
  display: block;
}

#performanceType {
  width: 100%;
  color: #9da1a3;
  line-height: 25px;
  font-size: 16px;
}

/*********** contact form **************/

.webform-client-form {
  font-size: 16px;
  color: #9da1a3;
  font-family: 'cartogothic_prolight', sans-serif;
  line-height: 25px;
}

.webform-client-form label {
  display: block;
  margin-bottom: 5px;
  color: #444F51;
  font-family: 'cartogothic_prolight', serif;
  font-weight: normal;
}

.webform-client-form label.option {
	display: inline;
	margin-bottom: 0px;
}

.form-required {
	color: #9da1a3;
}

.webform-client-form input.webform-submit {
  border: none;
  border-radius: 0px;
  background: none;
  background-color: #2bbed8;
  padding: 15px 40px;
  color: #ffffff;
  font-size: 21px;
  text-shadow: none;
  font-weight: normal;
}

.webform-client-form input.form-text {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  height: 42px;
  border: 1px solid #adadad;
  color: #444F51;
}

.webform-client-form .form-textarea-wrapper {
  width: 100%;
}

.webform-client-form .form-textarea-wrapper textarea {
  padding: 10px;
  border: 1px solid #adadad;
  font-size: 16px;
  color: #adadad;
}

/************** news ***************/
#block-views-news-block .views-field-title a {
  font-size: 30px;
  line-height: 30px;
  font-family: 'cartogothic_prolight', sans-serif;
  font-weight: 300;
  color: #60686d;
  margin-bottom: 15px;
  display: inline-block;
}

div#block-block-9 {
  text-align: center;
}

#back-to-news-btn a {
  display: inline-block;
  padding: 16px 0px;
  width: 90%;
  background-color: #3CB6CE;
  font-size: 21px;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  transition: opacity .25s ease-in-out;
    margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

#webform-client-form-23 {
    display: none;
}