@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic-ext,cyrillic');

@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=cyrillic');



@import url('https://fonts.googleapis.com/css?family=Arsenal:400,700&subset=latin,cyrillic-ext,cyrillic');

@import url('https://fonts.googleapis.com/css?family=Arsenal:400,700,400italic,700italic&subset=latin,cyrillic-ext,cyrillic');



html{margin: 0px; padding: 0px;  width: 100%; height: 100%; }
body{ margin: 0px; padding: 0px; background-color: #1f4d87;  width: 100%; height: 100%;  -webkit-font-smoothing: antialiased;  font-family: 'PT Sans',
 sans-serif;}
.clear{ clear: both; }

/******************************************  MORTGAGE CALCULATOR  ********************************************************************/

.mc-wrap{ /*width: 100%; */ margin: 0px; padding: 0px;  }

.mc-left{ float: left; width: 70%; padding: 28px 32px 32px 32px;  /*padding: 28px 32px 32px 32px; */  background-color: #fff;
/**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}
	.mc-left h3{ font-family: 'Arsenal'; font-weight: 500; font-size: 26px; line-height: 26px; color: #000; }
		.mc-left h3 br{ display: none; }
	.mc-left h4{ margin: 56px 0 0 0; font-family: 'Arsenal'; font-weight: 700; font-size: 22px; line-height: 25px; color: #000; }
	.mc-left h5{ margin: 56px 0 0 0; font-family: 'Arsenal'; font-weight: 700; font-size: 21px; line-height: 24px; color: #000; }
	.mc-left h6{ margin: 56px 0 0 0; font-family: 'Arsenal'; font-weight: 700; font-size: 18px; line-height: 22px; color: #1161ab; }
	.mc-inp-line{ margin: 19px 0 0 0; }
		.mc-inp-line label{display: block; font-size: 14px; line-height: 14px; font-weight: 700; color: #000;}
		.mc-inp-line input{display: block; float: left; width: 44%; height: 32px; padding: 0 3% 0 3%; margin: 5px 0 0 0; border: 1px solid #1f60a6; color: #000;
			border-radius: 3px; font-size: 17px; line-height: 32px; font-family: 'PT Sans', sans-serif;}
		.mc-inp-line p{ float: left; margin: 12px 0 0 16px; font-size: 18px; line-height: 18px; }
	.mc-inp-line.mc-line-first{ margin: 32px 0 0 0; }
	.mc-checkbox{ height: 18px; margin: 23px 0 0 0; }

/*checkbox style */

 /* IE8 */.mc-checkbox input{  vertical-align: top;  margin: 0 3px 0 0;  width: 18px;  height: 18px;}

.mc-checkbox input + label {  cursor: pointer;}

.mc-checkbox input:not(checked) {position: absolute;opacity: 0;}

.mc-checkbox  input:not(checked) + label {  position: relative;   padding: 2px 0 0 26px; }

.mc-checkbox  input:not(checked) + label:before {  content: '';  position: absolute;  top: 0px;  left: 0;  width: 18px;  height: 18px; 

 border-radius: 3px;  border: 1px solid #1f60a6;  /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /**/}

.mc-checkbox  input:not(checked) + label:after { display:none;   content: '';  position: absolute;  top: 4px;  left: 4px;  width: 10px;  height: 10px;

  border-radius: 2px;  background-color: #1f60a6;}

/*  */.mc-checkbox  input:checked + label:before {}

/* checbox action */.mc-checkbox  input:checked + label:after { display:block;}

/* focus*/.mc-checkbox  input:focus + label:before { }	



button.mc-button-calculate{ width: 200px; height: 40px; margin: 31px 0 0 0; background-color: #ff6600; color: #fff; font-weight: bold; font-size: 14px; line-height: 40px;

text-transform: uppercase; border: none; border-radius: 3px; font-family: 'PT Sans', sans-serif; cursor: pointer;}



.mc-table-info{ margin: 22px 0 0 0; }

	.mc-table-info table{ width: 100%; }

		.mc-table-info table tr{}

		.mc-table-info table tr:nth-child(2n+1){ background-color: #f6f7f8; }

			.mc-table-info table td{ padding: 13px 11px 12px 11px; font-size: 15px; line-height: 15px; vertical-align: middle; color: #000; }

			.mc-table-info table td:nth-child(1){  width: 40%; }

			.mc-table-info table td:nth-child(2){ text-align: right;  width: 60%;}

		.mc-table-info-monthly td{ background-color: #c9daf2; font-size: 16px; line-height: 16px; font-weight: bold; }



.mc-table-terms{margin: 11px 0 0 0;}

	.mc-table-terms table{width: 100%; }

		.mc-table-terms table tr{}

		.mc-table-terms table tr:nth-child(2n+1){ background-color: #f6f7f8; }

			.mc-table-terms table tr td{padding: 13px 11px 12px 11px; font-size: 15px; line-height: 15px; vertical-align: middle; color: #000;}

			.mc-table-terms table td:nth-child(1){  width: 40%;  font-weight: bold; vertical-align: top;}

			.mc-table-terms table td:nth-child(2){  width: 60%;  font-size: 14px; line-height: 14px;}

				.mc-table-terms table tr td p{ margin: 10px 0 6px 0; font-style: italic; }

			.mc-blue-line{ background-color: #dfe9f7; font-size: 14px; line-height: 14px; font-weight: bold; font-style: italic;}



.mc-year{ margin: 17px 0 0 0; font-size: 16px; line-height: 16px; color: #000; }

.mc-table-payment{ margin: 5px 0 0 0; }

	.mc-table-payment table{ width: 100%; }

	.mc-table-payment table thead{}

		.mc-table-payment table thead tr{   }

			.mc-table-payment table thead td{  background-color: #dfe9f7; padding: 12px 0px 12px 0px; font-size: 14px; line-height: 14px; 

				vertical-align: middle; color: #000; font-weight: bold;  }

				.mc-table-payment table thead td:nth-child(1){width: 20%; padding: 0 0 0 11px;}

				.mc-table-payment table thead td:nth-child(2){width: 25%;}

				.mc-table-payment table thead td:nth-child(3){width: 25%;}

				.mc-table-payment table thead td:nth-child(4){width: 30%; padding: 0 11px 0 0; text-align: right;}

	.mc-table-payment table tbody{}

		.mc-table-payment table tbody tr{}

		.mc-table-payment table tbody tr:nth-child(2n+1){ background-color: #f6f7f8; }

			.mc-table-payment table tbody tr td{  padding: 12px 11px 12px 11px; font-size: 15px; line-height: 15px; vertical-align: middle; color: #000;}

				.mc-table-payment table tbody tr td:nth-child(4){ padding: 0 11px 0 0; text-align: right;}



.mc-total-payment{ background-color: #dfe9f7; padding: 12px 10px 21px 10px; }

.mc-total-4-year{font-size: 15px; line-height: 15px; }

.mc-total-payment p{ margin: 10px 0 0 0; color: #02377a; font-size: 16px; line-height: 16px; font-weight: bold;  }

.mc-total-interest{margin: 14px 0 0 0;}

.mc-total-interest, .mc-total-principal{ margin: 8px 0 0 0; font-size: 14px; line-height: 14px;}

.mc-total-interest span, .mc-total-principal span{ font-weight: bold; }





.mc-right{ float: left; width: 30%; padding: 16px 21px 0px 27px; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}

.mc-close-button{ display: block; float: right; width: 22px; height: 22px; background-image: url(../img/mc-close-icon.png); background-repeat: no-repeat;

 background-size: 22px 22px; }

button.mc-print{ position: relative; margin: 48px 0 0 0; width: 100%; height: 52px; padding: 0 0 0 55px; font-size: 16px; line-height: 16px; border-radius: 3px; border: none; background-color: #fff;

 color: #2f588a; font-weight: bold; background-image: url(../img/mc-print-icon.png); background-repeat: no-repeat; background-size: 35px 30px; cursor: pointer;

 background-position: 14px 9px; text-align: left;  font-family: 'PT Sans', sans-serif;   /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 

box-sizing: border-box; /**/}

button.mc-print:after{position: absolute; display: block; top: 16px; left: 56px; width: 110px;  height: 20px;  content: "Print This Page"; font-size: 16px; 

line-height: 16px; color: #2f588a; z-index: 23;}

.mc-info{ margin: 37px 0 0 0; padding: 52px 0 0 0; background-image: url(../img/mc-question-icon.png); background-size: 36px 35px; background-repeat: no-repeat; 

font-size: 14px; line-height: 20px; color: #fff;}



/* Currency Converter */

.mc-wrap.mc-converter{}

.mc-wrap.mc-converter .mc-info{font-size: 20px; line-height: 24px;}

.mc-wrap.mc-converter .mc-inp-line input{ width: 38%; padding: 0 1% 0 1%; }



.mc-from-to{ width: 100%; margin: 21px 0 0 0; }

.mc-from-to .mc-inp-line{ float: left; width: 40%; margin: 0 0 0 0;}

.mc-inp-line.mc-currency-one{margin: 0 2% 0 0;}

.mc-wrap.mc-converter .mc-from-to .mc-inp-line input{width: 94%; padding: 0 3% 0 3%; }



/*select */

.mc-from-to .mc-inp-line select{height: 34px; width:100%; padding: 0 1% 0 1%;  margin: 5px 0 0 0;   text-align:left; border-radius: 3px;

		 background-color:#FFF; border: 1px solid #1f60a6;  color:#424242; font-size:15px; line-height: 34px;   font-family: 'PT Sans', sans-serif; 

  -webkit-appearance: none;	  background-position: right 8px center;   background-repeat: no-repeat; background-image:url(../img/hm-select-arrow.png);  

  background-size: 11px 7px;

  /* for FF */  -moz-appearance: none;  text-indent: 0.01px;   text-overflow: '';

  /* for IE */  -ms-appearance: none;  appearance: none!important;}

  	.mc-from-to .mc-inp-line select option{ color:#424242; background-color:#ffffff; border:none; height:24px; line-height:24px; }

  	.mc-from-to .mc-inp-line select::-ms-expand {display: none;}

/*select */

.mc-calculator-result{margin: 23px 0 0 0; font-family: 'Arsenal'; font-weight: 700; font-size: 28px; line-height: 25px; color: #000;}



/*Pay with crypto */

.mc-wrap.pay-crypto{}

	.mc-wrap.pay-crypto .mc-left h3{ min-height: 34px; padding: 6px 0 0 42px; background-image: url(../img/crypto-icon.png); background-size: 34px 34px; background-repeat: no-repeat; 

		background-position: left center;  }

	.mc-wrap.pay-crypto .cryp-title{ margin: 26px 0 0 0;}

		.mc-wrap.pay-crypto .cryp-title p{font-size: 17px; line-height: 21px;}

		.mc-wrap.pay-crypto .cryp-title div{margin: 9px 0 0 0; font-size: 19px; line-height: 23px; font-weight: bold; }



	.mc-inp-line.mc-line-first {  margin: 21px 0 0 0;}

	.mc-wrap.pay-crypto  .mc-inp-line{ float: none!important;}

	.mc-wrap.pay-crypto .mc-inp-line input{position: relative; float: none!important; width: 60%;}



	.mc-wrap.pay-crypto .mc-from-to .mc-inp-line{  width: 66%; }

		/*.cryp-clear{ display: block; float: left; margin: 28px 0 0 3px; color: #1f4d87; font-size: 15px; line-height: 15px; }*/

	.mc-inp-line.mc-line-first.cryp-closing input{  padding-left: 40px; height: 34px; width: 66%; background-image: url(../img/crypto-icon-calendar.png); 

	 background-size: 21px 22px; background-position: left 7px center;	background-repeat: no-repeat;  

/**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}







	.cryp-star{position: relative; width:66%; }

	.cryp-star input{ width: 94%!important; }

	.cryp-star:after{position: absolute; top: 18px; right: -18px; content: "*"; color: #ff6600; font-size: 36px;}



	.cryp-capcha{ width: 300px;  height: 74px; margin: 20px 0 0 0; background-color: #f4f4f4; }





.cryp-buttons button{ height: 40px; margin: 31px 0 0 0; color: #fff; font-weight: bold; font-size: 14px; line-height: 40px;

text-transform: uppercase; border: none; border-radius: 3px; font-family: 'PT Sans', sans-serif; cursor: pointer;}

button.cryp-send{ position: relative; width: 200px;  background-color: #ff6600; }

button.cryp-cancel{ width: 100px; background-color: #1f4d87; }

.mc-wrap.pay-crypto {  background-color: #3c8d4b; }

.mc-wrap.pay-crypto .mc-info{ background-image: url(../img/mc-question-icon-green.png); }



/***************************** //* i am the owner form  */ /*****************************/
.address-line1{font-size: 28px; line-height: 28px; font-weight: 700;}
.address-line2{padding: 6px 0 0 0; display: block; font-size: 18px; line-height: 18px; font-weight: 700;}

/*
.mc-wrap.iamowner .mc-left h3{ font-size: 28px; line-height: 28px; font-weight: 700; }
.mc-wrap.iamowner .mc-left h3 span{ padding: 6px 0 0 0; display: block; font-size: 18px; line-height: 18px; }
*/
.iamowner-mobile-text{ display: none; }

.mc-wrap.iamowner .mc-left .mc-inp-line{width: 90%; }

	.mc-wrap.iamowner .mc-left .mc-inp-line input{ width: 94%; }





.iamowner-line{ margin: 19px 0 0 0; width: 90%;}

	.mc-wrap.iamowner .iamowner-line .mc-inp-line{ float: left; width: 48%; margin: 0 0 0 0; padding: 0 0 0 0; }

		.mc-wrap.iamowner .iamowner-line .mc-inp-line input{float: none; width: 88%;  padding: 0 6% 0 6%; }

	.mc-wrap.iamowner .iamowner-line .mc-inp-line.iamowner-right{ margin: 0 0 0 4%; }



	.iamowner .mc-inp-line textarea{ width: 94%; height: 74px; margin: 5px 0 0 0; padding: 6px 3% 6px 3%; border: 1px solid #1f60a6; color: #000; 

		border-radius: 3px;	 font-size: 17px;  line-height: 24px; font-family: 'PT Sans', sans-serif;}



.iamowner .mc-info{ margin: 37px 0 0 0; padding: 0px 0 0 0; background-image: none; font-size: 14px; line-height: 20px;}

	

/***************************** //* i am the owner form  effect */ /*****************************/

.iamowner-line{ margin: 19px 0 0 0 ; width: 90%; }

.iamowner-first{margin: 36px 0 0 0 }

.iamowner-half{ float: left; width: 48%; }

.iamowner-right{ margin: 0 0 0 4%; }

.group textarea{height: 74px;  font-family: 'PT Sans', sans-serif;}



/* form starting stylings ------------------------------- */

.group {  position: relative;  margin-bottom: 30px;}

.group input {  font-size: 16px;  padding: 10px 2% 10px 2%;  display: block;  width: 96%;  border: none;  border-bottom: 1px solid #ccc;}

.group input:focus {  outline: none;}

/* LABEL ======================================= */

.group label { position: absolute;  color: #999;  font-size: 16px;   pointer-events: none;  left: 10px;  top: 15px;  transition: 0.2s ease all;

  -moz-transition: 0.2s ease all;  -webkit-transition: 0.2s ease all;}

/* active state */

.group input:focus ~ label, .group input:valid ~ label {  top: -12px;  font-size: 14px; font-weight: bold;  color: #1f4d87;}

/* BOTTOM BARS ================================= */

.bar {  position: relative;  display: block;  width: 90%;}

.bar:before, .bar:after {position: absolute;  content: "";  height: 2px;  width: 0;  bottom: 0;    background: #1f4d87;  transition: 0.2s ease all;

  -moz-transition: 0.2s ease all;  -webkit-transition: 0.2s ease all;}

.bar:before {  left: 50%;}

.bar:after {  right: 50%;}

/* active state */

.group input:focus ~ .bar:before, .group input:focus ~ .bar:after {  width: 50%;}



/* textarea ******************/

.group textarea {  font-size: 18px;  padding: 10px 2% 10px 2%;  display: block;  width: 96%;  border: none;  border-bottom: 1px solid #ccc;}

.group textarea:focus {  outline: none;}



.group textarea:focus ~ label{  top: -12px;  font-size: 14px; font-weight: bold;  color: #1f4d87;}

.group textarea:valid ~ label {  top: -12px;  font-size: 14px; font-weight: bold;  color: #1f4d87;}



.group textarea:focus ~ .bar:before, .group textarea:focus ~ .bar:after {  width: 50%;}









/* MEDIAQUERIES **********************************************************************************************************************/









@media screen and (max-width: 1020px) {

/******************************************  MORTGAGE CALCULATOR  ********************************************************************/

.mc-wrap{  }

button.mc-print:after{top: 18px;  font-size: 15px; line-height: 15px; }

.mc-from-to .mc-inp-line{width: 49%; }

.mc-calculator-result{ font-size: 26px; line-height: 26px;}

/*Pay with crypto */

.mc-wrap.pay-crypto .mc-inp-line input{ width: 70%;}

.mc-wrap.pay-crypto .mc-from-to .mc-inp-line{  width: 76%; }

.cryp-closing{ width: 100%; }

.mc-inp-line.mc-line-first.cryp-closing input{ width: 100%; }

.cryp-star{ width: 76%; }





}/* 1020*/















@media screen and (max-width: 767px) {

/******************************************  MORTGAGE CALCULATOR  ********************************************************************/

.mc-wrap{width: 94%; top: 50px; left: 0; right: 0; margin: 0; /* margin: 0 3% 0 3%;*/  }

button.mc-print:after{top: 12px;  width: 60px;  height: 30px; font-size: 14px; line-height: 14px; }



.mc-wrap.mc-converter .mc-inp-line input{ width: 71%; padding: 0 1% 0 1%; }

.mc-from-to .mc-inp-line{ float: none; width: 73%; margin: 0 0 0 0;}

.mc-inp-line.mc-currency-two{ margin: 12px 0 0 0; }

.mc-calculator-result{ font-size: 22px; line-height: 25px;}

/*Pay with crypto */

.mc-wrap.pay-crypto .mc-from-to .mc-inp-line{ float: left; margin-right: 6px; }

.mc-wrap.pay-crypto .mc-inp-line input{ width: 78%;}

.mc-wrap.pay-crypto .mc-from-to .mc-inp-line{  width: 84%; }

.cryp-closing{ width: 100%; margin: 21px 0 0 0; }

.cryp-star {    width: 84%;}



/* i am the owner form */

.mc-wrap.iamowner .iamowner-line .mc-inp-line{ float: none; width: 100%;  }

.mc-wrap.iamowner .iamowner-line .mc-inp-line.iamowner-right{float: none;  margin: 19px 0 0 0!important;  }





/***************************** //* i am the owner form  effect */ /*****************************/

.iamowner-half{ float: none; width: 100%; }

.iamowner-right{ margin: 19px 0 0 0; }





	}/* 767*/













@media screen and (max-width: 640px) {

/******************************************  MORTGAGE CALCULATOR  ********************************************************************/

.mc-left h4{ margin: 50px 0 0 0;  font-size: 20px; line-height: 23px; }

.mc-left h5{ margin: 50px 0 0 0;  font-size: 19px; line-height: 22px; }

.mc-left h6{ margin: 50px 0 0 0;  font-size: 16px; line-height: 20px; }



.mc-table-info{ margin: 14px 0 0 0; }

.mc-table-info table td{ padding: 11px 9px 10px 9px; font-size: 13px; line-height: 13px; }



.mc-table-terms{margin: 11px 0 0 0;}

.mc-table-terms table tr td{padding: 11px 9px 10px 9px; font-size: 13px; line-height: 13px; }



.mc-year{ margin: 11px 0 0 0;  }

.mc-table-payment table thead td{  padding: 10px 0px 10px 0px; font-size: 11px; line-height: 12px;  }

.mc-table-payment table tbody tr td{  padding: 10px 9px 10px 9px; font-size: 13px; line-height: 13px; }



.mc-total-4-year{font-size: 13px; line-height: 13px; }

.mc-total-payment p{ font-size: 14px; line-height: 14px;  }

.mc-total-interest, .mc-total-principal{  font-size: 13px; line-height: 13px;}



button.mc-print{  font-size: 14px; line-height: 14px;   background-position: 10px 12px; background-size: 30px 26px; }

	button.mc-print:after{top: 12px;  width: 60px; left: 50px;   height: 30px; font-size: 12px; line-height: 13px; }

.mc-info{ font-size: 12px; line-height:16px;}



.mc-calculator-result{ font-size: 19px; line-height: 25px;}

/* i am the owner form */

.iamowner .mc-info {    margin: 20px 0 0 0;     font-size: 13px;    line-height: 18px;}



	} /* 640 */



















@media  screen and (max-width: 550px)  {

/******************************************  MORTGAGE CALCULATOR  ********************************************************************/

.mc-left{  width: 82%; padding: 28px 22px 32px 22px; }

.mc-right{ width: 18%; padding: 16px 10px 0px 10px;}





button.mc-print{ margin: 38px 0 0 0; width: 100%; height: 52px; background-position: center;    }

button.mc-print:after{ content: " "; }

.mc-info{display: none;}

.mc-calculator-result{ font-size: 19px; line-height: 25px;}



/* i am the owner form */

.iamowner-mobile-text{ display: block; margin: 10px 0 0 0; font-size: 13px; line-height: 18px; color: #000; }

.mc-inp-line.mc-line-first {    margin: 22px 0 0 0;}





} /* 550*/











@media  screen and  (max-width: 450px)  {

/******************************************  MORTGAGE CALCULATOR  ********************************************************************/
.mc-wrap{ width: 100%; }
.mc-left{  width: 100%; padding: 28px 22px 32px 22px; }

.mc-right{ display: none; width: 0%; padding: 0;}



.mc-left h3 br{ display: block; }

button.mc-print{ position: relative; display: none;}



.mc-close-button{ position: absolute; display: block; top: 10px; right: 10px;  width: 22px; height: 22px; background-image: url(../img/mc-close-icon-blue.png); 

	background-repeat: no-repeat; background-size: 22px 22px; }



.mc-wrap.mc-converter .mc-inp-line input{ width: 91%; }

.mc-from-to .mc-inp-line{ width: 93%;}







}/* 450 */	













@media screen and (max-width: 410px) {

/******************************************  MORTGAGE CALCULATOR  ********************************************************************/

.mc-calculator-result{ font-size: 16px; line-height: 25px;}



}/* 410 */









@media screen and (max-width: 370px) {

/*Pay with crypto */

.mc-left {   padding: 28px 12px 32px 12px;}

.mc-wrap.pay-crypto .mc-inp-line input{ width: 76%;}

.mc-wrap.pay-crypto .mc-from-to .mc-inp-line{  width: 82%; }

.cryp-closing{ width: 100%; }





	}/* 370*/









@media screen and (max-width: 340px) {

/*Pay with crypto */

.cryp-capcha{ width: 272px;  overflow: hidden; }



	} /* 340 */