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; } .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: 17px; 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: 200px; } a { height: 80px; font-size: 15px; color: #ffffff; text-transform: uppercase; padding: 0px 9px; line-height: 80px; text-decoration: none !important; } .button { .button; line-height: 80px; text-align: right; padding: 0px 10px; button { display: inline-block; vertical-align: middle; line-height: normal; padding: 0px 10px; } } } } .counter { margin-left: -15px; .number { color: #FFF; position: relative; &:after { content: ":"; display: block; position: absolute; right: -28px; top: -2px; } &.last:after { display: none; } } .number.days { color: #FFF; position: relative; font-size: 15px; &:after { content: "Дней"; display: block; position: absolute; right: -17px; top: 13px; font-size: 12px; } } } } .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; } } } .text { padding: 30px 0px 0px 20px; line-height: 25px; } } } .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%; a { color: inherit; text-decoration: underline; display: inline; } 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; } &.m_6 { background-position: -118px -358px; width: 138px; left: -40px; } } } .button { .button; background: #fff; padding: 20px; text-align: center; display: inline-block; text-align: center; button { padding: 20px 0px; font-size: 18px; font-family: "RobotoLight"; display: inline-block; vertical-align: top; &.b_1 { width: 380px; } &.b_2 { width: 200px; background: transparent; border: solid #a2bae8 1px; color: #143068; margin-left: 15px; } } } } .rating { padding: 70px 0px; p { color: #313c52; font-family: "RobotoLight"; font-size: 16px; margin-top: 30px; } .namepr { font-size: 22px; color: #143068; margin-top: 20px; } .title { color: #143068; font-size: 18px; font-family: "RobotoBold"; text-align: center; } .img { margin-top: 20px; position: relative; img { position: relative; z-index: 10; } .stamp { display: block; position: absolute; background: url("../img/stamp.png") no-repeat top center; width: 132px; height: 132px; z-index: 100; &.s_1 { bottom: 110px; right: 250px; } &.s_2 { bottom: 70px; right: 85px; } } } .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; } // min-height: 50px; 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; } } // line-height: 50px; span { display: inline-block; vertical-align: middle; line-height: normal; } &.years { padding-left: 0px; } } } } .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%; } } } p { color: #313c52; font-size: 16px; font-family: "RobotoLight"; margin-top: 15px; line-height: 30px; } .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; 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 4px; font-size: 16px; } } } .counter { color: #fff; margin-top: 7px; .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; } } } .sale2 { padding: 70px 0px; background: url( "../img/bg_sale.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; } } .sale_ul { margin-top: 70px; li { margin-top: 10px; line-height: 25px; font-size: 16px; font-family: "RobotoLight"; margin-top: 10px; } } .after_button { font-family: "RobotoLight"; font-size: 12px; color: #8090b1; margin-top: 10px; } } .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%; } } } .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 { .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; } } } // custom flexslider .flex-direction-nav a { height: 45px !important; top: 10% !important; } .success_m { text-align: center; font-size: 20px; } .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); }}}} .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; } } .glyphicon { color: rgba(0, 0, 0, 0.8); font-size: 40px !important; } .menu-sale__wrap { background-color: #eb3e4a; min-width: 234px; height: 81px; 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: 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; } }