/*
Theme Name: Default Theme
Author: MoveAheadMedia
Author URI: http://www.moveaheadmedia.co.th/
Version: 1.0.0
*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_FQft1dw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
img {
  max-width: 100%;
}
a {color: #000;}
a:hover, a:active, a:focus {text-decoration: none; color: #005826;}
h1, h2, h3, h4{margin-bottom: 20px; font-weight: bold;}

#wrapper{overflow-x: hidden;}

/*----- Header Section -------*/
.sticky-wrapper {
  background: transparent;
  position: absolute;
}
header#header {
  position: fixed;
  z-index: 999;
  width: 100%;
  display: block;
  padding: 7px 0px;
  max-width:100%;
}
body:not(.home) header#header {
  background: #fff;
}
div#site-logo {
  max-width: 100%;
  margin-bottom: 0px;
}
.header-contact li{ list-style: none; float: left; margin-left: 10px;}
.header-contact li a{
  background: #009444;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  margin-top:24px;
  /* width: 135px;*/
  text-align: center;
  padding: 8px 15px;
  text-transform: uppercase;
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.header-contact li a span{display:block;}

.header-contact li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.header-contact li a:hover, .header-contact li a:focus, .header-contact li a:active {
  color: white;
}
.header-contact li a:hover:before, .header-contact li a:focus:before, .header-contact li a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*------ Top Menu ------*/
.responsive-menu{display:none;}
.top-menu-wrapper{
  float: left; 
  margin: 20px 0px;
}
.header-contact{margin-top: -12px;}
#menu-top-menu{
  float: left; 
}
#menu-top-menu a{
  color: #000000;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  padding: 0 10px;
  font-weight: bold;
  border-right:1px solid #000;
}
#menu-top-menu a:last-child{border-right:none;}
#menu-top-menu a:hover,
#menu-top-menu .current_page_item a{color: #009444}

/*------ Menu -------*/
.sticky-wrapper{background: #fff; max-height: 113px;}
/*.is-sticky .top-menu-wrapper{
float: left;
margin: 15px 0px;
width: 75%;
display: inline;
position: relative;
}
.is-sticky #menu-top-menu{ float:none; text-align:center;}
.is-sticky #header .container{max-width:100%; width:100%;}
.is-sticky #header .container .col-md-4 { width: 15%;}
.is-sticky #header .container .col-md-8 { width: 85%;}
.is-sticky .menu-wrapper{ 
}
.is-sticky #menu-main-menu{display:block;}
.is-sticky #menu-main-menu a{padding:0 15px;}
.is-sticky #menu-top-menu a{
margin:0; 
padding:0 15px; 
}*/
.menu-wrapper{margin-top:-42px;}
#menu-main-menu  {
  display: inline-block;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  float:right;
}
#menu-main-menu  a{
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
  line-height: 26px;
  padding: 0 25px;
  border-left: 1px solid #000;
  font-weight: bold;
}
#menu-main-menu  a:first-child{border-left:none;}
#menu-main-menu  a:last-child{border-right: none; padding-right:0;}
#menu-main-menu  a:hover,
#menu-main-menu  .current_page_item a{color: #009444}
.inner-banner{height: 300px; position: relative; width: 100%; background-size:cover !important; }

