[data-tippy-content]{
  display: inline-block;
  background-image: url(../images/question.png);
  width: 18px;
  height: 18px;
  background-size: cover;
  vertical-align: middle;
  margin-left: 8px;
  float:right;
  margin-top:3px;
}
[data-tippy-content]:hover{
  cursor:pointer;
}


/* ==================== */
.wpmc-groups {
  font-family:Arial;
  font-size:16px;
}

.wpmc-group {}

.wpmc-group .wpmc-title {
  background:#FF9900;
  padding:5px 15px;
  color:white;
  font-weight:bold;
}
.wpmc-group .wpmc-field{

}
.wpmc-group .wpmc-field label{
  color:#1A75BC;
  display:inline-block;
  width:70%;
  margin-bottom:0;
  padding: 10px 0;
  font-size:14px;
  vertical-align:top;
  float:left;
}
.wpmc-group .wpmc-field > div{
  background:#DBEEF3;
  display:inline-block;
  text-align:right;
  width:30%;
  padding: 10px 15px;
  box-sizing:border-box;
}
.wpmc-group .wpmc-field > div > span,
.wpmc-group .wpmc-field > div > div{
  min-height:20px;
  display:inline-block;
}
.wpmc-group .wpmc-field > div > *{
  background:none;
  border:none;
  padding:0;
  width: 100%;
  text-align: center;
  background:rgba(255,255,255,0.3);
}


select.mode-selector {
  text-align:center !important;
  font-size:10px;
  display:inline-block;
  padding:3px 5px !important;
  margin-bottom:5px;
  background:#656565 !important;
  color:white;
  border-radius:5px;
  text-transform:uppercase;
  font-weight:bold;
}
.adv-mode-fieldset{
  
}
.adv-mode-fieldset {
  background:none !important;
}

.adv-mode-fieldset .adv-fieldset-inner {
  overflow:hidden;
}

.adv-mode-fieldset .adv-fieldset-inner label{
  padding:0;
  color:black;
  width:50%;
  text-align:left;
  text-indent:5px;
}
.adv-mode-fieldset .adv-fieldset-inner input{
  padding:0;
  width:50%;
  background: rgba(255,255,255,0.3);
  border:none;
  text-align:center;
}

/* ====================================================================== */
.mc-container {
  width: 100% !important;
  max-width: 100% !important;
  color: #323232;
}

.mc-header {
  width: 80%;
  margin: 0 auto;
  padding: 50px 20px;
  position: relative;
}
.mc-header:before {
  content: '';
  background: #0176c3;
  width: 5px;
  height: 55%;
  position: absolute;
  left: 0;
}
.mc-header .mc-header-title {
  color: #0176c3;
  font-size: 50px;
  line-height: 100%;
  margin-bottom: 10px;
}
.mc-header .mc-header-subtitle {
  font-size: 22px;
  line-height: 100%;
}

.mc-col {
  width: 50%;
  float: left;
}

.mc-col-left .mc-group-variables {
  position: relative;
}
.mc-col-left .mc-group-variable {
  padding: 5px 0;
}
.mc-col-left .mc-input input {
  width: 20%;
  height: 40px;
  background: transparent;
  border: 2px solid #bababa;
  text-align: center;
  padding: 0 10px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-size: 16px;
  color: #aaa;
  font-weight: bold;
}
.mc-col-left .mc-input input:hover,
.mc-col-left input:active,
.mc-col-left input:focus {
  border: 2px solid #0176c3;
  outline: none;
}
.mc-col-left .mc-slider input {
  width: 100%;
  border-radius: 0;
  padding-right:0 !important;
  padding-left:0 !important;
}
.mc-col-left .mc-slider-output {
  color: #0176c3;
  font-size: 18px;
  line-height: 20px;
}

.mc-group-header {
  padding: 40px 0;
  background-color: #f2f2f2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mc-group-header .mc-label {
  color: #0176c3;
  font-size: 20px;
  line-height: 100%;
}

