* { box-sizing: border-box; } html, body { height: 100%; font-size: 100%; } body { background: #01b0dd; background: -o-linear-gradient(right,#196ebd,#01b0dd); background: linear-gradient(270deg,#196ebd,#01b0dd); padding-top: 100px; padding-bottom: 60px; } body { color: #4a4a4a; font-family: Open Sans,Segoe UI,Verdana,Arial,Tahoma,sans-serif; font-size: 100%; line-height: 1.75; } a { color: #00b0dd; text-decoration: none; transition: color 0.3s ease 0s; } a:focus, a:hover { color: #ff9d1b; text-decoration: underline; } a, a:active, a:visited { outline: 0 none; text-decoration: none; } .navbarContainer { min-width: 320px; position: absolute; width: 100%; left: 0; top: 0; z-index: 102; height: 50px; background: #01b0dd; background: -o-linear-gradient(right,#196ebd,#01b0dd); background: linear-gradient(270deg,#196ebd,#01b0dd); } .navbar__container { background: rgba(0, 0, 0, 0) linear-gradient(270deg, #196ebd, #01b0dd) repeat scroll 0 0; height: 50px; left: 0; min-width: 320px; position: absolute; top: 0; width: 100%; z-index: 102; } .navbar__container::after { backface-visibility: hidden; bottom: 0; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 0.2s ease 0s; will-change: opacity; } .navbar__wrap { margin-left: auto; margin-right: auto; max-width: 1280px; position: relative; z-index: 1; } .navbar__wrap::after { clear: both; content: " "; display: block; } .navbar__logo { left: 10px; position: absolute; top: 10px; z-index: 2; } .logo { display: block; font-weight: 300; height: 29px; line-height: 1.5625rem; padding-left: 40px; position: relative; text-align: left; } .logo, .logo:active, .logo:focus, .logo:hover { color: #fff; } .logo__text { display: none; font-size: 1.3125rem; left: 40px; position: absolute; top: 0; } .navbar__toolbar { position: absolute; right: 10px; display: -ms-flexbox; display: flex; top: 0; padding-top: 7px; text-align: right; z-index: 2; } .navbar__logo-text { backface-visibility: hidden; display: block; opacity: 1; transition: transform 0.5s ease 0s, opacity 0.3s ease 0s, -o-transform 0.5s ease 0s; will-change: transform; } .inputContainer { box-sizing: border-box; position: relative; display: block; float: left; padding-right: 2px; } .inputContainer--phone { width: 100%; border-radius: 3px; margin-bottom: 15px; } button, button:focus { background-color: #ff8e41; -o-transition: all .3s; transition: all .3s; } button:hover { background-color: #ffa353; transition: all 0.3s ease 0s; } button:active { background: #ed7a18; box-shadow: 0 1px 0 0 hsla(0,0%,100%,.27),inset 0 1px 0 0 #bc5f10; } button { font-family: Open Sans,Segoe UI,Arial,Verdana,Tahoma,sans-serif; font-style: normal; font-weight: 600; position: relative; border: 0; box-sizing: border-box; color: #fff; display: block; text-align: center; width: 306px; height: 63px; line-height: 3.875rem; font-size: 27px; /*padding: 0 20px 0 0;*/ margin: 0 auto; box-shadow: 0 1px 0 0 #bc5f10,inset 0 1px 0 0 hsla(0,0%,100%,.5); border-radius: 3px; } .inputContainer--input-text { -webkit-appearance: none; border: 0; box-sizing: border-box; height: 54px; line-height: 2.25rem; padding: 9px 18px; position: relative; -o-transition: all .3s; transition: all .3s; box-shadow: inset 0 0 0 2px transparent; z-index: 10; width: 100%; border-radius: inherit; background: #fff; font-size: 17px; font-family: Open Sans,Segoe UI,Verdana,Arial,Tahoma,sans-serif; text-align: center; } .wrap { min-height: 100%; height: auto; margin: 0 auto -60px; padding: 0 0 60px; } .wrap > .container { padding: 70px 15px 20px; } .footer { height: 60px; background-color: #f5f5f5; border-top: 1px solid #ddd; padding-top: 20px; } /* .navbar__subscribe::before { background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTcgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQxLjEgKDM1Mzc2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdWJzY3JpYmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlN1YnNjcmliZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1LjAwMDAwMCwgLTExLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0ic3Vic2NyaWJlIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi45OTU4NjMyLDExIEMxNS44OTQyODc5LDExIDE1LjAwMTI4NDcsMTEuODkzNTQyNiAxNS4wMDEyODQ3LDEzLjAwMjc2MDEgTDE1LjAwMTI4NDcsMjEuOTk3MjM5OSBDMTUuMDAxMjg0NywyMy4xMDMzMzM3IDE1Ljg5NjAzMDksMjQgMTYuOTk1ODYzMiwyNCBMMjkuMDEwODY0NCwyNCBDMzAuMTEyNDM5NywyNCAzMS4wMDU0NDI5LDIzLjEwNjQ1NzQgMzEuMDA1NDQyOSwyMS45OTcyMzk5IEwzMS4wMDU0NDI5LDEzLjAwMjc2MDEgQzMxLjAwNTQ0MjksMTEuODk2NjY2MyAzMC4xMTA2OTY3LDExIDI5LjAxMDg2NDQsMTEgTDE2Ljk5NTg2MzIsMTEgWiBNMjIuNTM2MDIzLDE4LjU0NDQ1MTggQzIyLjgxMjYwNTksMTguNzcxMzYzMyAyMy4yMTA5NTA4LDE4Ljc3MTMzNjkgMjMuNDg3NTAzNywxOC41NDQzODg4IEwyOS4wNjI2MzM0LDEzLjk2OTI1OTEgQzI5LjM4MjgzMjIsMTMuNzA2NDkzOCAyOS40MjkzOTEyLDEzLjIzMzkwOCAyOS4xNjY2MjU4LDEyLjkxMzcwOTIgQzI4LjkwMzg2MDUsMTIuNTkzNTEwNSAyOC40MzEyNzQ3LDEyLjU0Njk1MTUgMjguMTExMDc1OSwxMi44MDk3MTY4IEwyMy4wMjU4OSwxNy4wMDYxMzM3IEwxNy45MTkxNzE4LDEyLjgxNjUyODMgQzE3LjU5ODkzODIsMTIuNTUzODA1NCAxNy4xMjYzNTg2LDEyLjYwMDQyNjkgMTYuODYzNjM1NiwxMi45MjA2NjA0IEMxNi42MDA5MTI3LDEzLjI0MDg5NCAxNi42NDc1MzQyLDEzLjcxMzQ3MzYgMTYuOTY3NzY3NywxMy45NzYxOTY2IEwyMi41MzYwMjMsMTguNTQ0NDUxOCBaIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat scroll 50% center / auto 100%; content: ""; display: inline-block; height: 12px; margin-right: 7px; position: relative; top: 8px; vertical-align: top; width: 16px; } */ .navbar__login::before { background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNSAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+aWNfdXNlcjwvdGl0bGU+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNyA4LjIyMmMxLjY1NyAwIDMtMS4zOTMgMy0zLjExQzEwIDMuMzkgOC42NTcgMiA3IDJTNCAzLjM5MyA0IDUuMTFjMCAxLjcyIDEuMzQzIDMuMTEyIDMgMy4xMTJ6bTAgMmMtMi43NzggMC01LTIuMzA0LTUtNS4xMUMyIDIuMzAzIDQuMjIyIDAgNyAwczUgMi4zMDQgNSA1LjExYzAgMi44MDgtMi4yMjIgNS4xMTItNSA1LjExMnoiLz48cGF0aCBkPSJNMi43NDMgNy41OThjLjY2Mi0uNDIgMS41MDgtLjQxNCAyLjE2NC4wMTQuNjI3LjQxIDEuMzQ1LjYyNyAyLjA5OC42MjcuNzU0IDAgMS40NzMtLjIyIDIuMS0uNjI4LjY1NS0uNDMgMS41LS40MzQgMi4xNjMtLjAxNSAxLjY5IDEuMDcgMi43MzcgMi45MzIgMi43MzcgNC45NzR2Mi4zMzZjMCAuNjE3LS4yODUgMS4yLS43NzIgMS41NzgtLjM3LjI5LS45NzQuNjY0LTEuNzkgMS4wMjctMS4zMzYuNTk1LTIuODI2Ljk1LTQuNDM4Ljk1LTEuNjEgMC0zLjEtLjM1NS00LjQzNy0uOTUtLjgxNi0uMzYyLTEuNDItLjczNy0xLjc5LTEuMDI2LS40ODgtLjM3OC0uNzczLS45Ni0uNzczLTEuNTc4VjEyLjU3YzAtMi4wMzggMS4wNDgtMy45IDIuNzM4LTQuOTcyem0xLjA3IDEuNjljLTEuMDg2LjY5LTEuODA4IDEuOTAyLTEuODA4IDMuMjgzdjIuMzM2czIgMS41NTUgNSAxLjU1NSA1LTEuNTU0IDUtMS41NTRWMTIuNTdjMC0xLjM4NC0uNzItMi41OTUtMS44MDctMy4yODQtLjkyNS42MDQtMi4wMi45NTMtMy4xOTMuOTUzLTEuMTcyIDAtMi4yNjYtLjM1LTMuMTktLjk1M3oiLz48L2c+PC9zdmc+") no-repeat scroll 50% center / auto 100%; content: ""; display: inline-block; height: 18px; margin-right: 7px; position: relative; top: 6px; vertical-align: top; width: 16px; } .navbar__subscribe, .navbar__login { overflow: hidden; padding: 3px 19px 3px 15px; vertical-align: top; } .navbar__item { -moz-user-select: none; border: 1px solid hsla(0, 0%, 100%, 0.5); border-radius: 100px; color: #fff; cursor: pointer; display: none; height: 36px; margin-left: 10px; padding: 3px 19px; position: relative; transition: background 0.3s ease-in-out 0s; white-space: nowrap; } .navbar__login { display: inline-block; } @media (min-width: 768px) { .navbar__subscribe { display: inline-block; } } .navbar__item:active, .navbar__item:focus, .navbar__item:hover { color: #fff; } .navbar__item:active, .navbar__item:focus, .navbar__item:hover { background-color: hsla(0, 0%, 88%, 0.2); color: #fff; text-decoration: none; } .--BT .bg-color { background: #bcd531 none repeat scroll 0 0; } .main-offer__header { margin-left: -11px; margin-right: -11px; } .main-offer__header { background-color: #cd2027; border-radius: 2px 2px 0 0; margin: -19px -19px 15px; padding: 18px; position: relative; } .main-offer { font-size: 0.9375rem; line-height: 1.4375rem; } .main-offer { background: #fff none repeat scroll 0 0; border: 1px solid #dbdbdb; border-radius: 2px 2px 0 0; box-sizing: border-box; font-size: 0.9375rem; height: 470px; line-height: 1.4375rem; margin: auto auto 30px; max-width: 360px; padding: 18px; position: relative; width: 100%; } .--BT .font-color, .--BT .font-color a { color: #bcd531; } .main-offer__read-more { background: #fff none repeat scroll 0 0; border: 2px solid currentcolor; border-radius: 3px; bottom: 18px; color: #cd1f27; display: block; font-size: 0.9375rem; height: 40px; left: 18px; line-height: 2.3125rem; position: absolute; right: 18px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s !important; } .--BT .main-offer__read-more:hover { background: #bcd531 none repeat scroll 0 0; color: #fff; } .top-menu { bottom: 100%; padding-left: 10px; padding-right: 10px; position: absolute; right: 0; text-align: right; width: 100%; z-index: 11; } .top-menu__wrap { margin-left: auto; margin-right: auto; max-width: 1280px; position: relative; } .top-menu__wrap::after { clear: both; content: " "; display: block; } .user-profile__popup { background-color: #fff; border-radius: 3px; bottom: 5px; color: #262626; cursor: default; display: inline-block; font-size: 0.8125rem; line-height: 1.25rem; position: absolute; right: 44px; transition: transform 0.2s ease-out 0s, -o-transform 0.2s ease-out 0s; width: 260px; } .user-profile__popup.is-opened { bottom: -52px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); transform: translateY(105%); transition: transform 0.4s cubic-bezier(0.28, 0.93, 0.43, 1) 0s, -o-transform 0.4s cubic-bezier(0.28, 0.93, 0.43, 1) 0s; } .user-profile__popup-arrow { background: #fff none repeat scroll 0 0; border-radius: 2px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); content: ""; height: 12px; position: absolute; right: 13px; top: -4px; transform: rotate(45deg); width: 12px; } .user-profile__login-form { background-color: #fff; border-radius: 3px; line-height: 1.25rem; padding: 24px 21px; position: relative; text-align: center; z-index: 1; } .user-profile__description { margin-bottom: 25px; margin-top: 13px; } .user-profile__login-form { line-height: 1.25rem; text-align: center; } .user-profile__login-button { background-repeat: no-repeat; border-radius: 5px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); color: #fff; cursor: pointer; display: block; font-size: 0.875rem; font-weight: 500; height: 36px; letter-spacing: 0; line-height: 2.25rem; margin-bottom: 7px; padding-left: 44px; position: relative; text-align: left; transition: background 0.2s ease 0s, box-shadow 0.2s ease 0s; width: 100%; } .user-profile__login-button.--vk { background-color: rgba(66, 116, 162, 0.8); } .user-profile__login-button::after { bottom: 0; content: ""; margin: auto; position: absolute; top: 0; } .user-profile__login-button.--vk::after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjYuMSAoMjYzMTMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlZLPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlRhYnMtLS0xMjgwLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTkuMDAwMDAwLCAtNDE2LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE5LjAwMDAwMCwgMTU5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4wMDAwMDAsIDIwOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTguODI2NjU0Miw1OC44ODA4MTkgQzE4LjgyNjY1NDIsNTguODgwODE5IDE5LjExNTQ1OTYsNTguODQ5MzY3MyAxOS4yNjMxMzAxLDU4LjY5MjM4NzEgQzE5LjM5ODg1NjIsNTguNTQ4MDk4OSAxOS4zOTQ1MTc5LDU4LjI3NzMzNTggMTkuMzk0NTE3OSw1OC4yNzczMzU4IEMxOS4zOTQ1MTc5LDU4LjI3NzMzNTggMTkuMzc1ODEyNiw1Ny4wMDk0NyAxOS45NzEyODM1LDU2LjgyMjc2MzcgQzIwLjU1ODUyODUsNTYuNjM4NzI5NSAyMS4zMTI0MzExLDU4LjA0ODEwMDIgMjIuMTExNDYzLDU4LjU5MDA3MTYgQzIyLjcxNTcyMzEsNTkuMDAwMDU3MiAyMy4xNzQ5MDQ0LDU4LjkxMDMyMjQgMjMuMTc0OTA0NCw1OC45MTAzMjI0IEwyNS4zMTE2NDcxLDU4Ljg4MDgxOSBDMjUuMzExNjQ3MSw1OC44ODA4MTkgMjYuNDI5MzQ1Miw1OC44MTI2ODI5IDI1Ljg5OTM0MjksNTcuOTQ0MzkzIEMyNS44NTU5NjAxLDU3Ljg3MzQ3MzYgMjUuNTkwNTkyNyw1Ny4zMDIxMTAxIDI0LjMxMDU3NTQsNTYuMTI4MjA5NyBDMjIuOTcwNjY3Myw1NC44OTk1MzMzIDIzLjE1MDI4MzMsNTUuMDk4MzE5MyAyNC43NjQxNzksNTIuOTczMDE4NSBDMjUuNzQ3MDUyNCw1MS42Nzg3MTEgMjYuMTM5OTIwMSw1MC44ODg1NzcyIDI2LjAxNzE1MjUsNTAuNTUwMTc5IEMyNS45MDAxMzE3LDUwLjIyNzc1NzIgMjUuMTc3MjE2OCw1MC4zMTI5Mjc0IDI1LjE3NzIxNjgsNTAuMzEyOTI3NCBMMjIuNzcxNDQ0Niw1MC4zMjc2MjM0IEMyMi43NzE0NDQ2LDUwLjMyNzYyMzQgMjIuNTkyOTU1NSw1MC4zMDM2MzEgMjIuNDYwNzc4OCw1MC4zODE3ODcxIEMyMi4zMzE0NzU2LDUwLjQ1ODIxNzYgMjIuMjQ4NDg0OSw1MC42MzY3OTY1IDIyLjI0ODQ4NDksNTAuNjM2Nzk2NSBDMjIuMjQ4NDg0OSw1MC42MzY3OTY1IDIxLjg2NzU2MTYsNTEuNjM4Mjk2OSAyMS4zNTk5MjY4LDUyLjQ5MDE2NTIgQzIwLjI4ODY1MzksNTQuMjg3NDIxOCAxOS44NjAyMzQ4LDU0LjM4MjU1NjIgMTkuNjg1MTI2Miw1NC4yNzA3Nzc0IEMxOS4yNzc3MjI0LDU0LjAxMDY0NjcgMTkuMzc5NTMxMSw1My4yMjU5NjgyIDE5LjM3OTUzMTEsNTIuNjY4MzU0NCBDMTkuMzc5NTMxMSw1MC45MjY1NDE5IDE5LjY0NjkyNjgsNTAuMjAwMzEzNSAxOC44NTg4MjUxLDUwLjAxMjMyNjkgQzE4LjU5NzM0NTMsNDkuOTQ5OTgwMiAxOC40MDQ3MTQ1LDQ5LjkwODczMTEgMTcuNzM1ODg3Myw0OS45MDE5OTU0IEMxNi44Nzc0MTUzLDQ5Ljg5MzM2NzEgMTYuMTUxMDA3Myw0OS45MDQ2MTE4IDE1LjczOTYwMzQsNTAuMTAzNjc2MSBDMTUuNDY1ODk3NSw1MC4yMzYxNjI5IDE1LjI1NDczMDQsNTAuNTMxMTk2NyAxNS4zODM0MTM5LDUwLjU0ODE3NSBDMTUuNTQyNDY1Myw1MC41NjkxMDU3IDE1LjkwMjQ4Niw1MC42NDQyMDAyIDE2LjA5MzM3MDIsNTAuOTAwODIzOSBDMTYuMzM5OTc2LDUxLjIzMjMxOTMgMTYuMzMxMzU1Nyw1MS45NzY0NzI0IDE2LjMzMTM1NTcsNTEuOTc2NDcyNCBDMTYuMzMxMzU1Nyw1MS45NzY0NzI0IDE2LjQ3MzA1NCw1NC4wMjY4NDU3IDE2LjAwMDUxOTgsNTQuMjgxNDY1NCBDMTUuNjc2Mjc1OCw1NC40NTYxNDc3IDE1LjIzMTQwNTEsNTQuMDk5NTQ2NSAxNC4yNzYyNTE2LDUyLjQ2ODk1NjEgQzEzLjc4NzA0MDMsNTEuNjMzNzMyMyAxMy40MTc0OTc5LDUwLjcxMDM4NzkgMTMuNDE3NDk3OSw1MC43MTAzODc5IEMxMy40MTc0OTc5LDUwLjcxMDM4NzkgMTMuMzQ2MzM4OSw1MC41Mzc4NzY3IDEzLjIxOTIzMyw1MC40NDU1MjU1IEMxMy4wNjUwODMzLDUwLjMzMzYzNTQgMTIuODQ5NjkwNiw1MC4yOTgxNzU3IDEyLjg0OTY5MDYsNTAuMjk4MTc1NyBMMTAuNTYzNDc0Niw1MC4zMTI5Mjc0IEMxMC41NjM0NzQ2LDUwLjMxMjkyNzQgMTAuMjIwMzU2Miw1MC4zMjIzOTA3IDEwLjA5NDI2NDUsNTAuNDY5ODUxOSBDOS45ODIwODkwMSw1MC42MDExMTQxIDEwLjA4NTMwNjIsNTAuODcyMjY2OCAxMC4wODUzMDYyLDUwLjg3MjI2NjggQzEwLjA4NTMwNjIsNTAuODcyMjY2OCAxMS44NzUwNDMsNTUuMDA5NTMwOCAxMy45MDE3NTEyLDU3LjA5NDQxNzUgQzE1Ljc2MDI4MDYsNTkuMDA2MjkxOSAxNy44NzAzMTc1LDU4Ljg4MDgxOSAxNy44NzAzMTc1LDU4Ljg4MDgxOSBMMTguODI2NjU0Miw1OC44ODA4MTkgWiIgaWQ9IlZLIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="); height: 10px; left: 15px; width: 16px; } .user-profile__login-button.--facebook { background-color: rgba(50, 87, 151, 0.8); } .user-profile__login-button.--facebook::after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjhweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgOCAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy42LjEgKDI2MzEzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GQjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUYWJzLS0tMTI4MC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA5LjAwMDAwMCwgLTQxMy4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExOS4wMDAwMDAsIDE1OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAwMDAwLCAyMDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTY1LjAwNjkzNjQsNTUgTDY2Ljk4NTUzMTUsNTUgTDY3LjgwODQ2NjQsNTIgTDY1LjAwNjkzNjQsNTIgTDY1LjAwNjkzNjUsNTAuMDQxMzc5OCBDNjUuMDA2OTM2NSw0OS4yMTc4Nzk1IDY1LjIyNjYyNDUsNDguNjU2NzEwMSA2Ni4zNjEyOTQzLDQ4LjY1NjcxMDEgTDY3LjgwODQ2NjQsNDguNjU2MDA0IEw2Ny44MDg0NjY0LDQ2LjExMjA2NDQgQzY3LjU1ODA0MzksNDYuMDc3NDYzNSA2Ni42OTkxMDM1LDQ2IDY1LjY5OTY1MjMsNDYgQzYzLjYxMzIyNzYsNDYgNjEuOTk1ODY2Miw0Ny42MDcxMDM5IDYxLjk5NTg2NjIsNTAuMDQxMzc5OSBMNjEuOTk1ODY2Miw1MiBMNjAsNTIgTDYwLDU1IEw2MS45OTU4NjYyLDU1IEw2MS45OTU4NjYyLDYyIEw2NS4wMDY5MzY1LDYyIEw2NS4wMDY5MzY0LDU1IFoiIGlkPSJGQiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); height: 16px; left: 19px; width: 8px; } .user-profile__login-button.--email { background-color: rgba(25, 120, 65, 0.8); } .user-profile__login-button.--email:hover { background-color: #107031; opacity: 1; } .user-profile__rules { color: #5a5a5a; font-size: 0.625rem; line-height: 0.875rem; margin-top: 18px; } .user-profile__login-button:hover { border-color: transparent; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } .user-profile__login-button.--vk:hover { background-color: #4274a2; opacity: 1; } .user-profile__login-button.--facebook:hover { background-color: #325797; } a.auth-link { color: #FFF; text-decoration: none; } .footer { position: fixed; bottom: 0; width: 100%; color: #6d787e; font-size: 0.8125rem; margin-top: 28px; } .header__title { color: #fff; font-size: 1rem; line-height: 1.25rem; margin: 0 0 20px; text-align: center; text-transform: none; } .header__title { font-size: 1.3875rem; line-height: 2.3375rem; margin: 0 0 4px; } .of_main_form__swap_places { animation: 0.3s ease-out 0s normal none 1 running swap_places_fade_in; cursor: pointer; height: 18px; position: absolute; right: 16px; top: 18px; width: 18px; z-index: 20; } .of_main_form__swap_places::after, .of_main_form__swap_places::before { background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAu0lEQVR4Ac3PP0oDYRTF0ZNCrLQKRmtdiLiBgL1WksJlGFyEYCUKLkBENxDExj+ghYVLMGlsNOMThuEDkRlemXPrX3EtrntR79tQyo9oNpYyK8GJlOcSTKSci/JiRcKoBI+WJGw0t5/0JV0Lb/rSdoRpPqDnVriQZ8unMJJnX5jbVVi2qtO4Tg71wMCLuTunjg3bnhwJ4dKagVdR9qXVXv1l5l38WYdNN+LfdNt2pUoGxboDZx58qEwsql8Ur2OhUsyj6wAAAABJRU5ErkJggg==") repeat scroll 0 0; content: ""; display: block; height: 21px; position: absolute; top: -2px; transition: transform 0.2s ease-in-out 0s, -o-transform 0.2s ease-in-out 0s; width: 21px; } a.main-offer__read-more:hover { text-decoration: none; } .main-offer__name a { color: #FFF; } .main-offer__name a:hover { color: #FFF; text-decoration: none; } .of_input_text__label { backface-visibility: hidden; color: #fff; font-family: Open Sans,Segoe UI,Verdana,Arial,Tahoma,sans-serif; font-size: 0.8125rem; font-style: normal; font-weight: 300; left: 18px; opacity: 0; position: absolute; top: -23px; transform: translateY(10px); transition: transform 0.3s cubic-bezier(1, 0, 1, 0.4) 0s, opacity 0.3s linear 0s, -o-transform 0.3s cubic-bezier(1, 0, 1, 0.4) 0s; will-change: transform, opacity; z-index: 21; } .of_input_text:focus + .of_input_text__label, .of_input_text__label.is_filled { opacity: 1; transform: translateY(0px); transition: transform 0.3s cubic-bezier(0, 0.6, 0, 1) 0s, opacity 0.3s linear 0s, -o-transform 0.3s cubic-bezier(0, 0.6, 0, 1) 0s; } .form-tabs { text-align: center; white-space: nowrap; padding: 0; margin: 0 auto 15px; position: relative; height: auto; width: auto; display: table; } .form-tabs__item { border-radius: 0; border: 1px solid hsla(0,0%,100%,.5); overflow: hidden; padding: 0; display: block; vertical-align: middle; } .form-tabs__item:last-child span { line-height: 1.75; } .form-tabs__link { color: #fff; -o-transition: none; transition: none; text-indent: -999px; text-decoration: none; display: block; width: 50px; overflow: hidden; position: relative; line-height: 2.125rem; padding: 0 19px; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .form-tabs__link { text-indent: 0; text-decoration: none; text-transform: uppercase; font-size: .8125rem; font-weight: 600; letter-spacing: .01688rem; width: auto; padding: 0 20px; min-width: 240px; } .form-tabs__link a { color: #fff; } .form-tabs__link a:hover { color: #ff9d1b; } .user-profile__home { background-color: #fff; z-index: 1; position: relative; border-radius: 3px; text-align: left; overflow: hidden; display: block; } .user-menu { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background: #fff; } .user-menu__username::before { -o-transform: translateY(2px); transform: translateY(2px); width: 15px; height: 16px; margin-right: 10px; display: inline-block; background-position: 50%; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9IiM0QTRBNEEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEwLjg1OCA3LjQwNGMxLjMxNy43MSA0LjE0MiAxLjgxIDQuMTQyIDMuMDV2MS44NDRjMCAuODE2LS42MzcgMS43LTEuNDIzIDEuOTU5IDAgMC0yLjUyOCAxLjAxLTYuMDc3IDEuMDg4LTMuNTUuMDc4LTYuMDktMS4wNTItNi4wOS0xLjA1MkMuNjMzIDE0LjAzIDAgMTMuMTIxIDAgMTIuMjk4di0xLjg0M0MwIDkuMzEgMi40MjEgOC4yOCAzLjgyNiA3LjU3QTUuMjMgNS4yMyAwIDAgMCA3LjI1IDguODRhNS4yMzIgNS4yMzIgMCAwIDAgMy42MDgtMS40MzZ6TTcuMTE1IDdhMy41IDMuNSAwIDEgMCAwLTcgMy41IDMuNSAwIDAgMCAwIDd6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); content: ''; } .user-menu__username { overflow: hidden; height: 56px; width: 100%; padding: 0 20px; border-bottom: 1px solid #e4e7e8; font-weight: 600; font-size: 1rem; color: #4a4a4a; line-height: 3.5rem; white-space: nowrap; text-overflow: ellipsis; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .user-menu__username:focus, .user-menu__username:hover { color: #ff6d00; background: #ebfcff; text-decoration: none; } .user-menu__item { position: relative; height: 40px; padding-left: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #00ace2; font-size: .875rem; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .user-menu__item:hover { text-decoration: none; } .user-menu.--popup .user-menu__item { padding-left: 20px; } .clickable { cursor: pointer; } .clickable:hover { color: #ff9d1b; text-decoration: underline; } .result-avito { background-color: #FFFFFF; width: 650px; margin: 0 auto; padding: 10px; } .result-avito-item { display: table; width: 100%; margin-bottom: 10px; border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; } .result-avito-item:last-child { border: 0; } .result-avito-item > .img { width: 140px; text-align: center; display: table-cell; } .result-avito-item > .descr { display: table-cell; padding-left: 20px; vertical-align: top; text-align: left; } .result-avito-item img { max-width: 140px; max-height: 105px; } .result-avito-item h3 { margin: 0; margin-bottom: 5px; } .result-avito-item span { margin: 0 0 7px; font-size: 16px; line-height: 20px; position: relative; color: #000; font-family: Arial,'Helvetica Neue',Helvetica,sans-serif; } .result-avito-item h3 a { color: #008cc3; font-size: 16px; font-family: Arial,'Helvetica Neue',Helvetica,sans-serif; } .result-avito-item p { line-height: 16px; color: #858585; display: block; font: 13px Arial,'Helvetica Neue',Helvetica,sans-serif; } .result-avito-item h3 a:hover { color: #f06939; } .result-avito-item span.date { color: #858585; line-height: 1; font: 13px Arial,'Helvetica Neue',Helvetica,sans-serif; } .result-avito { width: 964px !important; padding: 0; } .result-avito .item-view { margin: 0 auto; line-height: 20px; font-size: 14px; background-color: #fff; } .result-avito .item-view-left { width: 636px; } .result-avito .item-view-right { width: 328px; } .result-avito .item-view-title-info { border: solid #e1e1e1; border-width: 1px 0 1px 1px; } .result-avito .title-info_mode-with-favorite { padding-left: 45px; } .result-avito .title-info { padding: 20px 10px 20px 20px; } .result-avito .title-info-title { font-size: 32px; line-height: 40px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-text-size-adjust: 100%; color: #000; font-family: Arial,'Helvetica Neue',Helvetica,sans-serif; margin-top: -5px; } .result-avito .title-info-metadata { margin: 5px 0 0; font-size: 14px; line-height: 1; white-space: nowrap; } .result-avito .title-info-metadata-item { display: inline-block; margin-right: 10px; vertical-align: top; white-space: normal; } .result-avito .item-view-main { min-height: 334px; border: solid #e1e1e1; border-width: 0 1px 1px; font-size: 16px; } .item-view-gallery { margin: -1px; } .gallery { position: relative; box-sizing: border-box; } .gallery-imgs-wrapper::after { right: 0; } .gallery-imgs-wrapper::after, .gallery-imgs-wrapper::before { content: ''; position: absolute; top: 0; z-index: 1; width: 1px; padding: 1px 0; height: 100%; box-sizing: border-box; background-color: rgba(0,0,0,.12); background-clip: content-box; } .gallery-imgs-wrapper::before { left: 0; } .gallery-imgs-wrapper { width: 636px; height: 478px; position: relative; } .gallery-imgs-container::after { top: 0; } .gallery-imgs-container::after, .gallery-imgs-container::before { content: ''; position: absolute; left: 0; z-index: 1; height: 1px; width: 100%; background-color: rgba(0,0,0,.12); } .gallery-imgs-container::before { bottom: 0; } .gallery-imgs-container { width: 100%; height: 100%; white-space: nowrap; font-size: 0; overflow: hidden; background: #f2f2f2; } .gallery-img-wrapper { text-align: center; display: inline-block; vertical-align: top; position: relative; height: 100%; width: 100%; overflow: hidden; } .gallery-img-frame::after { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .gallery-img-frame { display: inline-block; width: 100%; height: 100%; user-select: none; position: relative; } .gallery-img-frame, .gallery-list-item { -ms-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; } .gallery-img-frame img { position: relative; width: auto; height: auto; } .gallery-img-frame iframe, .gallery-img-frame img { vertical-align: middle; max-height: 100%; max-width: 100%; } .gallery-navigation { position: absolute; z-index: 1; top: 50%; margin-top: -20px; width: 40px; height: 40px; cursor: pointer; } .gallery-navigation_prev { left: 0; } .gallery-navigation_prev .gallery-navigation-icon { left: 11px; } .gallery-navigation-icon { position: absolute; width: 13px; height: 19px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA30lEQVQokZ2TuwrCQBREj8+o4AuiNoIoiI3/Z6NoaWnhj4jp0yRt/iBF2EBq7cPa3EiMLmqmXDg7O7P3glkVoA40gQZQkzOjakAL6AFDoA+05RIj0AFsYKaUOkVRtBfY+uSWAWNgmSTJRWut0zS9AyNxq34CJsAqjuOrFgVBsBHnFycj4Pv+FpgC3XymioQeASullJMBnuftgBkwkBafLnVpZ5F3cF33AMxzwEsWC7DDMDxngOM4R2Atz30LXxoq9bxSRZSq/Cto+twiWByjG4YxKoI/D2we/Gs1MhmX8AEx4baKeVAddgAAAABJRU5ErkJggg==) center no-repeat; background-size: contain; } .gallery-navigation_next { right: 0; } .gallery-navigation_next .gallery-navigation-icon { -webkit-transform: translateY(-50%) rotate(.5turn); transform: translateY(-50%) rotate(.5turn); right: 11px; } .gallery-list-wrapper { padding: 20px 20px 15px; } .gallery-list { list-style-type: none; background: 0 0; font-size: 0; margin: 0 2px; } .gallery-list-item { display: inline-block; width: 75px; height: 55px; margin-bottom: 10px; margin-right: 11px; position: relative; user-select: none; } .gallery-list-item-link { display: block; text-align: center; width: 100%; height: 100%; background: 50% no-repeat; background-size: cover; border: 0; } .gallery-list-item-link::before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .item-view-block { margin: 0 20px; padding: 20px 0; } .item-view-gallery + .item-view-block, .item-view-block + .item-view-block { border-top: 1px solid #e1e1e1; } .item-params { font-size: 16px; line-height: 25px; } .item-params-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap: 15px; -webkit-column-gap: 15px; -moz-column-gap: 15px; margin-bottom: -8px; line-height: 20px; } .item-params-list-item { min-width: 260px; padding-bottom: 8px; font-size: 16px; page-break-inside: avoid; overflow: hidden; text-overflow: ellipsis; } .item-params-label { color: rgba(0,0,0,.48); } .b-simple-list, ol, ul { list-style: none; } .item-map-location, .reports-title { font-size: 16px; line-height: 25px; } .item-map-label { color: rgba(0,0,0,.48); } .item-description { font-size: 16px; line-height: 25px; } .item-description-html, .item-description-text { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .item-view-price { min-height: 101px; border: solid #e1e1e1; border-width: 1px 1px 1px 0; padding: 20px; box-sizing: border-box; } .item-price { text-align: right; } .price-value { z-index: 15; font-size: 32px; line-height: 40px; } .item-view-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .item-view-contacts { border: solid #e1e1e1; border-width: 0 1px 1px; margin-left: -1px; padding: 20px; } .seller-info-label { color: rgba(0,0,0,.48); font-size: 14px; } .seller-info-value { font-size: 16px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; } .seller-info-name { overflow: hidden; text-overflow: ellipsis; } .result-google { background-color: #FFF; padding: 25px; } .result-google > div { margin-bottom: 20px; } .result-google h3.r { display: block; overflow: hidden; text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; font-size: 18px; margin: 0; } .result-google h3.r a, .result-google h3.r a:link, .result-google h3.r a:visited, .result-google h3.r a:active { color: #1a0dab; } .result-google .s { color: #545454; line-height: 18px; } .result-google cite { color: #006621; font-style: normal; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -moz-text-overflow: ellipsis; } .result-google .st { line-height: 1.4; word-wrap: break-word; font-size: small; color: #545454; display: block; } .result-google .st em { font-weight: bold; font-style: normal; } ul.breadcrumb { } ul.breadcrumb > li { color: #000; } .search-index::after { display: table-cell; position: absolute; font-size: .6875rem; font-weight: 700; color: #fff; top: -4px; right: -9px; border-radius: 50%; /* line-height: .9375rem; */ overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; width: 30px; height: 22px; background: #ff6d00; border: 1px solid #ff6d00; box-shadow: -1px 1px 1px 0 rgba(0,0,0,.3); vertical-align: middle; } .search-index-0::after { content: '0%'; } .search-index-5::after { content: '5%'; } .search-index-7::after { content: '7%'; } .search-index-10::after { content: '10%'; } .search-index-15::after { content: '15%'; } .form-tabs__link { padding-bottom: 15px; } .form-tabs__link > p { margin: 0; color: lightgreen; } .form-tabs__link:first-child { line-height: 1.5; } .form-tabs__item > .time { display: none; text-transform: none; position: absolute; right: 35px; bottom: 1px; color: #FFF; font-size: 9px; } .form-tabs__link > div.vip { position: relative; display: block; } .form-tabs__link { text-align: center; } .form-tabs__link > img { display: block; margin: 3px auto 0; } .form-tabs__link > div.vip::after { background-color: #000; color: #FFF; padding: 0 3px; position: absolute; left: 0; top: 0; } .form-tabs__link > div.vip.facebook::after { content: "Facebook"; } .form-tabs__link > div.vip.viber::after { content: "Viber"; } .form-tabs__link > div.vip.vk::after { content: "VK"; } .form-tabs__link > div.vip.vk_2012::after { content: "VK 2012"; } .form-tabs__item > .time:after { content: "мс." } .form-tabs__link > pre { overflow-y: hidden; width: 300px; overflow-x: scroll; } .result-avinfo { background-color: #FFF; padding: 15px; } .result-avinfo > .item { margin-bottom: 12px; } .result-avinfo > .item > h3 { font-size: 16px; margin-top: 0; margin-bottom: 10px; } .fancybox-content { width: 715px !important; height: 715px !important; }