body { background: #ffffff; font-family: "RobotoRegular"; } .wrapper { // max-width: 1922px; margin: 0 auto; min-width: 1260px; } .container { width: 1170px !important; } h1 { color: #fff; font-family: "RobotoBold"; font-size: 55px; text-transform: uppercase; line-height: 1.3; margin-bottom: 25px; span { display: block; font-size: 40px; font-family: "RobotoLight"; text-transform: none; } } b { font-family: "RobotoBold"; } h3 { font-size: 48px; color: #143068; font-family: "RobotoBold"; text-transform: uppercase; span { text-transform: none; } } .bs { box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ } .br(@px) { -webkit-border-radius: @px; -moz-border-radius: @px; border-radius: @px; } button { border: 0px; outline: none; } a { display: inline-block; &:hover { text-decoration: none; } } .button { button { background: #f63044; font-size: 22px; color: #fff; padding: 20px 54px; .bs; .br(3px); cursor: pointer; &:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); } } } //############################################################################################# .header { padding: 20px 0px; .wrap_c { .city { color: #9ca1ac; font-size: 14px; font-family: "RobotoLight"; } .phone { margin-top: 5px; a { color: #143068; font-size: 18px; font-family: "RobotoBold"; } } } .wrap_link { .br(3px); .bs; border: solid #d3dbeb 1px; display: inline-block; text-align: center; .link { font-size: 14px; color: #244b9b; padding: 15px 0px; width: 222px; span { border-bottom: dotted #244b9b 1px; display: inline-block; } } } .lang_time { .lang { a { font-size: 16px; font-family: "RobotoLight"; color: #2a4e9b; border-bottom: dotted #2a4e9b 1px; &:last-child { margin-left: 5px; } &.active { color: #142039; border-bottom: 0px; } } } .time { font-family: "RobotoLight"; font-style: italic; font-size: 18px; color: #143068; margin-top: 3px; } } } .wrap_menu { min-height: 81px; position: relative; background: #3962b5; } .fixed { position: fixed; width: 100%; top: 0px; left: 0px; z-index: 100; li { a { height: 40px !important; line-height: 37px !important; } .button { line-height: normal !important; button { padding-top: 0px !important; padding-bottom: 0px !important; } } } } .menu { background: #3962b5; .ul { list-style-type: none; padding-left: 0px; margin: 0px; li { display: inline-block; border-left: solid #2c53a1 1px; &:first-child { border-left: 0px; } &:last-child { width: 220px; } a { height: 80px; font-size: 15px; color: #ffffff; text-transform: uppercase; padding: 0px 29px; line-height: 80px; text-decoration: none !important; } .button { .button; line-height: 80px; text-align: right; button { display: inline-block; vertical-align: middle; line-height: normal; } } } } } .main { background: url( "../img/bg_main.jpg" ) no-repeat bottom center; // min-height: 710px; // padding: 80px 0px 60px 0px; padding: 0px 0px 60px 0px; background-size: cover; .bs; .blue_block { background: #244f9b; padding: 0px 20px; border-left: solid #2365ec 8px; color: #fff; min-height: 155px; .number { font-family: "RobotoBold"; font-size: 60px; } .desc { font-family: "RobotoLight"; font-size: 18px; } } .button { .button; text-align: center; margin-top: 20px; } } .block_1 { padding: 70px 0px; .product { .img { } .pre { font-size: 18px; color: #7b939d; font-family: "RobotoLight"; margin-top: 30px; } .name { font-size: 22px; color: #143068; margin-top: 20px; } .prod_ul { font-size: 16px; color: #7b939d; font-family: "RobotoLight"; margin-top: 20px; list-style-type: none; padding-left: 0px; li { line-height: 1.7; } } .price_block { color: #7b939d; font-family: "RobotoLight"; font-size: 24px; margin-top: 20px; i, .price { color: #143068; } .price { font-family: "RobotoRegular"; } } .link { font-size: 16px; color: #2365ec; border-bottom: solid #9cbaf6 1px; margin-top: 10px; } .link_border { .br(3px); .bs; border: solid #d5e2fb 1px; display: inline-block; margin-top: 10px; text-align: center; .link_2 { font-size: 16px; color: #2365ec; width: 202px; padding: 5px 0px; span { border-bottom: dotted #9cbaf6 1px; display: inline-block; } } } .button { .button; margin-top: 10px; } } .wrap { margin-top: 70px; &:first-child { margin-top: 0px; } .title { color: #2365ec; border-bottom: solid #9cbaf6 1px; display: inline-block; font-size: 22px; cursor: pointer; } ul { margin-top: 30px; li { color: #eb2a3b; span { color: #313c52; font-family: "RobotoLight"; font-size: 15px; } } } } } .block_2 { padding: 0px 0px 70px 0px; .title { color: #143068; font-size: 32px; font-family: "RobotoBold"; } ul { list-style-type: none; padding-left: 0px; margin-top: 30px; li { position: relative; padding-left: 25px; margin-top: 20px; b { color: #ea2a3b; font-size: 24px; font-family: "RobotoBold"; position: absolute; left: 0px; top: -3px; } span { color: #313c52; font-family: "RobotoLight"; font-size: 15px; line-height: 25px; border-left: solid #f4f4f4 3px; display: inline-block; padding-left: 10px; } } } } .methods { padding: 70px 0px; background: #3867c5; color: #fff; .title { font-family: "RobotoBold"; font-size: 36px; margin-bottom: 40px; } .method { font-size: 16px; font-family: "RobotoLight"; position: relative; padding-left: 120px; line-height: 25px; margin-bottom: 60px; width: 85%; b { line-height: normal; background: url( "../img/ico_methods.png" ) no-repeat top left; width: 110px; height: 110px; position: absolute; left: 0px; top: 0px; &.m_1 { background-position: 0px 0px; } &.m_2 { background-position: -160px 0px; } &.m_3 { background-position: 0px -180px; } &.m_4 { background-position: -136px -180px; } &.m_5 { background-position: 0px -365px; } } } .button { .button; width: 85%; background: #fff; padding: 30px 0px; text-align: center; button { padding: 20px 0px; width: 380px; font-size: 18px; font-family: "RobotoLight"; } } &.rail { .button { width: auto; padding: 30px 60px; display: inline-block; } } } .rating { padding: 70px 0px; p { color: #313c52; font-family: "RobotoLight"; font-size: 16px; margin-top: 30px; } .title { color: #143068; font-size: 18px; font-family: "RobotoBold"; } .img { margin-top: 20px; } .line { width: 100%; height: 1px; background: #dcdcdc; margin: 30px 0px; } .line_2 { width: 100%; height: 1px; margin: 20px 0px; } .ul { list-style-type: none; padding-left: 0px; width: 75%; li { color: #143068; font-size: 14px; position: relative; padding-left: 60px; margin-top: 20px; line-height: 25px; &:first-child { margin-top: 0px; } b { line-height: normal; background: url( "../img/ico_graphics.png" ) no-repeat top left; width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; &.ico_1 { background-position: 0px 0px; } &.ico_2 { background-position: 0px -73px; } &.ico_3 { background-position: 0px -146px; } &.ico_4 { background-position: 0px -225px; } &.ico_5 { background-position: 0px -315px; } } } } &.rail { .ul { li { b { &.ico_1 { background: url( "../img/graphics_rail/ico/ico_1.png" ) no-repeat top left; } &.ico_2 { background: url( "../img/graphics_rail/ico/ico_2.png" ) no-repeat top left; } &.ico_3 { background: url( "../img/graphics_rail/ico/ico_3.png" ) no-repeat top left; } &.ico_4 { background: url( "../img/graphics_rail/ico/ico_4.png" ) no-repeat top left; } &.ico_5 { background: url( "../img/graphics_rail/ico/ico_5.png" ) no-repeat top left; } } } } } } .about { padding: 70px 0px; background: url( "../img/bg_about.jpg" ) no-repeat top center; background-size: cover; min-height: 893px; color: #fff; h3 { color: #fff; } p { font-size: 16px; line-height: 25px; margin-top: 15px; } .white { background: #fff; width: 640px; .br(3px); padding: 10px 30px; margin: 30px 0px; .wrap_logo { border-right: solid #eaeaea 1px; .img { width: 172px; img { width: 100%; } } .href { font-size: 19px; color: #244b9b; font-family: "RobotoBold"; } } .wrap { position: relative; top: 5px; .b_title { color: #143068; font-size: 18px; margin-bottom: 10px; } a { font-size: 15px; color: #2365ec; line-height: 15px; b { background: url( "../img/ico_pdf.png" ) no-repeat top left; width: 19px; height: 21px; display: inline-block; margin-right: 5px; vertical-align: middle; position: relative; top: -3px; &.pdf { background-position: 0px 0px; } &.ppt { background-position: -24px 0px; } } } } } } .our_clients { background: #edf1f7; padding: 70px 0px; .ul { padding: 0px; margin: 0px; margin-top: 20px; list-style-type: none; .li { img { width: 100%; max-width: 171px; } .line { margin: 20px 0px; } } } } .products { padding: 70px 0px; h4 { font-size: 24px; color: #143068; font-family: "RobotoBold"; margin-bottom: 50px; margin-top: 30px; } .product { margin-bottom: 40px; .wrap { padding-left: 10px; .name { color: #143068; font-size: 18px; font-family: "RobotoBold"; } ul { margin-top: 20px; padding: 0px; list-style-type: none; li { font-size: 15px; color: #7b939d; font-family: "RobotoLight"; } } .price_block { color: #7b939d; font-family: "RobotoLight"; font-size: 20px; i, .price { color: #143068; } .price { font-size: 24px; font-family: "RobotoRegular"; } } .button { .button; margin-top: 10px; button { padding: 10px 45px; } } .link_border { .br(3px); .bs; border: solid #d5e2fb 1px; display: inline-block; margin-top: 10px; text-align: center; .link_2 { font-size: 16px; color: #2365ec; width: 202px; padding: 5px 0px; span { border-bottom: dotted #9cbaf6 1px; display: inline-block; } } } } } } .conferences { background: url( "../img/bg_conferences.jpg" ) no-repeat top center; background-size: cover; min-height: 1032px; padding: 70px 0px; .bs; h3 { color: #fff; margin-bottom: 30px; } .ul { padding-left: 0px; list-style-type: none; .li { } } .conference { background: #fff; padding: 30px 0px; .video { } .bs; .title { color: #2d4a65; font-size: 26px; padding: 0px 70px; } .line { width: 100%; height: 1px; background: #e6e6e6; margin: 40px 0px 30px 0px; } .content { padding: 0px 70px; .img { margin-bottom: 20px; img { width: auto; } &.solo { img { width: 100%; } } } li, p { color: #313c52; font-size: 16px; font-family: "RobotoLight"; margin-top: 15px; line-height: 30px; } li { line-height: normal; } .blue { color: #4570c7; } a.blue { text-decoration: underline; display: inline; } .wrap_forum { margin-top: 20px; .video_links { display: inline-block; vertical-align: middle; margin-left: 30px; ul { padding-left: 0px; list-style-type: none; li { a { font-size: 16px; color: #ff5058; } } } } .conf_button { display: inline-block; vertical-align: middle; button { color: #fe141f; font-size: 18px; font-family: "RobotoLight"; background: transparent; border: solid #fe141f 1px; .br(3px); padding: 25px 25px; } } } } } } .reviews { padding: 70px 0px; .review { .wrap_cont { border: solid #f5f5f5 1px; position: relative; padding: 15px; .img { margin-bottom: 10px; } p { font-size: 12px; color: #7b939d; font-family: "RobotoLight"; } .lupa { width: 24px; height: 24px; display: block; background: url( "../img/ico_lupa.png" ) no-repeat top center; position: absolute; right: 5px; bottom: 5px; z-index: 10; opacity: 0.5; } &:hover { .lupa { opacity: 1; } } } .name { font-size: 16px; color: #143068; margin-top: 15px; } } } .sale { padding: 70px 0px; /*background: url( "../img/bg_sale.jpg" ) no-repeat top center; background-size: cover;*/ background-color: #218fd8; min-height: 560px; .bs; color: #fff; .img { margin-top: 165px; img { width: 100%; } } h3 { color: #fff; margin-bottom: 30px; font-size: 74px; margin-top: 0px; } .pre_name { font-size: 16px; font-family: "RobotoLight"; margin-top: 10px; } .name { font-size: 18px; margin-top: 10px; } .surp { font-size: 22px; font-family: "RobotoBold"; margin-top: 10px; } .wrap_price { margin-top: 20px; .price_t { display: inline-block; vertical-align: middle; .price { font-family: "RobotoBold"; font-size: 44px; } i { font-size: 44px; } } .price_nt { display: inline-block; vertical-align: middle; text-decoration: line-through; margin-left: 25px; .price { font-family: "RobotoLight"; font-size: 31px; } i { font-size: 31px; } } } .form_wrap { width: 100%; position: relative; padding: 35px 25px; background: #fff; .br(3px); .bs; .close { position: absolute; right: 10px; top: 0px; } .name { font-size: 18px; color: #143068; margin-bottom: 20px; } input, label { color: #757575; font-size: 15px; font-family: "RobotoLight"; } input { padding: 20px 15px; font-size: 16px; } .button { .button; button { padding: 10px 54px; } } } .counter { color: #fff; .title { font-size: 18px; font-family: "RobotoBold"; margin-bottom: 10px; } .blue_wrap { background: #212a8f; } .gray_wrap { background: #6a6c97; } .number { font-family: "PTSansBold"; text-align: center; font-size: 40px; } .unit { text-align: center; font-family: "UbuntuM"; font-size: 11px; padding: 5px 0px; } } &.rail { .img { margin-top: 70px; position: relative; // left: -113px; text-align: center; img { width: auto; } } } } .sale300 { h3 { font-size: 42px; white-space: nowrap; } .pre_name { font-size: 20px; &.v2 { margin-bottom: 30px; } } .name { font-size: 24px; } .img { margin-top: 70px; position: relative; // left: -113px; text-align: center; } .block_sale_300 { background: #fff; padding: 10px; .bs; .br(3px); font-size: 14px; color: #27425b; a { font-size: inherit; color: #0d84d0; text-decoration: underline; } .img { margin-top: 10px; img { width: auto; } } .desc { margin-top: 20px; } } .sale_button { margin-top: 40px; margin-bottom: 26px; .button; i { margin-right: 10px; font-size: 20px; position: relative; top: 1px; } button { padding: 10px; text-transform: uppercase; font-size: 15px; .br(10px); cursor: default; &:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0) !important; -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0) !important; box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0) !important; } } } } .delivery { -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.05); -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.05); box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.05); padding: 70px 0px; .title_main { font-size: 48px; color: #143068; font-family: "RobotoBold"; margin-bottom: 20px; } .size18 { font-size: 18px; } p { color: #313c52; font-size: 15px; font-family: "RobotoLight"; } b { color: #143068; } .blue { color: #2365ec; } .link_border { .br(3px); .bs; border: solid #7283a4 1px; display: inline-block; margin-top: 10px; text-align: center; .link_2 { font-size: 18px; color: #1e396f; padding: 19px 40px; font-family: "RobotoBold"; span { border-bottom: dotted #1e396f 1px; display: inline-block; } } } } .our_partners { padding: 70px 0px; border-bottom: solid #e3e3e3 1px; .img { margin-top: 30px; img { width: 100%; } } &.rail { .img_wrap { text-align: center; .img { margin-right: 110px; display: inline-block; vertical-align: middle; &:last-child { margin-right: 0px; } img { width: auto; } } } } } .question { padding: 70px 0px; .wrap { background: #f9f9f9; padding: 35px 20px; .bs; .title { font-size: 36px; color: #143068; font-family: "RobotoBold"; margin-bottom: 10px; } p { font-size: 16px; color: #383838; font-family: "RobotoLight"; } .form { margin-top: 30px; textarea, input { color: #757575; font-size: 16px; font-family: "RobotoLight"; padding: 20px 15px; resize: none; } } .button { .button; button { padding: 20px 0px; width: 100%; } } } } .footer { padding: 30px 0px; p { font-size: 14px; color: #143068; font-family: "RobotoLight"; a { color: #2365ec; } } .wrap_phones { .city { color: #9ca1ac; } .phone { font-size: 22px; color: #143068; font-family: "RobotoBold"; } } .wrap_links { display: inline-block; vertical-align: top; margin-left: 40px; &:first-child { margin-left: 0px; } } .red { color: #ec2b3d; text-decoration: underline; } } // ###### #scrollup { cursor: pointer; display: none; font-size: 150%; position: fixed; border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px; right: 10px; bottom: 10px; opacity: 0.8; z-index: 200; .up { width: 50px; height: 50px; background: url( "../img//up_red.png" ) no-repeat center; display: inline-block; } } .popup_form { display: none; width: 370px; position: relative; padding: 35px 25px; .bs; .close { position: absolute; right: 10px; top: 0px; } .name { font-size: 18px; color: #143068; margin-bottom: 20px; } input, label { color: #757575; font-size: 15px; font-family: "RobotoLight"; } input { padding: 20px 15px; font-size: 16px; } .button { .button; text-align: center; button { padding: 10px 54px; } } } .popup_form_one_click { display: none; width: 740px; position: relative; padding: 35px 25px; .bs; .close { position: absolute; right: 10px; top: 0px; } .img { img { width: 100%; } } .name { font-size: 20px; color: #143068; margin-top: 20px; } .price_block { color: #7b939d; font-family: "RobotoLight"; font-size: 20px; margin-top: 20px; i, .price { color: #143068; } .price { font-family: "RobotoRegular"; font-size: 24px; } } input, label { color: #757575; font-size: 15px; font-family: "RobotoLight"; } input { padding: 20px 15px; font-size: 16px; } .button { margin-top: 10px; .button; button { padding: 10px 54px; } } .line { margin: 30px 0px; width: 100%; height: 1px; background: #eaeaea; } } input.error { background: rgba(255, 0, 0, 0.2); } textarea.error { background: rgba(255, 0, 0, 0.2); } label.error { display: none !important; } .popup_content { display: none; width: 1100px; position: relative; padding: 20px; .bs; .close { position: absolute; right: 10px; top: 0px; } .wrap_section { position: relative; .section { color: #143068; font-size: 18px; font-family: "RobotoBold"; margin-top: 30px; margin-bottom: 20px; span { color: #eb2a3b; } } ul { padding-left: 17px; li { color: #eb2a3b; margin-top: 10px; &:first-child { margin-top: 0px; } span { color: #313c52; font-size: 15px; font-family: "RobotoLight"; } } } p { line-height: 25px; } // .down { // position: absolute; // bottom: 0px; // } } } #reviews .flexslider .slides img { width: auto; } // custom flexslider .flex-direction-nav a { height: 45px !important; top: 10% !important; } .success_m { text-align: center; font-size: 20px; } /*.form-control-z { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; }*/ .review { position: relative; &:after { content: ' '; position: absolute; right: 10px; bottom: 10px; background: url( "../img/reviews/lupa.png" ) no-repeat top center; width: 24px; height: 24px; opacity: 0.7; } &:hover { &:after { opacity: 1; } } p { padding-bottom: 0px; } display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; align-content: space-between; width: 270px; height: 353px; background: #ffffff; font-size: 8px; font-weight: 300; color: #63656b; padding: 20px 10px; margin: 10px 0px; -webkit-box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.35); .review__img { padding-bottom: 25px; max-height: 65px; } .review__content { height: 225px; overflow: hidden; -webkit-box-shadow: inset 0px -11px 10px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: inset 0px -11px 10px 0px rgba(255, 255, 255, 0.75); box-shadow: inset 0px -11px 10px 0px rgba(255, 255, 255, 0.75); } .review__p { &.review__p_signature { font-size: 12px; color: #7b818f; b { font-size: 14px; color: #16181c; } } } } .reviews { .reviews__flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } } .fancybox-pdf { cursor: pointer; } .menu-sale__wrap { background-color: #eb3e4a; min-width: 160px; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; align-items: center; box-sizing: border-box; } .menu .ul li .button button.scroll { padding: 15px 20px; } .menu-sale__wrap .menu-sale__title { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #ffffff; } .menu-sale__wrap .menu-sale__days { font-family: "RobotoRegular"; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #ffffff; line-height: 1.2; }