.mc-tooltip {
  position: relative;
}
.mc-tooltip .mc-tooltip-icon {
  background: #fff;
  color: #0176c3;
  font-weight: 900;
  width: fit-content;
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 100%;
  cursor: help;
}
.mc-tooltip .mc-tooltip-definition {
  opacity: 0;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding: 15px;
  background: #0176c3;
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute;
  left: -140px;
  right: -150px;
  bottom: 50px;
}
.mc-tooltip .mc-tooltip-definition:before,
.mc-tooltip .mc-tooltip-definition:after {
  content: '';
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #0176c3;
  position: absolute;
  bottom: -10px;
  left: 45%;
}
.mc-tooltip .mc-tooltip-icon:hover + .mc-tooltip-definition{
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mc-group-variable.mc-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mc-group-variable a {
  color: #0176c3;
  font-size: 14px;
  text-decoration: none;
  position: absolute;
  right: 5%;
}

.mc-col-right {
  background-color: #06477d;
  color: #fff;
}
.mc-col-right .mc-group-header {
  background-color: #0176c3;
}
.mc-col-right .mc-group-header .mc-label {
  color: #fff;
}
.mc-col-right .mc-group-variables {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.mc-col-right .mc-group-variable {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
.mc-col-right .mc-group-variable.mc-total {
  font-size: 28px;
  font-weight: 900;
}
.mc-col-right .mc-group-variable.mc-total:nth-child(3) {
  margin-bottom: 50px;
}
.mc-col-right .mc-group-variable.mc-total .mc-variable-value:before {
  content: '';
  background: #fff;
  width: 120px;
  height: 1px;
  position: absolute;
  right: 20%;
}
.mc-col-right .mc-group:last-child .mc-group-variable:first-child,
.mc-col-right .mc-group:last-child .mc-group-variable:last-child {
  font-weight: 900;
}

.mc-variable-label-container .mc-variable-sublabel {
  color: #1f90c8;
  font-size: 16px;
  font-weight: normal;
  line-height: 100%;
}

.mc-contact {
  padding: 50px 10%;
  background-color: #f2f2f2;
  color: #323232;
  overflow: hidden;
}
.mc-contact > div,
.mc-contact input {
  margin-bottom: 20px !important;
}
.mc-contact .mc-submit {
  background-color: #fba51a;
  float: right;
}

.mc-reset-container {
  text-align: center;
  margin: 80px 0;
}
.mc-reset {
  background-color: #00a1e5 !important;
}

.mc-reset-container {
    width: 60%;
    margin: 30px auto!important;
}
.mc-reset-container p {
    background: #f1f1f1;
    padding: 30px;
    margin-top: 30px;
    font-weight: 600;
}

@media (max-width: 1400px){
  .mc-reset-container {
      width: 65%;
      margin-right: 100px;
    }
}
@media (max-width: 1200px){
.mc-reset-container {
    width: 80%;
    margin-right: 0px;
  }

}

@media (min-width: 1025px) {
  .mc-col-left .mc-group-header {
    padding-left: 20%;
    padding-right: 5%;
  }
  .mc-col-left .mc-group-variables {
    padding: 20px 20%;
  }

  .mc-col-right .mc-group-header {
    padding-right: 20%;
    padding-left: 10%;
  }
  .mc-col-right .mc-group-variables {
    padding-left: 10%;
    padding-right: 20%;
  }
}

@media (max-width: 1024px) {
  .mc-container .mc-col {
    width: 100%;
  }
  .mc-reset-container {
    margin: 40px 0;
  }
  .mc-group-header,
  .mc-group-variables {
    padding: 2% 10%;
  }
  .mc-group-variable a {
    right: 1%;
  }
  .mc-col-right .mc-group-variable.mc-total .mc-variable-value:before {
    right: 10%;
  }
  .mc-contact {
    text-align: center;
  }
  .mc-contact .mc-submit {
    float: initial;
  }
}

@media (max-width: 768px) {
  .mc-header:before {
    height: 70%;
  }
  .mc-group-variable a {
    right: 2%;
    max-width: 40px;
    line-height: 100%;
  }
  .mc-container,
  .mc-group-header .mc-label,
  .mc-col-left .mc-slider-output {        
    font-size: 16px;
  }
  .mc-header .mc-header-title {
    font-size: 30px;
  }
  .mc-header .mc-header-subtitle,
  .mc-col-right .mc-group-variable.mc-total {
    font-size: 18px;
  }
  .mc-variable-label-container .mc-variable-sublabel {
    font-size: 14px;
  }

  .mc-col-right .mc-group-variable.mc-total .mc-variable-value:before {
    width: 80px;
  }
}

/*=========== 08/28/2020 ============*/


/* TEMP */
.mc-group-variables .mc-group-variable .mc-variable-value+span {
  display: none;
}

.mc-variable-advance {
  display: none;
}

/* Live Site Overrides */
.mc-header-title {
  font-family: 'Libre Baskerville', sans-serif;
  font-size: 38px;
  line-height: 45px;
  font-weight: 400;
}
.mc-tooltip-icon {
  font-family:sans-serif;
}

.mc-group .mc-group-header .mc-label { 
  font-size:16px;
  line-height:24px;
  font-family: 'Poppins', sans-serif; 
  font-weight:400;
}

.mc-slider .mc-variable-value{
  height:auto !important;
  margin-top:25px;
}
.mc-slider-output output, .mc-slider-output{ 
  font-size:14px !important; 
  font-weight:bold;
  margin-left:2px;
}

.mc-group-variables .mc-variable-label{
  font-family:'Poppins', sans-serif;
}
#total_cash_investment .mc-variable-label,
#debt_service_annual .mc-variable-label{
  font-size:22px;
  font-weight:bold; 
}
#total_cash_investment,#debt_service_annual{
  margin-bottom: 50px;
}
div#debt_service_summary .mc-variable-label{
    text-transform:uppercase;
    font-size:20px
}

