/* Start:/local/templates/tomtconsalt/components/bitrix/breadcrumb/.default/style.css?1547924422359*/ .breadwrap {overflow: hidden;} .bx-breadcrumb-item {float: left; font-size: 13px; letter-spacing: .01em; color: #9C9C9C; margin: 0 12px 13px 0;} .bx-breadcrumb-item:last-child {margin-right: 0;} .bx-breadcrumb-item i {margin: 0 10px 0 0;} .bx-breadcrumb-item a, .bx-breadcrumb-item > span {color: #9C9C9C;} .bx-breadcrumb-item a:hover {opacity: .7;} /* End */ /* Start:/local/templates/tomtconsalt/components/bitrix/menu/bottomMenu/style.css?1547924422818*/ .footerMenu {display: flex; flex-wrap: wrap;} .footerMenu > ul, .footerMenu > div {flex-basis: 33.3%; margin: 30px 0 0 0;} .footerMenu li {list-style-type: none;} .footerMenu > ul > li > a, .footerMenu span {margin: 0 0 27px 0; display: inline-block;} .footerMenu > ul > li > a:not(.redcodeColor), .footerMenu span:not(.redcodeColor), .footerMenu > div a:not(.redcodeColor) {color: #fff;} .footerMenu .root-item li {margin: 0 0 14px 0; font-size: 14px; line-height: 24px;} .footerMenu .root-item li:last-child {margin: 0;} .footerMenu .root-item li a:not(.redcodeColor) {color: #b6b6b6;} .footerMenu > ul:nth-child(1), .footerMenu > div:nth-child(1), .footerMenu > ul:nth-child(2), .footerMenu > div:nth-child(2), .footerMenu > ul:nth-child(3), .footerMenu > div:nth-child(3) {margin: 0;} /* End */ /* Start:/local/templates/tomtconsalt/components/bitrix/search.form/top/style.css?15479244223078*/ .modalSearch {background-color: #fff; position: fixed; top: 0; right: 0; left: 0; max-width: 840px; display: none; border-radius: 8px; box-sizing: border-box; margin: 200px auto 0 auto; z-index: 11; } .modalSearch.redcodeVisible {animation: modalVisible .5s ease;} .modalSearch form {padding: 25px 27px 25px 45px; display: flex; justify-content: space-between; align-items: center;} .modalSearch input[type="text"] {border: none; font-size: 30px; background: transparent; width: 85%; padding: 0;} .modalSearch input[type="submit"] {background-image: url('/local/templates/tomtconsalt/components/bitrix/search.form/top/images/search.svg'); height: 70px; width: 70px; padding: 0; cursor: pointer; border: none; border-radius: 50%; background-position: center; background-repeat: no-repeat; -webkit-appearance: none; } .searchCross {width: 43px; height: 43px; cursor: pointer; border-radius: 50%; border: 2px solid #FFF; box-sizing: border-box; position: absolute; top: 0; right: -63px; } .searchCross:before, .searchCross:after {position: absolute; content: ''; width: 18px; height: 2px; background: #fff; margin: -1px 0 0 -9px; left: 50%; top: 50%; } .searchCross:before {transform: rotate(45deg);} .searchCross:after {transform: rotate(-45deg);} .searchCross span {font-size: 9px; color: #fff; text-transform: uppercase; bottom: -21px; position: absolute; left: -2px;} .modalSearch input[type="text"]::-webkit-input-placeholder {color: #B2B2B2;} .modalSearch input[type="text"]::-moz-placeholder {color: #B2B2B2;} .modalSearch input[type="text"]:-moz-placeholder {color: #B2B2B2;} .modalSearch input[type="text"]:-ms-input-placeholder {color: #B2B2B2;} /* .modalSearch input[type="text"]:focus::-webkit-input-placeholder {opacity: 0; transition: opacity .3s ease;} .modalSearch input[type="text"]:focus::-moz-placeholder {opacity: 0; transition: opacity .3s ease;} .modalSearch input[type="text"]:focus:-moz-placeholder {opacity: 0; transition: opacity .3s ease;} .modalSearch input[type="text"]:focus:-ms-input-placeholder {opacity: 0; transition: opacity .3s ease;} */ @media all and (max-width: 1050px) { .modalSearch {max-width: 90%; margin: 200px 50px 0 50px;} .searchCross {top: -60px; right: -1px;} .searchCross span {display: none;} } @media all and (max-width: 780px) { .modalSearch input[type="text"] {font-size: 23px;} .modalSearch input[type="submit"] {background-size: 21px; width: 50px; height: 50px;} } @media all and (max-width: 620px) { .modalSearch {max-width: none; margin: 150px 20px 0 20px;} .modalSearch form {padding: 15px 15px 15px 30px;} .modalSearch input[type="text"] {font-size: 20px; width: 82%;} .searchCross {top: -50px; width: 35px; height: 35px;} .searchCross:before, .searchCross:after {width: 15px; margin: -1px 0 0 -7.1px;} .searchCross span {left: -8px;}\ } @media all and (max-width: 450px) { .modalSearch form {padding: 10px 10px 10px 20px;} .modalSearch input[type="text"] {font-size: 18px;} .modalSearch input[type="submit"] {background-size: 18px; width: 40px; height: 40px;} } /* End */ /* Start:/local/templates/tomtconsalt/styles.css?16009712432922*/ /* THIS FILE IS OVERWRITTEN WHEN THE SOLUTION IS UPDATED -------- FAIL ZATIRAETSY PRI OBNOVLENII RESHENIY */ /*-------------------------------------- --- STYLES FOR THE VISUAL EDITOR --- ------------------------------------*/ .newsDetail > br { display: none; } /* TITLE */ .titleH2, .titleH3, .titleH4, .newsDetail > h2, .newsDetail > h3, .newsDetail > h4 { color: #121212; font-weight: 600; } .titleH2:last-child, .titleH3:last-child, .titleH4:last-child, .newsDetail > h2:last-child, .newsDetail > h3:last-child, .newsDetail > h4:last-child { margin-bottom: 0; } .title_s_top { font-size: 17px; margin: -3px 0 19px 0; line-height: 32px; } .title_s_top_long { font-size: 17px; margin: -3px 0 29px 0; line-height: 32px; } .title_s { font-size: 17px; line-height: 32px; margin: 37px 0 29px 0; } .title_s_afterImg { font-size: 17px; line-height: 32px; margin: 45px 0 29px 0; } /* A */ .newsDetail a:hover { text-decoration: underline; } /* UL */ ul.standartUl, .newsDetail ul { line-height: 1.40; list-style-type: disc; color: #4C5052; margin: 0 0 30px 16px; list-style-position: outside; } ul.standartUl:last-child, .newsDetail ul:last-child { margin-bottom: 0; } ul.standartUl li, .newsDetail ul li { margin: 0 0 8px 0; } ul.standartUl li:last-child, .newsDetail ul li:last-child { margin-bottom: 0; } /* IMG */ img.fullImage, .newsDetail img { width: 100%; margin: 40px auto; display: block; border-radius: 3px; } img.fullImage:last-child, .newsDetail img:last-child, .newsDetail > div img, .newsDetail > p img, .standartText img { margin-bottom: 0; } /* DIV, P */ .newsDetail > div, .newsDetail > p, p.standartText, div.standartText { line-height: 28px; color: #5a5e61; margin: 0 0 30px 0; } .newsDetail > div:last-child, .newsDetail > p:last-child, p.standartText:last-child, div.standartText:last-child { margin-bottom: 0; } /* QUOTE */ .newsDetail > q { padding: 5px 37px 5px 97px; position: relative; display: block; font-weight: 500; font-size: 16px; margin: 0 0 30px 0; line-height: 30px; } .newsDetail > q:before { position: absolute; top: 15px; left: 0; background: url('/local/templates/tomtconsalt/img/quote.svg') no-repeat; width: 52px; height: 40px; content: ''; } .newsDetail > q:last-child { margin-bottom: 0; } @media all and (max-width: 990px) { img.fullImage, .newsDetail img { margin: 25px auto; } } a.fancy { text-decoration: none; } li.no-list { list-style: none; } .newsDetail ol { line-height: 1.40; color: #4C5052; margin: 0 0 30px 16px; list-style-position: outside; } .newsDetail ol:last-child { margin-bottom: 0; } .newsDetail ol li { margin: 0 0 8px 0; } .newsDetail ol li:last-child { margin-bottom: 0; } table.bordered { border-collapse: collapse; } /* End */ /* Start:/local/templates/tomtconsalt/template_styles.css?158567584932280*/ /* THIS FILE IS OVERWRITTEN WHEN THE SOLUTION IS UPDATED -------- FAIL ZATIRAETSY PRI OBNOVLENII RESHENIY */ article, aside, details, figcaption, figure, footer, header, hgroup, section, main {display: block;} ol, ul {list-style-position: inside;} ul, dir {margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6 {margin: 0;} input, button, textarea {font-family: 'Montserrat', sans-serif; outline: none;} p {margin: 0;} a {color: #8F8F8F; text-decoration: none;} img {border: none;} html {height: 100%;} body {color: #121212; font-size: 15px; background: #fff; font-family: 'Montserrat', sans-serif; margin: 0; -webkit-font-smoothing: antialiased;} .clear {clear: both;} /*------------------ --- MAIN STYLES --- ----------------*/ .indexContainer {display: flex; flex-direction: column;} .indexBlock.hidden {display: none;} .indexBlock[data-order="1"] {order: 1;} .indexBlock[data-order="2"] {order: 2;} .indexBlock[data-order="3"] {order: 3;} .indexBlock[data-order="4"] {order: 4;} .indexBlock[data-order="5"] {order: 5;} .indexBlock[data-order="6"] {order: 6;} .indexWrapper {max-width: 1160px; margin: 0 auto;} .mainTitle {margin: 0 auto 20px; max-width: 1160px;} .mainTitle h1 {font-size: 29px; /*max-width: 750px;*/ line-height: 47px;} .mainTitle h1.max {font-size: 34px;} .mainTitle h1.min {font-size: 24px;} #workArea {max-width: 1160px; margin: 0 auto 90px auto;} .divFlex {display: flex; align-items: flex-start;} main {margin: 0 0 0 65px; width: 100%;} main.fullMain {margin: 0;} .sidebar {width: 325px; min-width: 325px; padding: 5px 0 0 0;} #wrapper.animationON main {animation: fadeInUp_30px 1.2s ease;} #wrapper.animationON .sidebar {animation: fadeIn 1.2s ease;} /*------------------ --- MAIN STYLES --- ----------------*/ /*------------------ -- HEADER SITE --- ----------------*/ header {z-index: 99;} #wrapper.animationON header {animation: fadeIn 1.1s ease;} .headerTop {border-bottom: 1px solid #F4F4F4; background: #fff; z-index: 3; position: relative;} .headerTopWrap {max-width: 1160px; margin: 0 auto; padding: 21px 0 21px 0; display: flex; justify-content: space-between;} .headerTopWrap > div {display: flex; justify-content: space-between; align-items: center;} .headerTop .headerSearch {margin: 0 0 0 39px; cursor: pointer; font-size: 13px; display: flex; align-items: center;} .headerTop .headerSearch svg {margin: 0 9px 0 0;} body.detailed .headerBottom {border-bottom: 1px solid #F4F4F4;} /* position: relative; z-index: 2; background: #fff; */ .headerBottomWrap {max-width: 1160px; margin: 0 auto; padding: 33px 0 35px 0; display: flex; justify-content: space-between;} .headerBottomWrap > div {display: flex; justify-content: space-between; align-items: center;} #menuButton {font-size: 22px; text-align: center; line-height: 45px; width: 19px; margin-right: 35px; cursor: pointer; display: none;} #logo {} #logo img, #logo svg {max-width: 185px; max-height: 70px; display: block;} .buttonTopMenu {color: #121212; letter-spacing: .02em; cursor: default; position: relative; padding: 0 18px 0 0; height: 40px; line-height: 40px; margin: 0 0 0 62px; } .buttonTopMenu.open svg {transform: rotate(180deg);} .buttonTopMenu svg {position: absolute; top: 50%; right: 0; margin: -2px 0 0 0; transition: transform .2s linear;} .buttonTopMenu.open:after {position: absolute; height: 40px; content: ''; width: 100%; top: 100%; margin: -10px 0 0 0; left: 0;} .marginBottomMenu {margin: 0 0 0 36px;} .headerBottom .headerSearch {width: 46px; height: 46px; border-radius: 50%; box-sizing: border-box; line-height: 51px; cursor: pointer; text-align: center; display: none; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } header .requestCall {display: inline-block; cursor: pointer; font-size: 13px; border-radius: 100px; letter-spacing: .01em; color: #fff; padding: 15px 25px 15px 25px; } header .requestCall svg {display: none;} .basketHeader {margin: 0 0 0 25px;} #mobileMenu {background: #fff; position: fixed; top: 0; bottom: 0; z-index: 1000; overflow: hidden; width: 310px; display: none; box-shadow: 0px 4px 40px rgba(0, 0, 0, .25); } #mobileMenu.redcodeVisible {animation: mobileMenuVisible .5s ease;} #mobileMenu .mobileMenu {overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: none; width: 106%; height: 100%; } .mobileMenuWrap {transition: transform .2s ease-in-out; margin: 0 4% 0 0;} .mobileMenuBasket {display: flex; align-items: center; padding: 12.5px 29px; cursor: pointer; border-bottom: 1px solid #F0F0F0; color: #121212; justify-content: space-between; } .mobileMenuBasket > p {display: flex; align-items: center;} .mobileMenuBasket .openBasket {margin: 0 20px 0 0;} .mobileMenuCallBack {display: flex; align-items: center; padding: 12.5px 29px; cursor: pointer; border-bottom: 1px solid #F0F0F0; justify-content: space-between; } .mobileMenuCallBack div {display: flex; align-items: center;} .mobileMenuCallBack p {width: 45px; height: 45px; text-align: center; margin: 0 20px 0 0; border-radius: 50%; line-height: 52px; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 1px 1px rgba(0, 0, 0, .05); } #mobileMenu .mobileContacts {padding: 0 30px; font-size: 13px; line-height: 22px; margin: 35px 0 0 0;} #mobileMenu .mobileContacts > div {margin: 30px 0 0 0; display: flex;} #mobileMenu .mobileContacts > div:first-child {margin-top: 0;} #mobileMenu .mobileContacts > div:first-child svg {width: 18px;} #mobileMenu .mobileContacts svg {padding: 5px 0 0 0; margin: 0 10px 0 0;} #mobileMenu .social {display: flex; align-items: center; flex-wrap: wrap; padding: 0 26px 26px 26px; margin: 35px 0 0 0;} #mobileMenu .social a {margin: 0 14px 0 0; border-radius: 50%; padding: 12px;} #mobileMenu .social a:last-child {margin-right: 0;} #mobileMenu .social img{display: block; max-width: 16px;} #mobileScrollBar {position: absolute; top: 2px; right: 3px; width: 4px; height: 0; -webkit-user-select: none; background: #C2C2C2; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; } @keyframes mobileMenuVisible{ 0% { left: -100%; } 100% { left: 0; } } /*------------------ -- HEADER SITE --- ----------------*/ /*------------------------ ------- FOOTER SITE ------- ------------------------*/ footer {padding: 68px 0 47px 0; background: #121212;} .footerWrap {max-width: 1160px; margin: 0 auto;} .footerTop {margin: 0 0 82px 0; display: flex; align-items: flex-start; justify-content: space-between;} .footerTop > div:first-child {width: 70%;} #footerContacts {width: 25%; margin: 0 0 0 5%;} #footerContacts h3 {margin: 0 0 33px 0; color: #fff; font-size: 15px;} #footerContacts > div {margin: -9px 0 31px 0; line-height: 28px; font-size: 14px; color: #fff; display: flex; justify-content: space-between; align-items: flex-start; } #footerContacts > div:last-child {margin-bottom: 0;} #footerContacts > div > svg {height: 28px;} #footerContacts > div > div {width: 88.5%;} .footerBottom {display: flex; justify-content: space-between; align-items: center;} .footerCopyright {color: #aeaeae; font-size: 13px;} .footerCopyright div {margin: 0 0 10px 0;} .footerCopyright a:not(.redcodeColor) {color: #fff;} .footerSocial{} .buttonPosition{position: fixed; right: 31px; bottom: -61px; z-index: 9; min-width: 12px;} .animationFooterButton {transition: bottom .3s ease;} .buttonTop{width: 48px; border-radius: 50%; height: 48px; text-align: center; line-height: 54px; cursor: pointer;} .buttonMenu{position: fixed; right: 36px; bottom: -61px; width: 47px; border-radius: 50%; height: 47px; transition: bottom .3s ease; cursor: pointer; background: #fff; z-index: 9; box-shadow: 0 4px 7px 0 rgba(0,0,0,.15), rgba(0, 0, 0, .2) 0px 0px 1px 0px; color: #000; font-size: 28px; text-align: center; line-height: 47px; display: none; } .buttonSearch{position: fixed; right: 36px; bottom: -61px; width: 47px; border-radius: 50%; height: 47px; transition: bottom .3s ease; cursor: pointer; background: #fff; z-index: 9; box-shadow: 0 4px 7px 0 rgba(0,0,0, .15), rgba(0, 0, 0, .2) 0px 0px 1px 0px; color: #000; font-size: 27px; text-align: center; line-height: 47px; display: none; } /*------------------------ ------- FOOTER SITE ------- ------------------------*/ /*-------------------------------- --- ABOUT THE COMPANY (DETAILED) --- --------------------------------*/ .company{} /*-------------------------------- --- ABOUT THE COMPANY (DETAILED) --- --------------------------------*/ /*---------------------------------- --- CONTACTS - DETAILED PAGE --- -----------------------------------*/ #mainAddress {padding: 72px 0; margin: 0 50px;} #mainAddress > div {display: flex; justify-content: space-between;} #mainAddress > div > div {box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-radius: 5px; width: 360px; padding: 50px 50px 55px 50px; text-align: center; box-sizing: border-box; font-size: 16px; line-height: 30px; background: #fff; } #mainAddress svg {margin: 0 0 29px 0;} #mainAddress h3 {line-height: normal; margin: 0 0 29px 0; font-size: 18px;} /*---------------------------------- --- CONTACTS - DETAILED PAGE --- -----------------------------------*/ /*---------------------------------- --- MODAL WINDOWS SENDING MESSAGES --- ----------------------------------*/ .modal {display: none; position: fixed; overflow: hidden; bottom: 0; right: 0; left: 0; top: 0; z-index: 100;} .modalWrapper {margin: 50px auto; background: #fff; max-width: 560px; border-radius: 5px;} .modalWrapper.smallModal {max-width: 490px;} .modalHeader {position: relative; padding: 48px 90px 33px 90px;} .modalWrapper.smallModal .modalHeader {padding: 48px 60px 28px 60px;} .modalHeader h3 {font-size: 23px; line-height: 34px;} .modalHeader p {font-size: 13px; line-height: 24px; color: #717171; margin: 26px 0 0 0;} .modalClose {width: 43px; height: 43px; cursor: pointer; border-radius: 50%; border: 2px solid #FFF; position: absolute; top: 0; right: -63px; box-sizing: border-box; } .modalClose:before, .modalClose:after {position: absolute; content: ''; width: 18px; height: 2px; background: #fff; margin: -1px 0 0 -9px; left: 50%; top: 50%; } .modalClose:before {transform: rotate(45deg);} .modalClose:after {transform: rotate(-45deg);} .modalClose span {font-size: 9px; color: #fff; text-transform: uppercase; bottom: -21px; position: absolute; left: -2px;} .modalBody {padding: 20px 90px 50px 90px;} .modalWrapper.smallModal .modalBody {padding: 20px 60px 50px 60px;} .modalField {margin: 0 0 58px 0; position: relative; padding: 0 0 1px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAEAEA; } .modalField:last-child {margin: 0;} .inputField {position: relative; font-size: 15px; display: block; width: 100%; padding: 0 0 10px 0; border: none;} .inputLabel {position: absolute; top: 0; color: #828282; width: 100%; pointer-events: none; transition: transform .3s; transform-origin: 0 0; } .messageField {font-size: 17px; color: #121822; outline: none; min-height: 20px; padding: 0 0 10px 0;} .fileForm {} .fileForm input[name='userFile'] {cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; filter: alpha(opacity=0); opacity: 0;} .fileForm span {display: block; height: 22px; overflow: hidden;} .fileID {display: none;} .inputField:focus + .inputLabel, .changeInput .inputLabel, .messageField:focus + .inputLabel { transform: translate(0, -23px) scale(0.8); } .modalWrapper .personalInfo {padding: 0 90px;} .modalWrapper.smallModal .personalInfo {padding: 0 60px;} .modalWrapper .personalInfo label:after {border: 1px solid #E4E4E4; top: 2px;} .modalWrapper .personalInfo label.ckecked:after {line-height: 18px;} .modalFooter {padding: 0 90px 50px 90px;} .modalWrapper.smallModal .modalFooter {padding: 0 60px 50px 60px;} .modalSend {color: #fff; font-size: 14px; border-radius: 100px; padding: 18px; margin: 0 auto; display: block; letter-spacing: .04em; cursor: pointer; width: 100%; max-width: 197px; -webkit-appearance: none; border: none; transition: width .3s ease, height .3s ease, background .3s ease, border .3s ease, box-shadow .2s ease;; } .modalFooter .disabled {cursor: not-allowed; background: #ccc !important; box-shadow: none !important;} .modalBody .errorInput {border-bottom-color: #D50000;} .modalBody .errorInput .inputLabel {color: #D50000;} .sendOkey {background: #494949; font-size: 34px; display: none; border-radius: 2px; line-height: 45px; width: 180px; height: 45px;} .modalOpen {overflow: hidden; padding: 0 17px 0 0;} .modalOpen .modal {overflow-x: hidden; overflow-y: auto;} input.animationButton {width: 50px; text-indent: -999px; cursor: default; border-width: 2px; border-style: dotted; height: 50px; background: none; box-sizing: border-box; } input.animationSuccess {background: #494949;} .modalSend.animationRotate {animation: rotating 4s linear infinite;} .modal.redcodeVisible .modalWrapper {animation: modalVisible .5s ease;} #blackBack {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(76, 84, 92, .6); display: none;} /* #blackBack.redcodeVisible {animation: fadeIn .2s ease-in-out;} #wrapper.redcodeBlur {animation: fadeIn .2s ease-in-out;} */ @keyframes rotating { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } @keyframes modalVisible{ 0%{ opacity: .4; transform: scale(.9); } 100%{ opacity: 1; transform: scale(1); } } /*---------------------------------- --- MODAL WINDOWS SENDING MESSAGES --- ----------------------------------*/ /*------------------------------ ------ ADD PRODUCT (BUTTON) ------ ------------------------------*/ .addProduct {position: absolute; bottom: 25px; right: 0; width: 48px; height: 48px; border-radius: 50%; transition: opacity .2s ease, box-shadow .2s ease; } .addProduct div {position: absolute; width: 100%; height: 100%; border-radius: 50%;} .addProduct div.ready {cursor: pointer;} .addProduct div.ready .svgBasket {opacity: 1;} .addProduct div:not(.ready) ~ .svgOk {opacity: 1;} .addProduct svg {position: absolute; top: 50%; left: 50%; opacity: 0;} .addProduct .svgBasket {margin: -8.5px 0 0 -11.5px; transition: opacity .3s ease; z-index: 2;} .addProduct div.ready .svgBasket {transition-delay: .4s} .addProduct .svgOk {margin: -7px 0 0 -9.5px; transition: opacity .3s ease .4s;} .addProduct div.ready ~ .svgOk {transition-delay: 0s} /*------------------------------ ------ ADD PRODUCT (BUTTON) ------ ------------------------------*/ /*------------------------ ------ ERROR 404 ------ ------------------------*/ .error404 {display: flex; justify-content: space-between; align-items: center; margin-top: -20px; padding-bottom: 20px;} .error404 > div:first-child {font-size: 340px;} .error404 > div:last-child {padding: 0 0 0 115px;} .error404 .title404 {font-size: 29px; margin: 0 0 27px 0; text-transform: uppercase;} .error404 .description404 {color: #4D4D4D; margin: 0 0 34px 0; line-height: 28px;} .error404 a {display: inline-block;} .url404 {padding: 15px 38px; font-size: 13px; color: #fff; border-radius: 50px;} .back404 {color: #A2A2A2; text-decoration: underline;} .back404:hover {text-decoration: none;} /*------------------------ ------ ERROR 404 ------ ------------------------*/ /*------------------------ -------- SHARE ---------- ------------------------*/ .shareBlock li.ya-share2__item {margin: 0 10px 0 0;} .shareBlock span.ya-share2__icon {height: 30px; width: 30px; background-size: 20px; background-position: center; background-repeat: no-repeat;} .shareBlock .ya-share2__badge {border-radius: 50%;} /*------------------------ -------- SHARE ---------- ------------------------*/ /*--------------------------------------- ------ PERSONAL_INFO (FORMS/FOOTER) ------ ---------------------------------------*/ .personalInfo {padding: 0 40px; margin: 0 0 50px 0; font-size: 13px; line-height: 24px;} .checkboxError {display: none; color: #d41b1b; margin: 0 0 10px 0;} .personalInfo input {display: none;} .personalInfo label {cursor: pointer; position: relative; padding: 0 0 0 33px; display: inline-block;} .personalInfo a:hover {text-decoration: underline;} .personalInfo label:after {border: 2px solid #E4E4E4; position: absolute; height: 19px; width: 19px; content: ''; left: 0; box-sizing: border-box; top: 5px; border-radius: 2px; } .personalInfo label.ckecked:after {font-family: FontAwesome; text-align: center; content: "\f00c"; font-size: 12px; background-color: #E4E4E4; line-height: 14px; } .personalInfo label:hover:after {background-color: #D9D9D9; border-color: #D9D9D9;} /*--------------------------------------- ------ PERSONAL_INFO (FORMS/FOOTER) ------ ---------------------------------------*/ /*------------------------------------ ------ ADAPTIVE SITE LAYOUT ------ ------------------------------------*/ @media all and (max-width: 1270px) { .headerTopWrap {padding: 21px 50px;} .headerBottomWrap {padding: 33px 50px 35px 50px;} .mainTitle {padding: 0 50px;} #workArea {padding: 0 50px;} .mobileHeader {padding: 0 20px;} #mainAddress div div {width: 31%;} footer {padding: 50px 50px;} } @media all and (max-width: 1180px) { .headerTop .headerSearch, .marginBottomMenu {display: none;} .headerBottom .headerSearch {display: block;} header .requestCall {margin: 0 0 0 25px;} .mainTitle {margin: 54px auto 58px;} main {margin: 0 0 0 55px;} #workArea {margin: 0 auto 60px auto;} .headerBottomWrap {padding: 28px 50px 30px 50px;} .headerTopWrap {padding: 19px 50px;} } @media all and (max-width: 1140px) { #footerContacts {display: none;} .footerTop > div:first-child {width: 100%;} .error404 > div:first-child {font-size: 280px;} } @media all and (max-width: 1090px) { .error404 {padding: 0;} .error404 > div:first-child {font-size: 220px;} .error404 .title404 {margin: 0 0 20px 0; font-size: 27px;} .error404 .description404 {margin: 0 0 30px 0;} #mainAddress h3 {font-size: 15px; margin-bottom: 14px;} #mainAddress div div {width: 31%; font-size: 14px; padding: 35px 40px 35px 40px;} } @media all and (max-width: 990px) { .headerTop, .buttonTopMenu {display: none;} #menuButton {display: block;} .headerBottomWrap {padding: 25px 50px;} .sidebar {display: none;} main {width: 100%; margin: 0;} .error404 > div:last-child {padding: 0 0 0 80px;} } @media all and (max-width: 900px) { .error404 > div:first-child {font-size: 180px;} .error404 .title404 {margin: 0 0 15px 0;} .error404 .description404 {line-height: 23px;} #mainAddress > div {flex-wrap: wrap; justify-content: space-around;} #mainAddress div div {width: 45%;} #mainAddress div div:last-child {margin: 30px 0 0 0;} } @media all and (max-width: 780px) { .footerMenu > ul, .footerMenu > div {flex-basis: 50%; margin: 40px 0 0 0;} .footerMenu > ul:nth-child(3), .footerMenu > div:nth-child(3) {margin: 40px 0 0 0;} .footerMenu > ul > li > a, .footerMenu span {margin: 0 0 20px 0;} } @media all and (max-width: 760px) { .indexBlock:last-child {margin: 0;} .error404 {flex-direction: column;} .error404 > div:last-child {padding: 30px 0 0 0; text-align: center; max-width: 450px;} .url404 {margin: 0;} .modalClose {top: 10px; right: 10px;} .modalClose:before, .modalClose:after {background: #121212; margin: -1px 0 0 -9px;} .modalClose span {display: none;} } @media all and (max-width: 740px) { .modalWrapper {max-width: 490px !important;} .modalHeader {padding: 48px 60px 28px 60px !important;} .modalBody {padding: 20px 60px 50px 60px !important;} .modalWrapper .personalInfo {padding: 0 60px !important;} .modalFooter {padding: 0 60px 50px 60px !important;} } @media all and (max-width: 715px) { #mainAddress > div {display: block;} #mainAddress div div {margin: 0 0 30px 0; width: auto;} #mainAddress div div:last-child {margin: 0;} } @media all and (max-width: 690px) { header .requestCall {background: #fff; height: 46px; width: 46px; padding: 0; position: relative; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } header .requestCall span {display: none;} header .requestCall svg {display: block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -8px;} } @media all and (max-width: 580px) { .headerBottomWrap {display: block;} .headerBottomWrap > div:first-child {justify-content: flex-start; margin: 0 0 15px 0;} .headerBottomWrap > div:last-child {justify-content: center;} .footerBottom {display: block;} .footerCopyright {text-align: center; margin: 0 0 30px 0;} footer .social {display: flex; justify-content: center; align-items: center;} .footerTop {margin: 0 0 40px 0;} .footerMenu > ul, .footerMenu > div {flex-basis: 100%; text-align: center;} .footerMenu > ul:nth-child(2), .footerMenu > div:nth-child(2) {margin: 40px 0 0 0;} } @media all and (max-width: 550px) { .buttonPosition {right: 20px;} } @media all and (max-width: 520px) { .modalWrapper {margin: 50px 15px 50px 15px;} } @media all and (max-width: 500px) { .mainTitle h1 {font-size: 26px;} .headerTopWrap {padding: 21px 20px;} .headerBottomWrap {padding: 33px 20px 35px 20px;} .mainTitle {padding: 0 20px;} #workArea {padding: 0 20px;} footer {padding: 50px 20px;} } @media all and (max-width: 430px) { #mainAddress div div {width: 100%;} .error404 > div:first-child {font-size: 130px; line-height: 100px;} .error404 > div:last-child {padding: 30px 0 0 0;} .modalHeader {padding: 40px 40px 28px 40px !important;} .modalBody {padding: 20px 40px 50px 40px !important;} .modalWrapper .personalInfo {padding: 0 40px !important;} .modalFooter {padding: 0 40px 50px 40px !important;} } @media all and (max-width: 340px) { .modalWrapper {margin: 50px 0;} .modalHeader {padding: 40px 35px 28px 35px !important;} .modalBody {padding: 20px 35px 50px 35px !important;} .modalWrapper .personalInfo {padding: 0 35px !important;} .modalFooter {padding: 0 35px 50px 35px !important;} #mobileMenu {width: 100%;} } /*------------------ --- REDCODE CLASS --- -------------------*/ .redcodeFW_thin {font-weight: 100;} .redcodeFW_extraLight {font-weight: 200;} .redcodeFW_light {font-weight: 300;} .redcodeFW_regular {font-weight: 400;} .redcodeFW_medium {font-weight: 500;} .redcodeFW_semiBold {font-weight: 600;} .redcodeFW_bold {font-weight: 700;} .redcodeFW_extraBold {font-weight: 800;} .redcodeFW_black {font-weight: 900;} .redcodeColor {color: #E81C34;} .redcodeFill {fill: #E81C34;} .redcodeStroke {stroke: #E81C34;} .redcodeBG_color {background-color: #E81C34;} .redcodeBorderColor {border-color: #E81C34;} .redcodeBlur {filter: blur(5.5px);} .redcodeVisible {display: block !important;} .redcodeButtonHover {letter-spacing: .04em;} .redcodeButtonHover:not(.modalSend):not(.addProduct) {transition: box-shadow .2s ease;} .redcodeButtonHover:hover {box-shadow: inset 1000px 0 0 rgba(255,255,255, .12);} /*------------------ --- REDCODE CLASS --- -------------------*/ /*------------------ ---- ANIMATION ---- -------------------*/ @keyframes fadeInUp_7px { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp_15px { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp_30px { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animationAddProduct {animation: animationAddProduct .4s ease;} @keyframes animationAddProduct { 0% { opacity: .8; } 100% { opacity: 0; transform: translate(15px, -30px); } } /*------------------ ---- ANIMATION ---- -------------------*/ /*------------------ ---- SLIDERS ---- -------------------*/ .sliderWrapper {max-width: 800px; margin: 24px auto 40px auto;} .sliderWrapper h2 {margin: 0 0 29px 0; font-size: 28px; text-align: center;} .sliderWrapper {padding: 25px 50px 40px 50px; box-sizing: border-box; overflow: hidden; text-align: left; position: relative;} .sliderWrapper .owl-stage-outer {overflow: visible !important;} .sliderWrapper .owl-stage {display: flex; justify-content: space-between;} .sliderWrapper .owl-stage:after {content: none !important;} .sliderWrapper div.owl-item {transition: opacity .3s ease; border: 1px solid #F4F4F4; margin: 0 -1px 0 0; backface-visibility: inherit; opacity: 0; padding: 50px; } .sliderWrapper .owl-item.active {opacity: 1; transition: opacity .9s ease, box-shadow .3s ease;} .sliderWrapper .owl-item:hover {box-shadow: 0px 20px 60px rgba(0, 0, 0, .035), 0px 15px 40px rgba(0, 0, 0, .045); border-color: #fff; z-index: 1;} .itemPartners {padding: 30px 0 32px 0;} .itemPartners img {max-width: 200px; max-height: 100px; display: block; margin: 0 auto 30px auto;} .itemPartners .strip {width: 105px; height: 1px; background: #F4F4F4; margin: 0 auto 30px auto;} .IndexPartnersName {padding: 0 40px; line-height: 26px;} .sliderWrapper .owl-nav {position: absolute; top: 50%; width: 119%; left: 0; height: 0; margin: -33px 0 0 -70px;} .sliderWrapper .owl-nav div {width: 48px; height: 48px; border-radius: 50%; background: #fff; position: relative; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } .sliderWrapper .owl-nav div:hover {box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .15);} .sliderWrapper .owl-prev {float: left; margin: 0 0 0 30px;} .sliderWrapper .owl-prev svg {position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -5px;} .sliderWrapper .owl-next {float: right; margin: 0 24px 0 0;} .sliderWrapper .owl-next svg {position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -2px;} .sliderWrapper .owl-nav .owl-prev.disabled, .sliderWrapper .owl-nav .owl-next.disabled {display: none;} @media screen and (max-width: 1260px) { .sliderWrapper {max-width: 545px;} .sliderWrapper .owl-nav {width: 129%;} .sliderWrapper {padding: 25px 40px 40px 40px;} } @media screen and (max-width: 990px) { .sliderWrapper{max-width: 900px;} .sliderWrapper .owl-nav {width: 118%;} } @media screen and (max-width: 850px) { .sliderWrapper .owl-nav {width: 122%;} } @media screen and (max-width: 710px) { .sliderWrapper .owl-nav {width: 124%;} .sliderWrapper{padding: 25px 30px 40px 30px;} } @media screen and (max-width: 660px) { .sliderWrapper .owl-nav {width: 129%;} .sliderWrapper{padding: 25px 25px 40px 25px;} .sliderWrapper div.owl-item{padding: 10px;} } @media screen and (max-width: 500px) { .sliderWrapper {padding: 25px 20px 40px 20px;} .sliderWrapper div.owl-item {padding: 0px;} .sliderWrapper .owl-nav {margin: -33px 0 0 -63px;} } @media screen and (max-width: 320px) { .sliderWrapper .owl-nav {width: 150%;} } .reviews {} .reviews > p {margin: 0 0 40px 0; line-height: 1.5; padding: 30px 40px 30px 95px; background: #F5F5F5; position: relative;} .reviews > p i {position: absolute; top: 50%; left: 43px; font-size: 30px; margin: -17.5px 0 0 0;} .reviewsElements {margin: 0 0 60px 10px;} .reviewsElement {margin: 0 0 50px 0;} .reviewsElement:last-child {margin-bottom: 0;} .reviewsTitle {margin: 0 0 29px 0; display: flex; align-items: center;} .reviewsTitle > div:first-child {width: 80px; margin: 0 29px 0 0;} .reviewsTitle .img {width: 80px; height: 80px; border-radius: 50%; background-color: #F5F5F5; background-position: center; background-repeat: no-repeat; background-size: cover; } .reviewsTitle > div:last-child {} .reviewsTitle > div:last-child p {line-height: 23px; font-size: 13px; margin: 7px 0 0 0; color: #8F8F8F;} .reviewsText {padding: 0 0 50px 3px; position: relative;} .reviewsText > p {line-height: 28px; color: #424242;} .reviewsDocuments {margin: 40px 0 0 2px; display: flex; justify-content: space-between; flex-wrap: wrap;} .reviewsDocument {display: flex; width: 47%; margin: 22px 0 0 0; align-items: center;} .reviewsDocument:nth-child(1), .reviewsDocument:nth-child(2) {margin-top: 0;} .reviewsDocuments .iconDocuments {position: relative;} .reviewsDocuments .iconDocuments svg {min-width: 41px;} .reviewsDocuments .iconDocuments p {font-size: 11px; position: absolute; bottom: 18.5px; left: 14px; text-transform: uppercase;} .reviewsDocument div:nth-child(2) {font-size: 14px; margin: -7px 0 0 16px; overflow: hidden;} .reviewsDocument div:nth-child(2) div {margin: 0 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .reviewsDocument div:nth-child(2) a:not(.redcodeColor) {color: #121212;} .reviewsDocument div:nth-child(2) p {color: #8C8C8C;} @media all and (max-width: 1100px) { .reviewsElements {margin: 0 0 50px 0;} } @media all and (max-width: 650px) { .reviewsElement {margin: 0 0 40px 0;} } @media all and (max-width: 500px) { .reviewsDocument {width: 100%; margin: 0 0 20px 0;} .reviewsDocument:last-child {margin-bottom: 0;} } @media all and (max-width: 400px) { .reviewsTitle {display: block; margin: 0 0 25px 0; text-align: center;} .reviewsTitle > div:first-child {margin: 0 auto;} .reviewsTitle > div:last-child {margin: 20px 0 0 0;} .reviewsText:before {left: 50%; margin: 0 0 0 -9px;} .reviewsDocument div:nth-child(2) a {text-decoration: underline;} } .indexPartners {max-width: 1260px; margin: 24px auto 40px auto;} .indexPartners h2 {margin: 0 0 29px 0; font-size: 28px; text-align: center;} .partnersWrapper {padding: 25px 50px 40px 50px; box-sizing: border-box; overflow: hidden; text-align: center; position: relative;} .partnersWrapper .owl-stage-outer {overflow: visible !important;} .partnersWrapper .owl-stage {display: flex; justify-content: space-between;} .partnersWrapper .owl-stage:after {content: none !important;} .partnersWrapper div.owl-item {transition: opacity .3s ease; border: 1px solid #F4F4F4; margin: 0 -1px 0 0; backface-visibility: inherit; opacity: 0; } .partnersWrapper .owl-item.active {opacity: 1; transition: opacity .9s ease, box-shadow .3s ease;} .partnersWrapper .owl-item:hover {box-shadow: 0px 20px 60px rgba(0, 0, 0, .035), 0px 15px 40px rgba(0, 0, 0, .045); border-color: #fff; z-index: 1;} .itemPartners {padding: 30px 0 32px 0;} .itemPartners img {max-width: 200px; max-height: 100px; display: block; margin: 0 auto 30px auto;} .itemPartners .strip {width: 105px; height: 1px; background: #F4F4F4; margin: 0 auto 30px auto;} .IndexPartnersName {padding: 0 40px; line-height: 26px;} .partnersWrapper .owl-nav {position: absolute; top: 50%; width: 100%; left: 0; height: 0; margin: -33px 0 0 0;} .partnersWrapper .owl-nav div {width: 48px; height: 48px; border-radius: 50%; background: #fff; position: relative; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } .partnersWrapper .owl-nav div:hover {box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .15);} .partnersWrapper .owl-prev {float: left; margin: 0 0 0 24px;} .partnersWrapper .owl-prev svg {position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -5px;} .partnersWrapper .owl-next {float: right; margin: 0 24px 0 0;} .partnersWrapper .owl-next svg {position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -2px;} .partnersWrapper .owl-nav .owl-prev.disabled, .partnersWrapper .owl-nav .owl-next.disabled {display: none;} @media all and (max-width: 500px) { .partnersWrapper{padding: 25px 20px 40px 20px;} } /*------------------ ---- SLIDERS ---- -------------------*/ /* End */ /* Start:/local/templates/tomtconsalt/themes/custom/style.css?1548277309207*/ .redcodeColor { color: #1c603e; } .redcodeFill { fill: #1c603e; } .redcodeStroke { stroke: #1c603e; } .redcodeBG_color { background-color: #1c603e; } .redcodeBorderColor { border-color: #1c603e; } /* End */ /* Start:/local/templates/tomtconsalt/css/jquery.fancybox.css?15479244224991*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/local/templates/tomtconsalt/css/../img/fancybox/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("/local/templates/tomtconsalt/css/../img/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/local/templates/tomtconsalt/css/../img/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/local/templates/tomtconsalt/css/../img/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/local/templates/tomtconsalt/css/../img/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("/local/templates/tomtconsalt/css/../img/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/local/templates/tomtconsalt/css/header.css?158575889223662*/ .set * { margin: 0; padding: 0; line-height: 1.15; box-sizing: border-box; outline: 0; text-decoration: none; -webkit-text-size-adjust: 100%; } /*.set input[type='submit'],*/ .set button { cursor: pointer; border: 0; } .set a { color: #000; } .set h3 { font-weight: 500; } .set em, .set strong, .set i, .set b, .set address, .set cite { font-style: normal; font-weight: 500; } .set img { max-width: 100%; max-height: 86px; padding-top: 5px; padding-bottom: 7px; } .set input[type=text], .set input[type=email] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .set ul, .set ol { list-style: none; } @font-face { src: url(/local/templates/tomtconsalt/css/fonts/OpenSans-Regular.ttf); font-family: "OpenSans-Regular"; } @font-face { src: url(/local/templates/tomtconsalt/css/fonts/OpenSans-Bold.ttf); font-family: "OpenSans-Bold"; } .set { /*overflow: hidden;*/ } html, body { min-height: 100vh; } body { width: 100%; height: 100%; /*font: 14px "OpenSans-Regular";*/ color: #666; /*background-color: #f5f9fa;*/ } .set .section { width: 320px; margin: 0 auto; padding: 0 15px; } .set .rel { position: relative; } #close-search { position: absolute; display: block; right: 10px; } #close-search:before, #close-search:after { background-color: #666; } .head-fixed { display: none; } .head-searchr { width: 100%; height: 62px; transition: .35s ease; position: fixed; padding: 9px 0 9px 0px; z-index: 30; background-color: #8edef9; top: -400%; } .head-searchr.active { top: 0; } .head-searchr input[type="text"] { width: 90%; height: 42px; border-radius: 21px; padding-left: 20px; border: 0; } .head-search-g { width: 17px; height: 17px; background: url("/local/templates/tomtconsalt/css/../img/search-g.png"); -webkit-background-size: 17px; background-size: 17px; position: absolute; top: 13px; right: 42px; } .head-logo { width: 180px; padding: 0px 0 0 0px; margin-right: 31px; } .head-search { width: 17px; height: 17px; background: url("/local/templates/tomtconsalt/css/../img/search.png"); -webkit-background-size: 17px; background-size: 17px; transform: translateY(5px); } .head-search, .head-logo { display: inline-block; vertical-align: middle; } .head-info { display: none; } .head-info-mob { width: 100%; transition: top .35s ease; box-shadow: 4px 0 4px rgba(0, 0, 0, 0.2); position: fixed; overflow-y: scroll; top: -400%; left: 0; z-index: 10; background-color: #fff; padding-top: 30px; } .head-info-mob.active { top: 63px; } .head-info-mob .langs { width: 80%; max-width: 220px; display: flex; justify-content: space-between; } .head-info-mob .langs .active { color: #1c603e; } .head-info-mob .langs a { color: #666; } .head-info-mob .head-work { text-align: center; } .head-info-mob .head-work a { background: url("/local/templates/tomtconsalt/css/../img/gal.png") no-repeat 98% 55%; -webkit-background-size: 7px 4px; background-size: 7px 4px; padding-right: 15px; display: inline-block; margin-top: 10px; color: #1c603e; } .head-info-mob .head-menu { margin-top: 40px; } .head-info-mob .head-menu a { text-transform: uppercase; margin-bottom: 40px; } .head-info-mob .head-menu { display: flex; flex-direction: column; justify-content: center; align-items: center; } .head-btn { width: 22px; height: 22px; position: fixed; z-index: 20; top: 19px; right: 22px; } .head-btn:after, .head-btn:before, .head-btn span { display: block; content: ""; width: 26px; height: 4px; border-radius: 5px; transition: .35s ease; margin-bottom: 6px; background-color: #1c603e; } .head-btn:after { margin-bottom: 0; } .head-btn.active { top: 23px; } .head-btn.active span { display: none; opacity: 0; } .head-btn.active:before { transform: rotate(45deg) translateY(7px); } .head-btn.active:after { transform: rotate(-45deg) translateY(-7px); } .head-plash { width: 100%; padding-left: 15px; z-index: 2; position: fixed; top: 0; left: 0; background-color: #fff; border-bottom: 1px solid #1c603e; padding-bottom: 0px; } .head-contacts { margin-top: 80px; } .head-contacts li { margin-bottom: 8px; } .phone, .call { display: block; text-align: center; } .phone { font: 24px "OpenSans-Bold"; } .mail { display: flex; justify-content: center; align-items: center; } .mail:before { display: block; content: ""; width: 20px; height: 14px; background: url("/local/templates/tomtconsalt/css/../img/mail.png"); -webkit-background-size: 20px 14px; background-size: 20px 14px; margin-right: 13px; } .set .call { color: #1c603e; } .call span { border-bottom: 1px solid #1c603e; } .set .btn { width: 100%; border-radius: 21px; max-width: 275px; font-family: inherit; color: #fff; background-color: #1c603e; padding: 11px 0 11px; } .page-buttons ul { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 12px; } .page-buttons li { text-align: center; margin-bottom: 6px; width: 100%; position: relative; } .page-buttons a { margin: 0 auto; width: 95%; /*max-width: 275px;*/ display: block; border-radius: 21px; font-family: inherit; color: #fff; background-color: #1c603e; padding: 11px 20px 11px 5px; border-radius: 25px; font-size: 15px; } .page-buttons ul li ul { position: absolute; display: none; flex-direction: column; align-items: center; justify-content: center; background: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 1, 0.4); margin: 0 5px; padding: 16px 0; z-index: 1; } .page-buttons ul li.submenu > a::before{ content: ''; position: absolute; right: 6%; top: 45%; border: 6px solid transparent; border-top: 6px solid #fff; } .page-buttons ul li.submenu.open > a::before, .page-buttons ul li.submenu:hover > a::before { border: 6px solid transparent; border-bottom: 6px solid #fff; top: 30%; } .page-buttons ul li ul::before{ content: ''; position: absolute; left: 49%; top: -12px; border: 6px solid transparent; border-bottom: 6px solid #fff; } .page-buttons ul li.submenu.open ul, .page-buttons ul li:hover ul { display: flex; } .page-buttons ul li ul a { font-size: 13px; color: #006699; border: none; display: block; background: transparent; text-align: left; padding: 0; } .page-buttons ul li ul a:hover { color: #000; } .page-buttons ul li ul li { padding: 12px 32px; margin-bottom: 0px; } .page-buttons ul li ul li:hover { background: #e4f4fa; } .page-body { padding: 0 0 40px 0; background-color: #fff; } .page-title { font: 24px "OpenSans-Bold"; color: #000; margin-top: 30px; width: 100%; display: none; } .page-title span { display: block; } .page-text { margin-top: 30px; line-height: 24px; display: flex; flex-wrap: wrap; } .page-text strong { font-family: "OpenSans-Bold"; color: #000; } .page-text li { margin-bottom: 10px; width: 100%; } .page-text li, .page-text li a{ font-size: 20px; line-height: 36px; font-weight: bold; color: #1c603e; } .page-text li { padding-left: 0; } .page-text li a:before { background: url(/upload/list_tomt.png) center left no-repeat; content: ''; width: 30px; height: 24px; background-size: contain; display: inline-block; vertical-align: middle; } .page-form-cont { border-radius: 5px; margin-top: 35px; padding: 30px; text-align: center; box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2); background-color: #e1e4eb; } .page-form-cont input[type="text"], .page-form-cont input[type="email"] { width: 100%; height: 40px; text-align: left; border: 0; padding: 14px 18px; border-radius: 5px; background: #fff; margin-bottom: 10px; margin-right: 10px; } .page-form-cont textarea { margin: 0; height: 140px; width: 100%; border: 0; padding: 14px 18px; border-radius: 5px; background: #fff; font-size: 16px; } .page-form-cont .flex-row .half-form { width: 100%; margin-right: 0px; } .page-form-cont input[type="text"]::placeholder, .page-form-cont input[type="email"]::placeholder { font-family: inherit; text-align: left; color: #999999; } .page-form-cont .btn { margin-top: 32px; } .flex-row { display: flex; flex-direction: column; } .half-form { width: 50%; } .page-form-title { font: 22px "OpenSans-Bold"; line-height: 1; color: #000; width: 100%; margin: 0 0 20px; text-align: center; } .page-form-subtitle { width: 100%; margin: 0 0 20px; line-height: 18px; font-size: 12px; color: #006699; text-align: center; } .page-form-subtitle strong { font: "OpenSans-Bold"; font-weight: bold; } .page-form-polit { margin-top: 30px; } .page-form-polit a { display: block; color: #1c603e; text-decoration: underline; display: block; } .cities { display: flex; flex-wrap: wrap; justify-content: space-around; } .city-cont { padding-top: 10px; border-radius: 10px; max-width: 1020px; display: none; } .city-title { font: 21px "OpenSans-Bold"; color: #176987; padding-left: 20px; margin-bottom: 15px; line-height: 1.1; } .city-list { width: 40%; margin-bottom: 24px; } .city-list h5 { margin-bottom: 4px; font-size: 18px; color: #6f6f6f; } .city-list a { color: #176987; text-decoration: underline; } .city-list li { margin-bottom: 3px; } .dn { display: none; } .page-form-cont input[type=submit] { text-align: center; max-width: 100%; margin: 30px auto 0 auto; padding: 16px; } .page-text { display: none; } @media screen and (min-width: 460px) { .set .section { width: 460px; } } @media screen and (min-width: 748px) { .page-buttons ul li ul { max-width: 275px; } .page-title { display: block; } .page-text { display: flex; } .set .btn { max-width: 49%; } .set .section { width: 748px; } .head-contacts ul { display: flex; flex-wrap: wrap; } .head-contacts ul li { width: 50%; } .page-buttons ul { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; } .page-buttons > ul > li { width: 50%; } .page-form-cont .flex-row .half-form { width: calc(50% - 10px); margin-right: 10px; } .flex-row { display: flex; flex-direction: row; } .page-form-title { font: 24px "OpenSans-Bold"; width: 50%; text-align: left; } .page-form-cont textarea { width: 50%; } .page-form-subtitle { width: 50%; text-align: right; } } @media screen and (min-width: 1004px) { .page-title { width: 100%;/*430px;*/ } .set .section { width: 1004px; } .city-cont { padding: 20px 40px; } .city-list { width: 20%; } .page-buttons ul { flex-direction: row; } } @media screen and (min-width: 1024px) { .head-work { padding-left: 30px; } .head-menu { padding-right: 0px; } .page-title { padding-left: 5%; } .set .section { width: 1024px; padding: 0; } .set .btn { width: 245px; } .langs { width: 130px; margin-right: 4px; display: flex; justify-content: space-between; } .langs .active { color: #1c603e; } #close-search { cursor: pointer; } .head-btn { display: none; } .head-searchr input[type="text"] { width: 100%; } .head-plash { position: static; background: none; border: none; padding-bottom: 0px; } .head-info { font-size: 14px; padding: 8px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #e5e5e5; } .head-info-mob { display: none; } .head-search { transform: translateY(0px); } .head-work a { background: url("/local/templates/tomtconsalt/css/../img/gal.png") no-repeat 98% 55%; -webkit-background-size: 7px 4px; background-size: 7px 4px; padding-right: 15px; display: inline-block; color: #1c603e; margin-left: 13px; } .head-logo { width: 365px; padding-top: 0px; } .head-row { border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center; } .head-menu { width: 625px; display: flex; justify-content: space-between; align-items: center; } .head-menu a { color: #666; text-transform: uppercase; } .head-contacts { width: 475px; flex: 0 0 475px; font-size: 16px; margin-top: 0; } .head-fixed { width: 100%; display: block; position: fixed; z-index: 100; top: -40%; background-color: #fff; height: 67px; overflow: hidden; } .head-fixed .head-info { padding: 0; align-items: center; } .head-fixed-logo { width: 225px; padding-top: 0; margin-right: 0; } .head-fixed-menu { width: 350px; } /*.head-fixed-menu a:first-child { background: url("/local/templates/tomtconsalt/css/../img/gal.png") no-repeat 98% 55%; -webkit-background-size: 7px 4px; background-size: 7px 4px; font-family: "OpenSans-Bold"; color: #000; padding-right: 15px; }*/ .head-fixed-phone { font-size: 20px; } .head-fixed.active { top: 0; } .btn { border-radius: 25px; padding: 16px 0 16px; font-size: 16px; } .jus { justify-content: space-between !important; } .page-buttons ul { flex-direction: row; } .page-buttons > ul > li { margin-bottom: 12px; width: 25%; } .page-buttons li ul li { width: 100%; margin-bottom: 0px; } /*.page-body { padding-top: 45px; }*/ .page-title { /*margin-top: 60px;*/ font-size: 20px; } .page-title span { padding-left: 75px; } .page-text { margin-top: 40px; } .page-form-cont { max-width: 570px; margin-top: 0; } .page-form-cont input[type="text"], .page-form-cont input[type="text"]::placeholder, .page-form-cont input[type="email"], .page-form-cont input[type="email"]::placeholder { font-size: 16px; } .page-form-cont .page-form-name { margin-right: 30px; } .page-form-cont .btn { margin-top: 48px; } /*.page-form-subtitle { line-height: 30px; }*/ .page-form-polit { font-size: 13px; text-align: left; } } @media screen and (min-width: 1160px) { .page-title { padding-left: 0px; } .set .section { width: 1160px; padding: 0; } .mob { display: none; } .langs { width: 130px; margin-right: 4px; display: flex; justify-content: space-between; } .langs .active { color: #1c603e; } #close-search { cursor: pointer; } .head-btn { display: none; } .head-searchr input[type="text"] { width: 100%; } .head-plash { position: static; background: none; border: none; padding-bottom: 0px; } .head-info { font-size: 14px; padding: 8px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #e5e5e5; } .head-info-mob { display: none; } .head-search { transform: translateY(0px); } .head-work a { background: url("/local/templates/tomtconsalt/css/../img/gal.png") no-repeat 98% 55%; -webkit-background-size: 7px 4px; background-size: 7px 4px; padding-right: 15px; display: inline-block; color: #1c603e; margin-left: 13px; } .head-logo { width: 365px; padding-top: 0px; } .head-row { border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center; } .head-menu { width: 685px; display: flex; justify-content: space-between; align-items: center; } .head-menu a { color: #666; text-transform: uppercase; } .head-contacts { width: 475px; flex: 0 0 475px; font-size: 16px; margin-top: 0; } .head-fixed { width: 100%; display: block; position: fixed; z-index: 100; top: -40%; background-color: #fff; height: 70px; overflow: hidden; } .head-fixed .head-info { padding: 0; align-items: center; } .head-fixed-logo { width: 225px; padding-top: 0; margin-right: 0; } .head-fixed-menu { width: 350px; } /*.head-fixed-menu a:first-child { background: url("/local/templates/tomtconsalt/css/../img/gal.png") no-repeat 98% 55%; -webkit-background-size: 7px 4px; background-size: 7px 4px; font-family: "OpenSans-Bold"; color: #000; padding-right: 15px; }*/ .head-fixed-phone { font-size: 20px; } .head-fixed.active { top: 0; } .btn { border-radius: 25px; padding: 16px 0 16px; font-size: 16px; } .jus { justify-content: space-between !important; } .page-buttons { flex-direction: row; } .page-buttons li { margin-bottom: 12px; } .page-buttons li ul li { margin-bottom: 0; } /*.page-body { padding-top: 45px; }*/ .page-title { /*margin-top: 60px;*/ font-size: 20px; } .page-title span { padding-left: 75px; } .page-text { margin-top: 40px; } .page-form-cont { max-width: 570px; margin-top: 0; } .page-form-cont input[type="text"], .page-form-cont input[type="text"]::placeholder, .page-form-cont input[type="email"], .page-form-cont input[type="email"]::placeholder { font-size: 16px; } .page-form-cont .page-form-name { margin-right: 30px; } .page-form-cont .btn { margin-top: 48px; } /*.page-form-subtitle { line-height: 30px; }*/ .page-form-polit { font-size: 13px; } } .pallet { font-weight: 700; text-align: center; } .bricks { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; } .alic { align-items: center; } .dfc { display: flex; align-items: center; justify-content: center; } .dfi { justify-content: space-between; } .mr { margin-right: auto; } .ml { margin-left: auto; } @media screen and (min-width: 320px) { .m1 { width: 8.33333%; } .m2 { width: 16.66667%; } .m3 { width: 25%; } .m4 { width: 33.33333%; } .m5 { width: 41.66667%; } .m6 { width: 50%; } .m7 { width: 58.33333%; } .m8 { width: 66.66667%; } .m9 { width: 75%; } .m10 { width: 83.33333%; } .m11 { width: 91.66667%; } .m12 { width: 100%; } } @media screen and (min-width: 460px) { .page-text li { width: 50%; } .ml1 { width: 8.33333%; } .ml2 { width: 16.66667%; } .ml3 { width: 25%; } .ml4 { width: 33.33333%; } .ml5 { width: 41.66667%; } .ml6 { width: 50%; } .ml7 { width: 58.33333%; } .ml8 { width: 66.66667%; } .ml9 { width: 75%; } .ml10 { width: 83.33333%; } .ml11 { width: 91.66667%; } .ml12 { width: 100%; } } @media screen and (min-width: 748px) { .t1 { width: 8.33333%; } .t2 { width: 16.66667%; } .t3 { width: 25%; } .t4 { width: 33.33333%; } .t5 { width: 41.66667%; } .t6 { width: 50%; } .t7 { width: 58.33333%; } .t8 { width: 66.66667%; } .t9 { width: 75%; } .t10 { width: 83.33333%; } .t11 { width: 91.66667%; } .t12 { width: 100%; } } @media screen and (min-width: 1004px) { .tl1 { width: 8.33333%; } .tl2 { width: 16.66667%; } .tl3 { width: 25%; } .tl4 { width: 33.33333%; } .tl5 { width: 41.66667%; } .tl6 { width: 50%; } .tl7 { width: 58.33333%; } .tl8 { width: 66.66667%; } .tl9 { width: 75%; } .tl10 { width: 83.33333%; } .tl11 { width: 91.66667%; } .tl12 { width: 100%; } .dwd6 { width: 49.13793%; } } @media screen and (min-width: 1160px) { .d1 { width: 8.62069%; } .dwd1 { width: 6.03448%; } .dwi1 { width: 2.58621%; } .d2 { width: 17.24138%; } .dwd2 { width: 14.65517%; } .dwi2 { width: 11.2069%; } .d3 { width: 25.86207%; } .dwd3 { width: 23.27586%; } .dwi3 { width: 19.82759%; } .d4 { width: 34.48276%; } .dwd4 { width: 31.89655%; } .dwi4 { width: 28.44828%; } .d5 { width: 43.10345%; } .dwd5 { width: 40.51724%; } .dwi5 { width: 37.06897%; } .d6 { width: 51.72414%; } .dwd6 { width: 49.13793%; } .dwi6 { width: 45.68966%; } .d7 { width: 60.34483%; } .dwd7 { width: 57.75862%; } .dwi7 { width: 54.31034%; } .d8 { width: 68.96552%; } .dwd8 { width: 66.37931%; } .dwi8 { width: 62.93103%; } .d9 { width: 77.58621%; } .dwd9 { width: 75%; } .dwi9 { width: 71.55172%; } .d10 { width: 86.2069%; } .dwd10 { width: 83.62069%; } .dwi10 { width: 80.17241%; } .d11 { width: 94.82759%; } .dwd11 { width: 92.24138%; } .dwi11 { width: 88.7931%; } .d12 { width: 103.44828%; } .dwd12 { width: 100.86207%; } .dwi12 { width: 97.41379%; } } @media (max-width: 569px) { .indexBlock[data-order="0"], .indexBlock[data-order="1"] { display: none; } } /* End */ /* Start:/local/templates/tomtconsalt/css/custom.css?176389409417383*/ .headerBottomWrap > div { font-size: 14px; } #addressTopHeader { display: flex; align-items: center; } #selectEmail { margin: 0 0 0 39px; font-size: 13px; display: flex; align-items: center; white-space: nowrap; } #selectEmail svg { margin: 0 7px 0 0; min-width: 14px; } #selectPhone { white-space: nowrap; } #selectAddress { position: relative; font-size: 13px; display: flex; align-items: center; } #selectAddress.more { padding: 0 17px 0 0; } #selectAddress.more .mapArrow { position: absolute; right: 0; top: 50%; margin: -1.5px 0 0 0; transition: transform .2s linear; } #selectAddress .mapIcon { min-width: 12px; } #selectAddress .nameAddress { cursor: default; margin: 0 0 0 11px; } #selectAddress.more .nameAddress:hover .mapArrow { transform: rotate(180deg); } #selectPhone { margin: 0 0 0 39px; font-size: 13px; display: flex; align-items: center; } #selectPhone svg { margin: 0 7px 0 0; min-width: 14px; } @media all and (max-width: 1180px) { .selectAddressModal { width: 260px; } #selectAddress .elementModal { right: -200px; } } @media all and (max-width: 1030px) { #selectPhone { margin: 0 0 0 25px; } } #logo img, #logo svg { max-width: 235px; } @media all and (min-width:1111px) { .indexServicesSection, .indexServicesSection:nth-child(3n), .servicesSection { margin: 0px 20px 20px 0; width: calc(25% - 15px); } .indexServicesSection .name, .servicesSection .name, .thesesItem a, .thesesItem div { max-width: 90%; } .indexServicesItem { margin-left: 5px; margin-right: 5px; } .servicesSection:nth-child(4n+4), .indexServicesSection:nth-child(4n+4) { margin-right: 0; } } .indexAdviceServices{ margin-bottom: 0; } #theses { margin-top: 0; } #contactMap { width: 100%; height: 630px; position: relative; } .contactsAddress { position: absolute; width: 330px; border-radius: 5px; background: #fff; right: 70px; top: 70px; z-index: 1; box-shadow: 0px 30px 70px rgba(0, 0, 0, .15); } #wrapper.animationON .contactsAddress { animation: fadeInUp_30px 1.2s ease; } .contactsAddress > div { overflow: hidden; height: 100%; } .contacts .sectionNameActive { font-size: 16px; padding: 30px 36px 28px 36px; cursor: pointer; box-shadow: 0px 4px 51px rgba(0, 0, 0, .1); box-sizing: border-box; height: 80px; } .contacts .sectionNameActive p { position: relative; display: inline-block; } .contacts .sectionNameActive svg { position: absolute; top: 8px; right: -22px; transition: transform .2s linear; } .contacts .sectionNameActive.active svg { transform: rotate(180deg); } /* city */ .contacts .sectionBlock { height: 0; overflow: hidden; transition: height .3s ease-out; position: relative; } .contacts .sectionBlock.sectionUp { height: 370px; transition: height .4s ease-out; } .sectionBlockWrapper { height: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior: none; width: 107%; -webkit-overflow-scrolling: touch; } .contacts .sectionBlockWrapper .sectionName { padding: 20px 36px 18px 36px; } .contacts .sectionBlockWrapper .sectionName.active { background: #e9e9e9; } .contacts .sectionBlockWrapper .sectionName:hover { background: #e9e9e9; cursor: pointer; } .contacts .elementBlock { overflow: hidden; } .contacts .elementBlock.elementUp { animation: elementUp .25s ease-out; animation-fill-mode: forwards; } .contacts .elementsSectionWrapper { position: relative; } .contacts .elementsSectionList { padding: 31px 60px 24px 36px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: none; width: 107%; box-sizing: border-box; } .contacts .elementsSectionList .element { margin: 0 15px 30px 0; font-size: 13px; } .contacts .elementsSectionList .element:last-child { margin-bottom: 0; } .contacts .elementsSectionList .elementName { display: inline-block; color: #121212; cursor: pointer; margin: 0 0 6px 0; } .contacts .elementsSectionList .elementName:hover { text-decoration: underline; } .contacts .elementsSectionList .workingHours { color: #8C8C8C; line-height: 23px; } .contactZoom div { width: 45px; height: 45px; border-radius: 50%; cursor: pointer; position: relative; background: #fff; box-shadow: 0px 15px 30px rgba(0, 0, 0, .1), 0px 7px 15px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .1); } .contactZoom #zoomIn { margin: 0 0 20px 0; } .contactZoom div svg { position: absolute; top: 50%; left: 50%; } .contactZoom #zoomIn svg { margin: -7px 0 0 -7px; } .contactZoom #zoomOut svg { margin: -1.5px 0 0 -7px; } @media all and (max-width: 1100px) { .contactsAddress { right: 50px; } } @media all and (max-width: 1000px) { .contactsAddress { width: 280px; } .contacts .elementsSectionList { width: 108%; } } @media all and (max-width: 900px) { .contacts { position: relative; padding: 80px 0 0 0; } #contactMap { position: static; } .contactsAddress { top: 0; width: 100%; right: 0; height: auto; border-radius: 0; } .contactsAddress .elementBlock { display: none; } .contacts .sectionBlock.sectionUp { height: auto; } .contactZoom div { display: none; } } @media all and (max-width: 490px) { #contactMap { height: 400px; } } @keyframes elementUp { from { opacity: 0; margin-top: 30px; } to { opacity: 1; margin-top: 0; } } .no-list { list-style: none; } .backList .button {border-radius: 100px; border: 2px solid #D7D7D7; height: 49px; align-items: center; display: inline-flex; box-sizing: border-box; justify-content: center; width: 49px; } .backList span:last-child {margin: 0 0 0 10px; color: #454545; font-size: 14px;} .backList:hover { text-decoration: none !important; } @media all and (max-width: 990px) { .backList {display: none;} .backList .button {height: 55px;} } .modalButton { cursor: pointer; } #workArea a { } .newsDetail a { color: #1C603E;/*663898;*/ text-decoration: underline; } .newsDetail a:hover { text-decoration: none; } a.backList { text-decoration: none; } .orderServices { margin: 50px 0 0 0; padding: 43px 58px 42px 48px; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); display: flex; justify-content: space-between; border-radius: 8px; align-items: center; background: #fff; } .orderServices > svg { min-width: 53px; margin: 0 39px 0 0; } .orderServices > div:first-of-type { flex-grow: 1; } .orderServices > div span { font-size: 17px; color: #121212; margin: 0 0 19px 0; display: inline-block; cursor: pointer; } .orderServices > div span svg { margin: 0 0 0 13px; } .orderServices > div div { line-height: 26px; font-size: 14px; color: #717171; } .servicesItem_bottom a { color: #fff; text-decoration: none; } .headerTop { position: fixed; width: 100%; } .headerBottom { z-index: 10 !important; } @media (min-width: 691px) { .headerTop { display: none; } .headerBottom { position: fixed; background: #fff; z-index: 10; width: 100%; padding-top: 0px; top:0; } .headerBottomWrap { display: flex; padding-top: 0; padding-bottom: 0; } } @media (max-width: 690px) { .headerBottomWrap { display: flex; padding-top: 0; padding-bottom: 0; } .headerBottom { position: fixed; background: #fff; z-index: 1; width: 100%; } .headerBottom .headerSearch { display: none; } #logo, #menuButton { padding-top: 15px; } } @media (max-width: 380px) { #logo img, #logo svg { max-width: 165px; } } @media (min-width: 691px) and (max-width: 990px){ .headerBottomWrap{ padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 990px) { .headerBottom { position: fixed; background: #fff; z-index: 1; width: 100%; padding-top: 0px; } #wrapper header { height: 75px; } .addressTopHeader { display: none !important; } } @media (min-width: 991px){ .headerBottomWrap{ padding: 10px 50px 10px 50px; } .headerBottom .headerSearch{ display: block; margin-right: 20px; box-shadow: 0px 2px 2px rgba(0, 0, 0, .05), 0px 1px 1px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } } .addressTopHeader .phones { font-size: 13px; } #wrapper.animationON header {animation: none} #logo img, #logo svg { background-color: #fff !important; border-color: transparent !important; border-width: 0px !important; border-image-width: 0px !important; } #selectPhone2, #selectPhone4 { display: none; } #selectPhone svg { margin-right: 10px; } #selectPhone3 { margin: 0 0 0 39px; font-size: 13px; display: flex; align-items: center; white-space: nowrap; } #selectPhone3 svg { margin: 0 7px 0 0; min-width: 14px; } @media (min-width: 568px) and (max-width: 990px) { .headerBottomWrap > div { width: 100% } .search-callback { width: auto !important; } #selectPhone2 { display: block; margin-right: 10px; white-space: nowrap; text-align:center; width: 100%; } #selectPhone4 { display: block; margin-right: 12px; white-space: nowrap; text-align:center; width: 100%; } } @media (max-width: 800px) { header .requestCall { margin-left: 10px; } header .requestCall {background: #fff; height: 46px; width: 46px; padding: 0; position: relative; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } header .requestCall span {display: none;} header .requestCall svg {display: block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -8px;} } @media (min-width: 690px) { #selectPhone2 { margin-top: 0; } } #mobileMenu .mobilePhones { padding: 0 30px; font-size: 13px; line-height: 22px; margin: 35px 0 0 0; } #mobileMenu .mobilePhones svg { width: 11px; padding: 5px 0 0 0; margin: 0 10px 0 0; vertical-align: top; fill: #121212; } #mobileMenu .mobilePhones div:first-child svg { margin-right: 13px; } .backList { text-decoration: none !important; } .indexServicesSection .name, .servicesSection .name { word-wrap: anywhere; } .contacts .sectionBlock, .contactsAddress { height: auto; } .servicesItem .img { border-radius: 0; } table.bordered { background: #fff; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-radius: 8px; border-collapse: collapse; } table.bordered th { font-size: 13px; color: #8F8F8F; padding: 25px 20px 26px 20px; vertical-align: middle; } table.bordered td { border-top: 1px solid #F1F1F1; padding: 26px 3px; vertical-align: middle; } @media (max-width: 767px) { .new-main.hide-mobile { display: none !important; } } div.indexServices { width: auto !important; } .indexServicesSection { background-size: 40px 45px !important; background: #e1e4eb url(/upload/list_tomt.png) 20px no-repeat; padding: 0 !important; width: 100% !important; min-height: 80px; margin: 15px 0 !important; border-radius: 10px; justify-content: center; text-align: left; } .indexOrderService { display: none; } .indexServicesSection .name, .servicesSection .name{ max-width: 100%; min-height: auto; margin: 0; justify-content: unset; font-size: 17px; line-height: 1.2; } .indexServicesSection .name a, .servicesSection .name a { display: block; width: 100%; padding: 20px 20px 20px 90px; text-decoration: none; } .head-contacts .whatsapp { color: #1c603e; text-align: center; font-size: 16px; line-height: 25px; background: url(/upload/whatsapp_tomt.png) no-repeat; display: inline-block; padding-left: 35px; } .center { text-align: center; } .head-contacts ul li:first-child a { color: #1c603e; } @media screen and (min-width: 748px) and (max-width: 1159px) { .whatsapp-block { display: none; } .head-contacts ul li:first-child { display: none; } } @media screen and (max-width: 1159px) { .mobile-hide { display: none; } .head-contacts ul li:first-child { display: none; } } @media screen and (min-width: 1160px) { .head-contacts ul li { width: 33.3%; } .desktop-hide { display: none; } .head-contacts { width: 745px; flex: 0 0 745px; } .head-contacts .whatsapp { background-size: 22px 19px; line-height: 19px; } } .orderServices, #orderServices { box-shadow: 0px 10px 20px rgba(0, 0, 0, .15); } .doc_links { display: flex; } .doc_links a { padding: 0 8%; text-align: center; font-weight: bold; } .doc_links img { width: auto; max-width: 100%; } .table-2 { background: #fff; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; text-align: center; } .table-2 div { flex-basis: 50%; font-size: 18px; color: #8F8F8F; text-align: center; font-weight: bold; padding: 25px 0; } .table-2 div a { color: #fff; background-color: #1c603e; padding: 20px 15px; border-radius: 10px; font-size: 18px; display: inline-block; text-decoration: none; width: 80%; transition: .5s } .table-2 div a:hover { background: #1c603e; box-shadow: -2px 2px 17px 3px #0003; } .table-3 { background: #fff; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; } .table-3 div { flex-basis: 100%; width: 100%; font-size: 18px; color: #8F8F8F; text-align: center; font-weight: bold; padding: 25px 0; } .table-3 div a { color: #fff; background-color: #1c603e; padding: 20px 15px; border-radius: 10px; font-size: 18px; display: inline-block; text-decoration: none; width: 100%; transition: .5s; box-sizing: border-box; } .table-3 div a:hover { background: #1c603e; box-shadow: -2px 2px 17px 3px #0003; } @media (min-width: 769px) { .table-3 { background: #fff; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: nowrap; } .table-3 div { flex-basis: 50%; font-size: 18px; color: #8F8F8F; text-align: center; font-weight: bold; padding: 25px 0; } .table-3 div a { color: #fff; background-color: #1c603e; padding: 20px 15px; border-radius: 10px; font-size: 18px; display: inline-block; text-decoration: none; width: 100%; transition: .5s } .table-3 div a:hover { background: #1c603e; box-shadow: -2px 2px 17px 3px #0003; } } .table-scroll { overflow-y: auto; max-height: 500px; } .toggle-table { display: block; text-decoration: none; } .toggle-table:before { content: 'Развернуть'; display: inline-block; line-height: 1.3; margin-bottom: 10px; /*border-bottom: 1px dashed;*/ color: #fff; background-color: #1c603e; padding: 10px; border-radius: 10px; font-size: 18px; transition: .5s; } .toggle-table.show:before { content: 'Свернуть'; } .toggle-table + .table-toggle { display: none; } .newsDetail blockquote { border-radius: 5px; margin-top: 35px; padding: 30px; box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2); background-color: #e1e4eb; font-size: 17px; font-family: 'Montserrat', sans-serif; margin-left: 0; line-height: 32px; text-align: center; color: #121212; font-weight: 600; margin-right: 0; } /*.newsDetail blockquote:after { content: 'Получите бесплатную консультацию по КТС мед.изделий и заполнению формы «Области аккредитации» по телефону: +74957242864'; display: block; }*/ ul.bullet li{ list-style: none; display: flex; } ul.bullet li:before { content: ''; background: url(/local/templates/tomtconsalt/css/../img/bullet.svg) left center no-repeat; width: 30px; min-width: 30px; height: 30px; margin-right: 10px; } /* End */ /* /local/templates/tomtconsalt/components/bitrix/breadcrumb/.default/style.css?1547924422359 */ /* /local/templates/tomtconsalt/components/bitrix/menu/bottomMenu/style.css?1547924422818 */ /* /local/templates/tomtconsalt/components/bitrix/search.form/top/style.css?15479244223078 */ /* /local/templates/tomtconsalt/styles.css?16009712432922 */ /* /local/templates/tomtconsalt/template_styles.css?158567584932280 */ /* /local/templates/tomtconsalt/themes/custom/style.css?1548277309207 */ /* /local/templates/tomtconsalt/css/jquery.fancybox.css?15479244224991 */ /* /local/templates/tomtconsalt/css/header.css?158575889223662 */ /* /local/templates/tomtconsalt/css/custom.css?176389409417383 */