html {
  font-size: 62.5%; 
  -webkit-text-size-adjust: 100%;
}

body {
  line-height: 24px;
  font-size: 15px;
  color: black;
  background: white;
  font-family: Arial, Helvetica, sans-serif; 
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; 
}

p {
  font-weight: 500!important;
}

textarea,
input,
select {
  background-color:  #fff;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

textarea,
input {
  margin: 0;
  padding: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  border: 0; 
}

::-webkit-input-placeholder {
  color: #acacac; 
}

:-moz-placeholder {
  color: #acacac; 
}

::-moz-placeholder {
  color: #acacac; 
}

:-ms-input-placeholder {
  color: #acacac; 
}

::selection {
  background: #f7941e;
  color: white; 
}

::-moz-selection {
  background: #f7941e;
  color: white; 
}

td {
  vertical-align: top;
  color: #6f7a80;
  border-spacing: 0; 
}

th,
td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

/*
 * remember to define focus styles!
 */
:focus {
  outline: 0; 
}

ol {
  margin: 0 0 0 15px;
  list-style: decimal; 
}

ul {
  list-style: disc;
  margin: 0 0 0 15px; 
}

ol,
ul {
  padding-bottom: 16px;
  padding-bottom: 1.6rem; 
}

caption {
  font-weight: normal; 
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; 
}

blockquote,
q {
  quotes: "" ""; 
}

/*
 * Redefine selectors
 */
strong {
  font-weight: bold; 
}

abbr,
acronym {
  border-bottom: 1px dotted #666666; 
}

address {
  margin-top: 1.5em;
  font-style: italic; 
}

del {
  color: #666666; 
}

blockquote {
  margin: 1.5em;
  color: #666666;
  font-style: italic; 
}

em,
dfn {
  font-style: italic; 
}

dfn {
  font-weight: bold; 
}

pre,
code {
  margin: 1.5em 0;
  white-space: pre; 
}

pre,
code,
tt {
  font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
  line-height: 1.5; 
}

tt {
  display: block;
  margin: 1.5em 0;
  line-height: 1.5; 
}

img {
  max-width: 100%;
  height: auto; 
}

iframe {
  max-width: 100%; 
}

/*
 * *****************************************************
 * * Font
 * *****************************************************
 */
h1 {
  font-size: 32px;
  font-size: 3rem;
  line-height: 2.7rem;
  margin-bottom: 20px;
  color: #37c1f0;
  font-weight: bold!important; 
}

h2 {
  font-size: 25px;
  font-size: 2.7rem;
  line-height: 2.7rem;
  margin-bottom: 20px;
  color: #37c1f0;
  font-weight: bold!important;
}

h3 {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6f7a80;
  text-transform: uppercase;
  line-height: 16px;
  line-height: 1.6rem;
  margin-bottom: 16px; 
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #6f7a80;
  line-height: 16px;
  line-height: 2.5rem;
  margin-bottom: 16px;
}

h5,
h6 {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6f7a80;
  line-height: 16px;
  line-height: 1.6rem;
  margin-bottom: 16px; 
}

h5 {
  font-style: italic; 
}

h6 {
  font-weight: bold; 
}

/*.content p {
  font-size: 12px;
  font-size: 1.5rem;
  line-height: 16px;
  line-height: 2rem;
}*/

#content-area .views-field-body>div>p:first-child,
.views-field-body>div>h1+p {
  font-size: 15px;
  font-size: 1.5rem;
  color: #9fa6ad;
  line-height: 20px;
  line-height: 2rem;
  line-height: 24px;
}

/*
 * *****************************************************
 * * General Layout
 * *****************************************************
 */
#page {
  position: relative;
}

.front #header {
  background: url('../img/homebg.png') repeat-x; 
}

.not-front #main {
  background: url('../img/bg.png') repeat-x; 
}

#logo {
  position: relative; 
}

#logo a {
    background: rgba(0, 0, 0, 0) url("../img/logo.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    font-size: 0;
    height: 37px;
    margin-top: 15px;
    overflow: hidden;
    position: absolute;
    width: 203px;
    z-index: 3; 
}

/*
 * *****************************************************
 * * Tabs & links
 * *****************************************************
 */
ul.tabs,
ul.tabs li,
ul.links,
ul.links li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block; 
}

ul.tabs,
ul.links {
  margin-bottom: 20px; 
}

ul.tabs li,
ul.links li {
  margin-right: 10px; 
}

ul.tabs li a,
ul.tabs li a .tab,
ul.links li a {
  background: #37c1f0;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  display: block; 
}

ul.tabs li a,
ul.links li a {
  padding: 5px 30px; 
}

ul.tabs li.active a,
ul.tabs li.active a:hover,
ul.tabs li.active a:focus,
ul.tabs li.active a .tab,
ul.tabs li.active a:hover .tab,
ul.tabs li.active a:focus .tab {
  background: #cccccc; 
}

ul.tabs li a:hover,
ul.tabs li a:hover .tab,
ul.links li a:hover {
  background: #f7941e; 
}

/*
 * *****************************************************
 * * Icons
 * *****************************************************
 */
#content .icon {
  display: block;
  padding: 20px 0 0 20px;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden; 
}

.social-icons {
  display: block;
  padding: 30px 0 0 30px;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden; 
}

.facebook {
  background: url(../img/social_sprite.png) left top no-repeat; 
}

.twitter {
  background: url(../img/social_sprite.png) left -60px no-repeat; 
}

.linkedin {
  background: url(../img/social_sprite.png) left -120px no-repeat; 
}

.googleplus {
  background: url(../img/social_sprite.png) left -180px no-repeat; 
}

/*
 * *****************************************************
 * * Forms
 * *****************************************************
 */
.form-required {
  color: #f7941e; 
}

label {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6f7a80; 
}

.description {
  color: #9fa6ad; 
}

.view-filters label {
  font-size: 18px;
  font-size: 1.8rem; 
}

.views-widget {
  padding-top: 10px; 
}

.view-filters .views-widget label {
  font-size: 12px;
  font-size: 1.2rem; 
}

textarea.form-textarea,
input.form-text {
  padding: 5px 9px;
  padding: 0.5rem 0.9rem;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-size: 1.2rem; 
}

input.form-submit {
  padding: 5px 13px;
  padding: 0.5rem 2.3rem;
  background-color: #37c1f0;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: capitalize;
  cursor: pointer; 
}

input.form-submit:hover {
    background-color: #f7941e; 
}

#edit-reset {
  background: none;
  color: #6f7a80;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 8px;
  padding: 0.8rem;
  text-decoration: underline; 
}
  
#edit-reset:hover {
  color: #f7941e; 
}

input[type="checkbox"],
input[type="radio"] {
  display: none; 
}

input[type="checkbox"] + label {
  display: inline-block;
  height: 18px;
  padding: 0px 0 0 25px;
  background: url(../img/sprite.png) left top no-repeat; 
}

input[type="checkbox"]:checked + label,
.highlight input[type="checkbox"] + label,
input[type="checkbox"].check + label {
  background-position: left -40px; 
}

input[type="radio"] + label {
  display: inline-block;
  height: 20px;
  padding: 5px 0 0 25px;
  background: url(../img/sprite.png) left -80px no-repeat; 
}

input[type="radio"]:checked + label,
input[type="radio"].check + label {
  background-position: left -120px; 
}

table input[type="checkbox"] + label {
  display: inline-block;
  height: 0;
  width: 0;
  overflow: hidden;
  padding: 20px 0 0 20px;
  background: url(../img/sprite.png) left top no-repeat; 
}

table input[type="checkbox"]:checked + label {
  background-position: left -40px; 
}

table input[type="radio"] + label {
  display: inline-block;
  height: 0;
  width: 0;
  overflow: hidden;
  padding: 20px 0 0 20px;
  background: url(../img/sprite.png) left -80px no-repeat; 
}

.email-textfield {
  height: 0;
  width: 0;
  padding: 0;
  overflow: hidden; 
}

/*
 * *****************************************************
 * * Tables
 * *****************************************************
 */
table {
  border-collapse: collapse; 
}

thead,
th {
  background-color: #fdfefe;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f9fb), to(#fdfefe));
  background: -webkit-linear-gradient(top, #f1f9fb, #fdfefe);
  background: -moz-linear-gradient(top, #f1f9fb, #fdfefe);
  background: -ms-linear-gradient(top, #f1f9fb, #fdfefe);
  background: -o-linear-gradient(top, #f1f9fb, #fdfefe);
  background: linear-gradient(top, #f1f9fb, #fdfefe);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f9fb', endColorstr='#fdfefe',GradientType=0 )";
  text-transform: uppercase;
  border: none;
  text-align: left;
  position: relative; 
}

th a {
    padding-bottom: 20px;
    display: block; 
}

.ff th a {
      position: relative;
      padding-bottom: 30px; 
}
th>a {
    color: #6f7a80;
    text-decoration: none; 
}
th>a:hover,
th.active a {
    color: #f7941e; 
}

th>a>img,
th.active>a>img {
  display: block; 
}

tbody {
  border-top: none; 
}

th,
td {
  padding: 10px 13px;
  padding: 1rem 1.3rem;
  color: #6f7a80;
  font-size: 1.2rem;
  border-right: 1px solid #c8eaf7;
  border-bottom: 1px solid #c8eaf7;
  margin: 0;
}
.page-blog td{
  border-right:transparent;
  border-bottom: transparent;
}

th.views-field-field-url,
td.views-field-field-url {
  width: 130px;
  border-right: 0; 
}

td.views-field-field-application-form-url * {
  display: block;
  line-height: 16px;
  line-height: 1.6rem; 
}

td.views-field-field-url * {
  display: block;
  line-height: 16px;
  line-height: 1.6rem; 
}

.views-row-last td {
  border-bottom: none; 
}

td.active {
  background: none; 
}

tr.odd,
tr.even {
  background: none;
  border-bottom: none; 
}

tr:hover {
  background-color: #f3f3f3; 
}
.page-blog tr:hover {
  background-color: transparent;
}
tr:hover td {
  border-right: 1px solid #f3f3f3; 
}

.sticky-header {
  z-index: 1; 
}
.sticky-header thead,
.sticky-header th {
    color: #6f7a80;
    background: #f1f9fb;
    z-index: 10;
    border-top: 11px solid rgb(153, 209, 228);
}

.views-table .icon,
.sticky-header .icon {
    position: absolute;
    bottom: 10px;
    bottom: 1rem;
    background: url(../img/sprite.png) right -280px no-repeat; 
}
a:hover>.icon {
    background-position: right -320px; 
}
.icon.asc {
    background: url(../img/sprite.png) right -360px no-repeat; 
}
a:hover>.icon.asc,
th.active .icon.asc {
      background-position: right -400px; 
}
.icon.desc {
    background: url(../img/sprite.png) right -280px no-repeat; 
}
a:hover>.icon.desc,
th.active .icon.desc {
    background-position: right -320px; 
}

#content .views-table {
  width: 100%; 
}

/*
 * *****************************************************
 * * Pager
 * *****************************************************
 */
.pager {
  padding: 20px 0; }

.pager,
.pager>li,
.pager>li>a {
  list-style: none;
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem; 
}

.pager>li>a,
.pager>li.pager-current {
  padding: 5px; 
}

.pager>li.pager-current {
  background-color: #f1f9fb; 
}

.pager>li>a:hover {
  text-decoration: underline; 
}

.product_name {
  display: block;
}
.view-Mortgages.product_name {
   padding-right:10px;
}
.equity {
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  display: inline-block;
  margin-top: 12px;
  border: 1px solid black;
  border-color: #5ea226;
  color : #5ea226;
}

.page-node-3411 input#edit-submitted-first-name{
  width: 445px;
}
/*
 * *****************************************************
 * * info Button
 * *****************************************************
 */
div.info>.info_inner {
  display: none; 
}

div.special>.info_special{
    display: none !important;
}

div.info>.info_inner th,
div.info>.info_inner td {
    padding: 5px;
    padding: 0.5rem; 
}

.page-contact-mortgage-adviser #edit-submitted-post-your-comment{
  width: 100%;
}

/* Desktops and laptops ----------- */

@media only screen and (min-width : 1224px) {
  /* CSS Code Here */
  div.info:hover>.info_inner{
    display: block;
    position: absolute;
    z-index: 2;
    top: 25px;
    left: 0;
    background: white;
    padding: 20px 30px;
    min-width: 200px;
    -webkit-box-shadow: 0 0 7px #cccccc;
    -moz-box-shadow: 0 0 7px #cccccc;
    box-shadow: 0 0 7px #cccccc;
    border-radius: 12px;
  }

  div.special:hover>.info_special {
    display: block !important;
    position: absolute;
    z-index: 2;
    top: 28px;
    left: 40px;
    background: white;
    padding: 20px 30px;
    min-width: 200px;
    -webkit-box-shadow: 0 0 7px #cccccc;
    -moz-box-shadow: 0 0 7px #cccccc;
    box-shadow: 0 0 7px #cccccc;
    border-radius: 12px;
    color: #333; 
  }

  .comparison-rate .info_comparison_rate,.monthly-amount .info_monthly_payment{
    display: block;
    position: absolute;
    z-index: 2;
    top: 80px;
    left: 70px;
    background: white;
    padding: 20px 30px;
    min-width: 200px;
    -webkit-box-shadow: 0 0 7px #cccccc;
    -moz-box-shadow: 0 0 7px #cccccc;
    box-shadow: 0 0 7px #cccccc;
    border-radius: 12px;
    border: 2px solid #37c1f0;
    text-transform : none;
    color : #333;
    font-size : 14px;
  }
}




/*
 * *****************************************************
 * * Links
 * *****************************************************
 */
a {
  text-decoration: none;
  color: #6f7a80; }

a.moreinfo {
  background: url(../img/sprite.png) right -160px no-repeat; 
}

div.info,
span.info {
  background: url(../img/sprite.png) right -240px no-repeat;
  display: block;
  margin: 10px auto 0 auto;
  padding: 20px 0 0 20px;
  width: 0;
  height: 0;
  position: relative; 
}

a.gotosite, a.flag {
  padding: 5px;
  padding: 0.5rem;
  margin-bottom: 5px;
  background-color: #37c1f0;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 1.5px;
  display: inline-block;
  min-height: 15px;
  width: 139px;
  text-align: center;
  margin-right:3px;
}

a.flag{
  text-transform: lowercase;
}
a.gotosite:hover, a.flag:hover {
    background-color: #f7941e;
    color: white; 
}

a.ph-number {
  display: block;
  color: #37c1f0;
  font-weight: bold;
}
.page-personal-loans .gotosite .flag_link_text::first-letter{
  text-transform: uppercase;
}

.comment-add>a {
  color: #37c1f0;
  font-weight: bold; 
}

table .links,
table .links li {
  padding: 0;
  margin: 0;
  list-style: none; 
}

table .links li a,
table .links li a:hover {
  padding: 0;
  margin: 0;
  display: inline;
  background: none;
  color: #37c1f0;
  text-transform: lowercase; 
}

table .links li a:hover {
  color: #f7941e; 
}

/*
 * *****************************************************
 * * Exposed Filters
 * *****************************************************
 */
.view-filters form {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 20px 20px 20px 20px;
    margin: 10px 0 20px 0;
    position: relative;
    min-height: 140px; 
}
.view-filters .views-submit-button {
    position: absolute;
    right: 20px;
    bottom: 20px; 
}
.view-filters .views-reset-button {
    position: absolute;
    right: 145px;
    bottom: 20px; 
}

#edit-field-minimum-deposit-value-wrapper label {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    padding-right: 1%; 
}
#edit-field-minimum-deposit-value-wrapper .views-widget {
    display: inline-block; 
}

#edit-field-saving-type-tid-wrapper,
#edit-field-credit-card-type-tid-wrapper,
#edit-field-term-tid-wrapper,
#edit-field-term-days-value-wrapper,
#edit-field-equity-level-tid-wrapper,
#edit-type-wrapper,
#edit-field-institute-type-tid-wrapper,
#edit-field-minimum-deposit-value-wrapper,
#edit-field-personal-loan-type-tid-wrapper,
#edit-term-node-institutions-wrapper {
  width: 45%;
  clear: both;
  padding-bottom: 10px;
}

#edit-type-wrapper,
#edit-field-institute-type-tid-wrapper,
#edit-term-node-institutions-wrapper {
  position: absolute;
  right: 20px;
  top: 20px;
  bottom: 20px;
  border-left: 1px solid #25aae1;
  padding-left: 5%;
}

.form-type-select .form-item.form-type-bef-checkbox {
  display: inline-block;
  width: 32.333%; 
}

.views-widget-filter-field_term_tid .form-item.form-type-bef-checkbox {
  display: inline-block;
  width: 45%; 
}

.views-widget-filter-field_term_tid .show .form-item.form-type-bef-checkbox {
  width: 33%; 
}

.views-widget-filter-field_equity_level_tid .form-type-radio {
  display: inline-block;
  width: 20%; 
}

.bef-checkboxes .year_les,
.bef-checkboxes .year_grt {
  padding: 13px;
  min-height: 45px;
  background-color: #fbfefe;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0f3fb), to(#fbfefe));
  background: -webkit-linear-gradient(top, #e0f3fb, #fbfefe);
  background: -moz-linear-gradient(top, #e0f3fb, #fbfefe);
  background: -ms-linear-gradient(top, #e0f3fb, #fbfefe);
  background: -o-linear-gradient(top, #e0f3fb, #fbfefe);
  background: linear-gradient(top, #e0f3fb, #fbfefe);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fb', endColorstr='#fbfefe',GradientType=0 )"; 
}

.bef-checkboxes .hide {
  display: none; 
}

#show_year_grt,
#show_year_les {
  display: inline-block;
  width: 65px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #6f7a80;
  padding: 6px 7px 0 7px;
  background: url(../img/inactivetab.png) no-repeat;
  cursor: pointer;
  line-height: 1; 
}

#show_year_grt.active,
#show_year_les.active {
  background-image: url(../img/activetab.png); 
}

#edit-field-term-days-value-wrapper {
  position: relative; 
}
#edit-field-term-days-value-wrapper .info {
    position: absolute;
    top: 0;
    right: 0; 
}

#views-exposed-form-comparison-tables-page-3 #edit-field-term-tid-wrapper {
  padding: 5px;
  width: 280px;
  background-color: #fbfefe;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0f3fb), to(#fbfefe));
  background: -webkit-linear-gradient(top, #e0f3fb, #fbfefe);
  background: -moz-linear-gradient(top, #e0f3fb, #fbfefe);
  background: -ms-linear-gradient(top, #e0f3fb, #fbfefe);
  background: -o-linear-gradient(top, #e0f3fb, #fbfefe);
  background: linear-gradient(top, #e0f3fb, #fbfefe);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fb', endColorstr='#fbfefe',GradientType=0 )"; 
}


#edit-title-wrapper input.form-autocomplete {
    width: 40%; 
}
#edit-title-wrapper div.description {
    padding-top: 10px; 
}

/*
 * *****************************************************
 * * Email this to me form
 * *****************************************************
 */
#views-pdf-email-form .form-item {
  float: left;
  padding-right: 10px; 
}

#edit-submit-email-this {
  background: url(../img/sprite.png) right -160px no-repeat;
  display: inline-block;
  padding: 20px 0 0 20px;
  width: 0;
  height: 0;
  position: relative; 
}

/*
 * *****************************************************
 * * Table comparison descriptions
 * *****************************************************
 */
.view-header * {
  font-size: 15px;
  font-size: 1.5rem; 
}


.views-field.views-field-field-last-scrape *,
.views-field.views-field-changed * {
    font-size: 12px;
    font-size: 1.2rem;
    color: #6f7a80;
    font-style: italic; 
}

.view-content table {
  margin-bottom: 10px; 
}

.views-field-field-credit-rating,
.views-field-field-credit-rating-checked {
  max-width: 55px; 
}

.view-term-deposits .views-field-nothing {
  max-width: 65px; 
}

.view-Mortgages .views-field-nothing,
.view-personal-loans .views-field-nothing,
.view-term-deposits .views-field-nothing-1,
.view-savings .views-field-nothing-1 {
  width: 150px; 
}

.views-field-field-saving-type {
  max-width: 75px; 
}

.views-field-field-institute,
.views-field-field-annual-account-fee,
.views-field-field-product-name {
  max-width: 100%;
}
.ie11 .views-field-field-institute,
.ie11 .views-field-field-annual-account-fee,
.ie11 .views-field-field-product-name {
    width: 130px; 
}
.views-field-view {
  width: 114px; 
}

.views-field-field-rate-on-cash-advance,
.views-field-field-rate-on-purchases,
.views-field-field-interest-free-days,
.view-savings .views-field-field-product-name {
  max-width: 100px; 
}

.credit_rating {
  padding: 0;
  margin: 0;
  list-style: none; 
}
.credit_rating li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none; 
}
.credit_rating li:first-child {
    display: block; 
}