div#debt_service_summary .mc-variable-label{
    text-transform:uppercase;
    font-size:20px
}



div#total_cash_investment .mc-variable-value.formula-value,
div#debt_service_annual .mc-variable-value.formula-value{
    font-weight:900;
    font-family:'Poppins', sans-serif;
    font-size:24px;
    position:relative;
}
div#total_cash_investment .mc-variable-value.formula-value:before,
div#debt_service_annual .mc-variable-value.formula-value:before{
    content:'';
    width:200px;
    background:white;
    height:1px;
    display:inline-block;
    top:-10px;
    left:50%;
    position:absolute;
    transform:translateX(-25%);
}
input.mc-variable-value {
  font-size:20px !important;
  font-family:'Poppins',sans-serif;
  font-weight:400 !important;
  padding:15px 15px !important;
  width:180px !important;
}
.mc-slider .mc-variable-value{
  width:100% !important;
}

.mc-col-left .mc-group-variable.mc-input {
    padding:10px 0;
}

.mc-reset-container button.mc-btn.mc-reset {
  border:none;
  color:white;
  padding:25px 25px;
  font-size:18px;
}
.mc-reset-container button.mc-btn.mc-reset:hover{
  background:black;
}

.mc-contact input[type="email"],.mc-contact input[type="name"]{
  width:48%;
  font-size:16px;
  padding:15px;
  border:2px solid #ddd;
  float:left;
  margin-left:1%
}
.mc-contact .mc-btn.mc-submit{
    border:none;
    color:white;
    font-size:18px;
    padding:25px 50px;
}
.mc-contact .mc-btn.mc-submit:hover{
    background:#343434;
    cursor:pointer;
}

