body { background: #ffffff; font-family: "RobotoRegular"; } .wrapper { // max-width: 1922px; margin: 0 auto; min-width: 1260px; overflow: hidden; } .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: #0060ff; font-size: 25px; color: #ffffff; padding: 20px 54px; font-family: "RobotoRegular"; .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: #3dbd5c; } .fixed { position: fixed; width: 100%; top: 0px; left: 0px; z-index: 1001; .ul { > li { height: 50px !important; > a { line-height: 37px !important; } .button { line-height: normal !important; button { padding-top: 0px !important; padding-bottom: 0px !important; } } } .menu-sale{ height: 100%; } } } .menu { background: #3dbd5c; .ul { // display: -ms-grid; // display: grid; // -ms-grid-template-columns: auto auto auto auto auto auto auto; // grid-template-columns: auto auto auto auto auto auto auto; display: flex; justify-content: space-between; list-style-type: none; padding-left: 0px; margin: 0px; > li { display: flex; -webkit-align-items: center; align-items: center; border-left: solid #45853a 1px; &:first-child { border-left: 0px; } &:last-child { // width: 218px; border: 0px; } > a { font-family: "RobotoRegular"; // height: 80px; font-size: 14px; color: #ffffff; text-transform: uppercase; // padding: 0px 20px; // line-height: 80px; text-decoration: none !important; width: 100%; text-align: center; padding: 0px 11px; } .button { .button; line-height: 80px; text-align: right; button { display: inline-block; vertical-align: middle; line-height: normal; } &.button_blue { position: relative; top: -1px; text-align: center; padding: 0px; button { width: 218px; padding: 0px; height: 80px; // background-color: #0060ff; background-color: #ec3e4a; font-family: "RobotoBold"; font-size: 15px; font-style: normal; font-stretch: normal; line-height: 1.33; text-align: center; color: #ffffff; } } } } } } .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; } ul { margin-top: 30px; li { color: #3dbd5c; 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"; } .block_2__ul { &.block_2__ul_np { } } .block_2__li { &.block_2__li_np { padding-left: 0px; span { padding-left: 0px; border-left: 0px; } } } ul { list-style-type: none; padding-left: 0px; margin-top: 30px; li { position: relative; padding-left: 25px; margin-top: 20px; b { color: #e22934; font-size: 26px; 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; } } } } .block_2_mod { padding: 0px 0px 70px 0px; background: #f6f6f6; .title { color: #143068; font-size: 32px; font-family: "RobotoBold"; text-transform: uppercase; } ul { padding-left: 0px; margin-top: 30px; color: #3dbd5c; li { position: relative; // padding-left: 25px; margin-top: 5px; margin-left: 20px; b { color: #3dbd5c; 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: #3bae61; 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; } } } .methods_2 { padding: 10px 0px; background: #3bae61; 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: 55px; 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; min-height: 50px; &: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_blue.jpg" ) no-repeat top center; background: url( "../img/foodtop/bg_2.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; display: inline-block; .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; } } } } } .about__button { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #ffffff; border-radius: 4px; background-color: #eb3e4a; width: 100%; padding: 29px 0px; text-align: center; width: 385px; } } .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; // padding: 70px 0px 0px 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-image: url( "../img/bg_conferences_blue.jpg" ); background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 1032px; padding: 70px 0px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; .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_green.jpg" ) no-repeat top center; background-size: cover; 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; margin-top: 30px; .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_green.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; // } } } // custom flexslider .flex-direction-nav a { height: 45px !important; top: 10% !important; } .success_m { text-align: center; font-size: 20px; } .men_speak { .men_speak_block { background: url( "../img/men_speak.jpg" ) no-repeat bottom center; min-height: 440px; padding: 0px 0px 60px 0px; background-size: cover; position: relative; .rectangle_1 { position: relative; top: 20px; min-width: 924px; height: 85px; opacity: 0.8; background-color: #3dbd5c; padding: 14px 56px 12px 17px; display: inline-block; .line { font-family: "RobotoBold"; font-size: 32px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.25; text-align: left; color: #ffffff; text-transform: uppercase; &.line_1 { font-size: 18px; font-weight: normal; line-height: 1.67; text-transform: none; } } } .rectangle_2 { position: absolute; display: inline-block; bottom: 23px; left: 20px; min-width: 357px; height: 16px; font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; text-align: left; color: #283546; } } } .men_speak_after { // padding: 30px 0px 67px 0px; box-shadow: 0px 3px 16px 0 rgba(180, 178, 178, 0.26); .wrap_info_item { margin-top: 30px; .number { width: 40px; font-family: "RobotoRegular"; font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.67; text-align: left; color: #3dbd5c; border-bottom: solid 3px #f4f4f4; display: inline-block; } .text { margin-top: 16px; font-family: "RobotoRegular"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.14; text-align: left; color: #283546; b, .title { font-family: "RobotoBold"; } .info { } } } .button { margin-top: 45px; .button; padding: 0px 0px; button { width: 100%; padding: 0px; font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; text-align: center; color: #ffffff; min-height: 74px; } &.blur { button { background: #b1d0f3; } } } &.content { padding: 20px 70px; .img { margin-bottom: 20px; img { margin-top: 20px; width: auto; } &.solo { img { width: 100%; } } } .img { float: left; margin: 0px 20px 10px 0px; display: inline-block; background: #fff; } li, p { color: #313c52; font-size: 16px; font-family: "RobotoLight"; margin-top: 15px; line-height: 30px; } li { line-height: normal; &.li_1 { margin-top: 10px; } } .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; } } } } .men_speak2__line_3 { margin-top: 100px; .bs; .blue_block { background: #3dbd5c; padding: 0px 20px; border-left: solid #4fe473 8px; color: #fff; min-height: 155px; .number { font-family: "RobotoBold"; font-size: 60px; } .desc { font-family: "RobotoLight"; font-size: 16px; } } .button { margin-top: 50px !important; .button; text-align: center; margin-top: 20px; button { width: 390px; background: #f63044; background: #f63044; font-size: 22px; color: #fff; padding: 20px 54px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; max-height: 110px; } } } &.men_speak_after__bg_green { background: #3bae61; } } .block_11 { padding: 70px 0px; // background: #f7f7f7; .product_wrap { background: #ffffff; border: solid rgba(180, 178, 178, 0.26) 1px; .img_and_title { padding: 35px; font-family: "RobotoRegular"; font-size: 26px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 35px; text-align: left; color: #143068; // box-shadow: 0px 3px 16px 0 rgba(180, 178, 178, 0.26); display: inline-block; .img { width: 100%; img { width: 100%; } } .pre { font-size: 18px; font-family: "RobotoLight"; line-height: 1.67; color: #7b939d; margin-top: 44px; } .name { } .link_2 { a { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 25px; text-align: left; color: #2365ec; border-bottom: solid 1px rgba(35, 101, 236, 0.45); } } } .data_info { padding: 0px 15px 35px 35px; font-family: "RobotoLight"; font-size: 16px; font-style: normal; font-stretch: normal; line-height: 2; text-align: left; color: #4e6f7c; .info_2 { border-bottom: solid #cfdbf5 1px; padding-bottom: 15px; } } .buttons { padding: 35px; .price_block { color: #7b939d; font-family: "RobotoLight"; font-size: 24px; margin-top: 20px; i, .price { color: #143068; } .price { font-family: "RobotoRegular"; } margin-bottom: 20px; } .button { .button; padding: 0px; button { width: 100%; height: 66px; padding: 0px; font-size: 20px; } } .link_border_2 { padding: 0px; a { padding: 0px; height: 66px; width: 100%; border-radius: 3px; border: solid 1px #2f6ded; font-family: "RobotoLight"; font-size: 16px; font-style: normal; font-stretch: normal; line-height: 66px; text-align: left; color: #2365ec; display: inline-block; text-align: center; } } } } .product { background: #ffffff; .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; padding-right: 10px; &:first-child { margin-top: 0px; } .title { // color: #2365ec; // border-bottom: solid #9cbaf6 1px; display: inline-block; font-size: 22px; } ul { margin-top: 30px; li { color: #3dbd5c; span { color: #313c52; font-family: "RobotoLight"; font-size: 15px; } } } } } .glyphicon { color: rgba(0,0,0,.8); font-size: 40px !important; &:hover { color: rgba(0,0,0,1); } } .carousel { height: 870px; .carousel-control { width: 0px; // opacity: 0; opacity: 1; &.left { left: 10px; } &.right { right: 10px; } -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } } .dropdown-menu { background-color: #ffffff; box-shadow: 0px 2px 9px 0 rgba(41, 41, 40, 0.17); border: solid 1px #40a74e; &:before { content: ' '; display: block; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; position: absolute; top: -10px; left: 70px; } li { a { width: 311px; font-family: "RobotoRegular"; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 20px; text-align: left; color: #283546; white-space: normal; padding-top: 8px; padding-bottom: 8px; } border-bottom: solid #ebebeb 1px; &:last-child { border-bottom: 0px; } } } .men_speak2 { &.bg_1 { background: url("../img/men_speak2.jpg") no-repeat top center; } &.bg_2 { background: url("../img/men_speak2_bg_2.jpg") no-repeat bottom center; } &.bg_3 { background: url("../img/men_speak2_bg_3.jpg") no-repeat bottom center; } } .men_speak2 { min-height: 480px; background-size: cover; text-align: center; color: #ffffff; line-height: 480px; position: relative; .men_speak2__wrap { display: inline-block; vertical-align: middle; line-height: normal; h1 { font-size: 45px; margin-bottom: 5px; margin-top: 0px; span { font-size: 30px; } } .men_speak2__line_1 { font-size: 18px; font-family: "RobotoRegular"; } .men_speak2__line_2 { margin-top: 40px; font-size: 30px; font-family: "RobotoBold"; line-height: 50px; } .men_speak2__line_22 { margin-top: 0px; font-size: 24px; font-family: "RobotoBold"; line-height: 30px; } .men_speak2__line_3 { margin-top: 10px; .bs; .blue_block { background: #3dbd5c; padding: 0px 20px; border-left: solid #4fe473 8px; color: #fff; min-height: 140px; .number { font-family: "RobotoBold"; font-size: 60px; } .desc { font-family: "RobotoLight"; font-size: 16px; } } .button { .button; text-align: center; margin-top: 10px; button { padding: 10px 54px; } } } } .carousel { height: auto; .carousel-control { top: 0%; .glyphicon { color: #fff; font-size: 60px !important; opacity: 0.8; &:hover { opacity: 1; color: #fff !important; } } } } } .carousel .carousel-control { top: 30%; .glyphicon { color: rgba(63, 111, 190, 0.8); font-size: 60px !important; &:hover { color: rgba(63, 111, 190, 1) !important; } } } .carousel .carousel-control.left { left: -80px; } .carousel .carousel-control.right { right: -20px; } .carousel_main { position: relative; height: 1035px; padding-bottom: 10px; .carousel-control { z-index: 1000; top: 220px; &.right { right: 0px; } &.left { left: 0px; } .glyphicon { color: #fff; font-size: 60px !important; opacity: 0.8; &:hover { opacity: 1; color: #fff !important; } } } .carousel-indicators { bottom: -485px; } } .between_carousel { height: 25px; -webkit-box-shadow: inset 0px 10px 14px -10px rgba(50, 50, 50, 0.25); -moz-box-shadow: inset 0px 10px 14px -10px rgba(50, 50, 50, 0.25); box-shadow: inset 0px 10px 14px -10px rgba(50, 50, 50, 0.25); } .carousel_product { height: 980px; .carousel-indicators { li { opacity: 0.8; background: transparent; border-color: rgba(63, 111, 190, 1); &.active { background: rgba(63, 111, 190, 1); opacity: 1; } &:hover { opacity: 1; } } } .product { .img { img { width: 100%; max-width: 200px; } } } } .block_111 { padding: 70px 0px; background: #f6f6f6; .product_wrap { background: #ffffff; border: solid rgba(180, 178, 178, 0.26) 1px; .img_and_title { padding: 35px; font-family: "RobotoRegular"; font-size: 26px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 35px; text-align: left; color: #143068; // box-shadow: 0px 3px 16px 0 rgba(180, 178, 178, 0.26); display: inline-block; .img { width: 100%; img { width: 100%; } } .pre { font-size: 18px; font-family: "RobotoLight"; line-height: 1.67; color: #7b939d; margin-top: 44px; } .name { } .link_2 { a { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 25px; text-align: left; color: #2365ec; border-bottom: solid 1px rgba(35, 101, 236, 0.45); } } } .data_info { padding: 0px 15px 35px 35px; font-family: "RobotoLight"; font-size: 16px; font-style: normal; font-stretch: normal; line-height: 2; text-align: left; color: #4e6f7c; .info_2 { border-bottom: solid #cfdbf5 1px; padding-bottom: 15px; } } .buttons { padding: 35px; .price_block { color: #7b939d; font-family: "RobotoLight"; font-size: 24px; margin-top: 20px; i, .price { color: #143068; } .price { font-family: "RobotoRegular"; } margin-bottom: 20px; } .button { .button; padding: 0px; button { width: 100%; height: 66px; padding: 0px; } } .link_border_2 { padding: 0px; a { padding: 0px; height: 66px; width: 100%; border-radius: 3px; border: solid 1px #2f6ded; font-family: "RobotoLight"; font-size: 16px; font-style: normal; font-stretch: normal; line-height: 66px; text-align: left; color: #2365ec; display: inline-block; text-align: center; } } } } .product { background: #ffffff; .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; } ul { margin-top: 30px; li { color: #3dbd5c; span { color: #313c52; font-family: "RobotoLight"; font-size: 15px; } } } .text { p { font-size: 18px; font-family: "RobotoLight"; line-height: 35px; margin-top: 30px; &:first-child { margin-top: 0px; } } } } } // // // // // .mainblock { background: url("../img/foodtop/bg_1.jpg") no-repeat top center ; height: 500px; // display: -ms-grid; // display: grid; display: flex; -ms-align-items: center; align-items: center; .mainblock__h1 { font-family: "RobotoBold"; font-size: 46px; line-height: 1.43; letter-spacing: normal; text-align: left; color: #ffffff; padding-bottom: 39px; } .mainblock__items { // display: -ms-grid; // display: grid; // -ms-grid-template-columns: 1fr 30px 1fr 30px 1fr; // grid-template-columns: 1fr 1fr 1fr; // grid-gap: 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; &>div { width: 370px; // flex: 1 0 auto; } } .mainblock__button { width: 100%; border-radius: 3px; box-shadow: 0px 4px 10px 0 rgba(5, 14, 73, 0.14); background-color: #eb3e4a; padding: 31px 0px 24px 0px; font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: normal; text-align: left; color: #ffffff; text-align: center; margin-top: 17px; } } .mainblock-item { // width: 370px; height: 180px; border-top: solid #fff 6px; background: rgba(56, 59, 72, 0.6); // display: grid; display: flex; -ms-align-items: center; align-items: center; padding: 0px 30px 0px 30px; .mainblock-item__title { font-family: "RobotoRegular"; font-size: 55px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #ffffff; padding-bottom: 16px; span { font-size: 40px; } } .mainblock-item__desc { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: normal; text-align: left; color: #ffffff; span { line-height: 1.21; letter-spacing: normal; text-align: left; color: #a8aab5; font-size: 14px; } } } .information { height: 755px; background-color: #3dbd5c; display: flex; -ms-align-items: center; align-items: center; .information__wrap { // display: grid; // -ms-grid-template-columns: 1fr 1fr; // grid-template-columns: 1fr 1fr; display: flex; // grid-gap: 30px; } .information__item { } .information__title { font-family: "RobotoBold"; font-size: 35.5px; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #ffffff; padding-bottom: 20px; } .information__desc { font-family: "RobotoRegular"; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #ffffff; padding-bottom: 27px; } .information__buttons { } .information__button { width: 100%; height: 70px; border-radius: 3px; background-color: #eb3e4a; padding: 20px 0px; font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; // line-height: 1.25; letter-spacing: normal; text-align: center; color: #ffffff; max-width: 404px; } } .ratings-block { padding: 20px 0px; .ratings-block__h3 { padding-bottom: 53px; } } .ratings-item { padding-bottom: 57px; .ratings-item__wrap { // display: grid; // -ms-grid-template-columns: 1fr auto; // grid-template-columns: 1fr auto; // -ms-grid-gap: 15px; // grid-gap: 15px; padding-bottom: 57px; display: flex; margin: -15px; &>div { padding: 15px; } } .ratings-item__wrapimg { margin-bottom: 20px; img { width: 100%; } } .ratings-item__img { width: 100%; } .ratings-item__desc { font-family: "RobotoRegular"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; text-align: left; color: #292929; &.ratings-item__desc_flex { padding-bottom: 57px; display: flex; margin: -15px; } } .ratings-item__button { width: 100%; height: 70px; border-radius: 3px; background-color: #eb3e4a; padding: 20px 0px; font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; // line-height: 1.25; letter-spacing: normal; text-align: center; color: #ffffff; } } .news-block { padding: 70px 0px; .news-block__h3 { padding-bottom: 33px; } .news-block__items { width: 500px; } .news-block__wrap { // display: grid; // -ms-grid-template-columns: auto 1fr; // grid-template-columns: auto 1fr; // -ms-grid-gap: 15px; // grid-gap: 15px; display: flex; margin: -15px; -webkit-justify-content: space-between; justify-content: space-between; &>div { padding: 15px; } } .news-block__socblock { // display: grid; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -ms-justify-content: center; justify-content: center; } .news-block__socdesc { font-family: "RobotoBold"; font-size: 20px; font-style: normal; font-stretch: normal; line-height: 38px; letter-spacing: normal; text-align: left; color: #143673; padding-bottom: 34px; } .news-block__button { font-family: "RobotoBold"; font-size: 15px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #ffffff; text-align: center; // padding: 24px 20px; line-height: 57px; width: 216px; height: 58px; border-radius: 3px; background-color: #2371f3; i { font-size: 18px; padding-right: 20px; } } } .news-block-item { border-bottom: solid #d7d7d7 1px; &:last-child { border-bottom: 0px; } margin-bottom: 20px; .news-block-item__date { font-family: "RobotoBold"; font-size: 14px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #9e9e9e; padding-bottom: 11px; } .news-block-item__link { font-family: "RobotoRegular"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #143673; padding-bottom: 17px; &.news-block-item__link_red { font-family: "RobotoRegular"; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: normal; text-align: left; color: #eb3e4a; } } .news-block-item__arrow { font-family: "RobotoBold"; // font-size: 14px; } } .reviews-block { padding: 70px 0px; .reviews-block__h3 { padding-bottom: 83px; } .reviews-block__items { // display: grid; // -ms-grid-template-columns: 1fr 1fr 1fr; // grid-template-columns: 1fr 1fr 1fr; // -ms-grid-gap: 60px 35px; // grid-gap: 60px 35px; display: flex; flex-direction: row; flex-wrap: wrap; margin: -60px -35px; &>div { width: 33%; padding: 60px 35px; } } .owl-nav { height: 0px !important; position: absolute !important; top: 50% !important; left: 0px !important; width: 100% !important; text-align: left !important; margin-top: -130px !important; .owl-prev { color: rgba(63, 111, 190, 0.8) !important; font-size: 80px !important; background: transparent !important; position: relative; left: -70px; opacity: 0; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .owl-next { color: rgba(63, 111, 190, 0.8) !important; font-size: 80px !important; background: transparent !important; float: right; position: relative; right: -70px; opacity: 0; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } } &:hover { .owl-prev { left: -40px; opacity: 1; } .owl-next { right: -40px; opacity: 1; } } .owl-dots { margin-top: 20px; } } .reviews-block-item { .reviews-block-item__wrapimg { height: 100px; } .reviews-block-item__img { margin-bottom: 27px; width: auto !important; } .reviews-block-item__desc { font-size: 15px; font-family: "RobotoLight"; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #6c7384; padding-bottom: 14px; } .reviews-block-item__link { font-family: "RobotoBold"; font-size: 15px; font-style: normal; font-stretch: normal; line-height: 1.47; letter-spacing: normal; text-align: left; color: #2666ff; text-decoration: underline; } } .single { padding: 62px 0px 20px 0px; .single__wrap { // display: grid; // -ms-grid-template-columns: 1fr 1fr; // grid-template-columns: 1fr 1fr; // -ms-grid-gap: 40px; // grid-gap: 40px; display: flex; flex-wrap: wrap; margin: -40px; &>div { width: 50%; padding: 40px; } } } .single-item { padding-bottom: 46px; padding-right: 30px; .single-item__link { &:hover { text-decoration: underline; } } .single-item__title { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: normal; text-align: left; color: #8e95ab; padding-bottom: 15px; } .single-item__desc { font-family: "RobotoRegular"; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; text-align: left; color: #213a74; padding-bottom: 21px; } .single-item__content { font-family: "RobotoRegular"; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #8e95ab; } } .single-product { padding-bottom: 0px; border-bottom: solid #e0e3ec 1px; // display: grid; // -ms-grid-template-columns: auto auto; // grid-template-columns: auto auto; // -ms-grid-gap: 20px; // grid-gap: 20px; display: flex; flex-direction:row; &>div { &:first-child { margin-right: 20px; } } margin-bottom: 20px; .single-product__img { position: relative; top: -23px; // width: 185px; width: 223px; } .single-product__title { font-family: "RobotoRegular"; font-size: 22px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.27; letter-spacing: normal; text-align: left; color: #213a74; padding-bottom: 13px; &.single-product__title_pre { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.06; letter-spacing: normal; text-align: left; color: #8e95ab; padding-bottom: 11px; } } .single-product__link { font-family: "RobotoRegular"; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #eb3e4a; } } .product-desc { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.69; letter-spacing: normal; text-align: left; color: #8e95ab; padding-bottom: 26px; p { margin-bottom: 2px; } } .product-price { padding-bottom: 41px; .product-price__title { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.69; letter-spacing: normal; text-align: left; color: #8e95ab; } .product-price__price { font-family: "RobotoRegular"; font-size: 23px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #8e95ab; span { font-size: 29.5px; color: #213a74; } } } .product-dop { padding-bottom: 20px; .product-dop__title { font-family: "RobotoRegular"; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #213a74; } .product-dop__price { font-family: "RobotoRegular"; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.89; color: #8e95ab; letter-spacing: normal; text-align: left; font-size: 20px; span { font-size: 20px; line-height: 1.7; color: #213a74; } } } .product-buttons { // display: grid; // -ms-grid-template-columns: auto auto; // grid-template-columns: auto auto; // -ms-grid-gap: 20px; // grid-gap: 20px; display: flex; justify-content: space-between; &>div { -webkit-flex-grow: 1; flex-grow: 1; &:first-child { margin-right: 20px; } } .product-buttons__button { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; padding: 17px 0px 15px 0px; border-radius: 3px; width: 100%; text-align: center; &.product-buttons__button_red { background-color: #eb3e4a; } &.product-buttons__button_white { color: #eb3e4a; background: transparent; border: solid #eb3e4a 1px; } } } .menu-sale { background-color: #eb3e4a; min-width: 234px; // height: 100%; height: 81px; // display: grid; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; align-items: center; padding: 0px 16px; box-sizing: border-box; .menu-sale__wrap { // display: grid; // -ms-grid-template-columns: auto auto; // grid-template-columns: auto auto; // -ms-grid-gap: 20px; // grid-gap: 20px; display: flex; &>div { &:first-child { margin-right: 20px; } } } .menu-sale__title { 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; } .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; font-size: 20px; line-height: 1.2; span { font-size: 15px; } } .menu-sale__time { font-family: "RobotoRegular"; font-size: 27px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #ffffff; } } .methods-block { padding: 98px 0px; // min-height: 860px; background-color: #3dbd5c; .methods-block__h3 { font-family: "RobotoBold"; font-size: 46px; font-style: normal; font-stretch: normal; line-height: 1.35; letter-spacing: normal; text-align: left; color: #ffffff; padding-bottom: 44px; } .methods-block__items { // display: grid; // -ms-grid-template-columns: 1fr 1fr 1fr; // grid-template-columns: 1fr 1fr 1fr; // -ms-grid-gap: 40px; // grid-gap: 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin:-25px; &>div { width: 33%; padding: 25px; } } .methods-block__button { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #ffffff; border-radius: 4px; background-color: #eb3e4a; width: 100%; padding: 29px 0px; text-align: center; } } .methods-block-item { .methods-block-item__img { margin-bottom: 26px; } .methods-block-item__desc { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; } } .subscription { width: 571px; min-height: 499px; border-radius: 5px; background-color: #ffffff; padding: 6px; padding-bottom: 56px; .subscription__header { background-color: #3e5271; border-radius: 5px; display: grid; -ms-grid-template-columns: 1fr auto; grid-template-columns: 1fr auto; -ms-align-items: center; align-items: center; padding-left: 18px; overflow: hidden; margin-bottom: 26px; } .subscription__left { font-family: "RobotoRegular"; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal; text-align: left; color: #ffffff; padding: 12px 0px; } .subscription__right { font-family: "RobotoRegular"; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #ffffff; background-color: #3dbd5c; width: 130px; height: 100%; // display: grid; display: flex; justify-content: space-around; -ms-align-items: center; align-items: center; position: relative; &:before { content: ""; width: 0; height: 0; border-bottom: 68px solid #3dbd5c; border-left: 68px solid transparent; position: absolute; left: -68px; } } .subscription__center { padding: 0px 18px; } .subscription__title { font-family: "RobotoRegular"; font-size: 30px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #404a5f; &.subscription__title_min { font-size: 16px; color: #8e95ab; } } .subscription__wrap { padding-top: 14px; // display: grid; // -ms-grid-template-columns: 1fr 1fr; // grid-template-columns: 1fr 1fr; -ms-align-items: center; align-items: center; display: flex; flex-wrap: wrap; &>div { width: 50%; } } .subscription__button { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #ffffff; border-radius: 6px; background-color: #eb3e4a; width: 100%; max-width: 195px; padding: 25px; text-align: center; margin-bottom: 48px; } } .subscription-sale { max-width: 205px; width: 100%; .subscription-sale__title { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; // line-height: 1.25; letter-spacing: normal; text-align: left; color: #8e95ab; padding-bottom: 15px; } .subscription-sale__wrap { // display: grid; // -ms-grid-template-columns: auto auto auto; // grid-template-columns: auto auto auto; -ms-align-items: center; align-items: center; -ms-justify-content: left; justify-content: left; // -ms-grid-gap: 15px; // grid-gap: 15px; display: flex; margin: -15px; &>div { width: 33%; padding: 15px; } } .subscription-sale__item { font-family: "RobotoRegular"; font-size: 30px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #314363; span { // padding-top: 5px; font-family: "RobotoRegular"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #314363; display: block; } } } .products-popup { display: none; max-width: 670px; // padding: 48px 0px; box-sizing: border-box; overflow: hidden; } .products-popup-item { padding: 56px 48px; border-bottom: solid #8e95ab4d 1px; // display: grid; // -ms-grid-template-columns: auto auto; // grid-template-columns: auto auto; // -ms-grid-gap: 46px; // grid-gap: 46px; -ms-align-items: center; align-items: center; display: flex; // flex-wrap: wrap; margin: -20px; &>div { // width: 50%; padding: 20px; } .products-popup-item__title { padding-bottom: 21px; font-family: "RobotoRegular"; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #213a74; } .products-popup-item__label { cursor: pointer; // display: grid; // -ms-grid-template-columns: auto auto; // grid-template-columns: auto auto; -ms-justify-content: left; justify-content: left; // -ms-grid-gap: 10px; // grid-gap: 10px; -ms-align-items: center; align-items: center; display: flex; &>span { } } .products-popup-item__input { display: none; } .products-popup-item__input:checked ~ .products-popup-radio { &:before { display: block; } } .products-popup-item__text { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; text-align: left; color: #8e95ab; margin-left: 10px; display: inline-block; span { font-size: 17.5px; color: #213a74; } } .products-popup-item__buttons { padding-top: 26px; } .products-popup-item__button { font-family: "RobotoRegular"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; border-radius: 3px; background-color: #eb3e4a; max-width: 185px; width: 100%; padding: 17px 0px; text-align: center; } } .products-popup-radio { width: 18px; height: 18px; position: relative; background-color: #b4b8c5; z-index: 1; display: block; border-radius: 200px; &:before { content: ""; width: 12px; height: 12px; position: absolute; left: 3px; top: 3px; z-index: 3; display: none; border-radius: 200px; background-color: #ed1c24; } &:after { content: ""; width: 16px; height: 16px; position: absolute; left: 1px; top: 1px; z-index: 2; border-radius: 200px; background-color: #fff; } } .ratings-news { padding-top: 40px; display: flex; margin: -40px; -webkit-justify-content: space-between; justify-content: space-between; &>div { width: 50%; padding: 40px; } .ratings-news__date { padding-bottom: 15px; } .ratings-news__title { color: #143068; font-family: "RobotoRegular"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; text-align: left; padding-bottom: 15px; } .ratings-news__wrap { display: flex; &>div { &:first-child { } } } .ratings-news__img { } .ratings-news__text { font-family: "RobotoRegular"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; text-align: left; } .ratings-news__link { color: #143068; font-family: "RobotoRegular"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; text-align: left; } } .scroll { cursor: pointer; } .slider-carousel { .slider { position: relative; height: 700px; &.slider_reports{ &:before { background: rgba(0, 0, 0, 0); } } &:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); display: block; z-index: 5; } } .container { z-index: 100; position: relative; } .owl-nav { position: absolute; width: 100%; top: 50%; margin-top: -22.5px; .owl-prev { position: absolute; left: 150px; background: url( "../img/slider/arrow.png" ) no-repeat top center; width: 45px; height: 85px; display: block; font-size: 0px; top: 0px; } .owl-next { position: absolute; right: 150px; background: url( "../img/slider/arrow.png" ) no-repeat top center; width: 45px; height: 85px; display: block; font-size: 0px; top: 0px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .owl-dots { position: absolute; width: 100%; bottom: 30px; display: flex; justify-content: center; align-items: center; .owl-dot { border: solid #fff 1px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; width: 20px; height: 20px; margin: 0px 5px; position: relative; &.active { span { width: 14px; height: 14px; background: #fff; position: absolute; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; left: 2px; top: 2px; } } } } } .slider { &.slider_main_bg0 { background-image: url( "../img/slider/main/slide_0.jpg" ); } &.slider_main_bg1 { background-image: url( "../img/slider/main/slide_1.jpg" ); } &.slider_main_bg2 { background-image: url( "../img/slider/main/slide_2.jpg" ); } &.slider_main_bg3 { background-image: url( "../img/slider/main/slide_3.jpg" ); } &.slider_main_bg4 { background-image: url( "../img/slider/main/slide_3.jpg" ); } &.slider_main_bg5 { background-image: url( "../img/slider/main/slide_5.jpg" ); } &.slider_main_bg6 { background-image: url( "../img/slider/main/slide_6.jpg" ); } &.slider_main_bg7 { background-image: url( "../img/slider/main/slide_7.jpg" ); } &.slider_bg_2 { background-image: url( "../img/slider/slide_2.jpg" ); padding: 60px 0px; } &.slider_reports_bg1 { background-image: url( "../img/foodtop/conferences/bg_1.jpg" ); padding: 60px 0px; } &.slider_reports_bg2 { background-image: url( "../img/foodtop/conferences/bg_2.jpg" ); padding: 60px 0px; } &.slider_reports_bg3 { background-image: url( "../img/foodtop/conferences/bg_3.jpg" ); padding: 60px 0px; } &.slider_reports_bg4 { background-image: url( "../img/foodtop/conferences/bg_4_new_v2.jpg" ); padding: 60px 0px; } &.slider_reports_bg5 { background-image: url( "../img/foodtop/conferences/bg_5.jpg" ); padding: 60px 0px; } background-repeat: no-repeat; background-position: center bottom; background-size: cover; .slider__flex { min-height: 580px; &.slider__flex_speech { min-height: 502px; } display: flex; flex-wrap: wrap; align-items: center; } .slider__wrap { width: 100%; } .slider__group { padding-bottom: 30px; } .slider__line { color: #fff; font-size: 40px; font-weight: 300; padding-bottom: 10px; &.slider__line_sb { font-weight: 600; } &.slider__line_speech { font-size: 28px; } } .owl-nav { position: absolute; width: 100%; top: 50%; margin-top: -22.5px; .owl-prev { position: absolute; left: 0px; background: url( "../img/slider/arrow.png" ) no-repeat top center; width: 45px; height: 85px; display: block; font-size: 0px; top: 0px; } .owl-next { position: absolute; right: 0px; background: url( "../img/slider/arrow.png" ) no-repeat top center; width: 45px; height: 85px; display: block; font-size: 0px; top: 0px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .owl-dots { position: absolute; width: 100%; bottom: 30px; display: flex; justify-content: center; align-items: center; .owl-dot { border: solid #fff 1px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; width: 20px; height: 20px; margin: 0px 5px; position: relative; &.active { span { width: 14px; height: 14px; background: #fff; position: absolute; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; left: 2px; top: 2px; } } } } } .slider { .slider__but { display: inline-block; color: #fe141f; font-size: 18px; font-family: "RobotoLight"; background: #fff; border: solid #fe141f 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 25px 25px; font-weight: bold; text-decoration: none; &:hover { background: rgba(255,255,255, 0.8); } } }