/*------- Banner --------*/
.tp-caption.col-text{ text-transform: uppercase !important; margin: 25px 0 0 0px !important;}
.banner-menu-text{
  max-width: 300px;
  height: auto;
  border: 1px solid #009444;
  border-radius: 8px;
  background: #f8f8f8;
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 50px 10px;
  left: 50%;
  margin-top: -180px;
  margin-left: -555px;
}
.banner-menu-text h2{
  font-size: 30px;
  text-transform: uppercase;
  color: #005826;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
}
.banner-menu-text a{
  overflow: hidden;
  width: 100%;
  background: #009444;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  margin: 15px 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.banner-menu-text a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.banner-menu-text a:hover, .banner-menu-text a:focus, .banner-menu-text a:active {
  color: white;
}
.banner-menu-text a:hover:before, .banner-menu-text a:focus:before, .banner-menu-text a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.tparrows:before{color:#5d9425 !important; font-weight: bold; }
.tp-bullet.selected span{display: none !important;}

/*------ Sticky menu ------*/
.is-sticky #header{background: #fff;box-shadow: 0 0 5px #ddd; border-bottom: 2px solid #009444;}
.text-info{
  font-size: 30px;
  font-weight: 300;
  line-height: 34px;
  color: #000;
  margin: 40px 0 75px;
}
.cta-wrapper{
  background: url(images/middle-bg.jpg) left center repeat-x !important;
  width: 100%;
  height: 560px;
  position: relative;
}
.cta-wrapper .vc_col-sm-12 > div{padding-top: 0 !important;}
.col-content > div{
  background-position: center center !important; 
  height: 560px;
}
.cta-wrapper .col-content .col-text.pull-left{margin-left: 30px;}
.cta-wrapper .col-content .col-text.pull-right{margin-right: 30px;}
.cta-wrapper .col-content .col-text{
  max-width: 395px;
  height: auto;
  background: #fff;
  display: block;
  text-align: center;
}
.cta-wrapper .col-content .col-text h3{
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  display: block;
  padding: 20px 10px;
}
.cta-wrapper .col-content .col-text p{
  padding: 20px 25px;
  font-size: 24px;
  color: #000;
  line-height: 28px;
  font-weight: 300;
}

/*-------- Blog Home -------*/
.blog-wrapper{margin-top: 40px;}
.blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(2) .vc_grid-item-mini,
.blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(4) .vc_grid-item-mini{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /* optional */
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(2) .vc_grid-item-mini .vc_gitem-animated-block,
.blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(4) .vc_grid-item-mini .vc_gitem-animated-block{
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(2) .vc_grid-item-mini .vc_gitem-zone,
.blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(4) .vc_grid-item-mini .vc_gitem-zone{
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.blog-wrapper .vc_grid-container{margin-bottom: 0 !important;}
.blog-info{background:#f9f9f9; max-height: 287px; overflow: hidden;}
.blog-info > div{visibility:hidden;}
.blog-info .vc_col-sm-12{  padding: 0 !important;}
.blog-info .vc_custom_heading h4{
  padding: 25px 25px 0 25px; 
  margin: 0 !important;
  font-size: 18px !important;
}
.blog-info .vc_gitem-post-data-source-post_excerpt{
  padding: 0px 25px 14px;
  margin: 0 !important;
  text-align: center;
  font-size: 18px;
}
.blog-info .vc_btn3-container{margin-bottom: 0 !important;}
.blog-info .vc_btn3.vc_btn3-size-md{
  font-size: 18px;
  width: 100% !important;
  text-transform: uppercase;
  font-weight: bold;
  border: none !important;
}
.blog-info .vc_btn3.vc_btn3-size-md:hover{
  background: #005826 !important;
  border: none !important;
  color: #fff !important;
}
/*---- inner default -----*/
.home #content{margin:0;}
/*#content{margin-top:175px;}*/

/*----- Footer -----*/
/*body:not(.home) footer#footer{
margin-top:35px;
}*/
#footer{
  background: none;
  padding: 0px 0px 0;
  color: #000;
  font-size: 16px;
}
.copyright{background: #fff; padding-top: 15px;}
.copyright a{color: #000; font-weight: normal;}
.copyright a:hover{color: #005826;}
.site-info{ color: #000; padding: 0px 15px 15px;}
.footer-content{ background: #005826; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#menu-main-menu-1  {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-between;
}
#menu-main-menu-1  a{
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  line-height: 26px;
  padding: 10px 45px;
  border-left: 1px solid #fff;
  font-weight: bold;
}
#menu-main-menu-1 a:last-child{border-right: 1px solid #fff;}
#menu-main-menu-1 a:hover{color: #000;}


#menu-footer{}
#menu-footer a{
  font-size: 16px;
  font-weight: 400;
  padding: 0 3px;
  border-right: 1px solid #000;
}
#menu-footer a:last-child{border-right: none;}

.iphorm-inner .iphorm-elements {
  margin: 0;
  padding: 0;
  max-width: 550px;
  margin: 0 auto !important;
}
.contact-form{position: relative; margin: 0px auto 0; max-width: 860px;}
.footer-content .contact-form{position: relative; margin: 30px auto 0; max-width: 860px;}
.contact-form .iphorm-input-wrap-textarea textarea{ height: 116px;}
.contact-form .iphorm-element-wrap input{ height: 36px;width: 90%; color: #000 !important; padding: 0 12px !important;}
.contact-form .iphorm-element-wrap textarea { width: 90%; color: #000 !important; padding: 0 12px !important;}
.contact-form .iphorm-submit-wrap > div {width: 100%; text-align: center;}
.contact-form .iphorm-submit-wrap button {width: 25%;  font-size: 24px; font-weight: lighter;}
.contact-form .iphorm-submit-wrap button * { background: #005826; border: none;color: #fff; text-transform: uppercase;  font-size: 18px; height: 32px; line-height: 32px;}
.contact-form .iphorm-submit-wrap button *:hover{background: #000;}
.contact-form .iphorm-element-wrap label { font-weight: normal;}

/*------404 Error ----*/
.error404 .inner-banner{display: none;}
.page-not-found {
  display: block;
  position: relative;
  margin: 35px auto;
}
.page-not-found h1 {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 200px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: bold;
}
.page-not-found h2 {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: 0;
  color: #333;
  font-weight: bold;
}
.page-not-found p {
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: normal;
}

.contact-info .fa{
  font-size:44px;
  color:#0c3f9c;
  margin-left:5px;
}
.col-banner-text{
  color: #58595b;
  font-weight: 400;
  line-height: 24px;
}

.page-template-page-fixed-interest-savings-php .top-form-bg .col-md-4:nth-child(2){
  width:45% !important;
}
.vc_custom_1522823028563{padding-top:0 !important;}
.quform-5 .quform-element-submit button {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  line-height: 1.5;
  background: #009444;
  border: 1px solid;
  border-radius: 5px;
  font-weight: 400;
  padding: 8px 35px;
}
.quform-5 .quform-label>label[for] {
  cursor: pointer;
  color: #58595b;
  font-weight: 400;
  font-size: 16px;
}
.quform-5{
  max-width: 450px;
  background: rgba(255,255,255,0.5);
  padding: 20px 20px 20px;
  border: 1px solid #009444;
  border-radius: 10px;
}
.quform-5 .quform-page-title{padding-bottom:15px;}
.quform-5 .quform-field-textarea {
  height: 100px;
}
.quform-5 .quform-button-submit-default{float:none;}
.quform-5 .quform-loading-position-left{display:none;}

.logo-container{border-top: 2px solid #009444; padding:10px 0;}
.logo-container .logo-scroller{background:#fff !important; min-height:100px;}
.logo-container .logo-scroller img{
  height:auto;
  display:inline-block;
  margin:0 10px;
  max-width:100px !important;
}
.logo-container .vc_col-sm-12 > .vc_column-inner{padding:0 !important;}
.logo-container .vc_col-sm-12 .wpb_text_column{margin-bottom:0 !important;}

.logo-container-homepage{border-top: 2px solid #009444; padding:10px 0;}
.logo-container-homepage .logo-scroller{background:#fff !important; min-height:100px;}
.logo-container-homepage .logo-scroller img{
  height:auto;
  display:inline-block;
  margin:0 10px;
  max-width:100px !important;
}
.logo-container-homepage .vc_col-sm-12 > .vc_column-inner{padding:0 !important;}
.logo-container-homepage .vc_col-sm-12 .wpb_text_column{margin-bottom:0 !important;}

/*----- Responsive -----*/
.responsive-menu a.slicknav_open > span > span, a.slicknav_collapsed > span > span {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.responsive-menu a.slicknav_open > span > span:first-child {
  transform: rotate(45deg) translate(3px, 3px);
}
.responsive-menu a.slicknav_open > span > span:last-child {
  transform: rotate(-45deg) translate(4px, -4px);
}
.responsive-menu a.slicknav_open > span > span:nth-child(2) {
  opacity: 0;
}

@media all and (max-width: 1680px) {
  .banner-menu-text{
    margin-top: -145px;
    padding:20px 10px;
  }  
}

@media all and (max-width: 1560px) {
  .home .is-sticky #header {
    background: transparent;
    box-shadow: none;
    border-bottom: none;
  }
  .fullwidthbanner-container,
  .fullwidthbanner-container .fullwidthabanner{
    height:600px !important;
  }
  .tp-bgimg.defaultimg {
    background-size: auto !important;
    background-position: 70% 65% !important;
  }
  .tp-caption.banner-text1, .banner-text1{
    top:30px !important;
    left:-50px;
  }
  .tp-caption.banner-text2, .banner-text2{
    top:40px !important;
    left:-55px;
  }
  .tp-caption.col-text{
    margin: 85px 0 0 0px !important;
    left:-50px;
  }
  .logo-container-homepage{border-top: 2px solid #009444; padding:5px 0;}
  .logo-container-homepage .logo-scroller{background:#fff !important; min-height:90px;}
  .logo-container-homepage .logo-scroller img{
    height:auto;
    display:inline-block;
    margin:0 10px;
    max-width:90px !important;
  }
  .logo-container .logo-scroller img{margin:0 20px;}
}

@media all and (max-width: 1366px) {
  .home .is-sticky #header {
    background: #fff;
    box-shadow: 0 0 5px #ddd;
    border-bottom: 2px solid #009444;
  }
  .banner-menu-text{
    padding: 30px 10px;
    margin-top: -135px;
  }
  .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner {
    height: 550px !important;
  }
  .tp-bgimg.defaultimg {
    background-size: auto !important;
    background-position: 80% 45% !important;
  }
  .banner-menu-text{margin-top: -140px;}
  .tp-caption.banner-text1, .banner-text1{
    top:70px !important;
  }
  .tp-caption.banner-text2, .banner-text2{
    top:70px !important;
    left: -55px;
  }
  .tp-caption.col-text{
    margin: 140px 0 0 0px !important;
    left: -50px;
  }
  .banner-menu-text a{margin: 0;}
  .tp-rightarrow.tparrows.uranus.noSwipe{ transform: matrix(1, 0, 0, 1, -80, -25) !important;}
  .tp-leftarrow.tparrows.uranus.noSwipe{ transform: matrix(1, 0, 0, 1, 50, -25) !important;
  }
}

@media  (min-width: 1201px) and (max-width: 1280px){
  .tp-caption.col-text{
    margin: 150px 0 0 -75px !important;
    left: -10px;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {

  .is-sticky .top-menu-wrapper {
    /* margin: 25px 0 0 35px;*/
  }
  .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner {
    height: 550px !important;
  }
  .banner-menu-text{margin-top: -140px; margin-left: -495px;}
  .tp-caption.banner-text1, .banner-text1{
    top:80px !important;
    font-size:34px !important;
    line-height:36px!important;
    left:0px;
  }
  .tp-caption.banner-text2, .banner-text2{
    top: 120px !important;
    font-size: 24px !important;
    line-height: 26px!important;
    left:0px;
  }
  .tp-caption.col-text{
    margin: 275px 0 0 -40px !important;
    left:-5px;
  }
}

@media all and (max-width: 1190px) {
  #menu-main-menu a{padding: 0  20px;}
  .cta-wrapper .col-content .col-text.pull-left {
    margin-left: 10px;
  }
  .cta-wrapper .col-content .col-text.pull-right {
    margin-right: 10px;
  }

  /*---- Footer -----*/
  #menu-main-menu-1 a{padding: 10px 25px;}
}

@media all and (max-width: 1199px) {
  #menu-main-menu a {
    font-size:16px;
  }
  .header-contact {
    margin-top: -55px;
  }
  #menu-top-menu a{font-size:16px;}
  .header-contact li{margin-left:10px;}
  .header-contact li a{ 
    margin-top:0;
    padding: 8px 10px;

  }
  .menu-wrapper {margin-top: -35px;}
}

@media all and (max-width: 990px){
  .header-contact {
    margin-top: 5px;
  }
  #header .col-sm-10 {
    width: 83.33333333%;
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 641px) and(max-width: 1023px) {
  .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner {
    height: 550px !important;
  }

}

@media all and (max-width: 1023px) {
  .is-sticky .header-contact {
    margin-top: -35px;
  }
  .banner-menu-text{margin-left: -455px;}
  .banner-menu-text {
    margin-top: -110px;
  }
  .tp-caption.banner-text1, .banner-text1 {
    top: 120px !important;
  }
  .tp-caption.banner-text2, .banner-text2{
    top: 125px !important;
  }
  .tp-caption.col-text {
    margin: 250px 0 0 0px !important;
  } 
  .tp-bgimg.defaultimg {
    background-size: auto !important;
    background-position: 75% 45% !important;
  }

}

@media (min-width: 946px) and (max-width: 1023px){
  .is-sticky #menu-main-menu{margin-top: 0px;}
  .banner-menu-text{
    left: 0;
    position: relative;
    margin: 20px auto;
    top: 0;
  }
  .tp-caption.banner-text1{
    top: 0px !important;
    font-size:34px !important;
    line-height:36px!important;
    left: -70px;
  }
  .tp-caption.banner-text2{
    top: -30px !important;
    font-size:30px !important;
    line-height:32px!important;
    left: -70px;
  }
  .tp-caption.col-text {
    margin: -30px 0 0 0px !important;
    left:0;
  }
}

@media all and (min-width: 992px) {
  .page-template-page-monthly-savings .top-form-bg .col-md-4,
  .page-id-458 .top-form-bg .col-md-4{
    width: 33.33333333% !important;
  }
  .page-template-page-monthly-savings .top-form-bg .col-md-4:nth-child(2),
  .page-id-458 .top-form-bg .col-md-4:nth-child(2){
    display:block !important;
  }

} 

@media all and (max-width: 991px) {
  #header .col-sm-10 {
    display: flex;
    justify-content: flex-end;
  }
  .header-contact, .is-sticky .header-contact{
    margin-top: 5px;
  }
  .top-menu-wrapper{margin:15px 0px;}
  .company{ font-size:18px !important;}
  header#header nav.menu a {
    font-size: 14px !important;
    padding: 0 4px;
  }
  .header-contact li {
    margin-left: 0;
  }
  body.home #content {
    margin-top: 0;
  }
  .container {
    width: 100% !important;
  }
  .page-template-page-fixed-interest-savings-php .top-form-bg .col-md-4:nth-child(2) {
    width: 100% !important;
  }
  .equal-height.content,
  .equal-height.content .wpb_content_element{height:auto !important;}
}

@media all and (max-width: 945px) {
  #header .col-md-4{width:35%; float: left;}
  #header .col-md-8{width:65%; float: right;}
  .banner-menu-text{
    left: 0;
    position: relative;
    margin: 20px auto;
    top: 0;
  }
  .menu-wrapper{float: left; width: 100%;}
  .tp-caption.banner-text1 {
    top: 0px !important;
    font-size:34px !important;
    line-height:36px!important;
    left: -70px;
  }
  .tp-caption.banner-text2{
    top: -10px !important;
    font-size:30px !important;
    line-height:32px!important;
    left: -70px;
  }
  .tp-caption.col-text {
    margin: 0px 0 0 0px !important;
    left:-15px;
  }
  .text-info{margin: 0px 0 35px;}
  .cta-wrapper .vc_col-sm-6{width: 100% !important;}
  .cta-wrapper{height: 100% !important;}
  .col-content > div{height: 400px !important; margin-bottom:10px; }
}

@media all and (max-width: 885px) {
  .menu-wrapper { margin-top: -30px; }
  .tp-caption.col-text {
    margin: 0px 0 0 0px !important;
    left: -25px;
  }
}

@media (min-width: 768px) and (max-width: 838px) {
  #header .col-sm-2,
  #header .col-sm-10{padding:0;}
  .header-contact li a {
    margin-top: 0;
    padding: 8px;
    font-size: 14px;
  }
}

@media all and (max-width: 814px) {
  .tp-caption.col-text {
    margin: 0px 0 0 0px !important;
    left: -40px;
  }
}

@media all and (max-width: 777px) {
  .tp-caption.banner-text1{
    left:25px;
  }
  .tp-caption.banner-text2{
    top: -75px !important;
    left: 25px;
  }
  .tp-caption.col-text {
    margin: -120px 0 0 0px !important;
    left: 25px;
  }
  .tp-bgimg.defaultimg {
    background-size: auto !important;
    background-position: 80% 45% !important;
  }
}

@media all and (max-width: 768px) {
  #rev_slider_1_1 .uranus.tparrows{display: none;}
  .tp-caption.banner-text1, .banner-text1 {
    top: 55px !important;
    font-size:34px !important;
    line-height:36px!important;
    left: 25px;
  }
  .tp-caption.banner-text2, .banner-text2{
    top: -45px !important;
    font-size:30px !important;
    line-height:32px!important;
    left: 25px;
  }
  .tp-caption.col-text {
    margin: -120px 0 0 0px !important;
    left: 25px;
  }
  .form-on-top{margin-bottom:25px;}
  .header-contact { margin-top: 5px;}
}

@media all and (max-width: 767px) {
  #menu-top-menu{display: none;}
  #header .container .col-md-8.menu-wrapper{width:100%; float: right;}
  #header .col-md-8{width: 65%; float: right; padding:0;}
  #rev_slider_1_1 .uranus.tparrows{
    display: none;
  }
  .home .tp-caption.banner-text1, .banner-text1{top:40px !important; left: 25px;}
  .home .tp-caption.banner-text2, .banner-text2{top:-60px !important; left: 25px;}
  .home .tp-caption.col-text {top: -10px; left: 25px;}
  .text-info {
    margin: 0px 0 35px;
    background: #e7e8e9;
    padding: 15px;
  }
  .footer-content{display: none;}
  .blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(2) .vc_grid-item-mini,
  .blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(4) .vc_grid-item-mini{ display: block !important;}
  .blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(2) .vc_grid-item-mini .vc_gitem-animated-block,
  .blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(4) .vc_grid-item-mini .vc_gitem-animated-block{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(2) .vc_grid-item-mini .vc_gitem-zone,
  .blog-wrapper .vc_pageable-slide-wrapper .vc_grid-item:nth-child(4) .vc_grid-item-mini .vc_gitem-zone{
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .vc_grid-item{position:relative;}
  .blog-info{display:block; position:absolute; top:45%; z-index:9; width: 100%; background:none;}
  .blog-info .vc_gitem-post-data-source-post_excerpt{display:none;}
  .blog-info .vc_btn3-container{display:none;}
  .blog-info .vc_custom_heading h4{color:#fff; padding-top:0;}

  /*----- Menu ------*/
  .sticky-wrapper {
    position: absolute !important
  }
  header#header{padding: 10px 0px 50px;}
  .is-sticky header#header{padding: 10px 0px 50px;}
  .header-contact {
    margin-top: 0px;
  }
  .menu-wrapper{
    margin-top: -25px; 
  }
  .responsive-menu {
    display: block;
    position: absolute;
    right: 0;
    top: 97px;
    margin-top: 0px;
    width: 100%;
  }
  .header-contact li {
    margin-left: 12px;
  }
  .sticky-wrapper .header-contact li a,
  .is-sticky .header-contact li a{
    padding: 5px !important;
    width: 100px;
    line-height: 18px;
  }
  .responsive-menu > a > img{
    margin-top: -125px;
    max-height: 85px;
  }
  .slicknav_btn{
    margin: -20px 0px 0 0; 
    padding: 12px;
    border-radius: 0px;
  }
  .slicknav_nav {
    clear: both;
    color: #fff;
    margin: 0;
    font-size: .875em;
    position: absolute;
    width: 100%;
    background: #000;
    left: 0;
    top: 30px;
  }
  .slicknav_nav a:hover{background: none; color: #005826;}
  .menu-wrapper > #menu-main-menu{display:none;}
  .slicknav_menu{background: none;}

  .col-content.col-left > div{background-position: 15px center !important;}
  .col-content.col-right > div{background-position: 88% center !important;}

}

@media all and (max-width: 680px) {
  .home .tp-caption.banner-text1, .banner-text1{top:80px !important; left: 25px;}
  .home .tp-caption.banner-text2, .banner-text2{top:15px !important; left: 25px;}
  .home .tp-caption.col-text {top: 75px; left: 25px;}
}

@media all and (max-width: 580px){
  .header-contact li{margin-left:10px;}
  .header-contact li a { 
    padding: 5px 20px; 
    font-size:16px;     
    width: 98px;
  }
  .slicknav_nav{top:30px;}
  .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner, .rev_slider li.tp-revslider-slidesli {
    height: 500px !important;
  }
  .tp-bgimg.defaultimg {
    background-position: 80% 35% !important;
  }
  .home .tp-caption.banner-text1, .banner-text1{top:70px !important; left: 25px;}
  .home .tp-caption.banner-text2, .banner-text2{top:20px !important;}
  .home .tp-caption.col-text {top: 90px;}
  .tp-caption.banner-text1, .banner-text1{
    font-size: 24px !important;
    line-height: 26px !important;
    left: 20px;
  }
  .tp-caption.banner-text2, .banner-text2{
    top:40px !important;
    font-size: 18px !important;
    line-height: 24px !important;
    left:20px;
  }
  .tp-caption.col-text {
    left: 84px;
    top:50px;
    font-size: 14px !important;
    line-height: 22px !important;
  }
  .banner-menu-text{max-width:93%;}
  .home-intro{margin-top:10px;}
  .text-info{font-size:18px; line-height:24px;}
  .cta-wrapper {
    height: 100% !important;
    background-repeat: repeat !important;
    padding: 15px 15px 0px;
  }
  .col-content.col-left > div {
    background-position: 0px top !important;
    background-size: 300px auto !important;
  }
  .col-content.col-right > div {
    background-position: right top !important;
    background-size: 300px auto !important;
  }
  .cta-wrapper .col-content .col-text{
    margin:0 !important;     
    max-width: 295px;
  }
  .cta-wrapper .col-content .col-text p{font-size:16px; line-height:26px; padding:15px;}
  .blog-wrapper {margin-top: 0px;}
  .blog-wrapper .vc_col-sm-12 > div{padding-top:0 !important;}
}
@media all and (max-width: 414px){
  .tp-bgimg.defaultimg {
    background-position: 76% 25% !important;
  }
  h1{font-size: 30px !important;}
  h2{font-size: 26px !important;}
  .tp-caption.col-text{top:25px;}
  header#header{padding-top:10px;}
  .responsive-menu{top:55px;}
  .slicknav_nav { top: 50px;}
  .home .tp-caption.banner-text1, .banner-text1{top:90px !important; left: 25px;}
  .home .tp-caption.banner-text2, .banner-text2{top:80px !important;}
  .home .tp-caption.col-text {top: 110px;}
  .banner-menu-text br:nth-child(2){display:none;}
  .is-sticky .responsive-menu > a > img {
    margin-top: -60px;
    max-height: 50px;
  }
  .menu-wrapper {
    margin-top: -10px;
  }
  .is-sticky .responsive-menu{top:0;}
  .header-contact {
    margin-top: 2px;
  }
  .is-sticky .header-contact {
    margin-top: -8px;
  }
  .is-sticky .header-contact {
    margin-right:53px;
  }
  .sticky-wrapper .header-contact li a, .is-sticky .header-contact li a {
    padding: 5px !important;
    width: 75px !important;
    font-size: 12px;
    line-height: 15px;
  }
  .slicknav_btn{margin-top:0;}
  .is-sticky header#header {
    padding: 15px 0px 15px;
  }
  .is-sticky .slicknav_nav {top: 70px;}
}

@media all and (max-width: 375px){
  .menu-wrapper {margin-top: 0px;}
  .responsive-menu {top: 45px;}
  .responsive-menu > a > img {
    margin-top: -130px;
    max-height: 70px;
  }
  .is-sticky .responsive-menu > a > img {
    margin-top: -70px;
    max-height: 50px;
  }
  .sticky-wrapper .header-contact li a, .is-sticky .header-contact li a {
    padding: 5px !important;
    width: 75px !important;
    font-size: 12px;
    line-height: 15px;
  }
  .is-sticky .slicknav_nav {top: 60px;}
  .home .tp-caption.banner-text1, .banner-text1{top:90px !important; left: 25px;}
  .home .tp-caption.banner-text2, .banner-text2{top:100px !important;}
  .home .tp-caption.col-text {top: 150px;}
}

@media all and (max-width: 320px){
  .slicknav_btn {
    margin: 0px 0 0 0;
    padding: 9px;
  }
  .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner, .rev_slider li.tp-revslider-slidesli {
    height: 430px !important;
  }
  /*.home .tp-caption.banner-text2, .banner-text2 {
  top: 45px !important;
}
  .home .tp-caption.col-text {
  top: 25px;
}
  .tp-caption.col-text {
  top: 40px;
}*/
  .col-content > div {
    height: 340px !important;
    margin-bottom: 0px;
  }
  .col-content.col-left > div {
    background-position: 0px top !important;
    background-size: 200px auto !important;
  }
  .col-content.col-right > div {
    background-position: right top !important;
    background-size: 200px auto !important; 
  }
  .cta-wrapper .col-content .col-text{max-width:250px;}
  .cta-wrapper .col-content .col-text h3{font-size:18px;}
}
.form-on-top {
  border: 1px solid #009444;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 20px 5px;
}
.top-form-bg {
  padding: 35px 0;
  background-image: url(https://cost-compare.com/wp-content/uploads/2018/04/mainimage1.jpg);
  background-size: cover;
  background-position: center center;
  margin-bottom: 35px;
  border-bottom: 2px solid #009444;
}
.page-template-page-fixed-interest-savings .top-form-bg {
  padding: 35px 0;
  background-image: url(https://cost-compare.com/wp-content/uploads/2018/05/mainimage-new.jpg);
  background-size: cover;
  background-position: center center;
  margin-bottom: 35px;
  border-bottom: 2px solid #009444;
}
@media all and (min-width: 992px) {
  .flex-middle {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height:55vh;
  }
}

.slick-track {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.form-on-top .quform-spacer {
  padding-bottom: 0px;
  padding-top: 5px;
}
.quform-group-title-description h4{padding-bottom:12px !important;}
.form-on-top .quform-form-title {
  text-align: center;
  color: #009444;
}
body:not(.home) h1, body:not(.home) h2, body:not(.home) h3, body:not(.home) h4, body:not(.home) h5, body:not(.home) h6 {
  font-weight: 400;
  margin-top: 0;
  color: #009444;
}
body:not(.home) h4, body:not(.home) h5, body:not(.home) h6 {
  /*font-weight: normal;*/
  margin-bottom:10px !important;
}
.top-form-bg h2{
  font-size:26px !important;
  font-weight:400 !important;
  color: #009444  !important;
  line-height: 28px !important;
}
.top-form-bg h3{
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #58595b !important;
  line-height: 24px;
}
.quform-page-title {
  text-align: center;
}
/*.is-sticky #menu-main-menu a {
border: 0;
margin-top: 10px;
display: inline-block;
}
.is-sticky .header-contact li a {
width: 110px;
padding: 25px 15px;
}
.is-sticky .header-contact li {
margin-left: 5px;
}
.is-sticky #menu-main-menu a {
margin-top: 0;
}*/
.container {
  max-width: 100%;
}

.inner-bg {
  height: 60vh;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}
body:not(.home) .sticky-wrapper {
  position: relative !important;
}
.inner-bg ~ div.container {
  margin-top: 25px;
}
.company {
  min-height: 68vh;
  color: #fff;
  font-size: 18px;
  font-weight: lighter;
  line-height: 1.2;
}
.company h1{
  color:#fff;   
}
.content-box-border{
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 40px;
  color: #009444;
  font-size: 24px;
  padding-top: 30px;
  line-height: 28px;
}
.vc_custom_1522822062607{
  padding-top:0 !important;
}
.quform-element-row-4_64 {
  background-color: #000;
  color: #fff;
  font-size: 14px;
  padding-top: 8px;
}
.quform-element-row-4_64 ~ .quform-element-group {
  background-color: #eee;
  margin: 5px -10px;
  padding: 10px;
  font-size: 14px;
}
.quform-element-row-4_64 ~ .quform-element-group .quform-element-column:last-child {
  font-size: 11px;
}
.quform-element-row-4_64 ~ .quform-element-group .quform-group-title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  text-align: center;
}
.btn-next ~ label {
  margin: 0 !important;
  background: #009444 !important;
  border: 0 !important;
}
.quform-page-4_53 .quform-element-row {
  text-align: center;
}
.highlight-bar ul {
  list-style: none;
  padding: 0;
  border-left: 5px solid #009444;
  padding-left: 10px;
}
.highlight-bar li {
  background-color: #e1e1e1;
  margin-bottom: 10px;
  padding: 10px;
}
.ult-carousel-wrapper {
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-top: 2px solid #009444;
  padding-top: 20px;
}
.extra-border{
  border-top: 2px solid #009444;
}
.extra-border .ult-carousel-wrapper{
  border:none !important;
  max-width: 1170px;
  margin: 0 auto;
  display:block;
}
.quform .quform-field-text{font-size:14px;}
.quform-option{margin: -5px 0 0;}
.quform input,
.quform textarea{
  color: #58595b;
  font-weight: 400;
}
.quform-page-53 label.quform-label-text {
  display: none;
}
.quform-form-1 .quform-label-inside {
  top: 7px !important;
  left: 7px !important;
}
.top-form-bg .col-md-4 {
    width: 33.3%!important;
}
@media all and (max-width:992px){
	.top-form-bg .col-md-4 {
  width: 100% !important;
}
}