/* advance */
.mc-group-variable.show-advance .mc-variable-advance{
  	display:initial;
	max-width: 460px;
	background: #fafafa;
	padding: 15px;
  border: 1px solid #bababa;
  text-align:center;
	
}
.mc-group-variable.show-advance >.mc-variable-value{
  display:none !important
}
.show-advance span.field-outer,.show-advance span.field-outer+.unit {
    display: none;
}
.mc-group-variable .advanced-mode-field{
  margin:5px 0;
  font-size:14px;
  display:inline-block;
}
.mc-group-variable .advanced-mode-field input {
  margin-left:0px;
  display:block;
  background: white;
  margin: 0 5px;
}

span.field-outer .mc-variable-value {
  margin-left:15px;
}

input.wpmc-has-callback.mc-variable-value {}

[data-group="economic_modeling_assumptions"] .mc-variable-label{ 
  width:300px !important;
}


.mc-variable-label input[type="number"]{
    display:inline-block;
    width: 100px;
    margin-left:15px;
    border:none;
    background:#eaeaea;
    color:#000;
}


[data-variable="down_payment_pct"] #slider-down_payment_pct{
    width: 70% !important;
    vertical-align:middle;
}
[data-variable="down_payment_pct"] #slider-down_payment_pct+span{
    display:inline-block;
    vertical-align: top;
    margin-top: 35px;
    float: right;
}


[data-variable="economic_modeling_label"] .advanced-checkbox{
    font-size:12px;
    display:inline-block;
    width:200px;
    vertical-align:middle;
    line-height:46px;
}
[data-variable="economic_modeling_label"] .advanced-checkbox input{
    float:left;
    width:20px;
    vertical-align:middle;
    line-height:16px;
}
.advance-link{
    display:none;
}


/** ----------------------------------------------------------------- 
Investment calculator page
------------------------------------------------------------------ **/

.mc-tooltip .mc-tooltip-definition{z-index: 101 !important;}
 .mc-container {font-size: 14px;}
 .mc-col-right .mc-variable-label {font-weight: 700;}
 .mc-col-right .mc-group-variable {padding: 4px 0;}
