input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border-color: #fff; -webkit-text-fill-color: #444; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; /*-webkit-box-shadow: 0 0 0px 1000px #fff inset;*/ } .b-form-input { display: inline-block; vertical-align: middle; width: 312px; height: 46px; background: transparent; margin-bottom: 20px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-bottom: 1px solid #dbdbdb; -webkit-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; } .b-form-input_focus { border-color: #545557; } .b-form-input_hover { border-color: #545557; } .b-form-input_error { border-color: rgba(202,38,46,1.0); } .b-form-input_person { background: transparent url(images/forms/fields/person.svg) no-repeat left center; background-size: 14px 14px; } .b-form-input_phone { background: transparent url(images/forms/fields/phone.svg) no-repeat left center; background-size: 14px 14px; } .b-form-input_email { background: transparent url(images/forms/fields/email.svg) no-repeat left center; background-size: 14px 14px; } .b-form-input_city { background: transparent url(images/forms/fields/city.svg) no-repeat left center; background-size: 14px 14px; } .b-form-input_time { background: transparent url(images/forms/fields/time.svg) no-repeat left center; background-size: 14px 14px; } .b-form-input input, .b-form-input textarea { background: transparent; border: none; width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; font-size: 14px; line-height: 100%; outline: none; font-weight: 300; color: #444; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .b-form-input input::-webkit-input-placeholder { line-height: normal; color: #989898; } .b-form-input input:-moz-placeholder { /* Firefox 18- */ /*line-height: 100%;*/ color: #989898; } .b-form-input input::-moz-placeholder { /* Firefox 19+ */ /*line-height: 100%;*/ color: #989898; } .b-form-input input:-ms-input-placeholder { line-height: normal; color: #989898; } .b-form-input textarea::-webkit-input-placeholder { line-height: normal; color: #989898; } .b-form-input textarea:-moz-placeholder { /* Firefox 18- */ /*line-height: 100%;*/ color: #989898; } .b-form-input textarea::-moz-placeholder { /* Firefox 19+ */ /*line-height: 100%;*/ color: #989898; } .b-form-input textarea:-ms-input-placeholder { line-height: normal; color: #989898; } .b-ordercall-form .b-form-input { width: 359px; } /* Catalog */ .b-block_catalog { position: relative; z-index: 1; } .b-block_catalog-line { position: absolute; left: 0px; top: 0px; width: 100%; height: 698px; background: transparent url(images/empty.png) no-repeat center center; background-size: 100% 698px; } .b-block_catalog .b-header { padding-top: 140px; text-align: center; } .b-block_catalog .b-header h2 { margin-bottom: 40px; } .b-block_catalog-menu { font-size: 0; line-height: 0; position: relative; z-index: 1; text-align: center; margin-bottom: 55px; }

.b-block_catalog-menu__item { position: relative; display: inline-block; vertical-align: top; width: 0px;
height: 140px; background: #fff; border-left: none; border-right: none; border-radius: 8px; font-size: 12px;
font-weight: 500; color: #444; text-transform: uppercase; letter-spacing: .05em; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.06); box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.06); opacity: 0.0; visibility: hidden; margin: 0 0px; overflow: hidden; z-index: 0; }

.b-block_catalog-menu__item_visible { width: 140px; opacity: 1.0; visibility: visible; margin: 0 10px; }

.backgroundcliptext .b-block_catalog-menu__item { -webkit-background-clip: padding-box; background-clip: padding-box; }

.b-block_catalog-menu__item:hover, .b-block_catalog-menu__item_active { -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08), 0px 32px 120px rgba(0, 0, 0, 0.12); box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08), 0px 32px 120px rgba(0, 0, 0, 0.12); }

