/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;outline: 0;padding: 0;font-weight:inherit;}
:focus {outline: 0;}
html, body {height: 100%;}
body {background: #fff;line-height: 1; }
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, td {font-weight: normal;text-align: left;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {border:0; margin:0; }
a {outline:none;}
/* BASIC */
@font-face {
	font-family: 'CeraPro-Regular';
	src: url('fonts/CeraPro-Regular.eot');
    src: url('fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/CeraPro-Regular.woff') format('woff'),
         url('fonts/CeraPro-Regular.ttf') format('truetype'),
         url('fonts/CeraPro-Regular.svg#CeraPro-Regular') format('svg');}
@font-face {
	font-family: 'CeraPro-Light';
	src: url('fonts/CeraPro-Light.eot');
    src: url('fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/CeraPro-Light.woff') format('woff'),
         url('fonts/CeraPro-Light.ttf') format('truetype'),
         url('fonts/CeraPro-Light.svg#CeraPro-Light') format('svg');}
@font-face {
	font-family: 'CeraPro-Bold';
	src: url('fonts/CeraPro-Bold.eot');
    src: url('fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/CeraPro-Bold.woff') format('woff'),
         url('fonts/CeraPro-Bold.ttf') format('truetype'),
         url('fonts/CeraPro-Bold.svg#CeraPro-Bold') format('svg');}
@font-face {
	font-family: 'CeraPro-Black';
	src: url('fonts/CeraPro-Black.eot');
    src: url('fonts/CeraPro-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/CeraPro-Black.woff') format('woff'),
         url('fonts/CeraPro-Black.ttf') format('truetype'),
         url('fonts/CeraPro-Black.svg#CeraPro-Black') format('svg');}
@font-face {
	font-family: 'JanoSansPro-Black';
	src: url('fonts/JanoSansPro-Black.eot');
    src: url('fonts/JanoSansPro-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/JanoSansPro-Black.woff') format('woff'),
         url('fonts/JanoSansPro-Black.ttf') format('truetype'),
         url('fonts/JanoSansPro-Black.svg#JanoSansPro-Black') format('svg');}

html, body {font-family:'CeraPro-Light';font-size: 18px;color: #000}
.inner {max-width:1200px;width: 100%;margin: 0 auto;}
p {margin: 0 0 12px;}
:focus {border: 0;}
.maincontainer {margin: 0;min-height: 100%;}
.main .maincontainer {height: auto;min-height: 100%;margin: 0 auto -247px;overflow: hidden;}
.pusher {height: 245px;}
.clear {clear: both;}
.main {}

/* columns */
.col-10-big {width: 10%;float: left;padding: 1%;box-sizing: border-box;}
.col-16-big {width: 16.6666666666666%;float: left;padding: 1%;box-sizing: border-box;}
.col-20-big {width: 20%;float: left;padding: 1%;box-sizing: border-box;}
.col-22-big {width: 22%;float: left;padding: 1%;box-sizing: border-box;}
.col-25-big {width: 25%;float: left;padding: 1%;box-sizing: border-box;}
.col-30-big {width: 30%;float: left;padding: 1%;box-sizing: border-box;}
.col-33-big {width: 33.3333333333333%;float: left;padding: 1%;box-sizing: border-box;}
.col-35-big {width: 35%;float: left;padding: 1%;box-sizing: border-box;}
.col-40-big {width: 40%;float: left;padding: 1%;box-sizing: border-box;}
.col-45-big {width: 45%;float: left;padding: 1%;box-sizing: border-box;}
.col-50-big {width: 50%;float: left;padding: 1%;box-sizing: border-box;}
.col-55-big {width: 55%;float: left;padding: 1%;box-sizing: border-box;}
.col-60-big {width: 60%;float: left;padding: 1%;box-sizing: border-box;}
.col-66-big {width: 66.6666666666666%;float: left;padding: 1%;box-sizing: border-box;}
.col-75-big {width: 75%;float: left;padding: 1%;box-sizing: border-box;}
.col-78-big {width: 78%;float: left;padding: 1%;box-sizing: border-box;}
.col-83-big {width: 83.3333333333333%;float: left;padding: 1%;box-sizing: border-box;}
.col-100-big {width: 100%;float: left;padding: 1%;box-sizing: border-box;}
.col-none-big {display: none;}

/* header */
header {}
.offer {background: url(img/bg_offer.jpg) no-repeat top right;color: #fff;padding: 0 0 260px;margin: 0 0 85px;}
.main .offer {background: url(img/bg_footer.jpg) no-repeat 0 -160px;padding: 0 0 145px;margin: 0;}
.main .container {}
.logo {float: left;}
.logo img {margin: 50px 0 0 0;max-width: 247px}
.main .logo {float: none;}
.adress {float: right;text-align: right;font-size: 1.15em;color: #fff;margin: 45px 0 0;}
.phone {position: relative;margin: 0 0 40px;}
.phone img {position: relative;top: 8px}
.phone a {color: #fff;text-decoration: none;}
.map {width: 330px;}
.map img {float: left;}
.map-line {}
.map-line p {margin: 0;}
h1 {font-family: 'JanoSansPro-Black';font-size: 2.5em;text-transform: uppercase;line-height: 1.1;margin:0 0 50px; }
.main h1 {padding: 18px 0;margin: 0}
.offer-desc {font-family: 'CeraPro-Regular';font-size: 1.1em;line-height: 1.2;margin: 0 0 90px}
.offer-desc span {font-family: 'CeraPro-Black';font-size: 1.3em;color: #ffd2ce;}
.button {background: linear-gradient(to bottom, #ed5447, #f0203b);padding:27px 0;width: 100%;max-width: 460px;color: #fff;text-transform: uppercase;font-family: 'CeraPro-Regular';font-size: 1.3em;text-align: center;border-radius: 50px;cursor: pointer;border-bottom: 4px solid #bb1319;box-shadow: 0 0 40px 4px #d44758;position: relative;}
.button:hover {top: 2px;border-bottom: 2px solid #bb1319;}

.choice {max-width: 600px;margin: 0 auto;padding: 0;text-align: center;}
.choice-block {width: 100%;float: left;text-align: center;margin: 0 0 45px;}
.choice-block a {color: #000;text-decoration: none;color: #383838;text-decoration: none;padding: 10px;font-size: 1.2em;border: 1px solid #383838;border-radius: 22px;font-family: 'JanoSansPro-Black';}
.choice-block a:hover {color: #fff;background:#383838 }

/* material */
.material {background: url(img/bg_ball.png) no-repeat left bottom;margin: 0 0 235px;}
.material-block {color: #212121;font-size: 1.2em;border-radius: 50px;box-shadow: 0 0 34px 5px #e0e0e0;text-align: center;background: #fff;}
.material-one {width: 33.333333333%;float: left;box-sizing: border-box;padding: 85px 0px 40px;border: 1px solid #e9e9e9;}
.material-one img {margin: 0 0 30px;}
.material-one p {line-height: 1.4;}
.material-one:nth-child(1) {border-top-left-radius: 50px;}
.material-one:nth-child(3) {border-top-right-radius: 50px;}
.material-one:nth-child(4) {border-bottom-left-radius: 50px;}
.material-one:nth-child(6) {border-bottom-right-radius: 50px;}

/* tehno */
.tehno {position: relative;background: url(img/bg_tehno.png) no-repeat right top;padding: 0 0 90px;background-size: contain;margin: 0 0 90px;}
.tehno::before {position: absolute;content:'';background: url(img/bg_cross.png) no-repeat;background-size: contain;width: 15%;height: 30%;}
h2 {color: #4c2f70;font-family: 'JanoSansPro-Black';font-size: 2.4em;margin: 0 0 40px;text-transform: uppercase;line-height: 1.2}
.h2-desc {margin: 0 0 80px;font-size: 1.25em;}
.tehno ul {font-size: 1.1em;list-style: none;margin: 0 0 0 20px;}
.tehno ul li {margin: 0 0 60px;position: relative;padding: 0 0 0 30px;line-height: 1.2;}
.tehno ul li::before {content: '';width:10px;height: 10px;left: 0;top: 7px;background: #e8243b;border-radius: 100px;position: absolute;} 

/* desing */
.desing {text-align: center;margin: 0 0 130px;}
.desing h2 {margin: 0 0 100px;}
.desing-one {}
.desing-img {background: url(img/bg_dis.png) no-repeat;width: 228px;height: 228px;padding: 50px;box-sizing: border-box;margin: 0 auto 15px;}
.desing-one img {}
.desing-text p:first-child {font-family: 'CeraPro-Bold';font-size: 1.1em;line-height: 1.1;height: 65px;}
.desing-text p:last-child {font-family: 'CeraPro-Regular';line-height: 1.1;}

/* installment */
.installment {background: url(img/bg_credit.jpg) no-repeat right;height: 800px;display: flex;align-items: center;background-size: contain;margin: 0 0 120px;}
.installment-block {}
.installment-block h2 {margin: 0 0 100px;}
.installment-block p {font-family: 'CeraPro-Regular';font-size: 1.3em}
.installment-block span {font-family: 'CeraPro-Bold';color: #e71f39;}

/* calculator */
.calculator {margin: 0 0 130px;}
.calculator h2 {margin: 0 0 55px;text-align: center;}
.calc {margin: 0 0 40px;}
.calc-text {color: #212121;text-align: center;}

/* free */
.free {background: url(img/bg_signboard.jpg) no-repeat left;height: 700px;display: flex;align-items: center;background-size: contain;margin: 0 0 120px;}
.free-block {}
.free-block img {position: relative;top: 20px;margin: 0 20px 0 0;}
.free-block h2 {margin: 0 0 60px;}
.free-block p {font-family: 'CeraPro-Regular';font-size: 1.3em;margin: 0 0 40px;}

/* bid */
.bid {margin: 0 0 50px;text-align: center;}
.bid-block {margin: 0 auto;}
.bid-block h2 {font-size: 2.2em;margin: 0 0 15px;}
.bid-block .h2-desc {margin: 0 0 40px;}
.bid-inputs {max-width: 460px;margin: 0 auto;width: 100%;}
.bid-inputs input {border: 0;background: #f4f4f4;border-radius: 100px;width: 100%;font-size: 1em;text-align: center;padding: 25px 0;box-sizing: border-box;margin:0px 0 35px;font-family: 'CeraPro-Regular';}
.bid-inputs input[type="submit"] {background: linear-gradient(to bottom, #ed5447, #f0203b);padding:19px 0;width: 100%;max-width: 460px;color: #fff;text-transform: uppercase;font-family: 'CeraPro-Regular';font-size: 1.3em;text-align: center;border-radius: 50px;cursor: pointer;border-bottom: 4px solid #bb1319;box-shadow: 0 0 10px 1px #d44758;position: relative;}
.bid-inputs input[type="submit"]:hover {margin-top: 2px;border-bottom: 2px solid #bb1319;}

.rules {}

/* footer */
footer {background: url(img/bg_footer.jpg) no-repeat bottom center;padding: 104px 0px 42px;}
footer .inner {position: relative;}
footer .inner::after {content: url(img/bg_cross.png);top: -260px;right: 0;position: absolute;}
.main footer .inner::after {content: none;}
.main footer {padding: 0;height: 247px;}

/* pop-up */
.b-popup {width:100%;min-height:100%;background-color: rgba(255, 50, 50, 0.62);overflow:hidden;position:fixed;top:0px;left: 0;z-index: 10000; }
.b-popup-content {margin: 40px auto 0px auto;max-width:590px;background: rgba(255, 255, 255, 0.5);position: relative;padding: 40px 0 40px;z-index: 100;box-sizing: border-box;text-align: center;border-radius: 10px;border-radius: 30px;border: 2px solid #fff;color: #fff;box-shadow: 0 0 19px -3px #505050;}
.close-up {position: absolute;top: 10px;right: 15px;width: 24px;height: 24px;z-index: 10;transform: rotate(0deg);animation-timing-function: linear;transition: .5s;}
.close-up:hover {cursor: pointer;transform: rotate(-90deg);animation-timing-function: linear;transition: .5s;width: 24px;height: 24px;}
.closer-big {height: 100%;width: 100%;position: absolute;z-index: 99;}
.closer-big a {height: 100%;width: 100%;position: absolute;}
.popup-title {font-size: 1.1em;font-family: 'MuseoSansCyrl-900';}
.b-popup-content h2 {color: #fff;}

@media all and (max-width:1599px) {
    .tehno::before {content: none;}
}

@media all and (max-width:1299px) {
    .inner {max-width: 1200px;padding: 10px;box-sizing: border-box;}
    .offer {background: url(img/bg_offer_1200.jpg) no-repeat top right;color: #fff;padding: 0 0 110px;margin: 0 0 85px;}
    .tehno {background: url(img/bg_tehno.png) no-repeat right bottom;background-size: contain;}
    .installment {background: url(img/bg_credit.jpg) no-repeat right bottom;background-size: contain;}
    h2 {font-size: 1.8em;}
    .desing-text p:first-child {font-size: 1.05em}
}

@media all and (max-width:999px) {
    body {font-size: 16px;}
    .offer {background: url(img/bg_offer_pl.jpg) no-repeat bottom right;color: #fff;padding: 0 0 260px;margin: 0 0 85px;background-size: cover;}
    .inner {max-width: 768px;}
    .map {width: 295px;}
    .material-one {width: 50%;}
    .material-one:nth-child(2) {border-top-right-radius: 50px;}
    .material-one:nth-child(3) {border-top-right-radius: 0;}
    .material-one:nth-child(4) {border-bottom-left-radius: 0;}
    .material-one:nth-child(5) {border-bottom-left-radius: 50px;}
    .tehno {padding: 0 0 180px;margin: 0 0 25px;}
    .desing {margin: 0;}
    .material {margin: 0 0 75px;}
    footer .inner::after {content: none;}
    .free-block p {font-size: 1.1em}
    .desing-text p:first-child {height: 40px;}
    .free {margin: 0 0 -50px;}
    .calculator {margin: 0;}
    .installment {height: 485px}
    .desing h2 {margin: 0 0 35px;}
    .col-50-lg {width: 50%;float: left;padding: 1%;box-sizing: border-box;}
}

@media all and (max-width:767px) {
    
    .inner {max-width: 640px;}
    .h2-desc {margin: 0 0 30px;}
    h2 {margin: 0 0 20px;}
    .tehno ul li {margin: 0 0 20px;}
    .tehno {background: url(img/bg_tehno_mob.jpg) no-repeat right bottom;padding: 0 0 555px;margin: 0 0 0px;}
    .installment {background: url(img/bg_credit_mob.jpg) no-repeat right bottom;height: 660px;margin: 0 0 10px;display: block;}
    .installment-block h2 {margin: 0 0 50px;}
    .free {margin: 50px 0 ;background: url(img/bg_signboard_mob.jpg) no-repeat bottom left;display: block;padding: 0 0 395px;height: auto;}
    .desing {margin: 0 0 50px;}
    .material-one p {height: 50px;}
    .bid {margin: 0;}
	.col-50-med {width: 50%;float: left;padding: 1%;box-sizing: border-box;}
	.col-33-med {width: 33.3333333333333%;float: left;padding: 1%;box-sizing: border-box;}
	.col-100-med {width: 100%;float: left;padding: 1%;box-sizing: border-box;}
    .col-none-med {display: none}
    .col-block-med {display: block}
    br {content: ""}
    /*br:after {content: "\00a0"}*/
}
@media all and (max-width:640px) {
    body {font-size: 14px}
    .choice {margin: 60px auto;}
    .logo {margin: -45px 0 -130px;}
    .adress {margin: 70px 0 55px;}
    .map {width: 258px;}
    .phone {margin: 0 0 25px;}
    h1 {font-size: 1.9em;margin: 0 0 25px;}
    .offer-desc {margin: 0 0 45px;}
    .material-one {width: 100%;border: 0;max-width: 185px;float: none;margin: 0 auto 50px;padding: 0;}
    .material {background: none}
    .material-block {box-shadow: none;}
    .desing-one {max-width: 240px;margin: 0 auto 50px;}
    .desing-text p:first-child {height: auto;}
	.col-100-sm {width: 100%;float: left;padding: 1%;box-sizing: border-box;}
	.col-50-sm {width: 50%;float: left;padding: 1%;box-sizing: border-box;}
}
@media (max-width: 499px) {
    .offer {background: url(img/bg_offer_small.jpg) no-repeat bottom right;background-size: cover;}
}