.row_my {display: flex; margin: auto; width: 100%;} .header__logo img {max-width: 120px;} /* Меню */ #menuha ul {display:flex;width:100%;margin:0px auto;padding:0;} #menuha ul li {margin:10px;flex-basis: auto;flex-grow: 1;text-align: center;position:relative;list-style:none;} #menuha ul a {font-weight:300;color:#111;text-decoration:none;display:block;padding:8px 20px;} #menuha ul li:hover > a { background: #356d4e; color: #fff; border-radius: 5px;} /* Подуровень */ #menuha ul ul li:hover a, #menuha ul li:hover li a {background:none;border:none;color:#000;} #menuha ul ul li a:hover {color:#fff;background:#07bf68;border-radius: 0px;} /* выпадающий список */ #menuha ul li:hover > ul {opacity:1;visibility:visible;width: 360px;} #menuha ul ul {opacity:0;visibility:hidden;padding:0;width:360px;;position:absolute;box-shadow: 0 0 50px rgb(0 0 0 / 5%);background-color: #fff;-moz-transition: opacity .25s linear, visibility .1s linear .1s;-webkit-transition: opacity .25s linear, visibility .1s linear .1s;-o-transition: opacity .25s linear, visibility .1s linear .1s;transition: opacity .25s linear, visibility .1s linear .1s;margin-top: 2px;z-index: 1; display: inline-block;margin-left: -165px;} #menuha ul ul li {float:none;margin:0;border-bottom: 1px solid #f2f3f5;} #menuha ul ul a {font-weight:normal;} #menuha ul ul ul {left:325px;top:0px;} .menus {display: none;} .menus a {background-position: 0 0;background-repeat: no-repeat;width: 40px;height: 40px;display: inline-block;background-size: contain;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzJweCIgaGVpZ2h0PSI3MnB4IiB2aWV3Qm94PSIwIDAgNzIgNzIiIGlkPSJlbW9qaSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBpZD0iY29sb3IiLz4KICA8ZyBpZD0iaGFpciIvPgogIDxnIGlkPSJza2luIi8+CiAgPGcgaWQ9InNraW4tc2hhZG93Ii8+CiAgPGcgaWQ9ImxpbmUiPgogICAgPGxpbmUgeDE9IjE2IiB4Mj0iNTYiIHkxPSIyNiIgeTI9IjI2IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxsaW5lIHgxPSIxNiIgeDI9IjU2IiB5MT0iMzYiIHkyPSIzNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8bGluZSB4MT0iMTYiIHgyPSI1NiIgeTE9IjQ2IiB5Mj0iNDYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPgogIDwvZz4KPC9zdmc+Cg==');} .portfolio .posmotret_smetu {border-bottom: 0px solid #9a9ea4; padding-bottom: 0px;} .obzor {padding-top: 50px; padding-bottom: 100px; background: #f1f0ee; margin: 0px;} .onlinecalc {margin-top: 40px !important;} .tinkoff {max-width: 1200px; margin: 0 auto; background-color: #ffdd2d; padding: 30px; border-radius: 12px; color: #333; font-size: 18px; margin-top: 35px;} .step_1 {font-size: 32px; font-weight: 700;} .step_2 { font-size: 28px;} .step_3 {} .step_3 img {} .btn_tinkoff {} .btn_tinkoff a {background-color: #fff; display: inline-block; max-width: 380px; text-align: center; padding: 20px 15px; border-radius: 12px; color: #333; text-decoration: none; font-size: 22px;} .btn_tinkoff a:hover {background-color: #333;color:#fff;} .tinkoff .row_flex .block {width: auto;} /* Стр портфолио */ .block_photo_project_txt { background-color: #fff; border-radius: 16px; padding: 20px;margin-right: 20px;} .block_photo_project_txt p {margin-bottom:10px;} .blog_portfolio {background-color: #f1f4f7; transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin: 30px 0px; padding: 30px 0px;} .blog_portfolio .items-leading {display: flex; flex-wrap: wrap; margin-left: -10px;} .blog_portfolio .items-leading article {width: 50%; flex: 1 1 auto;margin: 5px 0px;} .blog_portfolio .items-leading article .img-intro-left { height: 310px; overflow: hidden; border-radius: 8px; margin-bottom: 10px;} .blog_portfolio .items-leading article .img-intro-left .img_caption {width: 100% !important} .blog_portfolio .items-leading article .img-intro-left img {width: 100%;border-radius: 8px;} .blog_portfolio .items-leading article .inner_blog { margin: 10px;background-color: #fff;padding: 15px; border-radius: 8px;} .blog_portfolio .items-leading article .inner_blog h2 {margin-bottom: 10px;} .blog_portfolio .items-leading article .inner_blog h2 a { font-size: 1.2857rem; font-weight: 700; color: #000; text-decoration: none;} .blog_portfolio .items-leading article .inner_blog .readmore { display: inline-flex; width: 100%; text-align: center; margin-top: 15px;} .blog_portfolio .items-leading article .inner_blog .readmore a {background: linear-gradient(47deg, rgb(252 239 135) 0%, rgb(255 244 150) 93%);; color: #000; text-decoration: none; padding: 10px; border-radius: 8px;text-align: left; line-height: 1.1;} .video_3dtur ul.spisok {list-style-type: none; padding: 0px;} .video_3dtur ul.spisok li {background-color: #fff; margin-bottom: 15px; padding: 10px 20px; border-radius: 12px;} .automoika {margin: 20px 0px; border: 2px solid #ece8e6; padding: 20px;} .automoika p {} .automoika ul {margin: 10px 0px;padding: 0px; list-style-type: none;} .automoika ul li { border-bottom: 1px dashed; margin-bottom: 10px;} .name_h2 span { background-color: #f8e488; padding: 5px 10px; border-radius: 8px;} .name_h2 {font-size: 2.8571rem; line-height: 1.35; font-weight: 700; margin-bottom: 0px; text-align: center;max-width: 900px;margin: 0 auto;} .desc_h2 {color: #000000; font-size: 24px; line-height: 1.5; font-weight: 400; text-align: center;} .design_img {} .design_img .swiper-slide {max-height: 100%;} .design_row {display: flex; width: 100%;} .design_row .design_block { width: 50%; flex: 1 1 auto;padding: 20px;} .design_row .design_block .swiper { padding: 20px; border: 2px solid #c6c6c6; border-radius: 12px; box-shadow: 0px 5px 10px 2px rgb(100 100 100 / 9%);} .design_block .name { font-size: 20px; font-weight: 700;} .design_block .desc {margin-bottom: 10px;} .btn_design {text-align: center; display: inline-block;width: 100%;} .btn_desight { font-size: 20px; font-weight: 700; border-radius: 45px; background: linear-gradient( 47deg, rgba(247,232,151,1) 0%, rgba(252,209,36,1) 93%); border: none; padding: 25px; cursor: pointer; display: block; max-width: 370px; text-align: center; margin: 0 auto;} .btn_desight:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background: linear-gradient( 47deg, rgb(181 158 35) 0%, rgb(199 160 5) 93%);} .page_design .portfolio {background: #f5f5f5;} .page_design .portfolio table td {width: 100%; text-align: center; vertical-align: middle;} .page_design .portfolio table img {width: 60px;} .page_design .portfolio th { text-align: center;} .page_design .portfolio .table__first__column { width: auto;} .page_design .portfolio .econom { color: #25b308;} .page_design .pricelist__box {margin-top: 30px;} .page_design .garanty {padding: 50px 0px;} .garanty_row { display: flex; flex-wrap: wrap;margin-top: 50px;} .garanty_row .block { display: flex; margin: auto;font-size: 25px;margin-bottom: 20px;} .garanty_row .block_one { margin: auto; padding-left: 30px;} .garanty_row .block .block_two { margin: auto; padding-left: 30px;} .garanty_row .img_1 { max-width: 440px; border: 1px dashed #aaa; border-radius: 12px;} .garanty_row .img_2 {max-width: 440px; border: 1px dashed #aaa; border-radius: 12px;} .garanty_row .img_3 {max-width: 440px; border: 1px dashed #aaa; border-radius: 12px;} .page_design .stages {background: #f5f5f5; padding: 50px 0px;} .page_design .stages .stages__box { background: #fff;} .page_design .stages__text { width: 100%;} .page_design .stages__box__1 { grid-column: 1/3;} .page_design .stages__box__2 { grid-column: 3/6;} .page_design .stages__box__3 { grid-column: 6/8;} .page_design .stages__box__4 { grid-column: 1/4;} .page_design .stages__box__5 { grid-column: 4/8;} .page_design .stages__box__6 { grid-column: 1/4;} .page_design .stages__box__7 { grid-column: 4/8;} .page_design .stages__box__6::after { left: 27%; bottom: 77%;font-size: 4.6429rem;} .page_design .stages__box__7 {background-color: #fffdf4 !important} .page_design .stages__btn { margin-top: 15px;} .item-page_komanda {} .item-page_komanda h1 {text-align: center; max-width: 740px; margin: 0 auto; margin-top: 40px; font-size: 35px; font-weight: 300;} .item-page_komanda .row_flex { flex-wrap: wrap;margin-left: -20px;} .item-page_komanda .row_flex .block_komanda { flex: 1 1 33.3%;} .item-page_komanda .row_flex .block_komanda .inner {padding: 20px;} .item-page_komanda .row_flex .block_komanda .inner img { width: 100%;} .item-page_komanda .row_flex .block_komanda .name {font-size: 18px; font-weight: 700;} .item-page_komanda .row_flex .block_komanda .desc { font-size: 14px; color: #cdcdcd;} .container article {margin: 40px 0px;} .bl_cont {padding: 20px; text-align: center; margin: 0 5px; flex: 1 1 auto; font-size: 24px;padding-left: 30px !important;} .bl_cont.time {background-position: center left;background-repeat: no-repeat;background-size: 20px 20px;padding-left: 0px;background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDg5LjQyIDQ4OS40MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg5LjQyIDQ4OS40MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik00Ni4xLDEzOC4zNjhjNC4yLDIuMSwxNi4xLDguNCwyOS4xLTYuMmM1LjItNy4zLDEwLjQtMTQuNiwxNi42LTIxLjhjNy4zLTguMyw2LjItMjEuOC0yLjEtMjkuMQ0KCQkJYy04LjMtNy4zLTIxLjgtNi4yLTI5LjEsMi4xcy0xNC42LDE3LjctMjAuOCwyN0MzMy43LDExOS42NjgsMzYuOCwxMzIuMDY4LDQ2LjEsMTM4LjM2OHoiLz4NCgkJPHBhdGggZD0iTTI0OSw0MC41NjhjMTkuOCwwLDM5LjUsMy4xLDU4LjMsOS40YzEyLjYsMy43LDIxLjgtNC4yLDI2LTEyLjVjMy4xLTExLjQtMy4xLTIyLjktMTMuNS0yNg0KCQkJYy0yMi45LTcuMy00NS44LTExLjQtNjkuNy0xMS40Yy0xMS40LDAtMjAuOCw4LjMtMjAuOCwxOS44UzIzNy42LDQwLjU2OCwyNDksNDAuNTY4eiIvPg0KCQk8cGF0aCBkPSJNNDM0LjIsMTY3LjQ2OGM3LjMsMTcuNywxMS40LDM2LjQsMTMuNSw1NS4xYzAsMCwxLjIsMjMuMiwyMi45LDE5LjhjMjEuNS0yLjgsMTguNy0yMy45LDE4LjctMjMuOQ0KCQkJYy0yLjEtMjIuOS04LjMtNDUuOC0xNi42LTY2LjZjLTUuMi0xMC40LTE2LjYtMTUuNi0yNy0xMS40QzQzNS4yLDE0NS42NjgsNDMwLDE1Ny4wNjgsNDM0LjIsMTY3LjQ2OHoiLz4NCgkJPHBhdGggZD0iTTM1OS4zLDc1Ljk2OGMxNi42LDExLjQsMzEuMiwyNSw0My43LDQwLjZjOS4zLDExLjYsMjUsNi44LDI4LjEsMy4xYzguMy03LjMsMTAuNC0yMC44LDMuMS0yOS4xDQoJCQljLTE0LjYtMTcuNy0zMi4zLTM0LjMtNTItNDcuOWMtOS40LTYuMi0yMS44LTQuMi0yOC4xLDUuMlMzNDkuOSw2OS42NjgsMzU5LjMsNzUuOTY4eiIvPg0KCQk8cGF0aCBkPSJNMTM0LjYsNzIuNzY4YzE2LjYtMTAuNCwzNS40LTE4LjcsNTQuMS0yMy45YzExLjQtMy4xLDE3LjctMTQuNiwxNC42LTI1Yy0zLjEtMTEuNC0xNC42LTE3LjctMjUtMTQuNg0KCQkJYy0yMi45LDYuMi00NC43LDE1LjYtNjQuNSwyOC4xYy05LjQsNi4yLTEyLjUsMTguNy02LjIsMjguMUMxMTEuNyw3MS43NjgsMTIwLjUsNzcuOTY4LDEzNC42LDcyLjc2OHoiLz4NCgkJPHBhdGggZD0iTTQ2OC41LDI2OC4zNjhjLTExLjQtMy4xLTIxLjgsNC4yLTIzLjksMTUuNmMtMi4xLDkuNC04LjUsMzEuMy04LjYsMzMuNGMtMjcuNSw3MS41LTkzLjUsMTIxLjgtMTY5LjMsMTI5LjkNCgkJCWMtNzQuNiw3LjgtMTQ3LjItMjUuOS0xODkuMy04Ni41bDM4LjUsOC41YzEwLjQsMi4xLDIxLjgtNC4yLDIzLjktMTUuNmMyLjEtMTAuNC00LjItMjEuOC0xNS42LTIzLjlsLTgxLjEtMTcuNw0KCQkJYy01LjItMS0yMS40LDAtMjUsMTUuNmwtMTcuNyw4Mi4yYy0yLjEsMTAuNCw0LjIsMjEuOCwxNS42LDIzLjljMTIuNywxLjMsMjEuOC02LjIsMjUtMTYuNmw2LjItMjguMg0KCQkJYzQ2LjMsNjIuNywxMjkuOSwxMDkuMSwyMjMuNyw5OWM5NC42LTEwLjIsMTc0LjgtNzMuOSwyMDYtMTYzLjNjMS0yLjYsNS43LTI0LjQsNy4zLTMyLjMNCgkJCUM0ODcuMywyODAuODY4LDQ4MCwyNzAuNDY4LDQ2OC41LDI2OC4zNjh6Ii8+DQoJCTxwYXRoIGQ9Ik0xNjQuNiwyNjUuMjY4aDk1LjljMTEuNCwwLDE5LjgtOS40LDIwLjgtMjAuOHYtMTQyLjJjMC0xMS40LTkuNC0yMC44LTIwLjgtMjAuOGMtMTEuNCwwLTIwLjgsOS40LTIwLjgsMjAuOHYxMjEuNGgtNzUuMQ0KCQkJYy0xMS40LDAtMjAuOCw5LjQtMjAuOCwyMC44UzE1My4xLDI2NS4yNjgsMTY0LjYsMjY1LjI2OHoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==');} .bl_cont.phone {background-position: center left;background-repeat: no-repeat;background-size: 20px 20px;padding-left: 0px;background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUzLjk0MiA1My45NDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUzLjk0MiA1My45NDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik01My4zNjQsNDAuOTA4Yy0yLjAwOC0zLjc5Ni04Ljk4MS03LjkxMi05LjI4OC04LjA5MmMtMC44OTYtMC41MS0xLjgzMS0wLjc4LTIuNzA2LTAuNzhjLTEuMzAxLDAtMi4zNjYsMC41OTYtMy4wMTEsMS42OA0KCQljLTEuMDIsMS4yMi0yLjI4NSwyLjY0Ni0yLjU5MiwyLjg2N2MtMi4zNzYsMS42MTItNC4yMzYsMS40MjktNi4yOTQtMC42MjlMMTcuOTg3LDI0LjQ2N2MtMi4wNDUtMi4wNDUtMi4yMzMtMy45MjgtMC42MzItNi4yOTENCgkJYzAuMjI0LTAuMzA5LDEuNjUtMS41NzUsMi44Ny0yLjU5NmMwLjc3OC0wLjQ2MywxLjMxMi0xLjE1MSwxLjU0Ni0xLjk5NWMwLjMxMS0xLjEyMywwLjA4Mi0yLjQ0NC0wLjY1Mi0zLjczMQ0KCQljLTAuMTczLTAuMjk2LTQuMjkxLTcuMjctOC4wODUtOS4yNzdjLTAuNzA4LTAuMzc1LTEuNTA2LTAuNTczLTIuMzA2LTAuNTczYy0xLjMxOCwwLTIuNTU4LDAuNTE0LTMuNDksMS40NDVMNC43LDMuOTg2DQoJCWMtNC4wMTQsNC4wMTMtNS40NjcsOC41NjItNC4zMjEsMTMuNTJjMC45NTYsNC4xMzIsMy43NDIsOC41MjksOC4yODIsMTMuMDY4bDE0LjcwNSwxNC43MDVjNS43NDYsNS43NDYsMTEuMjI0LDguNjYsMTYuMjgyLDguNjYNCgkJYzAsMCwwLDAsMCwwYzMuNzIxLDAsNy4xODgtMS41ODEsMTAuMzA2LTQuNjk4bDIuNTM3LTIuNTM3QzU0LjAzMyw0NS4xNjMsNTQuMzgzLDQyLjgzMyw1My4zNjQsNDAuOTA4eiIvPg0KCTxwYXRoIGQ9Ik0yOS41NiwyNC45MjZjMC4xMjIsMC4wNTEsMC4yNTIsMC4wNzcsMC4zODIsMC4wNzdoMTJjMC41NTIsMCwxLTAuNDQ3LDEtMXMtMC40NDgtMS0xLTFoLTkuNTg2TDQ3LjY0OSw3LjcxDQoJCWMwLjM5MS0wLjM5MSwwLjM5MS0xLjAyMywwLTEuNDE0cy0xLjAyMy0wLjM5MS0xLjQxNCwwTDMwLjk0MiwyMS41ODl2LTkuNTg2YzAtMC41NTMtMC40NDgtMS0xLTFzLTEsMC40NDctMSwxdjEyDQoJCWMwLDAuMTMsMC4wMjcsMC4yNiwwLjA3NywwLjM4MkMyOS4xMjEsMjQuNjMsMjkuMzE2LDI0LjgyNSwyOS41NiwyNC45MjZ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==');} .bl_cont.mail {background-position:center left;background-repeat: no-repeat;background-size: 20px 20px;padding-left: 0px;background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDc0IDQ3NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc0IDQ3NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTQzNy41LDU5LjNoLTQwMUMxNi40LDU5LjMsMCw3NS43LDAsOTUuOHYyODIuNGMwLDIwLjEsMTYuNCwzNi41LDM2LjUsMzYuNWg0MDFjMjAuMSwwLDM2LjUtMTYuNCwzNi41LTM2LjVWOTUuOA0KCQlDNDc0LDc1LjcsNDU3LjYsNTkuMyw0MzcuNSw1OS4zeiBNNDMyLjIsODYuM0wyMzkuNSwyNTEuMUw0Ni44LDg2LjNINDMyLjJ6IE00NDcsMzc4LjJjMCw1LjItNC4zLDkuNS05LjUsOS41aC00MDENCgkJYy01LjIsMC05LjUtNC4zLTkuNS05LjVWMTA0LjlsMjAzLjcsMTc0LjJjMC4xLDAuMSwwLjMsMC4yLDAuNCwwLjNjMC4xLDAuMSwwLjMsMC4yLDAuNCwwLjNjMC4zLDAuMiwwLjUsMC40LDAuOCwwLjUNCgkJYzAuMSwwLjEsMC4yLDAuMSwwLjMsMC4yYzAuNCwwLjIsMC44LDAuNCwxLjIsMC42YzAuMSwwLDAuMiwwLjEsMC4zLDAuMWMwLjMsMC4xLDAuNiwwLjMsMSwwLjRjMC4xLDAsMC4zLDAuMSwwLjQsMC4xDQoJCWMwLjMsMC4xLDAuNiwwLjIsMC45LDAuMmMwLjEsMCwwLjMsMC4xLDAuNCwwLjFjMC4zLDAuMSwwLjcsMC4xLDEsMC4yYzAuMSwwLDAuMiwwLDAuMywwYzAuNCwwLDAuOSwwLjEsMS4zLDAuMWwwLDBsMCwwDQoJCWMwLjQsMCwwLjksMCwxLjMtMC4xYzAuMSwwLDAuMiwwLDAuMywwYzAuMywwLDAuNy0wLjEsMS0wLjJjMC4xLDAsMC4zLTAuMSwwLjQtMC4xYzAuMy0wLjEsMC42LTAuMiwwLjktMC4yYzAuMSwwLDAuMy0wLjEsMC40LTAuMQ0KCQljMC4zLTAuMSwwLjYtMC4yLDEtMC40YzAuMSwwLDAuMi0wLjEsMC4zLTAuMWMwLjQtMC4yLDAuOC0wLjQsMS4yLTAuNmMwLjEtMC4xLDAuMi0wLjEsMC4zLTAuMmMwLjMtMC4yLDAuNS0wLjMsMC44LTAuNQ0KCQljMC4xLTAuMSwwLjMtMC4yLDAuNC0wLjNjMC4xLTAuMSwwLjMtMC4yLDAuNC0wLjNMNDQ3LDEwOS4yVjM3OC4yeiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=');} .bl_cont a { font-size: 24px; color: #111;} a.vk { width: 40px; height: 40px; display: inline-block; background-size: contain; background-position: 0 0; background-repeat: no-repeat;background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNHB4IiBoZWlnaHQ9IjEwMjRweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgPGNpcmNsZSBjeD0iNTEyIiBjeT0iNTEyIiByPSI1MTIiIHN0eWxlPSJmaWxsOiMyNzg3ZjUiLz4KICAgPHBhdGggZD0iTTU4NS44MyAyNzEuNUg0MzguMTdjLTEzNC43NiAwLTE2Ni42NyAzMS45MS0xNjYuNjcgMTY2LjY3djE0Ny42NmMwIDEzNC43NiAzMS45MSAxNjYuNjcgMTY2LjY3IDE2Ni42N2gxNDcuNjZjMTM0Ljc2IDAgMTY2LjY3LTMxLjkxIDE2Ni42Ny0xNjYuNjdWNDM4LjE3YzAtMTM0Ljc2LTMyLjI1LTE2Ni42Ny0xNjYuNjctMTY2LjY3em03NCAzNDMuMThoLTM1Yy0xMy4yNCAwLTE3LjMxLTEwLjUyLTQxLjA3LTM0LjYyLTIwLjcxLTIwLTI5Ljg3LTIyLjc0LTM1LTIyLjc0LTcuMTMgMC05LjE3IDItOS4xNyAxMS44OHYzMS41N2MwIDguNDktMi43MiAxMy41OC0yNS4xMiAxMy41OC0zNyAwLTc4LjA3LTIyLjQtMTA2LjkzLTY0LjE2LTQzLjQ1LTYxLjEtNTUuMzMtMTA2LjkzLTU1LjMzLTExNi40MyAwLTUuMDkgMi05Ljg0IDExLjg4LTkuODRoMzVjOC44MyAwIDEyLjIyIDQuMDcgMTUuNjEgMTMuNTggMTcuMzEgNDkuOSA0Ni4xNyA5My42OSA1OCA5My42OSA0LjQxIDAgNi40NS0yIDYuNDUtMTMuMjR2LTUxLjZjLTEuMzYtMjMuNzYtMTMuOTItMjUuOC0xMy45Mi0zNC4yOCAwLTQuMDcgMy4zOS04LjE1IDguODMtOC4xNWg1NWM3LjQ3IDAgMTAuMTggNC4wNyAxMC4xOCAxMi45djY5LjU4YzAgNy40NyAzLjM5IDEwLjE4IDUuNDMgMTAuMTggNC40MSAwIDguMTUtMi43MiAxNi4yOS0xMC44NiAyNS4xMi0yOC4xNyA0My4xMS03MS42MiA0My4xMS03MS42MiAyLjM4LTUuMDkgNi40NS05Ljg0IDE1LjI4LTkuODRoMzVjMTAuNTIgMCAxMi45IDUuNDMgMTAuNTIgMTIuOS00LjQxIDIwLjM3LTQ3LjE4IDgwLjc5LTQ3LjE4IDgwLjc5LTMuNzMgNi4xMS01LjA5IDguODMgMCAxNS42MSAzLjczIDUuMDkgMTYgMTUuNjEgMjQuMSAyNS4xMiAxNC45NCAxNyAyNi40OCAzMS4yMyAyOS41MyA0MS4wNyAzLjQ1IDkuODQtMS42NSAxNC45My0xMS40OSAxNC45M3oiIHN0eWxlPSJmaWxsOiNmZmYiLz4KPC9zdmc+Cg==);} .brmap {border-radius: 22px; border: 10px solid #fff; overflow: hidden;} .reviews__video {height:200px;} .simplecallback {} .simplecallback .beforeformtext {} .simplecallback .name_project_form {color: #3e3e3e; font-size: 30px; font-weight: 700; text-align: left; line-height: 1.2; margin-bottom: 20px;} .simplecallback .desc_project_form { color: #3e3e3e; font-size: 20px; font-weight: 300; text-align: left; line-height: 1.2; margin-bottom: 20px;} .simplecallback .inner_forma {} .simplecallback .ldivob {} .simplecallback .ldivob input {padding: 15px; margin-bottom: 10px; border: 1px solid #c9c9c9;border-radius: 6px;} .simplecallback .btn_callback {color: #3e3e3e; background-color: #fcef87; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-weight: 500; width: 100%; height: 54px; border: none; margin-top: 20px; text-align: center; height: 60px; border: 0 none; font-size: 16px; padding-left: 60px; padding-right: 60px; cursor: pointer;} .simplecallback .btn_callback:hover {background-color: #e7d334;transition: ease 0.3s;} .standarts__item__first__btn a { color: #000000; font-size: 14px; text-decoration: none;} .simplecallback_qwiz { text-align: left;} .simplecallback_qwiz .ldivob {} .simplecallback_qwiz .ldivob input { padding: 15px; margin-bottom: 10px; border: none; border-radius: 6px; border-bottom: 1px solid #c9c9c9; border-radius: 0px;} .control-group .btn_callback {color: #3e3e3e; background-color: #fcef87; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-weight: 500; width: 100%; height: 54px; border: none; margin-top: 0px; text-align: center; height: 60px; border: 0 none; font-size: 16px; padding-left: 60px; padding-right: 60px; cursor: pointer;} .control-group .btn_callback:hover {background-color: #e7d334;transition: ease 0.3s;} #inerier {height: 0px;} .footer {position: relative;} .footer .map {} .footer .map ymaps {} .footer .map .adress {top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1160px; position: absolute;} .footer .map .adress .adress_inner {background-color: #fff; padding: 35px; max-width: 360px; margin-top: 120px; font-size: 18px;} .footer .name { font-size: 21px; font-weight: 700; margin-bottom: 10px;} .seo {text-align: center; height: 30px; padding: 30px 0px;} .seo a { text-decoration: none; color: #303030; font-size: 12px;} .page_portfolio {} .page_portfolio .header {position: relative;} .page_portfolio .footer { margin: 30px 0px 0px 0px;} /* Страница портфолио */ .item-page_portfolio {} .item-page_portfolio h2 {font-size: 40px; color: #303030; margin: 20px 0px; max-width: 615px; line-height: 1.2;} .item-page_portfolio .intro_desc { font-size: 24px; color: #303030;} .row_flex {display: flex; width: 100%;} .row_flex .block {width: 50%;margin: auto;} .row_flex .blocks {width:100%;} .item-page_portfolio .name_photo {font-size: 24px; color: #303030; font-weight: 700; margin: 15px 0px;} .item-page_portfolio .price_remont { font-size: 16px;background-image: url(../images/icon_rub.svg);background-repeat: no-repeat; padding-left: 55px; background-size: contain; background-position: 0px;margin-bottom: 20px;} .item-page_portfolio .price_remont_chernovoi { font-size: 16px;background-image: url(../images/icon_mat.svg);background-repeat: no-repeat; padding-left: 55px; background-size: contain; background-position: 0px;margin-bottom: 20px;} .item-page_portfolio .srok { font-size: 16px;background-image: url(../images/icon_calendar.svg);background-repeat: no-repeat; padding-left: 55px; background-size: contain; background-position: 0px;} .item-page_portfolio .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 60px;} .block .designer_info {} .block .designer_info img { width: 100%; border-radius: 22px;position: relative;} .block .designer_info .name_des { position: absolute; z-index: 1; bottom: 20px; background-color: #fff; left: 20px; padding: 10px; border-radius: 12px;} .block .designer_info p {position: relative;} .no_margin {margin: inherit !important} .padding50 {padding: 50px 0px;} .item-page_portfolio .video_otziv { background-color: #efeeec; transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin: 30px 0px; padding: 30px 0px;} .item-page_portfolio .video_otziv h3 { font-size: 24px; color: #303030;} .item-page_portfolio .pad_left {padding-left: 30px;} .item-page_portfolio .inner_citata { position: sticky; top: 0; font-size: 16px;background-color: #fff; padding: 20px 40px; border-radius: 22px; -webkit-box-shadow: 0px 6px 13px 0px rgb(154 152 149 / 22%); -moz-box-shadow: 0px 6px 13px 0px rgb(154 152 149 / 22%); box-shadow: 0px 6px 13px 0px rgb(154 152 149 / 22%)} .item-page_portfolio .intro_citata {font-size: 24px;color: #303030; font-weight: 500; line-height: 1.2; margin-bottom: 15px;} .item-page_portfolio .intro_citata {background-image: url(../images/icon_recall.svg);background-repeat: no-repeat; background-size: contain;background-position: right;} .item-page_portfolio .inner_citata p {margin-bottom: 15px;} .item-page_portfolio .prosto_text { margin-top: 20px; padding-left: 40px;} .item-page_portfolio .intro_citata_two { font-size: 24px; font-weight: 500;} .item-page_portfolio .intro_citata_two_desc {font-size: 16px;} .item-page_portfolio .border_intro_citata {border: 2px solid #fff; padding: 20px 30px; border-radius: 22px; margin-top: 30px;font-size: 16px;} .item-page_portfolio .border_intro_citata .intro_citata { background-image: none; padding-right: 20px;} .item-page_portfolio .border_intro_citata p { margin-bottom: 15px;} .item-page_portfolio h3 { font-size: 40px; margin-bottom: 15px;} .item-page_portfolio .probegka {margin-bottom: 20px;font-size: 40px; font-weight: 700; line-height: 1.1; max-width: 700px; margin-top: 30px;} .item-page_portfolio .name_sam {font-size: 24px; font-weight: 500;} .item-page_portfolio .block_photo_project { margin: 10px; margin-left: 0px;} .item-page_portfolio .block_photo_project img {width: 100%;height: 340px;} .item-page_portfolio .desc_sam {max-width: 80%;} .item-page_portfolio .descriptor_moi {margin: 20px 0px;} .posmotret_smetu { text-align: center; margin: 30px 0px;border-bottom: 1px solid #9a9ea4; padding-bottom: 30px;} .posmotret_smetu div {} .posmotret_smetu div a {background: #356D4D; color: #fff; font-size: 28px; text-decoration: none; padding: 25px 50px; border-radius: 60px; font-weight: 700;display: inline-block;} .item-page_portfolio .data_block {background-image: url(../images/icon_calendar.svg);background-repeat: no-repeat; background-size: 70px 70px; background-position: 0px;} .item-page_portfolio .data_block_inner { padding-left: 90px;} .item-page_portfolio .data_block_inner_name {font-size: 24px;} .item-page_portfolio .data_block_inner_desc {} .item-page_portfolio .date { text-align: right; color: #7c7a75; font-weight: 300; font-size: 14px;} .step_row { display: flex; width: 100%; margin: 30px 0px;} .step_block {display: flex; margin-bottom: 15px;} .step_block_desc {border: 1px solid #c0bebb; padding: 10px 20px; border-radius: 12px; width: 100%;} .step_block_line{ width: 55px; height: 1px; background-color: #aaa; margin: auto;} .step_block_date {display: flex;background: linear-gradient( 47deg, rgba(247,232,151,1) 0%, rgba(252,209,36,1) 93%); color: #303030; font-size: 16px; text-decoration: none; border-radius: 12px; font-weight: 700; width: 150px; text-align: center;} .step_block_date div {margin:auto;} .step_row .step_left { width: 50%; padding-right: 15px;} .step_row .step_right { width: 50%; margin-top: 30px;} .item-page_portfolio .block_forma {background-image: url(../images/bg_forma_bottom_portfolio.png); padding: 30px; background-repeat: no-repeat;border-radius: 12px; background-size: cover;} .btn_form {background: linear-gradient( 47deg, rgba(247,232,151,1) 0%, rgba(252,209,36,1) 93%); color: #303030; font-size: 16px; text-decoration: none;padding: 24px 50px; border-radius: 60px; font-weight: 700; display: inline-block; border: none; cursor: pointer; box-shadow: 0px 3px 12px 0px rgb(154 152 138 / 34%)} .btn_form:hover {background: #ffd200;} .block_forma {} .block_forma input { background-color: transparent; border: none; border-bottom: 1px solid #aaa; font-size: 18px;} .block_forma .ldivob { margin-bottom: 20px;} .inner_forma_m {margin-right: 25px;} .my_form_niz {display:flex;max-width: 500px;} .my_form_niz .control-group {margin: auto;} .politics { font-size: 12px; color: #605b5b; font-weight: 300;} .video_3dtur { background-color: #efeeec; transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin: 30px 0px; padding: 30px 0px;} /* Страница офисов */ .page_ofis {} .page_ofis .intro { background: url(./images/introimg_ofis.jpg) no-repeat center; background-size: cover;} .page_ofis .service .service__box {flex-wrap: wrap;} .page_ofis .service .service__box .service__item {height: 365px;} .page_ofis .portfolio__title { max-width: 715px;} .page_cafe .intro { background: url(./images/introimg_cafe.jpg) no-repeat center; background-size: cover;} .page_cafe .service .service__box {flex-wrap: wrap;} .page_cafe .service .service__box .service__item {height: 365px;} .page_cafe .portfolio__title { max-width: 715px;} .page_cafe .pricelist .pricelist__title {max-width: 760px; margin: 0 auto; margin-bottom: 105px;} .page_magazine .intro { background: url(./images/introimg_magazine.jpg) no-repeat center; background-size: cover;} .page_magazine .service .service__box {flex-wrap: wrap;} .page_magazine .service .service__box .service__item {height: 365px;} .page_magazine .portfolio__title { max-width: 715px;} .page_magazine .pricelist .pricelist__title {max-width: 760px; margin: 0 auto; margin-bottom: 105px;} .page_salon .intro { background: url(./images/introimg_salon.jpg) no-repeat center; background-size: cover;} .page_salon .service .service__box {flex-wrap: wrap;} .page_salon .service .service__box .service__item {height: 365px;} .page_salon .portfolio__title { max-width: 715px;} .page_salon .pricelist .pricelist__title {max-width: 760px; margin: 0 auto; margin-bottom: 105px;} .page_gostinica .intro { background: url(./images/introimg_gostinica.jpg) no-repeat center; background-size: cover;} .page_gostinica .service .service__box {flex-wrap: wrap;} .page_gostinica .service .service__box .service__item {height: 365px;} .page_gostinica .portfolio__title { max-width: 715px;} .page_gostinica .pricelist .pricelist__title {max-width: 760px; margin: 0 auto; margin-bottom: 105px;} .service__item:nth-child(3):before { content: "3";} .service__item:nth-child(4):before { content: "4";} .service__item:nth-child(5):before { content: "5";} .service__item:nth-child(6):before { content: "6";} /* Дизайн проекты */ .intro .row_my {width: 100%; /*justify-content: space-between!important;*/ gap: 20px; align-items: center;margin: 20px 0px; flex-wrap: wrap;} .intro .block {} .intro .block .inner {background-color: #fff; padding: 10px 40px; border-radius: 8px; box-shadow: 3.58873px 10.7662px 39.8747px -5.18372px rgb(22 52 80 / 10%);} .page_design .perenos { display: inline-block;} .row_my_love { display: flex; width: 100%; flex-wrap: wrap; margin-top: 100px; margin-bottom: 70px;} .row_my_love .block {flex: auto; position: relative; width: calc(100% / 4);} .row_my_love .inner { padding: 0px 20px;} .row_my_love .img { text-align: center;} .row_my_love .img img {width: 100px; height: auto; border-radius: 75px;} .row_my_love .step { text-align: center; margin: 10px 0px;color: #fc6a6a;} .row_my_love .name{ font-size: 18px; font-weight: 600; text-align: center;} .row_my_love .desc {text-align: center; margin: 10px 0px;} .row_my_love .border-r { border-right: 2px solid #f5f5f5;} .page_design .desc_h2 { margin-top: 30px;} #phocagallery.pg-detail-view-multibox table tr td.pg-multibox-lefttd { background-color: #fff;} .page_design #pg-msnr-container { flex-wrap: wrap; display: flex; align-content: flex-start; justify-content: space-evenly; align-items: normal;justify-content: center;} .style .pgplugin1 { width: calc(100% / 4) !important;height: auto !important;} .style .phocagallery-box-file-first {width: 100% !important; height: auto !important;} .style .pg-image { object-fit: cover; width: 100%;height: 250px;} .kakoi img {border-radius: 8px;} .kakoi { text-align: center; margin: 30px 0px;} .garanty .btn_design { margin-top: 30px;} .garanty .btn_design a { color: #1f1e1d; text-decoration: none;} .page_design .fullscreen-bg { position: relative;height: 1260px;overflow: hidden;} .page_design .fullscreen-bg .overlay {position: absolute; top: 0px; left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; overflow: hidden; background-color: rgb(0 0 0 / 67%);} .page_design .fullscreen-bg video { width: 100%;} .zindex {position: absolute; color: #fff; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 20%; z-index: 3;} .page_design .fullscreen-bg .name { font-size: 2.8571rem; line-height: 1.35; font-weight: 700;text-align: center;} .page_design .fullscreen-bg .desc { text-align: center; font-size: 22px; margin: 10px 0px;} .page_design .fullscreen-bg .forma_bg {padding-left: 100px; margin: 50px 0px;} .page_design .fullscreen-bg .hotite_row {padding: 20px 0px; background-color: #000;transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin-top: 495px;} .page_design .fullscreen-bg .hotite_row .container {display: flex; justify-content: space-around; align-items: center;} .page_design .fullscreen-bg .text {font-size: 20px;} .page_design .fullscreen-bg .knopka {} .page_design .fullscreen-bg .knopka a { font-weight: 700; border-radius: 45px; background: linear-gradient( 47deg, rgba(247,232,151,1) 0%, rgba(252,209,36,1) 93%); border: none; padding: 25px; cursor: pointer;display: block; width: 390px; text-align: center; margin: 0 auto; color: #000; text-decoration: none; font-size: 20px;} .page_design .fullscreen-bg .knopka a:hover {} .form_video { display: flex; justify-content: space-around; align-items: center;width: 100%;} .form_video_row {display: flex; justify-content: space-around; align-items: center; width: 100%;} .form_video_row input {background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 3.58873px 10.7662px 39.8747px -5.18372px rgb(22 52 80 / 10%); font-size: 20px; font-weight: 300;} .form_video .knopk { font-weight: 700; border-radius: 45px; background: #fc6a6a; border: none; padding: 25px; cursor: pointer; display: block; width: 390px; text-align: center; margin: 0 auto; color: #fff; text-decoration: none; font-size: 20px;} .form_video .needreq {display:none;} /*** New form ***/ @media (max-width: 768px){ .form_callback {justify-content: space-around;align-items: center;width: 100%;height: 5;} .form_callback_row {display: flex;flex-direction: column;justify-content: space-between;align-items: center;width: 100%;height: 110%;} .form_callback_row input {background-color: #fff;padding: 20px;border-radius: 8px;box-shadow: 3.58873px 10.7662px 39.8747px -5.18372px rgb(22 52 80 / 10%);font-size: 20px;font-weight: 300;} .form_callback .knopk {font-weight: 15;border-radius: 45px;background: #fc6a6a;border: none;padding: 25px;cursor: pointer;display: block;width: 40%;text-align: center;margin: 0 auto;color: #fff;text-decoration: none;font-size: 15px;} .form_callback .needreq {display:none;} .form_callback .ldivob.pos0 {padding: 0% 0% 1% 0%;} .form_callback .ldivob.pos1 {padding: 0% 0% 1% 0%;} .form_callback .ldivob.pos2 {padding: 0% 0% 1% 0%;} } @media (min-width: 768px){ .form_callback {display: flex;justify-content: space-around;align-items: center;width: 100%;} .form_callback_row {display: flex;flex-direction: column;justify-content: space-around;align-items: center;width: 100%;} .form_callback_row input {background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 3.58873px 10.7662px 39.8747px -5.18372px rgb(22 52 80 / 10%); font-size: 20px; font-weight: 300;} .form_callback .knopk {font-weight: 15;border-radius: 45px;background: #fc6a6a;border: none;padding: 25px;cursor: pointer;display: block;width: 100%;text-align: center;margin: 0 auto;color: #fff;text-decoration: none;font-size: 15px;} .form_callback .needreq {display:none;} .form_callback .ldivob.pos0 {padding: 0% 0% 1% 0%;} .form_callback .ldivob.pos1 {padding: 0% 0% 1% 0%;} .form_callback .ldivob.pos2 {padding: 0% 0% 1% 0%;} } /*** End new form ***/ .page_design .nas {margin: 100px auto;} .page_design .row_nas {display: flex; flex-wrap: wrap; margin-top: 50px;} .page_design .row_nas .block {width: calc(100% / 3); flex: auto; justify-content: center; align-items: center; display: flex; overflow: hidden;} .page_design .row_nas .inner { padding: 20px} .page_design .row_nas .img {position: relative; display: inline-block; overflow: hidden;color: #fff;} .page_design .row_nas .img img { width: 100%; z-index: -1; position: relative; height: auto;} .page_design .row_nas .citata {} .page_design .row_nas .row_citata { position: absolute; top: 130px; width: 100%; left: 36px; color: #fff; z-index: 5; max-width: 290px; font-size: 22px;} .page_design .style_row {display: flex; flex-wrap: wrap; width: 100%;} .page_design .style_row .block {width: calc(100% / 3); flex: auto; justify-content: center; align-items: center;} .page_design .style_row .block:hover img {-webkit-transform:scale(1.10); /* Safari and Chrome */ -moz-transform:scale(1.10); /* Firefox */ -ms-transform:scale(1.10); /* IE 9 */ -o-transform:scale(1.10); /* Opera */ transform:scale(1.10);} .page_design .style_row .inner { margin: 15px;} .page_design .style_row .img { padding: 15px; padding-left: 0px;} .page_design .style_row .img img { border-radius: 8px; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease;} .page_design .style_row .name {} .page_design .style_row .name a { font-size: 20px;text-decoration: none; color: #f3c923; font-weight: 700;} .page_design .style_row .name a:hover { color: #fc6a6a;} .page_design .style_row .desc {line-height: 1.2; margin: 10px 0px;} .style article p {margin-bottom:10px;} /* Страница Ремонт Домов */ .pagepage_doma .intro {background: url(./images/introimg_domov.jpg) no-repeat center; background-size: cover;} .pagepage_doma .name_h2 {text-align: left; margin: initial; margin-bottom: 30px;} .pagepage_doma .stages { background: #f5f5f5; padding: 50px 0px;} .pagepage_doma .style_row { display: flex; flex-wrap: wrap; width: 100%;} .pagepage_doma .style_row .block { width: calc(100% / 3);flex: auto; justify-content: center; align-items: center;} .pagepage_doma .style_row .inner { margin: 15px;} .pagepage_doma .style_row .img {padding: 15px;padding-left: 0px;} .pagepage_doma .style_row .img img { border-radius: 8px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .pagepage_doma .style_row .name a { font-size: 20px; text-decoration: none; color: #f3c923; font-weight: 700;} .pagepage_doma .style_row .desc { line-height: 1.2; margin: 10px 0px;} /* Блог */ .row_blog { margin: 30px 0px; display: flex; flex-wrap: wrap;} .row_blog .left {width: 40%;} .row_blog .right {margin: auto;width: 60%;} .item-page_blog .block_forma {background-image: url(../images/bg_forma_bottom_portfolio.png); padding: 30px; background-repeat: no-repeat;border-radius: 12px; background-size: cover;} .item-page_blog h3 { font-size: 40px; margin-bottom: 15px;} .item-page_blog #pg-msnr-container { flex-wrap: wrap; display: flex; align-content: flex-start; justify-content: space-evenly; align-items: normal; justify-content: flex-start;} .item-page_blog .pgplugin1 { width: calc(100% / 4) !important; height: auto !important;} .item-page_blog .pg-image { object-fit: cover; width: 100%; height: 250px;} .item-page_blog .phocagallery-box-file-first { width: 100% !important; height: auto !important;} .blog_blog { background-color: #f1f4f7; transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin: 30px 0px; padding: 30px 0px;} .blog_blog .items-leading { display: flex; flex-wrap: wrap; margin-left: -10px;} .blog_blog .items-leading article { width: 50%; flex: 1 1 auto; margin: 5px 0px;} .blog_blog .items-leading article .inner_blog { margin: 10px; background-color: #fff; padding: 15px; border-radius: 8px;} .blog_blog .items-leading article .inner_blog h2 a { font-size: 1.2857rem; font-weight: 700; color: #000; text-decoration: none;} .blog_blog .items-leading article .inner_blog h2 { margin-bottom: 10px;} .blog_blog .items-leading article .img-intro-left { overflow: hidden; margin-bottom: 10px;} .blog_blog .items-leading article .img-intro-left img { border-radius: 8px;width: 100%;} .blog_blog .items-leading article .inner_blog .readmore { display: inline-flex; width: 100%; text-align: center; margin-top: 15px;} .blog_blog .items-leading article .inner_blog .readmore a { background: linear-gradient(47deg, rgb(252 239 135) 0%, rgb(255 244 150) 93%);; color: #000; text-decoration: none; padding: 10px; border-radius: 8px; text-align: left; line-height: 1.1;} .blog_blog .items-leading article .inner_blog .readmore a:hover {background: linear-gradient( 47deg, rgb(218 194 67) 0%, rgba(252,209,36,1) 93%);} ul.tags.inline { list-style-type: none; padding-left: 0px; margin: 20px 0px;} ul.tags.inline li a { background: linear-gradient( 47deg, rgba(247,232,151,1) 0%, rgba(252,209,36,1) 93%); color: #000; text-decoration: none; padding: 10px; border-radius: 8px; text-align: left; line-height: 1.1;} ul.tags.inline li a:hover {background: linear-gradient( 47deg, rgb(218 194 67) 0%, rgba(252,209,36,1) 93%);} .tag-category {margin: 30px 0px;} .tag-category .btn-toolbar {display: none;} .tag-category ul.list-striped { list-style-type: none; padding-left: 0px;} .tag-category ul.list-striped li {margin: 20px 0px; border-top: 2px solid #d9d9d9; padding-top: 20px;} .tag-category ul.list-striped li h3 a { font-size: 1.2857rem; font-weight: 700; color: #000; text-decoration: none;} /* Работы под ключ */ .all_key_works {margin: 45px auto !important;} .all_key_works h3 {font-size: 2.8571rem;} .all_key_works .descriptor { font-size: 1.4286rem;} .key_works_row { display: flex; flex-wrap: wrap; margin-left: -30px; margin-right: -30px;} .key_works_block { display: flex; flex-direction: column; height: auto; margin: 0 0px; width: calc(100% / 3);} .key_works_block .inner { display: flex; height: 100%; margin: 15px 30px;} .key_works_block .inner_two { background: #fff; border-radius: 8px; overflow: hidden;border: 1px solid #e0e0e0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex !important; flex-direction: column; height: 100%; width: 100%;} .key_works_block .img {} .key_works_block .img img {width: 100%;} .key_works_block .name {font-size: 20px; font-weight: 700; padding: 20px 30px;} .key_works_block .desc {padding: 20px 30px;} .key_works_block .desc ul {} .key_works_block .desc ul li {} .key_works_block .podarok {margin: auto 20px 20px; border-top: 1px solid #D6DAE1; padding: 20px 0 0 25px; font-size: 14px; position: relative;} .all_key_works .centrireum {text-align: center; margin-top: 20px;} /* Вакансии */ .page_vacanse {} .page_vacanse h1 {font-size: 26px;} .page_vacanse h2 {} .page_vacanse p { margin: 10px 0px;} .page_vacanse .bg_1 { background-color: #f1f4f7; transform: translateX(-50%); position: relative; left: 50%; width: 100vw; margin: 30px 0px; padding: 30px 0px;} .page_vacanse .contact_vac {background: linear-gradient( 47deg, rgba(247,232,151,1) 0%, rgba(252,209,36,1) 93%); padding: 20px; font-size: 20px; font-weight: 700; border-radius: 8px;} /* Дизайн */ .tooltips {position: relative; display: inline-block; background-color: #f6f6f6;border-radius:50px; font-size: 14px; color: #474747!important; padding: 3px 6px;} .tooltips .tooltip_txt {visibility: hidden; width: 340px; background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; top: 135%; left: 5%; margin-left: -80px; opacity: 0; transition: opacity 1s;} .tooltips .wtxt {width: 200px;} .tooltips:hover .tooltip_txt {cursor:pointer; visibility: visible;opacity: 1;} .desbl .desc ul.list {margin-top: 15px;} .desbl .podarok {font-size: 20px;} .desbl .key_works_block .inner_two { overflow: inherit;} .desbl .tooltips .tooltip_txt { width: 235px; margin-left: -105px;} /* Стандарты качества */ .name-standart {font-size: 1.2857rem; margin: 20px 0px; background-color: #ffdd2d; padding: 10px; font-weight: 700; display: inline-block;} .standart .block_forma { background-image: url(../images/bg_forma_bottom_portfolio.png); padding: 30px; background-repeat: no-repeat; border-radius: 12px; background-size: cover;} .standart .block_forma h3 { font-size: 40px; margin-bottom: 15px;} /* Страница КП */ .page-kp {} .page-kp h1 {text-align: center; font-size: 46px;} .page-kp .one {} .page-kp .one ul {display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); gap: 69px 88px; padding-top: 35px; list-style-type: none; text-align: center;} .page-kp .one ul li {} .page-kp .one ul li .icon-image {margin-bottom: 10px;} .page-kp .one ul li .icon-image img {} .page-kp .one ul li .txt {} .page-kp .two { background-color: rgba(241, 240, 238, 1); transform: translateX(-50%); position: relative; left: 50%; width: 100vw; padding: 72px 0px 92px 0px;margin-top: 95px;} .page-kp .two .inner { max-width: 1250px; margin: 0 auto;} .page-kp .two h2 {font-size: 46px; text-align: center; margin-bottom: 41px;} .page-kp .two .item-portfolio {list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [4]; grid-template-columns: repeat(3, 1fr); gap: 46px;} .page-kp .two .item-portfolio li {background-color: rgba(255, 255, 255, 1); border-radius: 5px 5px 0px 0px;} .page-kp .two .item-portfolio .image {position: relative; overflow: hidden; padding-bottom: 61.1825192802%; height: 0; border-radius: 5px 5px 0px 0px;} .page-kp .two .item-portfolio .image img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .page-kp .two .item-portfolio .name {font-size: 24px; font-weight: 700;margin-bottom: 19px;} .page-kp .two .item-portfolio .btn-one a {background-color: rgba(252, 239, 135, 1); padding: 10px 22px 10px 22px; border-radius: 100px; color: rgba(0, 0, 0, 1); text-decoration: none;display: inline-block; } .page-kp .two .item-portfolio .btn-two a {background-color: rgba(255, 231, 140, 1); padding: 10px 22px; border-radius: 100px; color: rgba(0, 0, 0, 1); display: inline-block; text-decoration: none;} .page-kp .two .item-portfolio .btn-one {margin-bottom: 10px;} .page-kp .two .it-pad {padding: 22px 0px 59px 36px;} .page-kp .two .image-bg {background-image: url(../images/why-kp-tre.png); background-size: 103%; background-color: transparent !important; border-radius: 5px !important; padding: 85px 35px;text-align: center; background-position: center; background-repeat: no-repeat;} .page-kp .two .btn-tre {margin-bottom: 30px;} .page-kp .two .btn-tre a {background-color: rgba(252, 239, 135, 1); border-radius: 100px; text-decoration: none; padding: 18px 30px; display: inline-block; color: #333;} .page-kp .two .btn-tre a:hover {background-color: rgb(227 215 119);} .page-kp .two .item-portfolio .btn-one a:hover {background-color: rgb(227 215 119);} .page-kp .two .item-portfolio .btn-two a:hover {background-color: rgb(227 215 119);} .page-kp #menuha {display:none;} .page-kp .three { padding: 72px 0px 100px 0px;} .page-kp .three h3 {font-size: 46px; text-align: center;margin-bottom: 46px;} .page-kp .three ul {padding: 0px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); gap: 46px 85px; list-style-type: none;} .page-kp .three ul li {border: 2px solid rgba(241, 240, 238, 1); border-radius: 5px; padding: 29px 32px 41px 65px;counter-increment: steps;} .page-kp .three ul li::before {content: counter(steps); display: inline-block; margin-left: -102px; font-size: 48px; color: rgba(255, 255, 255, 1); background-color: rgba(229, 225, 215, 1); width: 72px; height: 72px; font-weight: 700; text-align: center; position: absolute;} .page-kp .three .image {} .page-kp .three .txt {} .modal { position: fixed; /* фиксированное положение */ top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); /* цвет фона */ z-index: 1050; opacity: 0; /* по умолчанию модальное окно прозрачно */ -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; /* анимация перехода */ pointer-events: none; /* элемент невидим для событий мыши */ margin: 0;padding: 0;} .modal:target { opacity: 1; /* делаем окно видимым */ pointer-events: auto; /* элемент видим для событий мыши */ overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */} /* ширина модального окна и его отступы от экрана */ .modal-dialog { position: relative; width: auto; margin: 10px;} @media (min-width: 576px) { .modal-dialog { max-width: 700px; margin: 30px auto; /* для отображения модального окна по центру */ } } /* свойства для блока, содержащего контент модального окна */ .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0;} @media (min-width: 768px) { .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); height: 800px; } } /* свойства для заголовка модального окна */ .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; border-bottom: 1px solid #eceeef;} .modal-title { margin-top: 0; margin-bottom: 0; line-height: 1.5; font-size: 1.25rem; font-weight: 500;} /* свойства для кнопки "Закрыть" */ .close { float: right; font-family: sans-serif; font-size: 24px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; text-decoration: none;} /* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */ .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .75;} /* свойства для блока, содержащего основное содержимое окна */ .modal-body_obrazec { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px; overflow: auto;} .modal-body_obrazec img {width:100%;} @media(max-width:1370px) { .page_design .fullscreen-bg { height: 850px;} .page_design .fullscreen-bg .hotite_row { margin-top: 166px;} .pgplugin1 { width: calc(100% / 5) !important; flex: auto;height: auto !important;} #phocagallery-pane .phocagallery-box-file-first, #phocagallery .phocagallery-box-file-first, .phocagallery-box-file-first { width: 100% !important; height: auto !important;} .pg-image { width: 100%;} .pg-image { object-fit: cover; /*height: 210px;*/} } @media(max-width:1290px) { .page_design .fullscreen-bg .hotite_row {margin-top: 155px;} .page_design .fullscreen-bg { height: 837px;} } @media(max-width:1190px) { .footer .map .adress { width: 100%; position: absolute;} .video_play video, .block_photo_project video { width: 100%;} .border_intro_citata .block {padding-right: 20px;} .page_design .fullscreen-bg .hotite_row { margin-top: 98px;} .page_design .fullscreen-bg { height: 766px;} .btn_desight { font-size: 20px;} .page-kp .two .item-portfolio { padding: 0px 20px;} } @media(max-width:1090px) { .item-page_portfolio .intro_citata { background-size: 45px; background-position: right top;} .page_design .fullscreen-bg video { width: 176%; height: 133%;} .form_video { flex-wrap: wrap;} .page_design .fullscreen-bg .forma_bg { padding-left: 0px;} .form_video .knopk { margin-top: 20px;} .page_design .row_nas .block { width: calc(100% / 2);} .page_design .row_nas .row_citata { top: 200px;} .page_design .style_row .block { width: calc(100% / 2);} .pagepage_doma .style_row .block { width: calc(100% / 2);} .page-kp .two .image-bg { background-size: 135%;} } @media(max-width:980px) { .footer .map .adress .adress_inner { margin-top: 0px;} .footer .map .adress { position: relative;} .pdrr {margin-left:30px !important;} .item-page_portfolio .intro_citata {background-size: 30px;} .kakoi img { width: 100%;} .row_my_love .block { width: calc(100% / 2);} .page_design .garanty { padding: 50px;} .page_design .fullscreen-bg video { width: 238%; height: 133%;} .page_design .fullscreen-bg { height: 990px;} .form_video_row input { width: 100%;margin-bottom: 10px;} .form_video_row .ldivob { width: 100%;} .form_video_row {display: block;} } @media(max-width:780px) { .item-page_portfolio h2 { font-size: 26px;} .item-page_portfolio .intro_desc { font-size: 16px;} .row_flex { flex-wrap: wrap;} .row_flex .block { width: 100%;margin-bottom: 20px;} .my_form_niz { flex-wrap: wrap;} .item-page_portfolio .block_forma { background-size: cover;} .item-page_portfolio .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px;} .video_play video, .block_photo_project video { height: 220px;} .item-page_portfolio .pad_left { padding-left: 0px;} .item-page_portfolio h3, .item-page_portfolio .probegka { font-size: 26px; line-height: 1.2;} .step_row { flex-wrap: wrap;} .step_row .step_left { width: 100%;padding-right: 0px;} .step_row .step_right { width: 100%;} .inner_forma_m { margin-right: 0px;width: 100%;} .my_form_niz .control-group { width: 100%;} .design_row { flex-wrap: wrap;} .design_row .design_block { width: 100%;} .garanty_row .block { flex-wrap: wrap;} .page_design .stages__box__1, .page_design .stages__box__2, .page_design .stages__box__3, .page_design .stages__box__4, .page_design .stages__box__5, .page_design .stages__box__6, .page_design .stages__box__7 { grid-column: 1/2;} .garanty_row .img_1, .garanty_row .img_2, .garanty_row .img_3 { width: 100%;} .page_design .stages__box__6::after { left: 33%; bottom: 67%;} .bl_cont { flex: 1 1 100%; width: 100%;text-align: left;} .bl_cont.time { padding-left: 40px;} .bl_cont.phone {padding-left: 40px;} .bl_cont.mail { padding-left: 40px;} .padmobleft {padding-left:0px !important;} .bl_cont { font-size: 20px;} .row_my_love .block { width: calc(100% / 1);} .page_design .pgplugin1 {height: auto !important;} .page_design .phocagallery-box-file-first { width: 100% !important; height: auto !important;} .page_design .pg-image { width: 100%;} .form_video { flex-wrap: wrap;} .form_video_row { flex-wrap: wrap;} .page_design .fullscreen-bg .forma_bg { padding-left: 0px;} .page_design .fullscreen-bg { height: 1442px;} .page_design .fullscreen-bg .hotite_row .container { flex-wrap: wrap; gap: 30px; text-align: center;} .form_video_row input { width: 100%;} .form_video_row .ldivob { width: 100%;margin: 5px 0px;} .form_video .control-group {margin-top: 5px;} .kakoi { margin: 30px;} .page_design .row_nas .block { width: calc(100% / 2);} .intro__btn-calculate { width: 100%; text-align: center; font-size: 20px;} .intro__rating { display: none;} .pgplugin1 { width: calc(100% / 4) !important;} .page_design .fullscreen-bg video { width: 344%;} .page_design .fullscreen-bg { height: 1120px;} .page_design .fullscreen-bg .hotite_row { margin-top: 90px;} .page_design .row_nas .row_citata { top: 115px;} .page_design .style_row .img img { width: 100%;} .pagepage_doma .style_row .img img { width: 100%;} .pagepage_doma .style_row .block { width: calc(100% / 1);} .row_blog .left {width: 100%;} .row_blog .right {margin: auto;width: 100%;} .blog_blog .items-leading article { width: 100%;width: 100%;} .key_works_block { width: calc(100% / 1);} .key_works_row { margin-left: 0px; margin-right: 0px;} .page_vacanse .contact_vac { font-size: 18px;} #menuha ul li:hover > ul { width: 188px;} .page-kp .one ul { -ms-grid-columns: (1fr) [1]; grid-template-columns: repeat(1, 1fr); gap: 35px 82px; padding-left: 0px;} .page-kp .two .item-portfolio { -ms-grid-columns: (1fr) [1]; grid-template-columns: repeat(1, 1fr);} .page-kp .three ul li::before { margin-left: -79px;} .page-kp .three ul { -ms-grid-columns: (1fr) [1]; grid-template-columns: repeat(1, 1fr);} } @media(max-width:480px) { .pgplugin1 { width: calc(100% / 3) !important;} .page_design .style_row .block { width: calc(100% / 1);} .page_design .row_nas .row_citata { top: 52px; max-width: 125px;left: 11px; font-size: 14px;} .page_design .fullscreen-bg { height: 1473px;} .page_design .fullscreen-bg video { width: 828%;} .intro .block { width: 100%; text-align: center;} #menuha {display:none;} .intro__box { display: block !important;} .intro__box .intro__item { margin-bottom: 10px;} .item-page_blog h3, .standart .block_forma h3 {font-size: 24px;} } /* Меню сайта */ .js-megamenu {max-width: 1600px;margin: 0 auto;} ul.level0 {display: table;width: 100%;} ul.level0 li {margin: 0;width: auto;display: table-cell;text-align: center;} ul.level0 li:after {content: "";width: 1px;height: 15px;background-color: #d5e5ec;position: absolute;z-index: 1;margin: -32px 0px 0px 80px;} ul.level0 li a {font-size: 24px;color: #124154;} ul.level0 li:hover {background-color: #edf8fd;} #fixed_menu {margin:10px 0px;} ul.level1 {display: block;width: 100%;} ul.level1 li.megacss {float: left;border: none!important; width: 100%;} ul.level1 li a {color: #2d303e !important;font-size: 18px !important;} .adddropdown {box-shadow: 0px 0px 21px 12px rgba(3,0.2,0.1,0.1);} @media(max-width:968px) { ul.level0 li {display: inline-block;} ul.level0 {display: block;} .mm-listview>li:not(.mm-divider):after {content:none;} ul.level0 li:after {content:none; width:0px;height:0px;margin:0px;position:reladtive;display:none;} .dropdown-menu {position: relative !important;display: block !important;list-style: none !important;box-shadow: none !important;border: none !important;background: transparent !important;} } /* Меню сайта в самый низ */ .the_new, .adapt_menu, .adapt_menu2 {display:none} #menu-checkbox, #menu-checkbox-2{display:none;} .mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;bottom:0;z-index:0;box-sizing:border-box} .mm-btn,.mm-menu{box-sizing:border-box} .mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none} .mm-hidden{display:none!important} .mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block} .mm-wrapper{overflow-x:hidden;position:relative} .mm-menu{padding:0;position:absolute} .mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute} .mm-btn,.mm-panel.mm-highest{z-index:1} .mm-panels{overflow:hidden} .mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)} .mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px; width: auto !important;} .mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-size: 14px !important;} .mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px} .mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px} .mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important} .mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px} .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent} .mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block} .mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto} .mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto} .mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:19px} .mm-btn{width:40px;height:40px;position:absolute;top:0} .mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px} .mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px} .mm-arrow:after,.mm-next:after,.mm-prev:before{content:'';border:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .mm-prev:before{border-right:none;border-bottom:none;left:23px} .mm-arrow:after,.mm-next:after{border-top:none;border-left:none;right:23px} .mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0} .mm-navbar>*{display:block;padding:10px 0} .mm-navbar .mm-btn:first-child{padding-left:20px;left:0} .mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0} .mm-panel .mm-navbar{display:none} .mm-panel.mm-hasnavbar .mm-navbar{display:block} .mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0} .mm-listview{font:inherit;font-size:14px;line-height:20px} .mm-listview>li{position:relative; font-size: 0;height: 33px;} .mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit;} .mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:5px 10px 5px 20px;margin:0;background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;} .mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px} .mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:0px} .mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:1000} .mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0} .mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px} .mm-listview .mm-next.mm-fullsubopen{width:100%} .mm-listview .mm-next.mm-fullsubopen:before{border-left:none} .mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0} .mm-panels>.mm-panel>.mm-listview{margin:20px -20px!important} .mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-0px} .mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0} .mm-listview .mm-inset>li{padding:5px 0} .mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px} .mm-listview .mm-spacer{padding-top:40px} .mm-listview .mm-spacer>.mm-next{top:40px} .mm-listview .mm-spacer.mm-divider{padding-top:25px} .mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)} .mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)} .mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)} .mm-menu .mm-listview{border-color:rgba(0,0,0,.1)} .mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)} .mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)} .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)} .mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative} .mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1} html.mm-opened{overflow-x:hidden;position:relative} html.mm-blocking,html.mm-blocking body{overflow:hidden} html.mm-background .mm-page{background:inherit} #mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2} html.mm-blocking #mm-blocker{display:block} .mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed} .mm-menu.mm-offcanvas.mm-current{display:block} .mm-menu{width:80%;min-width:140px;max-width:440px} html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)} } .mm-menu.mm-autoheight.mm-bottom,.mm-menu.mm-autoheight.mm-top{max-height:80%} .mm-menu.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-autoheight.mm-top.mm-fullscreen{max-height:100%} .mm-menu.mm-measureheight .mm-panel{display:block!important} .mm-menu.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important} .mm-menu.mm-columns{-webkit-transition-property:width,max-width,-webkit-transform;transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform} .mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-columns-0{width:80%;min-width:140px;max-width:0} html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)} .mm-menu.mm-columns-1{width:80%;min-width:140px;max-width:440px} html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)} } .mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)} .mm-menu.mm-columns-2{width:80%;min-width:140px;max-width:880px} html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)} } .mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)} .mm-menu.mm-columns-3{width:80%;min-width:140px;max-width:1320px} html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)} } .mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)} .mm-menu.mm-columns-4{width:80%;min-width:140px;max-width:1760px} html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)} } .mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)} .mm-menu.mm-columns-5{width:80%;min-width:140px;max-width:2200px} html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)} } .mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)} .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)} .mm-menu.mm-columns-6{width:80%;min-width:140px;max-width:2640px} html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)} @media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)} } .mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%} em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%} em.mm-counter+a.mm-next{width:90px} em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px} em.mm-counter+a.mm-fullsubopen{padding-left:0} .mm-vertical>.mm-counter{top:12px;margin-top:0} .mm-vertical.mm-spacer>.mm-counter{margin-top:40px} .mm-nosubresults>.mm-counter{display:none} .mm-menu em.mm-counter{color:rgba(0,0,0,.3)} .mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px} .mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .mm-collapsed:not(.mm-uncollapsed){display:none} .mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-fixeddivider:after{content:none!important;display:none!important} .mm-hasdividers .mm-fixeddivider{display:block} .mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)} html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s} .mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%} html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1} html.mm-dropdown .mm-menu{z-index:2} html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none} .mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .mm-menu.mm-tipleft:before{left:22px} .mm-menu.mm-tipright:before{right:22px} .mm-menu.mm-tiptop:before{top:-8px} .mm-menu.mm-tipbottom:before{bottom:-8px} .mm-iconpanel .mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform} .mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit} .mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-iconpanel .mm-panel.mm-iconpanel-0{left:0} .mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px} .mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px} .mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px} .mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px} .mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px} .mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px} .mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} .mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3} .mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none} .mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0} .mm-navbar-bottom~.mm-navbar-bottom{border-top:none} .mm-navbar.mm-hasbtns{padding:0 40px} .mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left} .mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px} .mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px} .mm-navbar .mm-breadcrumbs>a{text-decoration:underline} .mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px} .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0} .mm-navbar-top-1{top:0} .mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px} .mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px} .mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px} .mm-hasnavbar-top-4 .mm-panels{top:160px} .mm-navbar-bottom-1{bottom:0} .mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px} .mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px} .mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px} .mm-hasnavbar-bottom-4 .mm-panels{bottom:160px} .mm-navbar-size-2{height:80px} .mm-navbar-size-3{height:120px} .mm-navbar-size-4{height:160px} .mm-navbar-content-2>*{width:50%} .mm-navbar-content-3>*{width:33.33%} .mm-navbar-content-4>*{width:25%} .mm-navbar-content-5>*{width:20%} .mm-navbar-content-6>*{width:16.67%} .mm-sronly{text-indent:10px;overflow:hidden;display:block;width:1px;height:1px;position:absolute;z-index:-1} .mm-search,.mm-search input{box-sizing:border-box} .mm-search{height:40px;padding:7px 10px 0;position:relative} .mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:26px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px} .mm-search input::-ms-clear{display:none} .mm-search .mm-clear,.mm-search .mm-next{right:0} .mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0} .mm-panel.mm-hassearch{padding-top:40px} .mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px} .mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px} .mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0} .mm-noresults .mm-indexer{display:none!important} li.mm-nosubresults>a.mm-next{display:none} li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px} .mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)} .mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)} .mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-indexer a{text-decoration:none;display:block;height:3.85%} .mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px} .mm-hasindexer .mm-indexer{right:0} .mm-hasindexer .mm-fixeddivider{right:20px} .mm-menu .mm-indexer a{color:rgba(0,0,0,.3)} .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease} .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)} input.mm-check,input.mm-toggle{position:absolute;left:-10000px} label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px} label.mm-check:before,label.mm-toggle:before{content:'';display:block} label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px} label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px} input.mm-toggle:checked~label.mm-toggle:before{float:right} label.mm-check{width:30px;height:30px;margin-top:-15px} label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} input.mm-check:checked~label.mm-check:before{opacity:1} li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px} label.mm-toggle+a,label.mm-toggle+span{padding-right:80px} label.mm-check+a,label.mm-check+span{padding-right:60px} a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px} a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px} a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px} a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px} em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px} em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px} .mm-menu label.mm-toggle{background:rgba(0,0,0,.1)} .mm-menu label.mm-toggle:before{background:#f3f3f3} .mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu label.mm-check:before{border-color:rgba(0,0,0,.7)} .mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none} .mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important} .mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px} .mm-menu.mm-effect-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease} html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} .mm-menu.mm-effect-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease} html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)} html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)} html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-effect-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1} .mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)} .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)} .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s} .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms} .mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0} html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1} .mm-menu.mm-effect-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0} html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1} .mm-menu.mm-effect-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%} html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0} .mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px} html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} @media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)} } html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} @media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)} } @media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)} } .mm-menu.mm-fullscreen.mm-bottom,.mm-menu.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px} html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important} .mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%} .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0} .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal} html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0} html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s} html.mm-pagedim #mm-blocker{background:inherit} html.mm-pagedim-white #mm-blocker{background:#fff} html.mm-pagedim-black #mm-blocker{background:#000} .mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)} .mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%} .mm-menu.mm-pageshadow.mm-front:after,.mm-menu.mm-pageshadow.mm-next:after{content:none;display:none} .mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)} html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1} html.mm-popup .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-popup #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1} html.mm-popup .mm-menu{z-index:2} .mm-menu.mm-bottom,.mm-menu.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px} .mm-menu.mm-right{left:auto;right:0} html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)} @media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)} } @media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)} } html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0} html.mm-front #mm-blocker{z-index:1} html.mm-front .mm-menu{z-index:2} .mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} .mm-menu.mm-bottom{top:auto;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)} .mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)} .mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)} .mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)} .mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)} .mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)} .mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)} .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)} .mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)} .mm-menu.mm-theme-dark label.mm-toggle:before{background:#333} .mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)} .mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)} .mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)} .mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)} .mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)} .mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)} .mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)} .mm-menu.mm-pageshadow.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)} .mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)} .mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)} .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)} .mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)} .mm-menu.mm-theme-white label.mm-toggle:before{background:#fff} .mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)} .mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)} .mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)} .mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)} .mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)} .mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)} .mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)} .mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none} .mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)} .mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)} .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)} .mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)} .mm-menu.mm-theme-black label.mm-toggle:before{background:#000} .mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both} .mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none} .mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative} .mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1} .mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%} .mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%} .mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0} .mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto} .mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0} .mm-menu.mm-tileview .mm-listview{margin:0} .mm-listview font{ font-size: 14px !important; padding: 5px 10px 5px 20px; display: block; } @media screen and (max-width:980px){ .adapt_menu::before { background: rgba(0, 0, 0, 0) url("../images/pull.png") no-repeat scroll center center; content: ""; display: block; height: 16px; left: 10px; position: absolute; width: 35px; } .megacol {width:250px !important} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {color: #554c41;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss {color: #554c41;} .mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss {width: 100%;} .adapt_menu { display:block; padding: 7px 12px 7px 7px; font-size:18px; cursor:pointer; color:#fff; background: #554c40; text-align: center; border-bottom:1px solid #fff; } .adapt_menu span{ color:#fff!important; display: block; } .adapt_menu a { display: block; position: relative; text-decoration: none; z-index: 99;font-size: 18px; } #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {background: none !important;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-title {border-right: 0px solid #ff8a00 !important;} #fixed_menu { position: static; display:none; } #mainmenu { height: auto; position: static; } #mainmenu ul li { float: none; } #mainmenu ul li a { height: auto; line-height: normal; padding: 2px 10px; } .toggle-button { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #363636 0%, #121212 100%) repeat scroll 0 0; color: #fff; cursor: pointer; display: block; height: 33px; text-align: center; } .toggle-button::after { content: attr(data-open); display: block; font-family: "PT Sans",Arial,Helvetica,sans-serif; font-size: 15px; padding-top: 6px; } .toggle-button::before { background: rgba(0, 0, 0, 0) url("../images/pull.png") no-repeat scroll center center; content: ""; display: block; height: 32px; left: 5px; position: absolute; width: 35px; } #menu-checkbox:checked + div[role="navigation"] #mainmenu { display: block; } #menu-checkbox:checked + div[role="navigation"] .toggle-button::after { content: attr(data-close); } #mainmenu a.callback { margin: 9px auto; position: static; } } @media screen and (max-width:780px){ #menuha ul { flex-wrap: wrap;} #menuha ul li {margin: 2px;} .blog_portfolio .items-leading article {width: 100%;} .blog_portfolio .items-leading article .img-intro-left { height: auto; overflow: auto;} } /* Начало CSS */ * { padding: 0; margin: 0; box-sizing: border-box; } html { font-family: 'Gilroy',Arial,sans-serif; font-size: 16px; line-height: 1.55; font-weight: 400; color: #303030; } mark { background: none; font-weight: 700; } .btn-orange { border-radius: 45px; background: linear-gradient(47deg, rgb(252 239 135) 0%, rgb(255 244 150) 93%);; border: none; cursor: pointer; } .container { max-width: 1250px; padding: 0 25px; margin: 0 auto; } .shadow { filter: brightness(50%); } .header { border-bottom: 1px solid #d9d9d9; padding: 20px 0; width: 100%; z-index: 2; } .header__wrapper { display: flex; justify-content: space-between; align-items: center; } .header__logo { margin-right: 40px; } .header__text { font-size: 0.8571rem; line-height: 1.05; font-weight: 300; display: block; max-width: 135px; margin-left: -50px; } .header__location { display: flex;max-width: 200px;font-size: 14px; } .header__location img { display: block; max-width: 46px; margin-right: 10px; } .header__location span { font-size: 0.8571rem; display: block; max-width: 125px; } .header__contact { display: flex; /*margin-right: -70px;*/ } .header__contact a { max-width: 45px; border-radius: 50%; } .header__contact img { display: block; max-width: 43px; } .header__tel a{ display: block; text-decoration: none; color: #000; font-size: 1.3571rem; font-weight: 700; } .header__calculate { font-weight: 700; border: 1px solid #303030; border-radius: 30px; padding: 15px 25px; cursor: pointer; } .header__calculate a { color: #303030; text-decoration: none;} .header__calculate:hover {background-color: #fbd542; border: 1px solid #fbd442;transition: ease 0.3s;} .intro { background: url(./images/introimg.jpg) no-repeat center; background-size: cover; position: relative; } .intro__wrapper { display: flex; align-items: center; justify-content: space-between; } .intro__title { font-size: 3.0714rem; line-height: 1.05; font-weight: 700; max-width: 745px; padding-top: 30px; margin-bottom: 30px; } .intro__subtitle { font-size: 1.5714rem; max-width: 690px; margin-bottom: 30px; } .descot {font-size: 20px; max-width: 745px;margin-bottom: 30px;} .intro__btn { display: flex; gap: 40px; margin-bottom: 40px; } /* Старая кнопка background: linear-gradient(47deg, rgb(252 239 135) 0%, rgb(255 244 150) 93%);; */ /* Новая кнопка background: linear-gradient(47deg, rgb(252 239 135) 0%, rgb(255 244 150) 93%);; */ .intro__btn-calculate { font-weight: 700; border-radius: 45px; background: #356D4D; border: none; padding: 25px ; cursor: pointer; font-size: 20px;transition: all 0.7s; } .intro__btn-calculate a { text-decoration: none; color: #fff;} .intro__btn-calculate:hover, .service__item-btn:hover, .portfolio__box__btn:hover, .table__btn:hover, .costcalc__btn:hover, .standarts__item__first__btn:hover {background: linear-gradient(47deg, rgb(221 126 6) 0%, rgb(221 126 6 / 98%) 93%);transition: all 0.7s;} .intro__btn-popup { font-weight: 700; border: 1px solid #303030; border-radius: 45px; padding: 25px ; cursor: pointer; } .intro__btn-popup:hover {background: #fe7e17;transition: ease 0.3s;border:1px solid #fe7e17;} .intro__box { max-width: 80%; display: flex; gap: 10px; padding-bottom: 50px; } .intro__item { display: flex; align-items: center; gap: 10px; } .intro__item img { max-width: 68px; } .intro__item p { display: inline-block; color: #000000; font-size: 0.9286rem; /*max-width: 125px;*/ } .intro__rating { border-radius: 10px; background-color: #ffffff; box-shadow: 0px 5px 20px 0px rgb(8 8 8 / 30%); width: 284px; padding: 15px; margin-right: 25px; } .intro__rating img { display: block; width: 100px; } .intro__rating p { color: #000000; font-size: 1.0714rem; } .service { padding: 100px 25px; background: #fff; } .service__text { font-size: 1.4286rem; } .service__title { font-size: 2.8571rem; line-height: 1.35; font-weight: 700; margin-bottom: 50px; } .service__box { display: flex; justify-content: space-between; gap: 50px; } .service__item { border: 2px solid #ece8e6; padding: 45px 30px 0 75px; max-width: 360px; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; } .service__item::before { content: ""; position: absolute; top: 20px; left: -10px; background: #ece8e6; padding: 13px 30px; color: #ffffff; font-size: 2.1429rem; font-weight: 800; text-align: center; } .service__item:first-child:before { content: "1"; } .service__item:nth-child(2):before { content: "2";} .service__item:nth-child(3):before { content: "3";} .service__item-title { font-size: 1.7143rem; line-height: 1.4; font-weight: 700; margin-bottom: 20px; } .service__item-text { font-size: 1.1429rem; } .fancybox-caption {display:none;} .service__item-btn { display: inline-block;width: 100%; max-width: 90%; font-weight: 700; border-radius: 30px; background-image: linear-gradient(47deg, rgb(252 239 135) 0%, rgb(255 244 150) 93%);; padding: 15px; position: absolute; bottom: 50px; left: 50%; transform: translate(-50%); z-index: 2; cursor: pointer;text-align: center; } .service__item-btn a {color: #303030; text-decoration: none;} .service__item-img { display: block; width: 100%; opacity: 0.55; } .service__item-img1 { max-width: 234px; /* position: relative; bottom: -13px; */ } .service__item-img2 { width: 110%; } .service__item-img3 { margin-right: -30px; width: auto; } .portfolio { /* background: url(./images/porfoliobg.jpg) center;*/ background-size: cover; padding-top: 50px; padding-bottom: 100px; } .portfolio__text { font-size: 1.4286rem; } .portfolio__title { font-size: 2.8571rem; line-height: 1.35; font-weight: 700; max-width: 650px; margin-bottom: 70px; } .portfolio__wrapper { display: flex; justify-content: space-between; gap: 100px; flex-wrap: wrap; } .portfolio__box { width: calc(50% - 50px); } .swiper-slide { max-height: 400px; } .portfolio__box .swiper-slide img { min-height: 400px; display: block; object-fit: cover; object-position: center; width: 100%; height: 100%; } .swiper-button-prev, .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; border: none; background: #f0f0f0; } .swiper-button-prev::after, .swiper-button-next::after { display: none; } .swiper-button-prev::before { content: "\2190"; font-size: 1.4286rem; color: #000; } .swiper-button-next::before { content: "\2192"; font-size: 1.4286rem; color: #000; } .portfolio__box__info { /* background-color: #ffffff;*/ background-color: #efebea; padding: 35px; color: #000000;border-radius: 0px 0px 8px 8px; display: grid; align-items: center; grid-template-columns: 40%; gap: 15px; font-size: 19px; } .portfolio__wrapper .swiper-slide img { border-radius: 5px 5px 0px 0px;} .reviews__text {font-size: 1.4286rem;} .portfolio__box__title { font-size: 24px; font-weight: 700; grid-column: 1 / 3; } .portfolio__box__square { position: relative; padding-left: 40px; } .portfolio__box__square::before { content: ""; width: 26px; height: 26px; background: url(./images/porfolio/info/sqare.png) no-repeat center; background-size: cover; position: absolute; left: 0; } .portfolio__box__date { position: relative; padding-left: 40px; } .portfolio__box__date::before { content: ""; width: 26px; height: 26px; background: url(./images/porfolio/info/date.png) no-repeat center; background-size: cover; position: absolute; left: 0; } .portfolio__box__price { position: relative; grid-column: 1 / 3; padding-left: 40px; } .portfolio__box__price::before { content: ""; width: 26px; height: 26px; background: url(./images/porfolio/info/price.png) no-repeat center; background-size: cover; position: absolute; left: 0; } .portfolio__box__btn { /*max-width: 170px;*/ width: 100%; font-weight: 500; padding: 15px 15px; text-align: center; grid-column-end: span 2; grid-row-end: span 2; } .portfolio__box__btn a { text-decoration: none; color: #000; line-height: 1.1; line-height: 1.3; display: block;} .portfolio__box__design { font-size: 0.7857rem; } .pricelist { padding-top: 0px; padding-bottom: 100px; background: #fff; } .pricelist__title { font-size: 3rem; line-height: 1.23; font-weight: 700; color: rgb(0, 0, 0); text-align: center; margin-bottom: 105px; } .pricelist__box { overflow: auto; } .pricelist__table { overflow-x: scroll; min-width: 1200px; } table { border-collapse: collapse; width: 100%; table-layout: fixed; } table td { width: 100%; } table, th, tr, td { border: 1px solid #e0e0e0; } td, th { padding: 10px 20px 25px; vertical-align: top; } th { padding:25px 20px; text-align: left; font-size: 1.2857rem; line-height: 1.35; } ul { padding-left: 20px; } .table__btn { padding: 10px 20px; display: inline-block; } .table__btn a { text-decoration: none; color: #514d3c;font-size: 20px;} .table__row__btn td { padding: 28px 20px; } .table__first__column { width: 200px; } .without__marker { list-style: none; padding-left: 0; } .reviews { padding-top: 50px; padding-bottom: 100px; background: #fff; } .reviews___text { font-size: 1.4286rem; } .reviews__title { font-size: 2.8571rem; line-height: 1.35; font-weight: 700; max-width: 600px; margin: 20px 0 40px; } .reviews__wrapper { display: flex; justify-content: space-between; gap: 60px 30px; flex-wrap: wrap; } .reviews__item { width: calc(33% - 30px); } .review__info { padding-top: 25px; } .review__client { color: #000000; } .review__text { color: #000000; font-size: 1.4286rem; line-height: 1.35; } .costcalc { background: #fff; } .costcalc__wrapper { background: url(./images/cost/bg.jpg) no-repeat ; background-size: cover; padding: 50px 0 50px 50px; padding-left: 50px; position: relative; } .costcalc__wrapper::before { content: ""; background: url(./images/cost/2.png) no-repeat center; background-size: contain; width: 40%; height: 100%; position: absolute; bottom: 0; right: 0; } .costcalc__box { width: 60%; } .costcalc__title { font-size: 2.4286rem; line-height: 1.45; font-weight: 700; margin-bottom: 20px; } .costcalc__text { font-size: 1.4286rem; margin-bottom: 20px; } .costcalc__contact { display: flex; align-items: center; gap: 20px; } .costcalc__btn { display: inline-block; padding: 20px 30px; font-weight: 700; } .costcalc__contact__text { color: #000000; max-width: 215px; } .costcalc__contact a { max-width: 43px; border-radius: 50%;text-decoration: none; color: #303030; } .costcalc__contact img { max-width: 43px; display: block; } .standarts { padding: 100px 0; background: #fff; } .standarts__title { color: #000000; font-size: 2.5rem; text-align: center; margin-bottom: 10px; font-weight: 400; } .standarts__text { color: #000000; font-size: 1.4286rem; text-align: center; display: block; } .standarts__wrapper { display: flex; justify-content: space-between; align-items: center; } .standarts__item { width: 33%; min-width: 300px; max-height: 450px; } .standarts__item__first { border: 1px solid #d1d1d1; border-radius: 10px; background: url(./images/standarts/tel.png) no-repeat; background-position: center bottom; padding:35px 25px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; max-width: 300px; min-height: 450px; } .standarts__item__first__title { color: #000000; font-size: 1.4286rem; text-align: center; margin-bottom: 10px; } .standarts__item__first__text { color: #000000; font-weight: 700; text-align: center; max-width: 180px; margin: 0 auto; } .standarts__item__first__btn { color: #000000; font-weight: 500; border-width: 1px; border-radius: 10px; background-color: #fcef87; padding: 20px; display: inline-block; } .standarts__item__second { overflow: hidden; } .standarts__item__second img{ display: block; object-fit: contain; object-position: center; width: 100%; height: 100%; margin: 0 auto; } .standarts__item__third { max-width: 375px; } .standarts__item__third__inner { margin-top: 15px; display: grid; grid-template-columns: 90px auto; } .standarts__item__third h4 { color: #000000; font-size: 1.2857rem; font-weight: 700; grid-column: 1/3; } .standarts__item__third__inner img{ display: block; max-width: 90px; grid-row: 1/3; } .standarts__item__third__inner span { color: #000000; font-size: 1.1429rem; font-weight: 700; margin-bottom: 10px; } .standarts__item__third__inner p { color: #adadad; } .stages{ padding-bottom: 100px; background: #fff; } .stages__title { color: #000000; font-size: 2.5rem; max-width: 710px; text-align: center; margin: 0 auto; font-weight: 700; } .stages__subtitle { color: #000000; font-size: 1.4286rem; display: block; text-align: center; margin: 20px 0 50px; } .stages__wrapper { display: grid; grid-template-columns: repeat(7, 1fr); gap: 20px; } .stages__box { border-radius: 12px; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; } .stages__img__box { position: relative; margin-bottom: 20px; } .stages__img__box::before { content: ""; position: absolute; right: -45px; bottom: 50%; transform: translateY(50%); color: #ebebeb; font-size: 4.6429rem; font-weight: 700; } .stages__box__1 { border: none; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); grid-column: 1/4; background: url(./images/stages/keyboard.png) no-repeat; background-position: right bottom; } .stages__box__1 .stages__img__box::before { content: "1"; } .stages__box__2 { grid-column: 4/6; } .stages__box__2 .stages__img__box::before { content: "2"; } .stages__box__3 { grid-column: 6/8; } .stages__box__3 .stages__img__box::before { content: "3"; } .stages__box__4 { grid-column: 1/3; } .stages__box__4 .stages__img__box::before { content: "4"; } .stages__box__5 { grid-column: 3/5; } .stages__box__5 .stages__img__box::before { content: "5"; } .stages__box__6 { grid-column: 5/8; background: url(./images/stages/ballons.png) no-repeat; background-position: right bottom; background-size: contain; background-color: #fffdf4; justify-content: space-between; position: relative; } .stages__box__6::after { content: "6"; position: absolute; left: 60%; bottom: 50%; transform: translate(-60%, 50%); color: #ebebeb; font-size: 9.2857rem; font-weight: 700; } .stages__img { display: block; position: relative; } .stages__text { color: #000000; width: 210px; } .stages__btn { color: #000000; font-weight: 500; border-width: 1px; border-radius: 10px; background-color: #fcef87; padding: 15px 35px; cursor: pointer; } .stages__btn .zphone {font-weight: 700;} .founder { background: url(./images/founder/bg.jpg) no-repeat center; background-size: cover; } .founder__wrapper { display: flex; align-items: center; gap: 30px; } .founder__info { width: 50%; padding: 80px 0; } .founder__title { color: #333123; font-size: 2.2857rem; font-weight: 400; } .founder__text { color: #333123; font-size: 1.2857rem; width: 270px; display: inline-block; } .founder__link { color: #ffffff; font-weight: 500; border: 1px dashed #fcef87; border-radius: 10px; background-color: #333123; display: inline-block; padding: 15px 45px; } .founder__form { display: flex; justify-content: space-between; margin-bottom: 20px; } .form__input { padding: 25px 20px 25px 40px; color: #000000; border: 1px solid #f0f0f0; border-radius: 15px; font-size: 1.1429rem; } .form__btn { color: #424242; background-color: #fcef87; border-radius: 10px; font-weight: 700; width: 250px; padding: 0 15px; display: block; border: none; padding: 26px 40px; } .founder__inner { display: flex; justify-content: space-between; margin: 20px 0; } .founder__item { display: flex; justify-content: space-between; align-items: center; border-radius: 10px; background-color: #ffffff; padding: 15px 15px 15px 30px; } .founder__item-second { display: none; } .founder__contact { border-radius: 10px; background-color: #333123; padding: 15px; color: #ebebeb; width: 45%; } .founder__contact span { } .founder__contact a { color: #ffffff; font-size: 1.2857rem; font-weight: 700; display: block; text-align: center; } .founder__imgbox { width: 50%; max-width: 435px; position: relative; } .founder__foto { display: block; width: 100%; } .founder__name { border-radius: 10px; background-color: #ffffff; position: absolute; bottom: 100px; left: 25%; padding: 25px 35px; } .founder__fullname { color: #000000; font-size: 1.1429rem; display: block; text-align: center; } .founder__position { color: #b5b5b5; } .acordeon { padding: 100px 0; background: #fff; } .acordeon__title { color: #000000; font-size: 2.5rem; text-align: center; margin: 0 auto; max-width: 630px; margin-bottom: 20px; } .acordeon__subtitle { color: #000000; font-size: 1.4286rem; text-align: center; display: block; margin-bottom: 100px; } .acordeon__box { border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; cursor: pointer; padding: 27px 100px 27px 0; overflow: hidden; transition: 1s; } .acordeon__box__title { color: #383838; font-weight: 500; font-size: 1.5714rem; line-height: 1.35; } .acordeon__box__text { color: #383838; visibility: hidden; height:0; overflow:hidden; opacity:0; transition:all 0.2s linear; } .acordeon__btn { position: absolute; width: 40px; height: 40px; border-radius: 50%; background: rgb(235, 235, 235); transition: 0.5s; top: 20px; right: 20px; } .lines { position: relative; display: block; width: 100%; height: 100%; } .lines::before { content: ""; position: absolute; width: 24px; height: 3px; background: rgb(82, 82, 82); top: 50%; left: 50%; transform: translate(-50%, -50%); } .lines::after { content: ""; position: absolute; width: 3px; height: 24px; background: rgb(82, 82, 82); top: 50%; left: 50%; transform: translate(-50%, -50%); } .btn__open .acordeon__btn { background: #fcef87; transform: rotate(-45deg); } .btn__open .acordeon__btn .lines::before { background: #f0f0f0; } .btn__open .acordeon__btn .lines::after { background: #f0f0f0; } .acordeon__open { visibility: visible; height:auto; overflow:none; opacity:1; margin: 27px 0 20px; } @media (max-width: 1250px) { .header__calculate, .header__location { display: none; } .service__box { flex-wrap: wrap; justify-content: space-around; } .standarts__wrapper { flex-wrap: wrap; justify-content: center; } .standarts__item { width: 50%; } .standarts__item__second { margin: 0; } .standarts__item__second img{ display: block; object-fit: cover; object-position: center; width: 90%; } .standarts__item__third { grid-column: 1/3; max-width: 100%; display: grid; grid-template-columns: auto auto auto; gap: 20px; } .standarts__item__third h4 { text-align: center; } .standarts__item__third__inner:first-child{ grid-column: 1/4; } .standarts__item__third__inner { width: 100%; display: grid; grid-template-columns: auto; } } @media (max-width: 991.75px){ html { font-size: 13px; } .container { padding: 0 15px; } .header__text { max-width: 30%; } .intro__wrapper { justify-content: center; flex-wrap: wrap; } .intro__title, .intro__subtitle { /* text-align: center;*/ } .intro__title { /* padding-top: 100px;*/ } .intro__btn { justify-content: center; } .intro__box { max-width: 100%; justify-content: space-around; gap: 30px; } .intro__rating { margin-bottom: 50px; margin-right: 0; } .service { padding: 70px 0; } .service__text { display: block; text-align: center; } .service__title { max-width: none; text-align: center; } .service__item { max-width: calc(50% - 30px); padding: 40px 20px 0 60px; } .service__item::before { padding: 9px 25px; } .service__item-img3 { margin-right: -20px; } .portfolio__text { display: block; text-align: center; } .portfolio__title { text-align: center; margin: 0 auto 50px; } .portfolio__wrapper { flex-wrap: wrap; justify-content: center; gap: 50px; } .portfolio__box { width: 90%; } .pricelist__title { margin-bottom: 50px; } .reviews__text { display: block; text-align: center; } .reviews__title { margin: 20px auto 40px; text-align: center; } .reviews__wrapper { flex-wrap: wrap; justify-content: space-around; gap: 50px 0; } .reviews__item { width: calc(50% - 30px); } .costcalc__wrapper { padding: 50px 50px 200px; height: auto; } .costcalc__wrapper::before { content: ""; background: url(./images/cost/2.png) no-repeat center; background-size: contain; width: 70%; height: 60%; position: absolute; bottom: 0; right: 50%; transform: translateX(50%); z-index: 0; } .costcalc__box { width: 100%; position: relative; z-index: 2; } .costcalc__title { text-align: center; } .costcalc__text { text-align: center; } .costcalc__contact { justify-content: center; } .costcalc__contact__text { display: none; } .costcalc__contact a { display: none; } .standarts { margin: 100px 0 60px; } .standarts__wrapper { row-gap: 30px; } .standarts__text { margin-bottom: 15px; } .standarts__item__second { margin: 0; } .standarts__item__second img{ display: block; object-fit: cover; object-position: center; width: 90%; margin: 0 auto; } .standarts__item__third { max-width: 100%; display: grid; grid-template-columns: auto auto auto; gap: 20px; width: 90%; } .standarts__item__third h4 { text-align: center; } .standarts__item__third__inner:first-child{ grid-column: 1/4; } .standarts__item__third__inner { width: 100%; display: grid; grid-template-columns: auto; } .stages__wrapper { max-width: 750px; margin: 0 auto; display: grid; grid-template-columns: repeat(10, 1fr); gap: 20px; } .stages__box__1 { grid-column: 1/7; } .stages__box__2 { grid-column: 7/11; } .stages__box__3 { grid-column: 1/6; } .stages__box__4 { grid-column: 6/11; } .stages__box__5 { grid-column: 1/5; } .stages__box__6 { grid-column: 5/11; background: url(./images/stages/ballons.png) no-repeat; background-position: right bottom; background-size: contain; background-color: #fffdf4; justify-content: space-between; position: relative; } .founder__wrapper { flex-wrap: wrap; gap: 0; } .founder__info { padding: 0; } .founder__inner { gap: 15px; flex-wrap: wrap; margin: 20px 0; } .founder__form { gap: 15px; flex-wrap: wrap; margin-bottom: 20px; } .founder__item { display: none; } .founder__item-second { display: flex; width: 80%; margin: 0 auto 20px; } .acordeon { padding: 70px 0; } .acordeon__subtitle { margin-bottom: 60px; } } @media (max-width: 767.75px){ html { font-size: 12px; } .header__text, .header__contact { display: none; } .intro__title { font-size: 1.9rem; } .intro__btn { flex-wrap: wrap; gap: 15px; } .intro__btn-calculate, .intro__btn-popup { width: 260px; text-align: center;width: 100%; } .intro__box { flex-wrap: wrap; gap: 10px; padding-bottom: 25px; } .service { padding: 50px 0; } .service__item { max-width: 90%; } .portfolio__wrapper { gap: 30px; } .portfolio__box__info { padding: 20px; gap: 20px; } .portfolio__box__square, .portfolio__box__date, .portfolio__box__price, .portfolio__box__btn { grid-column: 1 / 3; } .swiper-slide { max-height: 250px; } .swiper-slide img { min-height: 250px; } .swiper-button-prev, .swiper-button-next { width: 30px; height: 30px; } .reviews__wrapper { gap: 25px; } .reviews__item { width: 90%; } .costcalc__wrapper { padding: 30px 25px 200px; } .costcalc__wrapper::before { width: 50%; height: 33%; opacity: 0.8; } .costcalc__title { font-size: 2rem; } .costcalc__contact { flex-direction: column; gap: 15px; } .costcalc__contact__text, .costcalc__contact a { display: block; } .standarts__item__third { grid-template-columns: auto auto; max-height: none; } .standarts__item__third__inner { grid-column: 1/4; display: grid; grid-template-columns: 90px auto; } .stages__title { font-size: 2rem; } .stages__wrapper { grid-template-columns: 90%; justify-content: center; gap: 20px; } .stages__box__1, .stages__box__2, .stages__box__3, .stages__box__4, .stages__box__5, .stages__box__6 { grid-column: 1/2; } .stages__box__1 { background-size: 20%; } .stages__box__6 { background-size: 20%; background-position: right top; } .stages__box__6::after { content: "6"; position: absolute; right: 15%; left: auto; bottom: 0%; transform: translate(0%, 0%); color: #ebebeb; font-size: 8rem; font-weight: 700; } .stages__text { width: 80%; font-size: 14px; } .stages__btn { margin-top: 15px; } .founder__wrapper { flex-direction: column; } .founder__info { width: 100%; } .founder__info .founder__item {display:none;} .founder__title { text-align: center; } .portfolio__box__btn a { font-size: 18px;} .founder__inner { justify-content: center; } .founder__text { text-align: center; } .founder__form { justify-content: center; } .form__input { padding: 25px 40px 25px 40px; } .founder__imgbox { width: 80%; } .founder__name { padding: 15px 20px; } .founder__item-second { display: flex; flex-direction: column; width: 80%; margin: 0 auto 20px; } .founder__contact { width: 100%;text-align: center; } .founder__item { display: block;text-align: center; } } @media (min-width:481px) { .burger{display: none;} .burger-menu{display: none;} } @media (max-width: 480px) { .burger_wrapper { display: flex; justify-content: flex-end; } .burger { position: relative; width: 36px; height: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--text-white); -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .burger__line { display: inline-block; width: 100%; height: 4px; background: var(--text-white); -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .burger__line::before, .burger__line::after { position: absolute; content: ''; width: 100%; height: 4px; left: 0; background: var(--text-white); -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .burger__line::before { top: 0; } .burger__line::after { bottom: 0; } .burger:hover .burger__line, .burger:hover .burger__line::before, .burger:hover .burger__line::after { background: var(--fill-blue); } .burger-menu{ display: none; } .burger-menu.open { display: block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(-90px); overflow: auto; min-height: 100%; bottom: 0; top: 0; background-color: white; z-index: 3; } .menu__nav ul li a.lef_mobile{ font-weight: 700; } .menu__nav ul li a.left_mobile{ font-weight: 700; } .menu__head { padding: 10px 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu__title { font-size: 24px; text-align: center; margin-bottom: 20px; font-weight: 600; line-height: normal; margin-top: 10px; color: #000; } .menu__title { font-size: 24px; text-align: center; margin-bottom: 20px; font-weight: 600; line-height: normal; margin-top: 10px; color: #000; } .menu__address { font-size: 14px; } .menu__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px 10px 20px; border-bottom: 1px solid var(--fill-light-gray); } .menu__contacts-tell { font-size: 20px; font-weight: 700; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .menu__contacts-tell:hover, .menu__contacts-email:hover { color: var(--text-blue); } .menu__contacts-email { font-size: 16px; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .menu__nav { padding: 10px 0px; } .menu__nav h3 { display: none; } .menu__nav ul { all: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu__nav ul li { width: 100%; } /*.menu__nav ul li:not(:last-of-type) { margin-bottom: 20px; } */ .menu__nav ul li a { display: block; text-align: center; width: 100%; padding: 6px 0; line-height: normal; letter-spacing: 0.6px; text-transform: capitalize; font-size: 20px; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .menu__nav ul li a:hover { background: var(--button-light-blue); color: var(--text-white); } .menu__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 20px 0 20px; } .menu__footer .burger .burger__line, .menu__footer .burger .burger__line::before, .menu__footer .burger .burger__line::after { background: var(--text-black); } .menu .logo { color: var(--text-blue); } .menu__close { position: relative; width: 37px; height: 37px; } .menu__close-line { position: absolute; top: 50%; left: 50%; display: block; width: 26px; height: 1px; background: #6b6b6b; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .menu__burger .menu__close-line { width: 39px; } .menu__burger .menu__close { margin-right: 20px; } .menu__close-line:first-of-type { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu__close-line:last-of-type { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu__burger .burger { display: none; } :root { --text-black: #0F0F0F; --text-blue: #0B65ED; --text-white: #000; --text-gray: #8f8f8f; --text-dark-gray: #6B6B6B; --text-light-blue: #46B1FF; --fill-blue: #0058DC; --fill-gray: #D6D6D6; --fill-light-gray: #f2f2f2; --fill-white: #ffffff; --button-blue: #0B65ED; --button-light-blue: #ffa500cc; --button-gray: #D6D6D6; --button-white: #ffffff; } .menu__nav a{ text-decoration: none; font-family: "Manrope", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.4; color: var(--text-black); } .menu__nav li{ list-style-type: none; } .header__logo { margin-right: 0px; } li.current.active a.lef_mobile { background: var(--button-light-blue); color: var(--text-white); } .nav-child.unstyled.small li.current.active { background: var(--button-light-blue); color: var(--text-white); } .page_portfolio .header {position: static;} } a.lef_mobile.lef_hidden { display: none; } }