.b-block_catalog-menu__item:before{ position: absolute; top: 0; bottom: 0; left: 0; right: 0;
background-image: -o-linear-gradient(#e9ab3c 0%, #b28432 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ab3c), to(#b28432));
background-image: linear-gradient(#e9ab3c 0%, #b28432 100%); content: ''; z-index: -2; border-radius: 8px; opacity: 0.0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_catalog-menu__item:after{ content: ''; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background-color: #fff; z-index: -1; border-radius: 6px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_catalog-menu__item:hover:before, .b-block_catalog-menu__item_active:before { opacity: 1.0; visibility: visible; } .b-block_catalog-menu__item-image { width: 100%; height: 110px; background: transparent url(images/empty.png) no-repeat center; margin-bottom: 0; background-size: auto 80px; } .b-block_catalog-menu__item-text { position: relative; font-size: 12px; line-height: 120%; font-weight: 600; white-space: nowrap; } .b-block_catalog-menu__item-text_2l { top: -10px; } .b-block_catalog-menu-controls__item { position: absolute; top: 62px; width: 13px; height: 19px; cursor: pointer; opacity: 1.0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_catalog-menu-controls__item:hover { opacity: 0.7; } .b-block_catalog-menu-controls__item_left { left: -12px; background: transparent url(images/arrows/left.svg) no-repeat center center; } .b-block_catalog-menu-controls__item_right { right: -12px; background: transparent url(images/arrows/right.svg) no-repeat center center; } .b-block_catalog .b-block-slides { position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s } .b-block_catalog .b-block-slides__item { padding-bottom: 30px; } .b-block_catalog .b-block-slides__item-i { padding-left: 20px; position: relative; height: 100%; } .b-block_catalog__item_has-video { min-height: 550px; } .b-block_catalog__item_has-slider { min-height: 595px; } .b-block_catalog__item-video { left: auto; right: 150px; top: 405px; } .b-block_catalog__item-header { font-size: 24px; line-height: 120%; font-weight: 700; margin-bottom: 20px; } .b-block_catalog__item-text { font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 30px; width: 515px; padding-right: 35px; } .b-block_catalog__item-text p { margin-bottom: 22px; } .b-block_catalog__item-end .b-button-i { padding: 0 52px; } .b-block_catalog__item-round { position: absolute; left: 542px; top: 44px; width: 390px; height: 390px; border: 1px solid rgba(0,0,0,0.07); border-radius: 100%; } .b-block_catalog__item-round:before { content: ''; position: absolute; left: -70px; top: -70px; width: 528px; height: 528px; border: 1px solid rgba(0,0,0,0.07); border-radius: 100%; } .b-block_catalog__item-round:after { content: ''; position: absolute; left: -122px; top: -122px; width: 630px; height: 630px; border: 1px solid rgba(0,0,0,0.03); border-radius: 100%; } .b-block_catalog__item-image { position: absolute; left: 550px; top: 15px; width: 448px; height: 448px; background: transparent url(images/empty.png) no-repeat left center/contain; } /* \Catalog */ /* Benefits */ .b-block_benefits { background: #fff; position: relative; } .b-block_benefits .b-block-i { height: 590px; } .b-block_benefits-line { position: absolute; right: 50%; top: 0px; width: 50%; height: 590px; margin-right: 15px; background: #ebebeb url(images/line_round.png) repeat left top; -webkit-border-top-right-radius: 590px; -webkit-border-bottom-right-radius: 590px; -moz-border-radius-topright: 590px; -moz-border-radius-bottomright: 590px; border-top-right-radius: 590px; border-bottom-right-radius: 590px; } .b-block_benefits-slides__item { position: absolute; opacity: 0.0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_benefits-slides__item-i { position: relative; width: 100%; height: 100%; } .b-block_benefits-slides__item_active { opacity: 1.0; visibility: visible; } .b-block_benefits-slides__item_1 { right: 640px; top: 123px; width: 310px; height: 270px; background: transparent url(images/empty.png) no-repeat center center; background-size: 310px 270px; } .b-block_benefits-slides__item_2 { right: 615px; top: 103px; width: 377px; height: 370px; background: transparent url(images/empty.png) no-repeat center center; background-size: 377px 370px; } .b-block_benefits-slides__item_3 { right: 50%; top: 0px; width: 50%; height: 590px; margin-right: 15px; background: transparent url(images/empty.png) no-repeat center center; background-size: cover; -webkit-border-top-right-radius: 590px; -webkit-border-bottom-right-radius: 590px; -moz-border-radius-topright: 590px; -moz-border-radius-bottomright: 590px; border-top-right-radius: 590px; border-bottom-right-radius: 590px; } .b-block_benefits-slides__item_4 { right: 594px; top: 123px; width: 404px; height: 257px; background: transparent url(images/empty.png) no-repeat center center; background-size: 404px 257px; } .b-block_benefits-slides__item__text { position: absolute; font-size: 16px; line-height: 120%; font-weight: 400; text-align: center; } .b-block_benefits-slides__item__text_1 { left: 60px; bottom: -65px; } .b-block_benefits-slides__item__text_2 { right: 25px; bottom: -65px; } .b-block_benefits .b-block-content { position: absolute; left: 530px; top: 75px; text-align: left; } .b-block_benefits .b-block-content .b-header h2 { margin-bottom: 25px; } .b-block_benefits .b-block-content .b-block-menu { margin-bottom: 20px; } .b-block_benefits .b-block-content .b-block-menu__item { margin-right: 10px; margin-bottom: 15px; } .b-block_benefits .b-block-content .b-block-slides { position: relative; } .b-block_benefits .b-block-content .b-block-slides__item { position: absolute; left: 0px; top: 0px; width: 430px; } .b-block_benefits__item-header { font-size: 24px; line-height: 120%; font-weight: 700; margin-bottom: 15px; } .b-block_benefits__item-text { font-size: 16px; line-height: 27px; font-weight: 400; } /* \Benefits */ /* Calculate */ .b-block_calculate { background: #fff; position: relative; } .b-block_calculate .b-block-i { height: 1000px; } .b-block_calculate-line { position: absolute; left: 0px; top: 68px; width: 100%; height: 704px; background: transparent url(images/empty.png) no-repeat center center; background-size: 100% 704px; } .b-block_calculate-round { position: absolute; left: 50%; top: 70px; width: 700px; height: 700px; margin-left: -362px; border: 12px solid rgba(0,0,0,0.05); border-radius: 100%; } .b-block_calculate-image { position: absolute; left: 238px; top: 564px; width: 475px; height: 321px; background: transparent url(images/empty.png) no-repeat center center; background-size: 475px 321px; } .b-block_calculate .b-block-content { position: absolute; left: 0px; top: 255px; width: 100%; text-align: center; } .b-block_calculate .b-block-content .b-header h2 { margin-bottom: 20px; } .b-block_calculate .b-block-content .b-header p { font-size: 16px; line-height: 27px; font-weight: 400; margin-bottom: 20px; } /* \Calculate */ /* Components */ .b-block_components { background: #fff; position: relative; } .b-block_components .b-block-i { height: 705px; } .b-block_components-line { position: absolute; left: 50%; top: 0px; width: 50%; height: 590px; margin-left: 20px; background: #ebebeb url(images/line_round.png) repeat left top; -webkit-border-top-left-radius: 590px; -webkit-border-bottom-left-radius: 590px; -moz-border-radius-topleft: 590px; -moz-border-radius-bottomleft: 590px; border-top-left-radius: 590px; border-bottom-left-radius: 590px; } .b-block_components-slides__item { position: absolute; opacity: 0.0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_components-slides__item-i { position: relative; width: 100%; height: 100%; } .b-block_components-slides__item_active { opacity: 1.0; visibility: visible; }

.b-block_components-slides__item_1 { left: 635px; top: 85px; width: 467px; height: 420px; background: transparent url(images/empty.png) no-repeat center center; background-size: 467px 420px; }
.b-block_components-slides__item_2 { left: 491px; top: 41px; width: 646px; height: 470px; background: transparent url(images/empty.png) no-repeat center center; background-size: contain; }
.b-block_components-slides__item_3 {
    left: 715px; top: 81px; width: 257px; height: 398px;
    background: transparent url(images/empty.png) no-repeat center center;
    background-size: contain; /* 257px 398px */
} .b-block_components-slides__item_4 { left: 593px; top: 133px; width: 467px; height: 297px; background: transparent url(images/empty.png) no-repeat center center; background-size: contain; }
.b-block_components-slides__item_5 { left: 571px; top: -10px; width: 441px; height: 620px; background: transparent url(images/empty.png) no-repeat center center; background-size: 441px 620px; } .b-block_components .b-block-content { position: absolute; left: 20px; top: 85px; text-align: left; width: 440px; } .b-block_components .b-block-content .b-header h2 { margin-bottom: 25px; } .b-block_components .b-block-content .b-block-menu { margin-bottom: 20px; } .b-block_components .b-block-content .b-block-menu__item { margin-right: 10px; margin-bottom: 15px; } .b-block_components .b-block-content .b-block-slides { position: relative; } .b-block_components .b-block-content .b-block-slides__item { position: absolute; left: 0px; top: 0px; width: 430px; } .b-block_components__item-header { font-size: 24px; line-height: 120%; font-weight: 700; margin-bottom: 15px; } .b-block_components__item-text { font-size: 16px; line-height: 27px; font-weight: 400; } /* \Components */ /* Technology */ .b-block_technology { background: #fff; position: relative; } .b-block_technology .b-block-i { height: 710px; } .b-block_technology-line { position: absolute; right: 50%; top: 0px; width: 50%; height: 590px; margin-right: 15px; background: #ebebeb url(images/line_round.png) repeat left top; -webkit-border-top-right-radius: 590px; -webkit-border-bottom-right-radius: 590px; -moz-border-radius-topright: 590px; -moz-border-radius-bottomright: 590px; border-top-right-radius: 590px; border-bottom-right-radius: 590px; } .b-block_technology-slides__item { position: absolute; opacity: 0.0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_technology-slides__item-i { position: relative; width: 100%; height: 100%; } .b-block_technology-slides__item_active { opacity: 1.0; visibility: visible; }

.b-block_technology-slides__item_1 {
    right: 60%; top: 0; width: 40%; height: 85%;
    /* right: 580px; top: 87px; width: 588px; height: 381px; */
    background: transparent url(images/empty.png) no-repeat center center;
    background-size: contain; /* 588px 381px; */
}
.b-block_technology-slides__item_2 { right: 60%; top: 0; width: 40%; height: 85%; /* margin-right: 15px; */ background: transparent url(images/empty.png) no-repeat center center; background-size: contain; -webkit-border-top-right-radius: 590px; -webkit-border-bottom-right-radius: 590px; -moz-border-radius-topright: 590px; -moz-border-radius-bottomright: 590px; border-top-right-radius: 590px; border-bottom-right-radius: 590px; }
.b-block_technology-slides__item_3 { right: 60%; top: 0; width: 40%; height: 85%; /* right: 644px; top: 126px; width: 385px; height: 329px; */ background: transparent url(images/empty.png) no-repeat center center; background-size: contain; }
.b-block_technology-slides__item_4 { right: 60%; top: 0; width: 40%; height: 85%; /* right: 660px; top: 90px; width: 301px; height: 375px; */ background: transparent url(images/empty.png) no-repeat center center; background-size: contain; }
.b-block_technology-slides__item_5 { right: 60%; top: 0; width: 40%; height: 85%; /* right: 624px; top: 123px; width: 340px; height: 328px; */ background: transparent url(images/empty.png) no-repeat center center; background-size: contain; }
.b-block_technology-slides__item_6 { right: 644px; top: 126px; width: 385px; height: 329px; background: transparent url(images/empty.png) no-repeat center center; background-size: contain; }

.b-block_technology .b-block-content { position: absolute; left: 530px; top: 75px; text-align: left; } .b-block_technology .b-block-content .b-header h2 { margin-bottom: 25px; } .b-block_technology .b-block-content .b-block-menu { margin-bottom: 20px; } .b-block_technology .b-block-content .b-block-menu__item { margin-right: 10px; margin-bottom: 15px; } .b-block_technology .b-block-content .b-block-slides { position: relative; } .b-block_technology .b-block-content .b-block-slides__item { position: absolute; left: 0px; top: 0px; width: 430px; } .b-block_technology__item-header { font-size: 24px; line-height: 120%; font-weight: 700; margin-bottom: 15px; } .b-block_technology__item-text { font-size: 16px; line-height: 27px; font-weight: 400; } /* \Technology */ /* Soft */ .b-block_soft { background: #fff; position: relative; } .b-block_soft .b-block-i { height: 790px; } .b-block_soft-line { position: absolute; left: 0px; top: 38px; width: 100%; height: 683px; background: transparent url(images/empty.png) no-repeat center center; background-size: 100% 683px; } .b-block_soft .b-header { padding-top: 90px; text-align: center; } .b-block_soft .b-header h2 { margin-bottom: 20px; } .b-block_soft .b-block-menu { text-align: center; margin-bottom: 45px; } .b-block_soft .b-block-menu__item { margin: 0 5px; } .b-block_soft-slides-video { margin-top: -11px; } .b-block_soft-slides__item { position: absolute; left: 246px; top: 271px; width: 786px; height: 458px; background: transparent url(images/empty.png) no-repeat center center; background-size: 786px 458px; opacity: 0.0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_soft-slides__item_active { opacity: 1.0; visibility: visible; } .b-block_soft .b-block-slides__item { position: absolute; left: 60px; top: 355px; width: 230px; text-align: left; } .b-block_soft__item-header { font-size: 24px; line-height: 120%; font-weight: 700; margin-bottom: 15px; } .b-block_soft__item-text { font-size: 16px; line-height: 27px; font-weight: 400; } /* \Soft */ /* Special */ .b-block_special { background: #fff; } .b-block_special .b-block-i { height: 890px; } .b-block_special .b-block-content { position: absolute; left: 20px; top: 122px; width: 490px; height: 645px; border: 10px solid rgba(0,0,0,0.05); padding-left: 50px; padding-top: 45px; padding-right: 75px; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-block_special .b-block-content .b-header h2 { margin-bottom: 25px; } .b-block_special .b-block-content .b-block-menu { margin-bottom: 10px; } .b-block_special .b-block-content .b-block-menu__item { margin-bottom: 15px; } .b-block_special-slides__item { position: absolute; left: 467px; top: 67px; width: 494px; height: 633px; background: #ccc url(images/empty.png) no-repeat center center; background-size: 494px 633px; opacity: 0.0; visibility: hidden; -webkit-box-shadow: 0px 21px 42px rgba(36,36,36,0.15); box-shadow: 0px 21px 42px rgba(36,36,36,0.15); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_special-slides__item_active { opacity: 1.0; visibility: visible; } .b-block_special .b-block-slides { position: relative; } .b-block_special .b-block-slides__item { position: absolute; left: 0px; top: 0px; } .b-block_special .b-block_soft__item-header { margin-bottom: 10px; } /* \Special */ /* Cover */ .b-block_cover { background: #f2f2f2 url(images/empty.png) no-repeat center center; background-size: cover; } .b-block_cover .b-block-i { height: 770px; } .b-block_cover-image { position: absolute; left: 32px; top: 376px; width: 1100px; height: 517px; background: transparent url(images/empty.png) no-repeat center center; background-size: 1100px 517px; } .b-block_cover .b-block-content { padding-top: 110px; text-align: center; } .b-block_cover .b-block-content .b-header h2 { margin-bottom: 20px; } .b-block_cover .b-block-content .b-header p { font-size: 16px; line-height: 27px; margin-bottom: 25px; } /* \Cover */ /* Service */ .b-block_service { background: #fff; } .b-block_service .b-block-i { height: 740px; } .b-block_service .b-header { text-align: center; } .b-block_service .b-header h2 { margin-bottom: 30px; } .b-block_service .b-block-menu { text-align: justify; width: 940px; margin: 0 auto; margin-bottom: 35px; } .b-block_service .b-block-menu:after { content: ''; display: inline-block; vertical-align: middle; width: 100%; height: 0; } .b-block_service .b-block-slides { position: relative; height: 510px; } .b-block_service .b-block-slides__item { position: absolute; left: 20px; top: 0px; width: 940px; height: 100%; background: #fff; -webkit-box-shadow: 0px 23px 66px rgba(0,0,0,0.1); box-shadow: 0px 23px 66px rgba(0,0,0,0.1); border-radius: 11px; } .b-block_service .b-block-slides__item-i { position: relative; width: 100%; height: 100%; font-size: 0; text-align: left; } .b-block_service__item-image { position: absolute; right: 0px; top: 0px; width: 638px; height: 100%; background: #ccc url(images/empty.png) no-repeat center center; background-size: cover; -moz-border-bottom-right-radius: 11px; border-bottom-right-radius: 11px; -moz-border-top-right-radius: 11px; border-top-right-radius: 11px; } .b-block_service-slides-video { margin-left: 152px; } .b-block_service__item-l { display: inline-block; vertical-align: middle; width: 0; height: 100%; } .b-block_service__item-c { display: inline-block; vertical-align: middle; width: 260px; margin-left: 30px; } .b-block_service__item-header { font-size: 24px; line-height: 120%; font-weight: 700; margin-bottom: 15px; } .b-block_service__item-text { font-size: 16px; line-height: 27px; font-weight: 400; } .b-block_service__item-imagetext { position: absolute; left: 360px; bottom: 50px; text-align: center; } .b-block_service__item-imagetext-top { font-size: 20px; line-height: 120%; font-weight: 700; margin-bottom: 3px; } .b-block_service__item-imagetext-bottom { font-size: 14px; line-height: 120%; font-weight: 400; } /* \Service */ /* Reviews */ .b-block_reviews { background: #fff; position: relative; overflow: hidden; } .b-block_reviews .b-block-i { height: 730px; } .b-block_reviews-line { position: absolute; left: 0px; top: -23px; width: 100vw; height: 683px; background: transparent url(images/empty.png) no-repeat center center; background-size: 100% 683px; } .b-block_reviews .b-block-content { position: absolute; left: 20px; top: 110px; } .b-block_reviews .b-block-content .b-header h2 { margin-bottom: 30px; } .b-block_reviews .b-block-menu { width: 167px; } .b-block_reviews .b-block-menu__item { width: 165px; padding: 0; text-align: center; margin-bottom: 15px; } .b-block_reviews__item-video { position: absolute; left: 269px; top: 91px; width: 405px; height: 405px; border-radius: 100%; background: #ccc url(images/empty.png) no-repeat center center; background-size: 405px 405px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_reviews__item-video:hover { -webkit-box-shadow: inset 0px 0px 0px 405px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 0px 405px rgba(0,0,0,0.3); } .b-block_reviews__item-video-i { position: relative; width: 100%; height: 100%; } .b-block_reviews__item-video-round { position: absolute; left: 50%; top: 50%; width: 190px; height: 190px; margin-left: -96px; margin-top: -96px; border: 1px solid rgba(255,255,255,0.6); border-radius: 100%; background: rgba(225,59,62,0.0) url(images/empty.png) no-repeat center center; background-size: 55px 61px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block_reviews__item-video-link { position: relative; } .b-block_reviews__item-video-i:before { content: ''; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; background: -o-linear-gradient(top,#6AE3FB 0%,#06D0F9 100%); background: -webkit-gradient(linear,left top, left bottom,from(#6AE3FB),to(#06D0F9)); background: linear-gradient(180deg,#6AE3FB 0%,#06D0F9 100%); position: absolute; top: 50%; left: 50%; margin-top: -95px; margin-left: -95px; width: 190px; height: 190px; border-radius: 50%; } .b-block_reviews__item-video:hover .b-block_reviews__item-video-round { border-color: transparent; } .b-block_reviews__item-video:hover .b-block_reviews__item-video-i:before { opacity: 1; } .b-block_reviews__item-video-round:before { content: ''; position: absolute; left: -37px; top: -37px; width: 262px; height: 262px; border: 1px solid rgba(255,255,255,0.3); border-radius: 100%; } .b-ordercall-form_questions-video:hover .b-block_reviews__item-video-round:before { -webkit-animation: circle 1.0s linear infinite; animation: circle 1.0s linear infinite; } .b-block_reviews__item-video:hover .b-block_reviews__item-video-round:before { -webkit-animation: circle 1.0s linear infinite; animation: circle 1.0s linear infinite; } .b-block_reviews__item-video-round:after { content: ''; position: absolute; left: -77px; top: -77px; width: 342px; height: 342px; border: 1px solid rgba(255,255,255,0.2); border-radius: 100%; } .b-ordercall-form_questions-video:hover .b-block_reviews__item-video-round:after { -webkit-animation: circle 1.0s linear infinite; animation: circle 1.0s linear infinite; } .b-block_reviews__item-video:hover .b-block_reviews__item-video-round:after { -webkit-animation: circle 1.0s linear infinite; animation: circle 1.0s linear infinite; } .b-block_reviews__item-video-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 100%; } .b-block_reviews__item-data { position: absolute; right: 42px; top: 124px; width: 433px; height: 87px; border-radius: 87px; background: -o-linear-gradient(100deg,rgba(201,37,45,1) 0,rgba(246,77,77,1) 100%); background: linear-gradient(350deg,rgba(201,37,45,1) 0,rgba(246,77,77,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f64d4d',endColorstr='#c9252d',GradientType=0); } .b-block_reviews__item-data-i { padding-left: 175px; padding-top: 17px; color: #fff; text-align: left; } .b-block_reviews__item-data-name { font-size: 24px; line-height: 120%; font-weight: 700; margin-bottom: 5px; } .b-block_reviews__item-data-desc { font-size: 14px; line-height: 120%; font-weight: 400; } .b-block_reviews__item-sertificate { position: absolute; right: 80px; top: 232px; width: 243px; height: 326px; background: #fff url(images/empty.png) no-repeat center center; background-size: 212px 313px; border-radius: 5px; -webkit-box-shadow: 0px 16px 40px rgba(24,24,24,0.08); box-shadow: 0px 16px 40px rgba(24,24,24,0.08); } .b-block_reviews__item-sertificate img { -o-object-fit: contain; object-fit: contain; -o-object-position: top; object-position: top; } /* \Reviews */ /* End */ .b-block_end { position: relative; z-index: 0; overflow: unset; color: #444; } .b-block_end .bg { height: calc(100% + 156px); } .b-block_end .b-block-i { height: 800px; } .b-block_end-image { position: absolute; left: 505px; top: 129px; width: 434px; height: 529px; background: transparent url(images/empty.png) no-repeat center center; background-size: 434px 529px; } .b-block_end .b-block-content { position: absolute; left: 20px; top: 75px; } .b-block_end .b-block-content .b-header p { font-size: 16px; line-height: 27px; width: 385px; } .b-block_end .b-block-content .b-button-i { padding: 0 90px; } .b-block_footer { position: relative; width: 100%; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-block_footer-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 20px 48px; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-block_footer .b-block-i:before { content: ''; position: absolute; left: 20px; right: 20px; top: 0px; height: 1px; background: #000000; opacity: 0.08; } .b-block_footer .b-addr { position: relative; padding-left: 40px; border: none; } .b-main-site { padding-left: 50px; margin-top: 4px; } .b-main-site__link { text-decoration: none; outline: none; font-size: 14px; line-height: 20px; color: #444; } .b-main-site__link:hover { color: #D92626; } .b-block_footer .b-addr__icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 24px; } .b-addr__icon svg { width: 100%; height: 100%; } .b-block_footer .b-contacts { margin-left: auto; } .b-footer-made { position: absolute; left: 0; bottom: 0px; width: 100%; text-align: center; color: #929292; font-size: 9px; font-weight: 300; } .b-footer-made a { text-decoration: none; outline: none !important; font-weight: 600; color: #f1494a; border-bottom: 1px solid rgba(241,73,74,0.0); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-footer-made a:hover { color: #f1494a; border-color: rgba(241,73,74,0.5); } /* \End */ /* \Block Styles */ /* Up Forms */ #lean_overlay { position: absolute; z-index: 800; top: 0px; left: 0px; height: 100%; width: 100%; background: rgba(242, 242, 242, 0.9); display: none; } .b-ordercall-form, .i-order_call-h, .i-order_call-h2, .i-order_call-h3, .i-order_call-h4, .i-order_call-h5 { display: none; } .b-ordercall-form { position: absolute; left: -100%; top: -100%; background: #fefefe; padding-top: 0; width: 405px; -webkit-box-shadow: 0px 26px 71px rgba(0,0,0,0.14); box-shadow: 0px 26px 71px rgba(0,0,0,0.14); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .b-ordercall-form .b-ordercall-form-c { text-align: left; } #form { padding: 30px; text-align: center; padding-top: 60px; padding-bottom: 60px; background: #fff !important; } .b-ordercall-form-h { text-align: center; height: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #form .b-ordercall-form-h { text-align: center; padding-top: 0px; } .b-ordercall-form-centering { position: relative; height: 100%; font-size: 0; } .b-ordercall-form-l { display: inline-block; vertical-align: middle; width: 0px; height: 100%; } .b-ordercall-form-c { display: inline-block; vertical-align: middle; } #error-form, #done-form { padding: 40px 35px; } #error-form .b-ordercall-form-h, #done-form .b-ordercall-form-h { text-align: center; } .b-ordercall-form-exit { position: absolute; right: 15px; top: 15px; width: 21px; height: 21px; background: transparent url(images/form_close.svg) no-repeat center center; background-size: 100% 100%; padding: 0; margin: 0; opacity: 0.2; z-index: 999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .i-ordercall_exit { display: block; width: 100%; height: 100%; outline: none !important; text-decoration: none; border: 0px; font-size: 0px; } .b-ordercall-form-exit:hover { opacity: 0.7; } .b-ordercall-form-header { margin: 0; padding: 0; color: #444; font-weight: 700; margin-bottom: 20px; padding-top: 0px; font-size: 34px; line-height: 120%; } .b-ordercall-form-message { margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: 300; color: #444; margin-bottom: 20px; } .b-ordercall-form-message strong { font-weight: 700; } .b-ordercall-form-message a { font-weight: 700; color: #f1494a; border-bottom: 1px solid rgba(241,73,74,0.0); display: inline; font-size: 15px; } .b-ordercall-form-message a:hover { border-color: rgba(241,73,74,0.5); } #error-form .b-ordercall-form-header, #done-form .b-ordercall-form-header { color: #444; } #error-form .b-ordercall-form-message, #done-form .b-ordercall-form-message { color: #444; } .b-form-block-body-line { border: none; } .b-form-block-body-line_submit { margin: 0; padding: 0; } .b-ordercall-form .b-form-block-body-line_submit { padding-top: 6px; } .b-ordercall-form .b-form-block-body-line_submit .b-button { width: 326px; } #form-questions .b-form-block-body-line_submit .b-button { width: 268px; } .b-ordercall-form .b-form-block-body-line_submit .b-button-i { width: 100%; padding: 0; font-size: 14px; } #form-questions .b-form-block-body-line_submit .b-button-i { font-size: 13px; } .i-order-form-checkboxes { padding: 0 45px; margin-bottom: 20px; } .i-order-form-uc { color: #444; margin-top: 12px; font-size: 12px; line-height: 14px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; cursor: pointer; } .i-order-form-uc:first-child { margin-top: 0; } .i-order-form-uc a { border-bottom: 1px dashed rgba(241,73,74,0.0); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out } .i-order-form-uc a:hover { color: #f1494a; border-color: rgba(241,73,74,0.5); } .i-order-form__checkbox-marker { width: 22px; height: 22px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #DBDBDB; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #DBDBDB; border-radius: 50%; -webkit-transition: background-color .3s, border-color .3s; -o-transition: background-color .3s, border-color .3s; transition: background-color .3s, border-color .3s; } .i-order-form__checkbox-marker svg { width: 10px; height: auto; } .i-order-form__checkbox-marker svg path { -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; fill: #9D9D9D; } .i-order-form__checkbox { opacity: 0; visibility: hidden; position: absolute; } .i-order-form__checkbox:checked ~ .i-order-form__checkbox-marker { background-color: #CD2A31; border-color: #CD2A31; } .i-order-form__checkbox:checked ~ .i-order-form__checkbox-marker svg path { fill: #fff; } .i-order-form-uc-text { text-align: left; max-width: 359px; } #done-form .b-ordercall-form-header, #error-form .b-ordercall-form-header { font-size: 30px; } #done-form .b-ordercall-form-message, #error-form .b-ordercall-form-message { margin-bottom: 0px; } #confidence { z-index:99999 !important; width: 940px; background: #fff; text-align: left; } #confidence .b-ordercall-form-h { padding: 40px 20px; } #confidence .b-ordercall-form-header { margin-bottom: 40px; color: #444; font-size: 34px; } #confidence .b-ordercall-form-message { padding: 0 35px; text-align: left; height: 500px; overflow-y: scroll; font-size: 13px; line-height: 140%; font-weight: 400; color: #444; } .form-catalog { padding-left: 0px; height: 600px; width: 940px; text-align: left; background: transparent; color: #fff; } .form-catalog .b-ordercall-form-h { padding-left: 70px; padding-top: 0px; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fdfdfd url(images/empty.png) no-repeat left center; background-size: 940px 600px !important; } #form-kp { padding-left: 0px; height: 564px; width: 940px; text-align: left; background: transparent; color: #444; } #form-kp .b-ordercall-form-h { padding-left: 60px; padding-top: 0px; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fdfdfd url(images/empty.png) no-repeat left center; background-size: 940px 564px !important; } #form-test { padding-left: 0; height: 600px; width: 940px; text-align: left; background: transparent; color: #444; } #form-test .b-ordercall-form-h { padding-left: 60px; padding-top: 0; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #252525 url(images/empty.png) no-repeat left center; background-size: 940px 600px !important; } #map { width: 980px; height: 600px; } #map .b-ordercall-form-h { background: #fff url(images/rolling.svg) no-repeat center center; } #map .b-ordercall-form-exit { top: -36px; right: 0px; opacity: 0.5; } #map .b-ordercall-form-exit:hover { opacity: 1.0; } .b-ordercall-form-map { width: 100%; height: 100%; } #form-questions { padding-left: 0px; height: 550px; width: 1120px; text-align: left; background: transparent; color: #444; overflow: hidden; } #form-questions .b-ordercall-form-h { padding-left: 60px; padding-top: 0px; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; background-size: cover !important; } #form-questions .b-ordercall-form-exit { background: transparent url(images/form_close_2.svg) no-repeat center center; background-size: 21px 21px; opacity: 0.5; } #form-questions .b-ordercall-form-exit:hover { opacity: 1.0; } .b-ordercall-form_questions-video { position: absolute; right: 0px; top: 0px; width: 650px; height: 100%; background: #000 url(images/empty.png) no-repeat center center; background-size: 650px 100%; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; z-index: 2; } .b-ordercall-form_questions-video-i { position: relative; width: 100%; height: 100%; } .b-ordercall-form_questions-step { position: absolute; left: 60px; bottom: 30px; font-size: 14px; line-height: 14px; font-weight: 700; } .b-ordercall-form_questions-pages { position: relative; height: 100%; } .b-ordercall-form_questions__page { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-ordercall-form_questions__page_active { opacity: 1.0; visibility: visible; } .b-ordercall-form_questions__page-i { position: relative; width: 100%; height: 100%; } .b-ordercall-form_questions__page-header { font-size: 22px; line-height: 120%; font-weight: 700; margin-bottom: 15px; } .b-ordercall-form_questions__page-fields { margin-bottom: 10px; } .b-ordercall-form_questions__page-fields__row { font-size: 0; text-align: left; margin-bottom: 30px; } .b-ordercall-form_questions__page-fields__row-input, .b-ordercall-form_questions__page-fields__row-textarea { display: inline-block; vertical-align: bottom; background: transparent; width: 90px; height: 26px; border: none; border-bottom: 1px solid #dbdbdb; padding: 0; padding-left: 0px; padding-right: 0px; font-size: 14px; line-height: 100%; outline: 0; font-weight: 300; color: #444; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0px; outline: none !important; } .b-ordercall-form_questions__page-fields__row-textarea { width: 322px; height: 64px; line-height: 120%; border: 1px solid #dbdbdb; border-radius: 5px; resize: none; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-ordercall-form_questions__page-fields__row-input::-webkit-input-placeholder, .b-ordercall-form_questions__page-fields__row-textarea::-webkit-input-placeholder { line-height: normal; color: #989898; text-align: right; } .b-ordercall-form_questions__page-fields__row-input:-moz-placeholder, .b-ordercall-form_questions__page-fields__row-textarea:-moz-placeholder { /* Firefox 18- */ /*line-height: 100%;*/ color: #989898; text-align: right; } .b-ordercall-form_questions__page-fields__row-input::-moz-placeholder, .b-ordercall-form_questions__page-fields__row-textarea::-moz-placeholder { /* Firefox 19+ */ /*line-height: 100%;*/ color: #989898; text-align: right; } .b-ordercall-form_questions__page-fields__row-input:-ms-input-placeholder, .b-ordercall-form_questions__page-fields__row-textarea:-ms-input-placeholder { line-height: normal; color: #989898; text-align: right; } .b-ordercall-form_questions__page-fields__row-input::-webkit-input-placeholder, .b-ordercall-form_questions__page-fields__row-textarea::-webkit-input-placeholder { line-height: normal; color: #989898; text-align: right; } .b-ordercall-form_questions__page-fields__row-input:-moz-placeholder, .b-ordercall-form_questions__page-fields__row-textarea:-moz-placeholder { /* Firefox 18- */ /*line-height: 100%;*/ color: #989898; text-align: right; } .b-ordercall-form_questions__page-fields__row-input::-moz-placeholder, .b-ordercall-form_questions__page-fields__row-textarea::-moz-placeholder { /* Firefox 19+ */ /*line-height: 100%;*/ color: #989898; text-align: right; } .b-ordercall-form_questions__page-fields__row-input:-ms-input-placeholder, .b-ordercall-form_questions__page-fields__row-textarea:-ms-input-placeholder { line-height: normal; color: #989898; text-align: right; } .b-ordercall-form_questions__page-fields__row-input:hover, .b-ordercall-form_questions__page-fields__row-textarea:focus { border-color: #545557; } .b-ordercall-form_questions__page-fields_w { font-size: 0; line-height: 0; } .b-ordercall-form_questions__page-fields__variant { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; cursor: pointer; margin-bottom: 14px; } .b-ordercall-form_questions__page-fields__variant-round { position: relative; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: #fff; border: 1px solid #e5e5e5; margin-right: 8px; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-ordercall-form_questions__page-fields__variant_active .b-ordercall-form_questions__page-fields__variant-round, .b-ordercall-form_questions__page-fields__variant:hover .b-ordercall-form_questions__page-fields__variant-round { border-color: #f64d4d; } .b-ordercall-form_questions__page-fields__variant-round:after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: #fff; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-ordercall-form_questions__page-fields__variant_active .b-ordercall-form_questions__page-fields__variant-round:after, .b-ordercall-form_questions__page-fields__variant:hover .b-ordercall-form_questions__page-fields__variant-round:after { background-color: #f64d4d; } .b-ordercall-form_questions__page-fields__variant-text { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 120%; font-weight: 400; width: 140px; color: #444; } .b-ordercall-form_questions__page-fields_wf { margin-bottom: 60px; } .b-ordercall-form_questions__page-fields_ws { margin-bottom: 50px; } .b-ordercall-form_questions__page-fields__checkbox { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; cursor: pointer; margin-bottom: 14px; } .b-ordercall-form_questions__page-fields__checkbox-square { position: relative; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: #fff; border: 1px solid #e5e5e5; margin-right: 8px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-ordercall-form_questions__page-fields__checkbox_active .b-ordercall-form_questions__page-fields__checkbox-square, .b-ordercall-form_questions__page-fields__checkbox:hover .b-ordercall-form_questions__page-fields__checkbox-square { border-color: #ec3737; background-color: #f64d4d; } .b-ordercall-form_questions__page-fields__checkbox-square:after { content: ''; position: absolute; left: 50%; top: 50%; width: 11px; height: 9px; margin-left: -5px; margin-top: -5px; background: transparent url(images/forms/checkbox.svg) no-repeat center center; background-size: 11px 9px; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-ordercall-form_questions__page-fields__checkbox-text { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 120%; font-weight: 400; width: 140px; color: #444; } .b-ordercall-form_questions__page-fields_w2 .b-ordercall-form_questions__page-fields__checkbox-text { width: 200px; } .b-ordercall-form_questions__page-end { position: relative; -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1.0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-ordercall-form_questions__page-end_ia { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; } .b-ordercall-form_questions__page-end_ia:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .b-ordercall-form_questions__page-end-prev { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 120%; font-weight: 600; color: #cf2a31; text-transform: uppercase; letter-spacing: 0.1em; margin-right: 15px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-ordercall-form_questions__page-end-prev:hover { color: #444; } .b-ordercall-form_questions__page-end .b-button { display: inline-block; vertical-align: middle; cursor: pointer; } .b-ordercall-form_questions__page_1 .b-button-i { padding: 0 80px; } .b-ordercall-form_questions__page_2 .b-button-i { padding: 0 60px; } .b-ordercall-form_questions__page_3 .b-ordercall-form-header { font-size: 26px; line-height: 120%; margin-bottom: 15px; } .b-ordercall-form_production { width: 1095px; height: 620px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; } .b-ordercall-form_production-main { position: absolute; right: 0px; top: 0px; width: 427px; height: 100%; border-left: 1px solid #e0e0e0; background: #efefef url(images/empty.png) no-repeat center center; background-size: 430px 105%; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .b-ordercall-form_production-main .b-ordercall-form-header { font-size: 30px; } .b-ordercall-form_production-main .i-order-form-checkboxes { margin: 0 auto 20px; max-width: 359px; } .b-ordercall-form_production-image { position: absolute; left: 0px; top: 0px; width: 667px; height: 100%; background: #fff; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; } .b-ordercall-form_production-image-i { width: 567px; height: 520px; margin: 50px; background: transparent url(images/empty.png) no-repeat center center; background-size: contain; } .b-ordercall-form_production-image-controls__item { position: absolute; left: 0px; top: 0px; width: 100px; height: 100%; background: rgba(255,255,255,0.0) url(images/arrows/left.svg) no-repeat center center; background-size: 20px 29px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-ordercall-form_production-image-controls__item_right { left: auto; right: 0px; background: rgba(255,255,255,0.0) url(images/arrows/right.svg) no-repeat center center; background-size: 20px 29px; } .b-ordercall-form_production-image-controls__item:hover { background-color: rgba(255,255,255,0.5); } .b-ordercall-form_production-image-label { position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center; font-size: 15px; line-height: 120%; font-weight: 500; } .lightboxOverlay { z-index: 99999; background-color: rgb(33,33,33); } .lightbox { z-index: 999999; } .lb-data .lb-close { width: 20px; height: 20px; background: transparent url(images/form_close_2.svg) no-repeat center center; background-size: 100% 100%; left: 5px; position: relative; top: -20px; z-index: 99999; opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .lb-data .lb-close:hover { opacity: 1.0; } .lb-next { background: transparent url(images/arrows/right.svg) no-repeat center right; background-size: 20px; right: -50px; position: relative; opacity: 0.7; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .lb-prev { background: transparent url(images/arrows/left.svg) no-repeat center left; background-size: 20px; left: -50px; position: relative; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .lb-next:hover, .lb-prev:hover { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1.0; } .lightbox .lb-image { min-width: 600px; height: auto !important; } .nicescroll-rails { background: #e9e9e9; border-radius: 11px; z-index: 999 !important; } /* \Up Forms */ /* Pretty Image */ .pp_top, .pp_bottom { display: none; } .pp_left { background: transparent !important; padding: 0 !important; } .pp_right { background: transparent !important; padding: 0 !important; } .pp_social { display: none; } .pp_close { background: transparent !important; font-size: 14px !important; border-bottom: 1px dotted #fff; color: #fff; width: auto !important; height: auto !important; text-indent: 0px !important; } .pp_content { background: transparent !important; } .pp_details { float: none !important; height: 30px !important; } .pp_close { background: transparent url(images/form_close_2.svg) no-repeat left center !important; background-size: 22px !important; width: 22px !important; height: 22px !important; font-size: 0 !important; border: none !important; right: 0px!important; top: -10px!important; opacity: 0.5 !important; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pp_close:hover { opacity: 1.0 !important; background: transparent url(images/form_close_2.svg) no-repeat left center !important; background-size: 22px !important; } #pp_full_res { min-height: 460px; background: #000 url(images/rolling.svg) no-repeat center center; font-size: 0; padding: 0; margin: 0; } div.pp_default .pp_loaderIcon{ background: transparent url(images/rolling.svg) center center no-repeat !important; } div.pp_pic_holder { z-index: 100000 !important; } div.pp_overlay { z-index: 99999 !important; opacity: 0.95 !important; } .pp_nav { display: none !important; } .pp_expand { display: none !important; } /* \Pretty Image */ br.i-visiblefrom-pc { display: inline-block; } span.i-visiblefrom-pc { display: inline; } /* Leadback */ #lb_button-wrapper { z-index: 10 !important; } .b-block_soft-slides__item-overlay_1 { position: absolute; left: 68px; top: 23px; width: 417px; height: 262px; background-color: rgba(121, 121, 121, 0.6); } .b-block_soft-slides__item-overlay_1:hover { background-color: rgba(56, 56, 56, 0.6); } .b-block_soft-slides__item-overlay_1:hover .video-link__layer_1 { -webkit-animation: pulseVideo 4s infinite -4s; animation: pulseVideo 4s infinite -4s; } .b-block_soft-slides__item-overlay_1:hover .video-link__layer_2 { -webkit-animation: pulseVideo 4s infinite -3s; animation: pulseVideo 4s infinite -3s; } .b-block_soft-slides__item-overlay_1:hover .video-link__layer_3 { -webkit-animation: pulseVideo 4s infinite -2s; animation: pulseVideo 4s infinite -2s; } .b-block_soft-slides__item-overlay_1:hover .video-link__layer_4 { -webkit-animation: pulseVideo 4s infinite -1s; animation: pulseVideo 4s infinite -1s; } .b-form-input_hidden { position: absolute; top: 0; left: 0; z-index: -2; width: 0; height: 0; opacity: 0; visibility: hidden; } @media screen and (min-width: 737px) { .i-order-form-checkboxes { padding: 0; } .b-ordercall-form_production-main .i-order-form-checkboxes { margin: 0 0 20px; } } @media screen and (min-width: 769px) { .b-block_soft-slides__item-overlay_1 { left: 96px; top: 33px; width: 592px; height: 371px; } }