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: #ec3e4a; 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: 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: #3dbd5c; .ul { list-style-type: none; padding-left: 0px; margin: 0px; > li { display: inline-block; border-left: solid #45853a 1px; &:first-child { border-left: 0px; } &:last-child { width: 218px; border: 0px; } > a { height: 80px; font-size: 15px; color: #ffffff; text-transform: uppercase; padding: 0px 20px; 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; } &.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_v3.jpg" ) no-repeat center center; // min-height: 710px; - bottom // 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"; } ul { list-style-type: none; padding-left: 0px; margin-top: 30px; li { position: relative; padding-left: 25px; margin-top: 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; } } } .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: 0px; } .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_blue.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; 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: url( "../img/bg_conferences_blue.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_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: 7px; clear: both; .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; } &.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, select.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: 130px; opacity: 0.8; background-color: #3dbd5c; padding: 14px 56px 12px 17px; display: inline-block; .line { font-family: "RobotoBold"; font-size: 31px; 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; } } } } .block_11 { padding: 70px 0px; background: #f7f7f7; .product_wrap { background: #ffffff; .img_and_title { padding: 35px; font-family: "RobotoRegular"; font-size: 26px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.54; 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: 35px 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; } } } } } .glyphicon { color: rgba(0,0,0,.8); font-size: 40px !important; &:hover { color: rgba(0,0,0,1); } } .carousel { max-height: 950px; .carousel-control { width: 0px; // opacity: 0; opacity: 1; &.left { // left: -50px; left: 10px; } &.right { // right: -50px; 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; } // &:hover { // .carousel-control { // opacity: 1; // &.left { // left: 10px; // } // &.right { // right: 10px; // } // } // } } .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; } } } .question { .wrap { .button { a { background: #ec3e4a; font-size: 25px; color: #ffffff; padding: 20px 54px; font-family: "RobotoRegular"; 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; padding: 20px 0px; width: 100%; text-align: center; } } } } .question { .wrap { .button { a: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); }}}} #block_11 { position: relative; } .method { a { display: contents; } } #men_speak { img { margin: 7px; } }