/* Start:/kalkulyator-rascheta-daty-otkrytiya-prodazh/lib/style.css?17709003458490*/
.dcalc {padding-top: 100px; position: relative;}
.dcalc-bg {position: absolute; z-index: 0; width: 1200px; top: 0; left: 50%; transform: translate(-50%, 0); background: url(/kalkulyator-rascheta-daty-otkrytiya-prodazh/lib/../images/vector-line.svg) 130% 6px no-repeat; height: 745px;}
.dcalc-header {display: block; position: relative; z-ndex: 1;}
.dcalc-content {width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between;}
.dcalc-text {width: calc(100% - 489px);}
.dcalc-text h1 {font-size: 32px; line-height: 43px; margin-bottom: 30px;}
.dcalc-descr {padding-right: 42px;}
.dcalc-descr p {margin-bottom: 23px;}
.dcalc-descr p:last-of-type {margin-bottom: 30px;}
.dcalc-form {display: block; overflow: hidden; position: relative; z-index: 0;}
.dcalc-form-screen {position: absolute; z-index: 10; top: 0; left: 0; width: 392px; cursor: not-allowed; height: 100%;}
.dcalc-input {float: left; position: relative; z-index: 0; width: 270px; height: 46px; border: 1px solid #C2C2C2; border-radius: 10px; background: #fff;}
.dcalc-input input {display: block; width: 100%; height: 46px; border: 0; border-radius: 10px; background: transparent; outline: none; padding: 0 14px;}
.dcalc-input input::placeholder {color: #C2C2C2}
.dcalc-btn {float: left; margin-left: -16px; position: relative; z-index: 1; text-align: center; width: 137px; height: 46px; line-height: 46px; cursor: pointer; color: #fff; background: #882051; font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-weight: 600; font-size: 16px; border-radius: 10px; transition: .3s;}
.dcalc-btn.dcalc-btn--disabled {background: #9f4c73; pointer-events: none; cursor: default; user-select: none;}
.dcalc-tavribara {width: 473px; height: 645px; position: relative; perspective: 570px;}
.dcalc-tavribara--json {opacity: 0; position: absolute; left: -15px; bottom: -40px; width: 515px; height: 538px; overflow: hidden; z-index: 0;}
.dcalc-tavribara--overlay {position: absolute; left: -15px; bottom: -40px; width: 515px; height: 538px; z-index: 0; background-image: url(/kalkulyator-rascheta-daty-otkrytiya-prodazh/lib/../images/dcalc-tavribara--overlay.svg); background-size: 515px 538px;}
.dcalc-date-plus-90 {width: 210px; height: 43px; line-height: 43px; font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-weight: 800; font-size: 32px; position: absolute; top: 265px; left: 56px; z-index: 1; transform: rotate(-4deg) rotateY(35deg) rotateX(4deg);}

.dcalc-tavribara--mark {width: 166px; height: 96px; line-height: 120%; font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-weight: 800; font-size: 18px; position: absolute; top: 243px; left: 46px; z-index: 1; text-align: center; transform: rotate(-4deg) rotateY(35deg) rotateX(4deg);}

.dcalc-calendar-bg {background: #F8F8F8; padding-top: 70px; padding-bottom: 170px;}
.dcalc-calendar-descr {width: 100%; max-width: 627px; margin-bottom: 50px;}
.dcalc-calendar {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.dcalc-month {background: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08); width: calc((100% - 40px) / 3); height: 557px; margin-bottom: 30px; padding: 24px 22px 0; position: relative;}
.dcalc-month-name {font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-weight: 800; font-size: 21px; line-height: 100%; margin-bottom: 39px; position: relative;}
.dcalc-month-name::before {content: ""; display: block; width: 100%; height: 2px; background: #882051; position: absolute; left: 0; bottom: -12px;}
.dcalc-week-days {display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px;}
.dcalc-week-days span {display: block; color: #656565; font-size: 14px; line-height: 23px; text-align: center; width: calc(100% / 7);}
.dcalc-items {display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.dcalc-item {width: calc(100% / 7); text-align: center; margin-bottom: 15px; font-family: "Montserrat", "Roboto", "Arial", sans-serif;}
.dcalc-item b {display: block; font-weight: 600; font-size: 21px; line-height: 100%; margin-bottom: 5px;}
.dcalc-item span {display: block; color: #656565; font-weight: 500; font-size: 14px; line-height: 100%;}
.dcalc-annotation {width: 253px; color: #656565; font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-weight: 500; font-size: 14px; line-height: 120%; position: absolute; bottom: 33px; left: 29px;}
.start-at-monday {height: 3px; width: 0;}
.start-at-tuesday {height: 3px; width: calc(100% / 7);}
.start-at-wednesday {height: 3px; width: calc(100% / 7 * 2);}
.start-at-thursday {height: 3px; width: calc(100% / 7 * 3);}
.start-at-friday {height: 3px; width: calc(100% / 7 * 4);}
.start-at-saturday {height: 3px; width: calc(100% / 7 * 5);}
.start-at-sunday {height: 3px; width: calc(100% / 7 * 6);}

@media (max-width: 1229px) {
    .dcalc-tavribara--json {left: -30px;}
    .dcalc-tavribara--overlay {left: -30px;}
    .dcalc-tavribara--mark {left: 21px;}
    .dcalc-date-plus-90 {left: 39px;}
}

@media (max-width: 1219px) {
    .dcalc-bg {display: none;}
    .dcalc-tavribara {height: 630px;}
    .dcalc-text h1 {font-size: 20px; line-height: 24px; margin-bottom: 15px;}
    .dcalc-month {width: calc((100% - 40px) / 2);}
    .dcalc-tavribara--mark {top: 226px;}
    .dcalc-date-plus-90 {top: 249px;}
}

@media (max-width: 991px) {
    .dcalc-bg {height: 630px;}
    .dcalc-tavribara {height: 530px;}
    .dcalc-text {width: calc(100% - 340px);}
    .dcalc-tavribara {width: 330px;}
    .dcalc-tavribara--json {left: 0; bottom: -30px; width: 330px; height: 345px; }
    .dcalc-tavribara--overlay {left: 0px; bottom: -30px; width: 330px; height: 345px; background-size: 330px 345px;}
    .dcalc-date-plus-90 {bottom: 202px; width: 105px; font-size: 20px; top: auto; left: 44px; transform: rotate(1deg) rotateY(37deg) rotateX(-2deg);}    
    .dcalc-descr {padding-right: 0;}
    .dcalc-text h1 br {display: none;}
    .dcalc-form-screen {width: 329px;}
    .dcalc-input {width: 230px;}
    .dcalc-btn {width: 114px; cursor: default;}
    .dcalc-tavribara--mark {width: 104px; height: 68px; font-size: 12px; top: 272px; left: 33px; transform: rotate(1deg) rotateY(44deg) rotateX(-1deg);}
}

@media (max-width: 822px) {
    .dcalc-tavribara {height: 600px;}
    .dcalc-tavribara--mark {top: auto; bottom: 187px; transform: rotate(5deg) rotateY(47deg) rotateX(13deg);}
    .dcalc-date-plus-90 {transform: rotate(4deg) rotateY(39deg) rotateX(12deg);}    
}

@media (max-width: 767px) {
    .dcalc {padding-top: 50px;}
    .dcalc-calendar-bg {padding-top: 52px; padding-bottom: 70px;}
    .dcalc-calendar-descr {margin-bottom: 20px;}
    .dcalc-calendar-descr {line-height: 25px;}
    .dcalc-content {display: block;}
    .dcalc-text {width: 100%; margin-bottom: 30px;}
    .dcalc-tavribara {height: 345px; width: 330px; margin: 0 auto 40px;}
    .dcalc-tavribara--json {bottom: 0;}
    .dcalc-tavribara--overlay {bottom: 0;}
    .dcalc-input {width: calc(100% - 121px); margin-right: -16px;}
    .dcalc-btn {width: 137px; margin: 0;}
    .dcalc-date-plus-90 {bottom: 232px; transform: rotate(-7deg) rotateY(30deg) rotateX(-18deg);}    
    .dcalc-month {width: 100%; height: auto; padding: 20px 15px 75px;}     
    .dcalc-month-name {font-size: 16px; margin-bottom: 30px;}
    .dcalc-month-name::before {bottom: -16px;}
    .dcalc-week-days {margin-bottom: 10px;}
    .dcalc-item {margin-bottom: 10px;}
    .dcalc-item b {font-size: 16px; margin-bottom: 2px;}
    .dcalc-item span {font-size: 12px;}
    .dcalc-annotation {width: calc(100% - 30px); font-size: 12px; line-height: 120%; bottom: 32px; left: 15px; padding-left: 4%;}
    .dcalc-tavribara--mark {bottom: 217px; transform: rotate(-7deg) rotateY(34deg) rotateX(-8deg);}
}

@media (max-width: 425px) {
    .dcalc-annotation {padding-left: 3%;}
}

@media (max-width: 375px) {
    .dcalc-annotation {padding-left: 2%;}
    .dcalc-date-plus-90 {left: 46px; transform: rotate(-5deg) rotateY(26deg) rotateX(-9deg);} 
}

@media (max-width: 359px) {
    .dcalc-tavribara {width: 280px; height: 293px;}
    .dcalc-tavribara--json {width: 280px; height: 293px; }
    .dcalc-tavribara--overlay {width: 280px; height: 293px; background-size: 280px 293px;}
    .dcalc-date-plus-90 {bottom: 193px; left: 30px;}
    .dcalc-tavribara--mark {bottom: 178px; left: 22px;}
    .dcalc-item span {font-size: 10px;}
}
/* End */
/* /kalkulyator-rascheta-daty-otkrytiya-prodazh/lib/style.css?17709003458490 */