/*
 * *****************************************************
 * * Table share & email
 * *****************************************************
 */
.feed-icon {
  float: right; 
}

.vbo-views-form .form-wrapper {
  margin-bottom: 20px; 
}

/*
 * *****************************************************
 * * Navigation  -- change for inner level starts
 * *****************************************************
 */
#navigation .content ul,
#navigation .content li {
  margin: 0;
  padding: 0;
  list-style: none; 
}

ul.sf-main-menu {
  float: right;
  position: relative;
}

#navigation .content > ul > li {
  display: inline-block;
  margin-left: 15px; 
}

#navigation .content > ul > li > a {
  display: block;
  padding: 2px 13px 18px 0;
  border-right: 1px solid #25aae1;
  border-bottom: 1px solid #25aae1;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: lowercase;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: normal;
}

#navigation .content ul li a.active {
  font-weight: bold;
  color: #25aae1; 
}

#navigation .content ul li a:hover {
  color: #f7941e;
  border-color: #f7941e; 
}

/* .........  drop down main menu - inner levels ..........  */

#navigation .content > ul > li > ul, #navigation .content > ul ul {
  background: #FFF;
  margin-top: 7px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -wbkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#navigation .content > ul > li > ul, #navigation .content > ul ul {padding-top: 5px!important;}
#navigation .content > ul > li > ul > li > a,
#navigation .content > ul ul > li > a {
  padding: 8px 12px;
  font-size: 1.5rem;
  color: #6f7a80;
  text-transform: lowercase;
}
.sf-menu span.nolink {
  color: #999;
   padding: 8px 12px;
  font-size: 1.5rem;
  text-transform: lowercase;
}
#navigation .content > ul > li > ul ul {
  margin-top: 0!important;
  margin-left: 8px;
}


/* ................change for inner level ends ......................... */


/*
 * *****************************************************
 * * Secondary Navigation & Footer Navigation
 * *****************************************************
 */
#second-navigation .content ul,
#second-navigation .content li,
#block-menu-menu-footer-menu .content ul,
#block-menu-menu-footer-menu .content li {
  margin: 0;
  padding: 0;
  list-style: none; 
}

#second-navigation .content li,
#block-menu-menu-footer-menu .content li {
  display: inline-block; 
}

#second-navigation .content a,
#block-menu-menu-footer-menu .content a {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  font-style: italic;
  text-transform: lowercase; 
}

#second-navigation .content a:after,
#block-menu-menu-footer-menu .content a:after {
  content: " / "; 
}

#second-navigation .content .last a:after,
#block-menu-menu-footer-menu .content .last a:after {
  content: ""; 
}

#second-navigation .content a:hover,
#block-menu-menu-footer-menu .content a:hover {
  color: #62aae1; 
}

/*
 * *****************************************************
 * * Footer social icons
 * *****************************************************
 */
#footer-second .content ul,
#footer-second .content li {
  list-style: none;
  margin: 0;
  padding: 0; 
}

#footer-second .content li {
  display: inline-block;
  width: 30px;
  margin-left: 5px; 
}

/*
 * *****************************************************
 * * Homepage Banner
 * *****************************************************
 */
#block-views-random_homepage_banner-block p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem; 
}

/*
 * *****************************************************
 * * Homepage Links
 * *****************************************************
 */
.view-homepage-links {
  width: 100%;
  overflow: hidden; 
}

.view-homepage-links .view-content {
  width: 110%;
  padding-top: 4px; 
}

.view-homepage-links .view-content>div {
  display: inline-block;
  -webkit-box-shadow: 0 0 7px #cccccc;
  -moz-box-shadow: 0 0 7px #cccccc;
  box-shadow: 0 0 7px #cccccc;
  margin: 0 45px 50px 5px;
  color: #37c1f0; 
}

.view-homepage-links .view-content>div>a>p {
  display: block;
  padding: 15px;
  text-align: right;
  font-size: 18px;
  font-size: 1.8rem;
  color: #37c1f0; 
}

.view-homepage-links .view-content>div>a:hover>p {
  color: #f7941e; 
}

#content .view-homepage-links .view-content .icon {
  background: url(../img/sprite.png) left -520px no-repeat;
  display: inline-block;
  margin-bottom: -3px; 
}

#content .view-homepage-links .view-content a:hover .icon {
  background: url(../img/sprite.png) left -560px no-repeat; 
}

/*
 * *****************************************************
 * * Reviews page
 * *****************************************************
 */
.view-reviews .view-content>h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  line-height: 1.6rem;
  font-style: italic;
  color: #6f7a80;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #37c1f0;
  text-transform: inherit; 
}

.view-reviews .view-content {
  background: url(../img/reviewsbg.png) repeat-x;
  padding: 15px; 
}

.view-reviews .views-row {
  position: relative;
  padding: 10px 0; }

.view-reviews .views-field-field-review-rating {
  position: absolute;
  top: 10px;
  right: 0px; }

.view-reviews .views-field-field-review-rating>* {
  display: block;
  float: left; }

.view-reviews .views-field-field-review-rating>.views-label {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  margin-top: 3px;
  color: #6f7a80; }

.view-reviews .views-field-subject {
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #6f7a80; }

.view-reviews .views-field-comment-body {
  padding-top: 15px; }

/*
 * *****************************************************
 * * forms
 * *****************************************************
 */
.comment-form label,
.webform-component.webform-container-inline label {
  min-width: 75px;
  display: inline-block;
  text-align: left; }

.comment-form .form-item,
.webform-client-form .form-item {
  padding-bottom: 10px; }

.webform-component label {
  display: block;
  padding-bottom: 10px; }

.form-type-fivestar .form-item {
  display: inline-block; }

.webform-container-inline .form-textarea-wrapper {
  width: 345px; }

.webform-component--your-feedback .form-textarea-wrapper {
  max-width: 445px; }

/*
 * *****************************************************
 * * modal popup
 * *****************************************************
 */
/*
 * Reset some styles from system.css and modal.css
 */
div.modal-forms-modal-content .resizable-textarea {
  margin-left: 0;
  margin-right: 0; }

div.modal-forms-modal-content .form-item label {
  float: none;
  width: auto; }

div.modal-forms-modal-content .item-list ul li {
  margin: 0 0 0.25em 1.5em; }

div.modal-forms-modal-content div.messages {
  margin: 0; }

/*
 * Styles for modal forms modal
 */
div.modal-forms-modal-content {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0; 
}
div.modal-forms-modal-content .popups-container {
    overflow: hidden;
    height: 100%;
    background: white;
    text-align: left;
    margin-left: -400px;
    -webkit-box-shadow: 0 0 7px #cccccc;
    -moz-box-shadow: 0 0 7px #cccccc;
    box-shadow: 0 0 7px #cccccc;
    width: 250px; 
}
div.modal-forms-modal-content .modal-header {
    background-color: transparent;
    padding: 0.5em 1em 0 1em;
    min-height: 25px; 
}
div.modal-forms-modal-content .modal-content {
    padding: 0.5em 1em; 
}
div.modal-forms-modal-content .modal-title {
    display: inline;
    color: black; 
}
div.modal-forms-modal-content .popups-close {
    padding: 5px 13px;
    padding: 0.5rem 1.3rem;
    float: right;
    background-color: #f7941e;
    color: white;
    cursor: pointer; 
}
div.modal-forms-modal-content .popups-close:hover {
      background-color: #37c1f0; 
}
div.modal-forms-modal-content input.form-text {
    max-width: 230px; 
}
div.modal-forms-modal-content .comment-form label {
      max-width: 60px; 
}
div.modal-forms-modal-content .comment-form input+label {
      max-width: none; 
}
div.modal-forms-modal-content textarea.form-textarea,
div.modal-forms-modal-content .form-textarea-wrapper {
    display: inline-block;
    max-width: 225px; 
}
div.modal-forms-modal-content .fivestar-widget {
    margin-top: -3px; 
}
div.modal-forms-modal-content .form-type-fivestar label,
div.modal-forms-modal-content .field-type-text-long label {
      float: left;
      padding: 5px 5px 0 0; 
}

/*8july start*/
footer .footerright {
  min-height: 225px;
    border-right: 2px solid #3fc8f2;
    float: left;
    margin-right: 16px;
    width: 5%;
}
footer .region-footer .block {
    border-right: 2px solid #3fc8f2;
    margin-right: 16px;
    min-height: 225px;
    width: 29%!important;
}
footer #block-views-guides-block_1{border:none; margin-right:0;}
footer .footerleft {
    float: left;
    width: 93%;
}
footer .block-inner .content ul {
    float: left;
    margin-left: 0;
}
footer .social-icons{
    height: 31px;
    margin-bottom: 9px;
    padding: 0;
    width: 30px;
}
footer .facebook {
    background: rgba(0, 0, 0, 0) url("../img/social_sprite.png") no-repeat scroll left top;
}
footer .twitter {
    background: rgba(0, 0, 0, 0) url("../img/social_sprite.png") no-repeat scroll left -74px;
}
footer .linkedin {
    background: rgba(0, 0, 0, 0) url("../img/social_sprite.png") no-repeat scroll left -36px;
}
footer .googleplus {
    background: rgba(0, 0, 0, 0) url("../img/social_sprite.png") no-repeat scroll left -114px;
}
footer .region-footer .block div a {
    display: block;
    padding-left: 15px;
    position: relative;
    line-height: 1.2;
}
.footertop .block div a::before {
    background: rgba(0, 0, 0, 0) url("../img/arrow.png") no-repeat scroll left center;
    content: "";
    height: 5px;
    left: 0;
    padding-right: 11px;
    position: absolute;
    top: 10px;
    width: 5px;
}
footer .footerbottom {
    background: #3fc8f2;
}
footer .footerbottominner a , footer .footerbottominner span{color:#fff!important;}
footer  .footerbottom {
    border-top: medium none;
}
footer #feedback-panel {
    position: relative;

}
footer #second-navigation .content a, footer #block-menu-menu-footer-menu .content a {
    font-family: inherit;
    font-style: normal;
    font-weight: 500;
    margin-right: 4px;
    text-transform: uppercase;
}
footer #second-navigation .content a::after, footer #block-menu-menu-footer-menu .content a::after {
    content: " | ";
}
footer #feedback-panel:hover, footer #feedback-panel.hover{}
.mortgage_view_header .header_msg{width:100%; float:left;}
.mortgage_view_header .mortgage_adviser{width:43%; float:left;}
.view-header {
    margin-bottom: 30px;
    margin-top: -20px;
}
#content .header_msg p {
    color: #2d2e31;
}
.mortgage_view_header{float:left; width:100%;}
.mortgage_adviser_left {
  float: left;
  text-align: right;
}
.mortgage_adviser_right {
    float: right;
     margin-top: 15px;
}
.mortgage_adviser_right > a {
    background: #ff9a24;
    border: 1px solid #ff8800;
    border-radius: 10px;
    color: #fff;
    padding: 7px 9px;
}
.header_msg p strong{font-weight: 500;}
#content .mortgage_adviser_left p {
 font-size: 1.5rem;
 text-align: right;
}
.content .contactbroker-form{width:50%;float:left;}
.content .contactbroker-shortmsg{width:50%;float:left;}
.contactbroker-form .webform-layout-box > .form-item input{
  margin-bottom: 0px;
}
.webform-layout-box .form-item.webform-component {
    float: left;
    width: 40%;
}
.webform-layout-box{  
    float: left;
    width: 100%;
}
.form-item .webform-component{border:none;}
.mortgage_adviser_time {
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}
.mortgage_adviser_time li {
    font-size: 13px;
    line-height: 20px;
    list-style-type: none;
    padding-left: 25px;
    position: relative;
    text-align: left;
    color:#272626;
}
.mortgage_adviser_time li a{}
.content .webform-client-form-47468 .webform-component--label {
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
}
.mortgage_adviser_time li::before{
    background: rgba(0, 0, 0, 0) url("../img/tick-img.png") no-repeat scroll left center;
    content: "";
    height: 10px;
    left: 5px;
    padding-right: 0;
    position: absolute;
    top: 8px;
    width: 10px;
}
.mortgage_adviser_time > li:nth-child(3) {
    margin-top: 30px;
}
#content .broker_side_msg h3 {
    color: #272626;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 22px;
    text-transform: capitalize;
    font-family: 'roboto';
    font-size: 18px;
    margin-top: 0px;
}
#content .broker_side_msg p{
  color:#272626;
}
.webform-layout-box > .form-item input {
    background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 8px;
    max-width: 100%;
    margin-bottom: 10px;
}
textarea.form-textarea, input.form-text{background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 8px; margin-top: 10px;
}
.form-textarea-wrapper textarea,.form-item .form-email {
  resize: unset;
  width: 83%;
}
.page-contact-mortgage-adviser .form-textarea-wrapper textarea,.form-item .form-email{
  width: 100%;
} 
#edit-submitted-phone-city-row-phone{width:100%;}

.form-textarea-wrapper .grippie{display: none;}
.form-actions a,.form-actions input{
  background: #ff9a24 none repeat scroll 0 0;
  background: #ff9a24 none repeat scroll 0 0;
  border: 1px solid #ff8800;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-family: "Noto Sans";
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  margin-right: 12px;
  padding: 3px 25px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 85px;
  text-align: center;
}
.form-actions a:after{
    background:url("../img/arrow-white-new.png") no-repeat scroll 0 7px;
    content: "";
    display: inline-block;
    float: left;
    height: 22px;
    left: 13px;
    position: absolute;
    width: 14px;
}

.webform-submit.button-primary.form-submit{
    background: #ff9a24 url("../img/arrow-white-newro.png") no-repeat scroll 121px center;
}
.form-actions {
    margin-top: 25px;
}
.showhidefeature{
    background: #5ea226 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    padding: 10px;
    position: relative;
}
.showhideblock {
    float: right;
    padding-bottom: 15px;
    padding-right: 25px;
    padding-top: 17px;
    position: relative;
    right: -9px;
}
.showhidefeature:after, .showhidefeature:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrowdiv {
    float: left;
}
.arrowdiv p{padding-bottom:0;}

.productfeature {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #5ea226;
    border-radius: 12px;
    display: none;
    left: 299px;
    padding: 20px 30px;
    position: absolute;
    width: 237px;
    z-index: 300;
}
.productfeature ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.productfeature li{ padding-left: 19px;
    position: relative;
    text-align: left;
    list-style-type: none;
    color: #000;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto';
}
.productfeature li:before{ background: rgba(0, 0, 0, 0) url("../img/tick-img.png") no-repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 0;
    padding-right: 0;
    position: absolute;
    width: 10px;
    top: 5px;
}

.showhideblock:hover +.productfeature {
   display:block;
}
/*contactbroker page*/
p.text-info {
  line-height: 21px;
  text-align: justify;
  word-spacing: 0.1em;
}
p.heading-image {
   display: inline-block;
}

h3.heading-text {
   display: inline-block;
   padding-left: 8px;
   position: relative;
   bottom: 4px;
}
.cbheader {
   background-color: #f4f4f4;
   border-radius: 15px;
   padding: 18px 0px;
   max-width: 100%;
   box-shadow: 2px 2px 2px 3px #ddd;
}
.contactbroker-shortmsg .broker_side_msg{
     padding-bottom: 40px;
}
p.pfa {
 float: left;
 font-size: 15px;
 padding-top: 25px;
 line-height: 10px;
}

p.mortage-checklist-list.text-info {
 padding-bottom: 8px;
}
p.broker-small-text {
 font-size: 13px;
 word-spacing: 0.1em;
}
.page-contact-mortgage-adviser::-webkit-input-placeholder {
  font-size: 10px;
}

.page-contact-mortgage-adviser:-moz-placeholder {
  font-size: 10px;
}

.page-contact-mortgage-adviser::-moz-placeholder {
  font-size: 10px;
}

.page-contact-mortgage-adviser:-ms-input-placeholder {
 font-size: 10px;
}

span { color: inherit; text-decoration: none; }
strong.textblue.cbcontact:before {
   background-image: url("../img/finance_phone_icon.png");
   position: absolute;
   width: 23px;
   height: 19px;
   content: "";
   left: -25px;
   bottom: 3px;
   background-size: contain;
   background-repeat: no-repeat;
}

strong.textblue.cbcontact{
 position: relative;
 font-size: 18px;
}

.webform-client-form-47468 .form-actions {
   margin-top: 10px;
   text-align: center;
}

.webform-client-form-47468 .form-actions a.form-submit {
    position: relative;
    text-transform: capitalize;
    font-weight: 700;
    height: 20px;
    border-radius: 8px;
    line-height: 20px;
}
.webform-client-form-47468 .form-actions a.form-submit:before {
    background-image: url(../img/left-arrow.png);
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}
.webform-client-form-47468 .form-actions .sumbmitafter{
    position: relative;
}
.webform-client-form-47468 .form-actions .sumbmitafter:after{
  background-image: url(../img/right-arrow.png);
    content: "";
    position: absolute;
    top: 5px;
    right: 8px;
    width: 20px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}
