/*------------------
SASS Global Variables
-----------------------*/
/*body color*/
/*body txt*/
/*====================BUTTONS BG STYLE=============================*/
/*---button background color statement -*/
/*bg button normal*/
/*bg button hover*/
/*bg button active*/
/*================BUTTONS TX STYLE=================================*/
/*---button txt color statement -*/
/*text button normal*/
/*text button hover*/
/*text button hover*/
/*---link, a txt color statement -*/
/*txt normal*/
/*txt hover*/
/*txt active*/
/*==================INPUTS TEXT FORM STYLE===============================*/
/*---input txt and background color statement -*/
/*bg focus*/
/*text focus*/
/*---input focus txt and background color statement -*/
/*focus*/
/*text focus*/
/*=====================BUTTON FONT SIZES STYLE============================*/
/*-----font size a,link -*/
/*anchor and link size*/
/*-----font size button,input -*/
/*-----font size input box button,input -*/
/*====================FONT SIZE STYLE=============================*/
/*-----font size p,span,label -*/
/*-----header h size -*/
/*=====================FONT COLOR STYLE============================*/
/*--text h,legend,span,label,p color -*/
/*--header h color -*/
/*------------------// Global Mixin SASS Variable //-----------------------*/
/*=================buttons style and statement=================*/
/*=================inputs text style and statement=================*/
/*=================tags html style=================*/
/*=================animations and effects=================*/
/*-----------------// SASS INCLUDE ESTERNAL FILES //----------------------*/
/*---------------------------------
ALL TABLES ESTRUCTURE
---------------------------------*/
/*--------------------------------
"PopUp" message
--------------------------------*/
/* line 4, popup-msg.scss */
.modal.kstmodelpopup {
  overflow: hidden !important;
  padding: 1em;
  background-color: transparent; }

