: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: #f5f5f5; --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; --bnt-all-projects-text-color: #000; --bnt-all-projects-background: #eee; --bnt-all-projects-border: #C63E48; } [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: #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; --bnt-all-projects-text-color: #f6f6f6; --bnt-all-projects-background: #6c0000; --bnt-all-projects-border: #a2202a; } @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; --bnt-all-projects-text-color: #f6f6f6; --bnt-all-projects-background: #6c0000; --bnt-all-projects-border: #a2202a; } } body { background: var(--background-color); color: var(--text-color); } .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: #9f0002; } /* Stylesheet: animate-button Modified On 2019-12-06 22:07:07 */ .passe-partout { width: 100%; padding: 30px; background: #f0f0f0; border: 2px solid #666; } .passe-partout-text { position: absolute; display: flex; align-items: center; text-align: center; -webkit-box-align: center; left: 55px; top: 0; right: 55px; bottom: 0; font-size: 32px; color: #fafafa; text-shadow: 1px 1px 2px black, 0 0 1em red;font-weight: bold; line-height: 42px; } @media(max-width:767px) { .passe-partout-text{ font-size: 18px; line-height: 24px; } } /* Stylesheet: passe-partout Modified On 2019-12-06 11:20:26 */ .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 */ .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: #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 */ .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 */ .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: 30px; } .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: #9f0002; padding: 53px 20px 70px; 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%; } .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: 45px;*/ 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: 100px; 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: 60px; border-radius: 0; background: #A61E28; } } 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: #A61E28; margin: 10px 0 10px 15px;} .menuBack:before {content: ''; display: block; width: 0; height: 0; position: absolute; top: 0; left: -11px; border-right: 12px solid #A61E28; 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: #A61E28;} @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: 30px; text-align: center; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .weBuild h3 { margin: 20px 0; font-size: 30px; 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:#fff; padding:5px; border:1px solid #fff; width:300px; } .tooltipnewstyle p{ margin:0; padding:0; color:#000; background-color:#fff; padding:2px 7px; } .tooltipnewstyle .info_label { font-size: 18px; color: #000; } .tooltipnewstyle .info_text { font-size: 40px; 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: 16px; /* 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: #A61E28;*/ /*border: 1px solid #A61E28;*/ } .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: white; } .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: 32px; padding: 0 20px; overflow: hidden; } .object_we_work .sections_item__title{ position: absolute; left: 20px; /*top: 0;*/ height: 76px; right: 20px; bottom: 0; background: rgba(50, 50, 50, 0.65); display: flex; align-items: center; text-align: center; -webkit-box-align: center; color: var(--text-color-red-btn,#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: white; background-color: #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: 1.25em; 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: 17px; 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: 12px; line-height: 18px; 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: 16px; /*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: 14px; 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: #A61E28; 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: #A61E28; 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: 0 0 10px; } 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: 14px; /*line-height: 31px;*/ padding: 10px 15px; cursor: pointer; } .project-accordion-title16 { font-size: 16px; font-weight: bold; } .project-accordion-content { font-size: 14px; /*line-height: 25px;*/ 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 #A61E28 !important; font-weight: bold; color:#A61E28; } .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); } .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; cursor: pointer; } /* Stylesheet: home:style_newdop Modified On 2020-04-28 18:16:11 */ @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; } .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 .icon-bar { background: #000; } .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 { /*color: #c4232e;*/ color: #fff; } .navbar.bottom-nav .nav-pills li > a[aria-expanded="true"] { background: #A61E28; } .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 #A61E28; border-left: 5px solid #A61E28; 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 15px 15px 30px; width: 100%; } .navbar.bottom-nav .nav-pills li .dropdown-menu li { border-bottom: 1px solid #A61E28; 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;*/ height: 360px; 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, .swiper-container-slider .swiper-slide .blockText h1 { margin: 0; font-size: 80px; color: #fff; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } .swiper-container-slider .swiper-slide .blockText p, .swiper-container-slider .swiper-slide .blockText h2 { margin: 30px 0; font-size: 50px; text-shadow: 3px 3px 10px #19171A, 3px 3px 10px #19171A; } .swiper-container-slider .swiper-slide .blockText h1 { font-size: 68px; } .swiper-container-slider .swiper-slide .blockText h2 { color: #fff; font-size: 46px; } .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='%23C63E48'/%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='%23C63E48'/%3E%3C/svg%3E"); } .swiper-container-slider .swpr-bttn-nxt-wht { 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 .swpr-bttn-prv-wht { 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, .swiper-container-slider .swiper-slide .blockText h2 { margin: 0 0 10px; padding: 0 40px; font-size: 18px; line-height: 22px; } .swiper-container-slider .swiper-slide .blockText button { font-size: 16px; } .swiper-container-slider .swiper-slide .blockText h2 { padding-top: 10px; } } /*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: 80px 50px 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;*/ width: 100%; } .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;*/ padding: 0 0 0 75px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header { padding: 0; height: 89px; } .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 h2 span { font-size: 26px; color: #A61E28; } .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: #A61E28; font-family: 'Roboto', "PTSansBold", sans-serif; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel button { padding: 6px 45px; margin: 12px 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: 20px; bottom: 0; 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='%23C63E48'/%3E%3C/svg%3E"); margin: auto; } .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: 20px; bottom: 0; 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='%23C63E48'/%3E%3C/svg%3E"); margin: auto; } .caruselProject .allProjects { margin: 50px 0 0; 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); } .testv1 { padding:70px 0 38px; background:var(--background-table,#eee); } .glavnay1 { padding:70px 0; } .glavnay1-content { margin-top:50px; } .glavnay2 { padding:70px 0 50px; } /* 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: 30px; } .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: #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: 30px 0 0; text-align: center; } .caruselProject .allProjects a { font-size: 24px; padding: 6px 30px; text-transform: uppercase; } .we_work_portfolio { padding:50px 0; background:var(--background-table,#eee); } .testv1 { padding:50px 0; } .glavnay1 { padding:50px 0; } .glavnay1-content { margin-top:40px; } .glavnay2 { padding:50px 0 40px; } } @media only screen and (max-width: 768px) { .caruselProject { margin-top: 30px; } .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: #A61E28; font-family: 'Roboto', "PTSansBold", sans-serif; } .caruselProject .swiper-container-carusel .swiper-button-prev { top: 0; right: -1px; height: 100%; padding-top: 20px; } .caruselProject .swiper-container-carusel .swiper-button-next { top: 0; right: -1px; height: 100%; padding-top: 20px; } .caruselProject .allProjects { margin: 30px 0 0; text-align: center; } .caruselProject .allProjects a { font-size: 24px; padding: 6px 30px; text-transform: uppercase; } .we_work_portfolio { padding:50px 0; background:var(--background-table,#eee); } .testv1 { padding:50px 0; } .glavnay1 { padding:50px 0; } .glavnay1-content { margin-top:40px; } .glavnay2 { padding:50px 0 40px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .caruselProject { margin-top: 30px; } .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: #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: 20px 0 0; text-align: center; } .caruselProject .allProjects a { font-size: 14px; padding: 6px 12px; text-transform: uppercase; } .we_work_portfolio { padding:40px 0; background:var(--background-table,#eee); } .testv1 { padding:40px 0; } .glavnay1 { padding:40px 0; } .glavnay1-content { margin-top:30px; } .glavnay2 { padding:40px 0 30px; } } .sectionReviews { padding: 50px 0 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: 30px; width: 30px; 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 #A61E28; } .headerSection:before, .headerSection:after { top: 50%; content: ""; height: 2px; width: 100%; display: block; margin-top: -1px; position: absolute; background: #A61E28; } .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: 30px; line-height: 1.3; 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: 30px; text-align: center; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .weBuild .blockBuld h2 { font-size: 26px; 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 #A61E28;*/ } .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 #A61E28; */ } .sectionWeWork .blockWeWork .text h4 { color: var(--text-color-h2,#292e30); font-size: 14px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .sectionWeWork .blockWeWork .text p { color: var(--text-color,#000); line-height: 12px; } .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: var(--text-color-h2,#292e30); font-size: 20px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .sectionWeWork .blockWeWork .text p { color: var(--text-color,#000); 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: var(--text-color-h2,#292e30); font-size: 12px; font-family: 'Roboto', "PTSansBold", sans-serif; text-transform: uppercase; } .sectionWeWork .blockWeWork .text p { color: var(--text-color,#000); line-height: 12px; } } .diamond-box-wrap .diamond-box:hover { border: 5px solid #A61E28; -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: #A61E28; 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: #A61E28; 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: #A61E28; 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: #A61E28; 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: #A61E28; } .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: #A61E28; } .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: 80px; width: 100%; color: var(--text-color,#333); font-size: 14px; line-height: 18px; position: absolute; border-radius: 2px; padding: 15px 25px 20px; background: var(--tabs-content-background-color,#fff); } .yaMap .map-info .title-info { left: -2px; top: -26px; width: 100%; opacity: 0.9; color: var(--text-color-btn,#fff); font-size: 30px; font-weight: 900; line-height: 30px; 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(--text-color-navigtel); 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: #fff; 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: #222; 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: 14px; 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; } .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: 16px; font-weight: 700; } .wrap-contacts .item .email a { font-size: 16px; 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: 16px; 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: 14px; 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; /*padding: 53px 20px 70px;*/ z-index: 10002; width: 500px; max-width: 90%; display: none; border-radius: 5px; text-align: center; } @media (max-width: 768px) { margin: 0 5%; max-width: 100%; width: auto; left: 0%; margin-left: 0; } @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: 16px; text-align: center; } .form_input{ /*margin-bottom: 20px;*/ } .form_title{ padding: 50px 0 40px; font-size: 18px; font-weight: 700; /*text-transform: uppercase; margin-bottom: 25px;*/ color: #a61e28; text-align: center; } .error_form_mw{ text-align: right; color: red; height: 30px; 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: #e9e9e9; border:1px solid #d1d1d1; 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: 16px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -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: 16px; 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: 16px; 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 20px; } } .item_smeta { padding: 0 0 8px 30px; background: url('https://ro-stroj.ru/uploads/icon_check.png') left 3px no-repeat; font-size: 16px; margin: 10px; line-height: 16px; color: #555; text-transform: lowercase; } .site-title { color: #364657; 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: 13px; left: 0; line-height: 20px; padding: 0 60px; 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: 110%; 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: 20px; font-weight: 300; line-height: 25px; padding: .333333em 1.666667em; 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: #fff; font-family: 'Roboto', Open sans condensed; } .box-history .item1 .name { font-size: 20px; line-height: 25px; } .box-history .item1 .desc { color: #77808b; font-size: 15px; line-height: 20px; 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 #f7f8f8; background-size: contain; border: 1px solid #d6deea; 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: 11px; 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: #ff0101; -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 #c3d3e4; border-top: 0; background: #ececec url(https://ro-stroj.ru/uploads/accordion_open.png) no-repeat 97% 30px; } .accordion-item:first-child { border-top: 1px solid #c3d3e4; } .accordion-item-open { background: #f7f7f7 url(https://ro-stroj.ru/uploads/accordion_close.png) no-repeat 97% 30px; } .accordion-title { font-size: 23px; line-height: 31px; padding: 20px 25px; cursor: pointer; } .accordion-content { font-size: 15px; line-height: 25px; 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: 0 20px;} .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: 16px; margin: 10px; line-height: 16px; 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: 20px; line-height: 25px; } .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; } .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: 15px; box-sizing: border-box; } /* Stylesheet: home:style_new Modified On 2020-04-28 14:07:20 */ @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-06-20 14:44:50 */ .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 .title { font-size: 22px; text-transform: uppercase; display: block; letter-spacing: 3px; line-height: 1; } .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 */ 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 */ body { font-size: 18px; line-height: 24px; } p { font-size: 18px; line-height: 24px; font-weight: normal; } .weBuild h1 { font-size: 55px; line-height: 60px; } .h2, h2 { font-size: 36px; line-height: 42px; } .item_gl { font-size: 18px; line-height: 24px; } .weBuild h3 { font-size: 36px; line-height: 42px; } .weBuild .blockBuld h4, .blockService .text, .box-history .item1_gl .name { font-size: 24px; margin: 15px 0; font-weight: bold; line-height: 26px; } .sectionWeWork .blockWeWork .text h4 { font-size: 26px; margin: 20px 0; font-weight: bold; line-height: 30px; } .sectionWeWork .blockWeWork .text p { font-size: 18px; line-height: 24px; } .box-history .item1_gl1 .name { font-size: 26px; margin: 20px 0 0; font-weight: bold; line-height: 30px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header h4 { font-size: 24px; line-height: 26px; text-transform: none; font-weight: bold; margin: 14px 0; color: var(--text-color-h2,#292e30); } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option { font-size: 18px; line-height: 24px; height: 30px; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option span.second { font-size: 24px; line-height: 28px; } .btn { font-size: 18px; line-height: 24px; } .questionProject .bl14-titl-bg .bl14-titl-1 { font-size: 36px; line-height: 42px; } .object_we_work .sections_item__title { font-size: 24px; line-height: 28px; font-weight: bold; } @media (max-width: 768px) { .swiper-container-slider .swiper-slide .blockText h3, .swiper-container-slider .swiper-slide .blockText h1{ font-size:24px; } .weBuild h1 { font-size: 34px; line-height: 38px; } } /* Stylesheet: style-07072019 Modified On 2020-02-07 13:13:06 */ @media(max-width:767px) { .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .header { height: 100%; } .caruselProject .swiper-container-carusel .swiper-slide .blockCarusel .option { height: 100%; padding: 0 0 0 44px; } } .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:16px;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:16px;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:14px; margin:10px 0px 10px 0px; height:40px; width:155px; border-radius:3px; box-shadow:0 1px 2px #A61E28; background-size:cover; display: table; background: #A61E28; } subfilter ul li:hover { font-size:14px; 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: 14px; 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 Modified On 2019-12-09 12:06:38 */ .navigtel-stl { color: var(--text-color-navigtel); font-weight: bold; } .navigtel-stl { color: var(--text-color-navigtel); font-weight: bold; } 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); }