.sumbmitafter,.webform-client-form-47468 .form-actions input.form-submit{
 display: inline-block;
}
.form-actions .sumbmitafter input{
height: 20px;
line-height: 20px;
font-weight: bold;
text-transform: capitalize;
}
.page-contact-mortgage-adviser .webform-client-form-47468 .sumbmitafter .form-submit{
  border-radius: 8px;
}
/*8th july end*/

@media only screen {

  div.info:hover>div.collapsed {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    background: white;
    padding: 20px 30px;
    min-width: 200px;
    -webkit-box-shadow: 0 0 7px #cccccc;
    -moz-box-shadow: 0 0 7px #cccccc;
    box-shadow: 0 0 7px #cccccc;
    border-radius: 12px;
  }
  span.calculation-desc-iphone:hover>div.collapsed{
      display: block;
      position: absolute;
      z-index: 2;
      margin-top: 36px;
      right:30px;
      background: white;
      padding: 20px 30px;
      min-width: 200px;
      max-width: 200px;
      -webkit-box-shadow: 0 0 7px #cccccc;
      -moz-box-shadow: 0 0 7px #cccccc;
      box-shadow: 0 0 7px #cccccc;
      border-radius: 12px;
      border: 2px solid #37c1f0;
      text-transform : none;
      color : #333;
      font-size : 14px;
    }
  div.special:hover>div.collapsed {
      display: block !important;
      position: absolute;
      z-index: 2;
      top: 107px;
      left: 40px;
      background: white;
      padding: 20px 30px;
      min-width: 200px;
      -webkit-box-shadow: 0 0 7px #cccccc;
      -moz-box-shadow: 0 0 7px #cccccc;
      box-shadow: 0 0 7px #cccccc;
      border-radius: 12px;
      color: #333; 
      border: 2px solid #37c1f0;
  }

  .info_inner{
     border: 2px solid #37c1f0;
  }

  #skip {
    height: 0;
    width: 0;
    overflow: hidden; }

  #navigation {
    position: absolute;
    top: 70px;
    width: 100%; }

  #second-navigation {
    position: absolute;
    top: 25px;
    width: 100%;
  }

  #navigation>div>div.inner,
  #second-navigation>div>div.inner {
    float: right; 
  }

  .not-front #main {
    margin-top: 125px; 
  }

  .front #main {
    margin-top: 0; 
  }

  
  /*
   * *****************************************************
   * * Homepage Banner
   * *****************************************************
   */  
  .front #header {
    height: 510px; 
  }
  .iphone.front #header h2 {
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 14px; 
  }
  .iphone.front #header p {
      font-size: 8px;
      font-size: 0.8rem;
      line-height: 12px;
      line-height: 1.2rem; 
  }

  #block-views-random_homepage_banner-block {
    top: 60px;
    position: relative;
    height: 450px; 
  }
  #block-views-random_homepage_banner-block .views-field-body {
      position: absolute;
      bottom: 50px;
      width: 100%; 
  }
  #block-views-random_homepage_banner-block .views-field-field-home-page-banner-image img {
      margin: 0 auto; 
  }

  /*
   * *****************************************************
   * * Homepage Accordion
   * *****************************************************
   */  
  .view-homepage-accordion {
    margin-bottom: 50px; 
  }
  .view-homepage-accordion .views-row {
      display: inline-block;
      -webkit-transition: width 0.4s linear;
      -moz-transition: width 0.4s linear;
      -ms-transition: width 0.4s linear;
      -o-transition: width 0.4s linear;
      transition: width 0.4s linear;
      margin-right: 40px;
      overflow: hidden;
      height: 76px; 
  }
  .view-homepage-accordion .views-row-last {
      margin-right: 0; 
  }
  .view-homepage-accordion .views-row .views-field {
        display: block;
        float: left; 
  }
  .view-homepage-accordion .views-row .views-field-field-text {
        width: 360px;
        padding: 25px 15px;
        color: #6f7a80;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        text-transform: uppercase; 
  }

  .view-homepage-accordion .views-row.hide,
  .view-homepage-accordion .views-row .views-field-field-accordian-image {
    width: 76px; 
  }

  .view-homepage-accordion .views-row.show {
    width: 480px; 
  }

  /*
   * *****************************************************
   * * Header Banners
   * *****************************************************
   */  
  #top-banner {
    width: 100%;
    text-align: center;
  }
  #top-banner #main {
      margin-top: 270px; 
  }

  #top-left-banner {
    float: left;
    width: 100%; 
  }

  #top-right-banner {
    float: right; 
  }

  /*
   * *****************************************************
   * * Single Side Banners
   * *****************************************************
   */ 
  #side-banner {
    position: absolute;
    top: 290px;
    height: 0;
    width: 100%;
    overflow: visible; 
  }
  #side-banner .inner {
      float: right;
      width: 220px; 
  }
  #side-banner #content_top,
  #side-banner #content-header,
  #side-banner .view-filters,
  #side-banner .view-header,
  #side-banner .vbo-views-form .form-wrapper {
      width: 700px; 
  }

  /*
   * *****************************************************
   * * Multiple Side Banners
   * *****************************************************
   */  
  #aside-second .view-adspace .views-row {
    margin-top: 16px;
    text-align: center;
  }

  /*
   * *****************************************************
   * * Footer
   * *****************************************************
   */  
  #footer>div>div.inner {
    position: relative;
    padding: 25px 0 0;
    margin-top: 0px; 
  }
  #footer-second {
    position: absolute;
    right: 0;
    padding-right: 10px;
  }

  #backtotop>a {
    position: fixed;
    bottom: 0;
    right: 10px;
    display: block;
    padding: 40px 0 0 40px;
    height: 0;
    width: 0;
    overflow: hidden;
    background: url("../img/top.gif") no-repeat; 
  }

  .wrapper,
  .region-bottom {
    margin: 0 auto;
    width: 960px; 
  }

  /*
   *
   * * The layout when there is only one aside, the left one.
   */  
  .sidebar-first #content {
    float: left;
    width: 720px;
    margin-left: 240px;
    margin-right: -960px; 
  }

  .sidebar-first #aside-first {
    float: left;
    width: 240px;
    margin-left: 0;
    margin-right: -480px; 
  }

  /*
   *
   * * The layout when there is only one aside, the right one.
   */  
  .sidebar-second #content {
    float: left;
    width: 720px;
    margin-left: 0;
    margin-right: -720px;
    padding: 0 10px;
  }
  .sidebar-second #content{
     padding-left: 0px;
  }
  .sidebar-second #aside-second {
    float: left;
    width: 240px;
    margin-left: 720px;
    margin-right: -960px; 
  }

  /*
   *
   * * The layout when there are two asides.
   */  
  .page-admin-structure-block-demo #content,
  .two-sidebars #content {
    float: left;
    width: 480px;
    margin-left: 240px;
    margin-right: -960px; 
  }

  .page-admin-structure-block-demo #aside-first,
  .two-sidebars #aside-first {
    float: left;
    width: 240px;
    margin-left: 0;
    margin-right: -480px; 
  }

  .page-admin-structure-block-demo #aside-second,
  .two-sidebars #aside-second {
    float: left;
    width: 240px;
    margin-left: 720px;
    margin-right: -960px; 
  }

  .sidebar-first #content>.inner,
  .sidebar-second #content>.inner,
  .two-sidebars #content>.inner {
    margin: 0; 
  }

  /*
   *
   * * Apply the shared properties of grid items in a single, efficient ruleset.
   */  
  #header,
  #content,
  #navigation,
  #aside-first,
  #aside-second,
  #footer {
    border: 0 !important;
    word-wrap: break-word;
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible; 
  }

  /*
   *
   * * Containers for grid items and flow items.
   */  
  #header,
  #main,
  #footer {
    position: relative;
    *zoom: 1; 
  }

  #header:before,
  #header:after,
  #main:before,
  #main:after,
  #footer:before,
  #footer:after {
    content: "";
    display: table; 
  }

  #header:after,
  #main:after,
  #footer:after {
    clear: both; 
  }

  .showhidefeed{
    text-align: center;
    height:10px;
    width: 150px;
    background-image: url("../img/feed-btn.png");
    overflow: hidden; 
  }
  .showhidefeed{
      color: white;
      font-size: 15px;
      font-size: 1.5rem;
      cursor:pointer;
      padding: 13px; 
  }
  .feedbackblock{
      height: auto;
      width: 450px;
      padding: 20px;
      background-color: white;
      -webkit-box-shadow: 0 0 7px #cccccc;
      -moz-box-shadow: 0 0 7px #cccccc;
      box-shadow: 0 0 7px #cccccc; 
  }

  #feedback-panel .webform-submit {
      float: right; 
  }
  .feedbackblock{
    display: none;
    bottom: 41px;
    position: absolute;
    left: 10px;
    border: 3px solid #efefef;
    border-radius: 10px;
    z-index:100000;
  }
  .feedbackblock .webform-submit.button-primary.form-submit{font-size:11px;}
  .feedbackblock .webform-client-form-3411 .webform-component--first-name label {
      display: block;
  }
  .feedbackblock .webform-client-form-3411 .webform-component--first-name #edit-submitted-first-name {
      clear: both;
      display: block;
      width: 100%;
  }
  .feedbackblock .form-textarea-wrapper textarea {
      resize: unset;
      width: 100%;
  }
  .feedbackblock .webform-component--your-feedback .form-textarea-wrapper {
      max-width: 100%;
  }
  .feedbackblock .webform-client-form-3411 .webform-component--your-feedback label {
      float: none;
  }
  .feedbackblock #edit-submitted-email {
      width: 100%;
  }
  /*
   * *****************************************************
   * * IE8 fixes
   * *****************************************************
   */
  .ie8 textarea.form-textarea,
  .ie8 input.form-text,
  .ie8 .view-filters form {
    border: 1px solid #6f7a80; }

  .ie8 #second-navigation .content li {
    display: block;
    float: left; }

  /*
   * *****************************************************
   * * Maintenance
   * *****************************************************
   */
  .maintenance-page #main {
    margin-top: 125px;
    background: url(/sites/all/themes/finance/img/bg.png) repeat-x; }

  /*
   * *******************************************
   * Hidden field in request a call back button
   * ********************************************
   */
  .hidden {
    display: none; }

  /*
   * HLMOD for callback request form
   */
  .region.region-content {
    position: relative; }

  #block-webform-client-block-45505,
  #block-webform-client-block-45598 {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  #block-webform-client-block-45505 .background-shadow,
  #block-webform-client-block-45598 .background-shadow {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 6; }
  #block-webform-client-block-45505 .block-inner,
  #block-webform-client-block-45598 .block-inner {
    padding: 15px;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    z-index: 99999;
    background-color: white;
    box-shadow: 0 0 7px #37c1f0;
    border:3px solid #37c1f0;
    border-radius:10px;
    height:auto !important;
  }
  #block-webform-client-block-45505 .popups-close,
  #block-webform-client-block-45598 .popups-close,
  #block-webform-client-block-3411 .popups-close {
    background-color: #f7941e;
    color: white;
    cursor: pointer;
    float: right;
    padding: 0.5rem 1.3rem;
    margin-top: -8px; }
  #block-webform-client-block-45505 .popups-close:hover,
  #block-webform-client-block-45598 .popups-close:hover {
    background-color: #37c1f0; }
  #block-webform-client-block-45505 input{width:100%}
  #block-webform-client-block-45598 input {width: 300px;}
  #block-webform-client-block-45505 .form-submit{width:100px;}
  #block-webform-client-block-45505 .form-textarea-wrapper textarea{width:100%}
  #block-webform-client-block-45505 .processing,
  #block-webform-client-block-45598 .processing, 
  #block-webform-client-block-48349 .processing,
  #block-webform-client-block-48425 .processing,
  #webform-client-form-48371 .processing,
  #webform-client-form-48426 .processing,
  #webform-client-form-49210 .processing{
    background: url('../img/throbber.gif') 98% -14px no-repeat; }

  .errorBorder {
    border: 2px solid red; }
}

/*** Added by DSL on 10-Sep-2015 ***/

/*
* *****************************************************
* * Money transfer page
* *****************************************************
*/
.view-id-foreign_exchange tr.odd td, .view-id-foreign_exchange tr.even td {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.view-id-personal_loans tr.odd td, .view-id-personal_loans tr.even td {
  border-bottom: 0px;
  padding-bottom: 0px !important;
}

.view-id-Mortgages tr.odd td, .view-id-Mortgages tr.even td {
  border-bottom: 0px;
  padding-bottom: 0px !important;
}

/*** Infomation blurb ***/
div.moneyinfo>.moneyinfo_inner {
  display: none;
  border-radius: 20%;
}
div.moneyinfo>.moneyinfo_inner th,
div.moneyinfo>.moneyinfo_inner td {
    padding: 5px;
    padding: 0.5rem; }

div.moneyinfo:hover>.moneyinfo_inner {
  display: block;
  position: absolute;
  z-index: 2;
  top: 25px;
  left: 0;
  background: white;
  padding: 20px 30px;
  min-width: 200px;
  -webkit-box-shadow: 0 0 7px #cccccc;
  -moz-box-shadow: 0 0 7px #cccccc;
  box-shadow: 0 0 7px #cccccc;
}
.moneyinfo .infolabel {
  color: #37c1f0;
}
.moneyinfo_inner {
  text-transform: none;
}
/*** End information blurb ***/
.view-id-foreign_exchange td.views-field-title {
  width: 20%;
}
.view-id-foreign_exchange td.views-field-nothing {
  width: 40%;
}
.view-id-foreign_exchange td.views-field-nothing-1 {
  width: 40%;
}
.history-label {
  width: 35%;
  border-right: 0;
  margin-right:10px;
}
.history-field {
  width: auto;
  border-right: 0;
  color:#006621;
  line-height: 15px;
}
.view-id-foreign_exchange div.note{
  float: left;
  width: 80%;
  color: #25aae1;
  text-align: justify;
  padding-right: 10px;
  line-height: 15px;
}
#views-exposed-form-foreign-exchange-page {
  min-height: 38px;
}
#views-exposed-form-foreign-exchange-page .views-exposed-form {
  text-align: center;
}
#views-exposed-form-foreign-exchange-page .views-submit-button {
  float: left;
  position: absolute;
  right: 70px;
  bottom: 20px;
  border: 1px solid #c8eaf7;
}

#views-exposed-form-foreign-exchange-page .views-widget-sort-order {
  display: none;
}

/*
* *****************************************************
* * Personal Loan page
* *****************************************************
*/
#views-exposed-form-personal-loans-page .views-widget-sort-by {
  position: relative;
  top: 112px;
  float: right;
  right: -20px;
}
#views-exposed-form-personal-loans-page .views-widget-sort-by .form-select {
  height: 30px;
  font-size: 1.2rem;
  margin-top: 5px;
}
#views-exposed-form-personal-loans-page .views-widget-sort-order {
  display: none;
}
.tr_hide {
  color: #37c1f0;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  padding: 6px 40px 6px 0px;
}
.more-detial {
    background-color: #e3e3e3;
    border-radius: 1.5px;
    padding: 5px 9px;
    margin-top: -3px;
    width: 132px;
}
.trslide .info-label, .trslide .info-value {
  border-right: 0px;
  border-bottom: 0px;
}
.trslide table {
  width: 100%;
}
.trslide .info-value {
  border-right: 1px solid #c8eaf7;
  width:30%;
}
.moreinfo-col {
  padding: 0px;
  border-bottom: 1px solid #c8eaf7;
}
.comparison-link {
  margin-right: 20px;
  display: inline;
  width: 960px;
  background-color: #37c1f0;
  padding: 11px 0 0 0;
  position: fixed;
  top: 0;
  text-align: center;
  z-index: 1000;
}
.comparison-link .compare-btn {
  background-color: #37c1f0;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: capitalize;
  cursor: pointer;

  text-align: center;
}
/*** Comparison page ***/
.view-id-comparison_personal_loan tr th:first-child {
  width: 25% !important;
}
.view-id-comparison_personal_loan tr td, .view-id-comparison_personal_loan thead th {
  text-align: center;
}
.views-field-title .gotosite input[type="checkbox"] {
    display: block;
    -webkit-appearance: checkbox;
    margin: 0 auto;
}
.gotosite span.flag_link_text {
  font-weight: bold;
    text-align: left;
    display: block;
    min-width: 111px;
    max-width: 112px;
    float: right;
}
.view-personal-loans .views-table td.views-field-field-product-name {
  position: relative;
  padding-bottom: 36px;
}
.view-personal-loans .views-table td.views-field-title {
  position: relative;
  word-wrap: normal;
}
.view-personal-loans .views-table .flag-link, .view-Mortgages .views-table .flag-link{
    color: #37c1f0;
    background-color: #e3e3e3;
    padding: 5px 9px;
    border-radius: 1.5px;
    display: inline-block;
}
/*
* *****************************************************
* * Guides page
* *****************************************************
*/
.view-id-guides .views-field-field-icon {
  width: 20%;
  float: left;
}
.view-id-guides .views-field-field-icon img {
  width: 60px;
  height: 60px;

}
.view-id-guides .views-field-body .guide-title {
  margin-bottom: 10px;
}
.view-id-guides .views-field-body .guide-title a {
  color: #37c1f0;
  font-weight: 700;
  text-transform: uppercase;
}
.view-id-guides .guide-info p {
  font-size: 15px !important;
  font-size: 1.5rem !important;
  color: #9fa6ad !important;
  line-height: 20px !important;
  line-height: 2rem !important;
  margin-bottom: 20px;
}
/*** Guides Detailed page ***/

.node-guides span.submitted {
  display: none;
}

/* ..................  currency converter ......................  */


/*#aside-second .block-google-currency-converter {margin: 30px 0;}
.block-google-currency-converter h2.block-title {
  background-color: #325880;
  color: #FFF;
  font-size: 18px;
  padding: 12px 10px;
  margin: 0;
}

.block-google-currency-converter .content {
  padding: 15px 8px;
  background-color: #EFF5FB;
  border: 1px solid #A9BEC7;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.block-google-currency-converter .form-type-select > label,
.block-google-currency-converter .form-type-textfield > label {
  display: none;
}

.block-google-currency-converter .form-type-select select {
  font-size: 14px;
  border: 1px solid #CCC;
  max-width: 90px;
  height: 26px;
}

form[id*="google-currency-converter-form"] > div:after {
  content: "";
  display: table;
  clear: both;
}
form[id*="google-currency-converter-form"] .form-type-select {
  float: left;
  width: 50%;
  margin-bottom: 12px;
  clear: left;
}

form[id*="google-currency-converter-form"] .form-type-select.form-item-google-currency-converter-to {
  margin-bottom: 0;
}

form[id*="google-currency-converter-form"] .form-item-amount {
  float: right;
  width: 50%;
  position: relative;
  top:-37px;
}

form[id*="google-currency-converter-form"] .form-item-amount input[type="text"] {
  max-width: 100%;
  border-radius: 3px;
}

form[id*="google-currency-converter-form"] input.form-submit {
  float: right;
    position: relative;
    margin-top: -27px;
    padding: 5px 22px;
    font-size: 15px;
    border-radius: 3px;
}*/