/*fix jumping page issue*/
/* line 6, popup-msg.scss */
.kstbodymodel > p {
  text-align: center;
  font-size: .9em;
  color: #919191; }

/* line 9, popup-msg.scss */
.kstbodymodel > h2 {
  font-size: 1.7em;
  text-align: center;
  color: #8F8F8F; }

/* line 13, popup-msg.scss */
.kstbodymodel span > img {
  display: inherit;
  max-width: 27px; }

/*--------------------------------
forms inputs controls
--------------------------------*/
/*form loan application*/
/* line 6, forms.scss */
.wrap_form input, .wrap_form select {
  margin: 0;
  /*height: 2.7em;*/ }
/* line 7, forms.scss */
.wrap_form .btnsubmt {
  /*margin: 1.3em -1em;*/
  width: 100%;
  background-color: #3581E2;
  border: solid 1px #D6D6D6;
  float: right; }
/* line 8, forms.scss */
.wrap_form .btnsubmt:hover {
  background-color: #216FD3;
  border: solid 1px #8F8F8F; }

/* line 10, forms.scss */
.wrap_form legend {
  color: #7F8180;
  font-size: 1.4em;
  padding: .4em 0 .8em;
  text-align: center;
  text-transform: uppercase; }

/* line 17, forms.scss */
.wrap_form label {
  margin: 1em 0; }

/* line 18, forms.scss */
.wrap_form p {
  color: #9E9E9E;
  clear: both; }

/* line 19, forms.scss */
.stateaddr, .zipcod, .expdat, .swccs {
  display: inline-block;
  width: 49%;
  margin: 0; }

/* line 20, forms.scss */
.zipcod, .swccs {
  float: right; }

/* line 21, forms.scss */
.stateaddr select, .zipcod select, .expdat input, .swccs input {
  margin: 0; }

/* line 23, forms.scss */
.swccs span {
  background: transparent url("../Images/card-help.png") -42px -2px no-repeat;
  display: inline-block;
  vertical-align: middle;
  padding: .9em;
  margin: 0 .3em; }

/*--------------------------------
Navegation Main Menus
--------------------------------*/
/*----top nav menu*/
/* line 5, nav-menus.scss */
.kstmnav {
  margin: 0;
  background-color: #019247;
  border-bottom: #8B8B8B 2px solid; }
  /* line 7, nav-menus.scss */
  .kstmnav ul li {
    color: gray; }
    /* line 8, nav-menus.scss */
    .kstmnav ul li a {
      color: #EBEBEB !important; }
    /* line 9, nav-menus.scss */
    .kstmnav ul li a:hover {
      background-color: #333 !important;
      color: #B9B9B9 !important; }
    /* line 10, nav-menus.scss */
    .kstmnav ul li a:active {
      background-color: #333 !important;
      color: #B9B9B9 !important; }
  /* line 14, nav-menus.scss */
  .kstmnav .kstmnavbtn {
    color: #353535;
    background-color: #797979;
    font-size: 1em;
    cursor: pointer;
    outline: none;
    font-weight: bold;
    border: none;
    border: #A0A0A0 solid 1px;
    padding: .8em;
    margin: .7em;
    max-width: 100%;
    width: 94%;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0;
    width: auto; }
  /* line 15, nav-menus.scss */
  .kstmnav .kstmnavbtn:hover {
    color: #d3d6d4;
    background-color: #388038;
    transition: all 400ms ease-in-out 0s;
    width: auto; }
  /* line 16, nav-menus.scss */
  .kstmnav .kstmnavbtn:focus {
    color: #353535;
    background-color: #797979;
    font-size: 1em;
    cursor: pointer;
    outline: none;
    font-weight: bold;
    border: none;
    border: #A0A0A0 solid 1px;
    padding: .8em;
    margin: .7em;
    max-width: 100%;
    width: 94%;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius: 0px !important;
    width: auto; }
  /* line 18, nav-menus.scss */
  .kstmnav .mainlogo {
    float: left;
    width: 135px;
    height: 50px;
    margin: 0 .4em; }

/* line 25, nav-menus.scss */
#navHeaderCollapse {
  border: none; }

/*-----footer nav---*/
/*---------------------------------
style general
---------------------------------*/
/* line 4, style.scss */
body {
  background: white;
  font: "Arial", Verdana, Helvetica, Sans-serif;
  /*
  a{@include anchorStyle}
  a:hover{@include anchorStyleHover}
  a:active{@include anchorStyleActive}
  
  button,input[type="button"]{@include btnsModel}
  button:hover,input[type="button"]:hover{@include btnModelHover}
  button:active,input[type="button"]:active{@include btnModelActive}
  
  input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"],
  input[type="tel"], input[type="url"], input[type="text"]{@include inputModel}
  
  input:not([type]):focus, input[type="color"]:focus, input[type="email"]:focus, input[type="number"]:focus,
  input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus
  {@include inputModelFocus}
  textarea{@include inputModel;}
  
  
  input[type="radio"], input[type="checkbox"]{@include checkandradio;}*/ }
  /* line 6, style.scss */
  body h1 {
    font-size: 1.8em;
    color: #4d4d4d;
    padding: .5em 0 .5em;
    margin: 0;
    text-align: left; }
  /* line 7, style.scss */
  body h2 {
    font-size: 1.6em;
    color: #818181;
    padding: .5em 0 .5em;
    margin: 0;
    text-align: left; }
  /* line 8, style.scss */
  body h3 {
    font-size: 1.4em;
    color: #818181;
    padding: .5em 0 .5em;
    margin: 0;
    text-align: left; }
  /* line 9, style.scss */
  body h4 {
    font-size: 1em;
    color: #818181;
    padding: .5em 0 .5em;
    margin: 0;
    text-align: left; }
  /* line 11, style.scss */
  body legend {
    color: #5b816e;
    font-size: 1.3em;
    padding: .5em 0 .5em;
    margin: 0;
    border-bottom: none; }
  /* line 13, style.scss */
  body p {
    color: #818181;
    font-size: 1.2em;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.4em;
    padding: 0; }
  /* line 15, style.scss */
  body label {
    color: #787879;
    font-size: 0.9em; }
  /* line 16, style.scss */
  body span {
    color: #5d5e5f;
    font-size: 1em; }
  /* line 19, style.scss */
  body img {
    max-width: 100%;
    height: auto;
    background-color: transparent; }
  /* line 21, style.scss */
  body table {
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 0 auto; }
  /* line 23, style.scss */
  body ul {
    list-style: none; }
  /* line 45, style.scss */
  body select {
    /*safari reset*/
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    border-radius: 4px !important; }

/*---------------------------------
skeleton bootstrap responsive gridsistem
----------------------------------*/
/* line 4, skeleton.scss */
.masterwrapper {
  margin: 0 auto; }

/* line 5, skeleton.scss */
.container.masterwrapper {
  max-width: 1024px !important;
  padding: 0; }

/* line 6, skeleton.scss */
.griprow {
  margin: 0; }

/*--control style row wrapped grids--*/
/*---row grid col-----*/
/*--------------header*/
/* line 10, skeleton.scss */
.kstmgridhdr {
  background-color: #E6E6E6;
  padding: 1.3em 18%;
  border-bottom: 4px solid #DBDBDB; }

/*--------------account information*/
/* line 15, skeleton.scss */
.kstmgridacctinf {
  border-bottom: 1px solid #E4E4E4;
  padding: .7em 0 .7em;
  margin-bottom: .5em; }

/*--------------holder middle content IMPORTANT*/
/* line 20, skeleton.scss */
.kstmmiddle {
  padding: .7em 0 2em;
  max-width: 65%;
  margin: 0 auto; }

/*--------------footer*/
/* line 25, skeleton.scss */
.kstmgridftr {
  background-color: #303030;
  padding: 2em 18%;
  border-top: solid 2px #707070; }
  /* line 26, skeleton.scss */
  .kstmgridftr .onecol {
    padding: 0; }
  /* line 27, skeleton.scss */
  .kstmgridftr .twocol {
    padding: 0; }

/*----------adjust wrapped grids bootstrap--------------*/
/*----header----*/
/* line 32, skeleton.scss */
.kstmgridhdr .onecol h3 {
  font-weight: bold; }

/* line 34, skeleton.scss */
.imgfixsize {
  max-width: none;
  width: 300px; }

/* line 36, skeleton.scss */
.kstmgridacctinf span:first-child {
  font-weight: bold; }

/* line 37, skeleton.scss */
.cardtype {
  width: 200px;
  margin: 0 .7em; }

/* line 38, skeleton.scss */
.phonenum {
  text-align: right;
  top: 30px;
  position: absolute; }

/* line 39, skeleton.scss */
.phoneimg {
  display: none; }

/*----middle----*/
/*----footer----*/
/* line 43, skeleton.scss */
.iconPhone a.email-us {
  display: none; }

/* line 44, skeleton.scss */
.iconPhone a.email {
  display: inline-block; }

/* line 46, skeleton.scss */
.icon-phone, .icon-fax,
.icon-email, .icon-address {
  background: transparent url("../Images/footersprite.png") no-repeat 0 0;
  display: inline-block;
  padding: 5%;
  vertical-align: middle;
  background-size: 100%; }

/* line 53, skeleton.scss */
.icon-fax {
  background-position: -34px 0; }

/* line 54, skeleton.scss */
.icon-email {
  background-position: 0px 67%; }

/* line 55, skeleton.scss */
.icon-address {
  background-position: 0px 34%;
  vertical-align: top; }

/* line 56, skeleton.scss */
.kstmgridftr > .onecol p:fisrt-child {
  margin: 0; }

/* line 57, skeleton.scss */
.wrapfax {
  margin: -6% 0 0; }

/* line 58, skeleton.scss */
.wrapfax a {
  font-size: .8em; }

/* line 60, skeleton.scss */
.fixpostn {
  display: inline-block; }

/*----copy rights----*/
/* line 64, skeleton.scss */
.crights p {
  text-align: center;
  font-size: .85em;
  padding: .5em;
  margin: .5em 0 1em;
  color: #BCBDBE; }

/*---------class general custom---------*/
/* line 71, skeleton.scss */
.centertitle {
  text-align: center; }

/* line 73, skeleton.scss */
.holdercont {
  max-width: 720px !important;
  margin: 0 auto; }

/*---------------------------------
Invalid payment link page
----------------------------------*/
/* line 4, error-page.scss */
.contfeat {
  border: 1px solid #DDDDDD; }

/* line 5, error-page.scss */
.contfeat h1 {
  margin: .9em 0;
  text-align: center;
  color: #8F8F8F;
  font-weight: bold;
  font-size: 1.4em; }

/* line 6, error-page.scss */
.contfeat img {
  margin: 0 auto 2em;
  display: inherit;
  max-width: 120px; }

/* line 11, error-page.scss */
.contfeat p:last-child {
  text-align: center;
  padding: 1em;
  margin: 4em 0 .5em;
  background-color: #E9E9E9; }

/* line 17, error-page.scss */
.contfeat li {
  color: #9E9E9E;
  list-style-type: square;
  font-size: 1em;
  padding: .2em; }

/*---------------------------------
Contact us page
----------------------------------*/
/* line 4, contact-us.scss */
.contact_form {
  width: 60%;
  margin: 0 auto; }
  /* line 4, contact-us.scss */
  .contact_form label {
    margin: 1em 0; }
  /* line 4, contact-us.scss */
  .contact_form input {
    margin: 0;
    height: 2.7em; }
  /* line 6, contact-us.scss */
  .contact_form .btnsubmt {
    margin: 1.3em 0;
    width: 35%;
    background-color: #3581E2;
    border: solid 1px #D6D6D6;
    float: right; }
  /* line 7, contact-us.scss */
  .contact_form .btnsubmt:hover {
    background-color: #216FD3;
    border: solid 1px #8F8F8F; }

/*---------------------------------
Invoice page
----------------------------------*/
/* line 4, invoice.scss */
.kstminvoiceinf {
  border-bottom: 1px solid #E4E4E4;
  padding: .7em 0 .7em;
  margin-bottom: .4em; }

/* line 9, invoice.scss */
.printinvoice {
  color: transparent;
  background: transparent url("../Images/footersprite.png") center top;
  padding: 7%;
  border: 0;
  background-position: -4px 96%;
  background-size: 115%; }

/* line 16, invoice.scss */
.kstminvoiceinf span:first-child {
  font-weight: bold; }

/* line 17, invoice.scss */
.methdpay {
  padding: .5em;
  margin: 0 0 .3em;
  background-color: #F5F5F5; }

/* line 18, invoice.scss */
.methdpay > span:first-child {
  font-weight: bold; }

/* line 19, invoice.scss */
.dtgip {
  padding: .3em 0; }

/* line 20, invoice.scss */
.dtgip > span:first-child {
  font-weight: bold; }

/* line 21, invoice.scss */
.billaddress, .amountdetail {
  padding: .3em 0;
  font-weight: bold;
  border-bottom: solid 1px #D3D3D3; }

/*@import "jqm-theme";*/
/*----------------// MEDIA QUERY //----------------*/
@media all and (max-width: 900px) and (min-width: 750px) {
  /* line 2, media-query.scss */
  kstmgridhdr {
    padding: .4em 18%; }

  /* line 3, media-query.scss */
  .phonenum {
    display: none; }

  /* line 4, media-query.scss */
  .phoneimg {
    width: 31px;
    display: block;
    float: right;
    top: 26px;
    position: relative; } }
@media all and (max-width: 750px) and (min-width: 320px) {
  /* line 10, media-query.scss */
  body p {
    font-size: 1em; }
  /* line 10, media-query.scss */
  body span {
    font-size: .9em; }

  /* line 11, media-query.scss */
  .kstmgridhdr {
    padding: .4em 6%; }

  /* line 13, media-query.scss */
  .phonenum {
    display: none; }

  /* line 14, media-query.scss */
  .phoneimg {
    width: 31px;
    display: block;
    top: 13px;
    position: relative;
    float: right; }

  /* line 20, media-query.scss */
  .imgfixsize {
    max-width: none;
    width: 200px; }

  /*----hold main middle content IMPORTANT*/
  /* line 23, media-query.scss */
  .kstmmiddle {
    max-width: 90%; }

  /*------*/
  /* line 25, media-query.scss */
  .wrap_form p {
    font-size: .8em; }

  /* line 26, media-query.scss */
  .kstmgridftr {
    padding: 2em; }

  /* line 27, media-query.scss */
  .kstmgridftr p {
    font-size: .8em;
    text-align: left; }

  /* line 29, media-query.scss */
  .iconPhone a.email-us {
    display: inline-block; }

  /* line 30, media-query.scss */
  .iconPhone a.email {
    display: none; }

  /* line 33, media-query.scss */
  .crights p {
    text-align: center;
    font-size: .75em; }

  /*error payment link 404 page*/
  /* line 36, media-query.scss */
  .contfeat h1 {
    font-size: 1.2em; }

  /* line 37, media-query.scss */
  .contfeat p {
    font-size: .85em; }

  /* line 38, media-query.scss */
  .contfeat img {
    max-width: 90px; }

  /* line 39, media-query.scss */
  .contfeat p:last-child {
    font-size: .7em; }

  /* line 41, media-query.scss */
  .contfeat li {
    font-size: .75em; }

  /*contact us page*/
  /* line 43, media-query.scss */
  .contact_form {
    width: 90%; }

  /*invoice page*/
  /* line 46, media-query.scss */
  .kstminvoiceinf span {
    font-size: .8em; } }
/*-------------------------*/
