html,body,h1,h2,h3,h4,p,ul,a,small,div,article,section,header,footer,i,table {
    font-family:'Open Sans',Arial,sans-serif;
    font-size:14px;
    font-weight:normal;
    line-height:1.5em;
}
header {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 10;    
    width: calc(100% - 16px);
    height: 80px;
    background: #455697;
    border-radius: 5px 5px 0 0;
}
header.fixedHeader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 80px;
    background: #455697;
    border-radius: 5px 5px 0 0;
}
header, header a {
    color: #fff;
}
a.logotype {
    position: fixed;
    top: 28px;
    left: 90px;
    width: 200px;
    height: 40px;
    background-image: url('../img/logotype.svg');
    background-repeat: no-repeat;
    background-size: 180px;
}
header a.phone {
    position: fixed;
    top: 30px;
    right: 70px;
    display: block;
    width: 200px;
    height: 50px;
    font-size: 24px;
    text-decoration: none;
}
header a.phone i {
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    color: #ccc;
}
span.copyright {
    position: fixed;
    right: 40px;
    bottom: 30px;
    opacity: 0.7;
}
span.copyright.hidden, .hiddenMenu {
    display:none !important;
}
.introSlide {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: calc(100vh - 15px);
    background-color: #455797;
    background-image: url('../img/title-slide.jpg');
    background-size: 140%;
    background-repeat:no-repeat;
    border-radius: 5px;
    color: #fff;
}
.introSlide:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: calc(100vh - 22px);
    /* background-color: rgb(69 87 151 / 75%); */
    border-radius: 5px;
    background: -moz-linear-gradient(-45deg, rgba(69,87,151,0.9) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(69,87,151,0.9) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(135deg, rgba(69,87,151,0.9) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455797', endColorstr='#00ffffff',GradientType=1 );
}
.introSlide h1 {
    position: relative;
    z-index: 3;
    display: block;
    width: 620px;
    margin-bottom: 10px;
    padding: 120px 0 0 80px;
    font-size: 2.3em;
    font-weight: 800;
    text-transform: uppercase;
}
.introSlide .alternativeHeadline {
    position: relative;
    z-index: 3;
    padding: 0 0 0 80px;
    font-weight: 300;
    font-size: 20px;
    color: #cbcbcb;
}
.introSlide time {
    position: relative;
    z-index: 3;    
    display: inline-block;
    padding: 10px 0 0 80px;
    font-size: 11px;
    color: #ffc107;
}
.introSlide time:before {
    position: relative;
    z-index: 3;    
    content: "Опубликовано: ";
    color: #bfc0c5;
}
.introSlide span.author {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding-top: 80px;
    padding-left: 80px;
    font-size: 12px;
    color: #ffffff;
}
.introSlide .tableOfContents {
    position: relative;
    z-index: 3;       
    display: block;
    margin: 0 0 0 80px;
}
.introSlide .tableOfContents ul, .introSlide .tableOfContents ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.introSlide .tableOfContents ul {
    margin-top:25px;
}
.introSlide .tableOfContents ul li {
    padding: 4px 0 4px 0;
}
.introSlide .tableOfContents ul li a {
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
button.button.sendOrder {
    position: absolute;
    bottom: 60px;
    left: 100px;
    z-index: 10;
    width: 220px;
    height: 50px;
    background-color: rgba(0,0,0,0.15);
    border: 2px solid #fff;    
    font-size: 20px;
    color: #fff;
}
button.button.sendOrder:hover,button.button.sendOrder:target {
    background:#fff;
    border:2px solid #fff;
    color:#455697;
}
.secondSlide, .thirdSlide, .priceSlide, .orderSlide, .choiceSlide, .consultingSlide {
    width: 100%;
    min-height: 100vh;
    margin: 5px 0 5px 0;
    background: #f6f6f6;
    border-radius: 5px;
}
div#showPrices {
    height: fit-content;
    background: #ffffff;
}
.lightGray {
    background-color: #fcfcfc;
}
.thirdSlide {
    position:relative;
    z-index:1;
    display:block;    
    width:100%;
    min-height: calc(100vh + 30px);
    height: calc(100vh + 30px); 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#658cb2+0,789bd3+34,7db9e8+75,82c5f2+100 */
    background: rgb(101,140,178); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(101,140,178,1) 0%, rgba(120,155,211,1) 34%, rgba(125,185,232,1) 75%, rgba(130,197,242,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(101,140,178,1) 0%,rgba(120,155,211,1) 34%,rgba(125,185,232,1) 75%,rgba(130,197,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(101,140,178,1) 0%,rgba(120,155,211,1) 34%,rgba(125,185,232,1) 75%,rgba(130,197,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#658cb2', endColorstr='#82c5f2',GradientType=0 ); /* IE6-9 */
    overflow: hidden;    
}
.thirdSlide:before {
    position: relative;
    z-index: 2;
    display: block;
    content: "";
    width: 100%;
    min-height: calc(100vh + 30px);
    background-image: url('../img/illustration.webp');
    background-repeat: no-repeat;
    background-position: 110% 100%;
    filter: blur(3px);
}
.thirdSlide h2.slogan {
    font-size: 32px;
    margin-top: 5px;
    margin-bottom: -10px;
    color: #fff;
}
.thirdSlide .columns {
    position: relative;
    z-index: 4;    
    margin-top: -100vh;
}
.partnersSlide.lightGray {
    width: 100%;
    padding: 80px 0 40px 0;
    text-align: center;    
}
.partnersSlide.lightGray ul.banks {
    width: 100%;
    max-width: 960px;
    min-height: 360px;
    margin: 40px auto;
    padding: 0;
    list-style: none;   
}
.partnersSlide.lightGray ul.banks li {
    display: inline-block;
    width: 140px;
    height: 140px;
    margin:5px;
    background-color:#fff;
    border: 1px solid #f3efef;
}
.partnersSlide.lightGray ul.banks li a {
    display:block;
    width:100%;
    height:100%;
}
.partnersSlide.lightGray ul.banks li a.alfabank {
    background-image: url('../img/logo/alfabank.webp');
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.rosbank {
    background-image: url('../img/logo/rosbank.webp');
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.rosselkhozbank {
    background-image: url('../img/logo/rosselkhozbank.webp');
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.sberbank {
    background-image: url('../img/logo/sberbank.webp');
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.vtb {
    background-image: url('../img/logo/vtb.webp');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.absolut {
    background-image: url('../img/logo/absolut.webp');
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.primsocbank {
    background-image: url('../img/logo/primsocbank.webp');
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.otkrytie {
    background-image: url('../img/logo/otkrytie.webp');
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.sanktPeterburg {
    background-image: url('../img/logo/bank-sankt-peterburg.webp');
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.domRfBank {
    background-image: url('../img/logo/dom-rf-bank.webp');
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.raiffeisen {
    background-image: url('../img/logo/raiffeisen-bank.webp');
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray ul.banks li a.uralsib {
    background-image: url('../img/logo/uralsib.webp');
    background-size: 115%;
    background-repeat: no-repeat;
    background-position: center center;
}
.partnersSlide.lightGray p.info {
    display: block;
    max-width: 480px;
    margin: 0 auto;
}
.partnersSlide.lightGray p.info button.faqForm {
    background-color: transparent;
    border: none;
    font-size: 15px;
    line-height: 1.45em;
    color: #777;
}
.partnersSlide.lightGray p.info button.faqForm:hover,.partnersSlide.lightGray p.info button.faqForm:target {
    color:#455697;
}
.orderSlide.order {
    min-height: 120vh;
    height: fit-content;
}
.orderSlide.order {
    position: fixed;
    top: 20px;
    z-index: 1;
    width: 100%;
    min-height: 100vh;
    height: fit-content;
    padding-bottom: 100px !important;
    background-color: #555;    
    overflow-y: scroll;
}
.orderSlide.order {
    padding-bottom: 50px;    
    background-image: url('../img/order-slide.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}
.columns {
    display: block;
    padding: 60px 80px;
    text-align: center;
}
h2.slogan,.priceSlide h2#offers, .partnersSlide.lightGray h3 {
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-align: center;
}
h3#classification {
    margin-top: 10px;    
    padding-top: 0;    
    font-weight: 300;
    color: #fff;    
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-align: center;
}
p.introText {
    width: 400px;
    margin: 0 auto;    
    font-size: 16px;
    font-weight: 300;
    color: #fff;     
    text-align: center;
}
ul.ipoteka {
    width: 370px;
    margin: 30px auto;
    padding: 0;
    list-style: none;
}
.columns .leftColumn, .columns .rightColumn {
    display: inline-block;
    width: calc(50% - 40px);
    max-width: 400px;
    padding: 0 50px 0 0;
    vertical-align: top;
}
.consultingSlide .columns .leftColumn h3, .consultingSlide .columns .rightColumn h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 21px;
    font-weight: 400;
}
.columns .leftColumn h2, .columns .rightColumn h2, .thirdSlide h3, .priceSlide h2#offers, .orderSlide h3, .choiceSlide h3, h3#consulting {
    font-size: 22px;
    text-align:left;    
    letter-spacing: -0.02em;
}
h3#consulting {
    margin-bottom: 0;
    padding-bottom: 0;    
    font-size: 22px;
    letter-spacing: -0.02em;
}
.consultingSlide .columns .leftColumn h3, .consultingSlide .columns .rightColumn h3 {
    text-align:left;
}
.rightColumn.textBlock p.buttons button.consult {
    float: right;
    cursor: pointer;
}
.columns .leftColumn p, .columns .rightColumn p {
    padding-bottom: 0;    
    font-size: 15px;
    text-align:left;
}
.columns .leftColumn p a, .columns .rightColumn p a {
    font-size: 15px;
    color:#455697;
    text-align:left;
    text-decoration:none;
}
.columns .leftColumn ul {
    list-style: none;
    margin: 0;    
    padding: 0;
}
.columns .leftColumn ul li {
    padding-bottom: 20px;
}
li.showForm {
    width: 370px;
    height: 40px;
    margin-bottom: 10px;
    padding: 15px 0 20px 0;
    background: #fff;
    border-radius: 5px;
    text-align: center;
}
.columns .centerColumn ul li.showForm:hover, .columns .centerColumn ul li.showForm:target,
.centerColumn ul li a:hover strong, .centerColumn ul li a:target strong{
    background: #ececec;
    color: #445696;
}
/*
.columns .centerColumn ul li:hover a:after {
    position: relative;
    content: "";
    float: right;    
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -15px 20px;    
    background-color: rgba(255,255,255,0.7);
    background-image: url('../img/arrow-bottom.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px;
    opacity: 0.8;
}*/
.columns .centerColumn ul li a {
    color: #333;
    text-decoration: none;
}
.columns .centerColumn ul li strong {
    display: block;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 550 !important;
    line-height: 1em;
}
.columns .centerColumn ul li i {
    font-size: 14px;
    font-style: normal;
    color: #666;
}
.priceSlide h2#offers, h3#consulting {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 12px;
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.03em;
}
h3#consulting {
    padding-top: 20px;
}
.priceSlide h2#offers b, h2.slogan b, h3#consulting b, .partnersSlide.lightGray h3 b {
    display: block;
    font-weight: 400;
}
.priceSlide h2#offers small, h2.slogan small, h3#consulting small, .partnersSlide.lightGray h3 small {
    display: block;
    padding-top: 5px;
    font-size: 22px;
}
.priceSlide p.introText {
    width: 560px;
    margin: 0 auto 20px auto;
    font-size: 16px;
    color: #111;    
    text-align: center;
}
p.phoneNumber a i {
    display: inline-block;
    margin: 0 10px 0 0;
    font-style: normal;
    font-size: 32px;
}
p.phoneNumber a b {
    display: inline-block;
    font-size: 32px;
    font-weight: 600 !important;
}
p.phoneNumber small {
    display: block;
    width: 300px;    
    font-size: 13px;
}
p.buttons {
    display: block;
    padding-top: 10px;
}
p.buttons button.consult {
    width: 200px;
    height: 40px;
    background: #556dc5;
    border: none;
    border-radius: 100px;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
}
p.buttons button.consult:hover,p.buttons button.consult:target {
    background: #445696;
}
a.showMap {
    display: block;
    width: 440px;
    height: 190px;
    background-color: #fff;
    border-radius: 10px;
    background-image: url('../img/map.jpg');
    background-size: 200% auto;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 0 1px #e2e2e2 inset;
}
i.creditScoring {
    display: block;
    width: 100%;
    height: 240px;
    background-image: url('../img/scoring.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}
ul#randomize {
    list-style: none;
    display: block;
    width: 420px;
    height: 420px;
    margin: 35px auto;
    padding: 0;
}
ul#randomize li {
    display: inline-block;
    width: calc(25% - 1px);
    height: calc(25% - 1px);
    margin: 0 -1px -1px 0;
    padding: 0;
    background-color: #ddd;
    border: 1px solid #ddd;
}
ul#randomize li a {
    display:block;    
    width:100%;
    height:100%;
    vertical-align:top;
}
ul#randomize li a.objectOne {
    background-image:url('../img/605533.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectTwo {
    background-image:url('../img/501181.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectThree {
    background-image:url('../img/597143.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectFour {
    background-image:url('../img/1738363.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectFive {
    background-image:url('../img/2257155.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectSix {
    background-image:url('../img/3322401.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectSeven {
    background-image:url('../img/3557374.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectEight {
    background-image:url('../img/5383864.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectNine {
    background-image:url('../img/6250043.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectTen {
    background-image:url('../img/6479422.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectEleven {
    background-image:url('../img/7048161.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectTwelve {
    background-image:url('../img/8045421.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectThirteen {
    background-image:url('../img/9508101.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectFourteen {
    background-image:url('../img/9660871.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectFifteen {
    background-image:url('../img/3476789.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a.objectSixteen {
    background-image:url('../img/4355404.jpeg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
ul#randomize li a:hover {
    background-image: url('../img/logo-sqr.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sqrBanner {
    position:relative;
    z-index:1;
    display: block;
    width: 375px;
    height: 375px;
    margin: 35px;
    background: white;
    border-radius: 5px;
}
.sqrBanner:before {
    content: "";
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../img/flat-view.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 5px;    
}
.sqrBanner strong {
    display: block;
    padding: 40px;
    font-size: 22px;
    font-weight: normal;
    text-align:center;
}
.sqrBanner strong small {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    text-align: center; 
}
.form {
    float: left;
    display: block;
    width: 100%;
    max-width: 480px;
    height: calc(100% - 60px);
    max-height: fit-content;
    margin: 15px auto 30px calc(50% - 270px);
    padding: 20px 30px;
    background: #fcfcfc;
    border-radius: 10px;
    box-shadow: 0 1px 12px rgb(0 0 0 / 10%);
}
form#orderForm h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 0 5px;
    background: transparent;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
}
.fieldBoxGroup {
    float: left;
    display: block;
    width: 100%;
}
form#orderForm .fieldBox {
    display: block;
    margin-bottom: 10px;
    padding: 0 25px;
    text-align: left;
}
form#orderForm .fieldBoxGroup .fieldBox {
    float: left;
    display: inline-block;
    width: calc(50% - 35px);
    height: 65px;
    margin: 10px -30px 5px 0;
}
.fieldBox.creditTerm {
    float: left;
    margin-top: 8px;
}
form#orderForm .fieldBox input.fullname {
    padding-left: 12px !important;
    /*color: #ababab;*/
}
form#orderForm .fieldBox input.fullname, form#orderForm .fieldBox select.region, form#orderForm .fieldBox select.reason,
form#orderForm .fieldBox select.creditTerm, form#orderForm .fieldBox select.program,
form#orderForm .fieldBox input.tel, form#orderForm .fieldBox input[type="email"] {
    width: 100%;
    height: 36px;
    margin-top: 5px;
    padding-left: 10px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    /*color: #6d6d6d;*/
}
form#orderForm .fieldBox select.region, form#orderForm .fieldBox select.reason, form#orderForm .fieldBox select.creditTerm, form#orderForm .fieldBox select.program {
    padding-left: 7px;
}
form#orderForm input#orderButton {
    float: left;
    display: block;
    margin: 10px auto 20px calc(50% - 92px);
    padding: 10px 20px;
    background: #455697;
    border: 1px solid #455697;
    font-size: 15px;
    color: #fff;
    border-radius: 100px;
    cursor: pointer;
}
form#orderForm .activeField, form#orderForm .fieldBox select.region.activeField, form#orderForm .fieldBox select.region.activeField, form#orderForm .fieldBox select.reason.activeField, form#orderForm .fieldBox select.reason.activeField,
form#orderForm .fieldBox select.creditTerm.activeField, form#orderForm .fieldBox select.program.activeField {
    color:#111;
}
form#orderForm .fieldBox select.region, form#orderForm .fieldBox select.reason,
form#orderForm .fieldBox input.fullname::-webkit-input-placeholder,
form#orderForm .fieldBox select,
form#orderForm .fieldBox select::-webkit-input-placeholder,
form#orderForm .fieldBox select.creditTerm::-webkit-input-placeholder, 
form#orderForm .fieldBox select.program::-webkit-input-placeholder {
    color: #ababab;
}
input.fullname.creditSum.activeField.rub::-webkit-input-placeholder,
input.fullname.firstPayment.activeField.rub::-webkit-input-placeholder,
input.fullname.creditSum.activeField::-webkit-input-placeholder,
input.fullname.firstPayment.activeField::-webkit-input-placeholder {
    font-size:0;
}
.hiddenValue, .hiddenForm {
    display:none;
}
i.creditSum.rub,i.firstPayment.rub {
    position: relative;
    top: -30px;
    left: 165px;    
    font-size: 15px;
    font-style: normal;
    color: #666;
}
..fieldBox.matCapital {
    float: left;
    width: 100%;
    margin: 15px auto 15px;
    padding: 15px 0;
    background: #f6f6f6;
    border: none;
    border-radius: 10px;
    text-align: center;
}
form#orderForm .fieldBox.matCapital {
    float: left;
    width: 100%;
    max-width: 380px;
    height: 38px;
    margin: 10px 0 15px 25px;
    padding-top: 20px;    
    background: #f6f4f4;
    border-radius: 5px;
}
form#orderForm .fieldBox.matCapital i {
    position: relative;
    top: -1px;    
    display: inline-block;
    margin-top: -3px;
    padding-top: 0;
    font-style: normal;
}

section.feedbackComplete {
    position: fixed;
    top: 75px;    
    left:0;
    display: block;
    width: 100%;
    height: calc(100vh - 60px);
    background: #f4f4f4;    
}
.messageBox.feedback {
    position: fixed;
    top: calc(50vh - 100px);
    left: calc(50% - 240px);
    right: auto;
    display: block;
    max-width: 480px;
    padding: 20px 30px;
    margin: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 3px #ddd;
}
div.messageBox.feedback h2 {
    font-size: 18px;
    font-weight: 500;
}
a.returnBtn {
    display: block;
    width: 128px;
    padding: 6px 12px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 47%, #f4f4f4 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 47%,#f4f4f4 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 47%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
    letter-spacing: -0.03em;
    text-align: center;
}
a.returnBtn:hover, a.returnBtn:target {
	background: #0082cd;
    background-color: #0082cd;
    border:1px solid #0082cd;
    color: #fff !important;
    text-shadow: none;
}

@media (max-width:999px) and (min-width:641px) {
    .columns .leftColumn, .columns .rightColumn {
        display: inline-block;
        width: calc(50% - 60px);
        max-width: 400px;
        padding: 0 50px 0 0;
        vertical-align: top;
    }
    .columns .rightColumn {
        padding-right:0;
    }
    .columns .leftColumn h2, .columns .rightColumn h2, .thirdSlide h3, .priceSlide h2#offers, .orderSlide h3, .choiceSlide h3, h3#consulting {
        font-size: 20px;
        text-align: left;
        letter-spacing: -0.02em;
    }
    .columns .leftColumn p, .columns .rightColumn p {
        font-size:15px;
        font-weight:300;
    }
    h2#offers b, h2.slogan b, h3#consulting b, .partnersSlide.lightGray h3 b {
        font-size: 32px;
        text-align: center;
    }
    h2#offers small, h2.slogan small, h3#consulting small, .partnersSlide.lightGray h3 small {
        display: block !important;
        padding-top: 10px !important;    
        font-size: 18px;
        text-align: center;
        letter-spacing: 0.03em;
    }  
    h3#choice {
        padding-top: 10px;
        font-size: 19px;

    }
    .priceSlide p.introText {
        width: 560px;
        margin: 0 auto 30px auto;
        font-size: 16px;
        color: #111;
        text-align: center;
    }
}
@media (min-width:641px) {
    .partnersSlide.lightGray {
        height:100vh;
    }
}
@media (max-width:640px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 60px;
        margin: 0;
        padding: 0;
        background: #455697;
        border-radius: 0;
    }
    a.logotype {
        position: fixed;
        top: 14px;
        left: 25px;
        width: 20px;
        height: 40px;
        background-image: url('../img/logotype.svg');
        background-repeat: no-repeat;
        background-size: 180px;
    }
    header a.phone {
        position: fixed;
        top: 14px;
        right: 70px;
        display: block;
        width: 200px;
        height: 50px;
        font-size: 24px;
        text-decoration: none;
    }
    .introSlide {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        height: calc(100vh - 15px);
        background-color: #455797;
        background-image: url('../img/title-slide.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 5px;
        color: #fff;
    }
    .introSlide h1 {
        position: relative;
        z-index: 3;
        display: block;
        width:calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 10px;
        padding: 120px 0 0 0;
        font-size: 1.5em;
        font-weight: 800;
        text-transform: uppercase;        
    }
    .introSlide .alternativeHeadline {
        position: relative;
        z-index: 3;
        width: calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
        padding: 0;
        font-weight: 300;
        font-size: 15px;
        color: #cbcbcb;
    }
    .introSlide {
        max-width: 100%;
        width: 100%;
        height: 100vh;
    }
    p.introText {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        text-align: center;
    }
    .introSlide time {
        position: relative;
        z-index: 3;
        display: inline-block;
        padding: 10px 0 0 30px;
        font-size: 11px;
        color: #ffc107;
    }
    .introSlide .tableOfContents {
        position: relative;
        z-index: 3;
        display: block;
        width: calc(100% - 50px);
        margin: 0 0 0 30px;
    }
    h2.slogan, .priceSlide h2#offers {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        text-align: center;
    }
    form#orderForm h3 {
        font-size: 18px;
    }
    form#orderForm .fieldBox.matCapital {
        width: 100%;
        max-width: calc(100% - 100px);
    }
    .priceSlide h2#offers b, h2.slogan b, h3#consulting b {
        text-align:center;
    }
    .columns {
        display: block;
        padding: 40px;
    }
    .columns .leftColumn, .columns .rightColumn {
        width: 100%;
        padding: 10px 0 0 0;
        text-align: center;
    }
    .columns .leftColumn p, .columns .rightColumn p {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.02em;
        text-align: left;
    }
    ul.ipoteka {
        width: 100%;
        max-width: 300px;
        margin: 30px auto;
        padding: 0;
        list-style: none;
    }
    .thirdSlide h2.slogan {
        margin-bottom: -10px;        
        font-size: 20px;
        color: #fff;
    }
    .orderSlide.order .columns {
        padding-top: 80px;
    }
    .choiceSlide h2.slogan {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 24px;
    }
    .columns .leftColumn h2, .columns .rightColumn h2, .thirdSlide h3, .priceSlide h2#offers, .orderSlide h3, .choiceSlide h3, h3#consulting {
        font-size: 18px;
        font-weight: 300;
        text-align: left;
        letter-spacing: 0;
    }
    h2#options {
        padding-top: 0;
    }
    h3#consulting {
        padding-top: 40px !important;
        text-align: center;
    }    
    .priceSlide h2#offers, h3#consulting, .partnersSlide.lightGray h3 b {
        font-size: 22px;
        letter-spacing:0;
    }
    .priceSlide h2#offers small, h2.slogan small, h3#consulting small, .partnersSlide.lightGray h3 small {
        display: block;
        padding-top: 5px;
        font-size: 16px;
        font-weight: 300;
        text-align: center;
    }
    .priceSlide p.introText {
        width: calc(100% - 40px);
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 14px;
    }
    li.showForm {
        width: 100%;
        height: 48px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 15px 0 20px 0;
        background: #fff;
        border-radius: 5px;
    }
    .columns .centerColumn ul li:hover a:after {
        display:none;
    }
    .columns .centerColumn ul li strong {
        display: block;
        margin-bottom: 0;
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 17px;
        font-weight: bold;
        line-height: 1em;
        letter-spacing: -0.02em;
    }
    .columns .centerColumn ul li i {
        font-size: 12px;
        font-style: normal;
        color: #474747;
    }
    h2.slogan, .priceSlide h2#offers {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        text-align: center;
    }
    form#orderForm h3 {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-top: 10px;
        font-size: 16px;
        letter-spacing: 0.02em;
    }
    h3#classification {
        margin-top: 20px;
        padding-top: 0;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        text-align: center;
    }
    .form {
        display: block;
        width: 100%;
        max-width: 100%;
        height: calc(100vh - 60px);
        margin: 0;
        padding: 40px 0;
        overflow-y: scroll;
    }
    form#orderForm .fieldBox label {
        font-size: 13px;
        letter-spacing: -0.02em;
    }
    div.switcher:first-letter, label.switcher__title:first-letter {
        text-transform: uppercase !important;
    }
    .orderSlide.order .columns {
        padding: 0;
    }
    .switcher__title span.hidden {
        display: none;
    }
    a.showMap {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .partnersSlide.lightGray ul.banks li {
        zoom:80%;
    }
    ul#randomize {  
        zoom: 75%;
    }
    p.buttons, p.buttons button {
        display: block;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        cursor: pointer;
    }
    .consultingSlide.lightGray .rightColumn h3 {
        font-size: 16px !important;
        letter-spacing: -0.02em !important;
    }
    form#orderForm input#orderButton {
        width: 170px;
        margin: 15px auto 20px calc(50% - 85px);
        cursor: pointer;
    }
    h2#credit {
        padding-top: 10px;
        font-size: 19px;
        text-align: center;
    } 
    h3#consulting {
        padding-top: 40px !important;
    }
    .orderSlide.order {
        position: fixed;
        top: 20px;
        left: 0;
        z-index: 1;
        width: 100%;
        min-height: 100vh;
        height: fit-content;
        padding-bottom: 100px !important;
        background-color: #555;
        overflow-y: scroll;
    }
    button.consult {
        float: none !important;
        margin-left: calc(50% - 100px);
        margin-right: auto;
    }
    section.feedbackComplete {
        position: fixed;
        top: 60px;
        left: 0;
        display: block;
        width: 100%;
        height: calc(100vh - 60px);
        background: #f4f4f4;
    }
    div.messageBox.feedback {
        position: fixed;
        top: 140px;
        left: 20px;
        right: 20px;
        display: block;
        max-width: calc(100% - 90px);
        padding: 20px;
        margin: 20px auto;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 3px #ddd;
    }
    .partnersSlide.lightGray {
        width: 100%;
        height: fit-content !important;
        padding: 80px 0 40px 0;
        text-align: center;
    }
    .partnersSlide.lightGray p.info button.faqForm {
        width: calc(100% - 40px);
        background-color: transparent;
        border: none;
        font-size: 14px;
        line-height: 1.45em;
        color: #777;
    }
}
@media (max-width:480px) {
    .introSlide h1 {
        position: relative;
        z-index: 3;
        display: block;
        width: calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 10px;
        padding: 80px 0 0 0;
        font-size: 1.5em;
        font-weight: 800;
        text-transform: uppercase;
    }
    .choiceSlide h2.slogan {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 21px;
    }
    .introSlide .tableOfContents ul {
        margin-top: 10px;
    }
    .partnersSlide.lightGray ul.banks li {
        zoom: 70%;
        background-color: #fff;
    }
}
@media (max-width:420px) {
    form#orderForm .fieldBox {
        zoom:90%;
    }
}
@media (max-width:375px) {
    header, header.fixedHeader {
        height:60px;
    }
    h2.slogan, .priceSlide h2#offers {
        margin-top: 40px;
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        text-align: center;
    }
    .columns {
        display: block;
        padding: 30px;
    }
    form#orderForm {
        height: calc(100vh - 60px);
        overflow-y: scroll;
    }
    .form {
        position: fixed;
        left: 0;
        display: block;
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    form#orderForm .fieldBox {
        width: calc(100% - 42px);
        display: block;
        margin-bottom: 10px;
        padding: 0 0 5px 0;
    }
    form#orderForm .fieldBoxGroup .fieldBox {
        float: left;
        display: inline-block;
        width: calc(100% - 42px);
        height: 65px;
        margin: 5px 0 5px 0;
    }
    .columns .leftColumn h2, .columns .rightColumn h2, .thirdSlide h3, .priceSlide h2#offers, .orderSlide h3, .choiceSlide h3, h3#consulting {
        margin-top: 0;
        padding-top: 70px;
        font-size: 17px;
        font-weight: 300;
        letter-spacing: -0.03em;
    }
    h3#choice {
        padding-top: 0;
        font-size: 16px;
    }
    .priceSlide h2#offers b, h2.slogan b, h3#consulting b, .partnersSlide.lightGray h3 b {
        display: block;
        font-size: 19px;
        font-weight: 400;
        line-height: 1.2em;
        text-align: center;
    }
    ul#randomize {
        min-width: calc(100% + 60px);
        width: 100%;
        margin-left: -30px;
        zoom: 100%;
    }
    .consultingSlide .columns .leftColumn h3, .consultingSlide .columns .rightColumn h3 {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0;
    }
    form#orderForm .fieldBox.matCapital {
        width: 100%;
        max-width: calc(100% - 62px);
        height: fit-content;
        margin-left: 0;
        padding: 10px 0 0 0;
        background-color: transparent;
    }
    form#orderForm input#orderButton {
        width: 170px;
        margin: 10px auto 20px calc(50% - 95px);
        cursor: pointer;
    }
}