/* Шрифты */ @font-face { font-family: 'PT Sans'; src: url('../fonts/PTSans-Bold.eot'); src: url('../fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans-Bold.woff') format('woff'), url('../fonts/PTSans-Bold.ttf') format('truetype'), url('../fonts/PTSans-Bold.svg#PTSans-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'PT Sans'; src: url('../fonts/PTSans-Regular.eot'); src: url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans-Regular.woff') format('woff'), url('../fonts/PTSans-Regular.ttf') format('truetype'), url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg'); font-weight: normal; font-style: normal; } @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700&subset=cyrillic'); body { color: black; font-family: "PT Sans"; font-size: 13px; font-weight: 400; line-height: 19px; margin: 0; } #site { float: left; min-width: 1200px; width: 100%; } .not-front #site { /*min-width: 1120px;*/ min-width: 1200px; } textarea { resize: none; } * { outline: 0 none; } #tabs { position: fixed; bottom: 0; right: 0; z-index: 6; } #tabs ul { margin: 0; } a, form, p, h1, h2, h3, h4 { margin: 0; padding: 0; border: none; } table, tbody, tr, td, input { margin: 0; padding: 0; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } #center { box-sizing: border-box; float: left; padding-left: 1em; width: 100%; .profile .user-picture { float: none; } p { margin-bottom: 15px; line-height: 22px; &:last-child { margin-bottom: 0; } } li { padding: 0 0 0 30px; background: url(/sites/all/themes/mytheme/images/li.png) no-repeat left top; list-style: none; font-style: inherit; list-style-position: inside; margin: 0 0 0 60px; font-size: 14px; margin-bottom: 10px; } img[style*="float: left"] { margin: 5px 10px 5px 0; } img[style*="float: right"] { margin: 5px 0 5px 10px; } &.side-right { margin-right: -300px; #center-in { margin-right: 300px; position: relative; z-index: 10; } } } .front #center { padding-left: 0; } a { color: #9e0f11; &:hover, .active { text-decoration: none; } } h1 { color: #000000; font-size: 22px; line-height: 25px; font-weight: bold; margin-bottom: 10px; } h2 { color: #9e0f11; font-family: "PT Sans"; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px dashed #a4917b; padding-bottom: 10px; } h3 { color: #9e0f11; font-family: "PT Sans"; font-size: 18px; line-height: 25px; font-weight: 700; text-transform: uppercase; border-bottom: 1px dashed #a4917b; padding-bottom: 10px; } .site-region { float: left; width: 100%; } .wrapper { max-width: 1200px; width: 100%; //min-width: 320px;*/ min-width: 1200px; margin: 0 auto; position: relative; } .not-front { .wrapper { /*max-width: 1120px; min-width: 1120px*/ max-width: 1200px; min-width: 1200px; } #beforecontent, .region-content { padding: 0 25px 0 0; box-sizing: border-box; } .banner_reviews { display: none; } } .sidebar { float: left; position: relative; width: 300px; z-index: 5; &#right { float: right; } } .block ul, .block li { margin: 0; padding: 0; } .form-item, .form-actions { margin-top: 13px; margin-bottom: 13px; } .region-content { float: left; width: 100%; & > .block { clear: both; padding: 20px 0 0 0; .block-title { color: #9e0f11; font-family: "PT Sans"; font-size: 29px; font-weight: 700; text-transform: uppercase; margin-bottom: 23px; display: block; } } } .grippie { display: none !important; } input[type="text"], input[type="email"], input[type="password"], textarea { max-width: 100%; border: 1px solid #dcc2a5; border-radius: 3px; height: 35px; box-sizing: border-box; padding: 0 10px; font: 13px PT Sans; } input[type="submit"] { color: #ffe46a; display: block; position: relative; cursor: pointer; font-family: "PT Sans"; font-size: 16px; font-weight: 700; width: 138px; height: 34px; background: url('../images/btn_send.png') no-repeat center center; border: none; text-transform: uppercase; text-align: center; margin: 0 auto; } .webform-client-form { position: relative; .form-item input, .form-item textarea { max-width: 100%; } } h1.site-title { color: #9e0f11; font-family: "PT Sans"; font-size: 25px; font-weight: 700; text-transform: uppercase; margin: 25px 0; line-height: 25px; display: block; } .views-field-created { span { color: white; font-family: "PT Sans"; font-size: 12px; font-weight: 400; width: 80px; height: 23px; display: block; text-align: center; background: url('../images/date-bg.png') no-repeat center center; } } #block-system-main { padding-top: 0 !important; } #float_header { height: 134px; } .float_part.sticky { position: fixed; top: 0; min-width: 1120px; z-index: 950; } .admin-menu .float_part.sticky { top: 29px; } .strong_p { padding: 20px; color: #9e0f11; display: inline-block; text-align: center; margin-left: 23px; font-size: 30px; width: 90%; font-weight: 600; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); border-top: 4px solid #ea0505; } .strong_p_small { padding: 20px; color: #333333; display: inline-block; font-size: 18px; width: 90%; text-align: center; margin-left: 23px; font-weight: 600; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5); } .strong_but { padding: 20px; color: #9e0f11; display: inline-block; text-align: center; margin-left: 23px; font-size: 30px; width: 90%; font-weight: 600; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); border-top: 4px solid #ea0505; } .strong_but a:hover { box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5); font-size: 29px; } #header_menu { position: relative; box-sizing: border-box; .region-header-menu { background: #f9f4ee; border-top: 4px solid #b22122; float: left; width: 100%; #block-system-main-menu { float: left; width: 100%; ul.menu { li { list-style: none; a { z-index: 998; position: relative; color: #9e0f11; font-family: "PT Sans"; //font-size: 15px; font-weight: 700; line-height: 40px; text-decoration: none; padding-left: 68px; display: block; float: left; height: 40px; text-transform: uppercase; background: url('../images/menu_dot.png') no-repeat 30px center; //30 } &:first-child { a { padding-left: 0; background: none; } } } } } } } #header { .logo { position: absolute; z-index: 999; left: 40%; /*margin: 0 0 0 -101px;*/ top: 0px; } .region-header { background: #fbf9f6 url('../images/dashed.png') repeat-x left bottom; float: left; width: 100%; height: 120px; position: relative; } #block-block-2 { height: 177px; width: 265px; position: absolute; box-sizing: border-box; padding-top: 6.5em; right: 2px; bottom: 0; z-index: 997; background: url(../images/hand.png) no-repeat right bottom 1px; .content { span:nth-child(1) { color: #333; font-family: "PT Sans"; font-size: 16px; font-weight: 700; display: block; } span:nth-child(2) { color: #9e0f11; font-family: "PT Sans"; font-size: 35px; font-weight: 700; line-height: 29px; display: block; } a { color: #333; font-family: "PT Sans"; font-size: 13px; font-weight: 400; display: block; text-decoration: none; } } } #block-block-3 { position: relative; float: left; /*margin: 15px 0 0 10px;*/ margin: 3em 0 0 1em; .content { span:nth-child(1) { color: #4c4c4c; font-family: "PT Sans"; font-size: 15px; font-weight: 700; display: block; } span:nth-child(2) { color: #900; font-family: "PT Sans"; font-size: 30px; line-height: 35px; font-weight: 700; display: block; } } } } .parts2 { margin-bottom: 15px; a { text-decoration: none; } p:nth-child(1), span:nth-child(1) { color: #333; font-family: "PT Sans"; //font-size: 15px; font-weight: 700; display: block; margin: 0 !important; } p:nth-child(2), span:nth-child(2) { color: #9e0f11; font-family: "PT Sans"; font-size: 22px; font-weight: 700; display: block; margin: 0 0 0 0 !important; } } .parts2.type2 { border-left: 4px solid #ea0505; padding-left: 7px; p:nth-child(1) { color: #333; font-family: "PT Sans"; //font-size: 14px; font-weight: 700; line-height: 12px; } p:nth-child(2) { color: #9e0f11; font-family: "PT Sans"; //font-size: 29px; font-weight: 700; line-height: 26px; } } .slick__arrow { position: relative; .slick-arrow { display: block; width: 20px; height: 33px; border: none; background: none; cursor: pointer; overflow: hidden; text-indent: -999px; } .slick-prev { background: url('../images/arrow_left.png') no-repeat center center; } .slick-next { background: url('../images/arrow_right.png') no-repeat center center; } } #right { //Правая колонка background: #f9f5f1; padding: 23px 18px 20px 17px; box-sizing: border-box; .block { margin-bottom: 25px; } #block-webform-client-block-23 { input[type="text"], input[type="email"], textarea { max-width: 100%; border: 1px solid #dcc2a5; border-radius: 3px; height: 35px; box-sizing: border-box; padding: 0 10px; } input[type="submit"] { color: #ffe46a; display: block; position: relative; cursor: pointer; font-family: "PT Sans"; font-size: 16px; font-weight: 700; width: 138px; height: 34px; background: url('../images/btn_send.png') no-repeat center center; border: none; text-transform: uppercase; text-align: center; margin: 0 auto; } textarea { padding-top: 10px; resize: none; height: 85px; } .webform-component-markup { span:nth-child(1) { color: #333; font-family: "PT Sans"; //font-size: 15px; font-weight: 700; display: block; } span:nth-child(2) { color: #9e0f11; font-family: "PT Sans"; font-size: 22px; font-weight: 700; display: block; } } } #block-block-5 { .content { p:last-child { a:last-child { display: block; text-align: center; margin: 10px 0 0 0; } } } } #block-block-9, #block-block-6 { position: relative; .content img { position: relative; margin: 0 auto; display: block; } } #block-views-news-block, #block-views-news-block-2 { .content { .view-header { position: relative; a.archive { position: absolute; right: 0; top: 12px; } } .view-content { font-family: "PT Sans"; font-size: 12px; font-weight: 400; .views-row { background: url('../images/dashed-brown.png') repeat-x left bottom; margin-bottom: 15px; padding-bottom: 15px; } .views-field-title { padding-bottom: 15px; a { color: #9e0f11; line-height: 16px; } } .views-field-body { color: #4c4c4c; line-height: 16px; padding-bottom: 10px } .views-field-created { span { color: white; font-family: "PT Sans"; font-size: 12px; font-weight: 400; width: 80px; height: 23px; display: block; text-align: center; background: url('../images/date-bg.png') no-repeat center center; } } } } } #block-views-reviews-block, #block-views-reviews-block-1 { position: relative; .banner_reviews { position: absolute; left: -290px; top: 56px; } .view-content { .views-row { margin-bottom: 15px; border-radius: 5px; background: #ffffff; padding: 13px 26px 13px 18px; .views-field-field-photo { float: left; margin: 0 14px 13px 0; } .views-field-title { font-family: "PT Sans"; font-weight: 400; color: #9e0f11; font-size: 16px; padding: 15px 0 0 0; } .views-field-company { font-family: "PT Sans"; font-weight: 400; color: #333; font-size: 13px; line-height: 18px; } .views-field-body { clear: left; color: #4c4c4c; font-family: "PT Sans"; font-size: 13px; font-weight: 400; line-height: 17px; padding: 16px 0 0 0; background: url('../images/dashed.png') repeat-x left top; } } } } } .field-items { ul { margin: 15px; } li { padding: 7px; } strong { font-size: 14px; color: #9e0f11; } } #footer { //Подвал .footer-in { /*background: #9e0f11 url('../images/footer_bg.png') no-repeat center top;*/ float: left; min-height: 390px; width: 100%; background: #3c3232 } .footer_logo { position: absolute; right: 30px; top: 20px; z-index: 999; display: none; } .region-footer1 { padding-top: 30px; padding-bottom: 15px; /*background: url('../images/dashed.png') repeat-x left bottom;*/ float: left; width: 100%; position: relative; border-bottom: 1px dashed #8b5758; .block-menu { float: left; width: 25%; box-sizing: border-box; margin-bottom: 20px; &#block-menu-menu-1 { padding: 0 0 0 20px; } .block-title { font-weight: bold; margin: 0 0 12px 0px; font-size: 17px; border-left: 4px solid #f9d664; padding-left: 10px; color: white; } ul.menu { li { margin: 0; list-style: none; a { background: url('../images/menu_dot.png') no-repeat left 9px; color: white; font-family: "PT Sans"; font-size: 13px; font-weight: 400; line-height: 21px; padding: 0 0 0 15px; text-decoration: none; } } } } .block-menu-block-1 { float: left; width: 20%; box-sizing: border-box; margin-bottom: 20px; &#block-menu-menu-1 { padding: 0 0 0 20px; } .block-title { /* color: #ffe46a; font-weight: bold; margin: 0 0 10px 15px; font-size: 17px; */ } } #block-block-12 { position: absolute; right: 20px; bottom: 1px; width: 212px; height: 86px; box-sizing: border-box; padding: 5px 0 0 65px; background: url('../images/hand_footer.png') no-repeat left center; .content { padding-top: 5px; span:nth-child(1) { color: white; font-family: "PT Sans"; font-size: 15px; font-weight: 700; margin-right: 65px; } span:nth-child(2) { color: #ffe46a; font-family: "PT Sans"; font-size: 31px; font-weight: 700; } a { text-decoration: none !important; } } } #block-block-17 { padding: 26px 0 0 0; clear: left; border-top: 1px dashed #8b5758; .content { color: white; margin: 10px 0 0 35px; max-width: 80%; } .block-title { margin: 10px 0 0 20px; font-weight: bold; font-size: 17px; border-left: 4px solid #f9d664; padding-left: 10px; color: white; } } #block-block-18 { float: left; width: 20%; box-sizing: border-box; margin-bottom: 20px; .content { color: white; border-left: 4px solid #f9d664; padding-left: 10px; } a { color: #f9d664; } .block-title { font-weight: bold; font-size: 17px; border-left: 4px solid #f9d664; padding-left: 10px; color: white; } } } .region-footer2 { color: white; font-family: "PT Sans"; font-size: 13px; font-weight: 400; clear: left; #block-block-10 { float: left; margin: 15px 0 0 20px; } #block-block-11 { float: right; margin: 15px 20px 0 0; .content { span { float: left; display: block; height: 35px; line-height: 30px; margin: 0 15px 0 0; } } } } } #center { //центр a.red-btn { color: #ffe46a; display: block; position: relative; cursor: pointer; font-family: "PT Sans"; font-size: 16px; font-weight: 700; width: 138px; height: 34px; background: url('../images/btn_send.png') no-repeat center center; border: none; text-transform: uppercase; text-align: center; text-decoration: none; line-height: 32px; margin-top: 10px; } #node-22, #node-141 { background: url('../images/main_text.png') no-repeat right 15px center; .field-name-body .field-item { max-width: 405px; min-height: 300px; padding: 0 0 0 76px; & > p:nth-child(1) { color: #333; font-family: "PT Sans"; font-size: 20px; font-weight: 700; padding: 15px 0 0 0; display: block; margin: 0; } & > p:nth-child(2) { color: #9e0f11; font-family: "PT Sans"; font-size: 30px; font-weight: 700; line-height: 35px; padding: 0 0 25px 0; margin: 0; display: block; } .text-part { color: #4c4c4c; font-family: "PT Sans"; //font-size: 16px; font-weight: 400; padding-left: 13px; border-left: 4px solid #ea0505; text-align: justify; } a.red-btn { margin-left: 17px; } } } #node-141 { background: none; border-bottom: 1px dashed #dbdbdb; padding: 0 0 10px 0; margin: 0 0 20px 0; .field-name-body .field-item { max-width: 100%; padding: 0; min-height: auto; } .count { height: 30px; display: inline-block; background: url('../images/count.png') no-repeat left center; /* width: 172px;*/ color: white; font-family: Arial; font-size: 24px; font-weight: 400; letter-spacing: 14px; line-height: 30px; padding: 0 0 0 6px; margin: 0 0 0 0; &.count1 { /* width: 100px;*/ background: url('../images/count1.png') no-repeat left center; } } } .block-block { padding: 26px 0 0 0; clear: left; .block-title { color: #9e0f11; font-family: "PT Sans"; font-size: 25px; font-weight: 700; text-align: center; text-transform: uppercase; } } #block-block-4 { text-align: right; min-height: 180px; img { display: block; float: right; } } #block-block-7 { float: left; width: 100%; background: url('../images/bg-block.png') no-repeat center top / cover; position: relative; &:after { background: url("../images/baner1.png") no-repeat center center / contain; content: ''; display: block; position: absolute; /*right: 30px;*/ right: -9px; width: 165px; height: 167px; /*bottom: 60px;*/ } #page-node-141{ margin-top: -28px; } .content { margin: 45px 0 0 0; .part_1 { float: left; width: 160px; padding: 0 0 0 28px; box-sizing: border-box; color: #333; font-family: "PT Sans"; font-size: 13px; font-weight: 400; a { background: url('../images/red-small.png') no-repeat center center; height: 37px; width: 95px; display: block; color: #ffe46a; font-family: "PT Sans"; font-size: 17px; font-weight: 700; line-height: 35px; text-decoration: none; text-transform: uppercase; text-align: center; display: none; } } .part_2 { float: left; width: 570px; height: 300px; & > .view { margin: 0 auto; width: 460px; } img { display: block; } .slick__arrow { position: relative; } .slick-arrow { background: url('../images/red-small.png') no-repeat center center; height: 37px; width: 95px; display: block; color: #ffe46a; font-family: "PT Sans"; font-size: 17px; font-weight: 700; line-height: 35px; text-decoration: none; text-transform: uppercase; text-align: center; text-indent: 0; } .slick-prev { position: absolute; left: -180px; top: -32px; z-index: 99; } .slick-next { position: absolute; right: -170px; top: -32px; z-index: 999; } } .parts2 { width: 190px; margin: 0 auto; padding-left: 14px; box-sizing: border-box; border-left: 4px solid #333333; margin-bottom: 22px; } .part_3 { position: relative; float: left; a { display: none !important; background: url('../images/red-small.png') no-repeat center center; height: 37px; width: 95px; display: block; color: #ffe46a; font-family: "PT Sans"; font-size: 17px; font-weight: 700; line-height: 35px; text-decoration: none; text-transform: uppercase; text-align: center; position: absolute; left: 19px; top: 221px; } } } } #block-block-8, #block-views-steps-block { .parts2 { width: 240px; margin: 0 auto; padding-left: 14px; box-sizing: border-box; border-left: 4px solid #ea0505; } #slick-views-steps-2-slider { width: 800px; margin: 0 auto; } } #block-block-8 { position: relative; &:after { background: url("../images/baner2.png") no-repeat center center / contain; content: ''; display: block; position: absolute; /*right: 15px;*/ right: -13px; width: 216px; height: 65px; bottom: -25px; } } #block-views-steps-block { min-height: 275px; .parts2 { border-left: 4px solid #333333; width: 190px; margin: 5px auto 20px; p:nth-child(1) { color: #333; font-family: "PT Sans"; //font-size: 19px; font-weight: 700; line-height: 16px; } p:nth-child(2) { color: #9e0f11; font-family: "PT Sans"; font-size: 23px; font-weight: 700; line-height: 20px; } } } #block-views-steps-block { padding-top: 70px; background: url('../images/steps_bg.png') no-repeat center bottom 30px; #slick-views-steps-1-slider { padding: 0 57px; } .slick__arrow { position: relative; .slick-arrow { display: block; width: 20px; height: 33px; position: absolute; border: none; background: none; cursor: pointer; overflow: hidden; text-indent: -999px; } .slick-prev { background: url('../images/arrow_left.png') no-repeat center center; left: 14px; top: -80px; z-index: 9; } .slick-next { background: url('../images/arrow_right.png') no-repeat center center; right: 25px; top: -80px; z-index: 9; } } } #block-block-14 { margin: 0 0 0 20px; .parts2 { border-left: 4px solid #ea0505; padding-left: 7px; } } #block-views-recommend-block { /*width: 800px;*/ width: 100%; box-sizing: border-box; margin: 0 0 0 20px; padding: 0 35px; z-index: 99; .parts2 { border-left: 4px solid #ea0505; padding-left: 7px; p:nth-child(1) { color: #333; font-family: "PT Sans"; //font-size: 14px; font-weight: 700; line-height: 12px; } p:nth-child(2) { color: #9e0f11; font-family: "PT Sans"; //font-size: 29px; font-weight: 700; line-height: 26px; } } .view-header { margin-left: -35px; } .slick-arrow { position: absolute; } .slick-prev { left: -35px; bottom: 75px; } .slick-next { right: -35px; bottom: 75px; } .slick__slide { .field-content { a { display: block; margin: 0 auto; text-align: center; img { margin: 5px auto; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); } } } } } #block-views-recommend-block-1 { margin: 35px 0 0 0; .slick-slide { & > div { margin-bottom: 15px; } } } #slick-views-recommend-2 { margin: 15px 0 0 0; } .view-id-reviews.view-display-id-page { box-sizing: border-box; margin: 40px 0 0 0px; padding: 0 37px; z-index: 99; .parts2 { border-left: 4px solid #ea0505; padding-left: 7px; p:nth-child(1) { color: #333; font-family: "PT Sans"; //font-size: 14px; font-weight: 700; line-height: 12px; } p:nth-child(2) { color: #9e0f11; font-family: "PT Sans"; //font-size: 29px; font-weight: 700; line-height: 26px; } } .view-header { margin-left: -35px; } .slick-arrow { position: absolute; } .slick-prev { left: -35px; bottom: 100px; } .slick-next { right: -35px; bottom: 100px; } .slick__slide { .slide__content { max-width: 340px; border: 1px dashed #dbdbdb; border-radius: 5px; min-height: 230px; padding: 20px; box-sizing: border-box; color: #4c4c4c; font-family: "PT Sans"; font-size: 13px; font-weight: 400; } } } #block-views-projects-block, #block-views-projects-block-1 { /*width: 800px;*/ width: 100%; box-sizing: border-box; margin: 0 0 0 20px; z-index: 99; .view-header { margin: 30px 0 25px; } .view-content { .views-row { display: inline-block; width: 16%; margin-bottom: 10px; .views-field-field-logo-project { img { margin: 0 auto; display: block; } } } } .view-footer { a { color: #9e0f11; font-family: "PT Sans"; font-size: 12px; font-weight: 400; text-align: center; display: block; margin: 15px 0 0 0; } } } #block-views-projects-block-1 { margin-left: 0; width: 100%; .view-content { .views-row {} } } #block-webform-client-block-83 { position: relative; z-index: 999; box-sizing: border-box; background: url('../images/recall_bg.png') no-repeat center top; .content { min-height: 413px; box-sizing: border-box; background: url('../images/recall_women.png') no-repeat center top; padding-top: 100px; background-position: center top 56px; #webform-ajax-wrapper-83 { max-width: 350px; width: 100%; margin-left: 145px; } .webform-component-markup { br { display: none; } p { span { display: block; text-align: center; } span:nth-child(1) { color: #333; font-family: "PT Sans"; //font-size: 17px; font-weight: 700; line-height: 15px; } span:last-child { color: #9e0f11; font-family: "PT Sans"; font-size: 26px; font-weight: 700; line-height: 34px; margin-bottom: 15px; } } } } } .view-id-news.view-display-id-page, .view-id-articles.view-display-id-page { .views-row { float: left; width: 100%; margin-bottom: 20px; border-bottom: 1px dashed #dfc7aa; .views-field-field-news-img, .views-field-field-image { float: left; margin: 0 20px 20px 0; } .views-field-title { font-family: "PT Sans"; font-weight: 400; color: #9e0f11; font-size: 17px; line-height: 20px; } .views-field-body { font-family: "PT Sans"; font-weight: 400; color: #4c4c4c; font-size: 15px; line-height: 17px; margin: 23px 0; } .views-field-view-node { float: right; } .views-field-created { float: left; margin-bottom: 20px; } img { border: 1px dashed #dfc7aa91; padding: 5px; } } .pager { .pager-current { display: none; } li { margin: 0; padding: 0; a { width: 262px; height: 34px; color: #ffe46a; display: block; font-family: "PT Sans"; font-size: 16px; font-weight: 700; text-transform: uppercase; text-decoration: none; line-height: 34px; box-sizing: border-box; text-align: left; } } .pager-previous { float: left; background: none; a { padding-left: 51px; background: url('../images/red_prev.png') no-repeat center center; } } .pager-next { float: right; background: none; a { padding-left: 26px; background: url('../images/red_next.png') no-repeat center center; } } } } #block-views-news-block-1, #block-views-articles-block-1, #block-views-articles-block-2 { .view { .views-row { width: 180px; float: left; margin-left: 24px; &:first-child { margin-left: 0; } .views-field-title a {} } } img { border: 1px dashed #dfc7aa91; padding: 5px; } } #webform-client-form-132 { position: relative; .form-item, .form-actions { max-width: 385px; } .form-actions { position: absolute; right: 0; bottom: 0; } .webform-component-markup { position: relative; label { color: #333; font-family: "PT Sans"; font-size: 19px; font-weight: 700; height: 35px; line-height: 35px; } input { position: absolute; right: 0; top: 0; color: #9e0f11 !important; font-family: "PT Sans"; font-size: 19px; font-weight: 700; padding: 0; text-align: right; } } #slider-range { border-color: #fac065; height: 3px; &.ui-slider-horizontal .ui-slider-handle { top: -0.6em; margin-left: -.7em; height: 18px; width: 18px; } .ui-slider-range { background: #fac065; border-color: transparent; } .ui-slider-handle { border-color: transparent; background: url('../images/range_ico.png') no-repeat center center; } } .webform-component-markup, .webform-component-textarea { position: absolute; right: 0; top: 0; width: 385px; margin: 0; } .webform-component-textarea { top: 96px; textarea { height: 84px; box-sizing: border-box; padding-top: 10px; } } } #block-views-services-block { .block-title { color: #333; font-family: "PT Sans"; font-size: 20px; font-weight: 700; } .view-services { margin: 0 0 30px 0; table { tr { td { vertical-align: top; /*max-width: 380px;*/ max-width: 415px; padding-bottom: 37px; position: relative; a.serv-btn { color: #ffe46a; font-family: "PT Sans"; font-size: 16px; font-weight: 700; line-height: 33px; background: url('../images/serv.png') no-repeat center top; width: 183px; height: 34px; margin: 0 auto; display: block; text-align: center; text-decoration: none; margin-top: 12px; } &.col-first { padding-right: 20px; } &.col-last { padding-left: 20px; } & > .views-field-title a { display: block; /*text-decoration: none;*/ color: #191919; font-family: "PT Sans"; font-size: 24px; font-weight: 700; padding: 0 0 22px 22px; border-left: 3px solid #ea0505; } & > .views-field-body { padding: 0 0 19px 22px; border-left: 3px solid #ea0505; margin: 0 0 20px 0; } .slick--view--serv-slider { position: relative; } .views-field-php { .row1 { position: relative; margin-bottom: 15px; .left_part { display: inline-block; width: 48%; p { color: #4c4c4c; font-size: 13px; &:last-child { color: #191919; font-size: 15px; line-height: 13px; } } } .right_part { width: 48%; display: inline-block; } } } .views-field-view { .views-field-title { font-family: "PT Sans"; font-weight: 400; color: #191919; font-size: 15px; line-height: 13px; } .slick__arrow { position: absolute; display: block; top: 0; right: 0; .slick-prev { display: none !important; } .slick-next { font-family: "PT Sans"; font-weight: 400; color: #9e0f11; font-size: 12px; line-height: 13px; position: absolute; top: 60px; width: 110px; right: 0; background: none; display: block; height: auto; border: none; background: none; cursor: pointer; overflow: hidden; text-indent: 0px; } } } .views-field-counter { position: absolute; right: 0; top: 70px; color: rgba(158, 15, 17, 0.57); font-family: "PT Sans Narrow"; font-size: 225px; font-weight: 400; opacity: 0.2; z-index: 0; } } } } } } .node.service.full { .row1 { position: relative; padding: 30px; box-sizing: border-box; width: 100%; background: #fbf8f5; float: left; margin-bottom: 20px; border: 1px dashed #a4917b; .left_part { max-width: 350px; width: 50%; float: left; border: 1px dashed #a4917b; } .right_part { max-width: 50%; float: right; .parts2 { padding-left: 8px; border-left: 3px solid #ea0505; } .field-name-field-serv-desc { p { color: #4c4c4c; font-family: "PT Sans"; //font-size: 15px; font-weight: 400; text-align: justify; strong { color: #191919; font-family: "PT Sans"; //font-size: 19px; font-weight: 700; } } ul { list-style: none; padding: 0; margin: 0; li { margin: 0 0 5px; padding: 0 0 0 30px; background: url('../images/li.png') no-repeat left center; list-style: none; font-style: inherit; strong { background: url('../images/bg_1.png') repeat-x left center; border-radius: 3px; padding: 0 3px; color: white; display: inline-block; } } } } a.serv-btn { color: #ffe46a; font-family: "PT Sans"; font-size: 16px; font-weight: 700; line-height: 33px; background: url('../images/serv.png') no-repeat center top; width: 183px; height: 34px; margin: 0 auto; margin-top: 0px; display: block; text-align: center; text-decoration: none; margin-top: 12px; } } } .field-name-body { margin-bottom: 30px; } #block-views-serv-project-block, #block-views-serv-project-block-1 { .block-title { color: #191919; font-family: "PT Sans"; font-size: 27px; font-weight: 700; text-transform: uppercase; } .row1 { background: none; .left_part { max-width: 60%; .parts2 { padding-left: 8px; border-left: 3px solid #ea0505; } .part1 { max-width: 165px; float: left; } .part2 { font-family: "PT Sans"; max-width: 190px; float: right; color: #333; font-size: 20px; font-weight: 700; line-height: 32px; .text { color: #333; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } & > a { display: block; background: #9e0f11; color: white; font-size: 20px; font-weight: 700; height: 32px; padding: 0 10px; text-decoration: none; line-height: 31px; } & > p { margin: 0; color: #4c4c4c; //font-size: 16px; font-weight: 400; line-height: 24px; } } } .right_part { max-width: 40%; } } #slick-views-serv-project-1 { position: relative; .slick__arrow { position: absolute; left: 0; top: 0; width: 100%; } .slick-arrow { position: absolute; top: 211px; left: 0; } .slick-arrow { &.slick-next { right: 0; left: auto; } } } } } img { max-width: 100%; height: auto; } } //центр .not-front { #block-views-recommend-block { margin: 0 !important; } #block-views-projects-block { margin: 0 !important; } } .hidden { display: none; } #timer { background: url('../images/timer.png') no-repeat center center; padding: 20px; box-sizing: border-box; width: 98%; clear: left; float: left; margin-left: 1ex; .inside { border: 1px dashed #a4917b; background: url('../images/timer_ico.png') no-repeat left 50px top 38px; padding: 38px 65px 27px 240px; clear: left; width: 100%; box-sizing: border-box; float: left; .row { clear: left; width: 100%; box-sizing: border-box; float: left; } .row1 { .stock { width: 140px; height: 74px; background-color: #ff4000; float: left; color: white; font-family: 'PT Sans Narrow'; font-size: 61px; line-height: 70px; font-weight: 400; position: relative; text-transform: uppercase; text-align: center; &:after { background: transparent url("../images/arr.png") no-repeat scroll 0 0; content: ""; height: 22px; left: 100%; margin-top: -11px; position: absolute; top: 50%; width: 12px; } } .line1, .line2 { font-family: "PT Sans"; font-weight: 700; text-transform: uppercase; padding-left: 150px; } .line1 { color: #333; font-size: 32px; line-height: 26px; } .line2 { color: #9e0f11; font-size: 31px; line-height: 59px; } } .row2 { padding: 20px; background: #fff; margin: 15px 0 0; max-height: 110px; box-sizing: border-box; #countdown { font-size: 0; margin: 7px 0 0; text-align: left; .position { height: 33px; margin: 0 3px 0 0; width: 28px; .digit { border-radius: 4px; height: 100%; width: 100%; font: 24px/34px Arial; box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); background-image: linear-gradient(bottom, #8b0d0d 50%, #990000 50%); background-image: -o-linear-gradient(bottom, #8b0d0d 50%, #990000 50%); background-image: -moz-linear-gradient(bottom, #8b0d0d 50%, #990000 50%); background-image: -webkit-linear-gradient(bottom, #8b0d0d 50%, #990000 50%); background-image: -ms-linear-gradient(bottom, #8b0d0d 50%, #990000 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, #8b0d0d), color-stop(0.5, #990000)); } } .countDiv { width: 7px; &:before, &:after { display: none; } } } span.note { color: #333; font-family: "PT Sans"; font-size: 13px; font-weight: 400; line-height: 20px; text-transform: uppercase; width: 60px; display: inline-block; text-align: center; &.note2 { margin-left: 7px; } &.note3 { margin-left: 5px; } &.note4 { margin-left: 5px; } } & > span.text { margin: -3px 0 0 0 !important; display: block; color: #333; font-family: "PT Sans"; font-size: 24px; font-weight: 700; line-height: 20px; } } .row3 { a { color: #ffe46a; font-family: "PT Sans"; font-size: 16px; display: block; width: 264px; height: 34px; line-height: 33px; text-align: center; text-decoration: none; font-weight: 700; text-transform: uppercase; background: url('../images/timer_btn.png') no-repeat center center; margin: 20px 0 0 0; } } } } iframe { clear: both; margin: 15px 0; } #node-158 { .left_part, .right_part { padding-left: 13px; border-left: 3px solid #ea0505; float: left; width: 50%; box-sizing: border-box; } .left_part {} .right_part {} } #block-views-serv-project-block-1 { .block-title { color: #191919; font-family: "PT Sans"; font-size: 27px; font-weight: 700; text-transform: uppercase; } .row1 { background: none; .left_part { max-width: 60%; .parts2 { padding-left: 8px; border-left: 3px solid #ea0505; } .part1 { max-width: 160px; float: left; box-sizing: border-box; padding-right: 10px; } .part2 { font-family: "PT Sans"; max-width: 190px; float: right; color: #333; font-size: 20px; font-weight: 700; line-height: 32px; .text { color: #333; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } & > a { display: block; background: #9e0f11; color: white; font-size: 20px; font-weight: 700; height: 32px; padding: 0 10px; text-decoration: none; line-height: 31px; } & > p { margin: 0; color: #4c4c4c; font-size: 16px; font-weight: 400; line-height: 24px; } } } .right_part { max-width: 40%; } } #slick-views-serv-project-1 { position: relative; .slick__arrow { position: absolute; left: 0; top: 0; width: 100%; } .slick-arrow { position: absolute; top: 211px; left: 0; } .slick-arrow { &.slick-next { right: 0; left: auto; } } } } .node-type-page #block-views-serv-project-block-1 { .row1 { position: relative; padding: 30px; box-sizing: border-box; width: 100%; background: #fbf8f5; float: left; margin-bottom: 20px; .left_part { max-width: 350px; width: 50%; float: left; } .right_part { max-width: 50%; float: right; .parts2 { padding-left: 8px; border-left: 3px solid #ea0505; } .field-name-field-serv-desc { p { color: #4c4c4c; font-family: "PT Sans"; //font-size: 15px; font-weight: 400; strong { color: #191919; font-family: "PT Sans"; //font-size: 19px; font-weight: 700; } } ul { list-style: none; padding: 0; margin: 0; li { margin: 0 0 5px; padding: 0 0 0 30px; background: url('../images/li.png') no-repeat left center; list-style: none; strong { background: url('../images/bg_1.png') repeat-x left center; border-radius: 3px; padding: 0 3px; color: white; display: inline-block; } } } } a.serv-btn { color: #ffe46a; font-family: "PT Sans"; font-size: 16px; font-weight: 700; line-height: 33px; background: url('../images/serv.png') no-repeat center top; width: 183px; height: 34px; margin: 0 auto; margin-top: 0px; display: block; text-align: center; text-decoration: none; margin-top: 12px; } } } } #aftercontent { float: left; width: 100%; .region { float: left; width: 100%; .block-webform { float: left; width: 100%; .content { float: left; width: 100%; } } } } #block-webform-client-block-132 { padding: 20px; margin-left: auto; margin-right: auto; padding-top: 30px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); margin-top: 20px; max-width: 800px; padding-left: 13px; border-left: 4px solid #ea0505; .block-title { color: #9e0f11; font-family: "PT Sans"; font-size: 25px; font-weight: 700; text-transform: uppercase; margin-bottom: 23px; display: block; text-align: center; } } #block-views-articles-block-1{ height: 300px; } blockquote { padding: 14px; font-size: 15px; color: #191919; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); border-left: 4px solid #ea0505; text-shadow: 0 0 0px rgb(158, 15, 17); } #block-webform-client-block-132 .block-title { color: #9e0f11; font-family: "PT Sans"; font-size: 25px; font-weight: 700; text-transform: uppercase; margin-bottom: 23px; display: block; text-align: center; } .not-front #block-block-14 { margin: 0 !important; } .breadcrumb { margin-top: 15px; } button.slick-disabled { display: none !important; } .div.modal-forms-modal-content .popups-close { position: absolute; right: 5px; top: 5px; } div.modal-forms-modal-content .modal-title { color: #9e0f11; font-family: "PT Sans"; font-size: 28px; font-weight: 700; text-transform: uppercase; line-height: 37px; } #modal-content .webform-component-markup { color: #4c4c4c; font-family: "PT Sans"; font-size: 16px; font-weight: 700; display: block; text-align: center; } div.ctools-modal-content .modal-content, div.modal-forms-modal-content { //height: auto !important; } div.modal-forms-modal-content .popups-container { border-radius: 3px; background: url('../images/timer.png') no-repeat center center; } #beforefooter { .region { background-color: #fbf9f6; background-image: url('../images/dashed.png'); background-position-x: left; background-position-y: top; background-repeat-x: repeat; background-repeat-y: no-repeat; float: left; padding: 20px 0; width: 100%; .content { /*padding: 0 20px; text-align: center;*/ margin: 0 0 0 76px; .parts2 { border-left: 4px solid #ea0505; display: inline-block; margin: 0 50px 0 0; padding-left: 7px; vertical-align: top; } > p { display: inline-block; vertical-align: top; } } } } #modalBackdrop { height: 100% !important; position: fixed !important; width: 100% !important; } #modalContent .ctools-modal-content { height: auto !important; width: auto !important; } div.modal-forms-modal-content { .modal-header { padding: 40px 100px 0; text-align: center; .popups-close { background-position: -27px -2px; border-radius: 50%; height: 21px; width: 21px; position: absolute; right: 10px; top: 10px; &:hover { background-position: -27px -27px; } } } .modal-content { height: auto !important; overflow: visible; padding: 20px 100px 50px; .form-actions { margin-bottom: 0; } } } #modalContent .modal-throbber-wrapper img { margin: 50px 0 0; } .ajax-progress-throbber { display: none !important; } div .cena { font-family: "PT Sans Narrow"; font-size: 25px; font-weight: 400; color: rgba(158, 15, 17, 0.57); } .webform-confirmation { border: 1px dashed #a4917b; background: #fcfaf8; padding: 20px; color: #333; font-family: "PT Sans"; font-size: 15px; font-weight: 700; text-align: center; } .links { border: 1px dashed #a4917b; background: #fcfaf8; padding: 5px; border-top: 0px; } .row-1, .row-2, .row-3 { text-align: justify; .views-field-title { text-align: left; } } .superprice{ padding: 14px; font-size: 25px; color: #191919; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); text-align: center; } .img_posad { padding: 4px; border: 1px dashed #a4917b; margin: 5px; } .portfolio img { max-width: 100%; height: auto; float: left; width: 220px; height: 220px; border: 1px dashed #a4917b; margin-bottom: 15px; padding: 9px; margin-right: 20px; margin-left: 20px; } #node-170 { .field .field-label{ display: none; } } #node-131 { li { font-size: 26px; margin: 30px; margin-top: 20px; padding: 0 0 0 30px; background: url(http://prodvizhenie-saita-moskva.ru/sites/all/themes/mytheme/images/li.png) no-repeat left center; list-style: none; font-style: inherit; } ul { margin: 0; } }