:root { --background-color: #fff; --background-color-a-link-kst: var(--background-color); --background-table: #eee; --background-table-hover: #ccc; --background-discuss-form-wrp-grdnt1: #eaeaea; --background-discuss-form-wrp-grdnt2: #fff; --border-discuss-form-wrp-input: #eaeaea; --color-1: #A61E28; --text-color: #333; --text-color-h1: #292e30; --text-color-h2: #292e30; --text-color-btn: #fff; --text-color-a-link-kst: #000; --text-color-navigtel: var(--color-1); --border-btn: var(--color-1); --text-color-myhovertb-a-link: #800000; --text-color-discuss-form-wrp-ttl: #1f1f1f; --text-color-discuss-form-wrp-sub-ttl: #606161; --border-num: #000; --opacity-1: 1; --opacity-2: 100; --background-red-btn: #d70000; --text-color-red-btn: #fff; --background-options-gss-all: #f4f4f4; --background-subfltrproject: #f4f4f4; --text-color-cat-filter-more-sizes-span: #5e5e5e; --text-color-filter-chosable: #fff; --color-ui-slider-handle: #C63E48; --color-ui-slider-range: gray; --list-pills-item-background: #fff; --list-pills-item-background-active: #fff8bf; --list-pills-item-background-hover: #fffbd9; --list-pills-item-border: #d4d4d4; --svg-invert: 0%; --dot-pic-color: #000; --well-background-color: #fff; --well-border-color: #e3e3e3; --tabs-content-background-color: #fff; --text-color-perelinkovka-link: #888; --background-images-summ: url(images/summ_bg.png); --map-project-text-color: #2582c4; --news-text-color-title: #222; --col-new-bcg: #fffbfb; --background-icon-area: url(/uploads/nd/area_img.png); --background-icon-size: url(/uploads/nd/size_img.png); --background-icon-domokomlekt: url(/uploads/nd/icon-domokomlekt.png); --background-icon-domokomplect-sborka: url(/uploads/nd/icon-domokomplekt-sborka.png); --background-icon-domokomplect-pod-klych: url(/uploads/nd/icon-pod-klych.png); --text-color-section-complect-option: #c6c6c6; --background-img1-section-complect: url(/uploads/nd/komp/num1.png); --background-img2-section-complect: url(/uploads/nd/komp/num2.png); --background-img3-section-complect: url(/uploads/nd/komp/num3.png); --background-img4-section-complect: url(/uploads/nd/komp/num4.png); --background-img5-section-complect: url(/uploads/nd/komp/num5.png); --background-img6-section-complect: url(/uploads/nd/komp/num6.png); --background-img7-section-complect: url(/uploads/nd/komp/num7.png); --background-img8-section-complect: url(/uploads/nd/komp/num8.png); --background-img9-section-complect: url(/uploads/nd/komp/num9.png); --background-img10-section-complect: url(/uploads/nd/komp/num10.png); --background-img11-section-complect: url(/uploads/nd/komp/num11.png); --background-img12-section-complect: url(/uploads/nd/komp/num12.png); --background-img13-section-complect: url(/uploads/nd/komp/num13.png); --background-img14-section-complect: url(/uploads/nd/komp/num14.png); --background-img15-section-complect: url(/uploads/nd/komp/num15.png); --background-img16-section-complect: url(/uploads/nd/komp/num16.png); --background-img17-section-complect: url(/uploads/nd/komp/num17.png); --background-img18-section-complect: url(/uploads/nd/komp/num18.png); } [data-theme="dark"] { --background-color: #080808; --background-color-a-link-kst: #1f1f1f; --background-table: #4b4b4b; --background-table-hover: #b0b0b0; --background-discuss-form-wrp-grdnt1: #1f1f1f; --background-discuss-form-wrp-grdnt2: #1f1f1f; --border-discuss-form-wrp-input: #8d8d8d; --color-1: #6c0000; --text-color: #f6f6f6; --text-color-h1: #c0c0c0; --text-color-h2: #b6b6b6; --text-color-btn: var(--text-color); --text-color-a-link-kst: var(--text-color); /*--text-color-navigtel: #ffa1ad; везде заменил его на e45d5d*/ --text-color-navigtel: #e45d5d; --border-btn: #a2202a; --text-color-myhovertb-a-link: var(--text-color-navigtel); --text-color-discuss-form-wrp-ttl: #e9e9e9; --text-color-discuss-form-wrp-sub-ttl: #babcbb; --border-num: #4b4b4b; --opacity-1: 0.9; --opacity-2: 90; --background-red-btn: #a40000; --text-color-red-btn: #fefffb; --background-options-gss-all: transparent; --background-subfltrproject: #1f1f1f; --text-color-cat-filter-more-sizes-span: #e45d5d; --text-color-filter-chosable: #f6f6f6; --color-ui-slider-handle: #e45d5d; --color-ui-slider-range: #fcfcfc; --list-pills-item-background: #1f1f1f; --list-pills-item-background-active: #282200; --list-pills-item-background-hover: #282200; --list-pills-item-border: #404040; --svg-invert: 90%; --dot-pic-color: #f6f6f6; --well-background-color: #1e1e1e; --well-border-color: #282828; --tabs-content-background-color: #1f1f1f; --text-color-perelinkovka-link: #babcbb; --background-images-summ: url(images/summ_bg-dark.png); --map-project-text-color: #e45d5d; --news-text-color-title: #b6b6b6; --col-new-bcg: #4b4b4b; --background-icon-area: url(/uploads/nd/area_img-thm-dark.png); --background-icon-size: url(/uploads/nd/size_img-thm-dark.png); --background-icon-domokomlekt: url(/uploads/nd/icon-domokomlekt-thm-dark.png); --background-icon-domokomplect-sborka: url(/uploads/nd/icon-domokomplekt-sborka-thm-dark.png); --background-icon-domokomplect-pod-klych: url(/uploads/nd/icon-pod-klych-thm-dark.png); --text-color-section-complect-option: #606060; --background-img1-section-complect: url(/uploads/nd/komp/num1-thm-dark.png); --background-img2-section-complect: url(/uploads/nd/komp/num2-thm-dark.png); --background-img3-section-complect: url(/uploads/nd/komp/num3-thm-dark.png); --background-img4-section-complect: url(/uploads/nd/komp/num4-thm-dark.png); --background-img5-section-complect: url(/uploads/nd/komp/num5-thm-dark.png); --background-img6-section-complect: url(/uploads/nd/komp/num6-thm-dark.png); --background-img7-section-complect: url(/uploads/nd/komp/num7-thm-dark.png); --background-img8-section-complect: url(/uploads/nd/komp/num8-thm-dark.png); --background-img9-section-complect: url(/uploads/nd/komp/num9-thm-dark.png); --background-img10-section-complect: url(/uploads/nd/komp/num10-thm-dark.png); --background-img11-section-complect: url(/uploads/nd/komp/num11-thm-dark.png); --background-img12-section-complect: url(/uploads/nd/komp/num12-thm-dark.png); --background-img13-section-complect: url(/uploads/nd/komp/num13-thm-dark.png); --background-img14-section-complect: url(/uploads/nd/komp/num14-thm-dark.png); --background-img15-section-complect: url(/uploads/nd/komp/num15-thm-dark.png); --background-img16-section-complect: url(/uploads/nd/komp/num16-thm-dark.png); --background-img17-section-complect: url(/uploads/nd/komp/num17-thm-dark.png); --background-img18-section-complect: url(/uploads/nd/komp/num18-thm-dark.png); } @media (prefers-color-scheme: dark) { :root { --background-color: #080808; --background-color-a-link-kst: #1f1f1f; --background-table: #4b4b4b; --background-table-hover: #b0b0b0; --background-discuss-form-wrp-grdnt1: #1f1f1f; --background-discuss-form-wrp-grdnt2: #1f1f1f; --border-discuss-form-wrp-input: #8d8d8d; --color-1: #6c0000; --text-color: #f6f6f6; --text-color-h1: #c0c0c0; --text-color-h2: #b6b6b6; --text-color-btn: var(--text-color); --text-color-a-link-kst: var(--text-color); --text-color-navigtel: #e45d5d; --border-btn: #a2202a; --text-color-myhovertb-a-link: var(--text-color-navigtel); --text-color-discuss-form-wrp-ttl: #e9e9e9; --text-color-discuss-form-wrp-sub-ttl: #babcbb; --border-num: #4b4b4b; --opacity-1: 0.9; --opacity-2: 90; --background-red-btn: #a40000; --text-color-red-btn: #fefffb; --background-options-gss-all: transparent; --background-subfltrproject: #1f1f1f; --text-color-cat-filter-more-sizes-span: #e45d5d; --text-color-filter-chosable: #f6f6f6; --color-ui-slider-handle: #e45d5d; --color-ui-slider-range: #fcfcfc; --list-pills-item-background: #1f1f1f; --list-pills-item-background-active: #282200; --list-pills-item-background-hover: #282200; --list-pills-item-border: #404040; --svg-invert: 90%; --dot-pic-color: #f6f6f6; --well-background-color: #1e1e1e; --well-border-color: #282828; --tabs-content-background-color: #1f1f1f; --text-color-perelinkovka-link: #babcbb; --background-images-summ: url(images/summ_bg-dark.png); --map-project-text-color: #e45d5d; --news-text-color-title: #b6b6b6; --col-new-bcg: #4b4b4b; } } body { background: var(--background-color); color: var(--text-color); } .banner-div-ac { text-align: center; height: 180px; background: no-repeat center/100% url(/uploads/images/13-01-2018-1-88.jpg); } .banner-a-ac { display: flex; color: var(--color-1); font-size: 52px; height: 100%; width: 100%; text-shadow: -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white, 0 0 8px white, 0 0 8px white, 0 0 8px white, 2px 2px 3px black; } .banner-a-div-ac { margin: auto; } @media only screen and (max-width: 768px) { .banner-a-ac { font-size: 16px; } } /* Stylesheet: banners-garazhi Modified On 2019-12-21 23:40:59 */ .options-gss-new { text-align: center; border-bottom: 1px solid #d1d1d1; width: 100%; position: relative; overflow: hidden; } .options-gss-all { width: 50%; position: relative; font-size: 22px; background: var(--background-options-gss-all, #f4f4f4); padding-bottom: 8px; } .options-gss-area-left { float: left; } .options-gss-price-right { float: right; } .options-gss-all-span { font-size: 14px; } .options-gss-area-left:after { content: ''; background: none; width: 0; height: 70px; display: block; border-right: 1px dashed #b5aea2; position: absolute; right: 0; bottom: 1px; } .proj_option { clear: both; padding: 8px; height: 92px; font-size: 14px; } .project_item { margin-bottom: 20px; padding-bottom:0px; border: 1px solid #d1d1d1; } .item-shadow { /*box-shadow:0px 0px 10px 2px rgba(0, 0, 0, 0.15);*/ box-shadow: 0 6px 8px -4px rgba(0, 0, 0, .2); } /* Stylesheet: option-gss Modified On 2019-12-28 10:48:53 */ .ripplelink_kst { /*background-color:#ffdd2e;*/ padding:6px 10px; position: relative; overflow: hidden; } .ink { display:block; position:absolute; background:rgba(255, 255, 255, 0.6); border-radius:100%; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0); } .animate { -webkit-animation:ripple 0.65s linear; -moz-animation:ripple 0.65s linear; -ms-animation:ripple 0.65s linear; -o-animation:ripple 0.65s linear; animation:ripple 0.65s linear; } @-webkit-keyframes ripple{ 100% { opacity:0; -webkit-transform:scale(2.5); } } @-moz-keyframes ripple{ 100% { opacity:0; -moz-transform:scale(2.5); } } @-o-keyframes ripple { 100% { opacity:0; -o-transform:scale(2.5); } } @keyframes ripple { 100% { opacity:0; transform:scale(2.5); } } .row-flex, .row-flex > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex:1 1 auto; } .row-flex-wrap { -webkit-flex-flow: row wrap; align-content: flex-start; flex:0; } .row-flex > div[class*='col-'] { margin:-.2px; } .row-flex .txt_red { margin-bottom: 20px; font-weight: 700; font-size: 18px; color: var(--text-color-navigtel,#A61E28); } /* Stylesheet: animate-button Modified On 2019-12-06 22:07:07 */ @media (min-width: 769px) { .glide-newstyle { position: fixed; width: 100%; z-index: 100002; top: 0px; background-color: var(--background-color); /*background-image: url(/uploads/snow-2020.png);*/ -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .glide-newstyle .navbar-brand>img { max-width: 55%; } .glide-newstyle .navbar-brand { height: 40px; } .glide-newstyle .navbar { min-height: 40px; } .glide-newstyle .navigtel { display: none; } .glide-newstyle .navbar-btn { padding: 6px 6px; margin: 0px 10px; line-height: 24px; } .glide-newstyle .navbar-form { margin: 0px; } .new-style-navsver { padding: 6px 0; } .navsver .new-style-dropdown-toggle { /*display: contents;*/ padding: 0px 7px; } .glide-newstyle .spacerrs { height: 350px; background-color: #a3050a; } } .faq_2 { border-radius: 0 0 2px 2px; padding: 8px; margin-bottom: 20px; background-color: #a3050a; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size: 20px; line-height: 24px; color: whitesmoke; clear: both; } .telInMenuMobile { /*width: 100%;*/ padding-top: 20px; font-size: 16px; /*padding-left: 140px;*/ font-weight: 500; text-align: center; } /* Stylesheet: .glide Modified On 2020-12-31 10:28:20 */ .subfilter { display:block; background: #f4f4f4; /*margin: 0 15px;*/ box-shadow: 0 6px 8px -4px rgba(0, 0, 0, .2); padding: 70px 0; } .subfilter a { display: inline-block; width: 100%; /*text-align:center;*/ } .filter-chosable { color: #383737; } .filter-chosable._active { color: red; } .filter-inner-wrap{ border-left: 1px solid #383737; padding: 10px 25px; font-size: 14px; } .filter-chosable:hover { color: #ffac7b; } .filter-chosable._active:hover { color: #ffcdb4; } .filter-chosable SPAN { position: relative; display: inline-block; line-height: 16px; width:100%; font-size: 14px; } .filter-chosable SPAN:before { content: ""; position: absolute; /* top: 7px; */ top: 50%; margin-top: -3px; left: -11px; width: 10px; height: 7px; } .filter-chosable SPAN:hover:before { background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iU2hhcGVfNDNfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMCA3Ij48c3R5bGU+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkFDN0I7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTguMzYzIDBMMy42IDQuOCAxLjc5NCAyLjg1Mi40OCA0LjA3MiAzLjYgN2w2LjA3Ny01Ljc3OHoiIGlkPSJTaGFwZV80MyIvPjwvc3ZnPg==');background-repeat: no-repeat;background-size: 100% 100%; } .filter-chosable._active SPAN:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='-415 294.3 10 7'%3E%3Cpath fill='red' d='M-406.6 294.3l-4.8 4.8-1.8-2-1.3 1.3 3.1 2.9 6.1-5.8z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% 100%;} .filter-chosable._active SPAN:hover:before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2hhcGVfNDNfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iLTQxNiAyOTQuMyA4IDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTQxNiAyOTQuMyA4IDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkNEQjQ7fQ0KPC9zdHlsZT4NCjxnIGlkPSJTaGFwZV80MyI+DQoJPGc+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iLTQwOC4yLDI5NS43IC00MDkuNCwyOTQuNiAtNDEyLDI5Ny4xIC00MTQuNiwyOTQuNSAtNDE1LjgsMjk1LjcgLTQxMy4yLDI5OC4zIC00MTUuOCwzMDAuOSANCgkJCS00MTQuNiwzMDIgLTQxMi4xLDI5OS41IC00MDkuNSwzMDIuMSAtNDA4LjMsMzAwLjkgLTQxMC45LDI5OC4zIAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo='); background-repeat: no-repeat; background-size: 100% 100%; } @media (max-width: 768px) { .fl-mob-version { display:block; } .subfilter { padding: 0px; } } /* Stylesheet: filter-prodjects Modified On 2020-02-05 10:44:20 */ .form-poisk2, .form-poisk1 { width: 0px; margin-right: 0; transition: all 300ms ease; } .form-poisk2.opened, .form-poisk1.opened { width: 60%; margin-right: 8px; transition: all 300ms ease; } navig { z-index: 100003; } .navbar .container .collapse-20-left { float:left; width:20%; padding-right: 0px; padding-left: 0px; } .collapse-20-right { float:right; width:20%; padding-right: 0px; padding-left: 0px; } .collapse-20-0 { width:20%; padding-right: 0px; padding-left: 0px; } .collapse-20-lft0 { padding:0px; float:left; width:20%; } nav.navbar .container .collapse a.link-kst { background-color: var(--background-color-a-link-kst); color: var(--text-color-a-link-kst); padding:6px 10px; line-height:24px; width: 80%; /*margin:0;*/ } nav.navbar .container .collapse a.link-kst1 { background-color: var(--background-color-a-link-kst); color: var(--text-color-a-link-kst); padding:6px 10px; line-height:24px; width: 80%; margin:0; } .navbar-form-100-left { float: left; width: 100%; padding: 0; margin-right: 0; } .navbar-form-100-left-margin23 { float: left; width: 100%; margin-top: 23px; margin-bottom: 23px; padding: 0; margin-right: 0; } .form-group-left-1 { float: left; height: 38px; } .navbar .container .collapse .navbar-form .form-group .form-control-100-100 { width: 100%; height: 100%; } .navbar-brand-style-new { padding: 0 15px; height: auto; width: 100%; } .navbar-brand-style-new1 { padding: 0; height: auto; } .navbar-brand-img { width: 100%; padding: 0; display: block; margin: 0 auto; } .navbar-brand-img1 { width: 100%; padding: 8px 20px 4px; } .navbar .container .collapse .navigtel-style-new { padding:0px; font-size:16px; line-height:20px; display:block; } .navigtel-style-new1 { font-size: 16px; line-height: 24px; } .nav-manager-button { float: right; width: 80%; margin:0; } .nav-manager-button1 { float: right; width: 80%; } /* Stylesheet: nav-style-21122019 Modified On 2020-04-28 18:24:21 */ .case-item { background: #ffffff; color: #fff; text-decoration: none; display: block; position: relative; height: 245px; overflow: hidden; } .case-item.teplokomplect { background: #0078de; } .case-item img { -webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; width: 100%; height: 100%; z-index: 99; } .case-item .portfolio-info { position: absolute; z-index: 7; top: 0; left: 0; bottom: 0; right: 0; padding: 5px 25px 15px 30px; display: flex; flex-direction: column; justify-content: space-between; text-shadow: 0 0 5px #777777; /*box-shadow: inset 0 15px 40px 0 #eee, inset 0 -15px 40px 0 #eee;*/ box-shadow: 0 -60px 60px -25px rgba(0,0,0,.8) inset, 0 60px 60px -25px rgba(0,0,0,.8) inset; } .case-item:hover .portfolio-info { box-shadow: none; } .case-item:hover img { -webkit-filter: blur(3px) brightness(0.3); -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: url("data:image/svg+xml;utf8,#svgBlur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); filter: brightness(0.3) blur(3px); } .case-item .tags { font-size: 26px; margin-bottom: 25px; display: block; } .case-item .tags span { opacity: 0.5; } .case-item .title { font-size: 28px; text-transform: uppercase; display: block; letter-spacing: 3px; line-height: 32px; } .case-item .info { display: flex; } .case-item .info .col { width: 200px; font-size: 26px; line-height: 30px; } .case-item .info .col.wide { width: 370px; } .case-item .info .col.semiwide { width: 280px; vertical-align: bottom; } .case-item .info .col .strong { font-size: 26px; line-height: 30px; display: block; } .paddle { display:none; } .perelinkovka { font-size: 16px; line-height: 20px; } @media(max-width:767px) { .perelinkovka { font-size: 12px; line-height: 16px; } } /* Stylesheet: case-item:07072019 Modified On 2019-07-09 21:46:19 */ audio, canvas, video { display: inline-block;*display: inline; *zoom: 1; } figure { margin: 0; padding: 0; } audio:not([controls]) { display: none; } [hidden] { display: none; } .clear { clear: both; } .myHoverTb { font-size: 18px; text-align: center; margin: 10px 0; overflow: auto; border-collapse: collapse; } .myHoverTb td{padding:11px .5em;vertical-align:top;} .myHoverTb tr:first-child td{} .myHoverTb tr:nth-child(2n+1){background:var(--background-table,#eee);} .myHoverTb tr:first-child{} .myHoverTb tr.table_head td, .table tr.table_head th{background:#777;color:#fff;font-weight:100;max-width:50%;} .myHoverTb td{border:1px solid #ddd;text-align:center;} .myHoverTb tr td:first-child{font-weight:bold;text-align:left;} .myHoverTb_1 { font-size: 18px; text-align: center; margin: 10px 0; overflow: auto; border-collapse: collapse; } .myHoverTb_1 td{padding:11px .5em;vertical-align:top;} .myHoverTb_1 tr.table_head td, .table tr.table_head th{background:#777;color:#fff;font-weight:100;max-width:50%;} .myHoverTb_1 td{border:1px solid #ddd;text-align:center;} @media only screen and (max-width: 768px) { .myHoverTb_2 {display:none;} } img {border: none; vertical-align: baseline;} h2,h3,h3 {font-family: 'Roboto', Arial, Halvetica, sans-serif;} body{ height: auto; min-height: 100%; min-width:320px; } html {overflow: auto;} header { } .main { min-width: 320px; max-width: 1920px; margin: 0 auto; } .content-wrap { background: #f6f4ee; display: table; width: 100%; /*overflow: hidden; position: relative;*/ } .aside-service { width: 250px; display: table-cell; vertical-align: top; padding-bottom: 20px; /*float: left;*/ background: #f6f4e3 url('/images/aside-service-texture.png') top center repeat; border-right: 1px solid #c7bc9e; } .aside-service-caption, .aside-slider-caption { width: 255px; height: 80px; background: url('/uploads/images/aside-service-caption10.png') top left no-repeat; text-align: center; text-transform: uppercase; font: normal 21px/31px 'Times New Roman', serif; font-weight: bold; color: white; } .aside-slider-wrap { padding-bottom: 50px; } .aside-slider-caption { height: 34px; background: url('/images/slider-caption.png') top center no-repeat; font: normal 16px/24px 'Times New Roman', serif; width: auto; } .aside-slier-item img { width: 210px; vertical-align: middle; margin: 2px; box-shadow: 0 0 5px -2px black; padding: 5px; background: white; margin: 15px 2px; } .aside-slier-item { text-align: center; overflow: hidden; line-height: 0; font-size: 0; height: 120px; vertical-align: middle; /*margin: 15px auto;*/ } .aside-slier-item:hover { -webkit-filter: contrast(130%); } .podsvetka-knopok { } .podsvetka-knopok:hover { -webkit-filter: contrast(140%); } .podsvetka-izobrajenij { -webkit-filter: contrast(140%); } .aside-slider-button { text-align: center; } .aside-slider-button:hover { -webkit-filter: contrast(130%); } .aside-service-bottom-deco { width: 266px; height: 43px; background: url('/images/aside-service-bottom-deco3.png') bottom left no-repeat; } .aside-service-wrap { background: url('/images/aside-service-bg.png') top center no-repeat; width: 250px; } .aside-service-item img { box-shadow: 0 0 5px -2px black; } .aside-service-item-1 img { box-shadow: 0 0 5px -2px black; } .aside-service-item { text-align: center; line-height: 0; font-size: 0; margin-bottom: 20px; } .aside-service-item-1 { text-align: center; line-height: 0; font-size: 0; margin-bottom: 20px; } .aside-service-item figcaption { padding: 0 15x; background: url('/uploads/images/aside-service-item-bg-2.png') center center no-repeat; color: white; height: 68px; font: normal 20px/22px 'Times New Roman', serif; font-weight: bold; } .aside-service-item-1 figcaption { padding: 0 15x; background: url('/uploads/images/aside-service-item-bg-1b.png') center center no-repeat; color: white; height: 36px; font: normal 18px/20px 'Times New Roman', serif; font-weight: bold; } .aside-service-item a, .aside-service-item a:link, .aside-service-item a:visited { color: white; text-decoration: none; } .aside-service-item a:hover, .aside-service-item a:active { text-decoration: underline; } .aside-service-item-1 a, .aside-service-item-1 a:link, .aside-service-item-1 a:visited { color: white; text-decoration: none; } .aside-service-item-1 a:hover, .aside-service-item-1 a:active { text-decoration: underline; } .aside-banners { width: 210px; display: table-cell; vertical-align: top; *zoom: 1; border-left: 1px solid #e5c9b7; background: url('/images/aside-banners-texture.png') center center repeat; } .aside-banners-item { padding: 5px; width: 178px; background: white; margin: 0 auto; margin-bottom: 20px; margin-top: 10px; box-shadow: 0 0 5px -2px black; } .aside-banners-item * { display: block; } .aside-banners-item img { width: 178px; } .content-box { overflow: hidden; padding: 20px; } .content { margin-bottom: 30px; overflow: hidden; } .content-catalog-caption { color: #582911; text-transform: uppercase; text-align: center; font: normal 24px/20px 'Times New Roman', serif; } .content-catalog-text { font: normal 18px/20px 'Times New Roman', serif; } .content-catalog-box { padding: 10px; margin-top: 5px; } .content-catalog-link, .content-catalog-link:link, .content-catalog-link:visited { color: #582911; } .content-catalog-item3 { overflow: hidden; margin-bottom: 10px; } .content-catalog-item3 a, .content-catalog-item strong { font-weight: normal; color: #39621b; } .content-catalog-item3 img { float: left; border: 5px solid #e4dcc6; -webkit-filter: contrast(125%); margin-bottom: 30px; margin-right: 10px; } .content-catalog-item { overflow: hidden; margin-bottom: 10px; } .content-catalog-item a, .content-catalog-item strong { font-weight: normal; color: var(--text-color-navigtel, #A61E28); } .content-catalog-item img { float: left; border: 5px solid #e4dcc6; margin: 10px; margin-right: 20px; } .content-catalog-item_new { overflow: hidden; margin-bottom: 10px; max-width:540px; display:inline-block; vertical-align: top; background: #ECE8DA; } .content-catalog-item_new a, .content-catalog-item strong { font-weight: normal; color: var(--text-color-navigtel, #A61E28); } .content-catalog-item_new img { float: center; border: 5px solid #e4dcc6; -webkit-filter: contrast(125%); margin-bottom: 30px; max-width: 490px; height: 250px; margin: 10px; } .content-catalog-item2 { overflow: hidden; margin-bottom: 10px; } .content-catalog-item2 a, .content-catalog-item2 strong { font-weight: normal; } /* .content-catalog-item2 img { float: left; border: 3px solid #e4dcc6; margin: 5px; -webkit-filter: contrast(125%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } */ .content-catalog-item2 img:hover { -webkit-filter: sepia(100%); } .content-catalog-thumbs { clear: both; max-width:300px; } .content-catalog-thumbs2 { clear: both; max-width: 700px; height: auto; } .content-fundament-price { color: white; padding: 13px 10px; background: #63ac2b; border-radius: 8px; font: bold 24px/36px 'Times New Roman', serif; } .content-catalog-thumbs a {float:left; height:90px;} .content-catalog-thumbs2 a {float:left; height: auto;} .content-catalog-thumbs img {margin-right:1px;} /*.content-catalog-price { color: white; padding: 3px 10px; background: #63ac2b; border-radius: 4px; font-weight: bold; } */ .content-catalog-price-proekt { color: white; padding: 3px 5px; background: #3366ff; border-radius: 8px; font-weight: bold; text-align: center; margin-left: 60px; margin-right: 200px; font: bold 17px/21px 'Halvetica', serif; } .content-catalog-navigation { margin:10px 0 0 20px; font-size:1.8em; text-align: center; } .content-catalog-navigation span, .content-catalog-navigation a {display:inline-block; *dispaly:inline; color: white; padding: 6px 10px; background: #eeb011; border-radius: 8px; border: solid 1px #584636; text-align: center; font: 18px/24px 'Halvetica', serif; } .content-catalog-price-proekt a{ color: white; font-weight: bold; } .content-catalog-all, .content-news-all { font: normal 14px/26px 'Times New Roman', serif; color: white; padding: 0 15px; display: inline-block;*display: inline; *zoom: 1; background: url('/images/catalog-all-news-2.png') center center no-repeat; border-radius: 4px; margin: 0 20px; vertical-align: middle; } .content-news-all { background: url('/images/new-all.png') center center no-repeat; line-height: 22px !important; margin: 0; } span.nolink {background:#39621B; color:#fff; padding:1px 2px; margin:0 3px;} .content-news { margin-bottom: 30px; } aside { background: red; } .weBuild p { color: var(--text-color, #5f4c43);/*2c1e17*/ margin: 0; } a { /*color: #39621b;*/ } a, a:link, a:visited { } .dot { border-bottom: 1px #ff6600 dashed; /* стили рамки для первой ссылки */ zoom:1; /* для IE6 и IE7 */ text-decoration: none; } .dot:hover, dot:active { border-bottom: none; zoom: none; text-decoration: none; } a:hover, a:active { text-decoration: none; } .content img[align=left] { float: left; margin: 2px; margin-right: 10px; padding: 5px; background: white; box-shadow: 0 0 5px -2px black; } .bx-wrapper { margin: 7.5px auto; } .aside-service-textlink {display: block; height: 100%; width: 200px; margin: 0 auto; text-align: center; } .item_attr td {border-bottom:1px dotted #B7ACA7;} td.prompt {font-weight:bold; padding:3px 6px;} .breadcrumbs { margin:5px 0 15px; font-size:18px; line-height:22px; color:#AD968C; font-family:'Roboto', Verdana; } .breadcrumbs a {color:#39621B;} .breadcrumbs a:hover {color:#5F4C43; } .cooperation { overflow: hidden; margin: 0; padding: 0; list-style: none; text-align: center; } .cooperation li { margin: 15px 30px; float: left; } .cooperation li a { display: block; } .cooperation img { display: block; margin-top: 5px; margin: 5px auto; vertical-align: middle; } .block.uslugli { float:left; width:33%; } .uslugi_list {overflow:hidden;} .feedback-form { margin: 0 10px; } .formbuilderform {font-family:'Roboto', Arial, sans-serif;} .formbuilderform input[type="text"] {display:block; width: 173px;} .formbuilderform * {outline:0;} .formbuilderform input, .formbuilderform select {border:1px solid #777; padding:5px;} .formbuilderform .form-line, .formbuilderform .cms_textfield, .formbuilderform .submit {margin:10px 0; overflow: hidden;} .formbuilderform .submit {clear:both;} .formbuilderform .form-line label {font-weight:bold; display:block; font-size:18px; color:#4a473f;} .formbuilderform .form-line div label {font-weight:normal; display:inline;} .formbuilderform textarea {height:100px; width: 173px; display: block; border:1px solid #777; padding:5px;resize: none;} .NewsAddComment .formbuilderform textarea {width:500px;} .formbuilderform .form_line .m {display:inline; width:50px;} .formbuilderform label { font-weight:bold; color:#777; margin-bottom:5px; } .feedback-form .captcha {overflow:hidden; } .feedback-form .captcha label {display:block; margin-bottom:10px;} .feedback-form .captcha img {width:88px; height:30px; float:left; margin-right:10px;} .feedback-form .captcha .cms_textfield {width:76px; float:left; margin:0;} #NewsPostDetailReturnLink {clear:both; padding-top:30px; overflow:hidden;} .comment-date {font-style:italic; margin-bottom:5px; } .comment-author {margin-bottom:15px;} .comment-item {margin-bottom:20px; border-bottom:dashed 1px #BCB9B1; padding-bottom:20px;} .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS для увеличенного изображения*/ position: absolute; background-color:#fff; padding: 5px; left: -1000px ; border: 1px solid black; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS для увеличенного изображения*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS для увеличенного изображения при наведении*/ visibility: visible; top: 0; left: 60px; /*смещение по горизонтали увеличенного изображения */ } .breadcrumbs2 { margin:5px 0 15px; font-size:18px; color:#AD968C; font-family:'Roboto', Verdana; } .breadcrumbs2 a {color:#AD968C;} .breadcrumbs2 a:hover {color:#AD968C;} } #YMapsID img { max-width: none; } .liniya-1 { background-color:#a46e35; float: right; width: 100%; height: 2px; } .podsvetka img { border: solid 4px #FFF; } .podsvetka img:hover { border: solid 4px #b3c6e1; -webkit-filter: contrast(130%); } .podsvetka-2 img { border: solid 4px #FFF; width: 208px; height: auto; } .podsvetka-2 img:hover { border: solid 4px #b3c6e1; -webkit-filter: contrast(130%); } .myHoverTb tr:hover td{ background-color:var(--background-table-hover,#CCC); } .myhover td{background-color:var(--background-table-hover,#CCC); text-align: center; } .myhover td:first-child {text-align: center;} .mininews { color:#111111; font-family:'Roboto', Verdana; font: normal 18px/20px 'Times New Roman', serif; } .mininews a {color:#050505; font: normal 18px/20px 'Times New Roman', serif; } .mininews a:hover {color:#050505; font: normal 18px/20px 'Times New Roman', serif; } .content-smeta { float: right; margin-top: 45px; /*margin-right: px;*/ width: 100%; height: 150px; background: url('/images/header-phone-bg2.png') no-repeat; position: relative; z-index: 100; } .katalog-images-contrast { -webkit-filter: contrast(120%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .katalog-images-contrast:hover { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .button-stati2 { width: 210px; height: 72px; background: url('/uploads/images/stati-1-4.png'); display: block; margin: 0 auto; } .button-stati2:hover { -webkit-filter: contrast(150%); } .button-tehno { width: 210px; height: 72px; background: url('/uploads/images/tehno-button.png'); display: block; margin: 0 auto; } .button-tehno:hover { -webkit-filter: contrast(150%); } .button-uslugi { width: 210px; height: 72px; background: url('/uploads/images/uslugi-1-4.png'); display: block; margin: 0 auto; } .button-uslugi:hover { -webkit-filter: contrast(150%); } .button-vakansii { width: 210px; height: 72px; background: url('/uploads/images/vakansii-1-4.png'); display: block; margin: 0 auto; } .button-vakansii:hover { -webkit-filter: contrast(150%); } .button-preimushestva { width: 210px; height: 72px; background: url('/uploads/images/preimushestva-1-4.png'); display: block; margin: 0 auto; } .button-preimushestva:hover { -webkit-filter: contrast(150%); } .button-proektirovanie_chastnyh_domov { width: 210px; height: 72px; background: url('/uploads/images/proektirovanie_chastnyh_domov-1-4.png'); display: block; margin: 0 auto; } .button-proektirovanie_chastnyh_domov:hover { -webkit-filter: contrast(150%); } .button-kredit_evropa { width: 210px; height: 72px; background: url('/uploads/images/kredit_evropa-f1-1-4.png'); display: block; margin: 0 auto; } .button-kredit_evropa:hover { -webkit-filter: contrast(150%); } .button-ind-raschet { width: 210px; height: 72px; background: url('/uploads/images/ind-raschet.png'); display: block; margin: 0 auto; } .button-ind-raschet:hover { -webkit-filter: contrast(150%); } .button-proizvodstvo-1 { width: 220px; height: 65px; background: url('/uploads/images/proizvodstvo-1-3.gif'); display: block; margin: 0 auto; } .button-proizvodstvo-1:hover { background: url('/uploads/images/proizvodstvo-2.gif'); } .aktsiya-bani { width: 178px; height: 340px; background: url('/uploads/images/bani-iz-rublennogo-brevna-2.gif'); display: block; margin: 0 auto; border: solid 4px #FFF; } .aktsiya-bani:hover { background: url('/uploads/images/bani-iz-rublennogo-brevna-2.gif'); border: solid 4px #b3c6e1; } .aktsiya-sip { width: 178px; height: 340px; background: url('/uploads/images/sip-doma-banner-2.gif'); display: block; margin: 0 auto; border: solid 4px #FFF; } .aktsiya-sip:hover { background: url('/uploads/images/sip-doma-banner-2.gif'); border: solid 4px #b3c6e1; } .otzyvy-text { color: var(--text-color,#333);/*2c1e17*/ /*font: normal 18px/22px 'Halvetica', serif;*/ } .otzyvy-date { color: #4a8645; font-weight: lighter; text-align: left; font: bold 14px/20px Roboto, 'Halvetica', serif; font-style: italic; } .otzyvy-name { color: #4a8645; font-weight: bold; text-align: right; font: bold 16px/22px Roboto, 'Halvetica', serif; } @media print { .hidden-print { display: none } * { background:#FFF !important; color:#000 !important } } .family1 { width: 203px; height: 150px; background: url('/uploads/images/family-3.jpg'); display: block; margin: 0 auto; } .family2 { width: 203px; height: 150px; background: url('/uploads/images/family-5.jpg'); display: block; margin: 0 auto; } .family3 { width: 203px; height: 150px; background: url('/uploads/images/family-4.jpg'); display: block; margin: 0 auto; } #backgroundpp-0 { left: 0; top: -100; position: absolute; background: #000; opacity: 0.7; z-index: 999; display: none; height: 100%; width: 100%; } #modal_window0 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_windowarch { display: none; z-index: 9999; border: 2px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: 220px; overflow: auto; } #modal_window { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window2 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window3 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window4 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window5 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window6 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window7 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window8 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window9 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window10 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window11 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window12 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window13 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window14 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window15 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window16 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window17 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window18 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window19 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window20 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window21 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window22 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window23 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window24 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } #modal_window25 { display: none; z-index: 9999; border: 1px solid #444; background-color: #d9fdd3; border-radius: 10px; padding: 15px 20px; height: auto; width: auto; overflow: auto; } .class_btn { display: block; /*width: 129px; height: 42px;*/ text-decoration: none !important; float: left; } /* .class_btn.doma-s-cokolem { background-image:url(https://ro-stroj.ru/images/buttons-new/1.png); } .class_btn.doma-s-cokolem:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-garazhom { background-image:url(https://ro-stroj.ru/images/buttons-new/2.png); } .class_btn.doma-s-garazhom:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-bassejnom { background-image:url(https://ro-stroj.ru/images/buttons-new/3.png); } .class_btn.doma-s-bassejnom:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-ploskoy-krishey { background-image:url(https://ro-stroj.ru/images/buttons-new/4.png); } .class_btn.doma-s-ploskoy-krishey:hover { -webkit-filter: contrast(140%); } .class_btn.doma-vip { background-image:url(https://ro-stroj.ru/images/buttons-new/5.png); } .class_btn.doma-vip:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-saunoy { background-image:url(https://ro-stroj.ru/images/buttons-new/6.png); } .class_btn.doma-s-saunoy:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-terrasoy { background-image:url(https://ro-stroj.ru/images/buttons-new/7.png); } .class_btn.doma-s-terrasoy:hover { -webkit-filter: contrast(140%); } .class_btn.doma-v-stile-hay-tek { background-image:url(https://ro-stroj.ru/images/buttons-new/8.png); } .class_btn.doma-v-stile-hay-tek:hover { -webkit-filter: contrast(140%); } .class_btn.doma-v-stile-shale { background-image:url(https://ro-stroj.ru/images/buttons-new/9.png); } .class_btn.doma-v-stile-shale:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-zimnim-sadom { background-image:url(https://ro-stroj.ru/images/buttons-new/10.png); } .class_btn.doma-s-zimnim-sadom:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-verandoj { background-image:url(https://ro-stroj.ru/images/buttons-new/11.png); } .class_btn.doma-s-verandoj:hover { -webkit-filter: contrast(140%); } .class_btn.doma-v-stile-zamka { background-image:url(https://ro-stroj.ru/images/buttons-new/12.png); } .class_btn.doma-v-stile-zamka:hover { -webkit-filter: contrast(140%); } .class_btn.panoramnye-doma { background-image:url(https://ro-stroj.ru/images/buttons-new/13.png); } .class_btn.panoramnye-doma:hover { -webkit-filter: contrast(140%); } .class_btn.doma-ekonom-klassa { background-image:url(https://ro-stroj.ru/images/buttons-new/14.png); } .class_btn.doma-ekonom-klassa:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-erkerom { background-image:url(https://ro-stroj.ru/images/buttons-new/15.png); } .class_btn.doma-s-erkerom:hover { -webkit-filter: contrast(140%); } .class_btn.odnoetazhnye-doma { background-image:url(https://ro-stroj.ru/images/buttons-new/16.png); } .class_btn.odnoetazhnye-doma:hover { -webkit-filter: contrast(140%); } .class_btn.doma-s-navesom { background-image:url(https://ro-stroj.ru/images/buttons-new/17.png); } .class_btn.doma-s-navesom:hover { -webkit-filter: contrast(140%); } .class_btn.doma-v-stile-barokko { background-image:url(https://ro-stroj.ru/images/buttons-new/18.png); } .class_btn.doma-v-stile-barokko:hover { -webkit-filter: contrast(160%); } .class_btn.doma-v-stile-rajta { background-image:url(https://ro-stroj.ru/images/buttons-new/19.png); } .class_btn.doma-v-stile-rajta:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-ban-s-bassejnom { background-image:url(https://ro-stroj.ru/images/buttons-new/3.png); } .class_btn.proekty-ban-s-bassejnom:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-ban-s-besedkoj { background-image:url(https://ro-stroj.ru/images/buttons-new/22.png); } .class_btn.proekty-ban-s-besedkoj:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-ban-s-verandoj { background-image:url(https://ro-stroj.ru/images/buttons-new/11.png); } .class_btn.proekty-ban-s-verandoj:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-ban-s-mansardoj { background-image:url(https://ro-stroj.ru/images/buttons-new/21.png); } .class_btn.proekty-ban-s-mansardoj:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-ban-s-terrasoj { background-image:url(https://ro-stroj.ru/images/buttons-new/7.png); } .class_btn.proekty-ban-s-terrasoj:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-garazhej-s-basseinom { background-image:url(https://ro-stroj.ru/images/buttons-new/3.png); } .class_btn.proekty-garazhej-s-basseinom:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-garazhej-s-tsokolem { background-image:url(https://ro-stroj.ru/images/buttons-new/1.png); } .class_btn.proekty-garazhej-s-tsokolem:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-garazhej-s-mansardoj { background-image:url(https://ro-stroj.ru/images/buttons-new/21.png); } .class_btn.proekty-garazhej-s-mansardoj:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-odnoetazhnyh-garazhej { background-image:url(https://ro-stroj.ru/images/buttons-new/16.png); } .class_btn.proekty-odnoetazhnyh-garazhej:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-garazhej-s-banej { background-image:url(https://ro-stroj.ru/images/buttons-new/g-banya.png); } .class_btn.proekty-garazhej-s-banej:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-garazhej-na-3-mashiny { background-image:url(https://ro-stroj.ru/images/buttons-new/g-3mashiny.png); } .class_btn.proekty-garazhej-na-3-mashiny:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-garazhej-na-2-mashiny { background-image:url(https://ro-stroj.ru/images/buttons-new/g-2mashiny.png); } .class_btn.proekty-garazhej-na-2-mashiny:hover { -webkit-filter: contrast(140%); } .class_btn.proekty-garazhej-s-hozblokom { background-image:url(https://ro-stroj.ru/images/buttons-new/g-hozblok.png); } .class_btn.proekty-garazhej-s-hozblokom:hover { -webkit-filter: contrast(140%); } */ .modalDialog { position: fixed; font-family: 'Roboto', Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .tooltip { /* стиль текста, наведя или нажав на который появится пояснение */ display: inline-block; position: relative; text-indent: 0px; cursor: help; /* вид курсора */ } .tooltip > span { /* стиль появляющейся подсказки */ position: absolute; left: -20em; /* = max-width */ right: -20em; /* = max-width */ width: -moz-max-content; width: -webkit-max-content; width: max-content; /* ширина подсказки может быть не более содержимого */ max-width: 20em; /* ширина подсказки может быть не более 20em */ max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */ overflow: auto; visibility: hidden; margin: 0 auto; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */ padding: .9em; font-size: 90%; background: #DEAFAF; opacity: 0.9; line-height: normal; cursor: auto; } .tooltip.left > span { /* начинается от левого края */ left: 0; right: -20em; margin: 0 0 .4em; } .tooltip.right > span { /* начинается от правого края */ left: -20em; right: 0; margin: 0 0 .4em auto; } .tooltip.left:after { left: 1em; } .tooltip.right:after { left: auto; right: .6em; /* 1em - .4em */ } .tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */ content: ""; position: absolute; top: -.4em; left: 0; right: 0; height: .4em; visibility: hidden; } .tooltip:hover > span, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus > span, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; transition: 0s .4s; } .tooltip:focus { /* убрать рамку в Хроме */ outline: none; } .tooltip.anim > span, .tooltip.anim:after { /* анимация */ opacity: 0; transform: translateY(1.5em) scale(.3); transform-origin: center bottom; } .tooltip.anim:after { transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */ } .tooltip.anim:hover > span, .tooltip.anim:hover:after, .tooltip.anim:focus > span, .tooltip.anim:focus:after { opacity: 1; transition: .6s .4s; transform: translateY(0); } @media (max-width: 20em) { /* ширина подсказки может быть не более ширины окна браузера */ .tooltip > span { max-width: 100vw; /* в 100vw входит полоса прокрутки, но на мобильных она часто отсутствует */ box-sizing: border-box; } } /*aq5*/ .fb-img { width: 900px; height: auto; } .diary-img { width: 220px; height: auto; } /*Responsive*/ @media screen and (max-width: 1200px) { .fb-img { width: 100%; height: auto; } .content-catalog-box td { display: block; width: 100% !important; } .header-phone-block { width: 100%; height: auto; margin: 0; float: none; } .header-bg-block div { display: none; } .header-bg-block { background: #bcecfc; /* Old browsers */ background: -moz-linear-gradient(top, #bcecfc 0%, #f0fafe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #bcecfc 0%,#f0fafe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #bcecfc 0%,#f0fafe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcecfc', endColorstr='#f0fafe',GradientType=0 ); /* IE6-9 */ height: 100%; } .header-top { height: auto; } } @media screen and (max-width: 1080px) { .our-docs img { width: 100% !important; height: auto !important; } } @media screen and (max-width: 960px) { .content-box tr td, .content-box tr th { display: block; width: 100% !important; padding: 0 !important; margin-bottom: 15px; } nav ul li { font-size: 11px; } .form-line { padding: 20px; } .form-line input[type=text] { display: block; width: 100%; margin: 5px 0; padding: 5px 0; } .form-line input[type=submit] { width: 140px; height: 25px; display: block; margin: 10px auto; } .form-line input[type=checkbox] { float: left; margin-right: 10px; } .form-line label { display: block; text-align: left; margin-bottom: 10px; } } @media screen and (max-width: 760px) { .building-houses { width: 100% !important; height: auto !important; } .header-logo-block { float: none; padding-top: 20px; margin: 0 auto 20px; } .header-logo-block img { margin: 0 !important; } .header-phone-block > table > tbody > tr > td:not(.custom-phone) { display: none; } .custom-phone { width: 100% !important; display: block; text-align: center; margin-bottom: 20px; } .custom-phone div { text-align: center !important; } .custom-phone p { display: none; } .advantages_table td { width: 100%; } } @media screen and (max-width: 640px) { .content p > ymaps, .content td > ymaps { width: 100% !important; height: 450px !important; } .content textarea { width: 98% !important; } .bx-wrapper, .bx-window { width: 100% !important; } /*.main { overflow: hidden; }*/ .aside-service { width: 100%; display: block; } .aside-service-wrap { width: 100%; } .aside-service-caption, .aside-slider-caption { width: 100%; background-position: 50% 50%; } .aside-service-bottom-deco { display: none; } .podsvetka-2 img { width: 281px; box-sizing: border-box; } .content table { width: 100% !important; height: auto !important; margin: 0 auto !important; } .content img { max-width: 100% !important; height: auto !important; margin: 0 auto !important; display: block; } .content-catalog-thumbs a { float: none; } .content-catalog-navigation { text-align: left; } .content-catalog-navigation span, .content-catalog-navigation a { padding: 0; width: 35px; height: 38px; margin: 4px; line-height: 38px; } .content-catalog-navigation span { margin: 0; background: #F0932F !important; } } @media screen and (max-width: 460px) { iframe { width: 100% !important; height: auto !important; } .gallery { text-align: center; } .gallery .img { display: inline-block; float: none !important; } .project-types { text-align: center; } .class_btn { display: inline-block; float: none; } .aside-service>a>div{ width: 270px; height: 96px; background-size: cover; } .diary-img { width: 260px; } .aside-slier-item img { width: 260px; height: auto; box-sizing: border-box; } .aside-slier-item { height: 152px; } } .buttonzakazstroiteltva { -moz-box-shadow:inset 0px 1px 0px 0px #CCCCCC; -webkit-box-shadow:inset 0px 1px 0px 0px #CCCCCC; box-shadow:inset 0px 1px 0px 0px #CCCCCC; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F0F0F0), color-stop(1, #CCCCCC) ); background:-moz-linear-gradient( center top, #F0F0F0 5%, #CCCCCC 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#CCCCCC'); background-color:#F0F0F0; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; text-indent:0px; border:1px solid #C8C8C8C8; display:inline-block; color:black; font-family:'Roboto', Arial; font-size:18px; font-weight:bold; font-style:normal; height:40px; line-height:38px; /*width:190px;*/ padding: 0 5px; text-decoration:none; text-align:center; text-shadow:2px 1px 24px #BBBBBB; } .buttonzakazstroiteltva:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9e1205), color-stop(1, #f24537) ); background:-moz-linear-gradient( center top, #9e1205 5%, #f24537 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e1205', endColorstr='#f24537'); background-color:#9e1205; }.buttonzakazstroiteltva:active { position:relative; top:1px; } .ostalnieproekty { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:'Roboto', Arial; font-size:18px; font-weight:bold; font-style:italic; height:40px; line-height:40px; width:361px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; } .ostalnieproekty:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.ostalnieproekty:active { position:relative; top:1px; } /* Style the list */ ul.tab { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #ccc; background-color: #6c6c6e; } /* Float the list items side by side */ ul.tab li {float: left;} /* Style the links inside the list items */ ul.tab li a { display: inline-block; color: white; font-weight:bold; text-align: center; padding: 14px 16px; text-decoration: none; transition: 0.3s; font-size: 22px; } /* Change background color of links on hover */ ul.tab li a:hover {background-color: #ddd;} /* Create an active/current tablink class */ ul.tab li a:focus, .active {background-color: #000;} /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } details summary { font-size: x-large; text-align: center; cursor:pointer; } .dnevnik-new-zagolovok { width: 378px; height: 60px; background: url('/uploads/images/dnevnik-new-zagolovok.png') top center no-repeat; text-align: center; font: normal 28px/31px 'Times New Roman', serif; font-weight: bold; line-height: 55px; vertical-align: middle; color: white; } /*добавляем и проверяем на наличие*/ .cover{ position: fixed; top:0px; left: 0px; width: 100%; height: 100%; background: url("/images/cover-bg.png") repeat 0 0; z-index: 10001; display: none; } table:focus {outline:none!important;} .sectionFreeCalc { padding: 100px 0; text-align: center; background-image: url("https://ro-stroj.ru/uploads/img/bl14.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed; } .sectionFreeCalc .bl14-titl-bg { z-index: 1; padding: 0px 20px; display: inline-block; } .sectionFreeCalc .bl14-titl-bg .bl14-titl-1 { color: white; font-size: 36px; line-height: 40px; text-transform: uppercase; } .sectionFreeCalc .form-bl14 { margin: 40px 0 0; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls { margin-bottom: 20px; width: 31.33%; float: left; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls.ots { margin-right: 3%; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls input { height: 50px; font-size: 22px; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls button { width: 100%; height: 50px; font-size: 22px; text-transform: uppercase; } @media only screen and (max-width: 480px) { .sectionFreeCalc { padding: 50px 0; } .sectionFreeCalc .bl14-titl-bg .bl14-titl-1 { font-size: 30px; } .sectionFreeCalc .form-bl14 { margin: 40px 0 0; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls { margin-bottom: 20px; width: auto; float: none; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls.ots { margin-right: 0; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls input { height: 50px; font-size: 22px; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls button { width: 100%; height: 50px; font-size: 22px; text-transform: uppercase; } } /* Stylesheet: rostroj : ro-stroj1:07072019 Modified On 2020-03-06 11:29:03 */ .weBuild .our_preimuch { margin: 70px 50px; } @media (min-width: 960px) { .img15let { height: 100px; margin: 0 auto; float: right; } } .questionProjectDop { padding: 100px 0; border: solid 1px lightgray; background: lightgrey; } .main-map .map { width: 100%; height: 450px; overflow: hidden; position: relative; background: url("https://ro-stroj.ru/uploads/img/rus.png"); background-size: contain; background-repeat: no-repeat; } #map, #map2 { height: 400px; } .style_smetagl { font-size: 18px; line-height: 24px; } .nav-justified>li>a { margin-top: 0px; } .st-margin-left { margin-left: 295px; } .interplans { width: 550px; } .pop_upallview{ position: fixed; top: 100px; left: 50%; /*margin-left: -250px;*/ transform: translate(-50%); background: #fff; z-index: 10002; width: 500px; max-width: 90%; display: none; border-radius: 8px; text-align: center; } #buyproj_img { display:none; } @media (max-width: 768px) { .sliderklbrus {display:none} .paddle {display:none} .st-margin-left { margin-left: 0px; } #buyproj_img { display:block; margin-top: 30px; } .interplans { width: 100%; } .interplans0 { padding-top: 20px; } .weBuild h1 { margin: 20px 0; font-size: 20px; text-align: center; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } iframe { width: 100% !important; /*height: 100% !important;*/ padding-top: 20px; } .weBuild .our_preimuch { margin: 0px 0px; } .questionProject { padding: 50px 0; } .img15let { height: 100px; margin: 0 auto; } .main-map .map { width: 100%; height: auto; overflow: hidden; position: relative; background: url("https://ro-stroj.ru/uploads/img/rus.png"); background-size: contain; background-repeat: no-repeat; } #map { height: 400px; } #map2 { height: 250px; } .questionProjectDop { padding: 20px 0; border: solid 1px lightgray; background: lightgrey; } .formFl { margin: 10px; } .questionProject { padding: 20px 0; text-align: center; } .item1_gl { margin-top: 15px; } .style_smetagl { font-size: 20px; } .heightdiamond { padding: 30px; } .btSmeta { margin: 20px 70px; } .custom_breadcrumbs img { margin: 0px; } .custom_breadcrumbs a, .custom_breadcrumbs img { margin-bottom: 0; } .custom_breadcrumbs { padding: 0 20px; } .breadcrumbs { padding: 0 20px; } .reg_txt_wrp ._l { margin: 0 20px 20px 20px; } .sub_ttl { padding: 0 20px; } .summary_wrp ._r .zag { padding: 0 20px; font-size: 20px; } .nopadding { padding-left: 0px; padding-right: 0px; } .nav-justified>li>a { margin-top: 10px; } .navbar-collapse{ padding-right: 0px; padding-left: 0px; } .nav-pills>li+li { margin-left: 0px; } .margin15px{ padding-right: 15px; padding-left: 15px; } .telCenterText{ color: #fff; text-align: center; padding: 15px; font-size: 18px; display: none; } .imgNav{ display: block; max-width: 100%; height: 36px; } .navbar.bottom-nav { border: 0; min-height: 60px; max-height: 60px; border-radius: 0; /*background: #19171A;*/ } .mobdispl{ background: #19171A; } .pop_upallview { position: fixed; top: 0px; left: 0%; margin-left: 0px; background: #9f0002; padding: 53px 20px 70px; z-index: 10002; width: 100%; max-width: 100%; display: none; border-radius: 8px; text-align: center; /* width: 100%; */ height: 100%; } } .box-history .items_gl { text-align: center; padding: 20px 0; } .projects_top_block ul { padding: 10px 20px; margin-bottom: 0px; } .tabs .tabs__content { /*padding: 0 20px;*/ } @media (max-width: 468px) { .reg_txt_wrp ._l img { display: block; margin-left: auto; margin-right: auto; } .reg_txt_wrp ._l { width: 100%; margin: 0 15px 15px 0px; } } @media (min-width: 767px) { .navbar.bottom-nav { border: 0; min-height: 40px; border-radius: 0; /*background: #19171A;*/ background: var(--color-1); } } hr { padding-bottom: 1px; background-color: #9b9b9b; border-bottom:1px solid #F4F4F4; } .blockBuld { /*padding-top: 30px;*/ } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20px; } .subMenu{ z-index: 10000; top: 20px; width: 100%; height: 100%; position: absolute; /*right: -100%;*/ padding: 0 0 40px 0; } .menuBack {font: normal 14px/40px 'Roboto', Arial, Halvetica, sans-serif; color: #fff; padding: 0 5px; position: relative; background: var(--color-1); margin: 10px 0 10px 15px;} .menuBack:before {content: ''; display: block; width: 0; height: 0; position: absolute; top: 0; left: -11px; border-right: 12px solid var(--color-1); border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: none;} .subMenu li { padding: 5px 0 0 20px; } ul li.title {padding: 10px 40px; font: normal 1.15em/1.4 'Roboto', Arial, Halvetica; text-transform: uppercase; color: #fff; background: var(--color-1);} @media screen and (max-width: 960px) { nav ul li { font-size: 14px; } } .closeN { position: relative; /* right: 32px; *//* top: 12px; */ width: 34px; height: 34px; /*opacity: 0.8;*/ margin-top: 15px; float: right; margin-bottom: 15px; margin-right: 27px; background: #f8f8f8; border: 0px;} .closeN:hover { opacity: 1; } .closeN:before, .closeN:after {position: absolute;left: 14px;top: 15px;content: ' ';height: 35px;width: 2px;top: 0px;background-color: #000;/* top;top: 15px;;: absolute; olute;*/} .closeN:before {transform: rotate(45deg);-webkit-transform:rotate(45deg)} .closeN:after {transform: rotate(-45deg);-webkit-transform:rotate(-45deg)} .telTextNew{ float: left; padding-top: 5px; padding-left: 8px; } .telTextNew a{ font-size: 18px; color:#fff; } .weBuild h5 { margin: 20px 0; font-size: 36px; line-height: 42px; text-align: center; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .weBuild h3 { margin: 20px 0; font-size: 36px; line-height: 42px; text-align: center; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .tooltipnewstyle{ position:absolute; z-index:999; left:-9999px; /*background-color:#dedede;*/ background-color: var(--background-color,#fff); padding:5px; border:1px solid var(--background-color, #fff); width:300px; } .tooltipnewstyle p{ margin:0; padding:0; color: var(--text-color, #333); background-color: var(--background-color, #fff); padding:2px 7px; } .tooltipnewstyle .info_label { font-size: 18px; color: var(--text-color, #333); } .tooltipnewstyle .info_text { font-size: 40px; color: var(--map-project-text-color, #2582c4); margin-bottom: 25px; margin-top: 12px; font-weight: 500; } .paddle .headline.media.photo img,.paddle .headline.media.video img{z-index:-1} .paddle .headline.media.photo::before,.paddle .headline.media.video::before{background:#a80505;border:1.5rem solid #2f2f2f;bottom:1.3rem;content:'';left:8rem;position:absolute;z-index:1}.paddle .headline.media.photo::after,.paddle .headline.media.video::after{bottom:1.3rem;z-index:2}.paddle .headline.media.photo::after{font-size:2rem;font-weight:normal;position:absolute;color:#fff;content:"";font-family:ps_g;left:8.6rem}.paddle .headline.media.video::after{font-size:2rem;font-weight:normal;position:absolute;color:#fff;content:"";font-family:ps_g;left:8.8rem}.paddle a{opacity:.6;background:#e5e5e5;position:fixed;top:50%;z-index:2147483637;height:10rem;touch-action:none}.paddle a::before{display:block;background:#666;height:100%;padding-top:3.1rem;text-align:center;width:3rem}.paddle a .headline{color:#333;display:inline-block;font-size:1.3rem;height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.1,.9,.2,1);width:0}.paddle a .headline img,.paddle a .headline div{left:1rem;position:absolute}.paddle a .headline img{height:7.5rem;width:10rem;top:1.2rem}.paddle a .headline img~div{left:14rem}.paddle a .headline img~div .truncate{width:16.5rem}.paddle a .headline div{top:1.8rem}.paddle a .headline span{font-size:1.1rem;line-height:1.364;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.paddle a .headline span~h4{max-height:3.7rem}.paddle a .headline h4{font-size:1.3rem;line-height:1.384;color:#666;display:block;left:12rem;margin-top:.5rem;max-height:5.5rem;overflow:hidden;width:27rem}.paddle a:focus,.paddle a:hover,.paddle a.expand{opacity:1;text-decoration:none}.paddle a:focus .headline,.paddle a:hover .headline,.paddle a.expand .headline{padding:1rem;width:30rem}.paddle a:focus h4,.paddle a:hover h4,.paddle a.expand h4{text-decoration:none}.paddle.previous a{left:0}.paddle.previous a::before{font-size:2.8rem;font-weight:normal;position:relative;color:#fff;content:"\003C";font-family:ps_g}.paddle.previous a::before{float:left}.paddle.previous a .headline{border-right:.4rem solid #126d91}.paddle.next a{right:0}.paddle.next a::before{font-size:2.8rem;font-weight:normal;position:relative;color:#fff;content:"\003E";font-family:ps_g}.paddle.next a::before{float:right}.paddle.next a .headline{border-left:.4rem solid #126d91}@media screen and (min-width:101.5em){.paddle.previous a{left:-webkit-calc(50% - 80rem);left:calc(50% - 80rem)}.paddle.next a{right:-webkit-calc(50% - 80rem);right:calc(50% - 80rem)}}@charset "UTF-8";.paddle a{opacity:.6;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.paddle a::before{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);height:10rem;width:4.8rem}.paddle a .headline{display:inline-block;line-height:2.2rem;letter-spacing:normal}.paddle a .headline img,.paddle a .headline div{left:0;position:absolute}.paddle a .headline img{height:10rem;top:0;width:13rem}.paddle a .headline img~div .truncate{left:0;width:20.4rem}.paddle a .headline .truncate{left:1rem;/*max-height:6.6rem;*/overflow:hidden;width:33.6rem}.paddle a .headline div{text-align:left;top:.2rem;vertical-align:middle}.paddle a:focus,.paddle a:hover,.paddle a.expand{opacity:1;text-decoration:none}.paddle a:focus .headline,.paddle a:hover .headline,.paddle a.expand .headline{padding:0;width:35rem}.paddle a:focus h4,.paddle a:hover h4,.paddle a.expand h4{text-decoration:none}.paddle.previous a::before{font-size:2.8rem;font-weight:normal;position:relative;color:#666;content:"\003C";font-family:ps_g}.paddle.previous a:active::before{color:#0063b1}.paddle.previous a:hover::before{box-shadow:none;color:#0078d6}.paddle.previous a .headline{border-right:none}.paddle.next a::before{font-size:2.8rem;font-weight:normal;position:relative;color:#666;content:"\003E";font-family:ps_g}.paddle.next a:active::before{color:#0063b1}.paddle.next a:hover::before{color:#0078d6;box-shadow:none}.paddle.next a .headline{border-left:none;}.paddle .headline.media.photo::before,.paddle .headline.media.video::before{left:7rem;bottom:0}.paddle .headline.media.photo::after,.paddle .headline.media.video::after{bottom:0}.paddle .headline.media.photo::after{font-size:2rem;font-weight:normal;position:absolute;color:#fff;content:"";font-family:ps_g;left:7.6rem}.paddle .headline.media.video::after{font-size:2rem;font-weight:normal;position:absolute;color:#fff;content:"";font-family:ps_g;left:7.8rem} .prev_button { /*content: '' !important; */ background-image: url(/uploads/img/icons/head_slide_prev5.png); /* background-repeat: no-repeat; */ /* background-position: center; */ width: 48px; height: 100px; /* display: block; */ z-index: 100001; /* opacity: 1; */ left: 20px !important; box-shadow: 0 0 20px rgba(0,0,0,.2); } .prev_button:hover { /*content: '' !important; */ background-image: url(/uploads/img/icons/head_slide_prev5hover.png); /* background-repeat: no-repeat; */ /* background-position: center; */ width: 48px; height: 100px; /* display: block; */ z-index: 100001; /* opacity: 1; */ left: 20px !important; box-shadow: 0 0 20px rgba(0,0,0,.2); } .next_button { /*content: '' !important; */ background-image: url(/uploads/img/icons/head_slide_next5.png); /* background-repeat: no-repeat; */ /* background-position: center; */ width: 48px; height: 100px; /* display: block; */ z-index: 100001; /* opacity: 1; */ right: -10px !important; box-shadow: 0 0 20px rgba(0,0,0,.2); } .next_button:hover { /*content: '' !important; */ background-image: url(/uploads/img/icons/head_slide_next5hover.png); /* background-repeat: no-repeat; */ /* background-position: center; */ width: 48px; height: 100px; /* display: block; */ z-index: 100001; /* opacity: 1; */ right: -10px !important; box-shadow: 0 0 20px rgba(0,0,0,.2); } .blockText8 { color: #fff; position: absolute; padding: 5px; background-color: rgba(255, 255, 255, 0.8); border-radius: 5px; top: 10px; font-size: 18px; line-height: 22px; /* text-align: center; */ /* float: right; */ margin-left: 15px; /* width: 290px; */ } .zin { z-index: 10000; } /* p { text-indent: 20px; text-align: justify; } */ .cursor-prev { cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/cursor-prev.cur), auto; cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/cursor-prev.svg) 16 16, auto; } .cursor-next { cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/cursor-next.cur), auto; cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/cursor-next.svg) 16 16, auto; } .custom_breadcrumbs_back { text-decoration: none; /*font-size: 12pt;*/ /*border-radius: 4px;*/ color: #000; padding: 4px; margin: 6px; /*background: var(--color-1);*/ /*border: 1px solid var(--color-1);*/ } .custom_breadcrumbs_back:hover { /*background: #000;*/ } .custom_breadcrumbs_back:hover>img { transform: translate3d(-15px, 0px, 0px); } #pact-widget { position: fixed; bottom: 75px; /*padding: 0px 10px;*/ z-index: 1000000; /*left: -10px;*/ /*left: auto!important;*/ background: #fff0!important; } #pact-widget li { margin: 0 5px; padding: 0; list-style-type: none; display: inline-block; width: 50px; height: 50px; text-align: center; } #pact-widget li a { text-decoration: none; font-family: Helvetica, Arial, Sans-serif; font-size: 11px; color: #666; } @media (min-width: 768px) { #pact-widget {display:none} } .navigtel { padding: 10px 10px; display: block; /*margin-top: 20px;*/ text-align: center; } .sectionWeWork .blockWeWork img { background-color: #fff; border-radius: 8px; } .sectionWeWork .blockWeWork .ws-separator { display: inline-block; position: absolute; width: 100%; background: transparent url(https://ro-stroj.ru/uploads/img/back-ws-separator.png) repeat-x center center; height: 4px; top: 180px; } .sectionWeWork .blockWeWork .ws-label-line-top { width: 2px; height: 30px; background-color: #cfd7e0; position: absolute; bottom: 235px; display: inline-block; left:83px; } .sectionWeWork .blockWeWork .ws-label-line-bottom { width: 2px; height: 30px; background-color: #cfd7e0; position: absolute; top: 235px; display: inline-block; left:83px; } .sectionWeWork .blockWeWork .text-top { position: absolute; bottom: 260px; width: 340px; left: -85px; } .sectionWeWork .blockWeWork .text-bottom { position: absolute; top: 260px; width: 340px; left: -85px; } .sectionWeWork .blockWeWork { text-align: center; position: relative; padding-top: 130px; padding-bottom: 130px; } .padding-bottom-20px { padding-bottom: 20px; } @media (max-width: 768px) { .interaktiv_mobile { display:none; } .sectionWeWork .blockWeWork .ws-label-line-top { display:none; } .sectionWeWork .blockWeWork .ws-label-line-bottom { display:none; } .sectionWeWork .blockWeWork .ws-separator { display:none; } .sectionWeWork .blockWeWork .text-top { bottom: auto; position: relative; width: auto; left: 0px; } .sectionWeWork .blockWeWork .text-bottom { top: auto; position: relative; width: auto; left: 0px; } .padding-bottom-20px { padding-bottom: 0px; } } .object_we_work .sections_item{ margin-bottom: 25px; overflow: hidden; } .object_we_work .sections_item__title{ position: absolute; left: 15px; top: 0; right: 15px; bottom: 0; background: rgba(50, 50, 50, 0.4); display: flex; align-items: center; text-align: center; -webkit-box-align: center; color: #fff; text-transform: uppercase; font-size: 20px; transition: all ease .5s; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } .object_we_work .title_name{ width: 100%; } .object_we_work .more-btn{ display: none; } .object_we_work img { width: 100%; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .object_we_work .project_itemmm:hover img { -webkit-filter: blur(3px) brightness(0.3); -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: url("data:image/svg+xml;utf8,#svgBlur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); filter: brightness(0.3) blur(3px); margin-left: 15px; margin-right: 15px; } .sectionWeWork .num{ position: absolute; border-radius: 30px; color: var(--text-color-btn,#fff); background-color: var(--border-num,#000); width: 44px; height: 44px; padding-top: 10px; text-align: center; font-size: 19px; line-height: 27px; left: 60px; } .sectionWeWork .text{ padding: 0px 20px; } .content-news .date { float: left; width: 80px; text-align: center; font-weight: bold; font-family: Roboto; -webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.12); margin-left: 15px; } .content-news .month { color: #fff; font-size: 13px; background: #BB2037; line-height: 23px; } .content-news .day { color: var(--news-text-color-title,#222); font-size: 30px; margin: 5px 0 0; line-height: 1em; } .content-news .year { font-size: 13px; color: #9f9f9f; margin-bottom: 5px; } .content-news .newsTitle { display: block; text-decoration: none; padding-left: 110px; font-size: 26px; line-height: 30px; text-transform: uppercase; color: var(--news-text-color-title,#222); font-weight: 700; text-align: left; padding-top: 20px; } @media(max-width:767px) { .content-news .newsTitle { font-size: 20px; padding-left: 100px; } .content-news .date { width: 70px; } .yaMap .map-info-object { left: 0; display:none; } } .news-more { display: block; font-size: 18px; font-family: Roboto; color: #C63E48; font-weight: bold; width: 175px; text-decoration: none; border-radius: 10px; border: 4px solid #C63E48; height: 42px; line-height: 34px; text-align: center; margin-top: 20px; margin-left: 20px; } .news-more:hover { background: #C63E48; color:#fff; } .yaMap .map-info-object { left: 150px; z-index: 1; top: 10px; width: 320px; color: #19171A; font-size: 16px; line-height: 20px; position: absolute; border-radius: 2px; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.9); text-align: center; } .yaMap .map-info-object .title-info { left: -2px; top: -26px; width: 100%; opacity: 0.9; color: #fff; font-size: 30px; font-weight: 900; line-height: 30px; position: absolute; text-transform: uppercase; } .yaMap .map-info-object .caption { font-size: 18px; /*line-height: 20px;*/ padding: 0 0 5px; font-family: 'Roboto', "PTSansBold", sans-serif; font-weight: bold; } .yaMap .map-info-object .image { float: left; /*margin: 0 15px 0 0;*/ } .yaMap .map-info-object .image img { width: 270px; } .yaMap .map-info-object .address { /*margin: -2px 0 5px;*/ font-size: 18px; text-align: left; } .yaMap .map-info-object .mode { opacity: 0.6; } .yaMap .map-info-object .phone { padding: 0px 0 5px; font-family: 'Roboto', "PTSansBold", sans-serif; } .yaMap .map-info-object .phone a { color: var(--color-1); text-decoration: none; border-bottom: 1px solid; font-family: 'Roboto', "PTSansRegular", sans-serif; } .yaMap .map-info-object .email { font-family: 'Roboto', "PTSansBold", sans-serif; } .yaMap .map-info-object .email a { color: var(--color-1); text-decoration: none; border-bottom: 1px solid; font-family: 'Roboto', "PTSansRegular", sans-serif; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .yaMap .map-info-object .irow { min-height: 25px; } .weBuild .blockBuld h4 { font-size: 26px; margin: 20px 0; font-weight: bold; line-height: 30px; } footer .footerBlock h3 { font-size: 20px; margin: 0 0 10px; font-family: 'Roboto', PTSansBold; } .news-stati-footer { width: 570px; height: 353px; } .news-stati-footer img { object-fit: cover; width: 100%; height: 100%; } .container img { /*opacity: 1;*/ /*transition: opacity 0.3s;*/ } .container img[data-src] { opacity: 0; } .project-accordion { list-style: none; margin: 0 5%; } .project-accordion-item { border: 1px solid lightgray; border-top: 0; border-right: 0; border-left: 0; background: url(https://ro-stroj.ru/uploads/accordion_open.png) no-repeat 97% 17px; } .project-accordion-item-no { border: 1px solid #c3d3e4; border-top: 0; border-right: 0; border-left: 0; } .project-accordion-item:first-child { /* border-top: 1px solid #c3d3e4; */ } .project-accordion-item-open { background: url(https://ro-stroj.ru/uploads/accordion_close.png) no-repeat 97% 17px; } .project-accordion-title { font-size: 18px; line-height: 22px; padding: 10px 15px; cursor: pointer; } .project-accordion-title16 { font-size: 20px; line-height: 24px; font-weight: bold; } .project-accordion-content { font-size: 18px; line-height: 22px; padding: 0 25px 10px; } @media(max-width:767px) { .project-accordion-content { padding: 0 0px 15px; } .project-accordion { list-style: none; margin: 0; } } .project-p-newclass { color: white; position: absolute; width: 100%; bottom: 0px; padding: 10px 0px; size: 20px; text-align: center; /* background-color: brown; */ /* opacity: 0.7; */ background: red; /* А это работает */ background: rgba(255, 0, 0, 0.5); } .dopclassvporject { text-shadow: aquamarine; font-weight: bolder; color: green; text-shadow: -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white, 0 0 8px white, 0 0 8px white, 0 0 8px white, 2px 2px 3px black; } .tabkompl { cursor: pointer; border-bottom: 1px solid lightgray !important; color: black; } .kompltabactive { padding-bottom: 6px; border-bottom: 3px solid var(--color-1) !important; font-weight: bold; color:var(--color-1); } .col-style-min-768 { display:none; } .tabdesc { display:none; float: left; width: 100%; padding: 20px 0px; } @media(max-width:767px) { .col-style-min-768 { display:block; } .tabdesc { display:block; } } .navbar.bottom-nav .navbar--active .icon-bar-1 { transform: rotate(45deg); } .navbar.bottom-nav .navbar--active .icon-bar-2 { transform: translateX(-200px); } .navbar.bottom-nav .navbar--active .icon-bar-3 { transform: rotate(-45deg); } .navbar-toggle { transform: rotate(0deg); } .navbar--active { transform: rotate(90deg); } .span_del_circle { padding: 15px 15px 15px 30px; width: 100%; color: #f2f2f2; border-radius: 0; background: transparent; text-transform: uppercase; font-family: 'Roboto', "PTSansRegular", sans-serif; cursor: pointer; } .navbar.bottom-nav .nav-pills li > span { color: #f2f2f2; border-radius: 0; padding: 20px 7px; background: transparent; text-transform: uppercase; font-family: 'Roboto', "PTSansRegular", sans-serif; position: relative; display: block; text-align: center; cursor: pointer; } /* Stylesheet: home:style_newdop:07072019 Modified On 2020-04-28 17:42:47 */ /*Fonts*/ @font-face { font-family: "PTSansRegular"; src: url("/fonts/PTSansRegular/PTSansRegular.eot"); src: url("/fonts/PTSansRegular/PTSansRegular.eot?#iefix") format("embedded-opentype"), url("/fonts/PTSansRegular/PTSansRegular.woff") format("woff"), url("/fonts/PTSansRegular/PTSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSansItalic"; src: url("/fonts/PTSansItalic/PTSansItalic.eot"); src: url("/fonts/PTSansItalic/PTSansItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/PTSansItalic/PTSansItalic.woff") format("woff"), url("/fonts/PTSansItalic/PTSansItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSansBold"; src: url("/fonts/PTSansBold/PTSansBold.eot"); src: url("/fonts/PTSansBold/PTSansBold.eot?#iefix") format("embedded-opentype"), url("/fonts/PTSansBold/PTSansBold.woff") format("woff"), url("/fonts/PTSansBold/PTSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } .navbar { margin: 0; } .navbar.top-nav { border: 0 none; margin: 10px 0; background: transparent; } .navbar.top-nav .navbar-brand { padding-top: 0; margin-left: 0; padding-bottom: 0; } .navbar.top-nav .navbar-nav li a { color: #19171A; } .navbar.bottom-nav { border: 0; min-height: 40px; border-radius: 0; /*background: #19171A;*/ } .navbar.bottom-nav.navbar-fixed-top { z-index: 999; } .navbar.bottom-nav .navbar-toggle { /*border: 1px solid #fff;*/ } .navbar.bottom-nav .navbar-toggle:focus, .navbar.bottom-nav .navbar-toggle:hover { /*background-color: var(--color-1);*/ } .navbar.bottom-nav .navbar-toggle .icon-bar { background: #fff; } .navbar.bottom-nav .nav-pills li.active > a { background: #19171A; } .navbar.bottom-nav .nav-pills li > a { color: #fff; border-radius: 0; padding: 20px 7px; background: transparent; text-transform: uppercase; font-family: 'Roboto', "PTSansRegular", sans-serif; } .navbar.bottom-nav .nav-pills li > a:hover { /* background: var(--color-1); background: linear-gradient(to top, var(--color-1), #b5212a, #c4232e, #b5212a, var(--color-1)); */ /*color: #c4232e;*/ color: #fff; } .navbar.bottom-nav .nav-pills li > a[aria-expanded="true"] { background: var(--color-1); } .navbar.bottom-nav .nav-pills li:hover .dropdown-menu { display: block; } .navbar.bottom-nav .nav-pills li .dropdown-menu { margin: 0; padding: 0; border: 0 none; box-shadow: none; border-radius: 0; background: rgba(25, 23, 26, 0.8); } .navbar.bottom-nav .nav-pills li .dropdown-menu li a { padding: 15px; } /************************************************/ a { text-decoration: none; } img { vertical-align: middle; max-width: 100%; height: auto; } textarea { resize: none; overflow: auto; } ul, ol { margin: 0; padding: 0 20px; list-style: none; } textarea, input, a, button { outline: none !important; } html, body { width: 100%; position: relative; } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: none; } button { cursor: pointer; } /************************************************/ /************************************************/ ._l { float: left; } ._r { float: right; } ._c { overflow: hidden; } ._clr { clear: both; } .clearfix::after { content: ""; display: table; clear: both; } /************************************************/ /************************************************/ * { box-sizing: border-box; margin: 0; padding: 0; } #wrapper { overflow: hidden; } .header_contacts_container { max-width: 1145px; margin: 0 auto; padding: 15px 0; } .header_contacts { display: inline-block; vertical-align: bottom; margin-left: 40px; color: #2d2c2c; } .logo { display: inline-block; vertical-align: bottom; margin-right: 100px; } .header_phone { font-size: 18px; font-weight: 700; margin-top: 20px; } .header_phone span { color: #919191; } .header_callback_btn { width: 210px; height: 44px; float: right; color: #fff; text-align: center; line-height: 44px; background: #d70000; } .header_callback_btn span { margin-right: 10px; font-weight: 700; font-size: 18px; text-transform: uppercase; } .top_slider_wrp { max-width: 1170px; margin: 0 auto 25px; } .top_slider .swiper-slide { width: 100%; height: 300px; background-position: 50% 50%; background-size: cover; } .top_slider .swiper-button-prev { width: 18px; height: 29px; background: url(/images/white-prev.png); } .top_slider .swiper-button-next { width: 18px; height: 29px; background: url(/images/white-next.png); transform: translateX(-330px); } .top_slide_txt { width: 330px; height: 300px; float: right; color: #fff; text-align: center; background: rgba(111, 112, 114, 0.71); padding: 25px 20px 10px; } .top_slide_txt .ttl { font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; } .top_slide_txt .txt { font-size: 18px; font-weight: 700; margin-bottom: 25px; } .more_btn { display: inline-block; width: 195px; line-height: 45px; text-align: center; font-size: 18px; font-weight: 700; color: #595959; background: #fff; text-transform: uppercase; } h1 { margin: 0 0 25px 0; font-size: 36px; line-height: 42px; font-weight: 700; color: var(--text-color-h1); text-align: center; } .project_cards_wrp { font-size: 0; max-width: 1170px; margin: 0 auto 15px; text-align: center; } .project_card { display: inline-block; vertical-align: top; width: 360px; height: 340px; /*margin: 10px;*/ } .project_card .img { width: 100%; height: 296px; position: relative; background-position: 50% 50%; background-size: cover; } .project_card .img_overlay { width: 100%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.22) 73%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.22) 73%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.22) 73%, rgba(0, 0, 0, 0.3) 100%); position: absolute; left: 0; top: 0; height: 100%; z-index: 1; } .project_card .img_txt { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; color: #d0d0d0; font-size: 18px; padding: 15px 15px 10px; text-align: left; } .project_card .img_txt li { vertical-align: top; margin-bottom: 10px; width: 49%; display: inline-block; } .project_card .img_hover { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background: rgba(77, 77, 77, 0.74); text-align: center; padding-top: 150px; opacity: 0; transition: .3s; } .project_card .img_hover a { display: inline-block; width: 240px; height: 40px; border: 2px solid #fff; font-weight: 700; font-size: 18px; text-transform: uppercase; color: #fff; line-height: 36px; } .project_card .img_hover:hover { opacity: 1; } .project_category { color: #fff; height: 44px; line-height: 44px; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; background: #9f0002; } .project_category .category_icon { float: right; line-height: 44px; margin-right: 10px; } .project_card_form { background: #9f0002; /*color: #fff;*/ text-align: center; padding: 40px 45px 0; } .project_card_form .ttl { font-size: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; color: #fff; } .project_card_form input[type=text] { width: 100%; height: 40px; margin-bottom: 20px; border: none; font-size: 18px; text-align: center; } .project_card_form .red_btn { width: 100%; } .red_btn span { font-size: 18px; font-weight: 700; text-transform: uppercase; margin-right: 10px; color: #fff; vertical-align: middle; } h2 { font-size: 36px; line-height: 42px; font-weight: 700; color: #595959; text-align: center; margin-bottom: 40px; text-transform: uppercase; } .select_project_wrp { background: #e4eaf1; max-width: 1140px; margin: 0 auto; padding: 40px 10px 60px; text-align: center; } .select_container { display: inline-block; vertical-align: top; width: 265px; text-align: left; margin: 0 15px 15px; } .select_container .ttl { font-size: 18px; font-weight: 700; color: #595959; margin-bottom: 10px; } .select_container .jq-selectbox { width: 100%; height: 48px; background: #ededed; background: -moz-linear-gradient(top, #ededed 0%, white 100%); background: -webkit-linear-gradient(top, #ededed 0%, white 100%); background: linear-gradient(to bottom, #ededed 0%, white 100%); border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; cursor: pointer; } .select_container .jq-selectbox__select-text { line-height: 48px; padding-left: 20px; font-size: 18px; color: #595959; } .select_container .jq-selectbox__trigger { width: 52px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #dbdbdb; background: url(/images/black-down.png) 50% 50% no-repeat; } .select_container .jq-selectbox__dropdown { background: #fff; width: 100%; padding: 15px 0; } .select_container .jq-selectbox__dropdown li { font-size: 18px; color: #595959; line-height: 36px; padding: 0 15px; } .select_container .jq-selectbox__dropdown li:hover { background: #cecece; } .prices_block { max-width: 1140px; margin: 0 auto 45px; background: url(/images/price_block_bg.png) 0 0/cover; text-align: center; color: #fff; padding: 22px 10px; } .prices_block span { font-weight: 700; font-size: 30px; vertical-align: middle; margin-right: 30px; } .price_btn { display: inline-block; vertical-align: middle; margin-right: 30px; color: #fff; border: 2px solid #fff; line-height: 36px; height: 40px; width: 264px; background: #d70000; font-size: 18px; font-weight: 700; text-transform: uppercase; } .two_col_txt_wrp { max-width: 1140px; margin: 0 auto; line-height: 24px; } .two_col_txt_wrp ._l { width: 50%; padding-right: 15px; text-align: justify; } .two_col_txt_wrp ._r { width: 50%; padding-left: 15px; text-align: justify; } .we_build { max-width: 980px; margin: 0 auto; padding: 35px 10px; } .we_build_block { margin-bottom: 25px; line-height: 24px; float: left; width: 25%; padding-left: 20px; } .we_build_block .ttl { font-size: 20px; font-weight: 700; color: #595959; margin-bottom: 20px; } .we_build_block a { color: #2d2d2d; font-size: 18px; } .we_build_block a:hover { text-decoration: underline; } .stages_wrp { max-width: 1140px; margin: 0 auto; padding: 0 10px 65px; background: white; position: relative; background: -moz-linear-gradient(top, white 0%, #c8d5e0 100%); background: -webkit-linear-gradient(top, white 0%, #c8d5e0 100%); background: linear-gradient(to bottom, white 0%, #c8d5e0 100%); } .stages_wrp .txt { max-width: 945px; margin: 0 auto; text-align: justify; } .steps_container { text-align: center; margin-bottom: 50px; } .services_wrp { max-width: 1140px; margin: 0 auto 40px; text-align: center; } .service_block { display: inline-block; vertical-align: top; margin: 10px 38px; font-size: 18px; font-weight: 700; color: #1c1c1c; text-transform: uppercase; max-width: 120px; } .service_block .img { margin-bottom: 10px; min-height: 67px; } .guarantees_wrp { max-width: 1170px; min-height: 647px; margin: 0 auto 40px; padding: 35px 110px 15px; background: url(/images/guarantees_bg.png) 0 0/cover; } .guarantees_wrp .txt { margin-bottom: 60px; text-align: justify; } .fb_client { width: 120px; float: left; margin-right: 30px; text-align: center; } .fb_client .photo { width: 86px; height: 86px; border-radius: 50%; margin: 0 auto 6px; } .fb_client .name { color: #5b5b5b; margin-bottom: 5px; } .fb_client .position { color: #000; } .fb_text { overflow: hidden; } .fb_text .ttl { color: #000000; text-transform: uppercase; margin: 20px 0 10px 0; } .fb_text .txt { color: #5b5b5b; } .fb_carousel .swiper-button-prev { width: 10px; height: 14px; background: url(/images/red-prev.png); margin: 0; left: 0; top: 0; } .fb_carousel .swiper-button-next { width: 10px; height: 14px; background: url(/images/red-next.png); margin: 0; top: 0; left: 30px; right: auto; } .fb_carousel_more { position: relative; padding-left: 150px; margin-bottom: 25px; } .read_all_fb { color: #000; text-decoration: underline; } .read_all_fb img { margin-left: 10px; } .popuplar_projects_wrp { max-width: 1140px; margin: 0 auto 80px; position: relative; } .view_all_proj { display: inline-block; width: 195px; height: 40px; border: 2px solid #88898b; color: #595959; font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 36px; position: absolute; right: 0; top: 3px; } .popuplar_project { width: 380px; float: left; margin-bottom: 20px; } .popuplar_project .img { width: 100%; height: 290px; background-position: 50% 50%; background-size: cover; } .proj_txt { height: 160px; overflow: hidden; padding: 30px 35px 0; position: relative; } .proj_txt .ttl { font-size: 18px; font-weight: 700; color: #167dd5; text-transform: uppercase; margin-bottom: 10px; } .proj_txt .txt { color: #222; } .proj_txt .cost { font-size: 18px; font-weight: 700; color: #222; margin-top: 20px; } .heart_icon { width: 21px; height: 18px; position: absolute; top: 20px; right: 20px; background: url(/images/heart_icon.png); cursor: pointer; } .heart_icon.active { background: url(/images/heart_icon-active.png); } .popuplar_project:hover { background: #f7f7f7; } .copyright { text-align: center; color: #fff; padding: 25px 10px; background: #747474; } /*# sourceMappingURL=styles.css.map */ .btn:hover, .btn:focus, .btn:active.btn:hover, .btn:active.btn:focus { color: #fff; outline: none; background: #C63E48; border: 1px solid #C63E48; } .btn:focus { outline: none; } .form-control:focus { outline: 0; border-color: var(--color-1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(166, 30, 40, 0.6); } footer { padding: 40px 0 0; } footer .footerBlock h2 { font-size: 20px; margin: 0 0 10px; font-family: 'Roboto', PTSansBold; font-weight: 500; line-height: 1.1; color: inherit; text-align: left; } footer .footerBlock ul { margin: 0; padding: 0; list-style-type: none; } footer .footerBlock ul li a { color: #6C7173; display: block; margin-bottom: 10px; } footer .footerBlock ul li a:hover { color: #19171A; } footer .footerBlock ul li a span { color: #19171A; } footer .footerBlock ul li img { margin-bottom: 10px; } footer .footerBlock ul li.social a { height: 50px; width: 50px; display: inline-block; } footer .footerBlock ul li.social a img { width: 100%; height: 100%; object-fit: cover; } footer .footerBottom { color: #fff; height: 100%; font-size: 18px; padding: 20px 0; margin-top: 20px; background: #6C7173; text-align: center; } footer .footerline { height: 100%; padding: 2px 0; margin-top: 10px; background: #6C7173; text-align: center; } .clear { clear: both; } /* Stylesheet: teststroj1:07072019 Modified On 2019-12-07 22:11:45 */ /*Fonts*/ @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/roboto-bold.eot'); src: url('/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/roboto-bold.woff') format('woff'), url('/fonts/roboto/roboto-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/roboto-bolditalic.eot'); src: url('/fonts/roboto/roboto-bolditalic.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/roboto-bolditalic.woff') format('woff'), url('/fonts/roboto/roboto-bolditalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/roboto-italic.eot'); src: url('/fonts/roboto/roboto-italic.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/roboto-italic.woff') format('woff'), url('/fonts/roboto/roboto-italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/roboto-medium.eot'); src: url('/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/roboto-medium.woff') format('woff'), url('/fonts/roboto/roboto-medium.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/roboto-mediumitalic.eot'); src: url('/fonts/roboto/roboto-mediumitalic.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/roboto-mediumitalic.woff') format('woff'), url('/fonts/roboto/roboto-mediumitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/roboto-regular.eot'); src: url('/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/roboto-regular.woff') format('woff'), url('/fonts/roboto/roboto-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "PTSansRegular"; src: url("/fonts/PTSansRegular/PTSansRegular.eot"); src: url("/fonts/PTSansRegular/PTSansRegular.eot?#iefix") format("embedded-opentype"), url("/fonts/PTSansRegular/PTSansRegular.woff") format("woff"), url("/fonts/PTSansRegular/PTSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSansItalic"; src: url("/fonts/PTSansItalic/PTSansItalic.eot"); src: url("/fonts/PTSansItalic/PTSansItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/PTSansItalic/PTSansItalic.woff") format("woff"), url("/fonts/PTSansItalic/PTSansItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSansBold"; src: url("/fonts/PTSansBold/PTSansBold.eot"); src: url("/fonts/PTSansBold/PTSansBold.eot?#iefix") format("embedded-opentype"), url("/fonts/PTSansBold/PTSansBold.woff") format("woff"), url("/fonts/PTSansBold/PTSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } .navbar { margin: 0; } .navbar.top-nav { border: 0 none; margin: 10px 0; background: transparent; /*background-image: url(/uploads/snow-2020.png);*/ padding: 10px 0; margin: 0px; } .navbar.top-nav .navbar-brand { padding-top: 0; margin-left: 0; padding-bottom: 0; } .navbar.top-nav .navbar-nav li a { color: #19171A; } .navbar.bottom-nav.navbar-fixed-top { z-index: 999; } .navbar.bottom-nav .navbar-toggle { /*border: 1px solid #000;*/ } .navbar.bottom-nav .navbar-toggle:focus, .navbar.bottom-nav .navbar-toggle:hover { /*background-color: var(--color-1);*/ } .navbar.bottom-nav .navbar-toggle .icon-bar { background: #000; } .navbar.bottom-nav .nav-pills li.active > a { /* background: var(--color-1); background: linear-gradient(to top, var(--color-1), #b5212a, #c4232e, #b5212a, var(--color-1)); */ } .navbar.bottom-nav .nav-pills li > a { color: #f2f2f2; border-radius: 0; padding: 20px 7px; background: transparent; text-transform: uppercase; font-family: 'Roboto', "PTSansRegular", sans-serif; } .navbar.bottom-nav .nav-pills li > a:hover { /* background: var(--color-1); background: linear-gradient(to top, var(--color-1), #b5212a, #c4232e, #b5212a, var(--color-1)); */ color: #c4232e; } .navbar.bottom-nav .nav-pills li > a[aria-expanded="true"] { background: var(--color-1); } .navbar.bottom-nav .nav-pills li:hover .dropdown-menu { display: block; max-height: 445px !important; opacity: 1; } @media (max-width: 768px) { .navbar.bottom-nav .nav-pills li .dropdown-menu { margin: 0; padding: 0; border: 0 none; box-shadow: none; border-radius: 0; background: rgba(25, 23, 26, 0.8); max-height: 0px !important; /*overflow:hidden;*/ -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; display: block; opacity: 0; } .navbar.bottom-nav .nav-pills li .dropdown-menu li a { padding: 15px; } } @media (min-width: 769px) { .navbar.bottom-nav .nav-pills li .dropdown-menu { margin: 0; /*padding: 0;*/ border: 0 none; box-shadow: none; border-radius: 0; border: 1px solid var(--color-1); border-left: 5px solid var(--color-1); padding: 1px; background: rgba(25, 23, 26, 0.9); max-height: 0px !important; overflow:hidden; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear; display: inline-block; opacity: 0; } .navbar.bottom-nav .nav-pills li .dropdown-menu li a { /*padding: 15px;*/ padding: 15px 15px 15px 30px; width: 100%; } .navbar.bottom-nav .nav-pills li .dropdown-menu li { border-bottom: 1px solid var(--color-1); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; } .navbar.bottom-nav .nav-pills li .dropdown-menu li:before { content: ""; border: 7px solid transparent; border-left: 7px solid #d22733; position: absolute; left: 12px; } } @media only screen and (max-width: 820px) { .navbar.top-nav .navbar-form { display: none; } .navbar.top-nav .navbar-nav li a { padding-left: 10px; padding-right: 10px; } .navbar.bottom-nav .nav-pills > li > a { white-space: nowrap; } } @media only screen and (max-width: 768px) { .navbar.top-nav { padding-top: 65px; } .navbar.top-nav .navbar-header .navbar-right { float: right; margin: 0 15px; text-align: center; } .navbar.top-nav .navbar-header .navbar-right li { margin-bottom: 5px; } .navbar.top-nav .navbar-header .navbar-right li a { padding: 0 15px; } .navbar.top-nav .navbar-header .navbar-right li button { margin: 0; } .navbar.bottom-nav .navbar-toggle { margin-top: 9px; margin-bottom: 9px; margin-right: 10px; float: right; } .navbar.bottom-nav .nav-pills > li > a { text-align: left; font-size: 14px; padding: 15px 5px; font-family: 'Roboto', "PTSansBold", sans-serif; } .navbar.bottom-nav .nav-pills > li .dropdown-menu { float: none; padding-left: 0px; margin-top: -5px; margin-left: 0px; text-align: left; /*06.05.2019position: relative;*/ } .navbar.bottom-nav .nav-pills > li .dropdown-menu li a { padding: 7px; text-transform: none; } } /*@media only screen and (max-width: 480px) {*/ @media only screen and (max-width: 768px) { .navbar.top-nav { padding-top: 40px; } .navbar.top-nav .navbar-header .navbar-right { float: none; } .navbar.top-nav .navbar-header .navbar-brand { float: none; display: block; text-align: center; margin: 30px 0 10px; } .navbar.top-nav .navbar-header .navbar-brand img { display: inline-block; } .navbar.bottom-nav .nav-pills li a { padding: 10px 25px; } .navbar.bottom-nav .nav-pills li .dropdown-menu li a { padding: 5px; } } .swiper-container-slider { width: 100%; height: 100%; } .swiper-container-slider .swiper-slide { text-align: center; height: 600px; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .swiper-container-slider .swiper-slide .blockText { color: #fff; position: absolute; } .swiper-container-slider .swiper-slide .blockText h5 { margin: 0; font-size: 80px; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } .swiper-container-slider .swiper-slide .blockText h3 { margin: 0; font-size: 80px; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } .swiper-container-slider .swiper-slide .blockText p { margin: 30px 0; font-size: 50px; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } .swiper-container-slider .swiper-slide .blockText button { font-size: 30px; } .swiper-container-slider .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23ffffff'/%3E%3C/svg%3E"); } .swiper-container-slider .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23ffffff'/%3E%3C/svg%3E"); } @media only screen and (max-width: 769px) { .swiper-container-slider .swiper-slide { height: auto; } .swiper-container-slider .swiper-slide .blockText h5 { margin: 0; font-size: 40px; text-transform: uppercase; } .swiper-container-slider .swiper-slide .blockText p { font-size: 20px; margin: 10px 0 20px; } .swiper-container-slider .swiper-slide .blockText button { font-size: 20px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .swiper-container-slider .swiper-slide { height: auto; } .swiper-container-slider .swiper-slide .blockText h5 { margin: 0; font-size: 20px; } .swiper-container-slider .swiper-slide .blockText p { margin: 0 0 10px; padding: 0 40px; font-size: 18px; } .swiper-container-slider .swiper-slide .blockText button { font-size: 16px; } } /*begin slider project*/ .swiper-container-sliderproj { width: 100%; height: 100%; } .swiper-container-sliderproj .swiper-slide { text-align: center; height: 600px; font-size: 18px; background: #fff; cursor: pointer; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container-sliderproj .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .swiper-container-sliderproj .swiper-slide .blockText { color: #fff; position: absolute; padding: 5px; background-color: rgba(255, 255, 255, 0.8); border-radius: 5px; top: 10px; } .swiper-container-sliderproj .swiper-slide .blockText h1 { margin: 0; font-size: 80px; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } .swiper-container-sliderproj .swiper-slide .blockText p { margin: 10px 0; /*font-size: 50px; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A;*/ } .swiper-container-sliderproj .swiper-slide .blockText p span{ font-size: 14px; } .swiper-container-sliderproj .swiper-slide .blockText button { /*font-size: 30px;*/ } .swiper-container-sliderproj .swiper-button-next { height: 100%; top: 0; padding: 0 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23ffffff'/%3E%3C/svg%3E"); } .swiper-container-sliderproj .swiper-button-prev { height: 100%; top: 0; padding: 0 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23ffffff'/%3E%3C/svg%3E"); } @media only screen and (max-width: 769px) { .swiper-container-sliderproj .swiper-slide { height: auto; } .swiper-container-sliderproj .swiper-slide .blockText h1 { margin: 0; font-size: 40px; text-transform: uppercase; } .swiper-container-sliderproj .swiper-slide .blockText p { font-size: 20px; margin: 10px 0 20px; } .swiper-container-sliderproj .swiper-slide .blockText button { font-size: 20px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .swiper-container-sliderproj .swiper-slide { height: auto; } .swiper-container-sliderproj .swiper-slide .blockText h1 { margin: 0; font-size: 20px; } .swiper-container-sliderproj .swiper-slide .blockText p { margin: 0 0 10px; padding: 0 40px; font-size: 18px; } .swiper-container-sliderproj .swiper-slide .blockText button { font-size: 16px; } } /* end slider project*/ .caruselProject { background: var(--background-table,#eee); margin-top: 50px; } .caruselProject .swiper-container-carusel { padding: 0 50px; } .caruselProject .swiper-container-carusel .swiper-slide { font-size: 18px; background: var(--background-color,#fff); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 20px 0; text-align: center; box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15); } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel { /*padding: 0 40px;*/ } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel img { height: 225px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .img img { height: 180px; /*width:auto;*/ object-fit: cover; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option { padding: 0 40px; font-size: 18px; line-height: 24px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header { padding: 0 10px; height: 105px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header h2 { color: #19171A; font-size: 24px; margin: 15px 0 10px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header h6 { color: #19171A; font-size: 24px; margin: 15px 0 10px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header h4 { color: var(--text-color-h2,#292e30); font-size: 30px; line-height: 34px; text-transform: none; margin: 15px 0 10px; font-family: 'Roboto', "PTSansBold", sans-serif; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header h2 span { font-size: 26px; color: var(--color-1); } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option { text-align: left; font-size: 16px; height: 30px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.first { color: var(--text-color-h2,#292e30); } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.second { font-size: 24px; line-height: 28px; color: var(--text-color-navigtel,#A61E28); font-family: 'Roboto', "PTSansBold", sans-serif; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel button { padding: 6px 30px; margin: 10px 0 0; } .caruselProject .swiper-container-carusel .swiper-button-prev { top: 0; left: 0; margin: 0; width: 40px; height: 100%; background: var(--background-table,#eee); } .caruselProject .swiper-container-carusel .swiper-button-prev:after { top: 50%; left: 5px; content: ""; z-index: 10; width: 27px; height: 44px; display: block; cursor: pointer; margin-top: -22px; position: absolute; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23A61E28'/%3E%3C/svg%3E"); } .caruselProject .swiper-container-carusel .swiper-button-next { top: 0; right: 0; margin: 0; width: 40px; height: 100%; background: var(--background-table,#eee); } .caruselProject .swiper-container-carusel .swiper-button-next:after { top: 50%; right: 5px; content: ""; z-index: 10; width: 27px; height: 44px; display: block; cursor: pointer; margin-top: -22px; position: absolute; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23A61E28'/%3E%3C/svg%3E"); } .caruselProject .allProjects { margin-top: 50px; text-align: center; } .caruselProject .allProjects a { font-size: 18px; padding: 6px 32px; text-transform: uppercase; } .we_work_portfolio { padding:70px 0; background:var(--background-table,#eee); } /* Small Devices, Tablets */ /* Small Devices, Tablets */ @media only screen and (max-width: 1025px) { .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .img img { height: 130px; } } @media only screen and (max-width: 820px) { .caruselProject { margin-top: -50px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .img img { height: 100px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header h2 { font-size: 20px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option { text-align: left; font-size: 16px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.first { color: var(--text-color-h2,#292e30); } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.second { font-size: 20px; white-space: nowrap; color: var(--text-color-navigtel,#A61E28); font-family: 'Roboto', "PTSansBold", sans-serif; } .caruselProject .swiper-container-carusel .swiper-button-prev { top: 12%; left: -1px; height: 70%; } .caruselProject .swiper-container-carusel .swiper-button-next { top: 12%; right: -1px; height: 70%; } .caruselProject .allProjects { margin-top: 50px; text-align: center; } .caruselProject .allProjects a { font-size: 24px; padding: 6px 30px; text-transform: uppercase; } } @media only screen and (max-width: 768px) { .caruselProject { margin-top: -50px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .img img { height: 100px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header h2 { font-size: 20px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option { text-align: left; font-size: 16px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.first { color: var(--text-color-h2,#292e30); } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.second { font-size: 20px; color: var(--text-color-navigtel,#A61E28); font-family: 'Roboto', "PTSansBold", sans-serif; } .caruselProject .swiper-container-carusel .swiper-button-prev { top: 12%; left: -1px; height: 70%; } .caruselProject .swiper-container-carusel .swiper-button-next { top: 12%; right: -1px; height: 70%; } .caruselProject .allProjects { margin-top: 50px; text-align: center; } .caruselProject .allProjects a { font-size: 24px; padding: 6px 30px; text-transform: uppercase; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .caruselProject { margin-top: -45px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .img img { height: 100px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header h2 { font-size: 20px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option { text-align: left; font-size: 16px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.first { color: var(--text-color-h2,#292e30); } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.second { font-size: 20px; color: var(--text-color-navigtel,#A61E28); font-family: 'Roboto', "PTSansBold", sans-serif; } .caruselProject .swiper-container-carusel .swiper-button-prev { top: 0; left: 0; height: 100%; } .caruselProject .swiper-container-carusel .swiper-button-next { top: 0; right: 0; height: 100%; } .caruselProject .allProjects { margin-top: 50px; text-align: center; } .caruselProject .allProjects a { font-size: 14px; padding: 6px 12px; text-transform: uppercase; } } .sectionReviews { padding: 40px 0; background: var(--background-table,#eee); } .sectionReviews h1 { margin: 0; text-align: center; } .sectionReviews h1 a { color: #19171A; font-size: 30px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; border-bottom: 1px solid #6C7173; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sectionReviews h1 a:hover { text-decoration: none; border-bottom: 1px solid #19171A; } .sectionReviews .swiper-container-reviews .blockText .img { float: left; width: 250px; margin-top: -20px; margin-left: 50px; text-align: center; } .sectionReviews .swiper-container-reviews .blockText .img h2 { font-size: 20px; margin: 10px 0 0; font-family: 'Roboto', "PTSansBold", sans-serif; } .sectionReviews .swiper-container-reviews .blockText .img h6 { font-size: 20px; margin: 10px 0 0; font-family: 'Roboto', "PTSansBold", sans-serif; } .sectionReviews .swiper-container-reviews .blockText .text { margin: 40px 0; margin-left: 300px; padding: 0 100px 0 0; } .sectionReviews .swiper-container-reviews .blockText .text h3 { font-size: 26px; } .sectionReviews .swiper-container-reviews .blockText .text p { font-size: 18px; } @media only screen and (max-width: 768px) { .sectionReviews h1 { font-size: 26px; } .sectionReviews .swiper-container-reviews .blockText .img { float: none; width: auto; margin-top: 30px; margin-left: 0px; text-align: center; } .sectionReviews .swiper-container-reviews .blockText .img h2 { font-size: 20px; margin: 10px 0 0; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .sectionReviews .swiper-container-reviews .blockText .img p { font-size: 18px; } .sectionReviews .swiper-container-reviews .blockText .text { margin: 30px 0; margin-left: 0px; padding: 0 60px 10px; } .sectionReviews .swiper-container-reviews .blockText .text h3 { font-size: 20px; font-family: 'Roboto', "PTSansBold", sans-serif; } .sectionReviews .swiper-container-reviews .blockText .text p { font-size: 18px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .sectionReviews h1 { font-size: 26px; } .sectionReviews .swiper-container-reviews .blockText .img { float: none; width: auto; margin-top: 30px; margin-left: 0px; text-align: center; } .sectionReviews .swiper-container-reviews .blockText .img h2 { font-size: 20px; margin: 10px 0 0; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .sectionReviews .swiper-container-reviews .blockText .img p { font-size: 18px; } .sectionReviews .swiper-container-reviews .blockText .text { margin: 30px 0; margin-left: 0px; padding: 0 50px 10px; } .sectionReviews .swiper-container-reviews .blockText .text h3 { font-size: 16px; font-family: 'Roboto', "PTSansBold", sans-serif; } .sectionReviews .swiper-container-reviews .blockText .text p { font-size: 14px; } } .btn { font-size: 18px; line-height: 24px; color: var(--text-color-btn); background: var(--color-1); border: 2px solid var(--border-btn); -moz-transition: background-color 0.8s 0.1s ease; -o-transition: background-color 0.8s 0.1s ease; -webkit-transition: background-color 0.8s 0.1s ease; } .btn:hover, .btn:focus, .btn:active.btn:hover, .btn:active.btn:focus { color: var(--text-color-btn); outline: none; background: #C63E48; border: 2px solid #C63E48; } .btn:focus { outline: none; } .form-control { color: var(--text-color, #19171A); border: 1px solid var(--text-color, #19171A); background-color: var(--background-color, #fff); } .form-control:focus { outline: 0; border-color: var(--border-btn); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(166, 30, 40, 0.6); } footer { padding: 40px 0 0; background: url(/uploads/bcg_footer.jpg) 0 0 / cover; } footer .footerBlock h2 { font-size: 20px; margin: 0 0 10px; font-family: 'Roboto', PTSansBold; } footer .footerBlock h5 { font-size: 20px; margin: 0 0 10px; font-family: 'Roboto', PTSansBold; } footer .footerBlock ul { margin: 0; padding: 0; list-style-type: none; } footer .footerBlock ul li a { color: #6C7173; display: block; margin-bottom: 10px; } footer .footerBlock ul li a:hover { color: #19171A; } footer .footerBlock ul li a span { color: #19171A; } footer .footerBlock ul li img { margin-bottom: 10px; } footer .footerBlock ul li.social a { height: 32px; width: 32px; display: inline-block; } footer .footerBlock ul li.social a img { width: 100%; height: 100%; object-fit: cover; } footer .footerBottom { color: #fff; height: 100%; font-size: 16px; padding: 20px 0; margin-top: 20px; background: #6C7173; text-align: center; } .clear { clear: both; } .onTop { width: 40px; right: 20px; bottom: 20px; height: 23px; z-index: 999; position: fixed; cursor: pointer; background: url("../uploads/img/to_top_img.png") no-repeat; } body { overflow-x: hidden; } section { /*overflow-x: hidden;*/ } .headerSection { text-align: center; } .headerSection h1 { z-index: 10; padding: 15px; margin: 40px 0; font-size: 50px; position: relative; background: #fff; display: inline-block; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; border: 2px solid var(--color-1); } .headerSection:before, .headerSection:after { top: 50%; content: ""; height: 2px; width: 100%; display: block; margin-top: -1px; position: absolute; background: var(--color-1); } .headerSection:before { left: 50%; } .headerSection:after { right: 50%; } /*our-advantages*/ .our-advantages .blockAdv { text-align: center; margin-bottom: 20px; } .our-advantages .blockAdv .img img { height: 100px; margin: 0 auto; } .our-advantages .blockAdv .text { font-size: 20px; margin-top: 10px; } @media only screen and (max-width: 770px) { .headerSection h1 { margin: 20px 0; font-size: 26px; } .our-advantages .blockAdv .img img { height: 70px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .headerSection h1 { margin: 20px 0; font-size: 18px; } .our-advantages .blockAdv .img img { height: 50px; } .our-advantages .blockAdv .text { font-size: 16px; } } .questionProject { text-align: center; } .questionProject .bl14-titl-bg { z-index: 1; padding: 0px 20px; display: inline-block; } .questionProject .bl14-titl-bg .bl14-titl-1 { color: #19171A; font-size: 36px; line-height: 42px; text-transform: uppercase; } .questionProject .bl14-titl-bg .bl14-titl-2 { color: #19171A; } .questionProject .form-bl14 { margin: 40px 0 0; } .questionProject .form-bl14 .form-bl-14 .controls { margin-bottom: 20px; width: 31.33%; float: left; } .questionProject .form-bl14 .form-bl-14 .controls.ots { margin-right: 3%; } .questionProject .form-bl14 .form-bl-14 .controls input { height: 50px; font-size: 18px; } .questionProject .form-bl14 .form-bl-14 .controls button { width: 100%; height: 50px; font-size: 18px; text-transform: uppercase; } @media only screen and (max-width: 768px) { .questionProject .bl14-titl-bg .bl14-titl-1 { font-size: 24px; } .questionProject .form-bl14 { margin: 40px 0 0; } .questionProject .form-bl14 .form-bl-14 .controls { margin-bottom: 20px; width: auto; float: none; } .questionProject .form-bl14 .form-bl-14 .controls.ots { margin-right: 0; } .questionProject .form-bl14 .form-bl-14 .controls input { height: 50px; font-size: 18px; } .questionProject .form-bl14 .form-bl-14 .controls button { width: 100%; height: 50px; font-size: 18px; text-transform: uppercase; } } .rangeServices { margin-top: -83px; padding: 80px 0 50px; background: url("https://ro-stroj.ru/uploads/img/bl4.jpg") no-repeat top center; background-attachment: fixed; background-size: cover; } .rangeServices .blockService { display: block; padding: 20px 0; text-align: center; -moz-transition: border 0.6s 0.1s ease; -o-transition: border 0.6s 0.1s ease; -webkit-transition: border 0.6s 0.1s ease; border: 1px solid transparent; } .rangeServices .blockService:hover { text-decoration: none; border: 1px solid #fff; } .rangeServices .blockService:focus { outline: none; text-decoration: none; } .rangeServices .blockService .img { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 75px; } .rangeServices .blockService .text { color: #fff; margin-top: 10px; } .weBuild h1 { margin: 20px 0; font-size: 36px; text-align: center; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .weBuild .blockBuld h2 { font-size: 36px; line-height: 42px; margin: 0 0 10px; } .weBuild .blockBuld h6 { font-size: 26px; margin: 0 0 10px; } .weBuild .blockBuld ul { margin: 0; padding: 0; list-style-type: none; } .weBuild .blockBuld ul li a { color: #6C7173; } .weBuild .blockBuld ul li a:hover { color: #19171A; } /* Small Devices, Tablets */ @media only screen and (max-width: 768px) { .rangeServices { margin-top: -50px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .rangeServices { margin-top: -45px; } .rangeServices .text { font-size: 12px; text-align: center; } .weBuild .blockBuld { min-height: 220px; } .weBuild .blockBuld h2 { font-size: 18px; font-family: 'Roboto', "PTSansBold", sans-serif; } .weBuild .blockBuld ul li { margin-bottom: 5px; } .weBuild .blockBuld ul li a { text-decoration: underline; } } .sectionWeWork { padding: 10px 0 40px; } .sectionWeWork .col-xs-6:last-child .blockWeWork:before, .sectionWeWork .col-xs-6:last-child .blockWeWork:after { content: none; } .sectionWeWork .blockWeWork { text-align: center; position: relative; } .sectionWeWork .blockWeWork:before { top: 55px; width: 35%; right: -25%; content: ""; display: block; position: absolute; /*border-top: 2px solid var(--color-1);*/ } .sectionWeWork .blockWeWork:after { width: 0; height: 0; top: 51px; right: -28%; content: ""; display: block; position: absolute; /* border-style: solid; */ /* border-width: 5px 0 5px 20px; */ /* border-color: transparent transparent transparent var(--color-1); */ } .sectionWeWork .blockWeWork .text h4 { color: #19171A; font-size: 26px; margin: 20px 0; font-weight: bold; line-height: 30px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .sectionWeWork .blockWeWork .text p { color: var(--text-color,#6C7173); font-size: 18px; line-height: 24px; } .sectionWeWork .justText { margin-top: 20px; } @media only screen and (max-width: 820px) { .sectionWeWork { padding: 20px 0 40px; } .sectionWeWork .blockWeWork { padding: 5px 0px; min-height: 180px; } .sectionWeWork .blockWeWork:before, .sectionWeWork .blockWeWork:after { content: none; } .sectionWeWork .blockWeWork .img img { height: 110px; } .sectionWeWork .blockWeWork .text h4 { color: #19171A; font-size: 20px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .sectionWeWork .blockWeWork .text p { color: #6C7173; line-height: 16px; } } @media only screen and (max-width: 768px) { .sectionWeWork { padding: 20px 0 40px; } .sectionWeWork .blockWeWork { padding: 5px 0px; min-height: 180px; } .sectionWeWork .blockWeWork:before, .sectionWeWork .blockWeWork:after { content: none; } .sectionWeWork .blockWeWork .img img { height: 110px; } .sectionWeWork .blockWeWork .text h4 { color: #19171A; font-size: 12px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .sectionWeWork .blockWeWork .text p { color: #6C7173; line-height: 12px; } } .diamond-box-wrap .diamond-box:hover { border: 5px solid var(--color-1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: 5px 5px 20px 2px rgba(166, 30, 40, 0.15); } .diamond-box-wrap .diamond-box .diamond-box-inner .item:hover { text-decoration: none; } .diamond-box-wrap .diamond-box .diamond-box-inner .item:hover h5 { color: #fff; text-shadow: none; } .diamond-box-wrap .diamond-box .diamond-box-inner .item:hover:before { background: rgba(0, 0, 0, 0.7); } .diamond-box-wrap .diamond-box .diamond-box-inner .item:before { content: ""; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: block; position: absolute; background: rgba(0, 0, 0, 0.5); } .diamond-box-wrap .diamond-box .diamond-box-inner .item h5 { z-index: 2; padding: 0 20px; font-size: 20px; position: relative; white-space: normal; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } @media only screen and (max-width: 1025px) { .diamond-box-wrap .diamond-box .diamond-box-inner .item h5 { font-size: 24px; } } @media only screen and (max-width: 815px) { .diamond-box-wrap .diamond-box .diamond-box-inner .item h5 { top: -25px; font-size: 16px; } } @media only screen and (max-width: 480px) { .diamond-box-wrap .diamond-box .diamond-box-inner .item h5 { top: -25px; font-size: 16px; } } .sectionFreeCalc { padding: 100px 0; text-align: center; background-image: url("https://ro-stroj.ru/uploads/img/bl14.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed; } .sectionFreeCalc .bl14-titl-bg { z-index: 1; padding: 0px 20px; display: inline-block; } .sectionFreeCalc .bl14-titl-bg .bl14-titl-1 { color: white; font-size: 30px; line-height: 1.3; text-transform: uppercase; } .sectionFreeCalc .form-bl14 { margin: 40px 0 0; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls { margin-bottom: 20px; width: 31.33%; float: left; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls.ots { margin-right: 3%; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls input { height: 50px; font-size: 18px; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls button { width: 100%; height: 50px; font-size: 18px; text-transform: uppercase; } @media only screen and (max-width: 480px) { .sectionFreeCalc { padding: 50px 0; } .sectionFreeCalc .bl14-titl-bg .bl14-titl-1 { font-size: 24px; } .sectionFreeCalc .form-bl14 { margin: 40px 0 0; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls { margin-bottom: 20px; width: auto; float: none; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls.ots { margin-right: 0; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls input { height: 50px; font-size: 18px; } .sectionFreeCalc .form-bl14 .form-bl-14 .controls button { width: 100%; height: 50px; font-size: 18px; text-transform: uppercase; } } .main-map { padding: 40px 0; max-width: 100%; color: var(--color-1); background-color: #eee; border-bottom: 2px solid #e4e4e4; } .main-map .main-section-title { margin: 0; color: #19171A; display: block; font-size: 30px; text-align: center; margin-bottom: 40px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .main-map .map .map__families { font-size: 4rem; margin-top: 15rem; } .main-map .map .map__families .map-a-border { line-height: 0.85; text-align: center; color: var(--color-1); text-decoration: none; display: inline-block; border-bottom: 2px solid; } .main-map .map .map__families, .main-map .map .map__footer { position: relative; z-index: 10; } .main-map .map .visible-xs .power { margin-top: 0px; font-size: 30px; line-height: 26px; font-family: 'Roboto', "PTSansBold", sans-serif; } .main-map .map .visible-xs .power span { display: block; font-size: 20px; font-family: 'Roboto', "PTSansRegular", sans-serif; } .main-map .map .visible-xs .year { display: block; font-size: 30px; margin-top: 20px; line-height: 26px; font-family: 'Roboto', "PTSansBold", sans-serif; } .main-map .map .visible-xs .year a { display: block; font-size: 20px; color: var(--color-1); font-family: 'Roboto', "PTSansRegular", sans-serif; } .main-map .map .visible-xs .countrys { display: block; font-size: 30px; margin-top: 20px; line-height: 26px; font-family: 'Roboto', "PTSansBold", sans-serif; } .main-map .map .visible-xs .countrys p { margin-bottom: 5px; } .main-map .map .visible-xs .countrys ul { margin: 0; padding: 0; font-size: 20px; color: var(--color-1); list-style-type: none; font-family: 'Roboto', "PTSansRegular", sans-serif; } .main-map .map__note { color: #333; display: block; text-align: right; font-size: 1.4rem; margin-top: 2rem; } .main-map .map_t_label { display: block; font-size: 20px; line-height: 22px; margin-top: 0.6rem; position: relative; } .main-map .map_t_label a { color: var(--color-1); } .main-map .map_f_count { float: left; width: 360px; display: block; font-weight: 300; font-size: 15rem; line-height: 17rem; text-align: center; letter-spacing: -1rem; } .main-map .map_f_label { float: left; margin-top: 6rem; margin-left: 20px; line-height: 4rem; position: relative; color: var(--color-1); } .main-map .countrys { margin: 0; padding: 0; list-style-type: none; } .main-map .countrys li { font-size: 20px; line-height: 22px; } /* Extra Small Devices, Phones */ @media only screen and (max-width: 770px) { .main-map .main-section-title { font-size: 36px; line-height: 36px; } } .yaMap { position: relative; } .yaMap .map-info { left: 0; z-index: 1; top: 40px; width: 100%; color: var(--text-color,#333); font-size: 18px; line-height: 22px; position: absolute; border-radius: 2px; padding: 10px 15px; /*background-color: rgba(255, 255, 255, 0.9);*/ background: var(--tabs-content-background-color,#fff); opacity: 0.9; } .yaMap .map-info .title-info { left: -2px; top: -24px; width: 100%; opacity: 0.9; color: var(--text-color-btn,#fff); font-size: 26px; font-weight: 900; line-height: 26px; position: absolute; text-transform: uppercase; } .yaMap .map-info .caption { font-size: 20px; line-height: 20px; padding: 0 0 10px; font-family: 'Roboto', "PTSansBold", sans-serif; } .yaMap .map-info .image { float: left; margin: 0 15px 0 0; } .yaMap .map-info .image img { width: 110px; } .yaMap .map-info .address { margin: -2px 0 5px; } .yaMap .map-info .mode { opacity: 0.6; } .yaMap .map-info .phone { padding: 0px 0 5px; font-family: 'Roboto', "PTSansBold", sans-serif; } .yaMap .map-info .phone a { color: var(--color-1); text-decoration: none; border-bottom: 1px solid; font-family: 'Roboto', "PTSansRegular", sans-serif; } .yaMap .map-info .email { font-family: 'Roboto', "PTSansBold", sans-serif; } .yaMap .map-info .email a { color: var(--text-color-navigtel); text-decoration: none; border-bottom: 1px solid; font-family: 'Roboto', "PTSansRegular", sans-serif; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .yaMap .map-info .irow { min-height: 25px; } .wrap-contacts { } .wrap-contacts .item { /*width: 47%;*/ margin-bottom: 50px; margin-right: 6%; position: relative; float: left; padding: 0; background-color: var(--well-background-color,#fff); color: var(--dot-pic-color,#000); } .wrap-contacts .item:nth-child(2n) { margin-right: 0; } .wrap-contacts .item.active { box-shadow: 0 0 0 15px #fff, 0 0 0 20px #f0f0f0; } .wrap-contacts .item .caption { color: var(--text-color); font-size: 20px; font-weight: 600; line-height: 24px; margin: 0 0 13px; } .wrap-contacts .item .image { border: 5px solid #f0f0f0; border-radius: 2px; float: right; position: relative; z-index: 1; } .wrap-contacts .item .image img { width: 200px; } .wrap-contacts .item .image .icon-360 { border-radius: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); opacity: 1; position: absolute; right: -15px; top: -15px; width: 50px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .wrap-contacts .item .image .icon-360:hover { opacity: 0.8; } .wrap-contacts .item .info { font-size: 18px; line-height: 25px; } .wrap-contacts .item .info .irow { min-height: 25px; padding-left: 35px; position: relative; } .wrap-contacts .item .info .irow span { opacity: 0.6; } .wrap-contacts .item .info img { left: 0; opacity: 0.4; position: absolute; top: 3px; width: 20px; -webkit-filter: invert(var(--svg-invert)); filter: invert(var(--svg-invert)); } .wrap-contacts .item .info a { text-decoration: none; } .wrap-contacts .item .phone, .wrap-contacts .item .email { margin-bottom: 5px; } .wrap-contacts .item .phone { font-size: 18px; font-weight: 700; } .wrap-contacts .item .email a { font-size: 18px; border-bottom: 1px solid rgba(0,0,0,0.3); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .wrap-contacts .item .email a:hover { border-bottom-color: transparent; } .wrap-contacts .item .address { line-height: 18px; padding: 5px 0; } .wrap-contacts .item .file { padding-top: 2px; } .wrap-contacts .item .file img { left: 3px; } .wrap-contacts .item .file a { border-bottom: 1px solid rgba(0,0,0,0.3); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .wrap-contacts .item .file a:hover { border-bottom-color: transparent; } /**POPUP_AQ5_INT*/ .popup_form_aq5_int{ display: inline-flex; } .popup_form_aq5_int input{ border: 1px solid #ddd; font-size: 18px; padding: 10px 10px 10px 25px; width: 100%; margin-bottom: 20px; height: 60px; border-radius: 4px; } .popup_wrp_aq5_int{ display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 0; background-color: rgba(255, 255, 255, 0.89); z-index: 1000; overflow: auto; //white-space: nowrap; box-sizing: border-box; } .popup_aq5_int{ //display: inline-block; position: relative; text-align: left; vertical-align: middle; background: #ffffff; padding: 40px 40px 30px 40px; box-shadow: inset 0px 1px 150px 2px #f1f1f1, 0px 0px 100px rgba(0, 0, 0, 0.22); } .popup_ttl_aq5_int{ font-size: 42px; color: #000; text-align: center; padding: 10px; } .popup_subttl_aq5_int{ font-size: 20px; margin-bottom: 30px; text-align: center; } .column_50_aq5_int{ width: 50%; padding: 10px; } .popup_btn_aq5_int{ background: #980002; color: #fff; cursor:pointer; text-transform: uppercase; font-weight: 700; padding: 10px !important; } .popup_btn_aq5_int:hover{ background: #bd070a; } .popup_bg_aq5_int{ display: inline-block; max-width: 900px; } .close_btn_aq5_int{ background: #fff; height: 100px; width: 100px; margin: auto; margin-top: 100px; margin-bottom: -10px; border-top-right-radius: 50%; border-top-left-radius: 50%; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27); -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .close_btn_aq5_int img:hover{ cursor:pointer; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .popup_ftr_aq5_int{ background: #fff; max-width: 100%; margin: auto; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27); } .popup_ftr_ttl_aq5_int{ font-size: 12px; color: #7b7b7b; padding: 17px; } @media screen and (max-width: 768px){ .column_50_aq5_int{ width: 100%; padding: 0px; } .popup_form_aq5_int { display: block; } } .error_form_home { color: red; } .discuss_form_wrp { /*max-width: 1140px;*/ margin: 0 auto 50px; background: url(/images/discuss_bg.png) 0 0/cover; padding: 45px 10px 50px 95px; color: #fff; } .discuss_form_wrp .ttl { font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .discuss_form_wrp .sub_ttl { color: #c9c9c9; margin-bottom: 20px; } .discuss_form_wrp input[type=text] { width: 262px; height: 40px; //text-align: center; font-size: 18px; margin-right: 30px; border: none; padding-left: 20px; } /*добавляем и проверяем на наличие*/ .red_btn { width: 262px; height: 40px; border: 2px solid #fff; background: var(--background-red-btn, #d70000); font-size: 18px; font-weight: 700; text-transform: uppercase; margin-right: 10px; color: var(--text-color-red-btn, #fff); vertical-align: middle; border-radius: 3px; } .cover{ position: fixed; top:0px; left: 0px; width: 100%; height: 100%; background: url("/images/cover-bg.png") repeat 0 0; z-index: 10001; display: none; } .pop_up{ position: fixed; top: 100px; left: 50%; /*margin-left: -250px;*/ transform: translate(-50%); background: #fff; z-index: 10002; width: 500px; max-width: 90%; display: none; border-radius: 5px; text-align: center; } @media (max-width: 768px) { .pop_up{ top: 50px; } } .close{ position: absolute; top: 3%; right: 3%; background: url("/images/close1.png") no-repeat 0 0; width: 26px; height: 25px; } .form_input_text{ width: 100%; height: 40px; /*margin-bottom: 20px;*/ border: none; font-size: 18px; text-align: center; } .form_title{ padding: 50px 0 40px; font-size: 18px; font-weight: 700; color: var(--color-1); text-align: center; } .error_form_mw{ text-align: right; color: red; height: 30px; padding-right: 50px; } .chtl .form_title{ padding: 50px 0 20px; font-size: 18px; font-weight: 700; color: var(--color-1); text-align: center; } .chtl .error_form_mw{ text-align: right; color: red; height: 20px; padding-right: 50px; } table:focus {outline:none!important;} .sectionSmeta { text-align: center; background-image: url("https://ro-stroj.ru/uploads/home_header_white.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; padding-top: 20px; } input.i-control, textarea { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .form-view { display: inline-block; width: 100%; background-color: var(--background-discuss-form-wrp-grdnt1,#eaeaea); border: 1px solid radial-gradient(circle at 50% 50%, var(--background-discuss-form-wrp-grdnt2,#ffffff), var(--background-discuss-form-wrp-grdnt1,#eaeaea)); margin-top: 16px; padding: 16px 10px; } .form-view form textarea { resize: none; } .error { font-size: 12px; color: #df0013; } .form-view td { padding: 10px; } .form-view input.i-control, .form-view textarea.t-control { width: 100%; padding: 16px; font-size: 18px; line-height: 22px; color: #555555; background-color: var(--background-color-a-link-kst, #fff); background-image: none; border: solid 1px var(--border-discuss-form-wrp-input, #eaeaea); border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 3px 0 rgb(150 150 150 / 50%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-view .form-header { padding-top: 0; margin-bottom: 0; margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-size: 22px; font-family: 'Roboto', "Exo 2", sans-serif; } .form-view input.i-control { height: 38px; } .ibutton:disabled, .ibutton[disabled]{ background-color: #cccccc; color: #666666; } .link-close a, .link-protection, .link-close { font-size: 12px; color: #000000; } .link-close { text-align: center; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: 'Roboto', "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; font-weight: 300; font-size: 18px; line-height: 36px; color: #a2a2a2; } input:-moz-placeholder, textarea:-moz-placeholder { font-family: 'Roboto', "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; font-weight: 300; font-style: italic; font-size: 18px; line-height: 36px; color: #a2a2a2; } .form-view table { width: 100% } .adv_dod { position: relative; width: 50%; display: inline-block; background-color: #5d0631; color: #ffffff; padding: 10px; margin: 0 auto; text-align: center; bottom: 0; text-align: left; } .adv_dod span { position: absolute; right: 10px; top: 6px; } .adv_dod.dod-xs { display: none; } @media (min-width: 992px) and (max-width: 1199px) { .utmp-wrap .image { width: 180px; height: 134px; } } @media (min-width: 768px) and (max-width: 991px) { .left-box { text-align: center; } .left-box .item, .adv_dod { text-align: left; } .adv_dod { width: 70%; } .ibutton { padding: 15px; } } @media (max-width: 767px) { .left-box .items, .adv_dod.dod-lg { display: none; } .adv_dod.dod-xs { display: block; width: 90%; } .form-view td { text-align: left;} .left-box, .form-header, .form-view { text-align: center !important; } .form-view table { margin: 0 auto; } .left-box .item, .adv_dod { text-align: left; } .adv_dod { width: 70%; } .ibutton { padding: 15px; } } @media only screen and (max-width: 500px) { .ibutton { padding: 15px 5px; } } .strelka { background: #C63E48; margin-right: 40px; position: relative; font-size: 20px; line-height: 40px; text-align: center; margin-top: 18px; margin-bottom: 4px; color: #000000;} .strelka:before { content:""; position:absolute; border-bottom: 20px solid transparent; border-left: 20px solid #C63E48; border-top: 20px solid transparent; height: 0px; width: 0px; right: -20px; } @media (min-width: 992px) and (max-width: 1199px) { .info .block-40, .info .block-60 { width: 50%; } .none-picture { margin-left: 100px; } } @media (min-width: 768px) and (max-width: 991px) { .info .block-40, .info .block-60 { width: 50%; } .strelka { font-size: 20px; } .list-yellow .item, .box-header .items .item { margin: 0; } .btn-hidden-sm { display: none; } .btn-view-sm { display: inline-block; } .utmp-wrap .image { width: 165px; height: 83px; } .utmp-wrap .code { width: 60px; height: 60px; font-size: 11px; line-height: 60px; } .ibutton.get-milk { width: 264px; float: right; font-size: 12px; } .none-picture { margin-left: 100px; } } @media (max-width: 768px) { .none-picture { margin: 0 auto; } .info .block-60 { text-align: center; } .info .block-40, .info .block-60 { width: 100%; } .strelka { font-size: 12px; } .list-yellow .item, .box-header .items .item { margin: 0; } .btn-hidden-sm { display: none; } .btn-view-sm { display: inline-block; } .utmp-wrap .image { } .utmp-wrap .code { width: 60px; height: 60px; font-size: 11px; line-height: 60px; } .ibutton.get-milk { width: auto; float: none; text-align: center; font-size: 12px; } .strelka-hidden-xs { display: none; } .box-header .items, .box-items, .box-partner { margin-top: 20px; } .box-items { width: 50%; } .box-partner { width: 100%; } .utmp-wrap .image { float: none; } .box-header .video iframe { width: 100%; } .box-items.none-picture { float: none; width: 100%; } ul { padding: 0 20dp; } } .item_smeta { padding: 0 0 8px 30px; background: url('https://ro-stroj.ru/uploads/icon_check.png') left 3px no-repeat; font-size: 18px; margin: 10px; line-height: 22px; color: var(--text-color,#333); text-transform: lowercase; } .site-title { color: var(--text-color,#333); font-size: 33px; font-weight: 300; letter-spacing: 4px; line-height: 1.3em; padding: 10px 0 0; text-align: left; text-transform: uppercase; } .site-title span { display: inline-block; font-weight: 800; } .box-homes { /*border-top: 10px solid #ddd; border-bottom: 10px solid #ddd; */ } .box-homes .items { text-align: center; } .box-homes .items * { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .box-homes .item1 { float: left; position: relative; } .box-homes .item1 .image-project { display: block; width: 110%; } .box-homes.gray-style .item1 .image-project { filter: grayscale(25%); -webkit-filter: grayscale(25%); } .box-homes .item1 .overlay { position: absolute; left: 0; top: 0; width: 110%; height: 100%; background-color: rgba(0,0,0,0); } .box-homes .item1 .description { opacity: 0; bottom: 80px; box-sizing: border-box; color: #fff; font-size: 14px; left: 0; line-height: 18px; padding: 0 20px; position: absolute; text-align: left; width: 100%; z-index: 1; } .box-homes .item1 .description .image { float: left; width: 50px; margin: 0 20px 0 0; opacity: 0.9; } .box-homes .item1 .buttons { bottom: 0; left: 0; position: absolute; text-align: center; width: 100%; padding: 40px 0 20px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .box-homes .item1 .buttons a { color: #fff; display: inline-block; font-size: 16px; font-weight: 300; line-height: 20px; padding: 10px; text-decoration: none; border-radius: 2em; border: 1px solid rgba(255, 255, 255, 0.4); } .box-homes.gray-style .item1 .buttons a { background-color: rgba(0, 0, 0, 0.7); } .box-homes .item1:hover .buttons a { border-color: transparent; background-color: #ffdc2e; color: #000; box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 1px rgba(0,0,0,.2); } .box-homes .item1:hover .buttons a:hover { background-color: #ffcd33; } .box-homes .item1:hover .overlay { background-color: rgba(0,0,0,0.7); } .box-homes .item1:hover .description { opacity: 1; } .box-history .item1 .circle { width: 114px; height: 114px; margin: 0 auto 20px; border-radius: 50%; line-height: 114px; background-color: #c63e48; font-size: 48px; color: var(--text-color-filter-chosable,#fff); font-family: 'Roboto', Open sans condensed; } .box-history .item1 .name { font-size: 20px; line-height: 24px; } .box-history .item1 .desc { color: #77808b; font-size: 18px; line-height: 22px; padding: 0 30px; } .box-calls .banner { display: block; position: relative; padding: 40px 40px 50px; background: url(https://ro-stroj.ru/uploads/mail2.png) 12% bottom no-repeat var(--background-discuss-form-wrp-grdnt1,#eaeaea); background-size: contain; border: 1px solid radial-gradient(circle at 50% 50%, var(--background-discuss-form-wrp-grdnt2,#ffffff), var(--background-discuss-form-wrp-grdnt1,#eaeaea)); /*color: #000;*/ box-sizing: border-box; } .box-calls .banner .info { float: right; font-size: 30px; width: 60%; /*line-height: 40px;*/ } .banner .info small { margin-top: 28px; font-size: 14px; display: inline-block; line-height: 19px; font-style: italic; } .1btn.get-milk { margin-top: 20px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); white-space: normal; font-size: 30px; } .ibtn { display: inline-block; vertical-align: top; margin: 0; padding: .578947em 1.842105em .526316em; border: 0; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; outline: 0; background: var(--background-red-btn); -webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,.25),0 1px 0 0 #b59d21; -moz-box-shadow: inset 0 2px 0 rgba(255,255,255,.25),0 1px 0 0 #b59d21; box-shadow: inset 0 2px 0 rgba(255,255,255,.25),0 1px 0 0 #b59d21; cursor: pointer; color: #ffffff; text-decoration: none; font: 300 22px/27px pragmatica,Helvetica,Arial,sans-serif; -webkit-transition: background-color .3s ease,-webkit-box-shadow .3s ease; -moz-transition: background-color .3s ease,-moz-box-shadow .3s ease; -o-transition: background-color .3s ease,box-shadow .3s ease; transition: background-color .3s ease,box-shadow .3s ease; } .ibtn:hover { background-color: #ffcd33; text-decoration: none; } .ibtn:active { box-shadow: inset 0 2px 0 rgba(166,134,35,.25); text-decoration: none; } .accordion { list-style: none; } .accordion-item { border: 1px solid var(--border-discuss-form-wrp-input,#c3d3e4); border-top: 0; background: var(--background-table,#ececec) url(https://ro-stroj.ru/uploads/accordion_open.png) no-repeat 97% 30px; } .accordion-item:first-child { border-top: 1px solid var(--border-discuss-form-wrp-input,#c3d3e4); } .accordion-item-open { background: var(--background-table,#f7f7f7) url(https://ro-stroj.ru/uploads/accordion_close.png) no-repeat 97% 30px; } .accordion-title { font-size: 24px; line-height: 32px; padding: 20px 25px; cursor: pointer; } .accordion-content { font-size: 18px; line-height: 24px; padding: 0 25px 25px; } .slider-bonus { margin: 30px 0; font-size: 30px; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } .slider-bonus .img-cont { width:50px; height:50px; } @media only screen and (max-width: 455px) { .container .site-title {letter-spacing: 3px;font-size: 22px;text-align: center;} .container .site-title.small { font-size: 18px; } .box-calls .banner, .box-calls-center .banner {padding: 20px;} } @media only screen and (max-width: 500px) { .box-calls .banner .info, .box-calls-center .banner .info {font-size: 25px;line-height: 30px;} .box-calls {margin: 0px;} .accordion-title {font-size: 18px;line-height: 25px;} } @media (max-width: 768px) { .none-picture { margin: 0 auto; } .strelka { font-size: 12px; } .strelka-hidden-xs { display: none; } .items-smeta {display: none;} .ibtn.get-milk {width: auto;float: none;/* text-align: center; */font-size: 12px;} .footer-block {padding: 0 20px; text-align: center;} p {padding: 0 20px;} .class_btn {height:18px;} .proj_option {padding: 10px 20px 0;} .project_item {width:100%;} .proj_name {text-align: center;} .slider-bonus {display:none;} ul {/*padding: 0 20px;*/} .row {margin-left: 0px; margin-right: 0px;} /*table tr td {display:block; width:100%;}*/ } @media only screen and (max-width: 640px) { .box-homes .item { width: 100%; } .caption { font-size: 30px; line-height: 35px; } } @media only screen and (max-width: 700px) { .box-history .item1 { margin-bottom: 40px; } .box-calls .banner, .box-calls-center .banner {padding: 30px 30px 40px;text-align: center;background-image: none;} .box-calls .banner .info, .box-calls-center .banner .info {width: 100%;} } .box-history .items { text-align: center; padding: 70px 0; } .accordion { -webkit-padding-start: 0px; } .radius_oform { border-radius: 8px; border-color: #bdbfc0; border-width: 2px; border-style: solid; border-image: initial; margin-top: 10px; } .otzyvy-city{text-align:right;} .link_price{display:none;} .table-styledno {display:none;} .table-styled {display:table;} @media (max-width: 768px) { .two_col_txt_wrp ._l {width:100%; padding-right:0px;} .two_col_txt_wrp ._r {width:100%; padding-left:0px;} footer .footerBlock h2 {text-align: center;} .filter_checkbox_container ._l {margin-bottom:0px;} .discuss_form_wrp {padding: 20px;} footer {padding: 0;} .red_btn{margin: 10px 0;} .discuss_form_wrp input[type=text]{margin:10px 0;} .wrap-contacts .item .image{display:none;} .wrap-contacts .item{padding: 0 20px;margin-bottom:20px;} /*.tabs .tabs__content{padding: 0 20px;}*/ .otziv_kto{text-align:center;margin:10px;} .otziv_text{padding: 0 20px;} .otzivno-image,.tableno-image{display:none;} .otzyvy-city{text-align:right;} .new_video_wrp2{margin: 0 0 10px;} .myHoverTb{font-size:10pt;} .proj_name, .proj_name a{margin-bottom:0px;} .proj_cat{margin-bottom:0px;text-align:center;} .link_price{display:block;padding:10px;} .table-styledno {display:table;} .table-styled {display:none;} } .item_gl { padding: 0 0 30px 60px; background: url(https://ro-stroj.ru/uploads/icon_check1.png) left 0px no-repeat; font-size: 18px; line-height: 24px; margin: 10px; color: #555; height:60px; } .questionProject1 { padding: 30px 0; text-align: center; } .box-history .item1_gl .circle { width: 114px; height: 114px; margin: 0 auto 20px; border-radius: 50%; line-height: 114px; background-color: #c63e48; font-size: 32px; color: #fff; font-family: 'Roboto', Open sans condensed; } .box-history .item1_gl .name { font-size: 26px; margin: 20px 0; font-weight: bold; line-height: 30px; } .header_gl { padding: 10px 0 30px 0; background-image: url(https://ro-stroj.ru/uploads/home_header_white.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; } /* Stylesheet: home:style_new:07072019 Modified On 2020-12-31 11:25:33 */ .discuss_form_wrp { background-color: var(--background-discuss-form-wrp-grdnt1,#eaeaea); background: radial-gradient(circle at 50% 50%, var(--background-discuss-form-wrp-grdnt2,#ffffff), var(--background-discuss-form-wrp-grdnt1,#eaeaea)); } .discuss_form_wrp .ttl { color: var(--text-color-discuss-form-wrp-ttl,#1f1f1f); } .discuss_form_wrp .sub_ttl { color: var(--text-color-discuss-form-wrp-sub-ttl,#606161); } .discuss_form_wrp input[type=text] { border-radius: 3px; box-shadow: inset 0 1px 3px 0 rgba(150, 150, 150, 0.5); border: solid 1px var(--border-discuss-form-wrp-input, #eaeaea); background: var(--background-color-a-link-kst, #fff); } .red_btn { border: none; } /* Stylesheet: style-callback-04032020 Modified On 2020-03-04 10:30:43 */ footer .footerBottom { background: black; } footer { background: url(/uploads/img/bg-footer.jpg) 0 0 / cover; color: #fafafa; text-shadow: -1px 0 1px black, 0 -1px 1px black, 0 1px 1px black, 1px 0 1px black, 0 0 8px black, 0 0 8px black, 0 0 8px black, 2px 2px 3px white; } footer .footerBlock ul li a:hover { color: lightgrey; text-decoration: underline; } footer .footerBlock h3 { color: #fafafa; margin: 0 0 20px; text-shadow: -1px 0 1px black, 0 -1px 1px black, 0 1px 1px black, 1px 0 1px black, 0 0 8px black, 0 0 8px black, 0 0 8px black, 2px 2px 3px white; } footer .footerBlock ul li a { color: #fafafa; text-shadow: -1px 0 1px black, 0 -1px 1px black, 0 1px 1px black, 1px 0 1px black, 0 0 8px black, 0 0 8px black, 0 0 8px black, 2px 2px 3px white; } /* Stylesheet: style-footer-04012020 Modified On 2020-01-06 14:12:07 */ .search_form { position: fixed; top: 10px; z-index: 1000; width: 152px; padding: 0 10px; } .search_input { width: 129px; height: 26px; display: inline-block; vertical-align: top; border: 2px solid #FAB658; background: none; color: white; border-top-left-radius: 2px; border-bottom-left-radius: 2px; font-size: 18px; box-sizing: border-box; } .btn_manag { font-size: 14px; line-height: 26px; padding: 3px 6px; margin-left: 10px; } @media(max-width:767px) { .yaMap .map-info { top:10px; font-size: 16px; line-height: 20px; padding: 15px; } } .text_menu{position:fixed;top:300px;bottom:0px;min-height:100%;width:152px;padding:0 10px;background:url(../img/smz.png) 0 0 repeat;z-index:999;} .text_menu ul:first-child{padding-top:10px;} .text_menu ul:first-child li{margin:10px 0px 10px 0px;width:152px;height:40px;border-radius:3px;box-shadow:0 1px 2px #000;background-size:cover;} .text_menu ul:first-child li a:before{position:absolute;left:0px;top:0px;width:130px;height:130px;box-shadow:inset 0 0 1px rgba(255,255,255,.75);border-radius:2px;} .text_menu ul:first-child li a{position:relative;display:block;height:40px;font-size:18px;font-weight:bold;text-align:center;line-height:40px;color:black;} .text_menu ul:first-child li a:hover{background-color:rgba(0, 0, 0, 0.35);transition:0.3s;} .text_menu ul li.active a{color:white;} .text_menu ul li span{position:relative;display:block;height:60px;font-size:18px;font-weight:bold;text-align:center;line-height:60px;} subfilter { display: none; } subfilter.glide { display: block; position:fixed;top:0px;z-index:9999; background: lightgray; width: 100%; } subfilter ul li { font-size:18px; margin:10px 0px 10px 0px; height:40px; width:155px; border-radius:3px; box-shadow:0 1px 2px var(--color-1); background-size:cover; display: table; background: var(--color-1); } subfilter ul li:hover { font-size:18px; margin:10px 0px 10px 0px; height:40px; width:155px; border-radius:3px; box-shadow:0 1px 2px #000; background-size:cover; display: table; background: #000; } subfilter ul li a { color:#fff; } .swiper-container-filter .swiper-wrapper { padding: 5px 0px; } .swiper-container-filter .swiper-slide { text-align:center; } .swiper-container-filter .swiper-slide img { height: 100px; object-fit: cover; padding: 0 4px; } .swiper-container-filter .swiper-slide .blockText { color: #fff; position: absolute; top: 30px; width: 150px; } .swiper-container-filter .swiper-slide .blockText p { margin: 10px 0; font-size: 18px; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; text-indent: 0px; text-align: center; } /* .swiper-container-filter .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/ } */ /* Stylesheet: swiper-container:07072019 Modified On 2019-11-21 18:12:09 */ .case-item { background: #ffffff; color: #fff; text-decoration: none; display: block; position: relative; height: 245px; overflow: hidden; } .case-item.teplokomplect { background: #0078de; } .case-item img { -webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; width: 100%; height: 100%; z-index: 99; } .case-item .portfolio-info { position: absolute; z-index: 7; top: 0; left: 0; bottom: 0; right: 0; padding: 5px 25px 15px 30px; display: flex; flex-direction: column; justify-content: space-between; text-shadow: 0 0 5px #777777; /*box-shadow: inset 0 15px 40px 0 #eee, inset 0 -15px 40px 0 #eee;*/ box-shadow: 0 -60px 60px -25px rgba(0,0,0,.8) inset, 0 60px 60px -25px rgba(0,0,0,.8) inset; } .case-item:hover .portfolio-info { box-shadow: none; } .case-item:hover img { -webkit-filter: blur(3px) brightness(0.3); -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: url("data:image/svg+xml;utf8,#svgBlur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); filter: brightness(0.3) blur(3px); } .case-item .tags { font-size: 22px; margin-bottom: 25px; display: block; } .case-item .tags span { opacity: 0.5; } .case-item .info { display: flex; } .case-item .info .col { width: 200px; font-size: 22px; line-height: 1; } .case-item .info .col.wide { width: 370px; } .case-item .info .col.semiwide { width: 280px; vertical-align: bottom; } .case-item .info .col .strong { font-size: 20px; display: block; } .paddle { display:none; } /* Stylesheet: case-item Modified On 2019-06-03 13:00:57 */ /*begin footer 2021*/ @media (min-width:1200px){ .auto-clear .col-lg-1:nth-child(12n+1){clear:left;} .auto-clear .col-lg-2:nth-child(6n+1){clear:left;} .auto-clear .col-lg-3:nth-child(4n+1){clear:left;} .auto-clear .col-lg-4:nth-child(3n+1){clear:left;} .auto-clear .col-lg-6:nth-child(odd){clear:left;} } @media (min-width:992px) and (max-width:1199px){ .auto-clear .col-md-1:nth-child(12n+1){clear:left;} .auto-clear .col-md-2:nth-child(6n+1){clear:left;} .auto-clear .col-md-3:nth-child(4n+1){clear:left;} .auto-clear .col-md-4:nth-child(3n+1){clear:left;} .auto-clear .col-md-6:nth-child(odd){clear:left;} } @media (min-width:768px) and (max-width:991px){ .auto-clear .col-sm-1:nth-child(12n+1){clear:left;} .auto-clear .col-sm-2:nth-child(6n+1){clear:left;} .auto-clear .col-sm-3:nth-child(4n+1){clear:left;} .auto-clear .col-sm-4:nth-child(3n+1){clear:left;} .auto-clear .col-sm-6:nth-child(odd){clear:left;} } @media (max-width:767px){ .auto-clear .col-xs-1:nth-child(12n+1){clear:left;} .auto-clear .col-xs-2:nth-child(6n+1){clear:left;} .auto-clear .col-xs-3:nth-child(4n+1){clear:left;} .auto-clear .col-xs-4:nth-child(3n+1){clear:left;} .auto-clear .col-xs-6:nth-child(odd){clear:left;} } .footer-line1 { /*margin: 35px 0 0;*/ padding: 0 0 34px; position: relative; z-index: 4; background: url(../uploads/nd/images/background.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: var(--text-color-btn, #fff); font-size: 14px; } .footer-line1 .mnftr li:before { /*color: var(--color-1); content: "• "; padding-right: 5px; height: 5px;*/ content: ''; display: inline-block; height:5px; width: 5px; vertical-align: middle; border-radius:50%; background-color:var(--color-1); margin-right:4px; } .footer-line1 a:focus, .footer-line1 a:hover { color: #ffaeb4; text-decoration: underline; } .col-data-wrapper-7 { margin: 0 auto; position: relative; } .text-25 { margin: 28px auto 16px; font-size: 14px; font-weight: bold; } .text-26 { margin: 28px auto 16px; font-size: 14px; font-weight: bold; } .gruppa-2-2 { margin: 17px 0 30px; max-width: 165px; min-height: 38px; padding: 0 1.838235%; /* 5px / 272px = 1.838235% */ position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: var(--color-1); background-position: center center; border: 2px solid var(--border-btn); font-size: 18px; line-height: 38px; text-align: center; } .gruppa-1-2 { margin: 0 auto; max-width: 283px; min-height: 241px; /*padding: 29px 0 36px; background: var(--color-1); background-position: center center;*/ text-align: center; } .text-style-9 { line-height: 16px; } .text-style-10 { display: block; line-height: 8px; margin-bottom: 0; } .text-style-12 { line-height: 6px; } .text-style-16 { line-height: 8px; } .text-style-17 { letter-spacing: -0.02em; line-height: 1.2; } .logo-2 { display: block; margin: 28px auto 0; max-width: 198px; width: 100%; } .text-30 { margin: 32px auto 0; font-size: 14px; line-height: 18px; text-align: center; } .col-6 { margin: 16px auto 0; position: relative; text-align: center; } .sloi-1 { display: block; margin: 0 auto; max-width: 260px; width: 100%; } .text-31 { margin: 10px 0 0; font-size: 14px; line-height: 18px; } @media (max-width: 992px) { .gruppa-1-2 { margin-bottom: 20px; } } @media (max-width: 768px) { .text-25, .text-26, .footer-line1 ul { text-align: center; } .gruppa-2-2 { margin: 28px 30px 0; max-width: 100%; } .pdnglft-pdngrght0px { padding-left: 0; padding-right: 0; } } /*end footer 2021*/ .form_input_text { font-family: 'RobotoLight'; border: 1px solid #19171a; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; background: #ffffff !important; outline: none; height: 38px; width: 300px; color: var(--color-1); font-size: 18px; padding-left: 18px; text-align: left; } .form_input_text::-webkit-input-placeholder {font-family: 'RobotoLight';color:var(--color-1);} .form_input_text::-moz-placeholder {font-family: 'RobotoLight';color:var(--color-1);} .form_input_text:-moz-placeholder {font-family: 'RobotoLight';color:var(--color-1);} .form_input_text:-ms-input-placeholder {font-family: 'RobotoLight';color:var(--color-1);} .form_input_text:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: var(--color-1) !important; color: var(--color-1) !important; } .frm_nptdp { background-color: lightgray; padding: 35px 50px 0; border-radius: 5px 5px 0 0; } .chtl .frm_nptdp { background-color: lightgray; padding: 20px 50px 0; border-radius: 5px 5px 0 0; } .frm_clr { color:black; } .frm_clr a { color:var(--color-1); text-decoration: underline; } .frm_brdrrds { background-color: lightgray; border-radius: 0 0 5px 5px; } .btn_frmpp { width: 185px; margin-bottom: 50px; } .chtl .btn_frmpp { width: 185px; margin-bottom: 20px; } .frm_sccss { color: #000; display: none; } .nav-manager-button { float: none; } .weBuild h3 { line-height: 40px;/*28px*/ /*margin: 0;*/ padding: 0; } .reviews-star { padding-bottom: 10px; } .reviews-star ul { font-size: 16px; display: inline-flex; padding: 0; } .reviews-star .orange { color: #f7c70a; } .navigtel-stl { color: var(--text-color-navigtel); font-weight: bold; } .weBuild h3, .header-3, h2, h4 { color: var(--text-color-h2); } .weBuild .header-4 { color: var(--text-color-h2,#19171A); } .myHoverTb a { color: var(--text-color-myhovertb-a-link,#800000); } .weBuild .img-dpp{ border-radius: 8px; height:88px; margin: 0 auto; } .discuss-form-wrp-input-hover { background-color: var(--background-color-a-link-kst, #fff); } img { opacity: var(--opacity-1,1); -moz-opacity: var(--opacity-1,1); filter: alpha(opacity=var(--opacity-2,100)) white; -khtml-opacity: var(--opacity-1,1); } svg { -webkit-filter: invert(var(--svg-invert)); filter: invert(var(--svg-invert)); } ymaps, ymaps canvas, ymaps input, ymaps svg { opacity: var(--opacity-1,1); -moz-opacity: var(--opacity-1,1); filter: alpha(opacity=var(--opacity-2,100)) white; -khtml-opacity: var(--opacity-1,1); } .container p { padding: 5px 3px; } .prlnkvk { color: var(--text-color-perelinkovka-link,#888); text-decoration: underline; } .link-protection { color: var(--text-color-myhovertb-a-link,#800000); } .content-catalog-thumbs a img{ height: 80px; } .content-catalog-item table strong{ color: var(--text-color) }