/*
* *****************************************************
* * Saving page fix
* *****************************************************
*/
/*#views-exposed-form-savings-page-1 .views-widget-filter-term_node_tid_depth {
  bottom: 20px;
  border-left: 1px solid #25aae1;
  border-right: 1px solid #25aae1;
  padding-left: 5%;
  width: 26%;
  float: left;
}
#views-exposed-form-savings-page-1 .views-widget-filter-field_minimum_deposit_value {
  padding-left: 12px;
}*/

/*
* *****************************************************
* * Glossary Page
* *****************************************************
*/
.view-id-glossary.view-display-id-page .attachment {
  margin-bottom: 30px;
  border-bottom: 1px solid #c8eaf7;
  padding-bottom: 30px;
  float: left;
  width: 100%;
}
.view-id-glossary.view-display-id-page .attachment .views-summary {
  border: 1px solid #bbb;
  border-radius: 5px;
  background-color: #ECEAEA;
  padding: 5px;
  margin-right: 5px;
  margin-bottom:5px;
  float: left;
}
.view-id-glossary.view-display-id-page .attachment .views-summary a {
  font-size: 14px;
  color: #000;
}
.view-id-glossary.view-display-id-page .views-field-title a {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
}
.view-id-glossary.view-display-id-page .views-row {
  border-bottom: 1px solid #c8eaf7;
  margin-bottom: 30px;
}

/*
* *****************************************************
* * Term Deposit page fix
* *****************************************************
*/
/*#views-exposed-form-term-deposits-page-2 .views-widget-filter-term_node_tid_depth {
  bottom: 20px;
  border-left: 1px solid #25aae1;
  padding-left: 1%;
  width: 34%;
  float: left;
}
#views-exposed-form-term-deposits-page-2 .views-widget-filter-field_minimum_deposit_value {
  width: 30%;
  padding-bottom: 10px;
  float: left;
  padding-left: 10px;
}
#views-exposed-form-term-deposits-page-2 .views-widget-filter-field_minimum_deposit_value input {
  width: 185px;
}*/

/*
* *****************************************************
* * Homepage best deals
* *****************************************************
*/
.view-id-best_deals .views-row {
  float: left;
  -webkit-box-shadow: 0 0 7px #cccccc;
  -moz-box-shadow: 0 0 7px #cccccc;
  box-shadow: 0 0 7px #cccccc;
  margin: 5px 10px;
  color: #37c1f0;
  text-align: center;
  min-width: 20%;
  min-height: 150px;
  padding: 10px;
  width: 20.5%;

}
.view-id-best_deals .views-row .views-field {
  margin-top: 10px; min-height: 23px;
}
.view-id-best_deals .views-field-field-product-name {
  max-width: 100% !important;
  width: 100%;
  color: #6f7a80;
  font-weight: 700;
  font-size: 13px;
}
.view-id-best_deals .views-field-field-product-features {
  color: #9fa6ad;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
}

/** ADDED by DEV 22nd september**/
.view-id-personal_loans .view-content table tbody .moreinfo-col .info-value {
  color: #006621;
}
.view.view-comparison-personal-loan.view-id-comparison_personal_loan.view-display-id-page table {
  table-layout: fixed;
  width: 100%;
}
.view-id-best_deals .views-row{
  border: 1px solid #25aae1;
}

/** Added on 23rd sept **/
.view-best-deals .view-content .views-row {
  width: 20.5%;
  line-height: 15px;
  border-radius: 4px;
}

.view-foreign-exchange .view-filters{
  display: inline-block;
  position: relative;
  bottom: 0px;
  top: 70px;
  margin-top: -65px;
  width:100%;
}

.view-foreign-exchange .view-filters form{ width:100%;box-shadow:none;-webkit-box-shadow:none}
#views-exposed-form-foreign-exchange-page{min-height:inherit}
#views-exposed-form-foreign-exchange-page .views-widget-sort-by .form-item-sort-by {
  float: right;
  margin-right: 100px;
}
#views-exposed-form-foreign-exchange-page .views-widget-sort-by .form-item-sort-by label, #views-exposed-form-personal-loans-page .views-widget-sort-by .form-item-sort-by label {
  font-size: 13px;
}
#views-exposed-form-foreign-exchange-page .views-widget-sort-by .form-item-sort-by select{-webkit-appearance: block;}
#views-exposed-form-foreign-exchange-page .views-exposed-widgets input .form-submit{padding: 2.5px 5px;}

#views-exposed-form-foreign-exchange-page .views-widget-sort-by .form-select, #views-exposed-form-personal-loans-page .views-widget-sort-by .form-select {
  height: 30px;
  font-size: 1.2rem;
  margin-top: 5px;
  border: 1px solid #c8eaf7;
}
#views-exposed-form-foreign-exchange-page .views-exposed-widgets input.form-submit{
    padding: 6px 6.5px;
    font-size: 12px;
    background-color: #fff;
    color: #000;
}

/** Added by DSL on 24th sept **/
.view-personal-loans .views-table td.views-field-nothing {
  position: relative;
  padding-bottom: 36px;
}

/*** Added by DSL on 25th sept ***/
.page-money-transfer .view-header{
  margin-bottom: 5px;
}
.views-field-field-pfeature ul li
{
   text-align: left;
}

/*** Added by DSL on 12th oct ***/
.moreinfo-right .note li {
  color: #25aae1;
}

.view-id-personal_loans .views-field-view-1 {
  position: relative;
}
.view-id-personal_loans .views-field-view-1 .links {
  bottom: 5px;
  position: absolute;
}

.trslide {
  background-color: #f8f8f8;
}

#views-exposed-form-personal-loans-page .views-widget-sort-by .form-item-sort-by {
  float: left;
  margin-right: 10px;
}
#views-exposed-form-personal-loans-page .views-widget-sort-by .form-submit {
  font-size: 12px;
  background-color: #fff;
  color: #000;
  border: 1px solid #c8eaf7;
  bottom: -5px;
  position: relative;
}
.easy-breadcrumb {
  float: left;
  margin-bottom: 20px;
}

.webform-client-form-47468 .webform-client-form .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea{
   width: 100%;
}
.page-node-47473 #content .inner #content-header .title{
  display: none;
}
.brokerdetails{
  max-width: 100%;
}

#node-47472 .node-inner .node-title{
  display: none;
}
.page-personal-loans #cboxMiddleLeft,
.page-personal-loans #cboxMiddleRight {
  display: none;
}


@media (min-width: 768px) {

  .quicktabs-tabpage {
    padding: 20px 0;
  }
  #edit-tid-wrapper{
    width: 45%;
    clear: both;
    padding-bottom: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    bottom: 20px;
    border-left: 1px solid #25aae1;
    padding-left: 5%;
  }

  .views-widget .form-type-checkbox{
      display: inline-block;
      width: 100%;
  }

  .feedbackblock .webform-client-form-3411 .form-type-radio:first-child{
    margin-right: 10px;
  }

  .cbheader,.webform-client-form-47468 .form-actions,.page-contact-mortgage-adviser .webform-client-form-47468 .form-item .form-email,.page-contact-mortgage-adviser .webform-client-form-47468 .form-textarea-wrapper textarea{
     max-width: 83%;
  }

  .quicktabs-tabpage:after {
    content: "";
    display: table;
    clear: both;
  }

  #quicktabs-tabpage-mortgage-1 > .node.node-webform {
    float: left;
    width: 65%;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #quicktabs-tabpage-mortgage-1 input[type="text"],
  #quicktabs-tabpage-mortgage-1 input[type="email"],
  #quicktabs-tabpage-mortgage-1 textarea {
    width: 100%;
  }

  #quicktabs-tabpage-mortgage-1 > .view-custom-block {
    float: left;
    width: 35%;
    padding-left: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #navigation .content > ul > li > a {
    display: block;
    padding: 2px 6px 18px 0;
  }

  .footerbottom{
    padding-bottom: 20px;
  }
}

#quicktabs-tabpage-mortgage-1 .view-custom-side-block .views-field-title {
    text-align: center;
}
#quicktabs-tabpage-mortgage-1 .view-custom-side-block .views-field-title .field-content{
  font-size: 20px;
  text-transform: uppercase;

}

#node-47468 .node-title,.page-node-3411 .breadcrumb{
  display: none;
}
.quicktabs_main.quicktabs-style-excel {
  border-bottom: none!important;
}
.breadcrumb,span.easy-breadcrumb_segment.easy-breadcrumb_segment-title,a.easy-breadcrumb_segment-2,a.easy-breadcrumb_segment.easy-breadcrumb_segment-front,span.easy-breadcrumb_segment-separator,a.easy-breadcrumb_segment.easy-breadcrumb_segment-1 {
    font-size: 15px;
margin-bottom: 20px;
}

#node-47468 .node-title{
  display: none;
}
.views-field-title {
  margin-bottom: 10px;
}
.brokerdetails .rtecenter{
border: 1px solid #ccc;
border-radius: 5px;
line-height: 1.6em;
}
.webform-client-form-2069 .form-item input,.webform-client-form-2069 .webform-component-textarea #edit-submitted-message{
  width: 446px;

}

.block-sharethis span{
  display: block;
}
.block-sharethis{
  position: fixed;
  top: 50%;
  margin-top: -90px;
  right: 0px;
}
.block-sharethis .st_plusone_large{
  display: none;
}

/* added by dev - dDilsw */

.webform-client-form-47468 .webform-component--label{
  text-align: center;
  border: 1px solid #9fa6ad;
  border-radius: 8px;
  margin-bottom: 10px;
}
.webform-client-form-47468 .webform-component--label p{
  text-align: center;
}
.webform-client-form-47468 .webform-component p{
  padding-bottom: 0px! important
}
.webform-client-form-47468 .webform-component label.error{
  margin-top: 10px;
}

.webform-client-form-3411 .webform-component--have-you-found-our-site-helpful label{
  float: left;
}
 .webform-client-form-3411 #edit-submitted-have-you-found-our-site-helpful .form-type-radio{

  float: left;
}
 .webform-client-form-3411 .webform-component--your-feedback label{
  float: left;
}
.webform-client-form-3411 .webform-component--first-name label{
  float: left;
}
.webform-client-form-3411 .webform-component--first-name #edit-submitted-first-name{
  display: block;
  clear: both;
}
.webform-client-form-3411 .webform-component--email label{
  float: left;
}
.webform-client-form-3411 .webform-component--email .email{
   display: block;
  clear: both;
}
.webform-client-form-3411 .webform-component--your-feedback{
  clear: both;
}
.webform-client-form-3411 .webform-component--first-name #edit-submitted-first-name--2{
  display: block;
  clear: both;
}
.textblockimage{
  text-align: center;
  margin-top: 50px;
}

/* ........................................   responsive styles D-dilSW .........................................  */

/*  ......  tablet sized devices .........  */


@media only screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1) {

  textarea.form-textarea, input.form-text {
    border: 1px solid #ccc;
    /*border-radius: 1px;*/
  }

  .webform-client-form-3411 .webform-component--have-you-found-our-site-helpful > label {
    position: relative;
    top: 4px;
  }

  div.info, span.info {
      vertical-align: top;
      display: inline-block;
      margin: 0 0 0 25px;
  }

  div.info:hover>.info_inner {
      left: -50px;
  }

  .comparison-link {
    width: 100%;
    margin-right: 0;
    left: 0;
  }
}

@media (max-width:959px) {

  /* home page */
  #navigation .content ul li {
    margin-left: 8px;
  }

  .wrapper, .region-bottom {
    width: 750px;
  }

  .view-id-best_deals .views-row {
    margin: 0 5px;
  }

  #footer-second {
    top: 50px;
  }

  #footer>div>div.inner {
    padding-bottom: 0;
  }

  /* .. home page accordian .. */

  .view-homepage-accordion .views-row.hide,
  .view-homepage-accordion .views-row.show,
  .view-homepage-accordion .views-row {
    width: 20%;
    text-align: center;
    margin-right: 0;
  }

  .view-homepage-accordion .views-row {
    overflow: visible;
  }

  .view-homepage-accordion .views-row .views-field-field-accordian-image {
    float: none;
    margin: 0 auto;
  }

  .view-homepage-accordion .views-row .views-field-field-text {
    width: 100%;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px 15px;
  }


  .view-homepage-accordion .views-row.show > .views-field-field-accordian-image img {
    opacity: 0.7;
  }

  .view-homepage-accordion .views-row.hide > .views-field-field-text {
    display: none;
  }

  /*......  guide page ............  */

  .sidebar-second #content, .sidebar-second #aside-second {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
  }

  .sidebar-second #aside-second {
    margin: 30px 0 0;
  }

  #aside-second>.inner {
    padding:  0 10px;
  }

  form[id*="google-currency-converter-form"] .form-item-amount input[type="text"] {
    width: 100%;
  }

  /* ........................  mortgage page .......................  */

  .form-type-select .form-item.form-type-bef-checkbox {
    width: 50%;
  }

  /* ...  banner margin - term deposit page ........  */

  .view-adspace {
    margin-bottom: 20px;
  }

  #views-exposed-form-personal-loans-page .views-widget-sort-by {
    top: 70px;
        padding-top: 20px
  }


  .view-personal-loans .views-table .flag-link, .view-Mortgages .views-table .flag-link{
    bottom: auto;
    left: 10px;
    top: 35px;
  }

  .webform-container-inline .form-textarea-wrapper {
    width: auto;
  }
}


/* .............  styles for responsive table ..............  */

@media (max-width:800px) {
  .no-more-tables td.views-field-title{
    padding-right: 35%;
    /*overflow: hidden;*/
  }

  .views-field-field-rate-on-cash-advance,
  .views-field-field-rate-on-purchases,
  .views-field-field-interest-free-days,
  .view-savings .views-field-field-product-name,
  .views-field-field-institute, .views-field-field-annual-account-fee,
  .views-field-field-product-name,
  .views-field-field-minimum-deposit, .views-field-field-maximum-deposit,
  .view-savings .views-field-nothing, .view-term-deposits .views-field-nothing,
  .views-field-field-saving-type, .view-personal-loans .views-field-nothing {
    max-width: 100%;
  }

  .view-Mortgages .views-field-nothing,
  .view-personal-loans .views-field-nothing,
  .view-term-deposits .views-field-nothing-1,
  .view-savings .views-field-nothing-1, .view-id-foreign_exchange td.views-field-title {
    width: auto;
    max-width: 100%;
  }

  .no-more-tables td.views-field-title div,
  .no-more-tables td.views-field-field-institute div {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }

  div.info, span.info{
    margin-top: 0;
    vertical-align: middle;
    margin-left: 25px;
    display: block;
  }

  .views-field-title .gotosite input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
  }

  .no-more-tables td .morelinks, .no-more-tables td .more-detial {
    display: block;
    vertical-align: middle;
  }

  .no-more-tables td .more-detial {
    position: relative;
    margin-left: 0px;
  }

  .view-personal-loans .views-table td.views-field-nothing {
    padding-bottom: 8px;

  }

  .no-more-tables td .product_name {
    display: block;
  }

  /* ..................  money transfer page ...................  */

  .view-id-foreign_exchange tr.odd td, .view-id-foreign_exchange tr.even td {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
  }

  .view-id-personal_loans tr.odd td, .view-id-personal_loans tr.even td {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
  }

  .view-id-Mortgages tr.odd td, .view-id-Mortgages tr.even td {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
  }

  .view-id-foreign_exchange tr td table tr {
    border-left: none;
    border-right: none;
  }

  .view-id-foreign_exchange tr td table tr {
    display: table-row;
  }


  .view-id-foreign_exchange tr td table {margin-bottom: 0;}
  .view-id-foreign_exchange tr td table tr td {
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
  }

  .view-id-foreign_exchange tr td table tr:last-child td {border-bottom: none;}

  .history-label {width: auto;}

  .view-id-foreign_exchange .moreinfo .moreinfo-left {
    display: none;
  }

  .view-id-foreign_exchange .views-field-title {margin-bottom: 0;}

  /* ....................  personal loans page ....................  */

  a.tr_hide {
    position: relative;top: 1px;
  }
  .no-more-tables td.moreinfo-col {
    padding-left: 0;
  }


  .no-more-tables td.moreinfo-col table tr {
    border-bottom: 1px solid #eee;
  }
  .no-more-tables td.moreinfo-col table tr:after {
    content: "";
    display: table;
    clear: both;
  }
  .no-more-tables td.moreinfo-col table tr td {
    padding-left: 10px;
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .no-more-tables td.moreinfo-col table tr td.info-label {
    clear: left;
  }
}


@media (min-width:768px) and (max-width: 959px) {

   #quicktabs-tabpage-mortgage-1 > .view-custom-side-block.view-id-custom_side_block {
    margin-left: 65%;
   }
}

@media (min-width:321px) and (max-width: 420px) {
  .view-id-homepage_accordion {
      margin-top: 32px!important;
  }
}

@media (max-width: 740px) {
  p.pfa {
     font-size: 20px;
  }
  #content .mortgage_adviser_left p{
    text-align: left;
  }
}



@media (min-width:768px) and (max-width: 959px) {

   #quicktabs-tabpage-mortgage-1 > .view-custom-side-block.view-id-custom_side_block {
    margin-left: 65%;
   }
}

/* ..............  for mobile devices ............... */