.mc-col-left .mc-group-variable.mc-input {padding: 3px 0;}
.mc-reset-container {text-align: center;margin: 20px 0 50px;}
#total_cash_investment .mc-variable-label, #debt_service_annual .mc-variable-label {font-size: 18px;font-weight: 700;}
div#total_cash_investment .mc-variable-value.formula-value, div#debt_service_annual .mc-variable-value.formula-value {font-weight: 700;font-size: 18px;}
#down_payment .mc-variable-label-container .mc-variable-label,
#closing_costs_fees .mc-variable-label-container .mc-variable-label,
#amount_financed .mc-variable-label-container .mc-variable-label,
#debt_service_monthly .mc-variable-label-container .mc-variable-label{font-weight: 500 !important;}

 .mc-group .mc-group-header .mc-label {font-size: 16px;line-height: 24px;font-weight: 400;}
 .mc-col-right .mc-group-header,
 .mc-col-left .mc-group-header{padding-top: 15px;padding-bottom: 15px;}

 #total_cash_investment, #debt_service_annual {margin-bottom: 20px;}
 .mc-contact {padding: 20px 10%;}
 .mc-contact > div,  .mc-contact input {margin-bottom: 10px !important;}

 .mc-contact > div {font-size: 18px;}
 .mc-contact input[type="email"], 
 .mc-contact input[type="name"] {width: 33%;font-size: 16px;padding: 15px;border: 2px solid #ddd;float: left;margin-right: 1%; margin-left: 0;}
  .mc-contact .mc-btn.mc-submit {border: none;color: white;font-size: 18px;padding: 15px 0 16px;width: 32%;}

/** left part **/

.mc-col-left span.field-outer {display: flex;align-items: center;}
  .mc-col-left .mc-group-variables .mc-variable-label {    min-width: 250px;}
 .mc-col-left .mc-group-variable.show-advance .mc-variable-advance {max-width: 100%;text-align: left;}
 .mc-col-left .mc-group-variable .advanced-mode-field {margin: 5px 0;font-size: 14px;display: inline-block;width: 25%;padding: 0 5px;box-sizing: border-box;}
 .mc-col-left .mc-group-variable.mc-input.show-advance {align-items: start;flex-direction: column;}
 .mc-col-left .mc-group-variable .advanced-mode-field input {margin-left: 0px;display: block;background: white; margin: 0;width: 100% !important;}
.mc-reset-container button {padding: 18px 30px!important;}
.show-advance span.field-outer {display: none;
}

@media screen and (min-width: 1024px) and (max-width: 1060px){
	.mc-contact {
    padding: 34px 10%;
}
}
@media screen and (min-width: 1260px) and (max-width: 1383px){
 .mc-contact { padding: 50px 10% !important;}
  .mc-col.mc-col-left {
    padding-bottom: 34px;
}
}
@media screen and (min-width: 1384px){
 .mc-contact { padding: 41px 10% !important;}
 .mc-col.mc-col-left { padding-bottom: 34px;}
}


@media screen and (min-width:768px) and (max-width: 1259px){   
 .mc-col-left .mc-tooltip-definition {right: -5px;left: -280px;font-size: 14px;}
.mc-col-left .mc-tooltip .mc-tooltip-definition:before, .mc-col-left .mc-tooltip .mc-tooltip-definition:after {left: 87%;} 
.mc-col-right .mc-tooltip-definition {right: -35px;left: -280px;font-size: 14px;}
.mc-col-right .mc-tooltip .mc-tooltip-definition:before, .mc-col-right .mc-tooltip .mc-tooltip-definition:after {left: 80%;}     
 .mc-col-left{width:50% !important;}
 .mc-col-right{width:50% !important;}
 .mc-col-left .mc-group-variables .mc-variable-label {min-width: 120px;}
 .mc-col-left input.mc-variable-value {width: 110px !important;}
.mc-group-variables .mc-variable-label {min-width: 255px;}
 .mc-col-left .mc-group-header {padding-left: 10%;padding-right: 5%;}
 .mc-col-left .mc-group-variables {padding: 20px 10%;}
.mc-col-right .mc-group-variables, .mc-col-right .mc-group-header {padding-left: 8%;}

 .mc-contact .mc-btn.mc-submit {font-size: 11px;font-weight: 600;line-height: 15px;}
 .mc-contact .mc-btn.mc-submit {padding: 22px 0 16px;}
.mc-col-left .mc-group-variable.mc-input {padding: 2px 0;}
.mc-slider .mc-variable-value {height: auto !important;margin-top: 0px;}
}
@media screen and (min-width: 768px) and (max-width: 1259px){
.mc-col.mc-col-left {padding-bottom: 48px;}
}
/** mobile display **/
@media screen and (min-width: 1366px){
	.mc-col-right .mc-tooltip-definition {left: -450px;}
}
@media screen and (min-width: 768px){
	.mc-col-left .mc-tooltip-definition {right: -35px;left: -180px;font-size: 13px;}
.mc-col-left .mc-tooltip .mc-tooltip-definition:before, .mc-col-left .mc-tooltip .mc-tooltip-definition:after {left: 75%;} 
.mc-col-right .mc-tooltip-definition {
    right: 45px;
    left: -360px;
    font-size: 13px;
    bottom: inherit;
    z-index: 99;
    top: -10px;
}
.mc-col-right .mc-tooltip .mc-tooltip-definition:before, .mc-col-right .mc-tooltip .mc-tooltip-definition:after {left: 75%;}  
.mc-tooltip .mc-tooltip-definition:before {
    content: '';
    border-top: 10px solid #ff060600;
    border-right: 10px solid #0176c300;
    border-bottom: 10px solid #0176c300;
    position: absolute;
    top: 15px;
    left: auto !important;
    border-left: 10px solid #01609f;
    right: -20px !important;
    bottom: 100%;
}
.mc-col-left .mc-tooltip .mc-tooltip-definition:before {
    content: '';
    border-top: 10px solid #ff060600;
    border-right: 10px solid #0176c300;
    border-bottom: 10px solid #0176c300;
    position: absolute;
    top: 15px;
    left: auto !important;
    border-left: 10px solid #0176c3;
    right: -20px !important;
    bottom: 92%;
}
.mc-tooltip .mc-tooltip-definition:after{
	content: none !important;
} 

.mc-col-left .mc-tooltip-definition {
    right: 45px !important;
    left: -290px !important;
    font-size: 13px !important;
    top: -10px !important;
    bottom: auto !important;
}
}
@media screen and (max-width: 767px){
    
/** tools tip left or right **/
    
.mc-col-left .mc-tooltip-definition {right: -35px;left: -180px;font-size: 13px;}
.mc-col-left .mc-tooltip .mc-tooltip-definition:before, .mc-col-left .mc-tooltip .mc-tooltip-definition:after {left: 75%;} 
.mc-col-right .mc-tooltip-definition {
    right: 35px;
    left: -310px;
    font-size: 13px;
    bottom: -90px;
    z-index: 99;
    height: 130px;
    overflow: auto;
    overflow-x: hidden;
}
.mc-col-right .mc-tooltip .mc-tooltip-definition:before, .mc-col-right .mc-tooltip .mc-tooltip-definition:after {left: 75%;}  
.mc-tooltip .mc-tooltip-definition:before {
    content: '';
    border-top: 10px solid #ff060600;
    border-right: 10px solid #0176c300;
    border-bottom: 10px solid #0176c300;
    position: absolute;
    top: 15px;
    left: auto !important;
    border-left: 10px solid #01609f;
    right: -20px !important;
    bottom: 70%;
}
.mc-col-left .mc-tooltip .mc-tooltip-definition:before {
    content: '';
    border-top: 10px solid #ff060600;
    border-right: 10px solid #0176c300;
    border-bottom: 10px solid #0176c300;
    position: absolute;
    top: 15px;
    left: auto !important;
    border-left: 10px solid #0176c3;
    right: -20px !important;
    bottom: 92%;
}
.mc-tooltip .mc-tooltip-definition:after{
	content: none !important;
} 

.mc-col-left .mc-tooltip-definition {
    right: 45px !important;
    left: -290px !important;
    font-size: 13px !important;
    top: -10px !important;
    bottom: auto !important;
}


      
 .mc-col-left .mc-group-variables .mc-variable-label {min-width: 120px;line-height: 20px;display: flex;align-items: center;justify-content: space-between;}
[data-variable="down_payment_pct"] #slider-down_payment_pct+span {display: inline-block;vertical-align: top;margin-top: 15px;float: right;}
 .mc-col-left .mc-group-variables .mc-variable-label {min-width: 120px;}
 .mc-col-left input.mc-variable-value {width: 160px !important;}
 .mc-contact input[type="email"],  .mc-contact input[type="name"] {width: 49%;font-size: 14px;}
  .mc-contact .mc-btn.mc-submit {width: calc(100% - 1%);}
 .mc-group .mc-group-header .mc-label {max-width: 230px;}
 .mc-group-variables .mc-text {display: flex;flex-direction: column-reverse;width: 25%;}
 .mc-col-right .mc-group-variables {display: flex;flex-wrap: nowrap;flex-direction: row;align-items: flex-start;justify-content: center;}
.mc-col-right .mc-group-variables .mc-variable-label {min-width: auto;text-align: center;line-height: 12px;margin-top: 10px;}
.mc-variable-label-container .mc-variable-sublabel {display: none;}
#ten_year_average_coc_roi .mc-variable-label {position: relative;font-size: 0;}
#ten_year_average_coc_roi .mc-variable-label:before {content: "10-Yr-Avg COC ROI ";font-size: 12px;font-weight: 400;word-break: break-word;}
#coc_roi_debt_paydown_roi .mc-variable-label {position: relative;font-size: 0;}
#coc_roi_debt_paydown_roi .mc-variable-label:before {content: "COC ROI + Debt Paydown ROI";font-size: 12px;font-weight: 400;word-break: break-word;}
#ten_year_average_capitalization_rate .mc-variable-label {position: relative;font-size: 0;}
#ten_year_average_capitalization_rate .mc-variable-label:before {content: "10-Yr Avg Cap Rate";font-size: 12px;font-weight: 400;word-break: break-word;}
#ten_year_internal_rate_of_return .mc-variable-label {position: relative;font-size: 0;}
#ten_year_internal_rate_of_return .mc-variable-label:before {content: "10-Yr IRR";font-size: 12px;font-weight: 400;word-break: break-word;}
.mc-variable-value.formula-value {text-align: center;font-weight: 700;}
.mc-col-right .mc-group-variables {padding: 2% 4%;}
.mc-col-left .mc-group-variable.mc-input {padding: 4px 0;}
.mc-slider .mc-variable-value {height: auto !important;margin-top: 5px;}
}

@media screen and (max-width: 320px){
 .mc-col-left input.mc-variable-value {
    width: 110px !important;
}	
}



/** -----------------------------------------------------------------
 element parts
 ---------------------------------------------------------------- **/


@media screen and (min-width: 768px){
.mc-col-right{background-color: #FFF !important;}
.mc-col-right .mc-groups{background-color: #06477d !important;}	
}

@media screen and (min-width: 768px){
.calculator-pagination{display:none !important;}.debt-cals .mc-group-variables {padding-bottom: 0 !important;}
.debt-cals2 .mc-group-variables {padding-bottom: 0!important;}		
}

@media screen and (max-width:768px){
 .mc-header{display: none;}
}
	
@media screen and (min-width: 768px){
.mc-contact{visibility: hidden;opacity:0;transition: all 300ms ease-in-out 0s;}
.mc-contact.show{visibility: visible;opacity:1;}
.calc-wrapper::after {display: table;clear: both;width: 100%;content: '';}
.footer-sticky-form {display: flex;flex-direction: row;justify-content: space-between;}	
.leftcol-sticky {width: 50%;}
.rightcol-sticky { width: 50%;}
.mc-col-right.fixed { position: fixed; top: 0px !important; z-index: 99;max-width: 50%;left: calc(50% + 0px) !important; margin-left: 0px; box-sizing: border-box;}

}


@media screen and (min-width: 1018px){
.mc-col-right.fixed {top: 60px !important;}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.mc-col-right.fixed {top: 0px !important;}
 .mc-col-left {width: 50% !important;}
 .mc-col-right { width: 50% !important;}
.mc-col-right .mc-group-variables, .mc-col-right .mc-group-header {padding-left: 4% !important;}
.mc-col.mc-col-left {padding-bottom: 48px;}
}
	
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
 .mc-col-left {width: 50% !important;}
 .mc-col-right { width: 50% !important;}
.mc-col-right.fixed {top: 60px !important;}
.mc-col.mc-col-left {padding-bottom: 48px;}
}


@media screen and (max-width: 767px){
	
.mc-col-right .mc-group:first-child{}
.page-id-259 #back_to_top {bottom: 10px; right: 50px;}
.page-id-259 #back_to_top span i, #back_to_top span span {font-size: 15px;line-height: 32px;}
.page-id-259 #back_to_top>span {width: 32px;height: 32px;line-height: 32px;}

.mc-col-right.fixed {top: 0px !important;}

/** paginations **/
.mc-col-right .mc-groups {position: relative;padding-bottom: 35px; height: 232px;}
/** paginations **/	
.mc-col.mc-col-right {height: 232px;}
.mc-col-right .mc-group-header {min-height: 78px;}
.mc-col-right .mc-group.debt-cals,
.mc-col-right .mc-group.debt-cals2{font-size: 12px !important;}	
 .mc-group.debt-cals .mc-group-variables,
 .mc-group.debt-cals2 .mc-group-variables {display: inherit !important;}

 .mc-group.debt-cals .mc-group-variables .mc-text,
 .mc-group.debt-cals2 .mc-group-variables .mc-text  {width: 100% !important;flex-direction: inherit !important;}
 .mc-group.debt-cals .mc-variable-value.formula-value,
 .mc-group.debt-cals2 .mc-variable-value.formula-value {font-size: 14px !important;}	
 .mc-group.debt-cals .mc-group-variables .mc-variable-label,
 .mc-group.debt-cals2 .mc-group-variables .mc-variable-label {min-width: auto;line-height: 12px;}
 .mc-container .debt-cals,  .mc-container .debt-cals2 {font-size: 12px;}
.debt-cals #total_cash_investment .mc-variable-label, .debt-cals #debt_service_annual .mc-variable-label,
.debt-cals #debt_service_summary .mc-variable-label{font-size: 15px !important;font-weight: 600;margin-top: 0 !important;}
.debt-cals2 #total_cash_investment .mc-variable-label, .debt-cals2 #debt_service_annual .mc-variable-label,
.debt-cals2 #debt_service_summary .mc-variable-label{
font-size: 15px !important;font-weight: 600;margin-top: 0 !important;}
.debt-cals .mc-variable-value.formula-value,
.debt-cals2 .mc-variable-value.formula-value {text-align: center;font-weight: 400;line-height: 12px;margin-top: 5px;}
 .debt-cals  #total_cash_investment, .debt-cals  #debt_service_annual,
 .debt-cals2  #total_cash_investment, .debt-cals2  #debt_service_annual {margin-bottom: 10px;}
.mc-col-right .mc-group {transition: all 300ms ease-in-out;}
.mc-col-right.mobile-sticky .mc-group .mc-group-variables {padding: 2% 4%;max-width: 90%;margin: auto;}
.mc-col-right .mc-group-variables {padding: 3.1% 2%;max-width: 90%;margin: auto;}
.mc-col-right .mc-groups { flex-wrap: nowrap;flex-direction: row-reverse; display: flex; justify-content: flex-start;}	
	div#total_cash_investment .mc-variable-value.formula-value:before, div#debt_service_annual .mc-variable-value.formula-value:before {
    content: '';width: 80px;background: white;height: 1px;display: inline-block;top: -10px;
    right: 0;left: auto;position: absolute;transform: translateX(0);
}
.mc-group.debt-cals {order: 3;}
.mc-group.debt-cals2 {order: 2;}
.mc-group.sticky-top {order: 1;}
.mc-col.mc-col-right.mobile-sticky {position: fixed;bottom: 0;left: 0;transition: all 300ms ease-in-out 0s;animation: fade 0.5s ease;right: 10px;width: calc(100vw - 0px);}

.mc-col-right .slick-track	{
	display: flex;
	display: -webkit-flex;
}
}

@media screen and (max-width: 767px){
.mc-col-right.mobile-sticky .mc-groups{padding-bottom: 35px;}	
.mc-col-right .slick-next {right: 10px;top: inherit;bottom: -3px;z-index: 22;}
.mc-col-right .slick-prev {left: 10px;top: inherit;bottom: -3px;z-index: 22;}
.mc-col-right .slick-dots {bottom: 0;z-index: 2;height: 35px;background: #0176c3;}
.mc-col-right .slick-dots li button:before {font-size: 8px;line-height: 20px;width: 20px;height: 20px;opacity: .25;}
.mc-col-right .slick-dots li.slick-active button:before {opacity: 1;color: #fff;}
.mc-col-right .mc-group-header{padding: 2% 7% !important;}
}


@keyframes fade-header{
0%{
	opacity:0;
	 transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
100%{
	opacity:1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
}
@keyframes fade{
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes fade-sticky{
	0%{opacity:0;transform: translateY(80px);}
	100%{opacity:1;transform: translateY(0px);}
}