/*chenges by WiseEagle (MakeSite.mobi)*/
@import "font-awesome.min.css";
@media (max-width:999px){
	#MainWrapper {width: 100%;}
	.we-footer,.we-body,.we-main-menu,.we-header {width: 100% !important;}
	img {max-width: 100% !important;height: inherit;}
	#MainCol {width: calc(100% - 320px);width: -webkit-calc(100% - 320px);width: -moz-calc(100% - 320px);}
	iframe {max-width: 100%;height: inherit;}
	ul#nav li {padding-left: 0 !important;}
	table.we-main-menu td {background-size: 100% !important;}
}
@media (max-width:767px){
	.disable_width {width: 100% !important;margin: initial !important;}
	span[style="font-family: impact,chicago;"] {line-height: 26px;}
	.main-menu-btn {position: absolute;top: 10px;left: 0;width: 40%;text-align: left;color: black !important;font-size: 18px;z-index: 1000;line-height: 36px;text-decoration: none !important;}
	a.phone-btn i.fa,a.main-menu-btn i.fa {font-size: 36px;display: block;float: left;margin-left: 15px;margin-right: 10px;}
	#nav {position: absolute;top: 0;bottom: 0;left: -100%;right: 100%;padding-top: 60px;background: #cc0001;}
	#nav li {width: 100%;line-height: 26px;}
	.we-header, .we-header tbody, .we-header tr, .we-header td {display: block;}
	.we-body, .we-body tbody, .we-body tr, .we-body td {display: block;}
	.we-main-menu, .we-main-menu tbody, .we-main-menu tr, .we-main-menu td {display: block;}
	.we-footer, .we-footer tbody, .we-footer tr, .we-footer td {display: block;}
	#MainCol {width: calc(100% - 40px);width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);}
	#LeftCol {width: 100%;padding-left: 0;padding-right: 0;padding-bottom: 0;}

	.we-header td {width: 100% !important;display: none;}
	.we-footer {margin: 0 !important;}
	.we-phones-wrapper {display:none !important;position: absolute;top: 112px;background: white;left: 0;right: 0;border-bottom: 5px solid #AAAAAA;border-top: 1px solid #AAAAAA;padding: 10px;}
	.phone-btn {position: absolute;top: 68px;left: 0;width: 40%;font-size: 14px;text-align: left;color: black !important;line-height: 36px;text-decoration: none !important;}
	.we-main-menu td {background: #ececec !important;}
	.we-logo {position: absolute;top: 0;right: 0;text-align: center;font-size: 14px;line-height: 56px;text-transform: uppercase;font-weight: 600;padding-right: 10px;padding-left: 10px;}
	.we-first-logo {color: black;}
	.we-second-logo {color: #f4c343;}
	/*online app*/
	.we-application {width: 100%;}
	.we-application input[type="text"], .we-application select, .we-application textarea {width: 90%;}
	.popup-inner>strong {padding: 5px 0px !important;margin: 0 !important;}
	.popup-app {display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999;}
	.popup-inner {position: relative;width: calc(90% - 20px);margin: 10px 5%;padding: 10px;background: #f1f1f1;height: 90%;overflow: auto;}
	.close {position: absolute;right: 15px;top: 15px;font-size: 16px;font-weight: 100;}
	.app-wrapper {text-align: center;}
	.app-btn {font-size: 22px;line-height: 36px;border: 1px solid #2c3e50;padding: 5px;border-radius: 3px;background: #34495e;color: white !important;display: block;
    text-align: center;}
	.app-wrapper {padding: 10px;text-align: right;border-bottom: 1px solid #dddddd;background:white;}
	.we-contacts p {font-size: 18px;line-height: 26px;}
	address p {text-align: center !important;font-size: 16px;font-style: initial;}
	/*tables*/
	#MainCol table, #MainCol table tbody, #MainCol table tr, #MainCol table td, #MainCol table th {display: block;}

	/* age_of_the_borrower tables */
	.age_of_the_borrower {text-align: center;line-height: 22px;}
	.age_of_the_borrower p {margin: 0 !important;line-height: 26px !important;}
	.age_of_the_borrower p:first-child {float: left;}
	.age_of_the_borrower p:first-child {float: left;margin-right: 10px !important;}
	.age_of_the_borrower tr:first-child td:first-child {float: left;}
	.age_of_the_borrower tr:first-child {height: 26px;line-height: 26px !important;}
	.age_of_the_borrower tr td:first-child {float: left;width: 50%;height: initial !important;}
	.age_of_the_borrower tr, .age_of_the_borrower td {text-align: center;}
	.age_of_the_borrower tr {display: inline-block !important;width: 100%;}
	.age_of_the_borrower tr:nth-child(odd) {background: #cccdca !important;}
	/* end*/

	/* monthly_paymants tables*/
	html[lang="ru"] .monthly_paymants td:nth-child(1):before {content: "Сумма кредита: ";font-weight: 600;}
	html[lang="ru"] .monthly_paymants td:nth-child(2):before {content: "Ежемесячный платеж (12 мес): ";font-weight: 600;}
	html[lang="ru"] .monthly_paymants td:nth-child(3):before {content: "Ежемесячный платеж (24 мес): ";font-weight: 600;}
	html[lang="ru"] .monthly_paymants td:nth-child(4):before {content: "Ежемесячный платеж (36 мес): ";font-weight: 600;}

	html[lang="uk"] .monthly_paymants td:nth-child(1):before {content: "Сума кредиту: ";font-weight: 600;}
	html[lang="uk"] .monthly_paymants td:nth-child(2):before {content: "Щомісячний платіж (12 мес): ";font-weight: 600;}
	html[lang="uk"] .monthly_paymants td:nth-child(3):before {content: "Щомісячний платіж (24 мес): ";font-weight: 600;}
	html[lang="uk"] .monthly_paymants td:nth-child(4):before {content: "Щомісячний платіж (36 мес): ";font-weight: 600;}
	.monthly_paymants tr:first-child {display:none !important;}
	.monthly_paymants td {display: flex !important;justify-content: space-between;}
	/*end*/

	/*pensioners_id and registration_documents and passport tables */
	.pensioners_id td,.registration_documents td,.passport td {float: left;width: 50%;}
	.pensioners_id tr, .registration_documents tr,.passport tr {display: inline-block !important;background: #cccdca;width: 100%;}
	/*end*/

	/* number_payment tables*/
	html[lang="ru"] .number_payment td:nth-child(1):before {content: "№ платежа: ";font-weight: 600;}
	html[lang="ru"] .number_payment td:nth-child(2):before {content: "Сумма платежа: ";font-weight: 600;}
	html[lang="ru"] .number_payment td:nth-child(3):before {content: "Основной долг: ";font-weight: 600;}
	html[lang="ru"] .number_payment td:nth-child(4):before {content: "Начисленные проценты: ";font-weight: 600;}
	html[lang="ru"] .number_payment td:nth-child(5):before {content: "Остаток задолженности: ";font-weight: 600;}

	html[lang="uk"] .number_payment td:nth-child(1):before {content: "№ платежа: ";font-weight: 600;}
	html[lang="uk"] .number_payment td:nth-child(2):before {content: "Сума платежу: ";font-weight: 600;}
	html[lang="uk"] .number_payment td:nth-child(3):before {content: "Основний борг: ";font-weight: 600;}
	html[lang="uk"] .number_payment td:nth-child(4):before {content: "Нараховані відсотки: ";font-weight: 600;}
	html[lang="uk"] .number_payment td:nth-child(5):before {content: "Залишок забогованості: ";font-weight: 600;}
	.number_payment tr:first-child  {display:none !important;}
	.number_payment td {display: flex !important;justify-content: space-between;}
	.number_payment {width: 100% !important;}
	/*end*/

	/*countries tables*/
	.countries td {width: 50%;float: left;text-align: center;height: 24px;}
	.countries tr {height: 80px;}
	/*end*/

	/*kredit_terms tables*/
	.kredit_terms td{width: 50% !important;float: left;text-align: center !important;}
	.kredit_terms td:first-child{font-weight:600;}
	.kredit_terms td:first-child p{text-align:center !important;}
	.kredit_terms tr:first-child td{width:100% !important;}
	.kredit_terms tr{display:inline-block !important;width:100%;}
	/*end*/

	/*slovar_terminov*/
	.slovar-terminov td {width: 100%;float: left;text-align: center;}
	.slovar-terminov tr {display: inline-block !important;}
	.slovar-terminov td {width: 100% !important;float: left;text-align: center;font-size: 14px;line-height: 20px !important;}

	/*end*/

	.tableCounterkredit-dlya-predprinimateley3 td:first-child {float: left;width: 50%;}
	#MainCol table td {border: none;line-height: 22px;max-width: 100%;}
	#MainCol table tr {border: 1px solid #dddddd;}
	.blockView.tableCounterkredit-nalichnymi5, .blockView.tableCounterkredit-nalichnymi4 {text-align: center;}
	.blockView.tableCounterkredit-nalichnymi5 td p, .blockView.tableCounterkredit-nalichnymi4 td p {text-align: center !important;}
	.to-top i.fa {line-height: 55px;font-size: 48px;color: white;}
	.to-top {text-align: center;background: rgba(150,150,150,0.6);width: 60px;height: 60px;position: fixed;bottom: 5%;right: 5%;border-radius: 50%;border: 1px solid #ffffff;box-shadow: 0px 0px 10px 1px #777777;z-index: 9;}
	.scrollup:hover{opacity: 1;}
	.tableCounterkreditovanie-pod-zalog-avtotransporta1 tr td:first-child {float: left;width: 50%;height: initial !important;font-weight:600;}
	.age_of_the_borrower tr td:last-child,.tableCounterkreditovanie-pod-zalog-avtotransporta1 tr td:last-child {width: 50%;float: left;}
	.tableCounterkredit-pod-zalog1 td:first-child,.tableCounterkredit-zaporozhye1 td:first-child{min-width:50%;float:left;font-weight:600;}
	table[style*="width"] {max-width: 100%;}
	p {word-wrap: break-word;}

	.tableCounterkredit-zaporozhye5 td:first-child,.tableCounterkredit-zaporozhye4 td:first-child,.tableCounterkredit-zaporozhye3 td:first-child {float: left;width: 50%;}
	.tableCounterkredit-zaporozhye5 tr, .tableCounterkredit-zaporozhye4 tr, .tableCounterkredit-zaporozhye3 tr {height: 44px;}
	.app-wrapper td {text-align: center;}
	.popup-inner>strong {text-align: center;}
	/*fix header
	.app-btn {
    font-size: 22px;
    line-height: 36px;
    border: 1px solid #2c3e50;
    padding: 5px;
    border-radius: 3px;
    background: #34495e;
    color: white !important;
    position: fixed;
    top: 60px;
    right: 15px;
}
.phone-btn {
    position: fixed;

    top: 68px;
    left: 0;
    width: 40%;
    font-size: 18px;
    text-align: left;
    color: black !important;
    line-height: 36px;
    text-decoration: none !important;
}
.main-menu-btn {
    position: fixed;
    top: 10px;
    left: 0;
    width: 40%;
    text-align: left;
    color: black !important;
    font-size: 18px;
    z-index: 1000;
    line-height: 36px;
    text-decoration: none !important;
}
.we-logo {
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    line-height: 56px;
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 10px;
    padding-left: 10px;
}
table.we-main-menu td {
    background-size: 100% !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
#LeftCol {
    position: fixed;
    top: 56px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    width: 100%;
    height: 68px;
}
#MainCol {
    padding-top: 120px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
}
.app-wrapper {
    background: #FFFFFF;
    padding: 28px;
    text-align: right;
    border-bottom: 1px solid #dddddd;
}
	/**/

	form#formcalc tr { display: flex !important; justify-content: space-between; }
	#formcalc table td { text-align: left !important; }
	form#formcalc input { border: 1px solid #dddddd; margin-top: 5px;    margin-bottom: 5px; line-height: 32px; padding-left: 5px; }
	form#formcalc input#button { float: right; margin-top: 10px; }
	form#formcalc { margin-bottom: 50px; }
	form#formcalc select#typekr { line-height: 32px; height: 32px; margin-top: 5px; margin-bottom: 5px; }
	form#formcalc { overflow: hidden; }
	#formcalc table td:before { display: none !important; }
	#formcalc #tablerez table td { width: 22%; }
	#formcalc #tablerez table td:nth-child(1) { width: 15px; }
	#formcalc #tablerez tr:first-child td { text-align: center !important; border-left: 1px solid #d27c14; overflow: hidden; }

	#formcalc #tablerez table, #formcalc #tablerez tr, #formcalc #tablerez tbody, #formcalc #tablerez td {
    display: block !important;
}
html[lang="ru"] #formcalc #tablerez td:nth-child(1):before {content: "№ платежа: ";font-weight: 600;}
html[lang="ru"] #formcalc #tablerez td:nth-child(2):before {content: "Сумма платежа: ";font-weight: 600;}
html[lang="ru"] #formcalc #tablerez td:nth-child(3):before {content: "Основной долг: ";font-weight: 600;}
html[lang="ru"] #formcalc #tablerez td:nth-child(4):before {content: "Начисленные проценты: ";font-weight: 600;}
html[lang="ru"] #formcalc #tablerez td:nth-child(5):before {content: "Остаток задолженности: ";font-weight: 600;}

html[lang="uk"] #formcalc #tablerez td:nth-child(1):before {content: "№ платежа: ";font-weight: 600;}
html[lang="uk"] #formcalc #tablerez td:nth-child(2):before {content: "Сума платежу: ";font-weight: 600;}
html[lang="uk"] #formcalc #tablerez td:nth-child(3):before {content: "Основний борг: ";font-weight: 600;}
html[lang="uk"] #formcalc #tablerez td:nth-child(4):before {content: "Нараховані відсотки: ";font-weight: 600;}
html[lang="uk"] #formcalc #tablerez td:nth-child(5):before {content: "Залишок забогованості: ";font-weight: 600;}

#formcalc #tablerez td { display: flex !important; justify-content: space-between; width: 100% !important; }
#formcalc #tablerez td:before { display: block !important; }
#formcalc #tablerez tr:first-child td:before, #formcalc #tablerez tr:last-child td:before { display: none !important; }
#formcalc #tablerez tr:first-child { display: none !important; }

}
form#formcalc #tablerez tr:nth-child(odd) { background: #FEDFBA !important; }
#tablerez span {
    background: none !important;
}
@media (max-width:359px){
	.phone-btn {width: 46%;}
	.app-btn {font-size: 18px;}
	.we-footer td {max-width: calc(100% - 30px);max-width: -webkit-calc(100% - 30px);max-width: -moz-calc(100% - 30px);}
	.we-logo {width: 48%;font-size: 16px;line-height: 22px;padding-top: 6px;}
	#MainCol {width: calc(100% - 20px);padding-left: 10px;padding-right: 10px;}

}