@media (max-width:767px) {

  .view-id-custom_side_block { margin-top: 30px;}

  .wrapper, .region-bottom {
    width: 100%;
  }

  #block-views-random_homepage_banner-block .views-field-body, #main {
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #logo a {left: 15px;}

  #navigation {z-index: 100;}

  #navigation>div>div.inner {
    float: none;
  }

  #superfish-1-toggle {
    width: 42px;
    height: 42px;
    background-color: #37c1f0;
    padding: 0 10px;
    box-sizing: border-box;
    margin-left: 15px;
    display: inline-block;
    background-image: url("../img/threelines.png");
    background-repeat: no-repeat;
    background-position: 10px 11px;
  }

  #superfish-1-toggle span {
    text-indent: -99999px;
    display: block;

  }

  #superfish-1-toggle span:after {
    top: auto;
    bottom: 8px;
  }

  #second-navigation {
    z-index :101;
    top: 81px;
    padding-right: 15px;
    width: auto;
    right: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #navigation .content ul#superfish-1-accordion {
    background-color: #FFF;
    padding: 0 15px 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  }

  #navigation .content ul#superfish-1-accordion li {
    margin: 0;
    padding: 0;
  }

  #navigation .content ul#superfish-1-accordion li a {
    padding: 10px 0;
    border-right: 0;
  }

  #navigation .content > ul > li > ul > li > a, #navigation .content > ul ul > li > a {
    padding: 6px 12px!important;
  }
  .sf-menu span.nolink {
    padding: 10px 0 !important;

  }
  #navigation .content > ul > li > ul ul {
    margin-left: 0;
    padding-bottom: 5px;
    background-color: #f1f1f1;
  }

  /* reset / remove heights in header */

  .front #header { height: 368px;}
  .page-best-deals #header { height: auto; margin-bottom: 20px;}
  .iphone.front #header p {
    font-size: 12px;
    line-height: 16px;
  }

  #block-views-random_homepage_banner-block .views-field-body {
    position: relative;
    bottom: 40px;
    background: #f4f4f4;
  }

  #block-views-random_homepage_banner-block { height: auto;}

  .view-best-deals .view-content .views-row {
    width: 100%;
    margin: 0 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #block-views-random_homepage_banner-block .views-field-field-home-page-banner-image {
    padding-top: 22px;
    background-color: #FFF;
  }

  #block-views-random_homepage_banner-block .views-field-field-home-page-banner-image img {
    display: block;
  }

  #feedback-panel:hover, #feedback-panel.hover {
    left: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 9999;
  }

  #backtotop>a { z-index: 99999;}

  /* ............. home page accordian .........*/

  .view-homepage-accordion {
    margin-top: 15px;
  }

  .view-homepage-accordion .views-row .views-field-field-accordian-image img {
    width: 36px;
    height: auto;
  }

  .view-homepage-accordion .views-row .views-field-field-accordian-image {
    width: auto;
  }


  #footer-second .content ul, #footer-first {
    text-align: center;
  }

  #footer{
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #footer .content p {
    padding-bottom: 0;
  }

  #footer-second {
    text-align: center;
    position: relative;
    top: 0;
    margin-top: 15px;
  }

  #footer>div>div.inner {
    padding: 30px 0;
    margin-top: 30px;
  }

  /* ............  guides page table ...................  */

  #aside-second>.inner {padding: 0;}

  .view-display-id-page table td {
    border-right: none;
  }
  .view-Mortgages td:first-child {
      overflow: hidden;
    }
  .view-display-id-page table td p {
    margin-bottom: 0!important;
  }
  .view-id-guides .views-field-body .guide-title {
    margin-top: 10px;
  }

  /* .................  mortgage page ....................  */

  #edit-field-saving-type-tid-wrapper, #edit-field-credit-card-type-tid-wrapper,
  #edit-field-term-tid-wrapper, #edit-field-term-days-value-wrapper,
  #edit-field-equity-level-tid-wrapper, #edit-type-wrapper,
  #edit-field-institute-type-tid-wrapper, #edit-field-minimum-deposit-value-wrapper,
  #edit-field-personal-loan-type-tid-wrapper, #edit-term-node-institutions-wrapper,
  #edit-term-personalloan-wrapper {
    width: 100%;
  }


  #edit-term-node-institutions-wrapper {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 0;
    border: none;
  }

  .view-filters .views-submit-button {
    position: relative;
    right: 0;
    bottom: 0;
  }

  .view-filters .views-reset-button {
    z-index: 1000;
    right: auto;
    left: 150px;
  }

  .quicktabs-tabs:after {
    content: "";
    display: table;
    clear: both;
  }

  .brokerdetails p {
    padding: 15px;
  }

  #views-exposed-form-personal-loans-page .views-widget-sort-by {
    float: left;
    top: 130px;
    left: -19px;
  }


  /* ..................  money transfer page ...................  */

  .view-id-foreign_exchange .no-more-tables > table>tbody>tr>td {
    padding-left: 10px;
    padding-top: 40px;
  }

  .view-id-foreign_exchange .no-more-tables > table>tbody>tr>td.views-field-title {
    padding-left: 50%;
    padding-top: 10px;
  }

  .view-id-foreign_exchange .no-more-tables > table>tbody>tr>td.views-field-title {
    padding-left: 50%;
    padding-top: 10px;
  }

  .view-id-foreign_exchange .no-more-tables > table>tbody>tr>td.moreinfo-right { padding-top: 10px;}

  .view-id-foreign_exchange td.views-field-nothing,
  .view-id-foreign_exchange td.views-field-nothing-1 {
    width: auto;
  }

  .view-id-foreign_exchange .no-more-tables td:before { top: 14px;}

  .view-id-foreign_exchange div.note { width: 100%; padding-right: 0;}

  /* .....................  personal loans page ................................  */

  .view-id-personal_loans .view-filters form {
    margin-bottom: 60px;
  }

  #views-exposed-form-personal-loans-page .views-widget-sort-by {
    position: absolute;
    top: auto;
    bottom: -50px;
    left: 0;
    max-width: 100%;
  }

  div.info, span.info {
   /*margin-left: 14px; */
   position: static;
   margin-right: 10px;
  }




  .view-personal-loans table tr td.views-field-field-rate-descriptive {
    position: relative;
  }

  div.info:hover>.info_inner {
    left: auto;
    right: 0;
    max-width: 200px;
    top: 100%;
  }

  div.special:hover>.info_special, span.calculation-desc-iphone:hover>.info_calcution_iphone {
    max-width: 200px;
  }

  #block-webform-client-block-45505 .block-inner {
    position: fixed!important;
    width: 100%;
    left: 0!important;
    right: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

  }

  .no-more-tables td .more-detial { margin-top: 0px;}

  .views-field.views-field-field-last-scrape {
    margin-top: 0;
  }

  .views-label-field-last-scrape{
    float: left;
    padding-right: 10px;
  }
  .page-money-transfer .view-header {
    margin-bottom: 0;
  }

  /* ......  social share toggle .........  */


  /* contact page */

  .webform-container-inline .form-textarea-wrapper,
  .webform-client-form-2069 .form-item input, .webform-client-form-2069 .webform-component-textarea #edit-submitted-message {
    width: 100%;
  }
}

.page-node-47473 .breadcrumb{
   font-size: 15px;
}
#navigation .content ul li li a {
    border: none;
}
.view-id-guides .views-field-field-icon img {
  max-width: 150px;
  width: 100%;
  height: auto;
}


.pager-show-more{
    width: 100%;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #efefef;
    border-radius: 5px;
    margin: 0;
    padding: 4px 0 4px 0;
}
.view-guides .view-content .views-view-grid{
  width: 100%;
}
#edit-output,#edit-amount{
  width: 100%;
}
.textstyle{
  line-height: 23px!important;
      font-size: 1.5rem!important;
    color: #9fa6ad!important;
}

/*#google-currency-converter-form select{
    border: 1px solid #ccc;
    padding: 5px;
    width: 100%;
    margin: 5px 0 5px 0;
    border-radius: 5px;
    font-size: 11px;
}
#google-currency-converter-form input[type='text']{
    padding: 5px;
    width: 100%;
    margin: 5px 0 5px 0;
    border-radius: 5px;
    font-size: 11px;
}
#google-currency-converter-form input[type='submit']{
    padding: 10px 20px;
    margin: 5px 0 10px 0;
    border-radius: 5px;
    font-size: 11px;
}
#google-currency-converter-form ul{
    width: 100%;
    margin: 0px;
}
#google-currency-converter-form div.messages{
padding:10px 10px 10px 20px !important;

}


}*/
.view-guides .item-list .pager-show-more .pager-show-more-next a{
  text-decoration: none!important;
}


.view-id-guides .views-view-grid tr:first-child > td { padding-left: 0px; padding-top: 0px;}
.view-id-guides .views-view-grid tr:first-child .field-content { margin-right: 10px;}

.sidebar-second #aside-second, #content_header {padding-top: 20px;}

.views-field-field-top-left-ad {text-align: center;}
.page-mortgages .views-field-field--bottom-image, .page-personal-loans .views-field-field--bottom-image, .page-term-deposits .views-field-field--bottom-image, .page-savings .views-field-field--bottom-image, .page-credit-cards.views-field-field--bottom-image,.page-money-transfer.views-field-field--bottom-image{
  text-align: center;
  padding-top: 15px;
}

.view-id-guides .views-field-field-icon {
  width: 25%;
  float: left;
}
.view-id-guides tr:first-child .views-field-field-icon{
  width: 50%!important;

}
.view-id-guides .views-view-grid tr:first-child .views-field-field-icon img {
 max-width: 340px;
 width: 100%;
}
.block-superfish .content .sf-menu .first .sf-sub-indicator{
display: none;


}
.texthover:hover{
  color:#f7941e!important;
}

#torfx-converter input {
    width: 100%!important;

}
#cookie-compliance{
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0px auto;
  z-index: 9999999;
}
#footer>div>div.inner{
  margin-bottom: 0px;


}
.cookie-compliance__text {
    float: left;
    padding: 9px;
}
.cookie-compliance__text p{
  font-size: 14px;
  color: #ffffff;
}

#footer .inner{
background: #e9e9e9;
padding: 15px;
border-radius: 10px;}


.search-form .container-inline .form-item input{
  width: 100%;
  border-radius: 4px;
}

/*....................css by aman on 8th may 2016.................*/
aside#aside-second {
    margin-top: 20px;
}
.headnav {
   position: fixed!important;
   z-index: 99999;
   margin: auto;
   width: 100%;
   background-color: #fff;
   height: 113px;
   top: 0px;
}
span.sf-sub-indicator {
    display: none;
}
aside#aside-second {

    padding: 10px;
}
.block-torfx-cc h2.block-title,#block-block-4 h2.block-title,#block-views-guide_article_filter-block .block-inner .block-title{
  background-color: #0D0D0D;
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    border-bottom: 4px solid #FFC000;
}
.views-field.views-field-field-introduction {
  padding-left: 175px;
}
.sf-depth-1.menuparent.nolink.sf-with-ul{
      padding: 2px 13px 18px 0;
    border-right: 1px solid #25aae1;
    border-bottom: 1px solid #25aae1;
    cursor: pointer;
    color: #6f7a80;
}
.sf-depth-1.menuparent.nolink.sf-with-ul:hover {
    color: #f7941e;
    border-color: #f7941e;

}
span.easy-breadcrumb_segment.easy-breadcrumb_segment-1 {
    font-size: 15px;
}

.footer-panel{
  clear:both;
}
#block-block-7{
  width: 33%;
  float: left;
}
#block-menu_block-1{
  width: 33%;
  float: left;
}
#block-views-guides-block_1{

  width: 33%;

  float: left;
}
.cookie-compliance__inner {
    width: 960px;
    margin: 0 auto;
}
#block-block-1 .block-inner .content ul li{
  float: left;
}
#block-search-form .content .form-actions{
  display: none;
}
#block-menu_block-1 .block-inner .content .menu li a{
      font-size: 1.5rem!important;
    color: #222!important;
}
.tagclouds-term a{
      line-height: 23px!important;
      font-size: 12px;
    }

h2.field-content.blogh2 {
    font-size: 13px!important;
}
.footertop{
  border-bottom: 5px solid #00adef;
margin-bottom: 20px;
 padding-left: 10px;
  padding-right: 10px;
}
#block-search-form{
  margin-bottom: 15px;
}
.menu-mlid-4029{
  display: none;
}
#footer-first{
  float:left;
  padding: 0 15px;
}
.footerright{
  width: 24%;
float: left;
}


.cookie-compliance__inner {
width: 960px;
margin: 0 auto;

}
#block-block-1{
  margin-bottom: 20px;
}
h2.field-content.blogh2 {
    font-size: 13px!important;
}
.footerleft{
  width: 75%;
float: left;
}

#block-views-guides-block_1 td{
  border-right: none;
  border-bottom: none;
}
#block-views-guides-block_1 .views-field-title{
  margin-bottom: 0px;

}
.textstyle a,.view-id-guides .textstyle a {
  color: #222!important;
}
#block-block-7 .block-inner .content ul li a{
  color: #222!important;
}

.textstyle a {
  color: #9fa6ad!important;
}
.view-id-guides td{
padding-left: 0px;
padding-bottom: 0px;
}

#block-block-1 .block-inner .content  ul{
margin-left: 0px;
}
#block-block-1 .block-inner .content ul li {
    float: left;
    margin-right: 15px;
    list-style: none;
}
#admin-menu{
  z-index: 999999;
}

.headernav {
   z-index: 99999;
   margin: auto;
   width: 100%;
   background-color: #fff;
   top: 0px;
}
.region-sidebar-second .view-id-nodebanner{
  padding-top: 10px;
}
.page-node-47518 .field-type-image,.page-node-47519 .field-type-image,.page-node-47520 .field-type-image{
  text-align: center;
}
.popup-content.info {
    width: 100%;

}
#popup-text{
  margin-top: 10px!important;
}
.sliding-popup-bottom{
 background: #222!important;
 height: auto !important;
}
#popup-buttons button{
  background-color: #00ADEF!important;
  border: 1px solid #00ADEF!important;
  color: #fff!important;
  text-shadow: none!important;
  font-size: 14px!important;
  margin-top: 10px;
}
#popup-text .textstyle{
  color: #ffffff!important;
}
#sliding-popup .popup-content #popup-buttons button {
    background: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: o;
    border-radius: 0;
    padding: 10px 20px;
}
#sliding-popup .popup-content #popup-buttons button:hover {
    background: none;
}
#sliding-popup .popup-content #popup-text {
    max-width: 88%;
}
#sliding-popup .popup-content #popup-buttons {
    max-width: 11%;
    float: right;
    margin-top: 0px;
}

#sliding-popup .popup-content #popup-text h2{
  font-weight: normal!important;
}

#popup-buttons .find-more-button{
  display: none!important;
}
.textblack {
    color: #000000!important;
}
#edit-field-equity-level-tid
{
  border: 1px solid #ddd;
    font-size: 1.2rem;
    padding: 5px 2px;
    color: #6f7a80;
}

#block-menu_block-1 .block-inner .content .menu li a::first-letter{
  text-transform: uppercase;
}
#block-menu_block-1 .block-inner .content .menu-name-main-menu ul li,#block-block-7 .block-inner .content li,.view-best-deals li,.view-id-guides  .textstyle a {
    list-style: none;
}

.textsize{
  font-size: 13px!important;
}

footer {
    background: #e9e9e9 none repeat scroll 0 0;
    margin-top: 50px;
}

.region-footer .block li a::before {
    background: rgba(0, 0, 0, 0) url("../img/arrow.png") no-repeat scroll left center;
    content: "";
    height: 5px;
    padding-right: 11px;
    width: 5px;
}
.view-best-deals li::before {
     background: rgba(0, 0, 0, 0) url("../img/tick-img.png") no-repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 0;
    padding-right: 0;
    position: absolute;
    width: 10px;
}
.view-best-deals li{
    padding-left: 19px;
    position: relative;
    text-align: left;
}
.view-best-deals .views-field-field-logo img{
  width: auto;
  height: 29px;
}

.view-id-guides tr:hover{
    background: transparent;
  }
.region-footer .block div a::before {
    background: rgba(0, 0, 0, 0) url("../img/arrow.png") no-repeat scroll left center;
    content: "";
    height: 5px;
    padding-right: 11px;
    width: 5px;
    position: absolute;
    left: 0;
    top: 8px;
}
footer .wrapper {
    width: 100%;
}
footer .inner {
    width: 100%;
}
.footertop{
    border-bottom: 0 none;
    margin: 0 auto;
    max-width: 960px;
}
.footerbottom {
    width: 100%;
     border-top: 5px solid #00adef;
     padding-top: 20px;

}
.footerbottominner #footer-second {
    clear: inherit;
    float: right;
    position: inherit;
    right: inherit;
}
.footerbottominner {
    margin: 0 auto;
    max-width: 960px;
}
.footerbottom{
    background: #f2f2f2 none repeat scroll 0 0;
}
.view-id-nodebanner .field-content.adimage {
    text-align: center;
}
.view-id-nodebanner .field-content.adimage a img{
     margin-bottom: 10px;
    border: none;
  }
.view-id-nodebanner .field-content.adimage img{
     margin-bottom: 10px;
    border: none;
  }
.views-widget .description{
  display: none;
}
.hypercolor {
    color: #37c1f0;
}
.pdtop{
  padding-top: 115px;}

.view-id-homepage_accordion{
  margin-top: 15px;
}

.textsizenew{
  font-size: 14px!important;
}
.removesel{
  float: right;
  margin-right: 5px;
  z-index: 999999999;
}
.removeproductlink{
    background: rgba(0, 0, 0, 0) url("../img/cross3.png") no-repeat;
    top: 0px;
    width: 33px;
    height: 33px;
    margin-right: 10px
}
.page-term-deposits .views-field-field-maximum-deposit,.page-savings .views-field-field-maximum-deposit,
.page-term-deposits .views-field-field-minimum-deposit,.page-savings .views-field-field-minimum-deposit{
  min-width: 95px;
}

#cboxLoadedContent{
  min-width: 100%;
}
.page-money-transfer .moreinfo-right .note ul{
  list-style: none;
  margin: 0px;
}
#cboxClose{
  width: 40px;
  height: 28px;
  margin: 1px;
  font-size: 13px;
  border-radius: 5px;
  top: 0px;
  text-indent: 0;
  background: none;
  background-color: #f7941e;
  color: white;
}
#cboxContent{
  padding-top: 30px;
}
#cboxTopLeft,#cboxTopRight,#cboxTopCenter{
  display: none;
}
.view-comparison-personal-loan .view-header{
 margin-bottom: 0px;
}
.section-glossary .breadcrumb{
  display: none;
}
.textblue,.textblue a{
  color: #37c1f0 !important;
}
.node-type-guides .content .node-inner img{
  max-width: 100%!important;
}
#cboxLoadedContent {
    margin-bottom: 0px!important;
}
.webform-client-form-45505 .webform-component--titlenew
{
  font-size: 18px;
  color: #37c1f0;
  font-weight: bold!important;
}
#block-webform-client-block-45505 .popups-close {
    margin-top: -13px;
    margin-right: -11px;
}
.removeproductlink{
  cursor: pointer;
}
.view-comparison-personal-loan .view-header{
  margin-top: 0px!important;

}
.view-comparison-personal-loan .view-header{
  margin-bottom: 10px;
}
.view-comparison-personal-loan .view-header a{
    float: left;
    width: 40px;
    height: 28px;
    border-radius: 5px;
    margin: 1px;
    top: 0px;
    padding: 4px 10px 0px 10px;
    text-indent: 0;
    background: none;
    background-color: #f7941e;
    color: white;
    margin-bottom: 5px;
}
.page-personal-loans #cboxContent .view-comparison-personal-loan .view-header{
  display: none;
}
.page-node-3411 #edit-submitted-your-feedback,.page-node-3411 #edit-submitted-first-name,.page-node-3411 .email{
  max-width: 445px!important;
}
.form-textarea-wrapper textarea {
     width: 100%;
}
.page-node-3411 .form-actions .webform-submit{
  width: auto;
}
.tooltip{
  display: none;
  position: absolute;
  z-index: 999999999;
  font-size: 12px;
  left: -75px;
  top: 11px;
}
.st_email_large,.st_facebook_large,.st_twitter_large,.st_linkedin_large,.st_google_large,.st_googleplus_large{
  position: relative;
}

.page-node-47519 h4,.page-node-47518 h4,.page-node-47520 h4,.node-type-guides h4
{
  font-size: 2.5rem!important;
  font-weight: bold!important;
}

.st_google_large .stButton .stLarge{
 background-image: url("../img/google.jpg")!important;
}
.block-sharethis{
  z-index: 999999999;
}
.sharethis-wrapper{
  position: relative;
}
.sharethis-wrapper:before{
  content: "Share";
  display: inline-block;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
  padding: 2px;
  margin-bottom: 4px;
  border-radius: 6px;
  background-color: #37C1F0;
}
#footer .block-inner h2{
  color: #6f7a80!important;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */

/*....................css by aman ends here........................*/


@media (max-width: 479px) {
  
  .form-type-select .form-item.form-type-bef-checkbox {
    width: 100%;
  }
  .webform-client-form-2069 .webform-component label {
    padding-bottom: 0px;
    padding-top: 15px;
  }
  th,
  td {
    font-size: 12px;
    font-size: 1rem;
    word-wrap: break-word;
  }
  .footerright{
    width: 100%;
    float: left;
  }
  .footerleft{
    width: 100%;
    float: left;
  }
  #block-block-8,#block-menu_block-1,#block-tagclouds-12{
    width: 100%;
    float: left;
  }
  .webform-client-form-47468 .webform-component textarea.form-textarea, input.form-text {
    width: 100% !important;
    max-width: 100%;
  }
  /* Tab customization in mortgages page */
  ul.quicktabs-tabs.quicktabs-style-excel li a,
  ul.quicktabs-tabs.quicktabs-style-excel li.first,
  ul.quicktabs-tabs.quicktabs-style-excel li.first.active,
  ul.quicktabs-tabs.quicktabs-style-excel li.active {
    background: none!important;
  }
  ul.quicktabs-tabs.quicktabs-style-excel li a {
    padding: 10px 15px;
    background-color: #f4f4f4!important;
  }
  ul.quicktabs-tabs.quicktabs-style-excel { height: auto; padding: 0; }
  ul.quicktabs-tabs.quicktabs-style-excel li { width: 100%; margin: 0; padding: 0; }
  ul.quicktabs-tabs.quicktabs-style-excel li.active a {
    background-color: #ccc!important;
  }
  .view-id-guides .views-field-field-icon {
    width: 100%;
  }
  .view-id-guides tr:first-child .views-field-field-icon {
    width: 100%!important;
  }
  .view-id-guides .views-view-grid tr:first-child .views-field-field-icon img {
    max-width: 100%;
    width: 100%;
  }
  .view-id-guides .views-field-field-icon {
    width: 100%;
  }
  .view-id-guides .views-field-field-icon img {
    max-width: 100%;
    width: 100%;
  }
  #block-block-7 {
      float: left;
      width: 100%;
  }
  #block-views-guides-block_1 {
      float: left;
      width: 100%;
  }
  #sliding-popup.sliding-popup-bottom {
      background: #222 none repeat scroll 0 0;
      height: inherit !important;
  }
  #sliding-popup .popup-content #popup-buttons {
      max-width: 32%!important;
  }
  #sliding-popup .popup-content #popup-buttons {
      float: right;
      margin: 5px 0 5px 12px;
      max-width: 100%;
  }
  .views-field.views-field-field-introduction {
      padding-left: 0;
  }
  .sliding-popup-bottom {
      background:#222;
      overflow: hidden;
      position: static;
  }
}


@media (max-width: 767px) {
  #block-menu_block-1 {
      float: left;
      width: 100%;
  }
  #cboxWrapper {
    overflow: scroll;
  }
  #block-block-7 {
    float: left;
    width: 100%;
  }
  #footer-second {
    margin-top: 0;
  }
  #block-block-8 {
    margin-top: 12px;
  }
  .footerbottominner #footer-second {
    width: 100%;
  }
  .mortgage_view_header .header_msg {
    float: left;
    width: 100%;
  }
  .mortgage_view_header .mortgage_adviser {
    float: left;
    width: 100%;
  }
  .mortgage_adviser_left {
    float: none;
    text-align: left;
  }
  .mortgage_adviser_right {
    float: none;
    margin-bottom: 22px;
  }
  .mortgage_view_header .header_msg {
    float: left;
    margin-top: 12px;
  }
  .feedbackblock { width: 88%; }
  footer .region-footer .block {
    border-right: medium none;
    margin-right: 16px;
    min-height: 0;
    width: 100% !important;
  }
  footer .footerright {
    border-right: medium none;
    float: left;
    margin-right: 0;
    width: 100%;
  }
  .content .contactbroker-shortmsg, .content .contactbroker-form {
    width: 100%;
    float: none;
  }
  .page-contact-mortgage-adviser .form-actions a, .page-contact-mortgage-adviser .form-actions input {
    margin: 0 5px;
    padding: 3px 20px;
  }
  .page-contact-mortgage-adviser .webform-submit.button-primary.form-submit {
    background: #ff9a24 url("../img/arrow-white-newro.png") no-repeat scroll 100px center;
  }

  .page-contact-mortgage-adviser .form-actions a:after {
    left: 25px;
  }
  .page-contact-mortgage-adviser form .webform-layout-box .form-item.webform-component {
      float: left;
      width: 50%;
      margin: 0;
      padding: 5px;
      box-sizing: border-box;
  }
  .page-contact-mortgage-adviser form.webform-client-form .form-item {
      padding: 0 5px 10px;
  }
}

.blog-list * {
  box-sizing: border-box;
}
#content #content-header .title,.section-mortgages-guides h2 {

    margin-top: 12px;
}
.section-blog #content .content .view-header p {
    padding: 15px 0 0;
    font-weight: 500;
}
.section-blog #content .content p,
.section-mortgages-guides #content .content p, .section-money-transfer-guides #content .content p, .section-personal-loans-guides #content .content p {
    padding: 15px 0 0;
    font-weight: 500;
}
.section-blog  #content .content .blog-list .title_intro {
  border-bottom: 1px solid #757575;
  margin-bottom: 15px;
  min-height: 185px;
  position: relative;
  padding-bottom: 20px;
}
.section-blog  #content .content .blog-list .title_intro a {
    font-size: 25px;
    color: #000;
    line-height: 2.5rem;
    font-weight: bold;
    margin: 15px 0 10px;
    display: block;
}
.section-blog  #content .content .blog-list .title_intro p {
    font-style: italic;
    font-weight: 500;
    padding: 0;
    max-width: 500px;
    line-height: 24px;
    font-size: 15px;
    /*text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;*/
}
.section-blog .views-field.views-field-field-introduction {
    padding-left: 0;
}
.view-id-guides tr:first-child .views-field-field-icon, .section-blog tr:first-child .views-field.views-field-field-introduction {
    width: 100%!important;
    max-width: 100% !important;
    padding: 0;
    max-height: 100% !important;
}
.section-blog  #content .content .blog-list tr:first-child .title_intro {
  min-height: 0;
}
.view-id-guides tr .views-field-field-icon img {
    width: 100%!important;
    max-width: 100% !important;
}
.view-id-guides tr .views-field-field-icon {
  float: none;
}
.blog-list .post-date {
    text-align: right;
    font-size: 10px;
    font-style: italic;
    color: #504f4f;
    position: absolute;
    bottom: 15px;
    right: 0;
}
.section-blog .view-id-guides tr .views-field-field-icon, .section-blog .views-field.views-field-field-introduction {
  width: 50%;
  float: left;
  max-height: 200px;
  overflow: hidden;
}
.section-blog  #content .content .blog-list .title_intro .textblack {
    max-height: 6em;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}
.section-blog #content .content .blog-list .title_intro .post-date {
  bottom: 5px;
}
.section-blog .view-id-guides tr .views-field-field-icon {
  padding-right: 20px;
}
.section-blog .view-id-guides tr td{
  border: none;
  padding-bottom: 10px;
}
.block-torfx-cc h2.block-title, .product_guide {
  background: rgba(142,201,54,0.9) !important;
  padding: 10px 15px 15px;
  border-radius: 10px;
  box-sizing: border-box;
  border: none;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
  -moz-box-shadow: inset 0 3px 14px rgba(0, 0, 0, 0.44);
  -webkit-box-shadow: inset 0 3px 14px rgba(0, 0, 0, 0.44);
  box-shadow: inset 0 3px 14px rgba(0, 0, 0, 0.44);
}
.block-torfx-cc h2.block-title {
  text-align: center;
  text-transform: capitalize;
  font-size: 20px;
}
.product_guide h2 {
  background-color: transparent !important;
  border: none !important;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 10px;
  color: #fff !important;
  font-size: 22px !important;
  padding: 0 !important;
  margin-top: 0;
}
.product_guide ul {
  margin: 0;
  padding: 0;
}
.product_guide ul li {
  list-style: none;
  position: relative;
  padding-left: 12px;
}
.product_guide ul li:before {
  content: ">";
  color: #fff;
  display: block;
  position: absolute;
  top: 7px;
  left: 0px;
  font-size: 12px;
}
.product_guide ul li a, .product_guide a{
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 22px;
  text-transform: capitalize;
}
.product_guide ul li a:hover, .product_guide a:hover {
  border-bottom: 1px solid #fff;
}
.product_guide .views-field-title {
    margin-bottom: 0;
}
.pager-show-more-next {
  position: relative;
}
.pager-show-more-next .ajax-progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  bottom: 0;
  margin: auto;
  padding-left: 84px;
}
footer .region-footer h2, footer .region-footer .block div a{
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2 !important;
  font-weight: 500;
}
footer .region-footer .block div a{
  margin-bottom: 5px;
}
.section-blog footer .region-footer tr td,  footer .region-footer tr td {
  padding: 0;
}
.section-mortgages-guides strong, .section-mortgages-guides strong span {
  font-size: 15px;
  color: #504f4f !important;
}
.mortgage_list {
  border-top: 3px solid #8ec936;
  border-bottom: 3px solid #8ec936;
  margin: 30px 0 25px;
}
.mortgage_list a {
  font-size: 15px;
  color: #000000;
  line-height: 1.6rem;
  margin-bottom: 15px;
  display: inline-block;
  position: relative;
  padding-left: 25px;
}
.mortgage_list a:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 0;
  background: rgba(0, 0, 0, 0) url("../img/Green-tick.png") no-repeat scroll left center;
}

.green_tick {
    position: relative;
    padding-left: 25px;
    list-style: none;
}
.green_tick:before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    padding-right: 5px;
    left: 0;
    background: rgba(0, 0, 0, 0) url("../img/Green-tick.png") no-repeat scroll left center;
}
.red_tick {
    position: relative;
    padding-left: 25px;
    list-style: none;
}
.red_tick:before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    padding-right: 5px;
    left: 0;
    background: rgba(0, 0, 0, 0) url("../img/cross_red.png") no-repeat scroll left center;
}
.mortgage_list table {
    width: 100%;
}
.mortgage_list table tr:hover {
    background-color: transparent;
}
.mortgage_list table tr td {
  border: none;
  padding: 15px 10px;
  width: auto !important;
}
#block-block-1 .block-inner .content ul li a:before{
  content: none;
}
.callback_msg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99999;
  background-color: #d8ffe0;
  width: 300px;
  height: 120px;
  border-radius: 4px;
  padding: 15px;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  font-size: 12px;
  color: #6f7a80;
  line-height: 17px;
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
  -o-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  -ms-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  -moz-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.callback_msg a {
    display: inline-block;
    position: absolute;
    right: 14px;
    bottom: 12px;
    padding: 5px 15px;
    color: #fff;
    background: #6f7a80;
    font-size: 12px;
    border-radius: 4px;
}
#block-webform-client-block-45505 .block-inner {
    overflow-y: scroll;
    max-height: 80% !important;
    top: 10% !important;
    left: 0px!important;
    overflow-y: scroll;
    margin: 0px auto;
}
select {
  color: #6f7a80;
}
.page-user .form-item {
  margin: 0 0 15px;
}
.page-user .form-item input {
    margin: 5px 0 10px;
}
.page-user  #content-header {
    margin-bottom: 0px;
}
.page-user ul.tabs, .page-user ul.links {
  margin-bottom: 10px;
  width: 100%;
}
.page-user ul.tabs li, .page-user ul.links li {
  width: auto;
  float: left;
  margin: 0 5px 0 0;
  line-height: 22px;
}
.page-user ul.tabs li a, .page-user ul.links li a {
    padding: 5px 20px;
    min-height: 22px;
    text-align: center;
}
.page-user .form-actions input {
  width: auto;
}
.page-user .form-actions, .webform-client-form-45505 .form-actions {
  margin-top: 0;
}
.comment-form .form-item, .webform-client-form-45505 .form-item {
    padding-bottom: 10px;
}
.webform-client-form-45505 textarea.form-textarea,.webform-client-form-45505  input.form-text{
  margin-top: 0px;
}
.webform-client-form-45505 .form-item label{
    padding-bottom: 0px;
}

@media (max-width: 1023px) {
  .productfeature {
      display: none !important;
      float: none !important;
  }
  .productfeature.collapsed {
      display: block !important;
      width: 95% !important;
      overflow: hidden;
      position: static;
      min-height: 0;
  }
  .showhideblock {
    padding-right: 0;
    width: 100%;
  }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
 .productfeature.collapsed {
      display: block !important;
      min-height: 0;
  }
  .productfeature {
      display: none !important;
      float: none !important;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
  .header_msg p>br{
    display: none;
  }
}

/*only for landscape ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .productfeature.collapsed {
     display: block !important;
     min-height: 0;
  }
 .productfeature {
     display: none !important;
     float: none !important;
  }
}

@media (max-width: 991px) {
  .mortgage_adviser_left {
    float: none;
  }
  footer .footerright {
      border-right: medium none;
      float: left;
      margin-right: 0;
      width: 100%;
      min-height: 0;
  }
  footer .footerleft {
      float: left;
      width: 100%;
  }
  #block-block-1 .block-inner .content  ul {
    padding-bottom: 0;
  }
}

@media (min-width: 1023px) {
  .views-field-title .gotosite input[type="checkbox"] {
    margin: -6px auto;
  }
  .qpopup .info_inner {
    margin-left: -180px;
  }
  .views-widget .form-type-checkbox{
    display: inline-block;
    width: 50%;
  }
  .nodeinnercontent,.nodeinneradspace{
   width: 50%;
   float: left;
  }
  .nodeinneradspace img{
    padding: 10px 0px 7px 15px;
  }
  .mortgage_adviser_left{
    max-width: 68%;
  }
  .mortgage_adviser_right{
   margin-top: 12px;
  }
}

@media (max-width: 767px) {
  .feedbackblock {
      width: 295px;
      box-sizing: border-box;
  }
  .view-Mortgages .product_name {
    margin-right: 10px;
  }
  .feedbackblock .webform-component-radios.webform-component--have-you-found-our-site-helpful label {
    width: 100%;
    display: block;
  }
  .form-item.form-type-radio.form-item-submitted-have-you-found-our-site-helpful label {
      margin-right: 20px;
  }
  .view-adspace {
      margin-bottom: 0px;
  }
  #footer {
    padding: 0;
  }
  #footer .block-menu {
    padding: 0 15px;
  }
  #block-block-8 {
      margin-top: 12px;
      margin-bottom: 12px;
  }
  #footer>div>div.inner {
      padding: 0px;
  }
  .section-blog .view-id-guides tr .views-field-field-icon, .section-blog .views-field.views-field-field-introduction {
    padding-right: 0;
    width: 100%;
    min-height: auto;
    float: none;
    max-height: 100%;
  }
  .section-blog #content .content .blog-list .title_intro {
      min-height: 0;
      padding-bottom: 35px;
  }
  .section-blog  #content .content .blog-list .title_intro a {
    font-size: 20px;
  }
  .section-blog .view-id-guides tr td {
      padding-right: 0;
  }
  .section-blog .view-id-guides .views-view-grid tr:first-child .field-content {
      margin-right: 0;
  }
  .section-blog.sidebar-second #content, .section-blog.sidebar-second #aside-second{
    padding: 0;
  }
  .mortgage_list table tr td {
      display: block;
      width: 100% !important;
  }
  .no-more-tables td.views-field-title div, .no-more-tables td.views-field-field-institute div {
    position: static;
    width: auto;
    min-height: 0;
    border: none;
    float: none;
  }
}

.view-header .header_msg p strong
{
  font-size: 2rem;
}
.mortage-checklist-list
{
      padding-left: 15px;
    position: relative;
}
.broker_side_msg .mortage-checklist-list
{
    padding-left: 0px;
    position: relative;
}
.broker_side_msg .mortage-checklist-list:before{
  position: inherit;
}

.mortage-checklist-list:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    display: inline-block;
    left: 0;
    background: rgba(0, 0, 0, 0) url("../img/tick-img.png") no-repeat scroll left center;
}
.no-more-tables td:before {
    color: #000;
}
.webform-client-form-3411 {
    display: block !important;
}
#content-header
{
  margin-bottom: 40px;
}
.section-comparison-personal-loan .view-comparison-personal-loan table td {
  border-right: 1px solid #c8eaf7
}
.feedbackblock .webform-client-form-3411  input[type="radio"] + label {
  padding: 0 0 0 20px;
}

@media (min-width: 1023px) {
  .mortgage_adviser_time li {
    width: 370px;
  }
  td.views-field.views-field-field-rate.textblack {
    white-space: nowrap;
  }
  td.views-field.views-field-field-rate.textblack .info {
    white-space: normal;
  }
  #content-area .moreinfo .moreinfo-right .note
  {
    width: 75%;
    padding-right: 25px;
  }
}

@media (max-width: 769px) {
  .page-personal-loans div#colorbox , .page-mortgages div#colorbox{
      max-width: 95%;
      overflow-x: auto !important;
  }
  #cboxLoadedContent{
    width: auto;
  }
  div#colorbox {
    top: 7px!important;
  }
}

@media only screen  and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  #navigation .content ul#superfish-1-accordion{
    height: 200px;
    overflow: auto;
  }
}

@media (max-width: 1023px) {
  .no-more-tables .sticky-header thead
  {
    display: none!important;
  }
}

@media (max-width: 768px) {
  p.pfa {
     font-size: 12px;
  } 
}

@media (max-width: 480px) {
  .section-comparison-personal-loan .view-comparison-personal-loan
  {
    overflow: auto;
    max-width: 100%;
  }
  .sf-depth-1.menuparent.nolink.sf-with-ul{
    border-right: none;
  }
  .webform-client-form-45505 .webform-component--titlenew {
    font-size: 11px;
  }
  .section-comparison-personal-loan .view-comparison-personal-loan table {
    min-width: 420px;
  }
  .section-comparison-personal-loan .view-comparison-personal-loan table td {
    border-right: 1px solid #c8eaf7
  }
  #cboxClose{
    display: none;
  }
  .clear {
    clear: both;
  }
  .ads_image_right{
    margin-right: 15px;
  }
  .section-blog  #content .content .blog-list .title_intro .textblack {
    max-height: inherit;
  }
}

@media (max-width: 320px) {

  #sliding-popup .popup-content #popup-text {
    max-width: 64%;
  }
  .flag-message{
    top: 3.4rem;
  }
  a.gotosite{
    width: 73px;
  }
  .page-node-3411 .form-type-radio .option{
    margin-right: 0px!important;
  }
  .view-credit-cards td{
    padding-left: 60%!important;
  }
  .comparison-link .compare-btn{
    margin-top: 4px;
    float: left;
    margin-left: 15px;
  }
  #sliding-popup .popup-content #popup-buttons {
    max-width: 36%;
  }
  span.flag_link_text {
    display: block;
  }
  p.pfa {
   font-size: 10px;
  }

  .webform-client-form-47468 .cbheader{
    max-width: 100%;
  }
  .section-blog  #content .content .blog-list .title_intro .textblack {
    max-height: inherit;
  }
}

@media (max-width:700px){
  .showhideblock{
    width: 55%!important;
  }
  .productfeature.collapsed {
    width: 70%!important;
  }
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .block-sharethis {
    right: -38px;
    z-index: 1000;
    padding-top: 5px;
    background-color: #f9f9f9;
    border-radius: 6px 0 0 6px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }
  .block-sharethis.showshare {
    right: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
  }
  #sharetoggle {
    position: absolute;
    width: 15px;
    text-indent: -9999px;
    height: 68px;
    overflow: hidden;
    left: -15px;
    top:50%;
    margin-top: -34px;
    background-color: #f9f9f9;
    background-image: url("../img/share-arrow.png");
    background-repeat: no-repeat;
    border: 1px solid #bbb;
    border-right: 0;
    border-radius: 6px 0 0 6px;
    background-position: 0 20px;
  }
  .showshare #sharetoggle {
    background-position: -26px 20px;
    width: 30px;
    left: -30px;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .block-sharethis {
    right: -38px;
    z-index: 1000;
    padding-top: 5px;
    background-color: #f9f9f9;
    border-radius: 6px 0 0 6px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }

  .block-sharethis.showshare {
    right: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
  }

  #sharetoggle {
    position: absolute;
    width: 15px;
    text-indent: -9999px;
    height: 68px;
    overflow: hidden;
    left: -15px;
    top:50%;
    margin-top: -34px;
    background-color: #f9f9f9;
    background-image: url("../img/share-arrow.png");
    background-repeat: no-repeat;
    border: 1px solid #bbb;
    border-right: 0;
    border-radius: 6px 0 0 6px;
    background-position: 0 20px;
  }

  .showshare #sharetoggle {
    background-position: -26px 20px;
    width: 30px;
    left: -30px;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .block-sharethis {
    right: -38px;
    z-index: 1000;
    padding-top: 5px;
    background-color: #f9f9f9;
    border-radius: 6px 0 0 6px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }

  .block-sharethis.showshare {
    right: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
  }

  #sharetoggle {
    position: absolute;
    width: 15px;
    text-indent: -9999px;
    height: 68px;
    overflow: hidden;
    left: -15px;
    top:50%;
    margin-top: -34px;
    background-color: #f9f9f9;
    background-image: url("../img/share-arrow.png");
    background-repeat: no-repeat;
    border: 1px solid #bbb;
    border-right: 0;
    border-radius: 6px 0 0 6px;
    background-position: 0 20px;
  }

  .showshare #sharetoggle {
    background-position: -26px 20px;
    width: 30px;
    left: -30px;
  }
}

@media (max-width: 1024px) {

  .block-sharethis {
    right: -38px;
    z-index: 1000;
    padding-top: 5px;
    background-color: #f9f9f9;
    border-radius: 6px 0 0 6px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }

  .block-sharethis.showshare {
    right: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
  }

  #sharetoggle {
    position: absolute;
    width: 15px;
    text-indent: -9999px;
    height: 68px;
    overflow: hidden;
    left: -15px;
    top:50%;
    margin-top: -34px;
    background-color: #f9f9f9;
    background-image: url("../img/share-arrow.png");
    background-repeat: no-repeat;
    border: 1px solid #bbb;
    border-right: 0;
    border-radius: 6px 0 0 6px;
    background-position: 0 20px;
  }

  .showshare #sharetoggle {
    background-position: -26px 20px;
    width: 30px;
    left: -30px;
  }
}

@media (min-width: 1025px) {
  #sharetoggle {
      display: none;
  }
}

@media (min-width: 1366px) {
  #cboxContent {
    height: 900px !important;
  }
  #cboxWrapper {
    height: 900px !important;
  }
  #cboxLoadedContent{
    width: auto;
    height: 900px !important;
  }
  div#colorbox {
    height: 900px !important;
    top: 7px!important;
  }
}

.ads_image_left{ float:left;padding:10px !important;}
.ads_image_right{float:right;padding:10px;}
.class-clear:before{
  clear:both;
  content:"";
  display:table;
}
.views-field-title .gotosite .flag-compare-products input[type="checkbox"]{
  display: none;
}
.gotosite .flag-compare-products label {
     display: inline-block;
    float: right;
}
.gotosite .flag-throbber{
      padding-right: 10px;
      position: absolute;
      top: -23px;
      left: 0;
}
.form-item-importer-running-status{
  margin-right: 35px;
}
.edit-importer-running-status{
  float: left;
  display: inline-flex;
  margin-left: 75px;
}
.form-item-importer-running-status .option{
  padding-top: 0px;
}
.loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #3498db;
  border-bottom: 12px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (min-width: 1023px){
  #content .header_msg p{
    max-width: 100%;
  }
  .page-money-transfer #content-area .no-more-tables .views-table .views-field {
      width: 20%;
  }
  .page-personal-loans .gotosite .flag_link_text{
    font-size: 12px;
  }
  .page-money-transfer #content-area .no-more-tables .sticky-header .views-field{
    width: 20% !important;
  }

  .page-contact-mortgage-adviser .webform-layout-box .form-item.webform-component{
    max-width: 41%;
  }
}

.page-contact-mortgage-adviser input#edit-submitted-phone-city-row-postal-code {
  width: 269px;
}

.view .view-footer{
  padding-bottom: 10px;
}
#edit-field-term-days-value-wrapper .bef-checkboxes {
    /*line-height: 1;*/
}
.node-guides .content .node-created-date{
    text-align: right;
    font-size: 12px;
    font-style: italic;
    color: #504f4f;
}
#block-menu-menu-secondary-menu{
  z-index: 999;
  position:relative;
}
/***********************css for qualifying popup on personal loan page*********************************/

.page-personal-loans .info_inner .infolist:before{
    background: rgba(0,0,0,0) url(/finance_drupal/sites/all/themes/finance/img/tick-img.png) no-repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 30px;
    padding-right: 0;
    position: absolute;
    width: 10px;
    margin-top: 7px;
}

.qpopup{
  display: none;
}
.policytext .qpoplist{
  list-style: none;
}
.policytext .qpoplist li:before
{
    background: rgba(0, 0, 0, 0) url("../img/tick-img.png") no-repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 10px;
    padding-right: 0;
    position: absolute;
    width: 10px;
    margin-top: 7px;
}
.policytext .qpoplist li{
  font-size: 11px;
}
.webform-client-form-45505 .webform-component--product-category,.webform-client-form-45505 .webform-component--product{
  display: none;
} 
.formbeforecontinue{
  margin-bottom: 10px;
  font-size: 18px;
}
.morelinks .pop .hoverpopup{
  display: none;
}

.hoverpopup
{
    position: absolute;
    z-index: 2;
    right: 0;
    border: 1px solid black;
    background: white;
    padding: 0px 14px;
    min-width:  300px;
    -webkit-box-shadow: 0 0 7px #cccccc;
    -moz-box-shadow: 0 0 7px #cccccc;
    box-shadow: 0 0 7px #cccccc;
    border-radius: 12px;
    border-color: #37c1f0;
}

.page-personal-loans .hoverpopup .policytext .qpoplist li{
    color: #000000;
} 
.page-personal-loans .callback_msg{
    background: #ffffff;
} 
.adimagetitle{
  display: none;
}
#edit-mergevars-email{
  margin-top: 25px;
}
.block-mailchimp-signup .mailchimp-newsletter-mergefields, 
.block-mailchimp-signup .form-actions.form-wrapper {
    vertical-align: top;
}
.block-mailchimp-signup .mailchimp_sugin_upme {
    width:87px;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px 5px 5px 0px;
} 

@media (max-width: 992px) {
  .mortgage_view_header .header_msg{
    width: 100%;
  }
  .mortgage_view_header .mortgage_adviser{
    width: 55%;
    margin-top: 0 !important;
  }
  .mortgage_adviser_left{
    float: left;
  }
}

@media (max-width: 767px) {
  .mortgage_view_header .mortgage_adviser {
    width: 100%;
  }
  .mortgage_view_header .header_msg{
    width: 100%;
    margin-bottom: 20px;
  }
  .mortgage_adviser_left{
    /*float: none;*/
    border-right: 0 !important;
    padding-right: 0 !important;
    text-align: left;
  }
  .mortgage_adviser_right{
    text-align: left;
  }
  .mortgage_adviser_right p{
    /*text-align: left !important;*/
  }
  .mortgage_adviser_right{
    float: right;
  }
  .contact-advisor-pop{
    width: 100% !important;
    margin-top: 10px;
    display: block;
  }
  .page-contact-mortgage #node-48371, .page-contact-mortgage .mortgage-contact-right {
    float: none !important;
    width: 100% !important;
  }
  .interest-group-cell {
    text-align: left;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  .mortgage_adviser_left {
    border-right: 1px solid #37c1f0 !important;
    padding-right: 10px !important;
    text-align: left;
    width: 50%;
  }
}



@media (max-width: 320px) {
  .mortgage_adviser_left, .mortgage_adviser_right{
    float: none;
  }
}

.iphone.front #header h2{
  font-size: 2.7rem;
}

.mailchimp-msg-error, .mailchimp-msg-valid-email{
  position: absolute;
  /*top: 44px ;*/
  color:red;
}

.mortgage_adviser_right strong.textblue.cbcontact{
  padding-left: 25px;
}
.mortgage_adviser_right strong.textblue.cbcontact:before{
  left: 0;
}
.contact-advisor-pop{
    float: right;
    width: 29%;
    padding-bottom: 10px;
}
.contact-advisor-pop p{
  font-size: 0.80em;
  line-height: 1.2;
}
.display-mortgage-result{
  float:left;
  margin-top: 10px;
}
.contact-advisor-pop img{
  float:left;
  padding-right: 5px;
}

.contact-advisor-pop p.pick-blue-color{
    color:#37c1f0;
}

.con-add-header{
    text-align: center;
    padding-top:18px;
}

.page-mortgages #cboxMiddleLeft{
  display:none;
}

.page-mortgages #cboxClose{
    top: 506px !important;
    background-color: #b3b3b3 !important;
    border-color: #b3b3b3 !important;
    right: 190px !important;
    width: 85px;
    height: 35px;
    font-size: 16px;
    padding: 3px 25px;
}

.page-mortgages #cboxContent{
  padding: 10px;
}


#cbox-advisor-footer {
    margin-top: 36px;
    line-height: 1.5;
    font-size: 0.9em;
    bottom: 65px;
    padding: 0px 10px;
    text-align: justify;
    width: 102%;

}

#cbox-advisor-header {
  padding:10px 0px 5px 10px;
  border-bottom: 1px solid #b3b3b3;
  font-size: 1.2em;
  width: 102%;
}

.page-mortgages #colorbox #block-webform-client-block-48349 .webform-submit{
  background-color: #37c1f0 !important;
  border-color: #37c1f0 !important;
}

.page-mortgages #colorbox #block-webform-client-block-48349{
    width: 102%;
    padding: 0px 10px;
}

.page-mortgages #colorbox #block-webform-client-block-48349 .webform-client-form-48349 input.form-text{
    border-radius: 0px;
    width: 100%;
    margin-top:0px !important;
}

.page-mortgages #block-webform-client-block-48349{
  display: none;

}

.page-mortgages #colorbox #cboxLoadedContent{
  overflow: visible !important;
}
.page-mortgages .webform-client-form-48349 .form-actions{
  margin-top: 0px !important;
}

/* Live/Staging Start For coorbox for form #webform-client-form-48425*/

.page-mortgages #colorbox #block-webform-client-block-48425 .webform-submit{
  background-color: #37c1f0 !important;
  border-color: #37c1f0 !important;
}

.page-mortgages #colorbox #block-webform-client-block-48425{
    width: 102%;
    padding: 0px 10px;
}

.page-mortgages #colorbox #block-webform-client-block-48425 .webform-client-form-48425 input.form-text{
    margin-top:0px !important;
    width:100%;
    background: #fff;
    border-radius: 4px;
    margin-top: 10px;
    box-shadow: none;
    border: 1px solid #eaeaef;
    height: 34px;

}

.page-mortgages #block-webform-client-block-48425{
  display: none;

}
.page-mortgages .webform-client-form-48425 .form-actions{
  margin-top: 0px !important;
}
/* Live/Staging End For coorbox for form #webform-client-form-48425*/




.page-mortgages #cboxContent{
  overflow: visible;
}
.callback_msg{
  background-color: #d0d0d0;
  color:#333;
}

.page-mortgages #cboxContent, 
.page-mortgages #cboxLoadedContent, 
.page-mortgages #cboxWrapper {
    height: auto !important;
    min-height: 540px;
}
  
@media (max-width: 769px) {

  .page-mortgages #cboxContent, 
  .page-mortgages #cboxLoadedContent, 
  .page-mortgages #cboxWrapper {
    height: auto !important;
    min-height: 540px;
  }
  .page-mortgages #cboxClose {
    display: block;
    right: 0 !important;
  }
}

/*
  Mortgage Advisor form starts local
*/
.page-contact-mortgage #node-48371 .node-title,  .page-contact-mortgage #node-48371 .links{
  display: none;
}
.page-contact-mortgage #node-48371{
  width: 46%;
  float: left;
}
.page-contact-mortgage #webform-client-form-48371 .webform-submit{
  background-color:#37c1f0;
  border-color:#37c1f0;
  padding: 3px 16px;
  width: 98px;
  border-radius: 4px;
}

.page-contact-mortgage #webform-client-form-48371 .form-actions .cbcontact a{
    background-color: #fbfbfc;
    border: 0;
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 12px;
}

.page-contact-mortgage #webform-client-form-48371 .form-actions strong.textblue.cbcontact{
      display: inline-block;
}

.page-contact-mortgage #node-48371 {
  background: #fff;
  border: 1px solid #eaeaef;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(40,63,69,.06);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page-contact-mortgage #webform-client-form-48371 .form-actions{
  text-align: center;
}

#node-48371 .success_msg h1{
  color:#333;
}


/*
  Mortgage Advisor form ends local
*/

/*
  Mortgage Advisor form starts Staging/Live
*/
.page-contact-mortgage #node-48426 .node-title,  .page-contact-mortgage #node-48426 .links{
  display: none;
}
.page-contact-mortgage #node-48426{
  width: 47%;
  float: left;
}

.page-contact-mortgage #webform-client-form-48426 .webform-submit{
  background-color:#37c1f0;
  border-color:#37c1f0;
  padding: 3px 16px;
  width: 98px;
  border-radius: 4px;
}

.page-contact-mortgage #node-48426 {
  background: #fff;
  border: 1px solid #eaeaef;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(40,63,69,.06);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page-contact-mortgage #webform-client-form-48426 .form-actions{
  text-align: center;
}

.page-contact-mortgage #webform-client-form-48426 .form-actions .cbcontact a{
    background-color: #fbfbfc;
    border: 0;
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 12px;
}

.page-contact-mortgage #webform-client-form-48426 .form-actions strong.textblue.cbcontact{
  display: inline-block;
}

#node-48426 .success_msg h1{
  color:#333;
}

/*
  Mortgage Advisor form ends Staging/Live
*/



.page-contact-mortgage .mortgage-header .cbcontact{
  float: right;
  padding-top: 15px;
}


.page-contact-mortgage .mortgage-header{
  border-bottom: 2px solid #37c1f0;
}



.page-contact-mortgage .mortgage-advisor-form-heading{
  color : #333;
  margin-top: 20px;
  margin-bottom: 20px;
}

.disclaimer{
  margin-top: 20px;
}

.page-contact-mortgage .disclaimer p{
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}

.page-contact-mortgage .disclaimer img{
  max-width: 150px;
    margin: 12px 0;
}

 .interest-group-cell, .interest-cost-cell{
    height: 70px;
}

.floating-title {
    border-bottom: 1px solid #eaeaef;
    padding-bottom: 9px;
    font-size: 15px;
    color: #333;
    margin-bottom: 9px;
}

.pros-cons ul {
    padding: 0;
    margin-left: 24px;
}
.pros-cons ul li {
    list-style-type: none;
    margin-bottom: 4px;
    font-size: 12px;
    text-align: justify;
    line-height: 16px;
}

.page-contact-mortgage .mortgage-contact-right{
  float:right;
  width: 46%;
}

.interest-group-cell .cell-title, .interest-cost-cell .cell-title{
    display: block;
    color: #858b88;
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 1.2;
    margin-top: 10px;
}

.interest-group-cell .cell-value, .interest-cost-cell .cell-value{
    font-size: 18px;
    letter-spacing: -.03em;
}

.page-contact-mortgage input.form-text{
  width:100%;
  background: #fff;
  border-radius: 4px;
  margin-top: 10px;
  box-shadow: none;
  border: 1px solid #eaeaef;
  height: 34px;
}

.interest-group-cell, .interest-cost-cell{
  text-align: center;
  padding-bottom: 9px;
}

.pros-cons ul li {
  position: relative;
}

.pros-cons .pros ul li#note:before {
    content: '';
    background: url(../img/sprite.png) right -240px no-repeat;
    position: absolute;
    padding: 20px 0 0 20px;
    left: -30px;
}

.pros-cons ul li:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 7px;
}

.page-contact-mortgage .mortgage-header{
  padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.fa-thumbs-o-up:before {
    content: "\F087";
}

.pros-cons .cons .fa{
    margin-right: 6px;
    font-size: 16px;
}

.page-contact-mortgage #site-name, .page-ipad-promotion #site-name{
  display: none;
}

.page-contact-mortgage #main{
  background: #fbfbfc;
  padding-bottom: 50px;
}


/* 27-april css mortgage page starts here*/
.page-mortgages .institutename, 
.page-credit-cards .institutename, 
.page-money-transfer .institutename, 
.page-personal-loans .institutename, 
.page-term-deposits .institutename, 
.page-savings .institutename{
    display: none;
}


.page-mortgages .fa, .page-personal-loans .fa{
  display: table-cell;
  position: absolute;
  left: 45px;
  font-size: 1.5em;
  z-index: 9;
  bottom: 11px;
}

.page-mortgages .fa:hover, .page-personal-loans .fa:hover{
  color : #37c1f0;
}

.page-mortgages #block-block-13, 
.page-mortgages #block-block-14, 
.page-mortgages #block-block-16, 
.page-personal-loans #block-block-17,
.page-personal-loans #block-block-18,
.page-personal-loans #block-block-19{
  display:none; 
}



div.special:before{
  content:"Special Offer";
}

.info_special{
   border: 2px solid #37c1f0;
}


div.special{
    position: relative;
    border-color: #e38d13 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 12px;
    padding: 5px;
    padding: 0.1rem;
    margin-bottom: 5px;
    color: white;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    min-height: 15px;
    width: 94px;
    text-align: center;
    margin-right: 3px;
    background: #e38d13;
}

.page-mortgages .promoted, .page-personal-loans .promoted {
    background-color: #5cb85c;
    border-color: #5cb85c;
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 12px;
    padding: 5px;
    padding: 0.1rem;
    margin-bottom: 5px;
    color: white;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    min-height: 15px;
    width: 94px;
    text-align: center;
    margin-right: 3px;
}

.interest-group-cell .rate, 
.interest-group-cell .comperison-rate, 
.interest-group-cell .payment_amount,
.interest-group-cell .upfront_cost,
.interest-group-cell .monthly_cost{
    float: left;
    width: 13.3%;
    border-right: 1px solid #eaeaef;
    text-align: center;
}

.interest-group-cell .total_amount{
    float: left;
    width: 17.3%;
    text-align: center;
}

.interest-group-cell .lvr{
  float: left;
  width: 14.3%;
  text-align: center;
  border-right: 1px solid #eaeaef;
}

.section-contact-us #webform-client-form-2069 .form-actions {
  margin-top: 10px;
  padding-left: 87px;
}
#webform-client-form-2069 #google_recaptcha_webform_client_form_2069 {
  margin-bottom: 15px;
}

.page-contact-mortgage .advisor-form-header {
    margin-bottom: 5px;
}

.page-contact-mortgage .advisor-form-header p {
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
    color:#6f7a80;
}
.page-contact-mortgage .advisor-form-header a {
    margin-bottom: 12px;
    color:#37c1f0;
}

.advisor-form-header p.tick:before {
    content: "\F00C";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 7px;
    color: #00a348;
}

.advisor-form-header p:first-child{
  padding-left: 19px;
}

.pro-con-header .fa{
  margin-right: 6px;
  font-size: 16px;
  color: #00a348;
}

.page-contact-mortgage #webform-client-form-48426 .webform-component-markup{
  padding-bottom: 0px;
}

.page-mortgages .view-id-Mortgages td.views-field-field-product-name{
  width:80%;
}

.page-mortgages .view-id-Mortgages td.views-field-title {
  width:30%;
}

.page-credit-cards .view-id-credit_cards td.views-field-title{
  width:20%;
}
.article-list {
  width: 31.333%;
  float: left;
  transition: all 0.2s ease-in-out;
  position: relative;
  top: 0;
  display: block;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
  padding: 10px 9px;
  margin-bottom: 18px;
  border: 1px solid #ededed;
  white-space: normal;
  text-align: left;
  margin-right: 20px;
  height: 360px;
}
.article-list:hover {
  top: -10px;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
}
.article-list:nth-child(3n) {
  margin-right: 0;
}
.article-list .views-field-field-icon {
    width: 100%;
    float: none;
}
.article-list .views-field.views-field-field-introduction {
  padding-left: 0;
}
.article-list .views-field-field-icon img {
  max-width: 100%;
  height: 187px;
}
.article-list .views-field-title h4 {
  font-weight: 600;
}

.page-contact-mortgage .mortgage-advisor-form-heading .advisor-link{
  float:right;
}

.guide-article-for-page{
    margin-top: 20px;
}

.info_calcution_iphone {
  display: none;
}

.page-personal-loans .view-filters .form-type-bef-link{
  width: 16%;
  margin: 0;
  float: left;
  display: inline-block;
  padding: 5px 7.5px 5px 0px;
  text-align: center;
}

.page-personal-loans .view-filters .form-type-bef-link:last-child {
  width: 16%;
  padding-right: 0px;
}
.page-personal-loans .view-filters .form-type-bef-link:last-child a {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.page-personal-loans .view-filters .form-type-bef-link a{
  width: 85%;
  padding-left: 15px;
  padding-right: 15px;
  letter-spacing: normal;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  background-color: #5ea226;
  border-color: #e3e3e3;
  border: 1px solid transparent;
  border-radius: 5px;
  display: inline-block;
  padding: 70px 10px 10px;
  min-height: 24px;
  background: #e3e3e3 url(../img/personal-loan-menu.png) no-repeat;
}
#edit-term-personalloan-all a {
  background-position: 50px 15px;
}
#edit-term-personalloan-136 a {
  background-position: -127px 15px;
}
#edit-term-personalloan-135 a {
  background-position: -298px 15px;
}
#edit-term-personalloan-7 a {
  background-position: -471px 15px;
}
#edit-term-personalloan-8 a {
  background-position: -645px 15px;
}
#edit-term-personalloan-9 a {
  background-position: -820px 15px;
}
.page-personal-loans .view-filters .form-type-bef-link a.active{
  background-color: #37c1f0;
  border-color: #37c1f0;
  color: #ffffff;
  background-position-y: -115px !important;
}

.page-personal-loans .view-filters form {
  padding: 0;
  box-shadow: none;
}

#views-exposed-form-personal-loans-page #edit-submit-personal-loans{
  display: none;
}

.more-detial .fa-caret-down:before{
  font-family: FontAwesome;
  content: "\f0d7";
  font-size: 14px;
  color: #606a6b;
  float: right;
  margin-right: 4px;
}

.more-detial .fa-caret-up:before{
  font-family: FontAwesome;
  content: "\f0d8";
  font-size: 14px;
  color: #606a6b;
  float: right;
}

.page-personal-loans #content_header{
    padding-top: 20px;
}

.page-personal-loans #content #content-header{
    margin-bottom: 35px;
}

.page-personal-loans .view-id-personal_loans .view-header{
  margin-bottom: 0px
}

#views-exposed-form-personal-loans-page{
    min-height: 126px;
    margin-bottom: 0;
}

.page-personal-loans .view-footer .view-last-updated{
    float: right;
    margin-top: 10px;
}

.view-id-personal_loans div.note, .view-id-Mortgages div.note{
  float: left;
  color: #25aae1;
  text-align: justify;
  line-height: 15px;
}
.view-id-personal_loans .reprenstative-center,
.view-id-personal_loans .reprenstative-right {
  padding: 13px;
  overflow: hidden;
}

.view-id-Mortgages .reprenstative-center,
.view-id-Mortgages .reprenstative-right {
  padding: 13px;
  overflow: hidden;
}

.moreinfo-col table {
  margin-bottom: 0;
  border-bottom: 1px solid #c8eaf7;
}

.block-mailchimp-signup .mailchimp_first_name, .block-mailchimp-signup .mailchimp_last_name{
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 48px;
    padding: 10px;
    font-size: 18px;
    line-height: 22px;
    width: 230px;
    margin-top: 25px;
    text-align: center;
}

.block-mailchimp-signup .mailchimp_mail{
  width: 230px;
  text-align: center;
}

.block-mailchimp-signup .form-item-mergevars-EMAIL, 
.block-mailchimp-signup .form-item-mergevars-FNAME, 
.block-mailchimp-signup .form-item-mergevars-LNAME{
    float: left;
}

.block-mailchimp-signup .mailchimp_first_name{
  border-left:0;
  border-right:0;
}

.block-mailchimp-signup .mailchimp-signup-subscribe-form textarea.form-textarea, input.form-text{
  color: #6f7a80;
}

.view-id-personal_loans .views-field-title {
  border-bottom: 1px solid #c8eaf7 !important;
  width: 15%;
}

.view-id-Mortgages .views-field-title {
  border-bottom: 1px solid #c8eaf7 !important;
  width: 15%;
}

.view-personal-loans .views-table td.views-field-nothing{
  padding-bottom: 10px !important;
  border-bottom: 1px solid #c8eaf7;
}

.view-Mortgages .views-table td.views-field-nothing{
  padding-bottom: 10px !important;
  border-bottom: 1px solid #c8eaf7;
}

#block-views-guides-latest_blog_articles h2.block-title{
  text-align: center;
}

.product_guide ul li.active a{
  color:#e38d13;
  font-weight: 800;
}
.product_guide ul li.active:before{
  color:#e38d13;
}

.view-id-personal_loans .no-more-tables .views-table th{
  border-bottom: 1px solid #c8eaf7;
    border-right: 1px solid #c8eaf7;
}

.view-id-Mortgages .advisor{
  background-color: #e3e3e3;
  font-weight: bold;
  color: #37c1f0;
  padding-top: 5px;
  margin-top: -3px;
  display: block;
  padding: 0.5rem;
  margin-bottom: 5px;
  font-size: 1.2rem;
  border-radius: 1.5px;
  min-height: 15px;
  width: 139px;
  text-align: center;
  margin-right: 3px;
}

.view-id-Mortgages .advisor:hover {
    background-color: #f7941e;
    color: white;
}

    


.reprenstative-ex-advisor {
    font-size: 12px;
    float: left;
    color: #25aae1;
    text-align: justify;
    line-height: 15px;
    margin-bottom: 25px;
    padding-top: 10px;
}

.page-contact-mortgage #footer{
    margin-top: 0;
}

/* 11-july-17 css for advisor page test starts*/


.page-contact-mortgage .guide-article-for-page{
  margin-top: 36px;
}

.advisor-form-header .section-title{
    margin-bottom: 0px;
    line-height: 1.1;
    font-size: 20px;
}

.list-with-icons{
  margin: 0;
  padding: 0 !important;
  list-style: none;
}
.list-with-icons li{
    padding-left: 3em;
    position: relative;
}

.list-with-icons li i {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    font-size: 2.58em;
    color: #00a8ea;
    display: block;
}

.loanmarket-benefit h3{
  font-size: 17px;
  color: inherit;
  margin-bottom: 8px;
}

.mortgage-advisor-form-heading{
  margin-bottom: 35px;
}

.page-contact-mortgage .easy-breadcrumb{
  margin-bottom: 0px;
}

.section-ipad-promotion-page .content img{
  margin-bottom: 30px;
}

#webform-client-form-49210{
  display: inline-block;
  width: 100%;
}

#webform-client-form-49210 input.form-number{
  width: 75%;
  background: #fff;
  border-radius: 0px 4px 4px 0px;
  margin-top: 10px;
  box-shadow: none;
  border: 1px solid #eaeaef;
  height: 34px;
}

#webform-client-form-49210 select{
  width: 85%;
  background: #fff;
  border-radius: 4px;
  margin-top: 10px;
  box-shadow: none;
  border: 1px solid #eaeaef;
  height: 34px;
}

#webform-client-form-49210 input.webform-submit{
    margin-top: 10px;
    box-shadow: none;
    height: 25px;
    width: 98px;
    border-radius: 4px;
}

#webform-client-form-49210 .form-actions{
  float: left;
}
#webform-client-form-49210 .form-item{
  width: 35%;
  float: left;
}

#webform-client-form-49210 span.field-prefix{
    width: 27px;
    height: 32px;
    margin-top: 10px;
    float: left;
    border-radius: 4px 0px 0px 4px;
    display: block;
    border: 1px solid #37c1f0;
    border-right: 0;
    background: #37c1f0;
    text-align: center;
    color: #6f7a80;
}

.all-required-error,
.loanamt-error, 
.termloan-error, 
.loanamt-error-val-max, 
.loanamt-error-val-min{
  position: absolute;
    color: red;
    bottom: 87.3%;
}

.ph-number{
  background-color: #e3e3e3;
  color: #37c1f0;
  padding-top: 5px;
  display: block;
  padding: 0.5rem;
  margin-bottom: 5px;
  font-size: 1.2rem;
  border-radius: 1.5px;
  min-height: 15px;
  width: 139px;
  text-align: center;
  margin-right: 3px;
}

.ph-number .fa-phone:before{
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f095";
    color: #fff;
}

.fa-phone:before{
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

/*11-july-17 css ends */
/* ends here */

@media (min-width: 768px) and (max-width: 992px) {
  .page-personal-loans .view-filters .form-type-bef-link {
    width: 15.8%;
  }
  #edit-term-personalloan-all a {
  background-position: 37px 15px;
  }
  #edit-term-personalloan-136 a {
    background-position: -140px 15px;
  }
  #edit-term-personalloan-135 a {
    background-position: -311px 15px;
  }
  #edit-term-personalloan-7 a {
    background-position: -464px 15px;
  }
  #edit-term-personalloan-8 a {
    background-position: -658px 15px;
  }
  #edit-term-personalloan-9 a {
    background-position: -829px 15px;
  }

  .advisor-form-header .section-title{
    font-size: 17px;
  }

  .list-with-icons li i{
    font-size: 2em;
  }

  .loanmarket-benefit h3{
    font-size: 15px;
  }

  .page-contact-mortgage .mortgage-advisor-form-heading .advisor-link{
      float: none;
  }

  #webform-client-form-49210 .webform-component-number{
    width: 43% !important;
  }
}

@media (max-width: 767px) {
  .page-contact-mortgage #node-48371, .page-contact-mortgage .mortgage-contact-right {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
  .page-contact-mortgage #node-48426, .page-contact-mortgage .mortgage-contact-right {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
  .interest-group-cell {
    height: 100%;
    text-align: left;
    overflow: hidden;
  }
  .article-list {
    width: 46%;
    height: 375px;
  }
  .page-contact-mortgage .mortgage-advisor-form-heading .advisor-link{
    float:none;
    display: inherit;
  }

  .page-contact-mortgage .mortgage-advisor-form-heading .gotosite{
    margin-top:15px;
  }

  .calculation-desc-iphone{
    display: inline-block;
    width: 81px;
    height: 24px;
  }
  .calculation-desc-iphone:before{
    content: "Calculations";
    position: absolute;
    right: 10px;
    margin-top: 10px;
    color: #37c1f0;
    font-weight: bold;   
  }
  div.special{
    position: relative;
    border-color: #e38d13 ;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 12px;
    padding: 5px;
    padding: 0.1rem;
    margin-bottom: 5px;
    color: white;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    min-height: 15px;
    width: 94px !important;
    text-align: center;
    margin-right: 3px;
    background: #e38d13;
  }
  .view-Mortgages td:first-child {
    overflow: visible;
  }
  .page-personal-loans .view-filters .form-type-bef-link {
    min-width: 153px;
  }

  .block-mailchimp-signup .mailchimp_mail, 
  .block-mailchimp-signup .mailchimp_first_name,
  .block-mailchimp-signup .mailchimp_last_name{
    width: 210px;
  }

  .block-mailchimp-signup .mailchimp_first_name{
    border-left: 0;
    border-right: 0; 
  }

  .block-mailchimp-signup .mailchimp_last_name{
    border-radius: 0px 5px 5px 0px;
  }

  .block-mailchimp-signup .mailchimp_sugin_upme{
    border-radius: 5px;
  }

  .page-personal-loans #cboxContent {
    overflow-y: scroll;
  }

  .view-Mortgages td.reprenstative-center{
    overflow: hidden;
  }

  .advisor-form-header .section-title{
    font-size: 18px;
  }
  .page-contact-mortgage .mortgage-header-other{
    height: auto;
    overflow: auto;
  }

  .pros-cons .pros ul li#note:before{
    left: -25px;
  }

  .reprenstative-ex-advisor{
    margin-bottom: 0px; 
  }

  #webform-client-form-49210 .form-item{
    width: 100%;
    float: none;
  }

  #webform-client-form-49210 input.form-number{
    width: 80%;
  }
}

@media (max-width: 480px) {
  .article-list {
    width: 100%;
    float: none;
    height: 360px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .comparison-rate .info_comparison_rate,.monthly-amount .info_monthly_payment{
          display: block;
          position: absolute;
          z-index: 2;
          top: 80px;
          left: 70px;
          background: white;
          padding: 20px 30px;
          min-width: 200px;
          -webkit-box-shadow: 0 0 7px #cccccc;
          -moz-box-shadow: 0 0 7px #cccccc;
          box-shadow: 0 0 7px #cccccc;
          border-radius: 12px;
          border: 2px solid #37c1f0;
          text-transform : none;
          color : #333;
          font-size : 14px;
  }
  div.special:hover>div.collapsed {
      top:35px;
  }
  .calculation-desc-iphone{
      display: inline-block;
      width: 81px;
      height: 24px;
      position: relative;
  }
  span.calculation-desc-iphone:hover>div.collapsed{
    left: 130px;
  }
  .fa-question-circle:before{
    content:'';
  }
  .calculation-desc-iphone:before{
    content: "Calculations";
    position: absolute;
    left: 340px;
    margin-top: 10px;
    color: #37c1f0;
    font-weight: bold;
  }
  .view-id-personal_loans div.note{
    padding-top: 21px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 768px) {
  .calculation-desc-iphone{
    display: inline-block;
    width: 81px;
    height: 24px;
    position: relative;
  }
  .calculation-desc-iphone:before{
    content: "Calculations";
    position: absolute;
    left: 200px;
    margin-top: 10px;
    color: #37c1f0;
    font-weight: bold;
  }
  div.special:hover>div.collapsed {
    top:35px;
  }
  span.calculation-desc-iphone:hover>div.collapsed{
    left: 28px;
  }
  .block-mailchimp-signup .mailchimp_sugin_upme{
    border-radius: 5px;
  }
  .block-mailchimp-signup .mailchimp_last_name{
    border-radius: 0px 5px 5px 0px;
  }   
}

@media (max-width: 500px) {
  .block-mailchimp-signup .mailchimp_sugin_upme, 
  .block-mailchimp-signup .mailchimp_mail,
  .block-mailchimp-signup .mailchimp_first_name, 
  .block-mailchimp-signup .mailchimp_last_name {
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .block-mailchimp-signup .mailchimp_first_name {
    border: 1px solid #ddd;
  }

  .mailchimp-msg-error, .mailchimp-msg-valid-email{
    top: 73px !important;
  }

  .mailchimp-signup-subscribe-form{
    padding: 0 20px;
  }
  .block-mailchimp-signup .form-item-mergevars-EMAIL, 
  .block-mailchimp-signup .form-item-mergevars-FNAME, 
  .block-mailchimp-signup .form-item-mergevars-LNAME{
    width:100%;
  }
  .view-id-personal_loans .views-field-title{
    width: 25%;
  }
  .no-more-tables td.views-field-title{
    padding-right: 25%;
  }
  .page-personal-loans #cboxContent {
      overflow-y: scroll;
  }
  .page-personal-loans #cboxClose, .page-mortgages #cboxClose{
     display: block;
     left: 294px;
  }
  .page-personal-loans #cboxLoadedContent a.gotosite{
    width: 100px;
  }
  .interest-group-cell .rate, 
  .interest-group-cell .comperison-rate, 
  .interest-group-cell .payment_amount,
  .interest-group-cell .upfront_cost,
  .interest-group-cell .monthly_cost,
  .interest-group-cell .total_amount,
  .interest-group-cell .lvr{
    width: 100%;
  }
  .page-mortgages .view-id-Mortgages td.views-field-field-product-name{
    width: 56%;
  }
  #webform-client-form-49210 span.field-prefix{
    float: left;
  }
  #webform-client-form-49210 input.form-number{
    width: 91% !important;
  }
  #webform-client-form-49210 select{
    width: 100%;
  }
}