/* Start:/bitrix/templates/main/assets/css/fonts.css?157713480011730*/ /* -------------------- Open Sans -------------------- */ @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Light.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Light.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Light.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Light.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Light.svg#OpenSans-Light') format('svg'); font-weight: 300; font-style: normal; } /* @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSansLight-Italic.eot'); src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSansLight-Italic.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSansLight-Italic.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSansLight-Italic.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSansLight-Italic.svg#OpenSansLight-Italic') format('svg'); font-weight: 300; font-style: italic; }*/ @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans.eot'); src: local('Open Sans'), local('OpenSans'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans.svg#OpenSans') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Italic.eot'); src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Italic.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Italic.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Italic.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Italic.svg#OpenSans-Italic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Semibold.eot'); src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Semibold.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Semibold.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Semibold.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); font-weight: 600; font-style: normal; } /* @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-SemiboldItalic.eot'); src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-SemiboldItalic.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-SemiboldItalic.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-SemiboldItalic.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic') format('svg'); font-weight: 600; font-style: italic; }*/ @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Bold.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Bold.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Bold.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Bold.svg#OpenSans-Bold') format('svg'); font-weight: 700; font-style: normal; } /* @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-BoldItalic.eot'); src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-BoldItalic.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-BoldItalic.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-BoldItalic.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg'); font-weight: 700; font-style: italic; }*/ @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Extrabold.eot'); src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Extrabold.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Extrabold.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Extrabold.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg'); font-weight: 800; font-style: normal; } /* @font-face { font-family: 'Open Sans'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-ExtraboldItalic.eot'); src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-ExtraboldItalic.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-ExtraboldItalic.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-ExtraboldItalic.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans/OpenSans-ExtraboldItalic.svg#OpenSans-ExtraboldItalic') format('svg'); font-weight: 800; font-style: italic; }*/ /* -------------------- Open Sans Condensed -------------------- */ @font-face { font-family: 'Open Sans Condensed'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedBold.eot'); src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedBold.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedBold.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedBold.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedBold.svg#OpenSans-CondensedBold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans Condensed'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLight.eot'); src: local('Open Sans Condensed Light'), local('OpenSans-CondensedLight'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLight.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLight.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLight.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLight.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLight.svg#OpenSans-CondensedLight') format('svg'); font-weight: 300; font-style: normal; } /* @font-face { font-family: 'Open Sans Condensed'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLightItalic.eot'); src: local('Open Sans Condensed Light Italic'), local('OpenSans-CondensedLightItalic'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLightItalic.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLightItalic.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLightItalic.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/open-sans-condensed/OpenSans-CondensedLightItalic.svg#OpenSans-CondensedLightItalic') format('svg'); font-weight: 300; font-style: italic; } */ /* -------------------- Philosopher -------------------- */ @font-face { font-family: 'Philosopher'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher.eot'); src: local('Philosopher'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher.svg#Philosopher') format('svg'); font-weight: 400; font-style: normal; } /* @font-face { font-family: 'Philosopher'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Italic.eot'); src: local('Philosopher Italic'), local('Philosopher-Italic'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Italic.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Italic.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Italic.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Italic.svg#Philosopher-Italic') format('svg'); font-weight: 400; font-style: italic; }*/ @font-face { font-family: 'Philosopher'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Bold.eot'); src: local('Philosopher Bold'), local('Philosopher-Bold'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Bold.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Bold.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Bold.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-Bold.svg#Philosopher-Bold') format('svg'); font-weight: 700; font-style: normal; } /* @font-face { font-family: 'Philosopher'; font-display: swap; src: url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-BoldItalic.eot'); src: local('Philosopher Bold Italic'), local('Philosopher-BoldItalic'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-BoldItalic.woff2') format('woff2'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-BoldItalic.woff') format('woff'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-BoldItalic.ttf') format('truetype'), url('/bitrix/templates/main/assets/css/../fonts/philosopher/Philosopher-BoldItalic.svg#Philosopher-BoldItalic') format('svg'); font-weight: 700; font-style: italic; }*/ /* End */ /* Start:/bitrix/templates/main/assets/css/icons.css?15771348005011*/ /* -------------------- Base64 -------------------- */ .i-ico:before { display: block; background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; } /* .i-ico-transition { position: relative; } .i-ico-transition:after { display: block; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 250ms; background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; } .i-ico-transition:before { display: block; position: relative; opacity: 1; transition: opacity 250ms; background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; } .i-ico-transition:hover:after { opacity: 1; } .i-ico-transition:hover:before { opacity: 0; } .i-ico-trigger:hover.i-ico-transition:after { opacity: 1; } .i-ico-trigger:hover.i-ico-transition:before { opacity: 0; }*/ .i-ico-ftr-phone:before { width: 77px; height: 77px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABNCAMAAADU1xmCAAAAkFBMVEUAAAA30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MY30MZd2V3xAAAAL3RSTlMA6AX0Kd1p8GJSDL5bEJmTcEAWGwn8+NbUxjnsnyLOubAwy47atYh34X5LR6apenKZqR4AAAPASURBVHgBndfpkqJADADgcAgocggIHniAh47Omvd/uy0a43TEZpr5/mxtOVJJOgkt9EtWcbT3R2trfV3uw8sqhb/K7udtjty8CMcJDDcLDfzMKscwjLfEPot4MuBZI5S512NxvLooM2ITtNxqfDmWl3HVxjGxx3G4lT6a6tS+RLJ0Knhne7s5Pp3SX4t/pVQONnyWflEhrF/Ci6lUj94yO/S8A/QI6Y8C6GdenvnuQGmPQr2C3212KNSqJJ6fn4FoVaX4/LgTCvqNvjLaVlbXzK1AX1Jgw1fFbWxgiKzt5rATdRtZCsOYC2xMgVtjwwaS2HpzHbRf5FF8Y+P2moh9jutQK2u77ROWJ2+NKQr5DDR42PDghxiUgn3eSaC/53MTeCw2+5+wBw2TnPe86MKIaoYSEzQ42JjIwVj0xQIlGpWjQp3l719omlEW6W1rKZwVC81G2RZ0g6NjDdna47HNU9DukqWYNZf1QjJHmQNaxLFuxBmyjExDr3BcSake3kLwUXYALXfa6gUfdyhRNgXQ7mDLhKCp0wh+fKHENUHPvo1p9b7uxsO7l2JwIKbWJUGORPcdQfNUQtj5Vj2gaHzNndqEK5CcB+dJy7uGZXMYGXvvsoWkayEOsxmxKzBHJAnoElEZIsIjMJ5+7/Kmd8ESO5yzkASDnmZ1Y2Pn8D0wtmu3bpDhy31Y3Zad+WHTlQdDzpQGrNM9ZAF6DLHXSjYL0oYhS9CxaVfSo/knhnff+FLrdN24ndOZYsNKK9i4SzF4zs2ErksbVKIojs32+QSEyT/x9FNsf8ylAtEiuFHsGLK+NOkGRySjA8s/c593kVC1e2KUWdEqHaHEmL1fsnx6UfuKfcrMkZPSjehVFeTKgbygGg/Bej1dVPZLvZ/VNqw/tj+daqh/Eqjd4GlLiVJredBFPaEyk698eSYdngEKnjI8ayLtDwxZDR+gEBzwoznNozlnWz/+5SWwKXPsGrFBCPlQ9i6L9LFQJwpZ5B/kDaBxV7uXBXKzvq0uprZX5UQnQ+NeEYhCuhpr20yr1Wz1rXgay7UwQU+keAOxz3Gbab9T+m/YO2wsAtCQUoeotT1gVLq/hU7QJytQ8PR/bfSZbFH4l0I/T+tKbO5QsBzok8z5RlQKsbWd9qQwQn6DVPNo+deO4nTt0YALtu3jk1veku7QXFAoQZOzRmLtv6Y2Vdu0x49/Lr1gtAVnCyVGsfR9f7mQ5n0HQyRnA3tEMJDp7FBhcYM/sJ1TN8L1bgp/lTX7sT4aruUao/oUOVV/l/0HnHMtSdrHp+EAAAAASUVORK5CYII=); } .i-ico-hdr-address:before { width: 36px; height: 55px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAA3CAMAAACxQAPmAAAAk1BMVEUAAAAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUA4Zls9AAAAMHRSTlMA9wb6vR4M2cY+8++eemhVEeeWkXctI+KnooBuYjPqiktGORrd07eGWigWzK+cUYIn0IiaAAACH0lEQVR4AYXT2ZayOhAF4J1EGXBAwVYEnOehPfv9n+6Y/AZCN63fhbJcZaWqUsC1ye+HcbQ83E9rtLrmPmv71Q6/DCI2iRxN0xtflrMlX/wvOEJBbZbGUwnZfaz2NNZOCE1EidrZbwZ1qSUSOHb+SQCsqNnjzF+GALykb8y50Kn4NIYxsCEV6Yd4ivmU4mlkDoJ5FHzpQjvZx1Odcce0SJgVubrA0O19A+iRPMOYKokrt0BvC2NDUkmEdRp0VSg3LOU0WjjtxFhV1Zh6lCKVKcL4zxx2rCfVrNnYkgzgO790RejFLL0vYUc3UuRMlyw8e7MC6OrRVvVgTPYgyJ6N2YlJfGIaF1UezMhIf6gRDHhVPTs78Z7uukPyYldRZOmdx3RuZ4gdycD0Xlb1eLhw69SzNr2HJO9VzA4LbiCrmG8zQynqxq5RsBdUs0BNYZiL8oCM5KmaxqHTPwbVxAqSnde98QpDCGhL4fR5tvlugCyLIgiy+VMQTIqhB9Oz8mAXNwPYJJHwqe+sfB+PyWAwmGj6O0bqLn2H2mEElwyo3erXy8i2sBZz0njA2TbDT8t1uCnTA1+WsGL+ZYjKmO0i1IZsN4CjxzZC4mOiHPiUSEk0DD9V095ahJ/O72Zj+Wwa47eQTQ+0COjy0eZC1xatMtY6aDdirYs/5LQS/GnZeplNcTW+N27U9njni1qIt/okj3hPCnKED4bM8VHi4Yf/AdJQjP/AYA5pAAAAAElFTkSuQmCC); } .i-ico-hdr-phone:before { width: 36px; height: 55px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA3CAMAAABTnBifAAAAk1BMVEUAAAAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUAhNUA4Zls9AAAAMHRSTlMA+vEGugpeGdnOyB3159SunXEnFBDFqEpDIaCOhnbr37+VgHlYUD44NDArsWxntHxSkC8mAAACDklEQVR4AYXU6Xa6ShAE8Bp29A8o4r5E4xKj16Te/+kuPRk4fVCS3wfRUWt6ug9A+xwXebbbZfl9fMVLfjSlMniEeLJI2ZGfuzEbOsbzDJ2DDyUs3B7HRRnH5WI7NRRBpX4TUBQfaF1nFNMKDbuQnaBh/sbaHc6DtaRExzJl7eg+eCTflsD7IIYW53KQEmJF8t8VGJN7H9rNk0pt0D+S70As1xU0jFm7AXiXzUJgTnGE5suGa8BP3VcRrQ9oj5+ET0OapcyFYjqEZmu42IAUtYknNXWnOiD5HzZtuXeSEToOtqgRyQ3ERVraTTqSHGFlG2DJBGd4bsJKJdkzyB+0rU0ay6ta6ZS1JvltTz6AU8iEzkAUNFPckzxjktXrTXMq6azZRobTEE1fvCEws51wlm90RhAnkoG7Jj6cMqfz3fbSJuooxF905jLPphbZz1uqU+8okk8M5d0XxJy1tFJT3QZ5uqkQ7lk7Q/iJHf8Eii9HDVjLwqb1IllAw0dOsQGaZghzKNEarmVGqoU48IdXRGXl+1V5mnkUeuA3w4bJkiQzbF3RKthjr4tkjzmUgC8NoF16g7SgJ+jvqDM6gr4g7conCzy5syOApm4o7YIXRtRY4JWhR8Xc8NKaygGvTXZseUP0eLD1jT5+SicJ0WtO54RffNGa4jc303kE97dhhN/Jk8iL8YeIHONP+9RHx//8WI4WYOpdhAAAAABJRU5ErkJggg==); } /* End */ /* Start:/bitrix/templates/main/assets/css/bootstrap.gs.css?157713480031451*/ /* * Grid system of Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } .m-touch .touch-hidden { display: none; } .mac-only { display: none; } .m-mac .win-only { display: none; } .m-mac .mac-only { display: inline; } [class*="col-"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [class*="col-"][class*="pull"] { position: relative; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 375px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 480px) { .container { max-width: 480px; /*max-width: 667px; */} } @media (min-width: 768px) { .container { padding-left: 20px; padding-right: 20px; max-width: 768px; /*max-width: 1024px; */} } @media (min-width: 1000px) { .container { padding-left: 20px; padding-right: 20px; max-width: 1000px; } } .row { margin-left: -10px; margin-right: -10px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24, .col-xs-4d8, .col-sm-4d8, .col-md-4d8, .col-lg-4d8 { min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-4d8, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-9d6, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 { float: left; } .col-xs-24 { width: 100%; } .col-xs-23 { width: 95.83333333%; } .col-xs-22 { width: 91.66666667%; } .col-xs-21 { width: 87.5%; } .col-xs-20 { width: 83.33333333%; } .col-xs-19 { width: 79.16666667%; } .col-xs-18 { width: 75%; } .col-xs-17 { width: 70.83333333%; } .col-xs-16 { width: 66.66666667%; } .col-xs-15 { width: 62.5%; } .col-xs-14 { width: 58.33333333%; } .col-xs-13 { width: 54.16666667%; } .col-xs-12 { width: 50%; } .col-xs-11 { width: 45.83333333%; } .col-xs-10 { width: 41.66666667%; } .col-xs-9d6 { width: 40%; } .col-xs-9 { width: 37.5%; } .col-xs-8 { width: 33.33333333%; } .col-xs-7 { width: 29.16666667%; } .col-xs-6 { width: 25%; } .col-xs-5 { width: 20.83333333%; } .col-xs-4d8 { width: 20%; } .col-xs-4 { width: 16.66666667%; } .col-xs-3 { width: 12.5%; } .col-xs-2 { width: 8.33333333%; } .col-xs-1 { width: 4.16666667%; } .col-xs-pull-24 { right: 100%; } .col-xs-pull-23 { right: 95.83333333%; } .col-xs-pull-22 { right: 91.66666667%; } .col-xs-pull-21 { right: 87.5%; } .col-xs-pull-20 { right: 83.33333333%; } .col-xs-pull-19 { right: 79.16666667%; } .col-xs-pull-18 { right: 75%; } .col-xs-pull-17 { right: 70.83333333%; } .col-xs-pull-16 { right: 66.66666667%; } .col-xs-pull-15 { right: 62.5%; } .col-xs-pull-14 { right: 58.33333333%; } .col-xs-pull-13 { right: 54.16666667%; } .col-xs-pull-12 { right: 50%; } .col-xs-pull-11 { right: 45.83333333%; } .col-xs-pull-10 { right: 41.66666667%; } .col-xs-pull-9 { right: 37.5%; } .col-xs-pull-8 { right: 33.33333333%; } .col-xs-pull-7 { right: 29.16666667%; } .col-xs-pull-6 { right: 25%; } .col-xs-pull-5 { right: 20.83333333%; } .col-xs-pull-4 { right: 16.66666667%; } .col-xs-pull-3 { right: 12.5%; } .col-xs-pull-2 { right: 8.33333333%; } .col-xs-pull-1 { right: 4.16666667%; } .col-xs-pull-0 { right: auto; } .col-xs-push-24 { left: 100%; } .col-xs-push-23 { left: 95.83333333%; } .col-xs-push-22 { left: 91.66666667%; } .col-xs-push-21 { left: 87.5%; } .col-xs-push-20 { left: 83.33333333%; } .col-xs-push-19 { left: 79.16666667%; } .col-xs-push-18 { left: 75%; } .col-xs-push-17 { left: 70.83333333%; } .col-xs-push-16 { left: 66.66666667%; } .col-xs-push-15 { left: 62.5%; } .col-xs-push-14 { left: 58.33333333%; } .col-xs-push-13 { left: 54.16666667%; } .col-xs-push-12 { left: 50%; } .col-xs-push-11 { left: 45.83333333%; } .col-xs-push-10 { left: 41.66666667%; } .col-xs-push-9 { left: 37.5%; } .col-xs-push-8 { left: 33.33333333%; } .col-xs-push-7 { left: 29.16666667%; } .col-xs-push-6 { left: 25%; } .col-xs-push-5 { left: 20.83333333%; } .col-xs-push-4 { left: 16.66666667%; } .col-xs-push-3 { left: 12.5%; } .col-xs-push-2 { left: 8.33333333%; } .col-xs-push-1 { left: 4.16666667%; } .col-xs-push-0 { left: auto; } .col-xs-offset-24 { margin-left: 100%; } .col-xs-offset-23 { margin-left: 95.83333333%; } .col-xs-offset-22 { margin-left: 91.66666667%; } .col-xs-offset-21 { margin-left: 87.5%; } .col-xs-offset-20 { margin-left: 83.33333333%; } .col-xs-offset-19 { margin-left: 79.16666667%; } .col-xs-offset-18 { margin-left: 75%; } .col-xs-offset-17 { margin-left: 70.83333333%; } .col-xs-offset-16 { margin-left: 66.66666667%; } .col-xs-offset-15 { margin-left: 62.5%; } .col-xs-offset-14 { margin-left: 58.33333333%; } .col-xs-offset-13 { margin-left: 54.16666667%; } .col-xs-offset-12 { margin-left: 50%; } .col-xs-offset-11 { margin-left: 45.83333333%; } .col-xs-offset-10 { margin-left: 41.66666667%; } .col-xs-offset-9 { margin-left: 37.5%; } .col-xs-offset-8 { margin-left: 33.33333333%; } .col-xs-offset-7 { margin-left: 29.16666667%; } .col-xs-offset-6 { margin-left: 25%; } .col-xs-offset-5 { margin-left: 20.83333333%; } .col-xs-offset-4 { margin-left: 16.66666667%; } .col-xs-offset-3 { margin-left: 12.5%; } .col-xs-offset-2 { margin-left: 8.33333333%; } .col-xs-offset-1 { margin-left: 4.16666667%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 480px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-4d8, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24 { float: left; } .col-sm-24 { width: 100%; } .col-sm-23 { width: 95.83333333%; } .col-sm-22 { width: 91.66666667%; } .col-sm-21 { width: 87.5%; } .col-sm-20 { width: 83.33333333%; } .col-sm-19 { width: 79.16666667%; } .col-sm-18 { width: 75%; } .col-sm-17 { width: 70.83333333%; } .col-sm-16 { width: 66.66666667%; } .col-sm-15 { width: 62.5%; } .col-sm-14 { width: 58.33333333%; } .col-sm-13 { width: 54.16666667%; } .col-sm-12 { width: 50%; } .col-sm-11 { width: 45.83333333%; } .col-sm-10 { width: 41.66666667%; } .col-sm-9 { width: 37.5%; } .col-sm-8 { width: 33.33333333%; } .col-sm-7 { width: 29.16666667%; } .col-sm-6 { width: 25%; } .col-sm-5 { width: 20.83333333%; } .col-sm-4d8 { width: 20%; } .col-sm-4 { width: 16.66666667%; } .col-sm-3 { width: 12.5%; } .col-sm-2 { width: 8.33333333%; } .col-sm-1 { width: 4.16666667%; } .col-sm-pull-24 { right: 100%; } .col-sm-pull-23 { right: 95.83333333%; } .col-sm-pull-22 { right: 91.66666667%; } .col-sm-pull-21 { right: 87.5%; } .col-sm-pull-20 { right: 83.33333333%; } .col-sm-pull-19 { right: 79.16666667%; } .col-sm-pull-18 { right: 75%; } .col-sm-pull-17 { right: 70.83333333%; } .col-sm-pull-16 { right: 66.66666667%; } .col-sm-pull-15 { right: 62.5%; } .col-sm-pull-14 { right: 58.33333333%; } .col-sm-pull-13 { right: 54.16666667%; } .col-sm-pull-12 { right: 50%; } .col-sm-pull-11 { right: 45.83333333%; } .col-sm-pull-10 { right: 41.66666667%; } .col-sm-pull-9 { right: 37.5%; } .col-sm-pull-8 { right: 33.33333333%; } .col-sm-pull-7 { right: 29.16666667%; } .col-sm-pull-6 { right: 25%; } .col-sm-pull-5 { right: 20.83333333%; } .col-sm-pull-4 { right: 16.66666667%; } .col-sm-pull-3 { right: 12.5%; } .col-sm-pull-2 { right: 8.33333333%; } .col-sm-pull-1 { right: 4.16666667%; } .col-sm-pull-0 { right: auto; } .col-sm-push-24 { left: 100%; } .col-sm-push-23 { left: 95.83333333%; } .col-sm-push-22 { left: 91.66666667%; } .col-sm-push-21 { left: 87.5%; } .col-sm-push-20 { left: 83.33333333%; } .col-sm-push-19 { left: 79.16666667%; } .col-sm-push-18 { left: 75%; } .col-sm-push-17 { left: 70.83333333%; } .col-sm-push-16 { left: 66.66666667%; } .col-sm-push-15 { left: 62.5%; } .col-sm-push-14 { left: 58.33333333%; } .col-sm-push-13 { left: 54.16666667%; } .col-sm-push-12 { left: 50%; } .col-sm-push-11 { left: 45.83333333%; } .col-sm-push-10 { left: 41.66666667%; } .col-sm-push-9 { left: 37.5%; } .col-sm-push-8 { left: 33.33333333%; } .col-sm-push-7 { left: 29.16666667%; } .col-sm-push-6 { left: 25%; } .col-sm-push-5 { left: 20.83333333%; } .col-sm-push-4 { left: 16.66666667%; } .col-sm-push-3 { left: 12.5%; } .col-sm-push-2 { left: 8.33333333%; } .col-sm-push-1 { left: 4.16666667%; } .col-sm-push-0 { left: auto; } .col-sm-offset-24 { margin-left: 100%; } .col-sm-offset-23 { margin-left: 95.83333333%; } .col-sm-offset-22 { margin-left: 91.66666667%; } .col-sm-offset-21 { margin-left: 87.5%; } .col-sm-offset-20 { margin-left: 83.33333333%; } .col-sm-offset-19 { margin-left: 79.16666667%; } .col-sm-offset-18 { margin-left: 75%; } .col-sm-offset-17 { margin-left: 70.83333333%; } .col-sm-offset-16 { margin-left: 66.66666667%; } .col-sm-offset-15 { margin-left: 62.5%; } .col-sm-offset-14 { margin-left: 58.33333333%; } .col-sm-offset-13 { margin-left: 54.16666667%; } .col-sm-offset-12 { margin-left: 50%; } .col-sm-offset-11 { margin-left: 45.83333333%; } .col-sm-offset-10 { margin-left: 41.66666667%; } .col-sm-offset-9 { margin-left: 37.5%; } .col-sm-offset-8 { margin-left: 33.33333333%; } .col-sm-offset-7 { margin-left: 29.16666667%; } .col-sm-offset-6 { margin-left: 25%; } .col-sm-offset-5 { margin-left: 20.83333333%; } .col-sm-offset-4 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 12.5%; } .col-sm-offset-2 { margin-left: 8.33333333%; } .col-sm-offset-1 { margin-left: 4.16666667%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-4d8, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 { float: left; } .col-md-24 { width: 100%; } .col-md-23 { width: 95.83333333%; } .col-md-22 { width: 91.66666667%; } .col-md-21 { width: 87.5%; } .col-md-20 { width: 83.33333333%; } .col-md-19 { width: 79.16666667%; } .col-md-18 { width: 75%; } .col-md-17 { width: 70.83333333%; } .col-md-16 { width: 66.66666667%; } .col-md-15 { width: 62.5%; } .col-md-14 { width: 58.33333333%; } .col-md-13 { width: 54.16666667%; } .col-md-12 { width: 50%; } .col-md-11 { width: 45.83333333%; } .col-md-10 { width: 41.66666667%; } .col-md-9 { width: 37.5%; } .col-md-8 { width: 33.33333333%; } .col-md-7 { width: 29.16666667%; } .col-md-6 { width: 25%; } .col-md-5 { width: 20.83333333%; } .col-md-4d8 { width: 20%; } .col-md-4 { width: 16.66666667%; } .col-md-3 { width: 12.5%; } .col-md-2 { width: 8.33333333%; } .col-md-1 { width: 4.16666667%; } .col-md-pull-24 { right: 100%; } .col-md-pull-23 { right: 95.83333333%; } .col-md-pull-22 { right: 91.66666667%; } .col-md-pull-21 { right: 87.5%; } .col-md-pull-20 { right: 83.33333333%; } .col-md-pull-19 { right: 79.16666667%; } .col-md-pull-18 { right: 75%; } .col-md-pull-17 { right: 70.83333333%; } .col-md-pull-16 { right: 66.66666667%; } .col-md-pull-15 { right: 62.5%; } .col-md-pull-14 { right: 58.33333333%; } .col-md-pull-13 { right: 54.16666667%; } .col-md-pull-12 { right: 50%; } .col-md-pull-11 { right: 45.83333333%; } .col-md-pull-10 { right: 41.66666667%; } .col-md-pull-9 { right: 37.5%; } .col-md-pull-8 { right: 33.33333333%; } .col-md-pull-7 { right: 29.16666667%; } .col-md-pull-6 { right: 25%; } .col-md-pull-5 { right: 20.83333333%; } .col-md-pull-4 { right: 16.66666667%; } .col-md-pull-3 { right: 12.5%; } .col-md-pull-2 { right: 8.33333333%; } .col-md-pull-1 { right: 4.16666667%; } .col-md-pull-0 { right: auto; } .col-md-push-24 { left: 100%; } .col-md-push-23 { left: 95.83333333%; } .col-md-push-22 { left: 91.66666667%; } .col-md-push-21 { left: 87.5%; } .col-md-push-20 { left: 83.33333333%; } .col-md-push-19 { left: 79.16666667%; } .col-md-push-18 { left: 75%; } .col-md-push-17 { left: 70.83333333%; } .col-md-push-16 { left: 66.66666667%; } .col-md-push-15 { left: 62.5%; } .col-md-push-14 { left: 58.33333333%; } .col-md-push-13 { left: 54.16666667%; } .col-md-push-12 { left: 50%; } .col-md-push-11 { left: 45.83333333%; } .col-md-push-10 { left: 41.66666667%; } .col-md-push-9 { left: 37.5%; } .col-md-push-8 { left: 33.33333333%; } .col-md-push-7 { left: 29.16666667%; } .col-md-push-6 { left: 25%; } .col-md-push-5 { left: 20.83333333%; } .col-md-push-4 { left: 16.66666667%; } .col-md-push-3 { left: 12.5%; } .col-md-push-2 { left: 8.33333333%; } .col-md-push-1 { left: 4.16666667%; } .col-md-push-0 { left: auto; } .col-md-offset-24 { margin-left: 100%; } .col-md-offset-23 { margin-left: 95.83333333%; } .col-md-offset-22 { margin-left: 91.66666667%; } .col-md-offset-21 { margin-left: 87.5%; } .col-md-offset-20 { margin-left: 83.33333333%; } .col-md-offset-19 { margin-left: 79.16666667%; } .col-md-offset-18 { margin-left: 75%; } .col-md-offset-17 { margin-left: 70.83333333%; } .col-md-offset-16 { margin-left: 66.66666667%; } .col-md-offset-15 { margin-left: 62.5%; } .col-md-offset-14 { margin-left: 58.33333333%; } .col-md-offset-13 { margin-left: 54.16666667%; } .col-md-offset-12 { margin-left: 50%; } .col-md-offset-11 { margin-left: 45.83333333%; } .col-md-offset-10 { margin-left: 41.66666667%; } .col-md-offset-9 { margin-left: 37.5%; } .col-md-offset-8 { margin-left: 33.33333333%; } .col-md-offset-7 { margin-left: 29.16666667%; } .col-md-offset-6 { margin-left: 25%; } .col-md-offset-5 { margin-left: 20.83333333%; } .col-md-offset-4 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 12.5%; } .col-md-offset-2 { margin-left: 8.33333333%; } .col-md-offset-1 { margin-left: 4.16666667%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1000px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-4d8, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 { float: left; } .col-lg-24 { width: 100%; } .col-lg-23 { width: 95.83333333%; } .col-lg-22 { width: 91.66666667%; } .col-lg-21 { width: 87.5%; } .col-lg-20 { width: 83.33333333%; } .col-lg-19 { width: 79.16666667%; } .col-lg-18 { width: 75%; } .col-lg-17 { width: 70.83333333%; } .col-lg-16 { width: 66.66666667%; } .col-lg-15 { width: 62.5%; } .col-lg-14 { width: 58.33333333%; } .col-lg-13 { width: 54.16666667%; } .col-lg-12 { width: 50%; } .col-lg-11 { width: 45.83333333%; } .col-lg-10 { width: 41.66666667%; } .col-lg-9 { width: 37.5%; } .col-lg-8 { width: 33.33333333%; } .col-lg-7 { width: 29.16666667%; } .col-lg-6 { width: 25%; } .col-lg-5 { width: 20.83333333%; } .col-lg-4d8 { width: 20%; } .col-lg-4 { width: 16.66666667%; } .col-lg-3 { width: 12.5%; } .col-lg-2 { width: 8.33333333%; } .col-lg-1 { width: 4.16666667%; } .col-lg-pull-24 { right: 100%; } .col-lg-pull-23 { right: 95.83333333%; } .col-lg-pull-22 { right: 91.66666667%; } .col-lg-pull-21 { right: 87.5%; } .col-lg-pull-20 { right: 83.33333333%; } .col-lg-pull-19 { right: 79.16666667%; } .col-lg-pull-18 { right: 75%; } .col-lg-pull-17 { right: 70.83333333%; } .col-lg-pull-16 { right: 66.66666667%; } .col-lg-pull-15 { right: 62.5%; } .col-lg-pull-14 { right: 58.33333333%; } .col-lg-pull-13 { right: 54.16666667%; } .col-lg-pull-12 { right: 50%; } .col-lg-pull-11 { right: 45.83333333%; } .col-lg-pull-10 { right: 41.66666667%; } .col-lg-pull-9 { right: 37.5%; } .col-lg-pull-8 { right: 33.33333333%; } .col-lg-pull-7 { right: 29.16666667%; } .col-lg-pull-6 { right: 25%; } .col-lg-pull-5 { right: 20.83333333%; } .col-lg-pull-4 { right: 16.66666667%; } .col-lg-pull-3 { right: 12.5%; } .col-lg-pull-2 { right: 8.33333333%; } .col-lg-pull-1 { right: 4.16666667%; } .col-lg-pull-0 { right: auto; } .col-lg-push-24 { left: 100%; } .col-lg-push-23 { left: 95.83333333%; } .col-lg-push-22 { left: 91.66666667%; } .col-lg-push-21 { left: 87.5%; } .col-lg-push-20 { left: 83.33333333%; } .col-lg-push-19 { left: 79.16666667%; } .col-lg-push-18 { left: 75%; } .col-lg-push-17 { left: 70.83333333%; } .col-lg-push-16 { left: 66.66666667%; } .col-lg-push-15 { left: 62.5%; } .col-lg-push-14 { left: 58.33333333%; } .col-lg-push-13 { left: 54.16666667%; } .col-lg-push-12 { left: 50%; } .col-lg-push-11 { left: 45.83333333%; } .col-lg-push-10 { left: 41.66666667%; } .col-lg-push-9 { left: 37.5%; } .col-lg-push-8 { left: 33.33333333%; } .col-lg-push-7 { left: 29.16666667%; } .col-lg-push-6 { left: 25%; } .col-lg-push-5 { left: 20.83333333%; } .col-lg-push-4 { left: 16.66666667%; } .col-lg-push-3 { left: 12.5%; } .col-lg-push-2 { left: 8.33333333%; } .col-lg-push-1 { left: 4.16666667%; } .col-lg-push-0 { left: auto; } .col-lg-offset-24 { margin-left: 100%; } .col-lg-offset-23 { margin-left: 95.83333333%; } .col-lg-offset-22 { margin-left: 91.66666667%; } .col-lg-offset-21 { margin-left: 87.5%; } .col-lg-offset-20 { margin-left: 83.33333333%; } .col-lg-offset-19 { margin-left: 79.16666667%; } .col-lg-offset-18 { margin-left: 75%; } .col-lg-offset-17 { margin-left: 70.83333333%; } .col-lg-offset-16 { margin-left: 66.66666667%; } .col-lg-offset-15 { margin-left: 62.5%; } .col-lg-offset-14 { margin-left: 58.33333333%; } .col-lg-offset-13 { margin-left: 54.16666667%; } .col-lg-offset-12 { margin-left: 50%; } .col-lg-offset-11 { margin-left: 45.83333333%; } .col-lg-offset-10 { margin-left: 41.66666667%; } .col-lg-offset-9 { margin-left: 37.5%; } .col-lg-offset-8 { margin-left: 33.33333333%; } .col-lg-offset-7 { margin-left: 29.16666667%; } .col-lg-offset-6 { margin-left: 25%; } .col-lg-offset-5 { margin-left: 20.83333333%; } .col-lg-offset-4 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 12.5%; } .col-lg-offset-2 { margin-left: 8.33333333%; } .col-lg-offset-1 { margin-left: 4.16666667%; } .col-lg-offset-0 { margin-left: 0%; } } .clear:after, .clearfix:after, .container:after, .row:after { display: table; clear: both; content: ''; } .clear-float { clear: both; } /* * Responsive Utilities of Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .hidden { display: none !important; } .invisible { visibility: hidden; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 479px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 479px) { .visible-xs-block { display: block !important; } } @media (max-width: 479px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 479px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 480px) and (max-width: 767px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 480px) and (max-width: 767px) { .visible-sm-block { display: block !important; } } @media (min-width: 480px) and (max-width: 767px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 480px) and (max-width: 767px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 999px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 999px) { .visible-md-block { display: block !important; } } @media (min-width: 768px) and (max-width: 999px) { .visible-md-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 999px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1000px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1000px) { .visible-lg-block { display: block !important; } } @media (min-width: 1000px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1000px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 479px) { .hidden-xs { display: none !important; } } @media (min-width: 480px) and (max-width: 767px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 999px) { .hidden-md { display: none !important; } } @media (min-width: 1000px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* * Custom styles for Grid System of Bootstrap v 3.3.5 * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .reverse > [class*="col-"] { float: right; } .col-right { float: right; } @media (max-width: 479px) { .col-xs-right { float: right; } } @media (min-width: 480px) and (max-width: 767px) { .col-sm-right { float: right; } } @media (min-width: 768px) and (max-width: 999px) { .col-md-right { float: right; } } @media (min-width: 1000px) { .col-lg-right { float: right; } } .flex { margin-left: -10px; margin-right: -10px; letter-spacing: -5px; } .flex-center { text-align: center; } @supports (flex-wrap: wrap) { .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: stretch; } .flex-center { -webkit-justify-content: center; justify-content: center; } .flex-vertical-top { align-items: flex-start; } .flex-vertical-center { align-items: center; } .flex-vertical-bottom { align-items: flex-end; } } .flex > * { letter-spacing: normal; } .flex > [class*="col-"] { display: inline-block; vertical-align: top; float: none; } .flex .js-loading-wrapper { letter-spacing: -5px; width: 100%; } .flex.flex-vertical-center > [class*="col-"] { vertical-align: middle; } .flex.flex-vertical-bottom > [class*="col-"] { vertical-align: bottom; } @supports (flex-wrap: wrap) { .flex .js-loading-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } } .flex .js-loading-wrapper > * { letter-spacing: normal; } .discharged { margin-left: -15px; margin-right: -15px; } .discharged > [class*="col-"], .discharged > [class*="row-table"] > [class*="col-"] { padding-left: 15px; padding-right: 15px; } .compact { margin-left: -5px; margin-right: -5px; } .compact > [class*="col-"], .compact > [class*="row-table"] > [class*="col-"] { padding-left: 5px; padding-right: 5px; } .subcompact { margin-left: -8px; margin-right: -8px; } .subcompact > [class*="col-"], .subcompact > [class*="row-table"] > [class*="col-"] { padding-left: 8px; padding-right: 8px; } /* End */ /* Start:/bitrix/templates/main/assets/css/jquery.uniform.css?15771348005082*/ /* ----------------------- Default ----------------------- */ input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: 7px; } /* ----------------------- Settings ----------------------- */ .e-select:focus, .checker:focus, .radio:focus, .uploader:focus { outline: none; } /* ----------------------- Select ----------------------- */ .e-select { position: relative; z-index: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .e-select select { position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; border: none; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ----------------------- Radio-buttons and checkboxes ----------------------- */ .radio, .checker { display: inline-block; position: relative; width: 24px; height: 24px; color: #217570; background: transparent; border: 1px solid #e6e6e6; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; overflow: hidden; backface-visibility: hidden; transform: translateZ(0); } .radio input, .checker input { position: absolute !important; z-index: 50; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; opacity: 0 !important; border: none; background: none; cursor: pointer; } .radio span, .checker span { display: block; position: relative; text-align: center; } .radio span:before, .checker span:before { -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } .radio.hover, label:hover .radio { } .checker.hover, label:hover .checker { } .radio.focus, .checker.focus { } .m-error .radio, .m-error .checker { border-color: #fa3b00 !important; } .radio.disabled, .checker.disabled { cursor: default !important; pointer-events: none; } .radio.disabled input, .checker.disabled input { cursor: default; } /* ----------------------- Checkboxes states ----------------------- */ .checker { width: 24px; height: 24px; border: none; border-radius: 0; } .checker span { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: transparent; border: 1px solid #e6e6e6; transition: all 400ms; } .checker span:before { display: block; position: relative; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWdvbiBmaWxsPSIjZmZmIiBwb2ludHM9IjExLjIwNyAxNy43OTMgMjIgNyAyMy40MTQgOC40MiAxMi40MTQgMTkuNDIgMTIuMjA0ODg3MyAxOS4yMSAxMSAyMC40MiA1IDE0LjQyIDYuNDE0IDEzIj48L3BvbHlnb24+PC9zdmc+) center center / 24px 24px no-repeat; } .checker span.checked { background: #217570; border-color: #217570; } .checker span.checked:before { visibility: visible; opacity: 1; } .checker.disabled span:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gZmlsbD0iI0RERURGMSIgcG9pbnRzPSIxMS4yMDcgMTcuNzkzIDIyIDcgMjMuNDE0IDguNDIgMTIuNDE0IDE5LjQyIDEyLjIwNDg4NzMgMTkuMjEgMTEgMjAuNDIgNSAxNC40MiA2LjQxNCAxMyI+PC9wb2x5Z29uPjwvc3ZnPg==); } /* ----------------------- Radio-buttons states ----------------------- */ .radio { border-radius: 50%; } .radio span { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; } .radio span:before { display: block; margin: 3px; width: 8px; height: 8px; background: currentColor; border-radius: 50%; content: ''; visibility: hidden; opacity: 0; } .radio span.checked:before { visibility: visible; opacity: 1; } .radio.disabled span:before { background: #ddedf1; } /* ----------------------- Uploader ----------------------- */ .e-uploader { display: block !important; position: relative; margin: 0 !important; padding: 0 !important; cursor: pointer; white-space: normal; } .e-uploader input { visibility: hidden; position: absolute !important; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; border: none; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .e-uploader_btn { display: inline-block; vertical-align: middle !important; padding: 8px 4px; height: 32px; width: 82px; font: 300 14px/1 'Open Sans', sans-serif; border-radius: 5px; transition: all 250ms !important; } .e-uploader_file { display: inline-block; vertical-align: middle; min-width: 156px; padding-right: 16px; font: 300 16px 'Open Sans', sans-serif; color: #000; box-sizing: border-box; } /* End */ /* Start:/bitrix/templates/main/assets/css/jquery.selectric.css?15771348006429*/ /*====================================== Selectric v1.9.3 ======================================*/ .selectric-wrapper { position: relative; text-align: left; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { box-sizing: border-box; transition: none !important; } .selectric-open { z-index: 9999; } .selectric-open .selectric-items { display: block; z-index: 1; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; display: none; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; padding: 0; width: auto !important; height: auto !important; text-align: left; color: #000; background: #fff; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); overflow: hidden; } .selectric-items .selectric-scroll { position: relative; max-height: 400px; height: 100%; margin: 0 -40px 0 0; padding: 0 40px 0 0; overflow-y: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; margin-bottom: 2px; } .selectric-items .selectric-list { list-style: none; padding: 0; margin: 0; font: 400 16px/1.5 'Open Sans', sans-serif; } .selectric-items .selectric-list li { display: block; padding: 8px 12px; margin: 0; text-decoration: none; cursor: pointer; background: transparent; -webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; } .selectric-items .selectric-list li.selectric-list-option.placeholder { display: none !important; } .selectric-items .selectric-list li:hover { background: #f5f5f5; } .selectric-items .selectric-list li.selected { background: #f5f5f5; } .selectric-items .selectric-list li.disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } .selectric-items .ps-scrollbar-y-rail { background: transparent; } .selectric-items .ps-scrollbar-y { background: rgba(0, 0, 0, .5); } .b-form__white .selectric-items .selectric-list li { padding: 7px 16px; } .b-form_box.gray .b-form_box_field .selectric-items { margin-top: 2px; padding: 6px 0; color: #000; background: #f5f5f5; border: none; border-radius: 0; } .b-form_box.gray .b-form_box_field .selectric-items .selectric-list { font: 300 16px 'Open Sans', sans-serif; } .b-form_box.gray .b-form_box_field .selectric-items .selectric-list li { padding: 10px 20px; } .b-form_box.gray .b-form_box_field .selectric-items .selectric-list li:hover { color: #8e8e8e; } .b-form_box.gray .b-form_box_field .selectric-items .selectric-list li.selected { display: none; color: #fff; background: #000; } /* Items box :: toggle */ .selectric-items { /*display: none; */z-index: -1; opacity: 0; visibility: hidden; transform: translate(0, -5px); transition: none/*opacity 250ms, visibility 250ms, transform 250ms*/; } .selectric-open { z-index: 9999; } .selectric-open .selectric-items { /*display: block; */z-index: 1; opacity: 1; visibility: visible; transform: translate(0, 0); } /* Filter */ .selectric-filter { position: relative; padding: 8px 18px; background: #fff; } .selectric-filter:before { position: absolute; z-index: 1; top: 9px; right: 19px; width: 28px; height: 28px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTAuNTkzIDExLjgwN2E2LjAwMSA2LjAwMSAwIDAgMS03LjgzNi05LjA1IDYgNiAwIDAgMSA5LjA1IDcuODM2bC0uNTIuNjkzLjYxMy42MTQgMi4xNjcgMi4xNjcuMDA0LjAwNGMuMDAxLS4wMDEtLjAwMS0uMDAxLS4wMDQtLjAwNEwxMS45IDExLjlsLS42MTQtLjYxNC0uNjkzLjUyeiIgb3BhY2l0eT0iLjIiLz48L3N2Zz4=) center center no-repeat; content: ''; } .selectric-filter input[type="text"] { display: block; width: 100%; padding: 0 9px !important; height: 28px !important; font: 300 13px 'Open Sans', sans-serif !important; color: #252525 !important; border: 1px solid #d7d7d7 !important; border-radius: 3px !important; box-sizing: border-box; background: #fff !important; } .selectric-filter input[type="text"]::-webkit-input-placeholder { font-style: normal; color: #b4b4b4 !important; text-overflow: ellipsis; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; text-overflow: ellipsis; } .selectric-filter input[type="text"]:-moz-placeholder { font-style: normal; color: #b4b4b4 !important; text-overflow: ellipsis; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .selectric-filter input[type="text"]:-ms-input-placeholder { font-style: normal; color: #b4b4b4 !important; text-overflow: ellipsis; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } .selectric-filter input[type="text"]:focus:-moz-placeholder { color: transparent !important; } .selectric-filter input[type="text"]:focus::-webkit-input-placeholder { color: transparent !important; } .selectric-filter input[type="text"]:focus:-ms-input-placeholder { color: transparent !important; } .selectric-list-not-found { margin: 5px; padding: 7px 18px; font: 300 14px/1 'Open Sans', sans-serif; white-space: nowrap; color: #333; } .selectric-filter ~ .selectric-scroll { margin-top: auto; } /* End */ /* Start:/bitrix/templates/main/assets/css/jquery.owl.carousel.css?15771348009963*/ /* * Owl Carousel - Animate Plugin */ .owl-carousel { touch-action: pan-Y; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .owl-carousel .fadeInTranslate { -webkit-animation-name: fadeInTranslate; animation-name: fadeInTranslate; } .owl-carousel .fadeOutTranslate { -webkit-animation-name: fadeOutTranslate; animation-name: fadeOutTranslate; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeInTranslate { 0% { opacity: 0; transform: translateX(50%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeOutTranslate { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-50%); } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; position: relative; z-index: 1; /* position relative and z-index fix webkit rendering fonts issue */ width: 100%; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; text-align: left; -ms-touch-action: pan-Y; } /* FF hack: .owl-carousel .owl-stage, x:-moz-any-link { min-width: 4000px; }*/ .owl-carousel .owl-stage:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; content: '.'; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); /* fix for flashing background */ } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { display: block; opacity: 0; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item *, .owl-carousel .owl-item *:after .owl-carousel .owl-item *:before { /*-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;*/ } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-grab .owl-stage { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { /*transform-style: preserve-3d;*/ } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; z-index: 1; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAQAAAAkGDomAAALXUlEQVRo3s2ae3QU1R3HvzOzm81uspt3ggkkAZKQFENCIInhoVhROVTQY7FVj49C66s+sEVbW0XRoxaOoEd8QxQF1ENo8EGRUpRKUqiAEAwEDQlkE0gCIcluXvucmds/ZmZ39v3m9O4fO7Nz753P3nt/9/5eFMH/d1EAlN8K/v6AKVtVQeZSM6l8KpNKdG1GBrh+rtVyxNSgb5llID67oQIRkoDPvX3s19lX8WdIkMV2cmB523QwoDx7QrQBraX2p/lzJIxiO3np8Q8yQMcQ0D6P3UgiKmxf/+oDk+VjGahQJMg1aC+nH2OWuj6zDBra9SdOnmruPtR/ZET+NjV9Q/K0tBkTi64cV6bLYzTyVrxx4N35LzabCR/MGgwSkF9FP+ciHn367/7TsO3Uvj5YYIEVdnDg3VY/DQWUUK0oWFA19brMGXJMa9vgW9nvwk74KAiJfRb/nXya+n7Y8VLNjahAEcYjDVqoofQUAFCgwSAOGiQhE3lP3dD09th5eT/9H9+YCibiNcg9Ke/0YtOGP6MGpchDGhKgdF/y3j6gwEAFLbJuKT+y2tTt7M1ypvMBqEBHAMhtdnY3er7uRczClRiPJKiCQfPAVCPtnumttZzZ2WvH80jwi+gbkGj5nc6OWj6bcxPKkYckxHnbz4LEZKBG+kc3G446e+6phdbPVPsCNOfxX0tdmPs3rcRVKEI64kMdOa+QCdPzTr9LeMeqrkOST0TvgCST/1ZqPnDq3jtQgVxowUQK55huJVIaf28fkd5xYZtPRG+ARMH/0zEBh6oXohRZiA9/Yn2MY+Lni8w90nvO1fpA9AbI75Canfkm5+f4GdKgjC6eOI7qzXPMeuld7Wug9SIunoDcGqlJZ2PiNShGChTRhnMgqurm2C5K7zv2RyR6ILoDsr917HnHi29ACVKitfJ8IMbtW8gOCW8c01cUQOUXkGTy4v8ZPTf/ZkxFaqxGTz6Kx+4hnPDW7s+R5rYSXQG5j4SKnHX1oyhHRqzxiHBqq7tfl+bt+EroXKZZDsj+Tqr273dQiRzEAZcBEKBmJA0fEN5s6p5fgngfgPxxoVLv95iNSdCA8g/ILvGuJYcMCDB7ZnBjwttba12m2QnIrRCVSusflmIqkoWB9ts9MdXtuRKKSCAdRXlxtTR/Hy5GgkMLlKoQJd8qPG6qQyWugNKfTSIBEsIOnH96sTb8A9CpP65Kt5wWx3ALxkHhBsg9LDy0Gq9fjELnPwgESAghY0dPLQxXhZAVRr9MEtE11zsIpCp8s/DwyBbMQIZzDQQDSAjhBjbVTwpnx5SXuxMsJ8VZfBOZIoNQxT5feGAfu30JCqAJZHZ6ABJCrN36h0PXdlwK3fuIOCfdmAy1HPB58ezdi5kO9hABCSFkZP+xq0M7t13LJ1mseFDs+ytSQDuNIlGreGcFipEot6NCAySEt/S9/ta44CfbrdDDtUI/g83IhUoEtFWJA9tTMA/jJfkND5AQQixtbXdDFdw4updzCyRFNqEUWgh7HTVXeNh1tH0IJrCROnxUBQWbh+obKygFRYXadv9B7rxwtXQilKBAAHBNAvOnKzEFCcH4ZvyPoLjhD/e+8JvkQELjaambtgntG9diHBgQEI3YoeXeXyIXcdECJIQQ0/FTt/jfIT2L4VFRnzqLSYgHga1c+MF4VlftKsGRAxJC+MFPdhb7Pg49S/cszig0XTQHOhogJcIDY9ewBTY3B0bkhUq5Y0FD13LEU3RwDYY6WL1wde1kxNEApgi3A+dgA4sYuFwVGRPWjn197FpKGYzQPNfHiYCTJ0BJA9RE4fZSN+zgYuXK1cwq333pza05VEBvzHaO7xSusq4QADPEETSAjfoEy+damX7/bQfOLqXiA45jr/ClS4OCBqAT534UHGLsU4/Lnbhx5PODlf53SDIofMcngaEByY4y28DHcgSlknjjVY19r0DtW2h4i6h/xQmAYkWex2WKSViHz1qQ7FBJPQptE78VoBSAJBhK+nIAEq5l5xMf7tH7exclagM8CygAYhZutfGgYo030LJpw5OHYIABI77PfCnmYjcLgEbhNlkLKpaINmPjJ0u2GQdhwBDMxM+GRqcL32ND4BUAf0G4zUgHEzvA9r3P1249g0EYYIKd+F1M1Hjhu/8SOAVg7xDs5PQcMKBjATd0dvvG+76FEYMYgZUE2CmIks0Vrnp6wSkAW6twm5oLZfQBWdP325dt/bEPBhhhBkcCCqIlO26ScHW8C3YFYGkRhSR/WmIzE1288wdf2/jqSRhgwBhsJKhdQlFAiSO4qxcsCNarRL2I+9ttSHVfheGrW6M9dS+iBiUYB41vG8XLLvmM0N5wGpVIAwEo22Hhp4Y1Mos+IkDO9sP2eTehHLnQ+XeNeBb7v4Q+/rEWpdCBALh0n+iP3o+JLp6lMAEvNr3wIKpQGExUwENEsniD0MvcXyAfKhAApwpFs334njnQRgZoGdz9qmI2piIbCcEYnx5CdbvQz5AeVciEeLoxtp+En79ZJXd7hAzIt3512xJUIB/JwZrvHoBi8Gjf25gGnWS4U4N/EQN8x5Dn6iUOHnCgdf0KVGMKMqEO3gHitsUU8Caht5XLMBnxDs9Ca5k4BHztnUgK3bNgH2nYkHMtSjEe2tD8hW4Csk6U4DZUiwIrVmGsoiR370W23LcQDGDn/ofuwkxMQkroTjiXKHQOPyj0uGsdSsWBkrzEF0RJ5u0bl0DrHMNAgEOdm59FDUqQBU04bkwXF/5LooB0YrZjqTmqqCzHxNDeQfkY+u3e9tMHFQtQFni3CwbQnCdtMN+8gTLRtyUDpHsfcvj4l0MXjIdVfyuKUIi0YB1F/gG5j6Xx085FvmM/llVRGcQYnbn3gTKpgt/OVUhGYmSRKMf2slganr3rUYZUh9oiA6Sbr3HEOHchQzj0AkbRoxKGIFlSLk7PIcxCnuw8c1mmyp6XJcSm54SIz+UI5BDKGdtf84gzBOIJSCFh+FvJ0777dmiiH4T1Bsg5hqWxFlWu25yHG/uLadyomMp0acu8aIexvQFyDzr20wbMxmRZEMdrvFjR8bgjV6Hr/ZpIUiiC+bB3E1ZSD6oXohhJblo98cyXU3evdyDq62fHEpFdRuziYWlauxxlSPcw572ojDS0fZ86ctYuNC6K1UTLk4Z2rEYlst39u76yPmjo+uod2vFY+5/CO8b8fnTc+068r15DNfKg9mL2+rBjGCRd2CbLs6pbNyGaqQG2mVLolxDO9uUruAoTfWQg+TS0GCR1vudENLe1/CqSI032ieOeIqMuSUNVyPeZIOXHEmSga36GNTkhjfWHKyOLDhOwN/FH5NbLQ3ehAhOg8WmR+zVVaWjfmDdwWGatjQ1tba4JE5Jmb2b3yXXwE/WYg6lC0lC46Xk01BjXvsE1Gjf8Rfev61JDERtzvu0x9rBLBKVv9zrUoBApUPr1CAU09ikokLzzzv4DbimzncPv9dx6PCcApsJSZFvG7uCHXFufqK9eiOnI85v3FnyKKEVDjaQj90+5U1vo5qw1sj+xLWyzvQs9xGgepa1aotRwWiYV2UwBVcZMpQvdU3Xa9ny564lDMGIQo0HEZYLLAgYFJZKQd/DZoR/DzwHm7Sc+W/0wqlCCKyQ9MmpZwABFQwkNdB/MnT635FZVemhupOGOQ19uaPh7F0YwjFFYwBISxSxgF8h4aJCw6erSyuIFCfmB0QZP/3fnnqY32mHGCEZhglXuhIsyIABQFBgoEQ81NIuzFxUXFWUXarPi05QahYZWAKyVM1tHzAMD3R3tR9u3dOhNMGMMJjGdmSduKmiEgH6km4EScYiDEioooQQDGrRoy/LgwMIOO2ywwQY77AgrzBE+oHOnpKEADQaUzAlPREgOHCKKv/wPWy9WNY4eELsAAAAASUVORK5CYII=') center center no-repeat; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* * Owl Carousel - ScrollBar Plugin */ .owl-carousel .owl-scroll-bar { padding: 0; overflow: hidden; } .owl-carousel .owl-scroll-bar.disabled { display: none; } .owl-carousel .owl-scroll-bar-rail { position: relative; height: 2px; background: #ddd; } .owl-carousel .owl-scroll-bar-handle { position: absolute; top: -4px; bottom: -4px; width: 2px; height: 2px; padding: 4px 0; cursor: pointer; } .owl-carousel .owl-scroll-bar-handle:before { display: block; width: inherit; height: inherit; background: #111; content: ''; } .owl-carousel .owl-scroll-bar-handle:hover:before { background: #555; } /* End */ /* Start:/bitrix/templates/main/assets/css/jquery.leaflet.popup.css?157713480014208*/ /* ----------------------- ----------------------- Normalize ----------------------- */ html { width: 100%; height: 100%; } body { width: 100%; height: 100%; margin: 0; box-sizing: border-box; } /* ----------------------- ----------------------- Transitions ----------------------- */ .b-leaflet_box, .b-leaflet_perspective { -webkit-transition: -webkit-transform 400ms, opacity 400ms, visibility 400ms; -moz-transition: -moz-transform 400ms, opacity 400ms, visibility 400ms; -o-transition: -o-transform 400ms, opacity 400ms, visibility 400ms; transition: transform 400ms, opacity 400ms, visibility 400ms; } .b-leaflet_overlay, .b-leaflet_box_content { -webkit-transition: opacity 400ms, visibility 400ms; -moz-transition: opacity 400ms, visibility 400ms; -o-transition: opacity 400ms, visibility 400ms; transition: opacity 400ms, visibility 400ms; } /* ----------------------- ----------------------- Add to composite layers ----------------------- .b-leaflet_box, .b-leaflet_overlay { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }*/ /* ----------------------- ----------------------- 3D transforms ----------------------- */ .b-leaflet_perspective { position: relative; z-index: 25000; margin-left: auto; margin-right: auto; text-align: left; /*-webkit-perspective: 1500px; -moz-perspective: 1500px; perspective: 1500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; */} @media (min-width: 768px) { .m-leaflet-type-image .b-leaflet_perspective { display: inline-block; } } /* ----------------------- ----------------------- Layout ----------------------- */ .b-leaflet { position: fixed; z-index: 50000; left: 0; top: 0; right: 0; bottom: -100px; padding-bottom: 100px; width: 100%; /*height: 100%; */overflow-x: hidden; overflow-y: hidden; /*-webkit-overflow-scrolling: touch; */} @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .b-leaflet { -webkit-overflow-scrolling: touch; } }} /* Safari iOS 10.1+ */ .b-leaflet_capsule { display: table; width: 100%; height: 100%; overflow: hidden; border-collapse: separate; border-spacing: 0; table-layout: fixed; } .b-leaflet_capsule_inner { display: table-cell; vertical-align: middle; text-align: center; } /* * * Layout :: offsets * * */ @media (max-width: 767px) { .b-leaflet_capsule_inner { padding: 24px 10px !important; } .m-leaflet-type-image .b-leaflet_capsule_inner { padding: 24px 32px !important; } } @media (max-width: 374px) { .b-leaflet_capsule_inner { padding: 24px 6px !important; } .m-leaflet-type-image .b-leaflet_capsule_inner { padding: 24px 32px !important; } } /* * * Layout :: sources container * * */ .b-leaflet_inner_sources { position: absolute; left: -10000px; top: -10000px; height: 0; width: 0; overflow: hidden; visibility: hidden; } /* ----------------------- Scroll lock ----------------------- */ .m-leaflet-outer-mode body { overflow-y: scroll; } .m-leaflet-outer-mode .b-leaflet { /*position: relative; */position: fixed; overflow-x: hidden; overflow-y: scroll; } .m-leaflet-outer-mode .b-leaflet_locker { position: fixed; overflow: hidden; left: 0; top: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ----------------------- Scroll unlock ----------------------- */ .m-leaflet-inner-mode .b-leaflet_box_content { max-height: inherit; /*overflow-y: scroll; overflow-x: visible;*/ } /* ----------------------- ----------------------- Overlay ----------------------- */ .b-leaflet_overlay { display: none; position: fixed; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; pointer-events: auto; visibility: hidden; opacity: 0; background-color: #000; } .b-leaflet_overlay_loader { display: none; } .m-leaflet-overlay .b-leaflet_overlay { display: block; } .m-leaflet-loading .b-leaflet_overlay { background: #000 url('/bitrix/templates/main/assets/css/../img/icons/loading.gif') center center no-repeat; } /* * * Webkit bug fix * * */ .b-leaflet_overlay { -webkit-transform: translateZ(-1000px); transform: translateZ(-1000px); } /* ----------------------- Control buttons ----------------------- */ /* * * Control buttons :: close in box * * */ .b-leaflet_box .b-leaflet_close { position: absolute; z-index: 25; top: 2px; right: 2px !important; padding: 12px; width: 44px; height: 44px; font-size: 20px; line-height: 20px; text-align: center; text-decoration: none; color: #222; background: transparent; border: none; cursor: pointer; pointer-events: auto; box-sizing: border-box; } .b-leaflet_box .b-leaflet_close:hover { color: #8e8e8e; } @media (min-width: 768px) and (max-width: 959px) { .b-leaflet_box .b-leaflet_close { top: 12px; right: 12px !important; padding: 10px; width: 44px; height: 44px; font-size: 24px; line-height: 24px; } } /* * * Control buttons :: close on overlay * * */ .b-leaflet_overlay ~ .b-leaflet_close { position: fixed; z-index: 25; top: 0; right: 0; width: 32px; height: 32px; font-size: 16px; line-height: 32px; text-align: center; text-decoration: none; color: #fff; cursor: pointer; pointer-events: auto; } .b-leaflet_overlay ~ .b-leaflet_close svg { display: inline-block; top: 0.125em; } .b-leaflet_overlay ~ .b-leaflet_close:hover { background: rgba(0, 0, 0, .35); } @media (min-width: 600px) { .b-leaflet_overlay ~ .b-leaflet_close { width: 64px; height: 64px; font-size: 24px; line-height: 64px; } } /* * * Control buttons :: nav * * */ .b-leaflet_box .b-leaflet_nav { position: absolute; left: 50%; bottom: 0; margin-left: -55px; width: 110px; height: 100px; } .b-leaflet_box .b-leaflet_nav .b-leaflet_direction { position: absolute; z-index: 5; top: 50%; margin-top: -5px; width: 34px; height: 10px; text-align: center; color: #000; cursor: pointer; pointer-events: auto; } .b-leaflet_box .b-leaflet_nav .b-leaflet_direction svg { display: block; position: relative; width: 34px; height: 10px; font-weight: normal; font-size: 10px; line-height: 10px; fill: currentColor; text-align: center; } .b-leaflet_box .b-leaflet_nav .b-leaflet_direction:hover { color: #8e8e8e; } .b-leaflet_box .b-leaflet_nav .b-leaflet_prev { left: 0; } .b-leaflet_box .b-leaflet_nav .b-leaflet_next { right: 0; } @media (max-width: 767px) { .b-leaflet_box .b-leaflet_nav { width: 110px; height: 60px; } } .b-leaflet_perspective ~ .b-leaflet_nav .b-leaflet_direction { position: fixed; z-index: 5; top: 0; bottom: 0; width: 32px; text-align: center; color: #fff; cursor: pointer; pointer-events: auto; } .b-leaflet_perspective ~ .b-leaflet_nav .b-leaflet_direction svg { position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; font-weight: normal; font-size: 24px; line-height: 32px; fill: currentColor; text-align: center; } .b-leaflet_perspective ~ .b-leaflet_nav .b-leaflet_direction:hover { background: rgba(0, 0, 0, .35); } .b-leaflet_perspective ~ .b-leaflet_nav .b-leaflet_prev { left: 0; } .b-leaflet_perspective ~ .b-leaflet_nav .b-leaflet_next { right: 0; } @media (min-width: 600px) { .b-leaflet_perspective ~ .b-leaflet_nav .b-leaflet_direction { width: 64px; } } .b-leaflet_close, .b-leaflet_direction { -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } /* ----------------------- ----------------------- Box ----------------------- */ .b-leaflet_box { position: relative; z-index: 25; margin-left: auto; margin-right: auto; visibility: hidden; opacity: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* @media (max-width: 959px) { .b-leaflet .b-leaflet_perspective { max-width: 688px !important; } .b-leaflet .b-leaflet_perspective .b-leaflet_box { box-sizing: border-box; } } @media (max-width: 767px) { .b-leaflet .b-leaflet_perspective { max-width: 327px !important; } } */ /* ----------------------- ----------------------- Box title ----------------------- */ .b-leaflet_box_title { position: absolute; left: 0; top: 100%; right: 0; padding: 20px 10px; max-width: none !important; font: 400 16px 'Open Sans', sans-serif; text-align: center; color: #fff; border-radius: 0; } /* ----------------------- Content types ----------------------- */ /* * * Content popup * * */ .b-leaflet_box { padding: 38px; font: 300 14px 'Open Sans', sans-serif; color: #444; background: #fff; border-radius: 2px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, .5); } @media (max-width: 767px) { .b-leaflet_box { padding: 42px 20px; } } .b-leaflet_heading { position: relative; margin: 0 0 24px; } .b-leaflet_heading_title { position: relative; font: 600 23px 'Open Sans', sans-serif; text-transform: uppercase; } @media (max-width: 767px) { .b-leaflet_heading { margin: 0 0 16px; } .b-leaflet_heading_title { font: 600 20px 'Open Sans', sans-serif; } } /* * * With scroll * * */ .b-leaflet_scroll .b-leaflet_capsule, .b-leaflet_scroll .b-leaflet_capsule_inner { display: block; height: 100%; box-sizing: border-box; } .b-leaflet_scroll .b-leaflet_perspective { display: flex; height: 100%; align-items: center; } .b-leaflet_scroll .b-leaflet_perspective .b-leaflet_box { height: 100%; box-sizing: border-box; } .b-leaflet_scroll .b-leaflet_box { width: 100% !important; } .b-leaflet_scroll .b-leaflet_box_content { position: relative; max-height: 100%; margin-right: -34px; padding-right: 34px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } @media (max-width: 767px) { .b-leaflet_scroll .b-leaflet_box_content { margin-right: 1px; padding-right: 0; } } /* * * Content items * * */ .b-leaflet_box .b-announce { max-width: 520px; } @media (max-width: 767px) { .b-leaflet_box .b-announce { padding: 0 24px; box-sizing: border-box; } } /* * * Image popup * * */ .m-leaflet-type-image .b-leaflet_box { padding: 0; background: #fff; border-radius: 0; } .m-leaflet-type-image .b-leaflet_box_content { padding: 0; color: #585858; background: none; overflow: hidden; } .m-leaflet-type-image .b-leaflet_box_content img { display: block; max-width: 100%; max-height: calc(100vh - 260px); margin: 0 auto; transform: translateZ(0); backface-visibility: hidden; } @media (max-width: 767px) { .m-leaflet-type-image .b-leaflet_box_content img { max-height: calc(100vh - 48px); } } @media (max-height: 479px) { .m-leaflet-type-image .b-leaflet_box_content img { max-height: calc(200vh - 48px); } } /* * * IFrame popup * * */ .m-leaflet-type-iframe .b-leaflet_box { padding: 0; background: #fff; border-radius: 0; } .m-leaflet-type-iframe .b-leaflet_box_content { padding: 0; color: #585858; background: none; } .m-leaflet-type-iframe .b-leaflet_box_iframe { position: relative; height: 0; padding-bottom: 56.470588235294%; overflow: hidden; } .m-leaflet-type-iframe .b-leaflet_box_iframe iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; max-width: none; max-height: none; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } @media (max-width: 767px) { .m-leaflet-type-iframe .b-leaflet_box { padding: 50px 10px 60px; } } /* ----------------------- Box show methods ----------------------- */ .b-leaflet_box, .b-leaflet_content, .b-leaflet_content * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } /* * * Scale * * */ .m-leaflet-scale-transition .b-leaflet_box { -webkit-transform: scale(.6, .6); -moz-transform: scale(.6, .6); -ms-transform: scale(.6, .6); transform: scale(.6, .6); } /* * * Super scale * * */ .m-leaflet-superScale-transition .b-leaflet_box { -webkit-transform: scale(1.4, 1.4); -moz-transform: scale(1.4, 1.4); -ms-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); } /* * * Drop * * */ .m-leaflet-drop-transition .b-leaflet_box { -webkit-transform: translate(0, -150%); -moz-transform: translate(0, -150%); -ms-transform: translate(0, -150%); transform: translate(0, -150%); } /* * * Newspaper * * */ .m-leaflet-newspaper-transition .b-leaflet_box { -webkit-transform: scale(.2, .2) rotate(720deg); -moz-transform: scale(.2, .2) rotate(720deg); -ms-transform: scale(.2, .2) rotate(720deg); transform: scale(.2, .2) rotate(720deg); } /* * * Drop 3d * * */ .m-leaflet-drop3d-transition .b-leaflet_box { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: translate3d(0, -100px, 0) rotateX(-90deg); -moz-transform: translate3d(0, -100px, 0) rotateX(-90deg); -ms-transform: translate3d(0, -100px, 0) rotateX(-90deg); transform: translate3d(0, -100px, 0) rotateX(-90deg); } /* * * Flip 3d * * */ .m-leaflet-flip3d-transition .b-leaflet_box { -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); } /* * * Flip 3d Vertical * * */ .m-leaflet-flip3dVertical-transition .b-leaflet_box { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); } /* * * Side fall * * */ .m-leaflet-sideFall-transition .b-leaflet_box { -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); } /* End */ /* Start:/bitrix/templates/main/assets/css/forms.css?157713480034082*/ /* -------------------- Reset -------------------- */ .b-form input::-ms-clear, .b-form textarea::-ms-clear { visibility: hidden; } .b-form textarea { overflow: auto; } /*input, select { -webkit-appearance: none; -moz-appearance: none; }*/ /* -------------------- -------------------- Forms layout -------------------- */ .b-form { position: relative; font: 400 1em 'Open Sans', sans-serif; } .b-form .flex { margin-bottom: -16px !important; } .b-form .flex + .flex { } .b-form .flex > [class*="col-"] { margin-bottom: 16px !important; } .b-form_box a, .b-form_bottom a { text-decoration: underline; color: inherit; } .b-form_box a:hover, .b-form_bottom a:hover{ color: #217570; } /* * * * * * * * * * * * Form boxes * * * * * */ .b-form_box, .b-form_box_field, .b-form input, .b-form textarea, .b-form .e-select, .b-form .e-uploader, .b-form .b-form_box_field_date { position: relative; box-sizing: border-box; } .b-form_box, .b-form_box_field { display: block; } .b-form_box { margin-bottom: 16px; } .b-form_box:last-child { margin-bottom: auto; } /* * * * * * * * * * * * Form footer * * * * * */ .b-form_bottom { margin-top: 16px; } .b-form_bottom__expanded { margin-top: 32px; } .b-form_bottom:first-child { margin-top: auto; } /* * * * * * * * * * * * Form buttons in progress * * * * * */ .b-form .e-btn_progress:after { position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; backface-visibility: hidden; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxNiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTQuMzQ0IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjEyLjUzMSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxMC43NSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTAuMDYzIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSI4LjA2MyIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iNi40MzgiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjUuMzc1IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDMxNSA2NCA2NCkiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSIwIDY0IDY0OzMxNSA2NCA2NDsyNzAgNjQgNjQ7MjI1IDY0IDY0OzE4MCA2NCA2NDsxMzUgNjQgNjQ7OTAgNjQgNjQ7NDUgNjQgNjQiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI3MjBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2c+PC9zdmc+) center center / cover no-repeat; opacity: 0; visibility: hidden; transition: opacity 250ms, visibility 250ms; content: ''; } .b-form .e-btn_progress.request { color: transparent !important; } .b-form .e-btn_progress.request:after { opacity: 1; visibility: visible; } .b-form .e-btn_progress.request[disabled] { opacity: 1 !important; } .b-form .e-btn_progress.request.e-btn_stroked[disabled], .b-form .e-btn_progress.request.e-btn_gray[disabled] { color: transparent !important; background-color: #000 !important; border-color: #000 !important; } .b-form .e-btn_progress.request.e-btn_black[disabled] { color: transparent !important; background-color: #444 !important; border-color: #444 !important; } /* * * * * * * * * * * * Disabled forms * * * * * */ form.disabled { pointer-events: none; } form.disabled .e-btn_progress.e-btn_green[disabled] { color: #fff !important; } /* -------------------- Forms elements -------------------- */ /* * * * * * * * * * * * Labels * * * * * */ .b-form_box_title { display: block; margin: 0 0 10px; font: 300 16px 'Open Sans', sans-serif; color: #000; transition: color 250ms; } .b-form_box_title.required:after { color: #fa3b00; content: ' \002A'; } .b-form_box_title:last-child { margin-bottom: auto; } .b-form_box.placeholder .b-form_box_title { position: absolute; z-index: 5; left: 0; top: 0; padding: 0; width: auto; height: 49px; line-height: 49px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: 0 100%; transition: none; pointer-events: none; backface-visibility: hidden; box-sizing: border-box; } .b-form_box.placeholder.active .b-form_box_title { left: 0; top: -24px; transform: scale(.857142857142857); opacity: .5; backface-visibility: hidden; } .b-form_box.placeholder.transition .b-form_box_title { transition: all 200ms; } /* -------------------- -------------------- Forms fields -------------------- */ /* * * * * * * * * * * * Fields * * * * * */ .b-form_box_field input[type="text"], .b-form_box_field input[type="date"], .b-form_box_field input[type="tel"], .b-form_box_field input[type="email"], .b-form_box_field input[type="password"], .b-form_box_field textarea, .b-form_box_field div[contenteditable], .b-form_box_field .e-select, .b-form_box_field .selectric, .b-form_box_field .b-form_box_field_date { display: block; position: relative; padding: 0 12px; width: 100%; height: 38px; font: 400 19px 'Open Sans', sans-serif; text-overflow: ellipsis; text-shadow: none; color: #000; background: #fff; border: 1px solid #dcdcdc; border-radius: 4px; transition: border-color 400ms; } .b-form_box_field textarea { padding: 8px 12px; max-width: 100%; height: 170px; min-height: 170px; line-height: 1.5; resize: none; } .b-form_box_field div[contenteditable] { display: block; padding: 8px 12px; height: auto; min-height: 170px; line-height: 1.5; box-sizing: border-box; cursor: text; } .b-form_box_field div[contenteditable] * { padding: 0 !important; font: inherit !important; white-space: normal !important; color: inherit !important; background: inherit !important; border: none !important; } .b-form_box_field .e-select, .b-form_box_field .selectric { padding-right: 52px; } .b-form_box_field .e-select span, .b-form_box_field .selectric .label { display: block; overflow: hidden; width: 100%; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; } .b-form_box_field .e-select svg, .b-form_box_field .selectric svg { position: absolute; top: 50%; right: 18px; margin-top: -4px; } .b-form_box_field > select { height: 38px; visibility: hidden; } .b-form_box_field .e-select option[value=""] { display: none; } .b-form_box_field .b-form_box_field_date { line-height: 36px; } /* * * * * * * * * * * * Radio/checkboxes * * * * * */ .b-form_box_field label { display: inline-block; position: relative; margin-right: 20px; margin-bottom: 12px; font: 400 14px 'Open Sans', sans-serif; cursor: pointer; } .b-form_box_field label > .radio { vertical-align: -3px; margin: 0 8px 0 0; } .b-form_box_field label > .checker { vertical-align: -2px; margin: 0 8px 0 0; } .b-form_box_field label > input { position: absolute; visibility: hidden; } .b-form_box_field.list label { display: block; position: relative; margin: 0; padding-left: 28px; min-height: 19px; } .b-form_box_field.list label ~ label { margin-top: 16px; } .b-form_box_field.list label > .radio { position: absolute; left: 0; top: -1px; } .b-form_box_field.list label > .checker { position: absolute; left: 0; top: 1px; } /* * * * * * * * * * * * reCaptcha * * * * * */ .b-form .g-recaptcha > div { position: relative; padding: 0; height: 76px !important; width: 100% !important; max-width: 300px; overflow: hidden; background: #f9f9f9; border-right: 1px solid #d3d3d3; border-radius: 3px; box-shadow: 2px 0 4px -1px rgba(0, 0, 0, .08); } .b-form .g-recaptcha iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .b-form_box_field.g-center .g-recaptcha > div { margin: 0 auto; } .js-reCaptcha { min-height: 76px; } /* * * Date * * */ .b-form_box_field_date { display: block !important; position: relative; margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .b-form_box_field_date input { position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0 !important; visibility: visible !important; cursor: text !important; } .b-form_box_field_date span { transition: color 400ms; } /* * * * * * * * * * * * Date picker * * * * * */ label.b-form_calendar { position: absolute; z-index: 1; top: 50%; left: 0; margin: -21px 0 0 0; padding: 9px 0; width: 38px; height: 42px; font: 600 15px/40px 'Exo 2.0', sans-serif; letter-spacing: .06em; text-align: center; text-transform: uppercase; color: #000; border-left: none; border-radius: 0; box-sizing: border-box; transition: all 400ms; } label.b-form_calendar svg { display: block; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; fill: currentColor; } label.b-form_calendar + input, label.b-form_calendar + * input { padding-left: 38px !important; } label.b-form_calendar:hover { color: #8e8e8e; } /* * * * * * * * * * * * Request * * * * * */ .b-form_box_field.request:before { position: absolute; z-index: 5; top: 1px; right: 1px; bottom: 1px; width: 50px; height: 50px; pointer-events: none; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxNiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIxIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTQuMzQ0IiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjEyLjUzMSIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxMC43NSIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTAuMDYzIiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSI4LjA2MyIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iNi40MzgiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjUuMzc1IiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDMxNSA2NCA2NCkiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSIwIDY0IDY0OzMxNSA2NCA2NDsyNzAgNjQgNjQ7MjI1IDY0IDY0OzE4MCA2NCA2NDsxMzUgNjQgNjQ7OTAgNjQgNjQ7NDUgNjQgNjQiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI3MjBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2c+PC9zdmc+) center center no-repeat; border-radius: 0 2px 2px 0; content: ''; } .b-form_box_field.request input[type="text"] { padding-right: 52px !important; } /* -------------------- -------------------- Transitions -------------------- */ /* * * * * * * * * * * * Fields * * * * * */ .b-form_box_field input, .b-form_box_field textarea, .b-form_box_field .e-select { transition: color 400ms, background 400ms, border 400ms, box-shadow 400ms; } /* -------------------- -------------------- Forms elements states -------------------- */ /* * * * * * * * * * * * Fields read only * * * * * */ .b-form_box_field input[readonly], .b-form_box_field textarea[readonly], .b-form_box_field .e-select.readonly { cursor: default; } /* * * * * * * * * * * * Fields disabled * * * * * */ .b-form_box_field input[disabled], .b-form_box_field textarea[disabled], .b-form_box_field .e-select.disabled { opacity: .65; pointer-events: none; cursor: not-allowed; } /* * * * * * * * * * * * Elements focus * * * * * */ .b-form_box_field input:focus, .b-form_box_field textarea:focus, .b-form_box.m-error .b-form_box_field div[contenteditable]:focus, .b-form_box_field .e-select.focus, .b-form_box_field .selectric-open .selectric { border-color: #217570 !important; } /* * * * * * * * * * * * Elements error * * * * * */ .b-form_box.m-error .b-form_box_field input, .b-form_box.m-error .b-form_box_field textarea, .b-form_box.m-error .b-form_box_field div[contenteditable], .b-form_box.m-error .b-form_box_field .e-select, .b-form_box.m-error .b-form_box_field .selectric { border-color: #fa3b00 !important; } /* * * * * * * * * * * * Elements valid * * * * * *//* .b-form_box.m-valid .b-form_box_field:before { } /* * * * * * * * * * * * Placeholders * * * * * */ .b-form_box_field input[placeholder], .b-form_box_field textarea[placeholder] { text-overflow: ellipsis; } .b-form_box_field input::-webkit-input-placeholder, .b-form_box_field textarea::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; transition: all 250ms ease; } .b-form_box_field input:-moz-placeholder, .b-form_box_field textarea:-moz-placeholder { color: #999; text-overflow: ellipsis; transition: all 250ms ease; } .b-form_box_field input:-ms-input-placeholder, .b-form_box_field textarea:-ms-input-placeholder { color: #999; text-overflow: ellipsis; transition: all 250ms ease; } .b-form_box_field .e-select .placeholder, .b-form_box_field .selectric .placeholder, .b-form_box_field .b-form_box_field_date .placeholder { color: #999; } .b-form_box_field div[contenteditable]:empty:before { display: block; color: #999; content: attr(data-placeholder); pointer-events: none; transition: all 250ms ease; } .b-form_box_field div[contenteditable]:empty:focus:before { color: transparent; } /* * * * * * * * * * * * Placeholders on focus * * * * * */ .b-form_box_field input:focus:-moz-placeholder, .b-form_box_field textarea:focus:-moz-placeholder { color: transparent !important; } .b-form_box_field input:focus::-webkit-input-placeholder, .b-form_box_field textarea:focus::-webkit-input-placeholder { color: transparent !important; } .b-form_box_field input:focus:-ms-input-placeholder, .b-form_box_field textarea:focus:-ms-input-placeholder { color: transparent !important; } /* -------------------- -------------------- Files -------------------- */ .b-form_files_item { position: relative; margin: 0 32px 16px 34px; height: 32px; color: #444; border-radius: 4px; } .b-form_files_item ~ .b-form_files_item { margin-top: 16px; } .b-form_files_item_icon { position: absolute; left: -34px; top: 6px; width: 16px; height: 20px; fill: #fa3b00; } .b-form_files_item_ok { position: absolute; z-index: 2; right: 16px; top: 6px; fill: #fa3b00; opacity: 0; transition: opacity 400ms; } .b-form_files_item.uploaded .b-form_files_item_ok { opacity: 1; } .b-form_files_item_title { display: block; vertical-align: middle; position: relative; z-index: 1; padding: 7px 120px 7px 14px; font: 400 14px/1.285714285714286 'Open Sans', sans-serif; } .b-form_files_item_title a, .b-form_files_item_title strong { display: block; font: 400 15px 'Open Sans', sans-serif; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .b-form_files_item_title small { display: block; position: absolute; top: 8px; right: 48px; width: 90px; font: 700 14px 'Open Sans', sans-serif; color: #fa3b00; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .b-form_files_item_remove.e-btn { position: absolute; right: -34px; top: 1px; padding: 9px; width: 30px; height: 30px; background: none; border: none; box-sizing: border-box; } .b-form_files_item_remove.e-btn svg { position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; fill: #fa3b00; transition: fill 400ms; } .b-form_files_item_remove.e-btn:hover { opacity: .6; } .b-form_files_item_progress { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; margin-top: 0; height: 32px; background: rgba(0, 0, 0, .075); border-radius: 4px; overflow: hidden; /*opacity: 0; transition: all 250ms; */} .b-form_files_item_progress_bar { display: block; position: relative; height: 32px; width: 0; max-width: 100%; background: rgba(250, 59, 0, .18); transition: width 600ms; } .b-form_files_item.uploading .b-form_files_item_progress { opacity: 1; } @media (max-width: 767px) { .b-form_files_item_ok { display: none; } .b-form_files_item_title { padding-right: 14px; } .b-form_files_item_title small { display: none; } } .b-form_files_add { display: block !important; position: relative; padding: 0 0 0 26px !important; margin: 0 !important; width: 100%; font: 400 italic 24px/1.3 'Open Sans', sans-serif !important; text-overflow: ellipsis; text-shadow: none; color: inherit !important; transition: all 400ms; cursor: pointer; } .b-form_files_add input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .b-form_files_add svg { position: absolute; left: 0; top: 4px; fill: currentColor; transition: fill 400ms; } .b-form_files_add span { display: inline-block; border-bottom: 1px dotted; } .b-form_files_add:hover { color: #fa3b00 !important; } .b-form_files_add.disabled { cursor: default; pointer-events: none; opacity: .5; } .b-form_files_add.disabled input { display: none !important; } @media (max-width: 767px) { .b-form_files_add { font: 400 italic 18px/1.3 'Open Sans', sans-serif !important; } .b-form_files_add svg { top: 2px; } } /* -------------------- -------------------- Notifications -------------------- */ /* * * * * * * * * * * * Notices * * * * * */ .b-form_box_notice { margin: 5px 26px 16px; font: 400 14px/1.7 'Open Sans', sans-serif; transition: all 250ms; } .b-form_box_notice:first-child { margin-top: 6px; } .b-form_box_notice:last-child { margin-bottom: auto; } .b-form_box_notice a { text-decoration: underline; color: inherit !important; } .b-form_box_notice a:hover{ color: #217570 !important; } .b-form_notice { position: relative; margin: 22px 0; font: 400 14px/1.7 'Open Sans', sans-serif; transition: all 250ms; } .b-form_notice:first-child { margin-top: auto; } .b-form_notice:last-child { margin-bottom: auto; } .b-form_notice a { text-decoration: underline; color: inherit !important; } .b-form_notice a:hover{ color: #217570 !important; } .b-form_notice label { display: block; position: relative; padding-left: 54px; cursor: pointer; } .b-form_notice label > input { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; } .b-form_notice label .checker { position: absolute; left: 0; top: 3px; } @media (max-width: 767px) { .b-form_notice label { padding-left: 34px; } } /* * * * * * * * * * * * Errors * * * * * */ .b-form_box_error { margin-top: 0; font: 400 12px 'Open Sans', sans-serif; color: #fa3b00 !important; max-height: 0; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .b-form_box_error a { text-decoration: underline; color: inherit; } .b-form_box_error a:hover { text-decoration: underline; color: inherit; opacity: .5; } .b-form_box.m-error .b-form_box_error { margin-top: 10px; max-height: 48px; opacity: 1; } .b-form__hideLabels .b-form_box_error { display: none; visibility: hidden; } .b-form_box.noticeUp .b-form_box_error { position: absolute; left: 0; bottom: 100%; right: 0; margin-bottom: 6px; text-align: center; } /* * * * * * * * * * * * Form notifications * * * * * */ .b-form_message { position: relative; padding-bottom: 18px; overflow: hidden; visibility: hidden; opacity: 0; transition: visibility 250ms, opacity 250ms, overflow 250ms; } .b-form_message__show { visibility: visible; opacity: 1; overflow: visible; } .b-form .b-form_message + form { visibility: visible; opacity: 1; transition: visibility 250ms, opacity 250ms; } .b-form.b-form__hide .b-form_message + form { visibility: hidden; opacity: 0; } .b-form_message_balloon { position: relative; font: 400 16px/1.75 'Open Sans', sans-serif; text-align: center; color: inherit !important; transition: background 250ms; } .b-form_message_balloon_capsule { display: table; width: 100%; } .b-form_message_balloon_capsule_inner { display: table-cell; vertical-align: middle; } .b-form_message_balloon h6 { margin-bottom: 20px !important; font: 400 30px 'Open Sans', sans-serif !important; transition: color 250ms; color: inherit !important; } .b-form_message_balloon p { margin-top: auto !important; margin-bottom: auto !important; } .b-form_message_balloon p ~ p { margin-top: .5em !important; } .b-form_message_balloon__error h6 { color: #fa3b00; } .b-form_message_balloon__success h6 { /*color: #0089C4; */} .b-form_message_leaflet .b-leaflet_box { padding: 0 !important; } .b-form_message_leaflet .b-form_message { padding: 76px 0 40px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIwcHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDcyMCAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzA3LjU5OTA3OSw1LjQ1NDggQzcwNC4wMzA5NSwyLjc3MTYgNzAwLjMzOTI1LDAgNjkyLjk4OTMxNiwwIEM2ODUuNjQ3MTA2LDAgNjgxLjk1NTQwNiwyLjc3MTYgNjc4LjM4NzI3Nyw1LjQ1NDggQzY3NC45OTY3ODIsNy45OTI0IDY3MS44MDk2NjUsMTAuNCA2NjUuMzE0NDM1LDEwLjQgQzY1OC44MTY2MzEsMTAuNCA2NTUuNjI5NTE0LDcuOTkyNCA2NTIuMjM5MDE5LDUuNDU0OCBDNjQ4LjY3MDg5MSwyLjc3MTYgNjQ0Ljk3OTE5LDAgNjM3LjYzOTU1NCwwIEM2MzAuMjg3MDQ2LDAgNjI2LjU5NzkyLDIuNzcxNiA2MjMuMDI3MjE3LDUuNDU0OCBDNjE5LjY0NzAyLDcuOTkyNCA2MTYuNDQ5NjA2LDEwLjQgNjA5Ljk2NDY3MywxMC40IEM2MDMuNDc3MTY2LDEwLjQgNjAwLjI3OTc1Miw3Ljk5MjQgNTk2Ljg5OTU1NSw1LjQ1NDggQzU5My4zMzE0MjYsMi43NzE2IDU4OS42Mzk3MjYsMCA1ODIuMzAwMDksMCBDNTc0Ljk1Nzg4LDAgNTcxLjI2NjE3OSwyLjc3MTYgNTY3LjY5ODA1MSw1LjQ1NDggQzU2NC4zMTc4NTQsNy45OTI0IDU2MS4xMjA0MzksMTAuNCA1NTQuNjMyOTMyLDEwLjQgQzU0OC4xMzc3MDIsMTAuNCA1NDQuOTUwNTg2LDcuOTkyNCA1NDEuNTcwMzg5LDUuNDU0OCBDNTM3Ljk5OTY4NSwyLjc3MTYgNTM0LjMxMDU1OSwwIDUyNi45NTgwNTEsMCBDNTI2LjgxOTAzMywwIDUyNi42ODc3MzksMC4wMjA4IDUyNi41NDYxNDYsMC4wMjA4IEM1MjYuNDA3MTI4LDAuMDIwOCA1MjYuMjc1ODMzLDAgNTI2LjEzNDI0MSwwIEM1MTguNzk0NjA1LDAgNTE1LjEwMjkwNSwyLjc3MTYgNTExLjUzMjIwMiw1LjQ1NDggQzUwOC4xNDQyODEsNy45OTI0IDUwNC45NTcxNjUsMTAuNCA0OTguNDU5MzYsMTAuNCBDNDkxLjk2NDEzLDEwLjQgNDg4Ljc3NDQzOSw3Ljk5MjQgNDg1LjM4NjUxOSw1LjQ1NDggQzQ4MS44MTU4MTUsMi43NzE2IDQ3OC4xMjY2ODksMCA0NzAuNzg0NDc5LDAgQzQ2My40MzQ1NDYsMCA0NTkuNzQyODQ1LDIuNzcxNiA0NTYuMTcyMTQyLDUuNDU0OCBDNDUyLjc5NDUxOSw3Ljk5MjQgNDQ5LjU5NzEwNSwxMC40IDQ0My4xMDk1OTgsMTAuNCBDNDM2LjYyNDY2NiwxMC40IDQzMy40MjQ2NzcsNy45OTI0IDQzMC4wNDcwNTQsNS40NTQ4IEM0MjYuNDc2MzUxLDIuNzcxNiA0MjIuNzg3MjI1LDAgNDE1LjQ0NTAxNSwwIEM0MDguMTAyODA1LDAgNDA0LjQxMzY3OSwyLjc3MTYgNDAwLjg0Mjk3NSw1LjQ1NDggQzM5Ny40NjUzNTMsNy45OTI0IDM5NC4yNjUzNjQsMTAuNCAzODcuNzgwNDMyLDEwLjQgQzM4Ny4zMDY3NDEsMTAuNCAzODYuODg0NTM4LDEwLjM1ODQgMzg2LjQ1MjAzNywxMC4zNDAyIEMzODYuMDAxNTE2LDEwLjMxOTQgMzg1LjU2OTAxNiwxMC4yODgyIDM4NS4xNTQ1MzYsMTAuMjM4OCBDMzgwLjM2ODcxMiw5LjY3OTggMzc3LjYwMzc5OSw3LjYyODQgMzc0LjcxNzg4OCw1LjQ1NDggQzM3MS4xNDcxODUsMi43NzE2IDM2Ny40NTU0ODQsMCAzNjAuMTA1NTUxLDAgQzM2MC4wNjQzNiwwIDM2MC4wMjU3NDQsMC4wMTA0IDM1OS45NzQyNTYsMC4wMTA0IEMzNTkuOTMzMDY1LDAuMDEwNCAzNTkuODk0NDQ5LDAgMzU5Ljg1MzI1OSwwIEMzNTIuNTAzMzI1LDAgMzQ4LjgxMTYyNSwyLjc3MTYgMzQ1LjI0MDkyMiw1LjQ1NDggQzM0Mi4zNTUwMTEsNy42Mjg0IDMzOS41Nzk3OTksOS42OTAyIDMzNC43OTM5NzYsMTAuMjM4OCBDMzM0LjQwMjY2NiwxMC4yNzc4IDMzMy45OTg0ODQsMTAuMzA5IDMzMy41NzYyODEsMTAuMzI5OCBDMzMzLjExNTQ2MiwxMC4zNTg0IDMzMi42NzI2NjQsMTAuNCAzMzIuMTc4Mzc4LDEwLjQgQzMyNS42ODMxNDgsMTAuNCAzMjIuNDg1NzMzLDcuOTkyNCAzMTkuMTA1NTM2LDUuNDU0OCBDMzE1LjUzNDgzMywyLjc3MTYgMzExLjg0NTcwNywwIDMwNC40OTMxOTksMCBDMjk3LjE1MzU2MywwIDI5My40NjE4NjMsMi43NzE2IDI4OS44OTExNiw1LjQ1NDggQzI4Ni41MTM1MzcsNy45OTI0IDI4My4zMTYxMjMsMTAuNCAyNzYuODI4NjE2LDEwLjQgQzI3MC4zMzMzODYsMTAuNCAyNjcuMTQ2MjY5LDcuOTkyNCAyNjMuNzY2MDcyLDUuNDU0OCBDMjYwLjE5NTM2OSwyLjc3MTYgMjU2LjUwNjI0MywwIDI0OS4xNjQwMzMsMCBDMjQxLjgxNDA5OSwwIDIzOC4xMzI2OTYsMi43NzE2IDIzNC41NjE5OTMsNS40NTQ4IEMyMzEuMTg0MzcsNy45OTI0IDIyNy45ODY5NTYsMTAuNCAyMjEuNDk5NDQ5LDEwLjQgQzIxNS4wMDQyMTksMTAuNCAyMTEuODE0NTI4LDcuOTkyNCAyMDguNDI2NjA4LDUuNDU0OCBDMjA0Ljg1NTkwNSwyLjc3MTYgMjAxLjE2Njc3OSwwIDE5My44MjQ1NjgsMCBDMTkzLjY3MjY3OCwwIDE5My41NTQyNTYsMC4wMjA4IDE5My40MTI2NjMsMC4wMjA4IEMxOTMuMjYwNzczLDAuMDIwOCAxOTMuMTM5Nzc2LDAgMTkzLjAwMDc1OCwwIEMxODUuNjQ4MjUsMCAxODEuOTU5MTI0LDIuNzcxNiAxNzguMzk4NzE5LDUuNDU0OCBDMTc1LjAwODIyNCw3Ljk5MjQgMTcxLjgyMTEwNywxMC40IDE2NS4zMjU4NzcsMTAuNCBDMTU4LjgyODA3MiwxMC40IDE1NS42MzA2NTgsNy45OTI0IDE1Mi4yNTMwMzYsNS40NTQ4IEMxNDguNjgyMzMyLDIuNzcxNiAxNDQuOTkwNjMyLDAgMTM3LjY0MDY5OSwwIEMxMzAuMjk4NDg4LDAgMTI2LjYwOTM2MiwyLjc3MTYgMTIzLjAzODY1OSw1LjQ1NDggQzExOS42NTg0NjIsNy45OTI0IDExNi40NjEwNDgsMTAuNCAxMDkuOTc2MTE1LDEwLjQgQzEwMy40NzgzMTEsMTAuNCAxMDAuMjkxMTk0LDcuOTkyNCA5Ni45MTM1NzE0LDUuNDU0OCBDOTMuMzQyODY4MiwyLjc3MTYgODkuNjUxMTY3OCwwIDgyLjMxMTUzMTksMCBDNzQuOTU5MDI0LDAgNzEuMjgwMTk1NywyLjc3MTYgNjcuNzA5NDkyNCw1LjQ1NDggQzY0LjMyOTI5NTMsNy45OTI0IDYxLjEzMTg4MTIsMTAuNCA1NC42NDY5NDg2LDEwLjQgQzQ4LjE0OTE0NCwxMC40IDQ0Ljk2MjAyNzUsNy45OTI0IDQxLjU3MTUzMjgsNS40NTQ4IEMzOC4wMDM0MDM5LDIuNzcxNiAzNC4zMTE3MDM1LDAgMjYuOTcyMDY3NywwIEMxOS42Mjk4NTc0LDAgMTUuOTM4MTU3LDIuNzcxNiAxMi4zNzAwMjgyLDUuNDU0OCBDOS4xMTA4MjgyNCw3LjkwMTQgNi4wMDM1MTgzNiwxMC4xOTcyIDAsMTAuMzY4OCBDMC41NzQwOTI4NzksMTEuMjExMiAxLjE3NjUwNDI0LDEyLjA0NTggMS43NzExOTIzOCwxMi44Nzc4IEM3LjUyMjQxODgsMTIuMzM5NiAxMC43NjEwMjM1LDkuOTAzNCAxMy45MDY5NDk1LDcuNTQ1MiBDMTcuMjg3MTQ2Niw0Ljk5NzIgMjAuNDg0NTYwNywyLjYgMjYuOTcyMDY3NywyLjYgQzMzLjQ2NzI5NzksMi42IDM2LjY1NDQxNDQsNC45OTcyIDQwLjAzNDYxMTUsNy41NDUyIEM0My42MDUzMTQ3LDEwLjIyODQgNDcuMjk0NDQwNywxMyA1NC42NDY5NDg2LDEzIEM2MS45ODY1ODQ1LDEzIDY1LjY3ODI4NDksMTAuMjI4NCA2OS4yNDY0MTM3LDcuNTQ1MiBDNzIuNjI2NjEwOCw0Ljk5NzIgNzUuODEzNzI3MywyLjYgODIuMzExNTMxOSwyLjYgQzg4Ljc5NjQ2NDUsMi42IDkxLjk5Mzg3ODYsNC45OTcyIDk1LjM3NDA3NTcsNy41NDUyIEM5OC45NDQ3NzksMTAuMjI4NCAxMDIuNjIzNjA3LDEzIDEwOS45NzYxMTUsMTMgQzExNy4zMTU3NTEsMTMgMTIxLjAwNzQ1MSwxMC4yMjg0IDEyNC41NzgxNTUsNy41NDUyIEMxMjcuOTU1Nzc3LDQuOTk3MiAxMzEuMTUzMTkyLDIuNiAxMzcuNjQwNjk5LDIuNiBDMTQ0LjEzNTkyOSwyLjYgMTQ3LjMzMzM0Myw0Ljk5NzIgMTUwLjcxMzU0LDcuNTQ1MiBDMTU0LjI4NDI0MywxMC4yMjg0IDE1Ny45NzMzNjksMTMgMTY1LjMyNTg3NywxMyBDMTY2LjUwMjM4MSwxMyAxNjcuNTQ3NTkxLDEyLjkwOSAxNjguNTU0MTg0LDEyLjc3NjQgQzE2OC41NzIyMDUsMTIuODE4IDE2OC42MDMwOTgsMTIuODQ2NiAxNjguNjIzNjkzLDEyLjg3NzggQzE3NC4zNjQ2MjIsMTIuMzM5NiAxNzcuNjEzNTI0LDkuOTAzNCAxODAuNzYyMDI1LDcuNTQ1MiBDMTg0LjA1OTg0MSw1LjA1NyAxODcuMjA4MzQxLDIuNzIyMiAxOTMuNDEyNjYzLDIuNjIwOCBDMTk5LjYxNjk4NSwyLjcyMjIgMjAyLjc2NTQ4Niw1LjA1NyAyMDYuMDczNTk5LDcuNTQ1MiBDMjA5LjIyMjEsOS45MTEyIDIxMi40Njg0MjgsMTIuMzM5NiAyMTguMjQwMjQ5LDEyLjg3NzggQzIxOC4yNjA4NDUsMTIuODQ2NiAyMTguMjgxNDQsMTIuODE4IDIxOC4zMTIzMzMsMTIuNzg2OCBDMjE5LjI5ODMzMSwxMi45MDkgMjIwLjM0MzU0LDEzIDIyMS40OTk0NDksMTMgQzIyOC44NDE2NiwxMyAyMzIuNTMwNzg2LDEwLjIyODQgMjM2LjEwMTQ4OSw3LjU0NTIgQzIzOS40NzkxMTIsNC45OTcyIDI0Mi42Njg4MDIsMi42IDI0OS4xNjQwMzMsMi42IEMyNTUuNjUxNTQsMi42IDI1OC44NDg5NTQsNC45OTcyIDI2Mi4yMjY1NzYsNy41NDUyIEMyNjUuNzk3MjgsMTAuMjI4NCAyNjkuNDc4NjgyLDEzIDI3Ni44Mjg2MTYsMTMgQzI4NC4xNzA4MjYsMTMgMjg3Ljg1OTk1MiwxMC4yMjg0IDI5MS40MzA2NTUsNy41NDUyIEMyOTQuODEwODUzLDQuOTk3MiAyOTguMDA4MjY3LDIuNiAzMDQuNDkzMTk5LDIuNiBDMzEwLjk5MTAwNCwyLjYgMzE0LjE4ODQxOCw0Ljk5NzIgMzE3LjU2NjA0MSw3LjU0NTIgQzMyMS4xMzY3NDQsMTAuMjI4NCAzMjQuODI4NDQ0LDEzIDMzMi4xNzgzNzgsMTMgQzMzMy4xNDM3ODEsMTMgMzM0LjAzOTY3NCwxMi45NDggMzM0Ljg5NDM3OCwxMi44NTcgQzMzNC44OTQzNzgsMTIuODY3NCAzMzQuOTA0Njc1LDEyLjg3NzggMzM0LjkwNDY3NSwxMi44Nzc4IEMzNDAuNjU1OTAyLDEyLjMzOTYgMzQzLjg5NDUwNyw5LjkwMzQgMzQ3LjA0MzAwNyw3LjU0NTIgQzM1MC40MDAwMzQsNS4wMTggMzUzLjU3OTQyOCwyLjY0MTYgMzU5Ljk3NDI1NiwyLjYxMDQgQzM2Ni4zNzkzODIsMi42NDE2IDM2OS41NjkwNzMsNS4wMTggMzcyLjkyNjEsNy41NDUyIEMzNzYuMDc0NjAxLDkuOTExMiAzNzkuMzIzNTAzLDEyLjMzOTYgMzg1LjA5NTMyNSwxMi44Nzc4IEMzODUuMDk1MzI1LDEyLjg3NzggMzg1LjEwNTYyMiwxMi44Njc0IDM4NS4xMDU2MjIsMTIuODU3IEMzODUuOTM5NzMsMTIuOTQ4IDM4Ni44MjUzMjYsMTMgMzg3Ljc4MDQzMiwxMyBDMzk1LjEyMDA2OCwxMyAzOTguODExNzY4LDEwLjIyODQgNDAyLjM4MjQ3MSw3LjU0NTIgQzQwNS43NjAwOTQsNC45OTcyIDQwOC45NTc1MDgsMi42IDQxNS40NDUwMTUsMi42IEM0MjEuOTMyNTIyLDIuNiA0MjUuMTI5OTM2LDQuOTk3MiA0MjguNTA3NTU5LDcuNTQ1MiBDNDMyLjA3ODI2MiwxMC4yMjg0IDQzNS43Njk5NjIsMTMgNDQzLjEwOTU5OCwxMyBDNDUwLjQ1MTgwOSwxMyA0NTQuMTQwOTM1LDEwLjIyODQgNDU3LjcxMTYzOCw3LjU0NTIgQzQ2MS4wODkyNiw0Ljk5NzIgNDY0LjI4OTI0OSwyLjYgNDcwLjc4NDQ3OSwyLjYgQzQ3Ny4yNzE5ODYsMi42IDQ4MC40Njk0LDQuOTk3MiA0ODMuODQ3MDIzLDcuNTQ1MiBDNDg3LjQxNzcyNiwxMC4yMjg0IDQ5MS4xMTk3MjQsMTMgNDk4LjQ1OTM2LDEzIEM0OTkuNjM1ODY0LDEzIDUwMC42ODEwNzQsMTIuOTA5IDUwMS42ODc2NjcsMTIuNzc2NCBDNTAxLjcwODI2MiwxMi44MTggNTAxLjczOTE1NSwxMi44NDY2IDUwMS43NTcxNzYsMTIuODc3OCBDNTA3LjUxMDk3NywxMi4zMzk2IDUxMC43NDk1ODIsOS45MDM0IDUxMy44OTU1MDgsNy41NDUyIEM1MTcuMjAzNjIxLDUuMDU3IDUyMC4zNTIxMjIsMi43MjIyIDUyNi41NDYxNDYsMi42MjA4IEM1MzIuNzUwNDY4LDIuNzIyMiA1MzUuODk4OTY5LDUuMDU3IDUzOS4yMDcwODIsNy41NDUyIEM1NDIuMzU1NTgzLDkuOTExMiA1NDUuNjE0NzgzLDEyLjMzOTYgNTUxLjM3NjMwNywxMi44Nzc4IEM1NTEuMzk2OTAyLDEyLjg0NjYgNTUxLjQxNDkyMywxMi44MTggNTUxLjQ0NTgxNiwxMi43ODY4IEM1NTIuNDMxODE0LDEyLjkwOSA1NTMuNDc3MDIzLDEzIDU1NC42MzI5MzIsMTMgQzU2MS45NzUxNDMsMTMgNTY1LjY2Njg0MywxMC4yMjg0IDU2OS4yMzQ5NzIsNy41NDUyIEM1NzIuNjE1MTY5LDQuOTk3MiA1NzUuODEyNTgzLDIuNiA1ODIuMzAwMDksMi42IEM1ODguNzg1MDIzLDIuNiA1OTEuOTgyNDM3LDQuOTk3MiA1OTUuMzYyNjM0LDcuNTQ1MiBDNTk4LjkzMDc2MywxMC4yMjg0IDYwMi42MjI0NjMsMTMgNjA5Ljk2NDY3MywxMyBDNjE3LjMwNDMwOSwxMyA2MjAuOTk2MDEsMTAuMjI4NCA2MjQuNTY0MTM5LDcuNTQ1MiBDNjI3Ljk0NDMzNiw0Ljk5NzIgNjMxLjE0MTc1LDIuNiA2MzcuNjM5NTU0LDIuNiBDNjQ0LjEyNDQ4NywyLjYgNjQ3LjMyMTkwMSw0Ljk5NzIgNjUwLjcwMjA5OCw3LjU0NTIgQzY1NC4yNzI4MDEsMTAuMjI4NCA2NTcuOTcyMjI1LDEzIDY2NS4zMTQ0MzUsMTMgQzY3Mi42NjQzNjksMTMgNjc2LjM1NjA2OSwxMC4yMjg0IDY3OS45MjQxOTgsNy41NDUyIEM2ODMuMzA0Mzk1LDQuOTk3MiA2ODYuNDkxNTEyLDIuNiA2OTIuOTg5MzE2LDIuNiBDNjk5LjQ4NDU0NiwyLjYgNzAyLjY4MTk2MSw0Ljk5NzIgNzA2LjA2MjE1OCw3LjU0NTIgQzcwOS4yMDgwODQsOS45MTEyIDcxMi40NjcyODQsMTIuMzM5NiA3MTguMjI4ODA4LDEyLjg3NzggQzcxOC44MjM0OTYsMTIuMDQ1OCA3MTkuNDI1OTA3LDExLjIxMTIgNzIwLDEwLjM2ODggQzcxMy45NzU4ODYsMTAuMTk3MiA3MTAuODU4Mjc5LDcuOTAxNCA3MDcuNTk5MDc5LDUuNDU0OCIgZmlsbD0iIzAwNzVEMSI+PC9wYXRoPjwvc3ZnPg==) center 40px no-repeat; } @media (max-width: 767px) { .b-form_message_balloon { font: 400 14px/1.5 'Open Sans', sans-serif; } .b-form_message_balloon h6 { margin-bottom: 20px !important; font: 400 24px 'Open Sans', sans-serif !important; } } /* -------------------- -------------------- Gray form -------------------- */ .b-form__white .b-form_box_field input[type="text"], .b-form__white .b-form_box_field input[type="date"], .b-form__white .b-form_box_field input[type="tel"], .b-form__white .b-form_box_field input[type="email"], .b-form__white .b-form_box_field input[type="password"], .b-form__white .b-form_box_field textarea, .b-form__white .b-form_box_field div[contenteditable], .b-form__white .b-form_box_field .e-select, .b-form__white .b-form_box_field .selectric, .b-form__white .b-form_box_field .b-form_box_field_date { padding: 0 20px; height: 48px; font: 300 24px 'Open Sans', sans-serif; border-color: transparent; border-radius: 8px/*16px*/; } .b-form__white .b-form_box_field textarea { padding: 14px 20px; } .b-form__white .b-form_box_field div[contenteditable] { padding: 14px 20px; } .b-form__white .b-form_box_field .e-select span, .b-form__white .b-form_box_field .selectric .label { line-height: 46px; } .b-form__white .b-form_box_field > select { height: 48px; } .b-form__white .b-form_box_field .b-form_box_field_date { line-height: 46px; } .b-form__white .b-form_files_item { color: #fff; } .b-form__white .b-form_files_item_icon { fill: #fff; } .b-form__white .b-form_files_item_remove.e-btn svg { fill: #fff; } .b-form__white .b-form_files_item_ok { fill: #fa3b00; } .b-form__white .b-form_files_item_title small { color: #fa3b00; } .b-form__white .b-form_files_item_progress { background: rgba(0, 0, 0, .1); } .b-form__white .b-form_files_item_progress_bar { background: rgba(0, 0, 0, .2); } .b-form__white .b-form_files_add { display: table !important; margin: 0 auto !important; width: auto !important; } .b-form__white .b-form_box_field input::-webkit-input-placeholder, .b-form__white .b-form_box_field textarea::-webkit-input-placeholder { font-style: italic; color: #999; } .b-form__white .b-form_box_field input:-moz-placeholder, .b-form__white .b-form_box_field textarea:-moz-placeholder { font-style: italic; color: #999; } .b-form__white .b-form_box_field input:-ms-input-placeholder, .b-form__white .b-form_box_field textarea:-ms-input-placeholder { font-style: italic; color: #999; } .b-form__white .b-form_box_field .e-select .placeholder, .b-form__white .b-form_box_field .selectric .placeholder, .b-form__white .b-form_box_field .b-form_box_field_date .placeholder { font-style: italic; color: #999; } .b-form__white .b-form_box_field div[contenteditable]:empty:before { color: #999; } @media (max-width: 767px) { .b-form_box_field input[type="text"], .b-form_box_field input[type="date"], .b-form_box_field input[type="tel"], .b-form_box_field input[type="email"], .b-form_box_field input[type="password"], .b-form_box_field textarea, .b-form_box_field div[contenteditable], .b-form_box_field .e-select, .b-form_box_field .selectric, .b-form_box_field .b-form_box_field_date { height: 36px; font: 400 18px 'Open Sans', sans-serif; } .b-form_box_field .e-select span, .b-form_box_field .selectric .label { line-height: 34px; } .b-form_box_field > select { height: 36px; } .b-form_box_field .b-form_box_field_date { line-height: 34px; } } /* End */ /* Start:/bitrix/templates/main/assets/css/typography.css?15771348007818*/ /* -------------------- Typography -------------------- */ .b-wysiwyg { font: 400 16px/1.6875 'Helvetica', 'Arial', sans-serif; } .b-wysiwyg__lg { font: 400 18px/1.6875 'Open Sans', 'Helvetica', 'Arial', sans-serif; } @media (max-width: 767px) { .b-wysiwyg { font: 400 14px/1.5 'Helvetica', 'Arial', sans-serif; } } /* * * Wysiwyg :: headers * * */ .b-wysiwyg h2 { margin: 16px 0 8px; font: 400 16px 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; text-align: center; color: #136a65; } .b-wysiwyg h3 { margin: 1.3333332em 0; font: 700 24px 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; color: #FA3B00; } .b-wysiwyg h4 { margin: 1.3333332em 0; font: 700 14px 'Helvetica', 'Arial', sans-serif; color: #444; } .b-wysiwyg h5 { margin: 1.3333332em 0; font: 700 13px 'Helvetica', 'Arial', sans-serif; color: #444; } .b-wysiwyg h6 { margin: 1.3333332em 0; font: 700 12px 'Helvetica', 'Arial', sans-serif; color: #444; } @media (max-width: 767px) { .b-wysiwyg h3 { margin: 1.3333332em 0 1em; font: 700 18px 'Helvetica', 'Arial', sans-serif; } } .b-wysiwyg h1:first-child, .b-wysiwyg h2:first-child, .b-wysiwyg h3:first-child, .b-wysiwyg h4:first-child, .b-wysiwyg h5:first-child, .b-wysiwyg h6:first-child { margin-top: auto; } .b-wysiwyg h1:last-child, .b-wysiwyg h2:last-child, .b-wysiwyg h3:last-child, .b-wysiwyg h4:last-child, .b-wysiwyg h5:last-child, .b-wysiwyg h6:last-child { margin-bottom: auto; } .b-wysiwyg h1 + *, .b-wysiwyg h2 + *, .b-wysiwyg h3 + *, .b-wysiwyg h4 + *, .b-wysiwyg h5 + *, .b-wysiwyg h6 + * { margin-top: auto !important; } /* * * Wysiwyg :: defaults * * */ .b-wysiwyg p, .b-wysiwyg ul, .b-wysiwyg ol, .b-wysiwyg hr, .b-table { margin-top: 1.3333332em; margin-bottom: 1.3333332em; } .b-wysiwyg img { max-width: 100%; height: auto; } .b-wysiwyg img[data-href] { cursor: pointer; } @media (max-width: 767px) { .b-wysiwyg img { width: 100%; } } .b-wysiwyg hr { display: block; margin-top: 2em; margin-bottom: 2em; max-width: 100%; height: 0; background: none; border: none; border-bottom: 2px solid #efeff2; } .b-wysiwyg small { font-size: .875em; } .b-wysiwyg a { text-decoration: underline; color: #21759b; } .b-wysiwyg a:hover { text-decoration: none; } .b-wysiwyg a[href^="mailto:"] { white-space: nowrap; text-decoration: none; color: inherit; } .b-wysiwyg a[href^="mailto:"]:hover { text-decoration: none; color: #21759b; } .b-wysiwyg a[href^="tel:"] { white-space: nowrap; text-decoration: none; color: inherit; } .b-wysiwyg a[href^="tel:"]:hover { text-decoration: none; color: #21759b; } .b-wysiwyg td table { margin-top: auto; margin-bottom: auto; } /* * * Wysiwyg :: lists * * */ .b-wysiwyg ul, .b-wysiwyg ol { list-style: none; clear: both; margin-left: 0; } .b-wysiwyg li ul, .b-wysiwyg li ol { margin: 10px 0 !important; } .b-wysiwyg li { position: relative; margin: 0; padding-left: 36px; } .b-wysiwyg li:before { position: absolute; left: 0; top: 0; font-weight: 500; } .b-wysiwyg ul > li:before { left: 16px; top: .6em; width: 6px; height: 6px; background: currentColor; border-radius: 50%; content: ''; } .b-wysiwyg ol { margin-left: 0; counter-reset: list; } .b-wysiwyg ol ol { margin-left: 18px; counter-reset: sublist; } .b-wysiwyg ol ol ol { margin-left: auto; counter-reset: thirdlist; } .b-wysiwyg ol > li { padding-left: 26px; } .b-wysiwyg ol ol > li { padding-left: 39px; } .b-wysiwyg ol ol ol > li { padding-left: 52px; } .b-wysiwyg ol > li:before { left: 0; top: 0; line-height: inherit !important; text-align: left; background: none; counter-increment: list; content: counter(list) "."; } .b-wysiwyg ol ol > li:before { counter-increment: sublist; content: counter(list) "." counter(sublist) "."; } .b-wysiwyg ol ol ol > li:before { counter-increment: thirdlist; content: counter(list) "." counter(sublist) "." counter(thirdlist) "."; } .b-wysiwyg ol ul { font-size: 16px; opacity: .65; } .b-wysiwyg ol ul > li { margin: 0; padding-left: 20px; } .b-wysiwyg ol ul > li:before { left: 0; top: 11px; width: 10px; height: 1px; opacity: .65; border-radius: 0; } @media (max-width: 767px) { .b-wysiwyg li { padding-left: 24px; } .b-wysiwyg ul > li:before { left: 0; } } /* * * Wysiwyg :: collapsing * * */ .b-wysiwyg p:first-child, .b-wysiwyg li:first-child, .b-wysiwyg ul:first-child, .b-wysiwyg ol:first-child, .b-wysiwyg dl:first-child, .b-wysiwyg hr:first-child, .b-table:first-child { margin-top: auto; } .b-wysiwyg p:last-child, .b-wysiwyg li:last-child, .b-wysiwyg ul:last-child, .b-wysiwyg ol:last-child, .b-wysiwyg dl:last-child, .b-wysiwyg hr:last-child, .b-table:last-child { margin-bottom: auto; } /* * * Wysiwyg :: grid * * */ .b-wysiwyg .flex:last-child { margin-bottom: -1.3333332em; } .b-wysiwyg .flex > [class*="col-"] { margin-bottom: 1.3333332em; } .b-wysiwyg .flex.sm:last-child { margin-bottom: -16px; } .b-wysiwyg .flex.sm > [class*="col-"] { margin-bottom: 16px; } .b-wysiwyg .flex.sm + .flex.sm { margin-top: 16px; } /* * * Wysiwyg :: columns * * */ .b-wysiwyg .m-columns { column-count: 2; column-gap: 30px; } @media (max-width: 999px) { .b-wysiwyg .m-columns { column-count: 2; column-gap: 20px; } } /* -------------------- Tables -------------------- */ .b-wysiwyg table { margin: 2em 0; width: 100%; font-size: 16px; border-collapse: separate; border-spacing: 0; } .b-wysiwyg table:first-child { margin-top: auto; } .b-wysiwyg table:last-child { margin-bottom: auto; } .b-wysiwyg table td { vertical-align: top; padding: 16px 40px 16px 0; border-bottom: 2px solid #f5f5f5; } .b-wysiwyg table th { vertical-align: bottom; padding: 0 40px 11px 0; font-weight: 400; text-align: left; border-bottom: 2px solid #f5f5f5; } .b-wysiwyg .g-center th { text-align: center; } @media (max-width: 999px) { .b-wysiwyg table { margin: 1.3333332em 0; font-size: 14px; } } /* * * Tables :: scroll box * * */ .b-wysiwyg .b-table_overflow { position: relative; } .b-wysiwyg .b-table_overflow.scrollable { overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; } .b-wysiwyg .b-table_overflow_wrap { position: relative; margin: 2em -35vw 2em 0; padding-right: 35vw; overflow: hidden; /*padding-bottom: 20px; */} .b-wysiwyg .b-table_overflow_wrap:after { position: absolute; right: 35vw; top: -10px; bottom: 40px; margin-right: -15px; width: 70px; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); pointer-events: none; content: ''; } .b-wysiwyg .b-table_overflow_wrap .b-table_overflow { margin-bottom: -70px !important; padding-bottom: 70px; } .b-wysiwyg .b-table_overflow_bar { display: none; position: relative; margin-top: 20px; height: 4px; background: #f5f5f5; border-radius: 0; opacity: 0; transition: opacity 400ms; cursor: default; pointer-events: none; } .b-wysiwyg .b-table_overflow_bar_handle { position: absolute; left: 0; top: 0; height: 100%; background: #000; border-radius: inherit; } .b-wysiwyg .b-table_overflow.scrollable ~ .b-table_overflow_bar { display: block; opacity: 1; } .b-wysiwyg .b-table_overflow:first-child { margin-top: auto; } .b-wysiwyg .b-table_overflow:last-child { margin-bottom: auto; } .b-wysiwyg .b-table_overflow .ps-scrollbar-x-rail { height: 8px; -webkit-border-radius: 0; border-radius: 0; opacity: 1; } .b-wysiwyg .b-table_overflow .ps-scrollbar-x-rail .ps-scrollbar-x { bottom: 2px; height: 4px; -webkit-border-radius: 0; border-radius: 0; } @media (max-width: 999px) { .b-wysiwyg .b-table_overflow_wrap { margin: 1.3333332em -35vw 1.3333332em 0; } } /* -------------------- Mods -------------------- */ .m-bottom-offset-0 { margin-bottom: 0 !important; } .m-bottom-offset-20 { margin-bottom: 20px !important; } .m-bottom-offset-40 { margin-bottom: 40px !important; } .m-condensed { font-weight: 400; font-family: 'Open Sans', sans-serif; } /* End */ /* Start:/bitrix/templates/main/assets/css/main.css?159000840039288*/ /* -------------------- Reset -------------------- */ * { margin: 0; outline: none; } article, aside, figure, footer, header, nav, main, section, details, summary { display: block; } body, p, ul, li, ol, pre, caption, h1, h2, h3, h4, h5, h6, form, div, fieldset, legend { padding: 0; } html { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { display: block; position: relative; min-height: 100%; height: 100%; width: 100%; font: 300 .625em 'Open Sans', sans-serif; color: #444; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEX////W1tZkFI+EAAAAAnRSTlOAgKCo1lMAAAAOSURBVAjXY2hgcGBQAAADZgDhhqGEdwAAAABJRU5ErkJggg==) right top repeat; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; } img, fieldset { border: 0; } input, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], button, textarea { -webkit-appearance: none; } a, button { transition: color 250ms, background 250ms, border 250ms, opacity 250ms; } [fill] { transition: fill 250ms; } [stroke] { transition: stroke 250ms; } iframe { border: none; } .disable-hover, .disable-hover * { pointer-events: none !important; } .disable-transition, .disable-transition *, .disable-transition *:after, .disable-transition *:before { transition-property: none !important; } html:not(.domIsReady), html:not(.domIsReady) *, html:not(.domIsReady) *:after, html:not(.domIsReady) *:before { transition-property: none !important; } /* ----------------------- Global ----------------------- */ .g-hidden { display: none; visibility: hidden; } .g-invisible { opacity: 0; visibility: hidden; } .g-relative { position: relative; z-index: 5; } @media (min-width: 768px) { .g-pull-left { float: left; margin: 6px 20px 10px 0 !important; } .g-pull-right { float: right; margin: 6px 0 20px 10px !important; } .g-pull-left:first-child + p, .g-pull-right:first-child + p { margin-top: auto; } .g-pull-wrapper { overflow: hidden; } } .g-left { text-align: left; } .g-center { text-align: center; } .g-right { text-align: right; } .g-justify { text-align: justify; } @media (max-width: 479px) { .g-left-xs { text-align: left !important; } .g-center-xs { text-align: center !important; } .g-right-xs { text-align: right !important; } } @media (min-width: 480px) and (max-width: 767px) { .g-left-sm { text-align: left !important; } .g-center-sm { text-align: center !important; } .g-right-sm { text-align: right !important; } } @media (min-width: 768px) and (max-width: 999px) { .g-left-md { text-align: left !important; } .g-center-md { text-align: center !important; } .g-right-md { text-align: right !important; } } @media (min-width: 1000px) { .g-left-lg { text-align: left !important; } .g-center-lg { text-align: center !important; } .g-right-lg { text-align: right !important; } } .g-nowrap { white-space: nowrap; } .g-underline { text-decoration: underline; } .g-dashed { line-height: 1; text-decoration: none !important; border-bottom-width: 1px; border-bottom-style: dashed !important; transition: all 250ms; cursor: pointer; } .g-dashed:hover { border-bottom-color: transparent !important; } .g-solid { line-height: 1; text-decoration: none !important; border-bottom-width: 1px; border-bottom-style: solid !important; transition: all 250ms; } .g-solid:hover { border-bottom-color: transparent !important; } /* * * Icons * * */ .i-svg { position: relative; top: 0.125em; flex-shrink: 0; height: 1em; width: 1em; fill: currentColor; transition: fill 400ms; } .i-svg-block { display: block; top: 0; } /* * * Colors * * */ .g-black { color: #000 !important; } /* * * Mods * * */ .m-vp-100 { height: 100vh; } /* * * Buttons * * */ .e-btn { display: inline-block; vertical-align: top; position: relative; text-decoration: none !important; text-align: center; border: 1px solid transparent; color: inherit; background: transparent; box-sizing: border-box; outline: none; overflow: visible !important; transition: all 400ms; cursor: pointer; } .e-btn_sm { padding: 10px 24px; font: 400 14px/1 'Open Sans', sans-serif; text-transform: uppercase; border-width: 0; border-radius: 2px; } .e-btn_md { padding: 13px 32px 17px; font: 400 16px/1 'Open Sans', sans-serif; text-transform: uppercase; border-width: 0; border-radius: 0; } .e-btn_lg { padding: 19px 90px; font: 400 24px/1 'Open Sans', sans-serif; text-transform: uppercase; border-width: 0; border-radius: 0; } .e-btn_xl { padding: 24px 90px; font: 400 24px/1 'Open Sans', sans-serif; text-transform: uppercase; border-width: 0; border-radius: 0; } .e-btn_xxl { padding: 33px 3.2vw; font: 600 16px/1 'Open Sans', sans-serif; letter-spacing: 2px; text-transform: uppercase; border-width: 0; border-radius: 8px; } @media (max-width: 479px) { .e-btn_lg, .e-btn_xl { padding: 19px 60px; font: 400 20px/1 'Open Sans', sans-serif; } } .e-btn_red { color: #fff !important; background-color: #fa3b00; border-color: #fa3b00;} .e-btn_red:hover { color: #fff !important; background-color: #d13100; border-color: #d13100; } .e-btn_red_strp { color: #fff !important; background: #fa3b00 url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') center center repeat; border-color: #fa3b00;} .e-btn_red_strp:hover { color: #fff !important; background-color: #d13100; border-color: #d13100; } .e-btn_red_strp_dark { color: #fff !important; background: #fa3b00 url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark-2.png') center center repeat; border-color: #fa3b00;} .e-btn_red_strp_dark:hover { color: #fff !important; background-color: #d13100; border-color: #d13100; } .e-btn_orange { color: #fff !important; background-color: #f57f00; border-color: #f57f00;} .e-btn_orange:hover { color: #fff !important; background-color: #db7100; border-color: #db7100; } .e-btn_orange_strp { color: #fff !important; background: #f57f00 url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') center center repeat; border-color: #f57f00;} .e-btn_orange_strp:hover { color: #fff !important; background-color: #db7100; border-color: #db7100; } .e-btn_green { color: #fff !important; background: #2bb5ad url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') center center repeat; border-color: #2bb5ad;} .e-btn_green:hover { color: #fff !important; background-color: #259c96; border-color: #259c96; } .e-btn_turquoise { color: #fff !important; background: #2ce3dd; border-color: #2ce3dd;} .e-btn_turquoise:hover { color: #fff !important; background-color: #259c96; border-color: #259c96; } .e-btn_blue { color: #fff !important; background: #00aeff; border-color: #00aeff; box-shadow: inset 0 -0.4vw 0 -1px #009ee8, 0 20px 40px -20px #04557a, 0 30px 70px -10px #aaa; } .e-btn_blue:hover { color: #fff !important; background-color: #009ce4; border-color: #009ce4; } .e-btn_shadow { overflow: hidden !important; } .e-btn_shadow:before { position: absolute; left: 0; bottom: 0; right: 0; height: 4px; background: rgba(0, 0, 0, .5); content: ''; } .e-btn_shadow.e-btn_md:before { height: 5px; } .e-btn_dark_shadow.e-btn_lg:before { position: absolute; left: 0; top: 100%; right: 0; height: 6px; background: rgba(10, 10, 10, .5); content: ''; } .e-btn_icon { display: inline-block; margin: -2px 20px -2px -20px; fill: currentColor; } .e-btn[disabled] { cursor: default !important; pointer-events: none; opacity: .45; } /* * * Buttons :: mods * * */ .e-btn_block { display: block; padding-left: 5px !important; padding-right: 5px !important; margin-left: 0; margin-right: 0; width: 100%; } @media (max-width: 479px) { .e-btn_block_xs { display: block; padding-left: 5px !important; padding-right: 5px !important; margin-left: 0; margin-right: 0; width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .e-btn_block_sm { display: block; padding-left: 5px !important; padding-right: 5px !important; margin-left: 0; margin-right: 0; width: 100%; } } @media (min-width: 768px) and (max-width: 999px) { .e-btn_block_md { display: block; padding-left: 5px !important; padding-right: 5px !important; margin-left: 0; margin-right: 0; width: 100%; } } @media (min-width: 1000px) { .e-btn_block_lg { display: block; padding-left: 5px !important; padding-right: 5px !important; margin-left: 0; margin-right: 0; width: 100%; } } /* -------------------- Page -------------------- */ .b-page { position: relative; min-width: 320px; min-height: 100%; color: #444; background: inherit; overflow: hidden; box-sizing: border-box; } .b-page__white { background: #fff; } .b-page_content { position: relative; padding: 10px 0 90px; font: 300 18px/1.5 'Open Sans', sans-serif; visibility: visible; } .b-page_content > * { display: block; opacity: 1; pointer-events: auto; } @media (max-width: 999px) { .b-page_content { padding: 10px 0 70px; } } @media (max-width: 767px) { .b-page_content { padding: 24px 0 40px; } } .b-page_content__top { padding-top: 0; } .b-page_content__bottom { padding-bottom: 0; } /* * * Page :: background * * */ .b-page_bg { position: relative; min-height: 950px; background: center -24px no-repeat; } @media (max-width: 767px) { .b-page_bg { border-top: none !important; } } @media (max-width: 479px) { .b-page_bg { background-size: 576px auto; border-top: 26px solid transparent !important; } } /* * * Page :: flex main layout * * */ @supports (display: flex) { .b-page { display: flex; flex-direction: column; } .b-page_content { flex: 1 0 auto; } } /* * * Page :: sections * * */ .b-section { position: relative; font: 300 16px/1.5 'Open Sans', sans-serif; } /* -------------------- Header -------------------- */ .b-header { position: absolute; z-index: 100; left: 0; top: 0; right: 0; min-width: 320px; height: auto; font: 400 1.6em 'Open Sans', sans-serif; color: #444; box-sizing: border-box; cursor: default; } @media (min-width: 768px) { .b-header + .b-page_content { padding-top: 166px; } } @media (min-width: 1000px) { .b-header + .b-page_content { padding-top: 210px; } } @media (max-width: 767px) { .b-header { position: fixed; left: 0; top: 0; right: 0; height: 56px; } .b-header + * { border-top: 56px solid transparent; } } /* * * Header :: nav * * */ .b-header_nav { position: fixed; z-index: 100; left: 0; top: 0; right: 0; min-width: 320px; height: 38px; color: #ccc; background: #213540; border-bottom: 3px solid #3ca9a2; box-sizing: border-box; } .b-header_nav_menu { list-style: none; font: 400 14px 'Open Sans', sans-serif; text-transform: uppercase; text-align: justify; } .b-header_nav_menu:after { display: inline-block; position: relative; top: -100px; width: 100%; height: 0; visibility: hidden; content: ''; } .b-header_nav_menu > li { display: inline-block; position: relative; } .b-header_nav_menu > li.divider { vertical-align: -1px; width: 1px; height: 14px; background: currentColor; } .b-header_nav_menu > li > a { display: block; position: relative; padding: 8px 8px; text-decoration: none; color: inherit; } .b-header_nav_menu > li > a:before { position: absolute; left: 50%; bottom: 0; margin-left: -9px; border-bottom: 6px solid #3ca9a2; border-left: 9px solid transparent; border-right: 9px solid transparent; /*width: 18px; height: 6px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAGCAYAAADOic7aAAAAQElEQVQYlWMwv3CMAQ8WBeIVUCyKTy0+QwKB+BUQ/4fiV1Axog2CueI/Drwam+sIuQIXxnAdsa4g6DpSXIHXdQBCT/gpLpf5KAAAAABJRU5ErkJggg==) center bottom no-repeat; */opacity: 0; transition: all 400ms; content: ''; } .b-header_nav_menu > li:hover > a, .b-header_nav_menu > li.current > a { color: #95fff8; } .b-header_nav_menu > li:hover > a:before, .b-header_nav_menu > li.current > a:before { opacity: 1; } .b-header_nav_menu > li > ul { position: absolute; z-index: 10; left: -10px; top: 100%; margin-top: 3px; padding: 4px 10px; min-width: 100%; white-space: nowrap; background: #213540; list-style: none; opacity: 0; visibility: hidden; transition: opacity 400ms, visibility 400ms; } .b-header_nav_menu > li > ul:before { position: absolute; left: 0; bottom: 100%; right: 0; height: 3px; content: ''; } .b-header_nav_menu > li > ul > li > a { display: block; position: relative; padding: 8px 8px; text-decoration: none; color: inherit; } .b-header_nav_menu > li > ul > li:hover > a, .b-header_nav_menu > li > ul > li.current > a { color: #95fff8; } .b-header_nav_menu > li:hover > ul { opacity: 1; visibility: visible; transition-delay: 100ms; } @media (max-width: 999px) { .b-header_nav_menu { font: 400 12px 'Open Sans', sans-serif; } .b-header_nav_menu:after { content: none; } .b-header_nav_menu > li.divider { vertical-align: -2px; } .b-header_nav_menu > li > a, .b-header_nav_menu > li > ul > li > a { padding: 9px 6px; } } @media (max-width: 767px) { .b-header_nav { position: relative; height: auto; margin: 0 -25vw; background: #fff; border: none; } .b-header_nav_menu { color: #213540; } .b-header_nav_menu > li { display: block; padding: 0 25vw;border-bottom: 1px solid #d6d6d6; } .b-header_nav_menu > li.divider { display: none; } .b-header_nav_menu > li > a { display: block; position: relative; padding: 12px 0 12px 40px !important; font: 700 16px/1.375 'Open Sans', sans-serif; } .b-header_nav_menu li:hover > a, .b-header_nav_menu li.current > a { color: #217570; } .b-header_nav_menu > li > a:before { position: absolute; left: 0; bottom: 50%; margin-bottom: -9px; margin-left: -15px; border-left: 6px solid #3ca9a2; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: none; opacity: 0; transition: all 400ms; content: ''; } .b-header_nav_menu > li > a .arrow { position: absolute; z-index: 1; right: -13px; top: 0; width: 46px; height: 46px; padding: 18px 17px 16px; color: #8591A2; transition: all 400ms; cursor: pointer; box-sizing: border-box; } .b-header_nav_menu > li > a .arrow:hover { color: #217570; } .b-header_nav_menu > li > a .arrow:before { position: absolute; right: 50%; top: 50%; margin: -10px -10px 0 0; width: 20px; height: 20px; background: currentColor; border-radius: 50%; content: ''; } .b-header_nav_menu > li > a .arrow svg { display: block; position: relative; fill: #fff; } .b-header_nav_menu > li > a > svg { position: absolute; left: 0; top: 50%; fill: #8591A2; transform: translateY(-50%); transition: all 400ms; } .b-header_nav_menu > li > a:hover > svg, .b-header_nav_menu > li.current > a > svg { fill: #217570; } .b-header_nav_menu > li.marked > a { color: #F93B00; } .b-header_nav_menu > li.marked > a > svg { fill: #F93B00; } .b-header_nav_menu > li > ul { position: relative; left: auto; top: auto; padding: 4px 0; margin: 0 -25vw; background: none; border-top: 1px solid #d6d6d6; opacity: 1; visibility: visible; } .b-header_nav_menu > li > ul > li { padding: 0 25vw; } .b-header_nav_menu > li > ul > li:last-child { border-bottom: none; } .b-header_nav_menu > li > ul > li > a { padding: 9px 0; font: 400 16px/1.375 'Open Sans', sans-serif; text-transform: none; text-decoration: underline; color: inherit; } .b-header_nav_menu > li > ul > li:hover > a, .b-header_nav_menu > li > ul > li.current > a { color: #217570; } } @media (min-width: 768px) { .b-header_nav_menu > li > ul { display: block !important; } .b-header_nav_menu svg { display: none; } } /* * * Header :: panel * * */ .b-header_panel { position: relative; padding: 30px 0; border-top: 38px solid transparent; } .b-header_panel_logo { display: table; font: 400 29px/1 'Open Sans', sans-serif; letter-spacing: .3px; text-decoration: none; text-transform: uppercase; color: #217570; } .b-header_panel_logo > * { display: table-cell; vertical-align: middle; } .b-header_panel_logo_icon { padding-right: 10px; } .b-header_panel_logo_icon img { display: block; position: relative; backface-visibility: hidden; } .b-header_panel_logo_label strong { display: block; font: 700 33px/1 'Philosopher', sans-serif; letter-spacing: -.1px; color: #213540; } .b-header_panel_slogan { margin-top: 24px; font: 400 italic 15px/1 'Open Sans', sans-serif; } .b-header_panel_contacts { position: relative; margin-left: -14px; padding-left: 56px; font: 400 14px/1.714285714285714 'Open Sans', sans-serif; color: #444; } .b-header_panel_contacts:before { position: absolute; left: 0; top: 4px; } .b-header_panel_contacts_title { font-size: 18px; line-height: 1.5; } .b-header_panel_phone { position: relative; float: right; padding-left: 56px; } .b-header_panel_phone:before { position: absolute; left: 0; top: 4px; } .b-header_panel_phone_number { display: block; position: relative; font: 400 25px/1 'Open Sans', sans-serif; text-decoration: none; white-space: nowrap; color: inherit; } .b-header_panel_phone_number:hover { color: #217570; } .b-header_panel_phone_callback { margin-top: 16px; } @media (max-width: 999px) { .b-header_panel { padding: 20px 0; } .b-header_panel_logo { font: 400 20px/1 'Open Sans', sans-serif; letter-spacing: -.3px; } .b-header_panel_logo_icon img { width: 48px; } .b-header_panel_logo_label strong { font: 700 22px/1 'Philosopher', sans-serif; letter-spacing: -.1px; } .b-header_panel_slogan { margin-top: 6px; font: 400 italic 14px/1 'Open Sans', sans-serif; } .b-header_panel_contacts { margin-left: 0; padding-left: 56px; font: 400 14px/1.5 'Open Sans', sans-serif; } .b-header_panel_contacts_title { font-size: 16px; } .b-header_panel_phone { position: relative; float: right; padding-left: 56px; } .b-header_panel_phone:before { position: absolute; left: 0; top: 4px; } .b-header_panel_phone_number { font: 400 22px/1 'Open Sans', sans-serif; } .b-header_panel_phone_callback { margin-top: 12px; padding: 10px 24px 14px; } } @media (max-width: 767px) { .b-header_panel { padding: 16px 25vw 20px; margin: 0 -25vw; border: none; } .b-header_panel_contacts { padding: 0; margin-bottom: 20px; font: 400 16px/1.375 'Open Sans', sans-serif; color: #213540; } .b-header_panel_contacts p ~ p { margin-top: 4px; } .b-header_panel_contacts p:first-child { color: #8591A2; } .b-header_panel_phone { float: none; padding: 0; text-align: center; } .b-header_panel_phone:before { content: none; } .b-header_panel_phone_number { font: 600 24px/1 'Open Sans', sans-serif; } .b-header_panel_phone_number span { border-bottom: 1px dotted; } .b-header_panel_phone_callback { margin-top: 14px; padding: 14px 24px 18px; font: 500 18px/1 'Open Sans', sans-serif; letter-spacing: .02em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAE0lEQVQImWPAAaSwidNHkIGBAQAtYACd09/IcQAAAABJRU5ErkJggg==); border-radius: 6px; overflow: hidden !important; } .b-header_panel_phone_callback:before { opacity: .75; } } /* * * Header :: bar * * */ @media (max-width: 767px) { .b-header_bar { position: relative; padding: 6px 0; height: 56px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); box-sizing: border-box; } .b-header_bar .container { height: 38px; text-align: justify; } .b-header_bar .container:after { display: inline-block; position: relative; top: -100px; width: 100%; height: 0; visibility: hidden; content: ''; } .b-header_bar_logo { display: inline-block; vertical-align: middle; position: relative; padding-left: 58px; font: 400 14px/1 'Open Sans', sans-serif; letter-spacing: normal; text-decoration: none; text-transform: uppercase; color: #217570; } .b-header_bar_logo img { display: block; position: absolute; left: 0; top: 50%; margin-top: -19px; width: 46px; height: 38px; backface-visibility: hidden; } .b-header_bar_logo span { display: block; } .b-header_bar_logo strong { display: block; font: 700 15px/1 'Philosopher', sans-serif; letter-spacing: .5px; color: #213540; } .b-header_bar_phone { display: inline-block; vertical-align: middle; padding: 10px; width: 40px; height: 40px; color: #fff; background: #2BB6AD url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAE0lEQVQImWPAAaSwidNHkIGBAQAtYACd09/IcQAAAABJRU5ErkJggg==); border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, .16); } .b-header_bar_phone svg { display: block; position: relative; fill: currentColor; } .b-header_bar_sandwich { display: inline-block; vertical-align: middle; position: relative; z-index: 115; margin-right: -13px; padding: 3px 13px; height: 44px; border: none; background: none; box-sizing: border-box; transition: all 250ms; cursor: pointer; } .b-header_bar_sandwich_icon { display: block; position: relative; margin: 5px 0; width: 18px; height: 2px; background: #333; border-radius: 0; box-sizing: border-box; } .b-header_bar_sandwich_icon span:first-child { position: absolute; left: 0; top: 5px; width: 18px; height: 2px; transform-origin: 50% 50%; } .b-header_bar_sandwich_icon span:first-child:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #333; border-radius: 0; transform-origin: 50% 50%; content: ''; } .b-header_bar_sandwich_icon span:last-child { position: absolute; left: 0; bottom: 5px; width: 18px; height: 2px; transform-origin: 50% 50%; } .b-header_bar_sandwich_icon span:last-child:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #333; border-radius: 0; transform-origin: 50% 50%; content: ''; } .b-header_bar_sandwich_icon, .b-header_bar_sandwich_icon span, .b-header_bar_sandwich_icon span:after, .b-header_bar_sandwich_icon span:before { transition: border 250ms, background 250ms, transform 250ms; backface-visibility: hidden; transform: translateZ(0); } .m-mouse .b-header_bar_sandwich:hover .b-header_bar_sandwich_icon, .m-mouse .b-header_bar_sandwich:hover .b-header_bar_sandwich_icon span:first-child:before, .m-mouse .b-header_bar_sandwich:hover .b-header_bar_sandwich_icon span:last-child:before { background: #1c9c94; } .b-header.showMenu .b-header_bar_sandwich_icon { margin: 6px 0; height: 2px; background: transparent !important; } .b-header.showMenu .b-header_bar_sandwich_icon span:first-child { top: 5px; height: 2px; transform: translate(0, -5px); } .b-header.showMenu .b-header_bar_sandwich_icon span:first-child:before { transform: rotate(-45deg); } .b-header.showMenu .b-header_bar_sandwich_icon span:last-child { bottom: 5px; height: 2px; transform: translate(0, 5px); } .b-header.showMenu .b-header_bar_sandwich_icon span:last-child:before { transform: rotate(45deg); } } /* * * Header :: drop menu * * */ @media (min-width: 768px) { .b-header_main > .container { padding: 0; max-width: none; } } @media (max-width: 767px) { .b-header .container { max-width: none; } .b-header_main { position: fixed; left: 0; top: 56px; right: -40px; bottom: 0; min-width: 360px; padding-right: 40px; background: #fff url('/bitrix/templates/main/assets/css/../img/backgrounds/body.png') right top repeat; border-top: 2px solid #d6d6d6; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; transition: all 400ms; } .b-header.showMenu .b-header_main { opacity: 1; visibility: visible; } .b-header_main .container .container { padding: 0; max-width: none; } } /* -------------------- Footer -------------------- */ .b-footer { position: relative; min-width: 320px; height: auto; padding: 36px 0 24px; font: 400 16px 'Open Sans', sans-serif; color: #7a8489; cursor: default; box-sizing: border-box; } .b-footer_background { position: absolute; right: 0; bottom: 0; width: 1717px; height: 223px; background: #213540; transform-origin: 100% 0; transform: rotate(-7.5deg); overflow: hidden; } .b-footer_background:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFUlEQVQImWNgYGAwBhHIAE2AgcEYAArpAJrDsq2VAAAAAElFTkSuQmCC) right top repeat; transform-origin: 100% 0; transform: rotate(7.5deg); content: ''; } .b-footer a { text-decoration: none; color: inherit; } .b-footer a:hover { color: #fff; } .b-footer_container { position: relative; } .b-footer_copyright { text-transform: uppercase; text-align: right; } @media (max-width: 999px) { .b-footer_background { width: 1600px; height: 140px; } } @media (max-width: 767px) { .b-footer { padding: 24px 0 24px; } .b-footer_background { width: 1400px; height: 154px; } } @media (max-width: 479px) { .b-footer { font: 400 13px 'Open Sans', sans-serif; } .b-footer_copyright { text-transform: none; text-align: center; } } /* -------------------- Intro -------------------- */ .b-intro { position: relative; } .b-intro_text { padding: 280px 0 140px; min-height: 400px; max-width: 850px; font: 600 24px/1.25 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_title { margin-bottom: 8px; font: 300 60px/1.1 'Open Sans Condensed', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; color: #213540; } .b-intro_text_title.bold { font-weight: bold; } .b-intro_text_title strong { display: block; } .b-intro_text_btn { margin-top: 78px; padding: 20px 68px 24px 56px; border-radius: 20px; z-index: 10000;} .b-intro_text_btn:before { height: 6px; background: rgba(0, 0, 0, .65); } @media (max-width: 999px) { .b-intro_text { padding: 280px 0 140px; min-height: 380px; max-width: 640px; font: 600 20px/1.25 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_title { margin-bottom: 8px; font: 300 50px/1.1 'Open Sans Condensed', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_btn { margin-top: 32px; } } @media (max-width: 767px) { .b-intro_text { padding: 440px 0 40px; min-height: 260px; font: 600 18px/1.25 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_title { margin-bottom: 8px; font: 300 32px/1.1 'Open Sans Condensed', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_title strong { font: 700 24px/1.1 'Open Sans Condensed', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_inner { position: relative; } .b-intro_text_inner:before { position: absolute; left: -25vw; top: -20px; right: -25vw; bottom: -40px; background: rgba(255, 255, 255, .75); transform: rotate(3.05deg/*7.13deg*/); content: ''; } .b-intro_text_inner > * { position: relative; } .b-intro_text_btn { margin: 14px 0; padding: 14px 24px 18px; max-width: 90%; font: 500 18px/1 'Open Sans', sans-serif; letter-spacing: .02em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAE0lEQVQImWPAAaSwidNHkIGBAQAtYACd09/IcQAAAABJRU5ErkJggg==); border-radius: 6px; } } @media (max-width: 479px) { .b-intro_text { padding: 340px 0 40px; min-height: 160px; height: 160px; font: 600 16px/1.25 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_title { font: 300 32px/1.1 'Open Sans Condensed', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_title strong { font: 700 24px/1.1 'Open Sans Condensed', 'Helvetica', 'Arial', sans-serif; } .b-intro_text_inner:before { top: -40px; bottom: -20px; transform: rotate(-7.13deg); } } /* -------------------- Page blocks and elements -------------------- */ /* * * Bread crumbs * * */ .b-path { margin: 0 0 24px; font: 400 14px/1.35 'Open Sans', sans-serif; cursor: default; } .b-path li { display: inline; margin-right: 4px; letter-spacing: normal; white-space: nowrap; } .b-path li:after { display: inline-block; vertical-align: 0; margin-left: 8px; content: '»'; } .b-path li:last-child:after { content: none; } .b-path a { text-decoration: none; color: #1c9c94; } .b-path a:hover { color: #fa3b00; } @media (max-width: 767px) { .b-path { margin: 0 0 16px; font: 400 12px/1.5 'Open Sans', sans-serif; } } /* * * Headings * * */ .b-heading { position: relative; margin: 24px 0; font: 400 16px 'Open Sans', sans-serif; } .b-heading__offset { margin: 50px 0; } .b-heading_title { font: 300 30px 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #1c9c94; } .b-heading_title.lg { font: 700 40px 'Open Sans Condensed', sans-serif; color: #444; } @media (max-width: 767px) { .b-heading { margin: 16px 0; font: 400 14px 'Open Sans', sans-serif; } .b-heading__offset { margin: 30px 0; } .b-heading_title.lg { font: 700 30px 'Open Sans Condensed', sans-serif; } } .b-heading:first-child { margin-top: auto; } .b-path + .b-heading { margin-top: auto; } /* * * Pagination * * */ .b-pagination { position: relative; clear: both; margin: 60px 0 0; font: 300 16px/52px 'Open Sans', sans-serif; text-align: center; cursor: default; } .b-pagination:first-child { margin-top: auto; } .b-pagination > a, .b-pagination > span { display: inline-block; vertical-align: top; position: relative; margin: 0 3px; padding: 0 8px; min-width: 52px; height: 52px; letter-spacing: normal; text-decoration: none; text-align: center; color: #000; background: #f5f5f5; border: 1px solid transparent; transition: all 250ms; box-sizing: border-box; } .b-pagination > span { background: #fff; border-color: #e6e6e6; text-decoration: none; } .b-pagination > a:hover { color: #fff; background: #000; } .b-pagination > a.b-pagination_arrow { display: inline-block; vertical-align: top; margin: 0 3px; padding: 18px; text-decoration: none; color: #000; background: #f5f5f5; } .b-pagination > a.b-pagination_arrow:hover { color: #fff; background: #000; } .b-pagination > a.b-pagination_arrow svg { display: block; width: 14px; height: 14px; fill: currentColor; } .b-pagination > a.b-pagination_arrow.disabled { color: #d9d9e3; pointer-events: none; cursor: default; } @media (max-width: 1023px) { .b-pagination { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 60px 0 0; font: 300 16px/36px 'Open Sans', sans-serif; } .b-pagination > a, .b-pagination > span { margin: 0 1px; padding: 0 4px; min-width: 36px; height: 36px; } .b-pagination > a.b-pagination_arrow { margin: 0; padding: 10px; } } /* -------------------- Carousels -------------------- */ /* * * Carousel * * */ .b-carousel { position: relative; width: auto; } .b-carousel__padding { padding-left: 36px; padding-right: 36px; } /* * * Carousel :: no js * * */ .b-carousel { display: block; } .b-carousel > .b-carousel_item { display: block; } .b-carousel > .b-carousel_item ~ .b-carousel_item { display: none; } .b-carousel.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .b-carousel.flex > .b-carousel_item { display: inline-block; } .b-carousel.flex > .b-carousel_item ~ .b-carousel_item { display: inline-block; } .b-carousel.owl-carousel { display: block !important; } /* * * Carousel :: js * * */ .b-carousel.owl-carousel.owl-drag .owl-stage { cursor: move; } .b-carousel.owl-carousel.flex { margin-left: auto; margin-right: auto; margin-bottom: auto !important; } .b-carousel.owl-carousel.flex .b-carousel_item[class*="col-"] { display: block; float: none; width: auto; padding-left: 0; padding-right: 0; } .b-carousel__barrel .owl-stage-outer { overflow: visible; } .b-carousel__barrel .owl-stage-outer .owl-item { opacity: 0; visibility: hidden; transition: opacity 250ms, visibility 250ms; } .b-carousel__barrel .owl-stage-outer .owl-item.active { opacity: 1; visibility: visible; } .b-carousel__with_shadows.owl-carousel, .b-carousel__with_shadows.owl-carousel.flex { margin: -6px -5px; } .b-carousel__with_shadows.owl-carousel .b-carousel_item, .b-carousel__with_shadows.owl-carousel .b-carousel_item[class*="col-"] { padding: 6px 5px; } /* * * Carousel :: js * * */ .b-carousel.owl-carousel { letter-spacing: normal; } .b-carousel.owl-carousel .owl-nav.disabled, /*.b-carousel.owl-carousel .b-carousel_arrow.disabled,*/ .b-carousel.owl-carousel .b-carousel_paging.disabled { display: none; } /* * * Carousel :: arrows * * */ .b-carousel_arrow { position: absolute; z-index: 25; top: 0; margin: 0; padding: 0; width: 40px; height: 100%; color: #413853; background: none; border: none; transition: all 400ms; cursor: pointer; } /*.b-carousel_arrow svg { display: block; position: absolute; z-index: 25; left: 50%; top: 50%; margin: -8px 0 0 -20px; width: 40px; height: 17px; font-size: 17px; line-height: 1; fill: currentColor; }*/ .b-carousel_arrow svg { display: block; position: absolute; z-index: 25; left: 50%; top: 50%; margin: -8px 0 0 -20px; width: 28px; height: 98px; font-size: 17px; line-height: 1; fill: currentColor; } .m-mouse .b-carousel_arrow:hover { color: #3ca9a2; } /*.b-carousel_arrow__prev { left: 12px; }*/ /*.b-carousel_arrow__next { right: 12px; }*/ .b-carousel_arrow__prev { left: -40px; color: #c3c3c3; } .b-carousel_arrow__next { right: -40px; color: #FA3B00;} .b-carousel_item a { color: #444; } .b-carousel_item a:hover { color: #0a8e86; } .b-carousel_arrow.disabled { color: #e6e6e6; cursor: default; pointer-events: none; } /* * * Carousel :: paging * * */ .b-carousel_paging { position: relative; margin-top: 24px; margin-bottom: -12px; width: 100%; line-height: 4px; text-align: center; counter-reset: pagination; } .b-carousel_paging_bullet { display: inline-block; vertical-align: middle; position: relative; margin: 0 8px 12px; padding: 0; border: none; background: none; backface-visibility: hidden; transition: all 250ms; } .b-carousel_paging_bullet span { display: block; width: 10px; height: 10px; background: transparent; border: 1px solid #3ca9a2; border-radius: 50%; backface-visibility: hidden; transition: all 400ms; cursor: pointer; } .m-mouse .b-carousel_paging_bullet span:hover { background: #3ca9a2; } .b-carousel_paging_bullet.active span { background: #3ca9a2; } /* -------------------- UI modules -------------------- */ /* * * Tabs * * */ .js-tabs.js-init .js-tabs-wrapper { position: relative; transform: translateZ(0px); } .js-tabs.js-init .js-tabs-page { display: block; position: absolute; z-index: -5; left: 0; top: 0; right: 0; opacity: 0; /*transform: translateY(200vh); */pointer-events: none; } .js-tabs.js-init .js-tabs-page.opened { position: static; z-index: auto; left: auto !important; top: auto !important; right: auto !important; opacity: 1; /*transform: none; */pointer-events: auto; } .js-tabs.js-init .js-tabs-wrapper.js-transition .js-tabs-page { transition: height 300ms, visibility 300ms ease, opacity 300ms ease; } /* * * Pockets * * */ .js-pocket.active .js-pocket-box { position: relative; } .js-pocket.active .js-pocket-toggle { display: inline-block; } .js-pocket.active.faded .js-pocket-box:before { position: absolute; z-index: 1; left: 0; bottom: -1px; right: 0; height: 30px; pointer-events: none; transition: all 250ms; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); content: ''; } .js-pocket.active.faded-gray .js-pocket-box:before { position: absolute; z-index: 1; left: 0; bottom: -1px; right: 0; height: 80px; pointer-events: none; transition: all 250ms; background: linear-gradient(to bottom, rgba(246, 246, 248, 0) 0%, rgba(246, 246, 248, 1) 100%); content: ''; } .js-pocket.active.faded.opened .js-pocket-box:before, .js-pocket.active.faded-gray.opened .js-pocket-box:before { opacity: 0; visibility: hidden; } /* -------------------- Blocks / elements -------------------- */ /* * * Widget * * */ .b-widget, .b-widget > *, .b-widget iframe { width: 100% !important; } /* * * Wide block * * */ .b-wide { margin-left: -35vw; margin-right: -35vw; } .b-wide_inner { margin: 0 auto; max-width: 100vw; } /* * * Maps * * */ .b-map_marker { position: relative; height: 0; width: 0; } .b-map_marker svg { position: absolute; z-index: 6; left: -26px; bottom: 0; width: 53px; height: 62px; } .b-map_marker[title]:before { position: absolute; z-index: 5; left: 0; top: -54px; padding: 0 12px 0 30px; height: 28px; font: 400 14px/28px 'Open Sans', sans-serif; color: #303030; background: hsla(0,0%,100%,.8); border-radius: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; content: attr(title); box-sizing: border-box; } .b-map__noExternal [class*="ymaps-2"][class*="copyrights-promo"] { opacity: 0; visibility: hidden; } .b-map__noCopyright [class*="ymaps-2"][class*="-copyright"] { opacity: 0; visibility: hidden; } .b-map_balloon { position: absolute; z-index: 1010; top: 0; padding: 12px 20px; width: 100vw; max-width: 300px; font: 400 15px/1.5 'Open Sans', sans-serif; text-align: center; color: #3f3f3f; background: #fff; border-radius: 10px; box-shadow: 1.5px 2.598px 5.88px 0.12px rgba(0, 0, 0, 0.32); box-sizing: border-box; } .b-map_balloon_content { width: 100vw; max-width: 260px; } .b-map_balloon_close { display: none; } .b-map_cluster { display: block; position: relative; width: 37px; height: 37px; } .b-map_cluster svg { display: block; position: relative; } .b-map_cluster_content { position: absolute; z-index: 10; left: 7px; top: 7px; width: 23px; height: 23px; font: 500 12px/23px 'Open Sans', sans-serif; text-align: center; color: #000; } @media (max-width: 374px) { .b-map_balloon { max-width: 260px; } .b-map_balloon_content { max-width: 220px; } } /* * * Buttons * * */ .b-buttons { margin-bottom: -20px; } .b-buttons > [class*="col-"] { margin-bottom: 20px; } .b-buttons .e-btn { padding: 9px 20px 13px; line-height: 1.35; } /* End */ /* Start:/bitrix/templates/main/assets/css/pages.css?1593723600138813*/ /* -------------------- Sections :: clinic -------------------- */ .b-clinic { position: relative; z-index: 1; padding-bottom: 40px; } .b-clinic_heading { margin: 0 0 44px; } .b-clinic_heading_title { font: 300 60px/1 'Open Sans', sans-serif; text-transform: uppercase; } .b-clinic_text { position: relative; margin-bottom: 72px; } @media (max-width: 999px) { .b-clinic { padding-bottom: 0; } .b-clinic_text { margin-bottom: 42px; } } @media (max-width: 767px) { .b-clinic_heading { margin: 0 0 32px; } .b-clinic_heading_title { font: 400 32px/1 'Open Sans', sans-serif; } .b-clinic_text { margin-bottom: 32px; } } @media (max-width: 479px) { .b-clinic_heading { margin: 0 0 24px; } .b-clinic_heading_title { font: 400 28px/1 'Open Sans', sans-serif; } } /* * * Sections :: clinic :: gallery * * */ .b-clinic_gallery { margin: 0 -10px -20px; } .b-clinic_gallery > [class*="col-"] { margin-bottom: 20px; padding: 0 10px; } .b-clinic_gallery_pic { display: block; position: relative; width: 100%; height: 117px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .b-clinic_gallery_pic[data-href] { cursor: pointer; } .b-clinic_gallery_pic.lazy { opacity: 0; } @media (max-width: 999px) { .b-clinic_gallery_pic { height: 111px; } } @media (max-width: 767px) { .b-clinic_gallery_pic { height: 88px; } } @media (max-width: 479px) { .b-clinic_gallery_pic { height: 105px; } } @media (max-width: 374px) { .b-clinic_gallery_pic { height: 86px; } } /* * * Sections :: clinic :: details * * */ .b-clinic_details { position: relative; margin-top: 72px; } .b-clinic_details_spec { position: relative; font: 400 16px/1.6875 'Open Sans', sans-serif; color: #155e63; } .b-clinic_details_spec_title { margin-bottom: 7px; font: 700 21px/1 'Open Sans Condensed', sans-serif; text-transform: uppercase; } .b-clinic_details_spec_list { margin-left: 36px; } .b-clinic_details_phone { display: block; position: relative; margin-top: -3px; padding: 0 0 0 90px; font: 700 36px/1 'Open Sans', sans-serif; text-decoration: none; white-space: nowrap; color: #24888f; } .b-clinic_details_phone:before { position: absolute; left: 0; top: 50%; margin-top: -38px; } .b-clinic_details_phone:hover { color: #37cfc6; } @media (max-width: 999px) { .b-clinic_details { margin-top: 42px; } .b-clinic_details_phone { float: right; margin-top: -3px; padding: 0 0 0 60px; font: 700 32px/1 'Open Sans', sans-serif; } .b-clinic_details_phone:before { margin-top: -24px; width: 48px; height: 48px; } } @media (max-width: 767px) { .b-clinic_details { margin-top: 32px; } .b-clinic_details_phone { margin: 32px 0 0; } } @media (max-width: 479px) { .b-clinic_details_spec { margin-bottom: 42px; text-align: center; } .b-clinic_details_spec_list { list-style: none; margin-left: 0; } .b-clinic_details_phone { display: table; float: none; margin: 0 auto; font-size: 24px; } } /* * * Sections :: clinic :: video * * */ .b-clinic_video { margin-top: 30px; } .b-clinic_video_title { margin-bottom: 30px; font: 700 40px 'Open Sans Condensed', sans-serif; text-transform: uppercase; text-align: center; color: #213540; } .b-clinic_video_frame { position: relative; height: 0; padding-bottom: 56.25%; background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxNiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTQuMzQ0IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjEyLjUzMSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxMC43NSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTAuMDYzIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSI4LjA2MyIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iNi40MzgiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjUuMzc1IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDMxNSA2NCA2NCkiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSIwIDY0IDY0OzMxNSA2NCA2NDsyNzAgNjQgNjQ7MjI1IDY0IDY0OzE4MCA2NCA2NDsxMzUgNjQgNjQ7OTAgNjQgNjQ7NDUgNjQgNjQiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI3MjBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2c+PC9zdmc+) center center no-repeat; overflow: hidden; } .b-clinic_video_frame iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: none; } /* -------------------- Sections :: capture -------------------- */ .b-capture { position: relative; margin-bottom: 40px; padding: 132px 0; } .b-capture_top { position: absolute; left: 0; top: 0; right: 0; height: 132px; overflow: hidden; } .b-capture_top_bg { position: absolute; right: 0; bottom: 0; width: 2000px; height: 132px; background: #14706b; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); overflow: hidden; } .b-capture_top_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); content: ''; } .b-capture_bottom { position: absolute; left: 0; bottom: -10px; right: 0; height: 142px; overflow: hidden; } .b-capture_bottom_bg { position: absolute; right: 0; top: 0; width: 2000px; height: 132px; background: #14706b; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); overflow: hidden; } .b-capture_bottom_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); content: ''; } .b-capture_bottom_pent { position: absolute; left: 50%; top: 26px; margin-left: -520px; width: 152px; height: 74px; color: #fa3b00; background: currentColor; -webkit-transform: rotate(21.2deg); -ms-transform: rotate(21.2deg); transform: rotate(21.2deg); } .b-capture_bottom_pent:after, .b-capture_bottom_pent:before { position: absolute; left: 0; width: 0; height: 0; border-left: 76px solid transparent; border-right: 76px solid transparent; content: ''; } .b-capture_bottom_pent:before { top: -43px; border-bottom: 44px solid currentColor; } .b-capture_bottom_pent:after { bottom: -43px; border-top: 44px solid currentColor; } .b-capture_box { position: relative; z-index: 1; color: #fff; background: #14706b; } .b-capture_box:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; content: ''; } .b-capture_box > * { position: relative; } @media (max-width: 767px) { .b-capture { margin-bottom: 60px; padding: 74px 0; } .b-capture_top { height: 74px; } .b-capture_top_bg { right: -1px; width: 1800px; height: 74px; } .b-capture_bottom { height: 84px; } .b-capture_bottom_bg { right: 0; height: 74px; } } /* * * Sections :: capture :: heading * * */ .b-capture_heading { margin-bottom: 38px; font: 300 24px/1 'Open Sans', sans-serif; text-align: center; } .b-capture_heading_title { margin-bottom: 40px; font: 300 40px/1 'Open Sans', sans-serif; text-transform: uppercase; } @media (max-width: 767px) { .b-capture_heading { margin-bottom: 24px; font: 300 20px 'Open Sans', sans-serif; text-align: center; } .b-capture_heading_title { margin-bottom: 16px; font: 400 28px/1 'Open Sans', sans-serif; text-transform: uppercase; } } @media (max-width: 479px) { .b-capture_heading { margin-bottom: 16px; font: 300 16px 'Open Sans', sans-serif; text-align: center; } .b-capture_heading_title { margin-bottom: 16px; font: 300 22px/1 'Open Sans', sans-serif; text-transform: uppercase; } } /* * * Sections :: capture :: form * * */ .b-capture_box_form .b-form_box { max-width: 400px; margin-left: auto; margin-right: auto; border-radius: 8px; } .b-capture_box_form .b-form_bottom { max-width: 490px; margin-left: auto; margin-right: auto; } /* * * Sections :: capture :: in popup * * */ .b-leaflet__capture .b-leaflet_box { padding: 0; } .b-leaflet__capture .b-leaflet_close { color: #fff; } .b-leaflet__capture .b-leaflet_close:hover { color: rgba(255, 255, 255, .65); } .b-leaflet__capture .b-capture { padding: 0; } .b-leaflet__capture .b-capture_top, .b-leaflet__capture .b-capture_bottom { display: none; } .b-leaflet__capture .b-capture_box { padding: 40px 40px 60px; } @media (max-width: 767px) { .b-leaflet__capture .b-capture_box { padding: 30px 10px; } } /* -------------------- Press-center -------------------- */ .b-announce { position: relative; font: 400 17px/1.2 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-announce ~ .b-announce { margin-top: 40px; } .b-announce_title { margin-bottom: 12px; font: 300 30px/1 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #1c9c94; } .b-announce_title a { text-decoration: none; color: inherit; } .b-announce_title a:hover { color: #15706b; } .b-announce_more { display: inline-block; float: right; margin-top: 7px; font: 700 24px/1 'Open Sans Condensed', sans-serif; text-transform: uppercase; text-decoration: none; color: #15706b; } .b-announce_more:hover { color: #fa3b00; } .b-announce_pic { display: inline-block; position: relative; float: left; top: 4px; max-width: 150px; margin-right: 20px; text-decoration: none; color: inherit; } .b-announce_pic ~ * { margin-left: 170px; } .b-announce_pic img { display: block; position: relative; max-width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-announce_pic img.lazy { opacity: 0; } @media (max-width: 767px) { .b-announce { position: relative; font: 400 16px/1.2 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-announce ~ .b-announce { margin-top: 30px; } .b-announce_title { margin-bottom: 12px; font: 400 24px/1 'Open Sans Condensed', sans-serif; } .b-announce_more { float: left; margin-top: 12px; font: 400 20px/1 'Open Sans Condensed', sans-serif; } .b-announce_pic { float: left; max-width: 100px; margin: 0 16px 10px 0; } .b-announce_pic ~ * { margin-left: 0; } } /* -------------------- Pages :: Contacts -------------------- */ .b-contacts_info { font: 400 16px/2 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #444; } .b-contacts_info p { margin: 0; padding: 6px 0; } .b-contacts_info p.clear { padding: 0; line-height: 1; } .b-contacts_info p.stroked { border-top: 1px solid #ededed; } .b-contacts_info_appointment { margin: 24px 0; padding: 20px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .b-contacts_info_appointment .e-btn { margin-left: 20px; } .b-contacts_map { position: relative; margin: 24px 0; height: 0; min-height: 320px; max-height: 450px; padding-bottom: 56.25%; background: #eee url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxNiIgZmlsbD0iIzQ0NCIgZmlsbC1vcGFjaXR5PSIxIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTQuMzQ0IiBmaWxsPSIjNDQ0IiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjEyLjUzMSIgZmlsbD0iIzQ0NCIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSIxMC43NSIgZmlsbD0iIzQ0NCIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iMTAuMDYzIiBmaWxsPSIjNDQ0IiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA2NCA2NCkiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjY0IiByPSI4LjA2MyIgZmlsbD0iIzQ0NCIgZmlsbC1vcGFjaXR5PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNjQgNjQpIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSI2NCIgcj0iNi40MzgiIGZpbGw9IiM0NDQiIGZpbGwtb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDY0IDY0KSIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iNjQiIHI9IjUuMzc1IiBmaWxsPSIjNDQ0IiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDMxNSA2NCA2NCkiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSIwIDY0IDY0OzMxNSA2NCA2NDsyNzAgNjQgNjQ7MjI1IDY0IDY0OzE4MCA2NCA2NDsxMzUgNjQgNjQ7OTAgNjQgNjQ7NDUgNjQgNjQiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI3MjBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2c+PC9zdmc+) center center no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .b-contacts_map_canvas { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } @media (min-width: 1000px) { .b-contacts_map { height: 450px; padding: 0; } } @media (max-width: 767px) { .b-contacts_info { font: 400 14px/1.5 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-contacts_info strong { font-weight: 600; } .b-contacts_info_appointment { margin: 24px 0; padding: 20px; color: #111; background: rgba(0, 0, 0, .05); border-radius: 10px; border: none; } .b-contacts_info_appointment .e-btn { display: block; margin: 16px 0 0; padding: 14px 10px 18px; width: 100%; font: 400 18px/1 'Open Sans', 'Helvetica', 'Arial', sans-serif; overflow: hidden !important; } .b-contacts_info_appointment .e-btn:before { position: absolute; left: 0; bottom: 0; right: 0; height: 4px; background: rgba(0, 0, 0, .5); content: ''; } } @media (max-width: 374px) { .b-contacts_info_appointment { margin: 24px -25vw; padding: 20px 25vw; border-radius: 0; } } /* -------------------- Pages :: schedule -------------------- */ .b-schedule { max-width: 850px; margin: 0 auto; } /* * * Pages :: schedule :: legend * * */ .b-schedule_legend { list-style: none; margin-bottom: 30px; font: 400 16px/1.5 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-schedule_legend li { position: relative; padding-left: 50px; } .b-schedule_legend li ~ li { margin-top: 16px; } .b-schedule_legend li:before { position: absolute; left: 0; top: 50%; margin-top: -18px; width: 36px; height: 36px; content: ''; } .b-schedule_legend li.gray:before { background: #ccc; } .b-schedule_legend li.green:before { background: #4FAD12; } .b-schedule_legend li.yellow:before { background: #E6E010; } /* * * Pages :: schedule :: tabs * * */ .b-schedule_nav { font: 300 italic 14px 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-schedule_nav a { display: inline-block; position: relative; margin: 0 20px 16px 0; text-decoration: none; color: #c2c2c2; border-bottom: 1px solid; } .b-schedule_nav a:hover { color: #15e1d7; } .b-schedule_nav a.current { border-color: #15e1d7; } .b-schedule_content { position: relative; } .b-schedule_content_layer ~ .b-schedule_content_layer { display: none; } .js-init .b-schedule_content_layer ~ .b-schedule_content_layer { display: block; } @media (max-width: 767px) { .b-schedule_content { margin-left: -25vw; margin-right: -25vw; } .b-schedule_content_layer { max-width: 100vw; max-width: calc(100vw + 2px); margin: 0 auto; } } /* * * Pages :: schedule :: table * * */ .b-schedule_table { width: 100%; font: 300 12px 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #757575; border-collapse: collapse; border: 1px solid #dcdcdc; table-layout: fixed; } .b-schedule_table_head th { padding: 14px 8px 18px; font: 700 12px 'Open Sans', 'Helvetica', 'Arial', sans-serif; text-align: center; color: #999; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-schedule_table_head th:first-child { width: 78px; } .b-schedule_table_head p ~ p { margin-top: 8px; font-size: 18px; } .b-schedule_table_item td { padding: 7px 8px; text-align: center; color: #999; background: center center repeat; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-schedule_table_item td.time { width: 78px; font: 700 12px 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-schedule_table_item td.gray { background-color: #ccc; } .b-schedule_table_item td.green { background-color: #4FAD12; color: #000; } .b-schedule_table_item td.yellow { background-color: #E6E010; color: #000; } .b-schedule_table_item td[data-href] { cursor: pointer; } .b-schedule_table_item td[data-href]:hover { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png'); } @media (max-width: 767px) { .b-schedule_table_head th { padding: 24px 8px; } .b-schedule_table_head th:first-child { width: 60px; } .b-schedule_table_head p ~ p { margin-top: 0; font-size: inherit; } .b-schedule_table_item td { padding: 8px 10px; } .b-schedule_table_item td.time { width: 60px; } } /* -------------------- Dentist -------------------- */ /* * * Dentist :: reviews * * */ .b-dentist_reviews { margin: 24px 0 -30px; } .b-dentist_reviews > [class*="col-"] { margin-bottom: 30px; padding: 0; border-top: 1px solid #ededed; } .b-dentist_reviews_item { padding-top: 30px; font: 400 18px/1.714285714 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #757575; } .b-dentist_reviews_item_title { margin: 0 0 1.3333332em; font: 700 24px 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; color: #FA3B00; } @media (max-width: 999px) { .b-dentist_reviews_item { font: 400 16px/1.5 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-dentist_reviews_item_title { margin: 0 0 1em; font: 700 22px 'Helvetica', 'Arial', sans-serif; } } @media (max-width: 767px) { .b-dentist_reviews_item { font: 400 14px/1.5 'Open Sans', 'Helvetica', 'Arial', sans-serif; } .b-dentist_reviews_item_title { margin: 0 0 1em; font: 700 18px 'Helvetica', 'Arial', sans-serif; } } @media (min-width: 768px) { .b-dentist_reviews > [class*="col-"]:nth-child(odd) .b-dentist_reviews_item { padding-right: 24px; } .b-dentist_reviews > [class*="col-"]:nth-child(even) .b-dentist_reviews_item { padding-left: 24px; } } @media (min-width: 1000px) { .b-dentist_reviews > [class*="col-"]:nth-child(odd) .b-dentist_reviews_item { padding-right: 48px; } .b-dentist_reviews > [class*="col-"]:nth-child(even) .b-dentist_reviews_item { padding-left: 48px; } } /* -------------------- Works -------------------- */ .b-works { position: relative; } .b-works_feed { margin-bottom: -36px; } .b-works_feed > [class*="col-"] { margin-bottom: 36px; } .b-works_appointment { margin-top: 60px; text-align: center; } @media (max-width: 767px) { .b-works_appointment { margin-top: 30px; } } /* * * Works :: items * * */ .b-works_item { max-width: 344px; margin: 0 auto; font: 400 italic 12px/1.666666666666667 'Open Sans', 'Helvetica', 'Arial', sans-serif; text-align: center; color: #757575; } .b-works_item_pic { display: block; position: relative; margin: 0 auto 20px; padding: 20px; border: 2px solid #cfcfcf; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-works_item_pic.lazy { opacity: 0; } @media (max-width: 767px) { .b-works_item { font: 400 italic 14px/1.25 'Open Sans', 'Helvetica', 'Arial', sans-serif; } } @media (max-width: 374px) { .b-works_item_pic { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } } /* -------------------- Calculator -------------------- */ .b-calc { position: relative; margin: 40px 0; } .b-calc_title { margin: 0 0 24px; font: 700 24px 'Helvetica', 'Arial', sans-serif; text-align: center; text-transform: uppercase; color: #FA3B00; } .b-calc_form { position: relative; } /* * * Calc :: grid * * */ .b-calc_grid { position: relative; } .b-calc_grid_left { float: left; margin-left: 6px; width: 310px; } .b-calc_grid_right { margin-left: 360px; } .b-calc_grid_right_inner { float: left; width: 100%; } @media (max-width: 1169px) { .b-calc_grid_left { margin-left: -10px; width: 310px; } .b-calc_grid_right { margin-left: 320px; } } @media (max-width: 767px) { .b-calc_grid_left { float: none; margin-left: 0; width: 100%; } .b-calc_grid_right { margin-left: 0; margin-top: 30px; } } /* * * Calc :: questions * * */ .b-calc_group { position: relative; } .b-calc_group ~ .b-calc_group { margin-top: 24px; } .b-calc_group_question { margin-bottom: 14px; font: 600 18px/1.388888888888889 'Open Sans', sans-serif; color: #BDBDBD; } /* * * Calc :: controls * * */ .b-calc_switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; list-style: none !important; margin: 0 -11px -12px; letter-spacing: -5px; } .b-calc_switch > li { display: inline-block; margin-bottom: 12px; padding: 0 11px; width: 50%; letter-spacing: normal; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-calc_switch > li:before { content: none !important; } .b-calc_switch_btn { display: block; position: relative; font: 600 18px/1 'Open Sans', sans-serif; } .b-calc_switch_btn input { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .b-calc_switch_btn_capsule { display: table; position: relative; width: 100%; height: 44px; color: #37474F; background: #fff; border: 2px solid #E0E0E0; border-radius: 10px; border-collapse: separate; border-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-calc_switch_btn_capsule span { display: table-cell; vertical-align: middle; padding: 5px; text-align: center; } .b-calc_switch_btn input:hover + * { color: #3ca9a2; border-color: #3ca9a2; } .b-calc_switch_btn input:checked + * { color: #fff; background: #3ca9a2 center center repeat; border-color: #3ca9a2; } @media (max-width: 767px) { .b-calc_switch { margin: 0 -8px -12px; } .b-calc_switch > li { padding: 0 8px; } .b-calc_switch_btn { font: 600 14px 'Open Sans', sans-serif; } } /* * * Calc :: select * * */ .b-calc_select { position: relative; } .b-calc_select_toggle { position: relative; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; cursor: pointer; } .b-calc_select_toggle svg { position: absolute; right: 0; top: 50%; margin-top: -10px; fill: #BDBDBD; -webkit-transition: fill 400ms; -o-transition: fill 400ms; transition: fill 400ms; } .b-calc_select_toggle_pic { display: block; position: relative; z-index: 1; float: left; width: 80px; height: 80px; background: #f5f5f5 center center / cover no-repeat; border: 2px solid #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .12); box-shadow: 0 2px 4px rgba(0, 0, 0, .12); -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: border-color 400ms; -o-transition: border-color 400ms; transition: border-color 400ms; } .b-calc_select_toggle_pic img { display: block; position: absolute; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .b-calc_select_toggle_info { margin-left: 100px; padding-right: 22px; border-bottom: 2px solid #E0E0E0; -webkit-transition: border 400ms; -o-transition: border 400ms; transition: border 400ms; } .b-calc_select_toggle_info * { -webkit-transition: color 400ms; -o-transition: color 400ms; transition: color 400ms; } .b-calc_select_toggle:hover svg { fill: #3ca9a2; } .b-calc_select_toggle:hover .b-calc_select_toggle_info { border-color: #3ca9a2; } .b-calc_select_toggle:hover .b-calc_select_toggle_info * { color: #3ca9a2 !important; } .b-calc_select_info { padding-top: 2px; padding-bottom: 10px; min-height: 80px; font: 400 13px/1.384615384615385 'Open Sans', sans-serif; color: #BDBDBD; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-calc_select_info span { display: block; } .b-calc_select_info_title { margin-top: 3px; font: 700 18px/1.388888888888889 'Open Sans', sans-serif; color: #37474F; } .b-calc_select_info_title:first-child { margin-top: 13px; } .b-calc_select_info_price { margin-top: 3px; font: 700 14px/1.357142857142857 'Open Sans', sans-serif; color: #828282; } @media (max-width: 767px) { .b-calc_select_info { min-height: 66px; } .b-calc_select_info_title:first-child { margin-top: 0; padding-top: 16px; } } .b-calc_select_popup { position: fixed; z-index: 9990; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; -webkit-transition: opacity 400ms, visibility 400ms; -o-transition: opacity 400ms, visibility 400ms; transition: opacity 400ms, visibility 400ms; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; } .b-calc_select_popup_capsule { display: table; width: 100%; height: 100%; overflow: hidden; border-collapse: separate; border-spacing: 0; table-layout: fixed; } .b-calc_select_popup_capsule_cell { display: table-cell; vertical-align: middle; padding: 50px 50px; text-align: center; } .b-calc_select_popup_overlay { position: fixed; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0; visibility: hidden; -webkit-transition: opacity 400ms, visibility 400ms; -o-transition: opacity 400ms, visibility 400ms; transition: opacity 400ms, visibility 400ms; -webkit-transform: translateZ(-1000px); transform: translateZ(-1000px); -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: auto; cursor: pointer; } .b-calc_select_popup_perspective { position: relative; z-index: 9990; margin-left: auto; margin-right: auto; max-width: 640px; text-align: left; -webkit-perspective: 1500px; perspective: 1500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-calc_select_popup_box { position: relative; z-index: 9990; margin-left: auto; margin-right: auto; padding: 30px; color: #37474F; background: #fff; border: 1px solid rgba(0, 0, 0, .12); -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .12); box-shadow: 0 4px 16px rgba(0, 0, 0, .12); border-radius: 10px; visibility: hidden; opacity: 0; -webkit-transform: scale(.6, .6) translateZ(0px); transform: scale(.6, .6) translateZ(0px); -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; } .b-calc_select.opened .b-calc_select_popup { z-index: 9990; opacity: 1; visibility: visible; } .b-calc_select.opened .b-calc_select_popup_box { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .b-calc_select.opened .b-calc_select_popup_overlay { opacity: .6; visibility: visible; } @media (max-width: 767px) { .b-calc_select_popup_capsule_cell { padding: 30px 10px; } .b-calc_select_popup_box { padding: 20px 10px; } .b-calc_select_popup_perspective { max-width: 480px; } } .b-calc_select_feed { margin-bottom: -16px; } .b-calc_select_feed > [class*="col-"] { margin-bottom: 16px; } .b-calc_select_option { display: block; position: relative; font: 600 18px/1 'Open Sans', sans-serif; } .b-calc_select_option input { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .b-calc_select_option_box { display: block; position: relative; } .b-calc_select_option_pic { display: block; position: relative; float: left; width: 80px; height: 80px; background: #f5f5f5 center center / cover no-repeat; border: 2px solid #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .12); box-shadow: 0 2px 4px rgba(0, 0, 0, .12); -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: border-color 400ms; -o-transition: border-color 400ms; transition: border-color 400ms; } .b-calc_select_option_pic img { display: block; position: relative; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .b-calc_select_option_info { display: block; margin-left: 100px; padding: 6px 0 4px; } .b-calc_select_option_info span { display: block; -webkit-transition: color 400ms; -o-transition: color 400ms; transition: color 400ms; } .b-calc_select_option input:hover + * .b-calc_select_option_pic, .b-calc_select_option input:checked + * .b-calc_select_option_pic { border-color: #3ca9a2; } .b-calc_select_option input:hover + * .b-calc_select_info_title, .b-calc_select_option input:checked + * .b-calc_select_info_title { color: #3ca9a2; } @media (max-width: 767px) { .b-calc_select_option_pic { width: 66px; height: 66px; } .b-calc_select_option_info { margin-left: 86px; padding: 0; word-wrap: break-word; } .b-calc_select_option_info .b-calc_select_info_title { font: 700 16px/1.388888888888889 'Open Sans', sans-serif; } } /* * * Calc :: total * * */ .b-calc_total { margin-top: -4px; font: 400 24px/1 'Open Sans', sans-serif; color: #37474F; } .b-calc_total span { white-space: nowrap; } @media (max-width: 767px) { .b-calc_total { font: 400 18px/1 'Open Sans', sans-serif; } } /* * * Calc :: footer * * */ .b-calc_footer { position: relative; } .b-calc_footer_btn { margin-top: 20px; } .b-calc_footer_btn__large { padding: 11px 40px; font-weight: 600; font-size: 24px; border-radius: 35px; } @media (max-width: 767px) { .b-calc_footer_btn__large { padding: 12px 20px; font-size: 18px; border-radius: 30px; } } /* * * Calc :: saw * * */ .b-calc_saw_scheme { display: table; position: relative; margin: 0 auto; } .b-calc_saw_scheme_pic { display: block; position: relative; margin: 0 auto; width: 310px; height: 440px; } .b-calc_saw_scheme_pic [id*="tooth"] { cursor: pointer; } .b-calc_saw_scheme_pic [id*="tooth"].hover #normal path { fill: #93d8d4; } .b-calc_saw_scheme_pic [id*="tooth"].hover #normal path:nth-child(1) { fill: #baebe8; } .b-calc_saw_scheme_pic [id*="tooth"]:hover #normal path { fill: #93d8d4; } .b-calc_saw_scheme_pic [id*="tooth"]:hover #normal path:nth-child(1) { fill: #baebe8; } .b-calc_saw_scheme_pic [id*="tooth"].active #normal path { fill: #93d8d4; } .b-calc_saw_scheme_pic [id*="tooth"].active #normal path:nth-child(1) { fill: #baebe8; } .b-calc_saw_label { position: absolute; z-index: 2; top: 50%; margin-top: -1px; font: 400 14px/1 'Open Sans', sans-serif; color: #BDBDBD; } .b-calc_saw_label.left { left: 7.4193548387097%; } .b-calc_saw_label.right { right: 7.4193548387097%; } .b-calc_saw_btn { position: absolute; z-index: 2; left: 50%; margin-left: -78px; width: 156px; font: 600 14px/1 'Open Sans', sans-serif; } .b-calc_saw_btn.top { top: 108px; } .b-calc_saw_btn.bottom { bottom: 120px; } .b-calc_saw_scheme_num { position: absolute; z-index: 5; width: 24px; height: 24px; cursor: pointer; } .b-calc_saw_scheme_num input { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; cursor: pointer; } .b-calc_saw_scheme_num span { position: absolute; z-index: 4; width: 24px; height: 24px; font: 400 14px/20px 'Open Sans', sans-serif; text-align: center; letter-spacing: -0.1em; color: #BDBDBD; border: 2px solid #f2f2f2; border-radius: 50%; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0); box-shadow: 0 2px 4px rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-calc_saw_scheme_num:hover span, .b-calc_saw_scheme_num.hover span { color: #3ca9a2; border-color: #3ca9a2; } .b-calc_saw_scheme_num input:checked ~ span { font-weight: 700; color: #3ca9a2; border-color: #3ca9a2; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .16); box-shadow: 0 2px 4px rgba(0, 0, 0, .16); } .b-calc_saw_scheme_num[data-tooth="tooth-1"] { left: 1.2903225806452%; top: 38.8636363636364%; } .b-calc_saw_scheme_num[data-tooth="tooth-2"] { left: 1.2903225806452%; top: 31.1363636363636%; } .b-calc_saw_scheme_num[data-tooth="tooth-3"] { left: 2.5806451612903%; top: 23.6363636363636%; } .b-calc_saw_scheme_num[data-tooth="tooth-4"] { left: 6.4516129032258%; top: 15.6818181818182%; } .b-calc_saw_scheme_num[data-tooth="tooth-5"] { left: 12.258064516129%; top: 9.5454545454545%; } .b-calc_saw_scheme_num[data-tooth="tooth-6"] { left: 21.2903225806452%; top: 5%; } .b-calc_saw_scheme_num[data-tooth="tooth-7"] { left: 30.9677419354839%; top: 1.5909090909091%; } .b-calc_saw_scheme_num[data-tooth="tooth-8"] { left: 41.2903225806452%; top: 0; } .b-calc_saw_scheme_num[data-tooth="tooth-16"] { right: 1.2903225806452%; top: 38.8636363636364%; } .b-calc_saw_scheme_num[data-tooth="tooth-15"] { right: 1.2903225806452%; top: 31.1363636363636%; } .b-calc_saw_scheme_num[data-tooth="tooth-14"] { right: 2.5806451612903%; top: 23.6363636363636%; } .b-calc_saw_scheme_num[data-tooth="tooth-13"] { right: 6.4516129032258%; top: 15.6818181818182%; } .b-calc_saw_scheme_num[data-tooth="tooth-12"] { right: 12.258064516129%; top: 9.5454545454545%; } .b-calc_saw_scheme_num[data-tooth="tooth-11"] { right: 21.2903225806452%; top: 5%; } .b-calc_saw_scheme_num[data-tooth="tooth-10"] { right: 30.9677419354839%; top: 1.5909090909091%; } .b-calc_saw_scheme_num[data-tooth="tooth-9"] { right: 41.2903225806452%; top: 0; } .b-calc_saw_scheme_num[data-tooth="tooth-17"] { right: 3.8709677419355%; bottom: 36.5909090909091%; } .b-calc_saw_scheme_num[data-tooth="tooth-18"] { right: 3.2258064516129%; bottom: 29.0909090909091%; } .b-calc_saw_scheme_num[data-tooth="tooth-19"] { right: 5.4838709677419%; bottom: 22.2727272727273%; } .b-calc_saw_scheme_num[data-tooth="tooth-20"] { right: 9.0322580645161%; bottom: 15%; } .b-calc_saw_scheme_num[data-tooth="tooth-21"] { right: 14.8387096774194%; bottom: 8.6363636363636%; } .b-calc_saw_scheme_num[data-tooth="tooth-22"] { right: 22.9032258064516%; bottom: 4.5454545454545%; } .b-calc_saw_scheme_num[data-tooth="tooth-23"] { right: 31.2903225806452%; bottom: 1.3636363636364%; } .b-calc_saw_scheme_num[data-tooth="tooth-24"] { right: 41.2903225806452%; bottom: 0.4545454545455%; } .b-calc_saw_scheme_num[data-tooth="tooth-32"] { left: 3.8709677419355%; bottom: 36.5909090909091%; } .b-calc_saw_scheme_num[data-tooth="tooth-31"] { left: 3.2258064516129%; bottom: 29.0909090909091%; } .b-calc_saw_scheme_num[data-tooth="tooth-30"] { left: 5.4838709677419%; bottom: 22.2727272727273%; } .b-calc_saw_scheme_num[data-tooth="tooth-29"] { left: 9.0322580645161%; bottom: 15%; } .b-calc_saw_scheme_num[data-tooth="tooth-28"] { left: 14.8387096774194%; bottom: 8.6363636363636%; } .b-calc_saw_scheme_num[data-tooth="tooth-27"] { left: 22.9032258064516%; bottom: 4.5454545454545%; } .b-calc_saw_scheme_num[data-tooth="tooth-26"] { left: 31.2903225806452%; bottom: 1.3636363636364%; } .b-calc_saw_scheme_num[data-tooth="tooth-25"] { left: 41.2903225806452%; bottom: 0.4545454545455%; } /* * * Calc :: appointment form * * */ .b-calc_appointment_form_info { margin-bottom: 30px; font: 400 14px 'Open Sans', sans-serif; cursor: default; } .b-calc_appointment_form_info span { color: #888; } .b-calc_appointment_form_info p ~ p { margin-top: 22px; } .b-calc_appointment_form_info a { text-decoration: underline; color: inherit; } .b-calc_appointment_form_info a:hover { color: #3ca9a2; } .b-calc_appointment_form_group { margin-bottom: 50px; } .b-calc_appointment_form_group:last-child { margin-bottom: auto; } .b-calc_appointment_form_group_title { margin-bottom: 14px; font: 400 14px 'Open Sans', sans-serif; color: #888; } .b-calc_appointment_form .b-form_notice { font: 400 14px 'Open Sans', sans-serif; color: #888; } .b-calc_appointment_form .b-form_notice__sm { font: 400 13px 'Open Sans', sans-serif; } @media (max-width: 767px) { .b-calc_appointment_form .flex ~ .flex { margin-top: 14px; } .b-calc_appointment_form .flex > [class*="col-"] { margin-bottom: 14px; } } .b-calc_appointment_form_date .b-form_box_field:before, .b-calc_appointment_form_time .b-form_box_field:before { position: absolute; z-index: 1; top: 0; right: 4px; width: 46px; height: 46px; background: center center no-repeat; pointer-events: none; content: ''; } .b-calc_appointment_form_time .b-form_box_field:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDZweCIgaGVpZ2h0PSI0NnB4IiB2aWV3Qm94PSIwIDAgNDYgNDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuNTE2MzkzNywxOC45NzY1MjQ2IEwyNC41MTYzOTM3LDI0LjIzNDc1NCBMMjkuMDIzNDMwMywyNi45MTA3MzE5IEwyOC4yNzIyNTc2LDI4LjE3ODQxMSBMMjMuMDE0MDY4MiwyNC45ODU5MjY4IEwyMy4wMTQwNjgyLDE4Ljk3NjUyNDYgTDI0LjUxNjM5MzcsMTguOTc2NTI0NiBaIE0xOC4zMTkyMzg0LDI5LjY4MDc1NjYgQzE5LjkxNTQ5MDYsMzEuMjQ1Njk5OCAyMS44MDkwNjY5LDMyLjAyODEyMTQgMjMuOTk5OTg3NSwzMi4wMjgxMjE0IEMyNi4xOTA5MDgxLDMyLjAyODEyMTQgMjguMDY4ODQsMzEuMjQ1Njk5OCAyOS42MzM3ODMyLDI5LjY4MDc1NjYgQzMxLjIzMDA3NTUsMjguMDg0NDY0NCAzMi4wMjgxMjE0LDI2LjE5MDkwODEgMzIuMDI4MTIxNCwyMy45OTk5ODc1IEMzMi4wMjgxMjE0LDIxLjgwOTA2NjkgMzEuMjMwMDc1NSwxOS45MzExMzUgMjkuNjMzNzgzMiwxOC4zNjYxOTE3IEMyOC4wNjg4NCwxNi43Njk5NDk2IDI2LjE5MDkwODEsMTUuOTcxODMzNSAyMy45OTk5ODc1LDE1Ljk3MTgzMzUgQzIxLjgwOTA2NjksMTUuOTcxODMzNSAxOS45MTU0OTA2LDE2Ljc2OTk0OTYgMTguMzE5MjM4NCwxOC4zNjYxOTE3IEMxNi43NTQyOTUxLDE5LjkzMTEzNSAxNS45NzE4MzM1LDIxLjgwOTA2NjkgMTUuOTcxODMzNSwyMy45OTk5ODc1IEMxNS45NzE4MzM1LDI2LjE5MDkwODEgMTYuNzU0Mjk1MSwyOC4wODQ0NjQ0IDE4LjMxOTIzODQsMjkuNjgwNzU2NiBaIE0xNi45MTA3OTk1LDE2Ljk1Nzc0MjggQzE4Ljg4MjYxOCwxNC45ODU5MTQzIDIxLjI0NTY4NzMsMTQgMjMuOTk5OTg3NSwxNCBDMjYuNzU0Mjg3NiwxNCAyOS4xMDE3NTI2LDE0Ljk4NTkxNDMgMzEuMDQyMTgyMSwxNi45NTc3NDI4IEMzMy4wMTQwNjA3LDE4Ljg5ODI3MjQgMzQsMjEuMjQ1Njg3MyAzNCwyMy45OTk5ODc1IEMzNCwyNi43NTQyODc2IDMzLjAxNDA2MDcsMjkuMTE3Mzc3IDMxLjA0MjE4MjEsMzEuMDg5MTU1NCBDMjkuMTAxNzUyNiwzMy4wMjk2ODUxIDI2Ljc1NDI4NzYsMzQgMjMuOTk5OTg3NSwzNCBDMjEuMjQ1Njg3MywzNCAxOC44ODI2MTgsMzMuMDI5Njg1MSAxNi45MTA3OTk1LDMxLjA4OTE1NTQgQzE0Ljk3MDI2OTgsMjkuMTE3Mzc3IDE0LDI2Ljc1NDI4NzYgMTQsMjMuOTk5OTg3NSBDMTQsMjEuMjQ1Njg3MyAxNC45NzAyNjk4LDE4Ljg5ODI3MjQgMTYuOTEwNzk5NSwxNi45NTc3NDI4IFoiIGZpbGw9IiMyMzFGMjAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPjwvc3ZnPg==); } .b-calc_appointment_form_date .b-form_box_field:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDZweCIgaGVpZ2h0PSI0NnB4IiB2aWV3Qm94PSIwIDAgNDYgNDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjkuOTg0NCwzMS4wMjgxMjE0IEwyOS45ODQ0LDE5Ljk5NTI5NjQgTDE2LjAxNTYyLDE5Ljk5NTI5NjQgTDE2LjAxNTYyLDMxLjAyODEyMTQgTDI5Ljk4NDQsMzEuMDI4MTIxNCBaIE0yOS45ODQ0LDE0Ljk3MTgzMzUgQzMwLjUxNTYsMTQuOTcxODMzNSAzMC45ODQ0LDE1LjE3NTI3MTEgMzEuMzkwNiwxNS41ODIxNTY0IEMzMS43OTY5LDE1Ljk4OTA0MTYgMzIsMTYuNDU4NTI0NiAzMiwxNi45OTA2MDUzIEwzMiwzMS4wMjgxMjE0IEMzMiwzMS41NjAyNTIyIDMxLjc5NjksMzIuMDI5Njg1MSAzMS4zOTA2LDMyLjQzNjYyMDQgQzMwLjk4NDQsMzIuODEyMjA2OCAzMC41MTU2LDMzIDI5Ljk4NDQsMzMgTDE2LjAxNTYyLDMzIEMxNS40NTMxMiwzMyAxNC45Njg3NSwzMi44MTIyMDY4IDE0LjU2MjUsMzIuNDM2NjIwNCBDMTQuMTg3NSwzMi4wNjEwMzQgMTQsMzEuNTkxNTAxIDE0LDMxLjAyODEyMTQgTDE0LDE2Ljk5MDYwNTMgQzE0LDE2LjQ1ODUyNDYgMTQuMTg3NSwxNS45ODkwNDE2IDE0LjU2MjUsMTUuNTgyMTU2NCBDMTQuOTY4NzUsMTUuMTc1MjcxMSAxNS40NTMxMiwxNC45NzE4MzM1IDE2LjAxNTYyLDE0Ljk3MTgzMzUgTDE3LDE0Ljk3MTgzMzUgTDE3LDEzIEwxOS4wMTU2MiwxMyBMMTkuMDE1NjIsMTQuOTcxODMzNSBMMjYuOTg0NCwxNC45NzE4MzM1IEwyNi45ODQ0LDEzIEwyOSwxMyBMMjksMTQuOTcxODMzNSBMMjkuOTg0NCwxNC45NzE4MzM1IFogTTI4LjAxNTYsMjIuMDE0MDY4MiBMMjguMDE1NiwyMy45ODU5MjY4IEwyNiwyMy45ODU5MjY4IEwyNiwyMi4wMTQwNjgyIEwyOC4wMTU2LDIyLjAxNDA2ODIgWiBNMjMuOTg0NCwyMi4wMTQwNjgyIEwyMy45ODQ0LDIzLjk4NTkyNjggTDIyLjAxNTYyLDIzLjk4NTkyNjggTDIyLjAxNTYyLDIyLjAxNDA2ODIgTDIzLjk4NDQsMjIuMDE0MDY4MiBaIE0yMCwyMi4wMTQwNjgyIEwyMCwyMy45ODU5MjY4IEwxNy45ODQzOCwyMy45ODU5MjY4IEwxNy45ODQzOCwyMi4wMTQwNjgyIEwyMCwyMi4wMTQwNjgyIFoiIGZpbGw9IiMyMzFGMjAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPjwvc3ZnPg==); } /* -------------------- Promo and test -------------------- */ .b-promo { position: relative; margin-top: 40px; margin-bottom: 100px; } @media (min-width: 1000px) { .b-promo .container { max-width: 86%; padding: 0; } } @media (max-width: 767px) { .b-promo { margin-top: 0; } } /* * * Promo and test :: test * * */ .b-promo_test { position: relative; } .b-promo_test_main, .b-promo_test_form { position: absolute; z-index: -1; left: 0; top: 0; right: 0; width: 100%; opacity: 0; -webkit-transition: opacity 800ms, -webkit-transform 800ms; transition: opacity 800ms, -webkit-transform 800ms; -o-transition: opacity 800ms, transform 800ms; transition: opacity 800ms, transform 800ms; transition: opacity 800ms, transform 800ms, -webkit-transform 800ms; } .b-promo_test_main { -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } .b-promo_test_form { -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); -webkit-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .b-promo_test_main.current, .b-promo_test_form.current { position: relative; z-index: auto; left: auto; top: auto; right: auto; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .b-promo.start .b-promo_test_main, .b-promo.start .b-promo_test_form { z-index: auto; } .b-promo.started .b-promo_test_main, .b-promo.started .b-promo_test_form { z-index: -1; } .b-promo.started .b-promo_test_main.current, .b-promo.started .b-promo_test_form.current { z-index: auto; } @media (max-width: 767px) { .b-promo_test_main, .b-promo_test_form { position: absolute; z-index: -1; left: 0; top: 0; right: 0; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; -webkit-transition: opacity 800ms; -o-transition: opacity 800ms; transition: opacity 800ms; } .b-promo_test_main.current, .b-promo_test_form.current { position: relative; z-index: 1; left: auto; top: auto; right: auto; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } /* * * Promo and test :: main * * */ .b-promo_test_main_head { margin-bottom: 32px; font: 700 21px 'Open Sans', sans-serif; color: #413853; } .b-promo_test_main_head_title { margin-top: 28px; font: 700 41px 'Open Sans', sans-serif; text-transform: uppercase; color: #00aeff; } .b-promo_test_main_services { font: 500 16px/1.75 'Open Sans', sans-serif; color: #413853; } .b-promo_test_main_services_item { display: block; position: relative; padding: 20px; text-align: center; text-decoration: none; color: inherit; } .b-promo_test_main_services_item:hover { color: #00aeff; } .b-promo_test_main_services_label a { text-decoration: none; color: inherit; } .b-promo_test_main_services_label a:hover { color: #00aeff; } .b-promo_test_main_tools { margin-top: 34px; margin-right: -2.2vw; } .b-promo_test_main_tools > * { display: inline-block; vertical-align: baseline; margin-right: 2.2vw; } .b-promo_test_main_tools_appointment { display: inline-block; vertical-align: baseline; padding: 0; font: 600 16px/1 'Open Sans', sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #00aeff; background: none; border: none; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; cursor: pointer; } .b-promo_test_main_tools_appointment span { border-bottom: 2px dotted; } .b-promo_test_main_tools_appointment:hover { color: inherit; } @media (min-width: 1000px) { .b-promo_test_main_bg { position: fixed; z-index: 1; left: 0; top: -10%; width: 100%; height: 110%; background: #fff url('/bitrix/templates/main/assets/css/../img/backgrounds/promo-bg.png') right top / auto 70% no-repeat; -webkit-transition: opacity 400ms, visibility 400ms; -o-transition: opacity 400ms, visibility 400ms; transition: opacity 400ms, visibility 400ms; } .b-promo_test_main_bg.lazy { background-image: none !important; } .b-promo_test_main_bg ~ .b-page_content { z-index: 20; } .b-promo_test_main_bg ~ .b-page_content ~ * { z-index: 10; } .b-promo_test_main_bg.off { opacity: 0; visibility: visible; } .b-promo_test_main_tools_follower { position: fixed; z-index: 80; left: -200px; top: -200px; width: 10vw; height: 10vw; min-width: 100px; min-height: 100px; max-width: 150px; max-height: 150px; padding: 20px 10px; font: 400 1.5vw/1.2 'Open Sans', sans-serif; text-transform: none; text-align: center; letter-spacing: normal; border-radius: 50%; -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .3); box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .3); -webkit-transition: background 400ms; -o-transition: background 400ms; transition: background 400ms; } .m-touch .b-promo_test_main_tools_follower { display: none; } } @media (max-width: 999px) { .b-promo_test_main_head { margin-bottom: 32px; font: 700 18px 'Open Sans', sans-serif; } .b-promo_test_main_head_title { margin-top: 24px; font: 700 28px 'Open Sans', sans-serif; } } @media (max-width: 767px) { .b-promo_test_main { text-align: center; } .b-promo_test_main_head { margin-bottom: 24px; } .b-promo_test_main_head_title { margin-top: 16px; font: 700 24px 'Open Sans', sans-serif; } .b-promo_test_main_services { text-align: center; } .b-promo_test_main_services_carousel .b-carousel_arrow { width: 30px; } .b-promo_test_main_services_carousel .b-carousel_arrow__prev { left: -10px; } .b-promo_test_main_services_carousel .b-carousel_arrow__next { right: -10px; } .b-promo_test_main_services_item { padding: 10px 20px; } .b-promo_test_main_tools { margin-top: 24px; } .b-promo_test_main_tools .e-btn { display: block; margin-bottom: 48px; width: 100%; font-size: 14px; letter-spacing: 1px; } } @media (max-width: 479px) { .b-promo_test_main_head_title { margin-top: 16px; font: 700 20px 'Open Sans', sans-serif; } } /* * * Promo and test :: certificate * * */ .b-promo_certificate { position: relative; margin-top: 88px; font: 400 18px/1.75 'Open Sans', sans-serif; color: #413853; } .b-promo_certificate_pic { display: block; position: relative; float: left; margin: 0 2.5vw .5vw 0; width: 20vw; min-width: 250px; max-width: 320px !important; -webkit-box-shadow: 0 0 80px 0 #999; box-shadow: 0 0 80px 0 #999; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 400ms, -webkit-transform 400ms; transition: opacity 400ms, -webkit-transform 400ms; -o-transition: transform 400ms, opacity 400ms; transition: transform 400ms, opacity 400ms; transition: transform 400ms, opacity 400ms, -webkit-transform 400ms; cursor: pointer; } .b-promo_certificate_pic:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .b-promo_certificate_pic.lazy { opacity: 0; } @media (max-width: 767px) { .b-promo_certificate { margin-top: 48px; font: 400 16px/1.5 'Open Sans', sans-serif; } .b-promo_certificate_pic { display: table; float: none; max-width: 320px !important; margin: 0 auto 24px; } } /* * * Promo and test :: form * * */ .b-promo_test_form { padding-top: 150px; color: #413853; } .b-promo_test_form_progress { position: absolute; z-index: 20; left: -25vw; top: 0; right: -25vw; } .b-promo_test_form_progress_inner { position: relative; margin: 0 auto; max-width: 100vw; height: 50px; } .b-promo_test_form_progress_bar { position: absolute; left: 0; top: 0; bottom: 0; max-width: 100%; width: 0; padding: 16px 30px 0 0; font: 400 20px/1.5 'Open Sans', sans-serif; text-align: right; color: #fff; background: #00aeff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-promo_test_form_screens { position: relative; float: right; width: 58%; } .b-promo_test_form_sidebar { position: relative; float: left; width: 35%; } @media (max-width: 999px) { .b-promo_test_form { padding-top: 120px; } } @media (max-width: 767px) { .b-promo_test_form { padding-top: 80px; } .b-promo_test_form_screens { float: none; width: 100%; } .b-promo_test_form_sidebar { float: none; width: 100%; margin-top: 80px; } } /* * * Promo and test :: form :: sidebar * * */ .b-promo_test_form_sidebar_head { margin-bottom: 44px; font: 500 24px/1 'Philosopher', sans-serif; text-transform: uppercase; } .b-promo_test_form_sidebar_head_sum { margin-top: 24px; font: 700 48px/1 'Proxima Nova', 'Open Sans', sans-serif; letter-spacing: 1px; text-transform: lowercase; } .b-promo_test_form_sidebar_timer { margin-bottom: 32px; font: 500 18px/1 'Philosopher', sans-serif; } .b-promo_test_form_sidebar_timer_countdown { position: relative; font: 500 38px/1 'Philosopher', sans-serif; } .b-promo_test_form_sidebar_timer_countdown_head { margin-bottom: 28px; font: 500 18px/1 'Philosopher', sans-serif; } .b-promo_test_form_sidebar_timer_final { display: none; } .b-promo_test_form_sidebar_bonuses { list-style: none; font: 400 18px/1.5 'Open Sans', sans-serif; color: #bababa; counter-reset: list; } .b-promo_test_form_sidebar_bonuses li { position: relative; padding: 4px 0 4px 42px; } .b-promo_test_form_sidebar_bonuses li:after { position: absolute; z-index: 2; left: 0; top: 50%; margin-top: -12px; width: 25px; height: 25px; font-size: 14px; line-height: 23px; text-align: center; background: #fff; border: 1px solid #bababa; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; counter-increment: list; content: counter(list); } .b-promo_test_form_sidebar_bonuses li:before { position: absolute; left: 12px; bottom: 50%; height: 100%; border-left: 1px solid #bababa; content: ''; } .b-promo_test_form_sidebar_bonuses li:first-child:before { top: -4px; bottom: 50%; height: auto; } .b-promo_test_form_sidebar_bonuses li.active { color: #00aeff; } .b-promo_test_form_sidebar_bonuses li.active:after { background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWdvbiBmaWxsPSIjMDBhZWZmIiBwb2ludHM9IjExLjIwNyAxNy43OTMgMjIgNyAyMy40MTQgOC40MiAxMi40MTQgMTkuNDIgMTIuMjA0ODg3MyAxOS4yMSAxMSAyMC40MiA1IDE0LjQyIDYuNDE0IDEzIj48L3BvbHlnb24+PC9zdmc+) center 2px / 90% 90% no-repeat; border-color: #00aeff; content: ''; } .b-promo_test_form_sidebar_bonuses li.active:before { border-color: #00aeff; } .b-promo_test_form_sidebar_bonuses li:nth-child(1) { z-index: 7; } .b-promo_test_form_sidebar_bonuses li:nth-child(2) { z-index: 6; } .b-promo_test_form_sidebar_bonuses li:nth-child(3) { z-index: 5; } .b-promo_test_form_sidebar_bonuses li:nth-child(4) { z-index: 4; } .b-promo_test_form_sidebar_bonuses li:nth-child(5) { z-index: 3; } .b-promo_test_form_sidebar_bonuses li:nth-child(6) { z-index: 2; } .b-promo_test_form_sidebar_bonuses li:nth-child(7) { z-index: 1; } @media (max-width: 999px) { .b-promo_test_form_sidebar_head { margin-top: 4px; margin-bottom: 24px; } .b-promo_test_form_sidebar_head_sum { margin-top: 12px; } .b-promo_test_form_sidebar_timer { margin-bottom: 24px; } .b-promo_test_form_sidebar_timer_countdown_head { margin-bottom: 16px; } .b-promo_test_form_sidebar_bonuses { font: 400 16px/1.35 'Open Sans', sans-serif; } } @media (max-width: 767px) { .b-promo_test_form_sidebar_head_sum { margin-top: 6px; } .b-promo_test_form_sidebar_timer_countdown_head { margin-bottom: 6px; } } /* * * Promo and test :: form :: screens * * */ .b-promo_test_form_screens { position: relative; -webkit-transition: height 400ms; -o-transition: height 400ms; transition: height 400ms; } .b-promo_test_form_screen { position: absolute; z-index: -1; left: 0; top: 0; right: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: opacity 800ms, visibility 800ms, -webkit-transform 800ms; transition: opacity 800ms, visibility 800ms, -webkit-transform 800ms; -o-transition: opacity 800ms, visibility 800ms, transform 800ms; transition: opacity 800ms, visibility 800ms, transform 800ms; transition: opacity 800ms, visibility 800ms, transform 800ms, -webkit-transform 800ms; } .b-promo_test_form_screen.out { z-index: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .b-promo_test_form_screen.current { position: relative; z-index: auto; left: auto; top: auto; right: auto; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .b-promo_test_form_screen_footer { margin-top: 64px; } .b-promo_test_form_screen_footer_btn { padding-left: 80px; padding-right: 80px; } @media (max-width: 999px) { .b-promo_test_form_screen_footer { margin-top: 48px; } .b-promo_test_form_screen_footer_btn { padding: 28px 70px; } } .b-promo.complete .b-promo_test_main, .b-promo.complete .b-promo_test_form, .b-promo.complete .b-promo_test_form_screens, .b-promo.complete .b-promo_test_form_screens .b-promo_test_form_screen { -webkit-transition: none !important; -o-transition: none !important; transition: none !important } /* * * Promo and test :: form :: screens :: question * * */ .b-promo_test_form_screen_question .b-form_box_title { margin-bottom: 24px; font: 600 20px/1.5 'Open Sans', sans-serif; text-align: center; text-transform: uppercase; color: #136a65; } .b-promo_test_form_screen_question .b-form_box_field { margin: 0 -20px -70px 0; letter-spacing: -6px; } .b-promo_test_form_screen_question .b-form_box_field > * { letter-spacing: normal; } .b-promo_test_form_screen_question .b-form_box_field label { display: inline-block; vertical-align: top; position: relative; margin: 0 0 70px; padding: 0 20px 0 48px; min-width: 20%; font: 500 24px/1 'Philosopher', sans-serif; text-transform: uppercase; color: #413853; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-promo_test_form_screen_question .b-form_box_field label > span { -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-promo_test_form_screen_question .b-form_box_field label > small { display: block; margin-top: 1em; font: 300 18px/1.5 'Open Sans', sans-serif; text-transform: none; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-promo_test_form_screen_question .b-form_box_field label > .radio { position: absolute; left: 0; top: -4px; width: 32px; height: 32px; border: 2px solid #413853; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-promo_test_form_screen_question .b-form_box_field label > .radio span { left: 5%; top: 5%; width: 90%; height: 90%; } .b-promo_test_form_screen_question .b-form_box_field label > .radio span:before { width: 100%; height: 100%; margin: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWdvbiBmaWxsPSIjMDBhZWZmIiBwb2ludHM9IjExLjIwNyAxNy43OTMgMjIgNyAyMy40MTQgOC40MiAxMi40MTQgMTkuNDIgMTIuMjA0ODg3MyAxOS4yMSAxMSAyMC40MiA1IDE0LjQyIDYuNDE0IDEzIj48L3BvbHlnb24+PC9zdmc+) center center no-repeat; } .b-promo_test_form_screen_question .b-form_box_field label:hover > span, .b-promo_test_form_screen_question .b-form_box_field label:hover > small { color: #00aeff; } .b-promo_test_form_screen_question .b-form_box_field label:hover > .radio { border-color: #00aeff; } .b-promo_test_form_screen_question .b-form_box_field label > .radio.checked { border-color: #00aeff; } .b-promo_test_form_screen_question .b-form_box_field label > .radio.checked ~ span, .b-promo_test_form_screen_question .b-form_box_field label > .radio.checked ~ small { color: #00aeff; } .b-promo_test_form_screen_question .b-form_box_field.list { margin: 0 -16px -40px 0; } .b-promo_test_form_screen_question .b-form_box_field.list label { display: block; margin: 0 0 40px; } @media (max-width: 999px) { .b-promo_test_form_screen_question .b-form_box_title { text-align: left; } .b-promo_test_form_screen_question .b-form_box_field { margin: 0 -20px -40px 0; } .b-promo_test_form_screen_question .b-form_box_field label { margin: 0 0 40px; padding: 0 20px 0 46px; min-width: 20%; font: 500 20px/1 'Philosopher', sans-serif; } .b-promo_test_form_screen_question .b-form_box_field label > .radio { top: -4px; width: 28px; height: 28px; } .b-promo_test_form_screen_question .b-form_box_field label > .radio span:before { background-size: contain; } } @media (max-width: 767px) {} /* * * Promo and test :: form :: screens :: final * * */ .b-promo_test_form_screen_final { padding: 60px; padding-top: 14vw; background: #fff; -webkit-box-shadow: 0 0 100px #bbb; box-shadow: 0 0 100px #bbb; } .b-promo_test_form_screen_final_poster { position: absolute; top: 0; left: 0; right: 0; max-width: 360px; min-width: 240px; width: 18.75vw; max-height: 218px; min-height: 145px; height: 11.3vw; margin: 0 auto; overflow-y: hidden; } .b-promo_test_form_screen_final_poster:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#ebebeb), to(#fff)); background: -o-linear-gradient(left, #fff, #ebebeb, #fff); background: linear-gradient(to right, #fff, #ebebeb, #fff); content: ''; } .b-promo_test_form_screen_final_poster img { display: block; margin: 2.73vw auto 0; width: 80%; -webkit-box-shadow: 0 0 40px -1px #bbb; box-shadow: 0 0 40px -1px #bbb; -webkit-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .b-promo_test_form_screen_final_poster img.lazy { opacity: 0; } .b-promo_test_form_screen_final_head { margin-bottom: 26px; font: 700 42px/1.25 'Open Sans', sans-serif; text-align: center; } .b-promo_test_form_screen_final_form .b-form_box_title { margin-bottom: 26px; font: 700 18px/1.3333332 'Open Sans', sans-serif; text-align: center; } .b-promo_test_form_screen_final_form .b-form_box_field input[type="tel"], .b-promo_test_form_screen_final_form .b-form_box_field input[type="text"] { text-align: center; border: none; border-bottom: 1px solid; border-radius: 0; } .b-promo_test_form_screen_final_form .b-form_box_field input[type="tel"]:focus, .b-promo_test_form_screen_final_form .b-form_box_field input[type="text"]:focus { border-bottom-color: #00aeff !important; } .b-promo_test_form_screen_final_form .b-form_box_field svg { position: absolute; z-index: 1; left: calc(50% - 9vw); top: 4px; fill: #00aeff; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-promo_test_form_screen_final_form .b-form_box_field input[type="tel"]:focus ~ svg, .b-promo_test_form_screen_final_form .b-form_box_field input[type="text"]:focus ~ svg { left: 0; } .b-promo_test_form_screen_final_form .b-form_box_field input::-webkit-input-placeholder { color: #00aeff; } .b-promo_test_form_screen_final_form .b-form_box_field input:-moz-placeholder { color: #00aeff; } .b-promo_test_form_screen_final_form .b-form_box_field input:-ms-input-placeholder { color: #00aeff; } .b-promo_test_form_screen_final_form .b-form_box_error { text-align: center; } .b-promo_test_form_screen_final_form .b-form_bottom { margin-top: 40px; text-align: center; } .b-promo_test_form_screen_final_form .b-form_bottom a.b-form_bottom_link { display: inline-block; position: relative; margin-top: 28px; font: 400 14px/1 'Open Sans', sans-serif; text-decoration: none; color: #bababa; } .b-promo_test_form_screen_final_form .b-form_bottom a.b-form_bottom_link:hover { color: #00aeff; } @media (max-width: 999px) { .b-promo_test_form_screen_final { padding: 160px 20px 30px; } .b-promo_test_form_screen_final_head { margin-bottom: 24px; font: 700 32px/1.15 'Open Sans', sans-serif; } } @media (max-width: 479px) { .b-promo_test_form_screen_final { margin: 0 -25vw; padding: 140px 25vw 30px; } .b-promo_test_form_screen_final_head { margin-bottom: 24px; font: 700 22px/1.15 'Open Sans', sans-serif; } .b-promo_test_form_screen_final_poster { min-height: 120px; height: 120px; } .b-promo_test_form_screen_final_form .b-form_box_field svg { left: 0; } } /* * * Promo and test :: form :: screens :: success * * */ .b-promo_test_form_screen_success_title { margin-bottom: 24px; font: 600 20px/1.5 'Open Sans', sans-serif; text-align: center; text-transform: uppercase; color: #136a65; } .b-promo_test_form_screen_success_subtitle { margin: 48px 0 12px; font: 500 24px/1.25 'Philosopher', sans-serif; text-transform: uppercase; color: #413853; } .b-promo_test_form_screen_success_subtitle small { display: block; margin: 1.2rem 0; font: 700 16px 'Open Sans', sans-serif; text-transform: none; } .b-promo_test_form_screen_success_text { margin-bottom: 28px; font: 700 18px/1.666666666666667 'Open Sans', sans-serif; color: #413853; } .b-promo_test_form_screen_success_certificate { display: block; position: relative; width: 100%; margin: 28px 0; -webkit-box-shadow: 0 0 50px #ccc; box-shadow: 0 0 50px #ccc; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; cursor: pointer; } .b-promo_test_form_screen_success_certificate img { display: block; position: relative; width: 100%; -webkit-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .b-promo_test_form_screen_success_certificate img.lazy { opacity: 0; } .b-promo_test_form_screen_success_certificate:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; content: ''; } .b-promo_test_form_screen_success_certificate:before { position: absolute; z-index: 5; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; line-height: 110px; min-width: 110px; width: 8.6vw; height: 8.6vw; min-height: 110px; border-radius: 50%; background: #00aeff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTZweCIgaGVpZ2h0PSI1NnB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ1LjYxNiwwIEw0Mi44NTcxNDI5LDAgTDEwLjg1NzE0MjksMCBMMC41NzE0Mjg1NzEsMCBMMC41NzE0Mjg1NzEsNTYgTDguNTcxNDI4NTcsNTYgTDQ2LjI4NTcxNDMsNTYgTDU1LjQyODU3MTQsNTYgTDU1LjQyODU3MTQsOS44MTI1NzE0MyBMNDUuNjE2LDAgWiBNNDAuNTcxNDI4NiwyLjI4NTcxNDI5IEw0MC41NzE0Mjg2LDE4LjI4NTcxNDMgTDEzLjE0Mjg1NzEsMTguMjg1NzE0MyBMMTMuMTQyODU3MSwyLjI4NTcxNDI5IEw0MC41NzE0Mjg2LDIuMjg1NzE0MjkgWiBNMTAuODU3MTQyOSw1My43MTQyODU3IEwxMC44NTcxNDI5LDMyIEw0NCwzMiBMNDQsNTMuNzE0Mjg1NyBMMTAuODU3MTQyOSw1My43MTQyODU3IFogTTUzLjE0Mjg1NzEsNTMuNzE0Mjg1NyBMNDYuMjg1NzE0Myw1My43MTQyODU3IEw0Ni4yODU3MTQzLDI5LjcxNDI4NTcgTDguNTcxNDI4NTcsMjkuNzE0Mjg1NyBMOC41NzE0Mjg1Nyw1My43MTQyODU3IEwyLjg1NzE0Mjg2LDUzLjcxNDI4NTcgTDIuODU3MTQyODYsMi4yODU3MTQyOSBMMTAuODU3MTQyOSwyLjI4NTcxNDI5IEwxMC44NTcxNDI5LDIwLjU3MTQyODYgTDQyLjg1NzE0MjksMjAuNTcxNDI4NiBMNDIuODU3MTQyOSwyLjI4NTcxNDI5IEw0NC42Njk3MTQzLDIuMjg1NzE0MjkgTDUzLjE0Mjg1NzEsMTAuNzU4ODU3MSBMNTMuMTQyODU3MSw1My43MTQyODU3IFoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPjxwYXRoIGQ9Ik0xNS40Mjg1NzE0LDM3LjcxNDI4NTcgTDIzLjQyODU3MTQsMzcuNzE0Mjg1NyBDMjQuMDYwNTcxNCwzNy43MTQyODU3IDI0LjU3MTQyODYsMzcuMjAzNDI4NiAyNC41NzE0Mjg2LDM2LjU3MTQyODYgQzI0LjU3MTQyODYsMzUuOTM5NDI4NiAyNC4wNjA1NzE0LDM1LjQyODU3MTQgMjMuNDI4NTcxNCwzNS40Mjg1NzE0IEwxNS40Mjg1NzE0LDM1LjQyODU3MTQgQzE0Ljc5NjU3MTQsMzUuNDI4NTcxNCAxNC4yODU3MTQzLDM1LjkzOTQyODYgMTQuMjg1NzE0MywzNi41NzE0Mjg2IEMxNC4yODU3MTQzLDM3LjIwMzQyODYgMTQuNzk2NTcxNCwzNy43MTQyODU3IDE1LjQyODU3MTQsMzcuNzE0Mjg1NyBaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD48cGF0aCBkPSJNMjYuODU3MTQyOSw0MCBMMTUuNDI4NTcxNCw0MCBDMTQuNzk2NTcxNCw0MCAxNC4yODU3MTQzLDQwLjUxMDg1NzEgMTQuMjg1NzE0Myw0MS4xNDI4NTcxIEMxNC4yODU3MTQzLDQxLjc3NDg1NzEgMTQuNzk2NTcxNCw0Mi4yODU3MTQzIDE1LjQyODU3MTQsNDIuMjg1NzE0MyBMMjYuODU3MTQyOSw0Mi4yODU3MTQzIEMyNy40ODkxNDI5LDQyLjI4NTcxNDMgMjgsNDEuNzc0ODU3MSAyOCw0MS4xNDI4NTcxIEMyOCw0MC41MTA4NTcxIDI3LjQ4OTE0MjksNDAgMjYuODU3MTQyOSw0MCBaIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD48cGF0aCBkPSJNMjkuNDc0Mjg1Nyw0MC4zMzE0Mjg2IEMyOS4yNjc0Mjg2LDQwLjU0NzQyODYgMjkuMTQyODU3MSw0MC44NDU3MTQzIDI5LjE0Mjg1NzEsNDEuMTQyODU3MSBDMjkuMTQyODU3MSw0MS40NCAyOS4yNjc0Mjg2LDQxLjczNzE0MjkgMjkuNDc0Mjg1Nyw0MS45NTQyODU3IEMyOS42OTAyODU3LDQyLjE2IDI5Ljk3Niw0Mi4yODU3MTQzIDMwLjI4NTcxNDMsNDIuMjg1NzE0MyBDMzAuNTgyODU3MSw0Mi4yODU3MTQzIDMwLjg4LDQyLjE2IDMxLjA5NzE0MjksNDEuOTU0Mjg1NyBDMzEuMzAyODU3MSw0MS43MzcxNDI5IDMxLjQyODU3MTQsNDEuNDQgMzEuNDI4NTcxNCw0MS4xNDI4NTcxIEMzMS40Mjg1NzE0LDQwLjg0NTcxNDMgMzEuMzAyODU3MSw0MC41NDc0Mjg2IDMxLjA5NzE0MjksNDAuMzMxNDI4NiBDMzAuNjc0Mjg1NywzOS45MDg1NzE0IDI5Ljg5NzE0MjksMzkuOTA4NTcxNCAyOS40NzQyODU3LDQwLjMzMTQyODYgWiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PHBhdGggZD0iTTM4LjI4NTcxNDMsNC41NzE0Mjg1NyBMMzEuNDI4NTcxNCw0LjU3MTQyODU3IEwzMS40Mjg1NzE0LDE2IEwzOC4yODU3MTQzLDE2IEwzOC4yODU3MTQzLDQuNTcxNDI4NTcgWiBNMzYsMTMuNzE0Mjg1NyBMMzMuNzE0Mjg1NywxMy43MTQyODU3IEwzMy43MTQyODU3LDYuODU3MTQyODYgTDM2LDYuODU3MTQyODYgTDM2LDEzLjcxNDI4NTcgWiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PC9zdmc+) center center no-repeat; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; opacity: 0; content: ''; } .b-promo_test_form_screen_success_certificate:hover { -webkit-box-shadow: 0 0 70px #aaa; box-shadow: 0 0 70px #aaa; } .b-promo_test_form_screen_success_certificate:hover::after, .b-promo_test_form_screen_success_certificate:hover::before { opacity: 1; } .b-promo_test_form_screen_success_list { position: relative; list-style: none; font: 400 18px/1.5 'Open Sans', sans-serif; color: #00aeff; counter-reset: list; } .b-promo_test_form_screen_success_list:before { position: absolute; left: 12px; top: 10px; bottom: 12px; border-left: 1px solid #00aeff; content: ''; } .b-promo_test_form_screen_success_list li { position: relative; padding: 4px 0 4px 42px; } .b-promo_test_form_screen_success_list li:after { position: absolute; z-index: 2; left: 0; top: 50%; margin-top: -12px; width: 25px; height: 25px; font-size: 14px; line-height: 23px; text-align: center; color: #00aeff; background: #fff; border: 1px solid #00aeff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; counter-increment: list; content: counter(list); } .b-promo_test_form_screen_success_discount { font: 700 150px/1.5 'Open Sans', sans-serif; text-align: center; color: #00aeff; } .b-promo_test_form_screen_success .b-buttons .e-btn { padding-top: 20px; padding-bottom: 24px; } .b-promo_test_form_screen_success .count-box { display: table; position: relative; width: 100%; margin-bottom: 6vw; font-size: 20px; font-weight: 700; text-align: center; } .b-promo_test_form_screen_success .count-box__tr { display: table-row; } .b-promo_test_form_screen_success .count-box__td, .b-promo_test_form_screen_success .count-box__th { display: table-cell; width: 50%; padding: 20px 0; vertical-align: middle; } .b-promo_test_form_screen_success .count-box__th { text-align: left; width: 50%; padding-right: 4vw; } .b-promo_test_form_screen_success .count-box__td { font-size: 2.5em; } .b-promo_test_form_screen_success .count-box__td .cross { margin-right: 0; } .b-promo_test_form_screen_success .count-box__description { font-size: .8em; margin-top: .5vw; } .b-promo_test_form_screen_success .count-box__final { color: #00aeff; font-size: 2.7em; border: 7px solid #00aeff; white-space: nowrap; } .b-promo_test_form_screen_success .count-box .cross { position: relative; display: inline-block; } .b-promo_test_form_screen_success .count-box .cross:after { position: absolute; top: 0; bottom: 0; left: 0; width: 102%; height: 3px; margin: auto 0; opacity: .9; background-color: #413853; display: block; content: ''; } .b-promo_test_form_screen_success .count-box .cur { display: inline-block; margin-left: 10px; margin-top: -9px; font-size: .35em; line-height: 1; vertical-align: middle; } @media (max-width: 999px) { .b-promo_test_form_screen_success .count-box { max-width: 700px; margin: 0 auto 80px; } } @media (max-width: 767px) { .b-promo_test_form_screen_success .count-box__tr { display: block; } .b-promo_test_form_screen_success .count-box__td, .b-promo_test_form_screen_success .count-box__th { display: block; width: 100%; padding: 0; text-align: center; height: auto; margin-bottom: 20px; } .b-promo_test_form_screen_success .count-box__th { margin-bottom: 10px; } .b-promo_test_form_screen_success .count-box__final { display: inline-block; width: auto; padding: 10px 15px; margin-top: 10px; margin-bottom: 0; } } @media (max-width: 999px) { .b-promo_test_form_screen_success_discount { font: 700 120px/1.5 'Open Sans', sans-serif; } .b-promo_test_form_screen_success .count-box__td { font-size: 2em; } } @media (max-width: 767px) { .b-promo_test_form_screen_success_title { margin-bottom: 12px; font: 600 18px/1.25 'Open Sans', sans-serif; } .b-promo_test_form_screen_success_subtitle { margin: 32px 0 12px; font: 500 20px/1.25 'Philosopher', sans-serif; } .b-promo_test_form_screen_success_text { margin-bottom: 24px; font: 700 14px/1.25 'Open Sans', sans-serif; } .b-promo_test_form_screen_success_discount { font: 700 80px/1 'Open Sans', sans-serif; } .b-promo_test_form_screen_success_list { font: 400 16px/1.25 'Open Sans', sans-serif; } } /* * * Promo and test :: popup * * */ .b-leaflet__promo .b-leaflet_box { padding: 0; } .b-leaflet__promo .b-leaflet_overlay { background: rgba(255, 255, 255, .5); } .b-leaflet__promo .b-leaflet_close { top: 20px; right: 20px !important; color: #00aeff; } .b-leaflet__promo .b-leaflet_close:hover { color: #413853; } .b-promo_popup_head { padding: 40px 40px; font: 400 16px/1.5 'Open Sans', sans-serif; text-align: center; color: #413853; background: #f8f8f8; } .b-promo_popup_head_inner { margin: 0 auto; min-width: 280px; max-width: 60%; } .b-promo_popup_content { padding: 20px 50px 40px; color: #413853; } .b-promo_popup_content_title { margin-bottom: 16px; font: 700 30px/1.2 'Open Sans', sans-serif; text-transform: uppercase; text-align: center; color: #00aeff; } .b-promo_popup_content .b-promo_test_form_screen_final_form { margin: 0 auto; max-width: 400px; } .b-promo_popup_content .b-promo_test_form_screen_final_form .b-form_box_title { font: 400 24px/1.2 'Philosopher', sans-serif; text-transform: uppercase; color: #413853; } .b-promo_popup .b-form_message { padding: 100px !important; } @media (max-width: 767px) { .b-leaflet__promo .b-leaflet_close { top: 0; right: 0 !important; } .b-promo_popup_head { padding: 30px 20px; } .b-promo_popup_content { padding: 30px 20px; } .b-promo_popup_content_title { margin-bottom: 12px; font: 700 20px/1.2 'Open Sans', sans-serif; } .b-promo_popup_content .b-promo_test_form_screen_final_form .b-form_box_title { font: 400 18px/1.2 'Philosopher', sans-serif; } .b-promo_popup .b-form_message { padding: 40px 20px !important; } } /* -------------------- Main page -------------------- */ .b-mp { position: relative; background: center -24px no-repeat; } .b-mp.lazy { background-image: none !important; } @media (max-width: 999px) { .b-mp { background-size: auto 800px; } } @media (max-width: 767px) { .b-mp { background-size: auto; } } @media (max-width: 479px) { .b-mp { background-size: 576px auto; } } /* -------------------- Main page -------------------- */ /* * * Main page :: intro * * */ .b-mp_intro { position: static; } @media (min-width: 768px) and (max-width: 999px) { .b-mp_intro .b-intro_text { padding: 240px 0 140px; min-height: 420px; max-width: none; } } @media (max-width: 767px) { .b-mp_intro .b-intro_text { position: relative; z-index: 20; padding: 540px 0 0; min-height: 220px; } .b-mp_intro .b-intro_text_btn { position: relative; z-index: 20; } } @media (max-width: 479px) { .b-mp_intro .b-intro_text { padding: 380px 0 60px; min-height: 160px; height: 160px; } .b-mp_intro .b-intro_text_inner:before { content: none; } } /* * * Main page :: intro new * * */ .b-intro_content { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding: 280px 0 140px; margin-left: -62px; } .b-intro_content-left { -webkit-box-sizing: border-box; box-sizing: border-box; width: 678px; } .b-intro_content-left_title { font-family: "Open Sans Condensed"; padding-left: 20px; margin-bottom: 10px; } .b-intro_content-left_title-text { font-style: normal; font-weight: bold; font-size: 49px; /*line-height: 81px;*/ line-height: 49px; text-transform: uppercase; color: #213540; margin-bottom: 10px; } .b-intro_content-left_title-subtext { font-style: normal; font-weight: bold; font-size: 49px; /*line-height: 81px;*/ line-height: 49px; text-transform: uppercase; color: #F93B00; } .b-intro_content-left_desc { font-style: normal; font-weight: normal; font-size: 24px; /*line-height: 30px;*/ color: #444444; padding-left: 20px; margin-bottom: 75px; } .b-intro_content-left_bottom { background: #F2F2F2; padding: 16px 20px 18px 20px; } .b-intro_content-left_bottom-title { font-style: normal; font-weight: bold; font-size: 18px; /*line-height: 30px;*/ text-transform: uppercase; color: #444444; margin-bottom: 8px; } .b-intro_content-left_bottom-list { list-style: none; 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; } .b-intro_content-left_bottom-list_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 15px; } .b-intro_content-left_bottom-list_block-img { width: 74px; min-width: 74px; height: 74px; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); border-radius: 1000px; border: 2px solid #FFFFFF; margin-right: 12px; } .b-intro_content-left_bottom-list_block-desc { font-style: normal; font-weight: 600; font-size: 16px; line-height: 110%; color: #213540; } .b-intro_content-right { -webkit-box-sizing: border-box; box-sizing: border-box; width: 344px; background: url("/bitrix/templates/main/assets/img/intro/intro-form-bg.png") no-repeat; background-size: 100% 100%; background-position-y: bottom; padding: 44px 35px 48px 35px; } .b-intro_content-right .b-capture_box_form { } .b-intro_content-right form { } .b-intro_content-right .b-form_box { background: none !important; border-radius: 0px !important; margin-bottom: 20px; } .b-intro_content-right .b-form_box_field { } .b-intro_content-right .b-form_box_field input { width: 100% !important; height: 52px !important; font-style: normal !important; font-weight: normal !important; font-size: 22px !important; /*line-height: 29px !important;*/ text-align: center; /*text-transform: uppercase;*/ color: #8591A2; border-radius: 50px !important; } .b-intro_content-right .b-form_box_field input::-webkit-input-placeholder { font-style: normal !important; font-weight: normal !important; font-size: 22px !important; /*line-height: 29px !important;*/ text-align: center !important; text-transform: uppercase !important; color: #8591A2 !important; opacity: 1 !important; } .b-intro_content-right .b-form_box_field input::-moz-placeholder { font-style: normal !important; font-weight: normal !important; font-size: 22px !important; /*line-height: 29px !important;*/ text-align: center !important; text-transform: uppercase !important; color: #8591A2 !important; opacity: 1 !important; } .b-intro_content-right .b-form_box_field input:-moz-placeholder { font-style: normal !important; font-weight: normal !important; font-size: 22px !important; /*line-height: 29px !important;*/ text-align: center !important; text-transform: uppercase !important; color: #8591A2 !important; opacity: 1 !important; } .b-intro_content-right .b-form_box_field input:-ms-input-placeholder { font-style: normal !important; font-weight: normal !important; font-size: 22px !important; /*line-height: 29px !important;*/ text-align: center !important; text-transform: uppercase !important; color: #8591A2 !important; opacity: 1 !important; } .b-intro_content-right .b-form_notice { font-style: normal; font-weight: normal; font-size: 14px; line-height: 120%; color: #213540; opacity: 0.64; text-align: left; margin-top: 0; } .b-intro_content-right .b-form_notice p { } .b-intro_content-right .b-form_bottom { display: inline-block; width: 100%; margin-top: 10px; margin-bottom: 19px; } .b-intro_content-right .b-form_bottom button { font-style: normal; font-weight: bold; font-size: 22px; /*line-height: 29px;*/ text-align: center; text-transform: uppercase; color: #FFFFFF; } @media (max-width: 1110px) { .b-intro_content-left { width: 485px; } .b-intro_content-left_title-text { font-size: 40px; line-height: 40px; } .b-intro_content-left_title-subtext { font-size: 40px; line-height: 40px; } .b-intro_content-left_desc { font-size: 20px; } .b-intro_content-left_bottom-title { font-size: 14px; } .b-intro_content-left_bottom-list_block-img { width: 50px; min-width: 50px; height: 50px; margin-right: 9px; } .b-intro_content-left_bottom-list_block-desc { font-size: 13px; } .b-intro_content-right { width: 305px; } } @media (max-width: 1110px) { .b-intro_content { padding: 230px 0 195px; } } @media (max-width: 880px) { .b-intro_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 460px; margin: 0 auto; } .b-intro_content-left { width: 100%; background: #EDEDED; padding: 40px 0 0 0; } .b-intro_content-left_title { /*padding-left: 0;*/ } .b-intro_content-left_desc { /*padding-left: 0;*/ } .b-intro_content-left_title-text { font-size: 24px; line-height: 24px; } .b-intro_content-left_title-subtext { font-size: 24px; line-height: 24px; } .b-intro_content-left_desc { font-size: 16px; margin-bottom: 27px; } .b-intro_content-left_bottom { padding: 22px 20px 19px 20px; } .b-intro_content-left_bottom-title { font-size: 16px; } .b-intro_content-left_bottom-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .b-intro_content-left_bottom-list_block { margin-right: 0; } .b-intro_content-left_bottom-list_block-img { width: 74px; min-width: 74px; height: 74px; margin-right: 12px; } .b-intro_content-left_bottom-list_block-desc { font-size: 16px; } .b-intro_content-left_bottom-list_block { margin-top: -20px; } .b-intro_content-left_bottom-list_block:first-child { margin-top: 0; } .b-intro_content-right { width: 100%; } } @media (max-width: 767px) { .b-intro_content { padding: 40px 0 20px; } } @media (max-width: 767px) { .b-intro_content { width: 320px; } } @media (max-width: 350px) { .b-intro_content { width: 100vw; padding: 0; margin: 0 -15px 0 -15px; } } /* * * Main page :: benefits * * */ /*.b-mp-benefits { position: relative; z-index: 5; margin-top: -250px; padding-top: 272px; min-height: 900px; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-bg-02.png') center top no-repeat; }*/ .b-mp-benefits { position: relative; z-index: 5; margin-top: -50px; padding-top: 272px; min-height: 900px; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-bg-02.png') center top no-repeat; } .b-mp-benefits.lazy { background-image: none !important; } @media (max-width: 999px) { /*.b-mp-benefits { margin-top: -300px; padding-top: 280px; }*/ .b-mp-benefits { margin-top: -70px; padding-top: 280px; } } @media (max-width: 767px) { /*.b-mp-benefits { margin-top: -120px; padding-top: 260px; }*/ .b-mp-benefits { margin-top: -85px; padding-top: 260px; } } @media (max-width: 479px) { /*.b-mp-benefits { margin-top: -186px; padding-top: 240px; }*/ /*.b-mp-benefits { margin-top: -135px; padding-top: 240px; }*/ .b-mp-benefits { margin-top: -90px; padding-top: 240px; } } .b-mp-benefits_head { margin: 0 0 0 264px; max-width: 460px; font: 400 24px/1.25 'Open Sans', sans-serif; text-transform: uppercase; color: #136a65; } .b-mp-benefits_head_title { font: 700 60px/1.05 'Open Sans Condensed', sans-serif; color: #213540; } .b-mp-benefits_honeycomb { position: relative; float: right; margin: -160px 0 0; width: 250px; height: 218px; } .b-mp-benefits_honeycomb_btn { position: absolute; z-index: 10; top: 543px; right: 39px; width: 172px; padding: 10px 20px 14px; } .b-mp-benefits_honeycomb_btn:before { height: 4px !important; } .b-mp-benefits_honeycomb_cell { display: block; position: relative; padding: 110px 40px 8px; height: 100px; width: 170px; font: 300 23px/1.347826086956522 'Open Sans Condensed', sans-serif; text-transform: uppercase; text-align: center; color: #fff; background: center center no-repeat; } .b-mp-benefits_honeycomb_cell.lazy { background-image: none !important; } .b-mp-benefits_honeycomb_cell#mp-benefits-01 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-benefits-01.png'); } .b-mp-benefits_honeycomb_cell#mp-benefits-02 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-benefits-02.png'); } .b-mp-benefits_honeycomb_cell#mp-benefits-03 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-benefits-03.png'); } .b-mp-benefits_honeycomb_cell#mp-benefits-04 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-benefits-04.png'); } .b-mp-benefits_honeycomb_cell#mp-benefits-05 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-benefits-05.png'); } .b-mp-benefits_honeycomb_cell#mp-benefits-06 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-benefits-06.png'); } @media (min-width: 768px) { .b-mp-benefits_honeycomb_cell#mp-benefits-02 { position: absolute; top: 113px; left: -197px; } .b-mp-benefits_honeycomb_cell#mp-benefits-03 { position: absolute; top: 226px; left: -394px; } .b-mp-benefits_honeycomb_cell#mp-benefits-04 { position: absolute; top: 226px; left: 0; } .b-mp-benefits_honeycomb_cell#mp-benefits-05 { position: absolute; top: 339px; left: -197px; } .b-mp-benefits_honeycomb_cell#mp-benefits-06 { position: absolute; top: 453px; left: -394px; } } @media (min-width: 768px) and (max-width: 999px) { .b-mp-benefits_head { margin: 0 0 0 114px; max-width: none; } .b-mp-benefits_head_title { font: 700 50px/1.05 'Open Sans Condensed', sans-serif; color: #213540; } .b-mp-benefits_honeycomb { margin: -120px 40px 0 0; } } @media (max-width: 767px) { .b-mp-benefits_head { margin: 0; max-width: 300px; font: 400 20px/1.25 'Open Sans', sans-serif; } .b-mp-benefits_head_title { font: 700 40px/1.05 'Open Sans Condensed', sans-serif; color: #213540; } .b-mp-benefits_honeycomb { float: none; margin: 0 auto; width: 328px; height: auto; } .b-mp-benefits_honeycomb_btn { top: 520px; right: 100%; margin-right: -120px; width: 172px; padding: 10px 20px 14px; -webkit-transform: skewY(6.8deg); -ms-transform: skewY(6.8deg); transform: skewY(6.8deg); } .b-mp-benefits_honeycomb_btn span { display: block; position: relative; -webkit-transform: skewY(-2.8deg); -ms-transform: skewY(-2.8deg); transform: skewY(-2.8deg); } .b-mp-benefits_honeycomb_cell { padding: 84px 20px 10px; height: 66px; width: 144px; font: 300 18px/1.222222221 'Open Sans Condensed', sans-serif; background-size: contain; } .b-mp-benefits_honeycomb_cell ~ .b-mp-benefits_honeycomb_cell { margin-top: 6px; } .b-mp-benefits_honeycomb_cell#mp-benefits-02 { position: absolute; top: 78px; left: 144px; } .b-mp-benefits_honeycomb_cell#mp-benefits-04 { position: absolute; top: 244px; left: 144px; } .b-mp-benefits_honeycomb_cell#mp-benefits-06 { position: absolute; top: 410px; left: 144px; } } @media (max-width: 479px) { .b-mp-benefits_honeycomb { margin: 16px auto 0; width: 294px; } .b-mp-benefits_honeycomb_btn { top: 532px; left: 0; right: auto; margin: 0 auto; width: 172px; } .b-mp-benefits_honeycomb_cell { padding: 72px 20px 6px; height: 66px; width: 124px; font: 300 16px/1.375 'Open Sans Condensed', sans-serif; background-size: contain; } .b-mp-benefits_honeycomb_cell ~ .b-mp-benefits_honeycomb_cell { margin-top: 4px; } .b-mp-benefits_honeycomb_cell#mp-benefits-02 { position: absolute; top: 70px; left: 128px; } .b-mp-benefits_honeycomb_cell#mp-benefits-04 { position: absolute; top: 219px; left: 128px; } .b-mp-benefits_honeycomb_cell#mp-benefits-06 { position: absolute; top: 367px; left: 128px; } } /* * * Main page :: implantation * * */ .b-mp-implantation { position: relative; margin-top: -350px; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-bg-03.jpg') center -350px no-repeat; } .b-mp-implantation.lazy { background-image: none !important; } .b-mp-implantation_inner { padding: 300px 0 200px; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body.png') right top repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-implantation_caption { margin-bottom: 52px; font: 400 60px/1 'Open Sans', sans-serif; text-transform: uppercase; text-align: center; color: #444; } .b-mp-implantation_box { position: relative; min-height: 350px; padding: 25px 0; background: rgba(255, 255, 255, .75); -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-implantation_box:after { position: absolute; left: 100%; top: 0; bottom: 0; width: 68px; opacity: .75; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0wIDBsNjggMTc1TDAgMzUweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) left center / 100% 100% no-repeat; content: ''; } .b-mp-implantation_box:before { position: absolute; right: 100%; top: 0; bottom: 0; width: 68px; opacity: .75; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik02OCAwdjM1MEwwIDE3NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) right center / 100% 100% no-repeat; content: ''; } .b-mp-implantation_carousel { position: relative; } .b-mp-implantation_carousel > .b-carousel_item ~ .b-carousel_item { display: none; } .b-mp-implantation_carousel .b-carousel_arrow { width: 28px; height: 100%; color: #FA3B00;} .b-mp-implantation_carousel .b-carousel_arrow svg { margin: -49px 0 0 -14px; width: 28px; height: 98px; font-size: 98px; } .b-mp-implantation_carousel .b-carousel_arrow.disabled { color: #c3c3c3; } .b-mp-implantation_carousel .b-carousel_arrow__prev { left: 0; color: #c3c3c3; } .b-mp-implantation_carousel .b-carousel_arrow__next { right: 0; } .b-mp-implantation_carousel .b-carousel_arrow:hover { color: #3ca9a2; } .b-mp-implantation_slide { display: table; width: 100%; height: 300px; border-collapse: separate; border-spacing: 0; table-layout: fixed; } .b-mp-implantation_slide_capsule { display: table-cell; vertical-align: middle; padding: 0 40px; } .b-mp-implantation_slide_pic img { display: block; position: relative; max-width: 100%; height: auto; margin: 0 auto; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-mp-implantation_slide_pic img.lazy { opacity: 0; } .b-mp-implantation_slide_text { font: 300 16px/1.3125 'Open Sans', sans-serif; color: #123f48; } .b-mp-implantation_slide_text_title { margin-bottom: 26px; font: 700 36px/1 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #1c9c94; } .b-mp-implantation_slide_text_btn { margin-top: 16px; padding: 10px 20px 14px; } .b-mp-implantation_slide_text_btn:before { height: 4px !important; } @media (max-width: 767px) { .b-mp-implantation_inner { padding: 280px 0 140px; } .b-mp-implantation_caption { margin-bottom: 24px; font: 400 30px/1 'Open Sans', sans-serif; } .b-mp-implantation_box { padding: 40px 0; } .b-mp-implantation_carousel .b-carousel_arrow { height: 120px; } .b-mp-implantation_carousel .b-carousel_arrow svg { margin-top: -34px; height: 68px; } .b-mp-implantation_carousel .b-carousel_arrow__prev { left: -6px; } .b-mp-implantation_carousel .b-carousel_arrow__next { right: -6px; } .b-mp-implantation_slide_capsule { padding: 0; } .b-mp-implantation_slide_pic { display: table; margin-bottom: 24px; width: 100%; height: 120px; border-collapse: separate; border-spacing: 0; table-layout: fixed; } .b-mp-implantation_slide_pic_capsule { display: table-cell; vertical-align: middle; } .b-mp-implantation_slide_pic img { max-width: 80%; max-height: 120px; } .b-mp-implantation_slide_text { font: 300 15px/1.3125 'Open Sans', sans-serif; text-align: center; } .b-mp-implantation_slide_text_title { margin-bottom: 16px; font: 700 24px/1 'Open Sans Condensed', sans-serif; } } /* * * Main page :: X-Ray * * */ .b-mp-xRay { position: relative; margin-top: -140px; padding: 140px 0 240px; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-bg-04.png') center top no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-xRay.lazy { background-image: none !important; } .b-mp-xRay_head { position: relative; z-index: 5; margin-bottom: 62px; font: 400 24px 'Open Sans', sans-serif; text-align: center; text-transform: uppercase; color: #1c9c94; } .b-mp-xRay_head_title { margin-bottom: 10px; font: 700 80px/1 'Open Sans', sans-serif; color: #444; } .b-mp-xRay_text { position: relative; z-index: 5; font: 400 18px/1.444444444444444 'Open Sans', sans-serif; color: #444; } .b-mp-xRay_text p ~ p { margin-top: 58px; } .b-mp-xRay_text_btn { margin-top: 42px; padding: 9px 20px 13px; line-height: 1.2; } @media (max-width: 999px) { .b-mp-xRay { padding: 140px 0 220px; background-size: 1800px auto; } .b-mp-xRay_head { margin-bottom: 32px; font: 400 20px 'Open Sans', sans-serif; } .b-mp-xRay_head_title { margin-bottom: 10px; font: 700 62px/1 'Open Sans', sans-serif; } } @media (max-width: 767px) { .b-mp-xRay { margin-top: -100px; padding: 100px 0 200px; background: none; } .b-mp-xRay_top { position: absolute; left: 0; top: 0; right: 0; height: 100px; overflow: hidden; } .b-mp-xRay_top_bg { position: absolute; right: 0; bottom: 0; width: 2000px; height: 100px; background: #fff; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); overflow: hidden; } .b-mp-xRay_top_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body.png') right top repeat; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); content: ''; } .b-mp-xRay_head { position: relative; margin-top: -30px; margin-bottom: 24px; font: 400 20px 'Open Sans', sans-serif; } .b-mp-xRay_head_title { font: 700 42px/1 'Open Sans', sans-serif; } .b-mp-xRay_text { text-align: center; } } @media (max-width: 479px) { .b-mp-xRay_head { margin-bottom: 24px; font: 400 18px 'Open Sans', sans-serif; } .b-mp-xRay_head_title { font: 700 32px/1 'Open Sans', sans-serif; } .b-mp-xRay_text { font: 400 16px/1.5 'Open Sans', sans-serif; text-align: center; } .b-mp-xRay_text p ~ p { margin-top: 20px; } } /* * * Main page :: steps * * */ .b-mp-steps { position: relative; margin-top: -260px; padding: 190px 0 0; min-height: 1420px; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-bg-05.png') center top no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-steps.lazy { background-image: none !important; } .b-mp-steps_head { position: relative; z-index: 5; margin-bottom: -18px; font: 300 60px/1 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #93c4d9; } .b-mp-steps_head_title { margin-bottom: 0; font: 400 80px/1 'Open Sans', sans-serif; color: #fff; } .b-mp-steps_main { position: relative; margin: 0 auto; width: 960px; height: 710px; color: #fff; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-steps-decor.png') center center no-repeat; } .b-mp-steps_main_text { position: relative; left: 10px; margin: 0 auto; padding: 230px 0 100px; width: 260px; font: 300 18px/1.222222221 'Open Sans', sans-serif; text-align: center; } .b-mp-steps_main_item { font: 400 16px/1.25 'Open Sans', sans-serif; } .b-mp-steps_main_item_title { margin-bottom: 16px; font: 700 24px/1.25 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-steps_main_visit { padding: 22px 0 0; width: 148px; height: 148px; text-align: center; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-steps_main_visit_head { display: block; font: 700 21px/1 'Open Sans', sans-serif; } .b-mp-steps_main_visit_head span { font-size: 36px; } .b-mp-steps_main_visit_text { display: block; margin-top: 6px; font: 700 18px/1 'Open Sans Condensed', sans-serif; } .b-mp-steps_main_visit_time { display: block; margin-top: 17px; padding-left: 24px; font: 700 18px/1 'Open Sans', sans-serif; color: #fa3b00; } .b-mp-steps_afterword { position: relative; margin-top: 10px; } .b-mp-steps_afterword_title { float: left; padding: 54px 0 0 22px; width: 20.4166666666667%; font: 700 24px/1.25 'Open Sans', sans-serif; text-transform: uppercase; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-steps_afterword_title svg { display: block; width: 100px; margin: 20px 0 0 25px; opacity: .3; fill: #fff; } .b-mp-steps_afterword_text { float: right; padding: 20px 0; width: 73.9583333333333%; font: 400 italic 18px/1.666666666666667 'Open Sans', sans-serif; color: #ffdfae; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-steps_afterword_text small { font-size: 14px; } @media (min-width: 1000px) { .b-mp-steps_main_item.item-01 { position: absolute; left: 0; top: 217px; width: 225px; } .b-mp-steps_main_item.item-02 { position: absolute; left: 0; top: 515px; width: 410px; } .b-mp-steps_main_item.item-03 { position: absolute; right: -23px; top: 205px; width: 235px; } .b-mp-steps_main_item.item-04 { position: absolute; right: -20px; top: 498px; width: 210px; } .b-mp-steps_main_visit { position: absolute; z-index: 1; } .b-mp-steps_main_visit.visit-01 { left: 200px; top: 386px; } .b-mp-steps_main_visit.visit-02 { left: 236px; top: 89px; } .b-mp-steps_main_visit.visit-03 { right: 222px; top: 89px; } .b-mp-steps_main_visit.visit-04 { right: 186px; top: 386px; } } @media (max-width: 999px) { .b-mp-steps_head { margin-bottom: 24px; font: 300 40px/1 'Open Sans Condensed', sans-serif; text-align: center; } .b-mp-steps_head_title { font: 400 50px/1 'Open Sans', sans-serif; } .b-mp-steps_main { width: auto; height: auto; background: none; text-align: center; } .b-mp-steps_main_text { left: auto; margin: 0 0 32px; padding: 0; width: auto; } .b-mp-steps_main .flex { margin-bottom: -24px; } .b-mp-steps_main .flex > [class*="col-"] { margin-bottom: 24px; } .b-mp-steps_main_visit { margin: 0 auto 20px; background: #0a202b; border: 3px solid #fff; } .b-mp-steps_main_visit_time { padding-left: 0; } .b-mp-steps_main_item { font: 400 14px/1.25 'Open Sans', sans-serif; } .b-mp-steps_main_item_title { margin-bottom: 12px; font: 700 20px/1.25 'Open Sans', sans-serif; } .b-mp-steps_afterword { margin: 90px 0 0 100px; } .b-mp-steps_afterword_title { float: none; margin-bottom: 12px; padding: 0; width: 100%; } .b-mp-steps_afterword_title br, .b-mp-steps_afterword_title svg { display: none; } .b-mp-steps_afterword_text { float: none; padding: 0; width: 100%; font: 400 italic 16px/1.5 'Open Sans', sans-serif; } .b-mp-steps_afterword_text p ~ p { margin-top: .5em; } } @media (max-width: 767px) { .b-mp-steps { margin-top: -80px; padding: 0 0 140px; background: #30434c url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') center center repeat; } .b-mp-steps_top { position: absolute; left: 0; bottom: 100%; right: 0; height: 100px; overflow: hidden; } .b-mp-steps_top_bg { position: absolute; right: 0; bottom: 0; width: 2000px; height: 100px; background: #fff; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); overflow: hidden; } .b-mp-steps_top_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #30434c url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); content: ''; } .b-mp-steps_bottom { position: absolute; left: 0; bottom: 0; right: 0; height: 100px; overflow: hidden; } .b-mp-steps_bottom_bg { position: absolute; left: 0; bottom: 0; width: 2000px; height: 100px; background: #fff; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); overflow: hidden; } .b-mp-steps_bottom_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body.png') right top repeat; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); content: ''; } .b-mp-steps_head { margin: -48px 0 24px; font: 300 28px/1 'Open Sans Condensed', sans-serif; } .b-mp-steps_head_title { margin-bottom: 8px; font: 600 38px/1 'Open Sans', sans-serif; } .b-mp-steps_afterword { margin: 64px 0 0; text-align: center; } .b-mp-steps_afterword_title { margin-bottom: 12px; } } /* * * Main page :: dentist * * */ .b-mp-dentist { position: relative; z-index: 5; margin-top: -75px; } .b-mp-dentist_box { position: relative; margin: 0 40px; padding: 24px 0 40px; min-height: 480px; background: rgba(255, 255, 255, .75); -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-dentist_box:after { position: absolute; left: 100%; top: 0; bottom: 0; width: 68px; opacity: .75; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0wIDBsNjggMTc1TDAgMzUweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) left center / 100% 100% no-repeat; content: ''; } .b-mp-dentist_box:before { position: absolute; right: 100%; top: 0; bottom: 0; width: 68px; opacity: .75; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik02OCAwdjM1MEwwIDE3NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) right center / 100% 100% no-repeat; content: ''; } .b-mp-dentist_carousel { position: relative; } .b-mp-dentist_carousel > .b-carousel_item ~ .b-carousel_item { display: none; } .b-mp-dentist_carousel .b-carousel_arrow { width: 28px; height: 100%; color: #FA3B00;} .b-mp-dentist_carousel .b-carousel_arrow svg { margin: -49px 0 0 -14px; width: 28px; height: 98px; font-size: 98px; } .b-mp-dentist_carousel .b-carousel_arrow.disabled { color: #c3c3c3; } .b-mp-dentist_carousel .b-carousel_arrow__prev { left: 0; color: #c3c3c3; } .b-mp-dentist_carousel .b-carousel_arrow__next { right: 0; } .b-mp-dentist_carousel .b-carousel_arrow:hover { color: #3ca9a2; } .b-mp-dentist_slide { display: table; width: 100%; font: 400 14px/1.714285714285714 'Open Sans', sans-serif; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; } .b-mp-dentist_slide_pic { display: block; position: relative; margin: 0 auto; padding: 5px; max-width: 100%; background: #fff; border: 3px solid #1c9c94; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-mp-dentist_slide_pic.lazy { opacity: 0; } .b-mp-dentist_slide_head { margin-bottom: 24px; font: 700 16px 'Open Sans', sans-serif; text-align: center; color: #123f48; } .b-mp-dentist_slide_head_title { font: 700 36px 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #1c9c94; } .b-mp-dentist_slide_caption { margin-bottom: 8px; font: 700 18px 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-dentist_slide_list { position: relative; } .b-mp-dentist_slide_list li { margin-left: 18px; } .b-mp-dentist_slide_btn { margin-top: 24px; padding: 9px 20px 13px; } .b-mp-dentist_reviews { position: relative; padding: 30px 36px 10px; background: #ffdca8; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-dentist_reviews:after { position: absolute; left: 100%; top: 0; bottom: 0; width: 68px; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmRjYTgiIGQ9Ik0wIDBsNjggMTc1TDAgMzUweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) left center / 100% 100% no-repeat; content: ''; } .b-mp-dentist_reviews:before { position: absolute; right: 100%; top: 0; bottom: 0; width: 68px; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmRjYTgiIGQ9Ik02OCAwdjM1MEwwIDE3NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) right center / 100% 100% no-repeat; content: ''; } .b-mp-dentist_reviews_carousel { position: relative; } .b-mp-dentist_reviews_carousel > .b-carousel_item ~ .b-carousel_item { display: none; } .b-mp-dentist_reviews_carousel .b-carousel_arrow { width: 28px; height: 100%; color: #FA3B00;} .b-mp-dentist_reviews_carousel .b-carousel_arrow svg { margin: -49px 0 0 -14px; width: 28px; height: 98px; font-size: 98px; } .b-mp-dentist_reviews_carousel .b-carousel_arrow.disabled { color: #c3c3c3; } .b-mp-dentist_reviews_carousel .b-carousel_arrow__prev { left: -46px; color: #c3c3c3; } .b-mp-dentist_reviews_carousel .b-carousel_arrow__next { right: -46px; } .b-mp-dentist_reviews_carousel .b-carousel_arrow:hover { color: #3ca9a2; } .b-mp-dentist_reviews_carousel .owl-item { opacity: 0; -webkit-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .b-mp-dentist_reviews_carousel .owl-item.active { opacity: 1; } .b-mp-dentist_reviews_title { margin-bottom: 12px; font: 700 24px 'Open Sans', sans-serif; text-transform: uppercase; color: #0f7e77; } .b-mp-dentist_reviews_item { display: table; width: 100%; padding: 20px 22px; font: 400 italic 15px/1.2 'Open Sans', sans-serif; color: #fff; background: #0f7e77; border-radius: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; } .b-mp-dentist_reviews_item p ~ p { margin-top: .25em; } .b-mp-dentist_reviews_footer { margin-top: 10px; text-align: center; } .b-mp-dentist_reviews_footer_btn { padding: 9px 40px 13px; } @media (max-width: 999px) { .b-mp-dentist { margin-top: -150px; } } @media (min-width: 768px) { .b-mp-dentist_reviews_carousel .b-carousel_paging { display: none; } } @media (max-width: 767px) { /*.b-mp-dentist { margin-top: -42px; }*/ .b-mp-dentist { margin-top: 65px; } .b-mp-dentist_box { margin: 0 -20px; padding: 30px 20px; } .b-mp-dentist_slide_head { margin-bottom: 24px; font: 600 14px 'Open Sans', sans-serif; } .b-mp-dentist_slide_head_title { font: 700 28px 'Open Sans Condensed', sans-serif; } .b-mp-dentist_slide { text-align: center; } .b-mp-dentist_slide_caption { margin-bottom: 8px; font: 700 18px 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-dentist_slide_pic { margin: 0 auto 24px; max-width: 240px; } .b-mp-dentist_slide_list { list-style: none; } .b-mp-dentist_slide_list li { margin-left: auto; } .b-mp-dentist_slide_list li:before { display: inline-block; vertical-align: 2px; margin-right: 12px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; content: ''; } .b-mp-dentist_reviews { margin: 0 -20px; padding: 30px 20px 10px; } .b-mp-dentist_reviews_carousel .b-carousel_arrow { display: none; } .b-mp-dentist_reviews_footer { margin-top: 24px; } } @media (max-width: 479px) { .b-mp-dentist { /*margin-top: 140px;*/ margin-top: 40px; } .b-mp-dentist_slide_head { margin-bottom: 24px; font: 600 14px 'Open Sans', sans-serif; } .b-mp-dentist_slide_head_title { font: 700 24px/1 'Open Sans Condensed', sans-serif; } .b-mp-dentist_slide_caption { margin-bottom: 8px; font: 700 16px 'Open Sans', sans-serif; } } /* * * Main page :: dentist * * */ .b-mp-reviews { position: relative; z-index: 5; margin-top: -75px; } .b-mp-reviews_box { position: relative; margin: 0 40px; padding: 24px 0 40px; min-height: 480px; background: rgba(255, 255, 255, .75); -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-reviews_box:after { position: absolute; left: 100%; top: 0; bottom: 0; width: 68px; opacity: .75; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0wIDBsNjggMTc1TDAgMzUweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) left center / 100% 100% no-repeat; content: ''; } .b-mp-reviews_box:before { position: absolute; right: 100%; top: 0; bottom: 0; width: 68px; opacity: .75; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik02OCAwdjM1MEwwIDE3NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) right center / 100% 100% no-repeat; content: ''; } .b-mp-reviews_carousel { position: relative; } .b-mp-reviews_carousel > .b-carousel_item ~ .b-carousel_item { display: none; } .b-mp-reviews_carousel .b-carousel_arrow { width: 28px; height: 100%; color: #FA3B00;} .b-mp-reviews_carousel .b-carousel_arrow svg { margin: -49px 0 0 -14px; width: 28px; height: 98px; font-size: 98px; } .b-mp-reviews_carousel .b-carousel_arrow.disabled { color: #c3c3c3; } .b-mp-reviews_carousel .b-carousel_arrow__prev { left: 0; color: #c3c3c3; } .b-mp-reviews_carousel .b-carousel_arrow__next { right: 0; } .b-mp-reviews_carousel .b-carousel_arrow:hover { color: #3ca9a2; } .b-mp-reviews_slide { display: table; width: 100%; font: 400 14px/1.714285714285714 'Open Sans', sans-serif; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; } .b-mp-reviews_slide_pic { display: block; position: relative; margin: 0 auto; padding: 5px; max-width: 100%; background: #fff; border: 3px solid #1c9c94; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .b-mp-reviews_slide_pic.lazy { opacity: 0; } .b-mp-reviews_slide_head { margin-bottom: 24px; font: 700 16px 'Open Sans', sans-serif; text-align: center; color: #123f48; } .b-mp-reviews_slide_head_title { font: 700 36px 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #1c9c94; } .b-mp-reviews_slide_caption { margin-bottom: 8px; font: 700 18px 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-reviews_slide_list { position: relative; } .b-mp-reviews_slide_list li { margin-left: 18px; } .b-mp-reviews_slide_btn { margin-top: 24px; padding: 9px 20px 13px; } .b-mp-reviews_reviews { position: relative; padding: 30px 36px 10px; background: #ffdca8; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-reviews_reviews:after { position: absolute; left: 100%; top: 0; bottom: 0; width: 68px; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmRjYTgiIGQ9Ik0wIDBsNjggMTc1TDAgMzUweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) left center / 100% 100% no-repeat; content: ''; } .b-mp-reviews_reviews:before { position: absolute; right: 100%; top: 0; bottom: 0; width: 68px; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmRjYTgiIGQ9Ik02OCAwdjM1MEwwIDE3NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) right center / 100% 100% no-repeat; content: ''; } .b-mp-reviews_reviews_carousel { position: relative; } .b-mp-reviews_reviews_carousel > .b-carousel_item ~ .b-carousel_item { display: none; } .b-mp-reviews_reviews_carousel .b-carousel_arrow { width: 28px; height: 100%; color: #FA3B00;} .b-mp-reviews_reviews_carousel .b-carousel_arrow svg { margin: -49px 0 0 -14px; width: 28px; height: 98px; font-size: 98px; } .b-mp-reviews_reviews_carousel .b-carousel_arrow.disabled { color: #c3c3c3; } .b-mp-reviews_reviews_carousel .b-carousel_arrow__prev { left: -46px; color: #c3c3c3; } .b-mp-reviews_reviews_carousel .b-carousel_arrow__next { right: -46px; } .b-mp-reviews_reviews_carousel .b-carousel_arrow:hover { color: #3ca9a2; } .b-mp-reviews_reviews_carousel .owl-item { opacity: 0; -webkit-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .b-mp-reviews_reviews_carousel .owl-item.active { opacity: 1; } .b-mp-reviews_reviews_title { margin-bottom: 12px; font: 700 24px 'Open Sans', sans-serif; text-transform: uppercase; color: #0f7e77; } .b-mp-reviews_reviews_item { display: table; width: 100%; padding: 20px 22px; font: 400 italic 15px/1.2 'Open Sans', sans-serif; color: #fff; background: #0f7e77; border-radius: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; } .b-mp-reviews_reviews_item p ~ p { margin-top: .25em; } .b-mp-reviews_reviews_footer { margin-top: 10px; text-align: center; } .b-mp-reviews_reviews_footer_btn { padding: 9px 40px 13px; } @media (min-width: 768px) { .b-mp-reviews_reviews_carousel .b-carousel_paging { display: none; } } @media (max-width: 767px) { .b-mp-reviews { margin-top: -42px; } .b-mp-reviews_box { margin: 0 -20px; padding: 30px 20px; } .b-mp-reviews_slide_head { margin-bottom: 24px; font: 600 14px 'Open Sans', sans-serif; } .b-mp-reviews_slide_head_title { font: 700 28px 'Open Sans Condensed', sans-serif; } .b-mp-reviews_slide { text-align: center; } .b-mp-reviews_slide_caption { margin-bottom: 8px; font: 700 18px 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-reviews_slide_pic { margin: 0 auto 24px; max-width: 240px; } .b-mp-reviews_slide_list { list-style: none; } .b-mp-reviews_slide_list li { margin-left: auto; } .b-mp-reviews_slide_list li:before { display: inline-block; vertical-align: 2px; margin-right: 12px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; content: ''; } .b-mp-reviews_reviews { margin: 0 -20px; padding: 30px 20px 10px; } .b-mp-reviews_reviews_carousel .b-carousel_arrow { display: none; } .b-mp-reviews_reviews_footer { margin-top: 24px; } } @media (max-width: 479px) { .b-mp-reviews_slide_head { margin-bottom: 24px; font: 600 14px 'Open Sans', sans-serif; } .b-mp-reviews_slide_head_title { font: 700 24px/1 'Open Sans Condensed', sans-serif; } .b-mp-reviews_slide_caption { margin-bottom: 8px; font: 700 16px 'Open Sans', sans-serif; } } /* * * Main page :: works * * */ .b-mp-works { position: relative; z-index: 5; margin-top: 72px; } .b-mp-works_box { position: relative; padding: 30px 36px; background: rgba(255, 255, 255, 1); -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-works_box:after { position: absolute; left: 100%; top: 0; bottom: 0; width: 68px; opacity: 1; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0wIDBsNjggMTc1TDAgMzUweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) left center / 100% 100% no-repeat; content: ''; } .b-mp-works_box:before { position: absolute; right: 100%; top: 0; bottom: 0; width: 68px; opacity: 1; background: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iNjgiIGhlaWdodD0iMzUwIiB2aWV3Qm94PSIwIDAgNjggMzUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik02OCAwdjM1MEwwIDE3NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) right center / 100% 100% no-repeat; content: ''; } .b-mp-works_carousel { position: relative; } .b-mp-works_carousel > .b-carousel_item ~ .b-carousel_item { display: none; } .b-mp-works_carousel .b-carousel_arrow { width: 28px; height: 100%; color: #FA3B00;} .b-mp-works_carousel .b-carousel_arrow svg { margin: -49px 0 0 -14px; width: 28px; height: 98px; font-size: 98px; } .b-mp-works_carousel .b-carousel_arrow.disabled { color: #c3c3c3; } .b-mp-works_carousel .b-carousel_arrow__prev { left: -46px; color: #c3c3c3; } .b-mp-works_carousel .b-carousel_arrow__next { right: -46px; } .b-mp-works_carousel .b-carousel_arrow:hover { color: #3ca9a2; } .b-mp-works_item_pic { display: block; position: relative; } .b-mp-works_item_pic img { display: block; position: relative; width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; border-radius: 10px; } .b-mp-works_item_pic img.lazy { opacity: 0; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .b-mp-works_item_pic.cover { padding-bottom: 72.1198156682028%; height: 0; background: #fefefe; overflow: hidden; border-radius: 10px; } .b-mp-works_item_pic.cover img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0; } } .b-mp-works_item_pic:before { position: absolute; z-index: 1; bottom: 30px; left: 0; width: 120px; padding: 6px 24px 8px; font: 700 18px/1.35 'Open Sans Condesned', sans-serif; text-align: center; text-transform: uppercase; border-radius: 0 6px 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background: #0f7e77; opacity: .85; content: attr(title); } @media (min-width: 768px) { .b-mp-works_carousel .b-carousel_paging { display: none; } } @media (max-width: 767px) { .b-mp-works { margin-top: 32px; } .b-mp-works_box { padding: 20px 0; } .b-mp-works_item [class*="col-"] ~ [class*="col-"] { margin-top: 16px; } .b-mp-works_item_pic:before { bottom: 20px; width: 80px; padding: 6px 5px 8px; font: 700 14px/1.25 'Open Sans', sans-serif; } .b-mp-works_carousel .b-carousel_arrow { display: none; } } /* * * Main page :: appointment * * */ .b-mp-appointment { margin-top: -120px; padding: 200px 0 100px; min-height: 770px; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-bg-06.png') center top no-repeat; } .b-mp-appointment.lazy { background-image: none !important; } .b-mp-appointment_main { position: relative; padding-top: 192px; height: 718px; font: 300 18px/1.5 'Open Sans', sans-serif; text-align: center; color: #fff; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-appointment.png') center top no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-appointment_main.lazy { background-image: none !important; } .b-mp-appointment_main_title { margin-bottom: 18px; font: 400 62px/1.032258064516129 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-appointment_main_subtitle { margin: 0 auto 18px; max-width: 500px; font: 400 30px/1.166666666666667 'Open Sans', sans-serif; color: #f57f00; } .b-mp-appointment_main_text { margin: 0 auto 24px; max-width: 500px; } .b-mp-appointment_main_btn { margin: 0 auto; padding: 21px 90px 23px; max-width: 640px; font-weight: 300; font-size: 22px; } .b-mp-appointment_main_btn:before { height: 5px; } .b-mp-appointment_main_btn svg { position: absolute; left: 42px; top: 50%; margin-top: -22px; width: 49px; height: 44px; fill: currentColor; } .b-mp-appointment_nonresident { position: relative; margin-top: 75px; } .b-mp-appointment_nonresident_head { margin-bottom: 35px; font: 300 21px/1.238095238095238 'Open Sans', sans-serif; text-align: center; color: #123f48; } .b-mp-appointment_nonresident_head_title { margin-bottom: 25px; font: 400 60px 'Open Sans', sans-serif; text-transform: uppercase; color: #444; } .b-mp-appointment_nonresident_scheme { position: relative; height: 730px; color: #fff; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-nonresident.png') center top no-repeat; } .b-mp-appointment_nonresident_scheme.lazy { background-image: none !important; } .b-mp-appointment_nonresident_scheme_step { position: relative; width: 280px; font: 300 18px/1.333333333333333 'Open Sans', sans-serif; text-align: center; } .b-mp-appointment_nonresident_scheme_step.small { width: 270px; font: 300 16px/1.375 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_scheme_step_title { margin-bottom: 13px; font: 700 24px/1 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-appointment_nonresident_buttons { margin-top: 40px; } .b-mp-appointment_nonresident_buttons .e-btn { padding: 10px 5px 12px 64px !important; text-align: left; } .b-mp-appointment_nonresident_buttons .e-btn.large { padding: 18px 5px 22px !important; font: 400 24px/1 'Open Sans', sans-serif; text-align: center; } .b-mp-appointment_nonresident_buttons .e-btn svg { position: absolute; left: 16px; top: 50%; width: 35px; margin-top: -20px; fill: #1C2C36; } @media (min-width: 1000px) { .b-mp-appointment_nonresident_scheme_step.step-01 { position: absolute; left: 18px; top: 148px; } .b-mp-appointment_nonresident_scheme_step.step-02 { position: absolute; left: 340px; top: 148px; } .b-mp-appointment_nonresident_scheme_step.step-03 { position: absolute; left: 664px; top: 148px; } .b-mp-appointment_nonresident_scheme_step.step-04 { position: absolute; left: 183px; top: 532px; } .b-mp-appointment_nonresident_scheme_step.step-05 { position: absolute; left: 502px; top: 532px; } } @media (max-width: 999px) { .b-mp-appointment_main { padding-top: 224px; } .b-mp-appointment_main_title { font: 400 40px/1.032258064516129 'Open Sans', sans-serif; } .b-mp-appointment_main_subtitle { font: 400 24px/1.166666666666667 'Open Sans', sans-serif; } .b-mp-appointment_nonresident { margin-top: 48px; } .b-mp-appointment_nonresident_head { margin-bottom: 24px; font: 300 18px/1.3 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_head_title { margin-bottom: 12px; font: 400 40px 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_scheme { height: auto; background: none; } .b-mp-appointment_nonresident_scheme_step { padding: 110px 10px 10px; width: 230px !important; height: 265px; font: 400 14px/1.2 'Open Sans', sans-serif; text-align: center; background: center top / contain no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-appointment_nonresident_scheme_step.small { font: 400 13px/1.1 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_scheme_step_title { margin-bottom: 10px; font: 700 20px/1 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_scheme_step.step-01 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-nonresident-01.png'); } .b-mp-appointment_nonresident_scheme_step.step-02 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-nonresident-02.png'); } .b-mp-appointment_nonresident_scheme_step.step-03 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-nonresident-03.png'); } .b-mp-appointment_nonresident_scheme_step.step-04 { margin-top: -46px; background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-nonresident-04.png'); } .b-mp-appointment_nonresident_scheme_step.step-05 { margin-top: -46px; background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-nonresident-05.png'); } .b-mp-appointment_nonresident_scheme_step.lazy { background-image: none !important; } .b-mp-appointment_nonresident_buttons { margin: 24px -5px -10px; } .b-mp-appointment_nonresident_buttons > [class*="col-"] { margin-bottom: 10px; padding: 0 5px; } .b-mp-appointment_nonresident_buttons .e-btn { padding: 8px 5px 10px 60px !important; font: 400 14px/1 'Open Sans', sans-serif; text-align: left; } .b-mp-appointment_nonresident_buttons .e-btn.large { padding: 18px 5px 22px !important; font: 400 20px/1 'Open Sans', sans-serif; text-align: center; } .b-mp-appointment_nonresident_buttons .e-btn svg { left: 10px; } } @media (max-width: 767px) { .b-mp-appointment { padding: 160px 0 100px; } .b-mp-appointment_main { margin: 0 -25vw; padding: 224px 25vw 0; } .b-mp-appointment_main_btn { padding: 16px 60px 18px !important; } .b-mp-appointment_nonresident_scheme .flex { text-align: left; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } .b-mp-appointment_nonresident_scheme_step { padding: 100px 10px 10px; width: 215px !important; height: 248px; font: 400 13px/1.2 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_scheme_step.small { font: 400 12px/1.1 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_scheme_step.step-03 { margin: -50px 0; } .b-mp-appointment_nonresident_scheme_step.step-04, .b-mp-appointment_nonresident_scheme_step.step-05 { margin-top: 0; } .b-mp-appointment_nonresident_buttons .e-btn { padding: 10px 20px 12px !important; font: 400 18px/1.35 'Open Sans', sans-serif; text-align: center; } .b-mp-appointment_nonresident_buttons .e-btn.large { padding: 23px 5px 27px !important; font: 400 20px/1 'Open Sans', sans-serif; text-align: center; } .b-mp-appointment_nonresident_buttons .e-btn svg { left: 10px; } } @media (max-width: 479px) { .b-mp-appointment { padding: 160px 0 40px; } .b-mp-appointment_main { padding-top: 200px; font: 400 15px/1.35 'Open Sans', sans-serif; } .b-mp-appointment_main_title { font: 400 30px/1.1 'Open Sans', sans-serif; } .b-mp-appointment_main_subtitle { font: 400 20px/1.1 'Open Sans', sans-serif; } .b-mp-appointment_main_btn { padding: 16px 20px 18px !important; font: 400 16px/1.2 'Open Sans', sans-serif; } .b-mp-appointment_nonresident { margin-top: 24px; } .b-mp-appointment_nonresident_head { margin-bottom: 50px; font: 400 16px/1.2 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_head_title { margin-bottom: 16px; font: 400 30px 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_scheme_step, .b-mp-appointment_nonresident_scheme_step.step-03, .b-mp-appointment_nonresident_scheme_step.step-04 { margin: -30px auto 0; } .b-mp-appointment_nonresident_scheme_step.step-04 { z-index: 2; } .b-mp-appointment_nonresident_scheme_step.step-05 { margin: -30px auto 0; opacity: .9; } .b-mp-appointment_nonresident_buttons .e-btn { padding: 10px 20px 12px !important; font: 400 14px/1.35 'Open Sans', sans-serif; } .b-mp-appointment_nonresident_buttons .e-btn.large { padding: 23px 5px 27px !important; font: 400 20px/1 'Open Sans', sans-serif; } } /* * * Main page :: calc * * */ .b-mp-calc { position: relative; z-index: 2; padding: 210px 0 20px; margin-top: -100px; min-height: 600px; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-bg-08.png') center top no-repeat; } .b-mp-calc.lazy { background-image: none !important; } .b-mp-calc_title { font: 300 65px/1 'Open Sans', sans-serif; text-transform: uppercase; color: #fff; } .b-mp-calc_text { float: left; margin-top: 34px; max-width: 640px; font: 300 18px/1.277777777777778 'Open Sans', sans-serif; color: #ffdca8; } .b-mp-calc_text p ~ p { margin-top: 1.5em; } .b-mp-calc_site { float: right; margin-top: 18px; width: 290px; text-align: center; color: #ffdca8; } .b-mp-calc_site_title { margin-bottom: 20px; font: 300 60px/1 'Open Sans Condensed', sans-serif; text-transform: uppercase; } .b-mp-calc_site_title svg { margin: 0 auto; fill: currentColor; } @media (min-width: 768px) and (max-width: 999px) { .b-mp-calc { padding: 190px 0 20px; } .b-mp-calc_title { font: 300 50px/1 'Open Sans', sans-serif; } .b-mp-calc_text { float: none; margin-top: 34px; max-width: 640px; font: 300 16px/1.25 'Open Sans', sans-serif; } .b-mp-calc_text p ~ p { margin-top: 1em; } .b-mp-calc_site { float: none; margin-top: 38px; width: auto; text-align: left; } .b-mp-calc_site_title { display: inline-block; vertical-align: 10px; margin-bottom: 0; font: 300 50px/1 'Open Sans Condensed', sans-serif; } .b-mp-calc_site_title svg { display: inline-block; vertical-align: 8px; margin: 0 0 0 -20px; -webkit-transform: rotate(-90deg) scale(.5); -ms-transform: rotate(-90deg) scale(.5); transform: rotate(-90deg) scale(.5); } .b-mp-calc_site_btn { display: inline-block; vertical-align: 0; padding: 19px 60px; } } @media (max-width: 767px) { .b-mp-calc { margin-top: 0; padding: 80px 0; background: none; } .b-mp-calc_top { position: absolute; left: 0; top: -52px; right: 0; height: 132px; overflow: hidden; } .b-mp-calc_top_bg { position: absolute; left: 0; bottom: 0; width: 2000px; height: 132px; background: #10222a; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); overflow: hidden; } .b-mp-calc_top_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); content: ''; } .b-mp-calc_bottom { position: absolute; left: 0; bottom: 0; right: 0; height: 142px; overflow: hidden; } .b-mp-calc_bottom_bg { position: absolute; right: 0; top: 0; width: 2000px; height: 132px; background: #10222a; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); overflow: hidden; } .b-mp-calc_bottom_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); content: ''; } .b-mp-calc_box { position: relative; z-index: 1; padding: 20px 0 0; color: #fff; background: #10222a; } .b-mp-calc_box:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; content: ''; } .b-mp-calc_box > * { position: relative; z-index: 1; } .b-mp-calc_title { font: 400 30px/1 'Open Sans', sans-serif; text-align: center; } .b-mp-calc_text { float: none; margin-top: 24px; text-align: center; } .b-mp-calc_text p ~ p { margin-top: 1em; } .b-mp-calc_site { float: none; margin: 34px auto 0; max-width: 100%; text-align: center; } } @media (max-width: 479px) { .b-mp-calc { padding: 40px 0 60px; } .b-mp-calc_top { top: 0; } .b-mp-calc_title { font: 400 24px/1 'Open Sans', sans-serif; } .b-mp-calc_text { font: 400 15px/1.5 'Open Sans', sans-serif;} .b-mp-calc_site_title { font: 400 40px/1 'Open Sans Condensed', sans-serif; } } /* * * Main page :: methods * * */ .b-mp-methods { position: relative; z-index: 5; margin-top: -125px; } .b-mp-methods_head { margin-bottom: 50px; font: 700 18px/1.333333333333333 'Open Sans', sans-serif; color: #24888f; } .b-mp-methods_head_title { margin-bottom: 30px; font: 300 65px/1 'Open Sans', sans-serif; text-transform: uppercase; color: #444; } .b-mp-methods_feed { margin: 0 -1px -32px; } .b-mp-methods_feed > [class*="col-"] { margin-bottom: 32px; padding: 0 1px; } .b-mp-methods_item { display: block; position: relative; margin: 0 auto; width: 239px; height: 255px; padding: 60px 30px 20px; text-align: center; color: #ffdca8; background: center center / contain no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-methods_item_title { margin-bottom: 12px; font: 300 21px/1 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-methods_item_value { font: 700 40px/64px 'Open Sans', sans-serif; } .b-mp-methods_item_value.md { font-size: 54px; } .b-mp-methods_item_value.lg { font-size: 64px; } .b-mp-methods_item_value.xl { font-size: 72px; } .b-mp-methods_item.dark .b-mp-methods_item_title { font-weight: 700; color: #213540; } .b-mp-methods_item.dark .b-mp-methods_item_value { color: #fff; } .b-mp-methods_item.method-01 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-methods-01.png'); } .b-mp-methods_item.method-02 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-methods-02.png'); } .b-mp-methods_item.method-03 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-methods-03.png'); } .b-mp-methods_item.method-04 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-methods-04.png'); } .b-mp-methods_item.lazy { background-image: none !important; } .b-mp-methods_btn { margin-top: 60px; padding: 10px 20px 14px; } @media (max-width: 999px) { .b-mp-methods { margin-top: -100px; } } @media (max-width: 767px) { .b-mp-methods { margin-top: 20px; } .b-mp-methods_head { margin-bottom: 30px; font: 400 16px/1.5 'Open Sans', sans-serif; text-align: center; } .b-mp-methods_head_title { margin-bottom: 10px; font: 400 30px/1 'Open Sans', sans-serif; } .b-mp-methods_item { width: 224px; height: 239px; padding: 60px 10px 20px; } .b-mp-methods_item_title { font: 300 21px/1 'Open Sans', sans-serif; } .b-mp-methods_btn { margin-top: 30px; } } /* * * Main page :: aftermath * * */ .b-mp-aftermath { position: relative; z-index: 2; padding: 200px 0 60px; margin-top: -100px; min-height: 740px; color: #fff; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/mp-bg-07.png') center top no-repeat; } .b-mp-aftermath.lazy { background-image: none !important; } .b-mp-aftermath_caption { margin-bottom: 30px; font: 300 40px/1 'Open Sans', sans-serif; text-transform: uppercase; } .b-mp-aftermath_feed { position: relative; width: 582px; height: 560px; } .b-mp-aftermath_item { display: block; position: relative; margin: 0 auto; padding: 102px 2px 10px; width: 186px; height: 214px; font: 700 21px/1.1 'Open Sans Condensed', sans-serif; text-transform: uppercase; text-align: center; color: #444; background: center center / contain no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-mp-aftermath_item__dark { color: #d9d9d9; } .b-mp-aftermath_item.item-01 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/aftermath-01.png'); } .b-mp-aftermath_item.item-02 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/aftermath-02.png'); } .b-mp-aftermath_item.item-03 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/aftermath-03.png'); } .b-mp-aftermath_item.item-04 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/aftermath-04.png'); } .b-mp-aftermath_item.item-05 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/aftermath-05.png'); } .b-mp-aftermath_item.item-06 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/aftermath-06.png'); } .b-mp-aftermath_item.item-07 { background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/aftermath-07.png'); } .b-mp-aftermath_item.item-08 { padding-top: 92px; background-image: url('/bitrix/templates/main/assets/css/../img/backgrounds/mp/aftermath-08.png'); } .b-mp-aftermath_item.lazy { background-image: none !important; } .b-mp-aftermath_btn { padding: 8px 20px 12px; } .b-mp-aftermath_btn:before { background: #203540; } @media (min-width: 768px) { .b-mp-aftermath_item.item-01 { position: absolute; left: 0; top: 0; } .b-mp-aftermath_item.item-02 { position: absolute; left: 198px; top: 0; } .b-mp-aftermath_item.item-03 { position: absolute; left: 396px; top: 0; } .b-mp-aftermath_item.item-04 { position: absolute; left: 99px; top: 172px; } .b-mp-aftermath_item.item-05 { position: absolute; left: 297px; top: 172px; } .b-mp-aftermath_item.item-06 { position: absolute; left: 0; top: 344px; } .b-mp-aftermath_item.item-07 { position: absolute; left: 198px; top: 344px; } .b-mp-aftermath_item.item-08 { position: absolute; left: 396px; top: 344px; } .b-mp-aftermath_btn { position: absolute; right: 0; bottom: -52px; white-space: nowrap; } } @media (min-width: 1000px) { .b-mp-aftermath_btn { left: 500px; right: auto; top: 286px; bottom: auto; } } @media (max-width: 767px) { .b-mp-aftermath { margin-top: 20px; padding: 80px 0; text-align: center; background: none; } .b-mp-aftermath_feed { width: auto; height: auto; } .b-mp-aftermath_top { position: absolute; left: 0; top: 0; right: 0; height: 132px; overflow: hidden; } .b-mp-aftermath_top_bg { position: absolute; right: 0; bottom: 0; width: 2000px; height: 132px; background: #a7adb1; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); overflow: hidden; } .b-mp-aftermath_top_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); content: ''; } .b-mp-aftermath_bottom { position: absolute; left: 0; bottom: 0; right: 0; height: 142px; overflow: hidden; } .b-mp-aftermath_bottom_bg { position: absolute; right: 0; top: 0; width: 2000px; height: 132px; background: #626b71; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(3.8deg); -ms-transform: rotate(3.8deg); transform: rotate(3.8deg); overflow: hidden; } .b-mp-aftermath_bottom_bg:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-3.8deg); -ms-transform: rotate(-3.8deg); transform: rotate(-3.8deg); content: ''; } .b-mp-aftermath_box { position: relative; z-index: 1; padding: 20px 0 0; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#a7adb1), to(#626b71)); background: -o-linear-gradient(top, #a7adb1 0%, #626b71 100%); background: linear-gradient(to bottom, #a7adb1 0%, #626b71 100%); } .b-mp-aftermath_box:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('/bitrix/templates/main/assets/css/../img/backgrounds/body-dark.png') right top repeat; content: ''; } .b-mp-aftermath_box > * { position: relative; z-index: 1; } .b-mp-aftermath_item { padding: 122px 2px 10px; font: 700 18px/1.2 'Open Sans Condensed', sans-serif; } .b-mp-aftermath_item.item-03, .b-mp-aftermath_item.item-06 { margin: -40px auto; } .b-mp-aftermath_btn { margin-top: 40px; } } @media (max-width: 479px) { .b-mp-aftermath_item { margin: -30px auto 0 !important; padding: 110px 10px 10px; font: 700 16px/1.2 'Open Sans Condensed', sans-serif; } .b-mp-aftermath_item.item-04, .b-mp-aftermath_item.item-06 { z-index: 2; } .b-mp-aftermath_item.item-05, .b-mp-aftermath_item.item-07 { opacity: .9; } } /* End */ /* Start:/bitrix/templates/main/include/css/clasc_handler.min.css?159294600010478*/ .clasc_handler_99874621 .desc_but_13123123123{background:url(/images/calc_but_8889.png);width:100px;height:100px;background-size:100%;right:0;display:block;position:relative;z-index:999;opacity:1!important}.clasc_handler_99874621:hover a{width:220px}.clasc_handler_99874621{width:100px;height:100px;text-align:center;position:fixed;left:39px;top:30%;cursor:pointer;opacity:1!important;z-index:999999999}.clasc_handler_99874621 a{position:absolute;top:-10px;color:#fff;font-size:14px;font-weight:700;padding-top:21px;padding-bottom:25px;left:49px;padding-left:14px;padding-right:0;line-height:1.6!important;display:inline-block;width:220px;height:46px;white-space:nowrap;overflow:hidden;font-family:Arial!important;-webkit-transition:width 0.7s ease-in-out;-moz-transition:width 0.7s ease-in-out;-o-transition:width 0.7s ease-in-out;transition:width 0.7s ease-in-out;border-top-right-radius:59px;border-bottom-right-radius:59px;background:linear-gradient(to bottom,#1287a3,#32adc9);border:1px solid #b8dbe4;text-decoration:none}.sv_callback{position:fixed;right:0;margin-right:50px;margin-top:400px;top:0;-webkit-animation:swing 1s ease;animation:swing 1s ease;-webkit-animation-iteration-count:1;animation-iteration-count:1}.img-circle{background-color:#451e19;box-sizing:content-box;-webkit-box-sizing:content-box}.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border:2px solid #36e0b6;width:150px;height:150px;bottom:-14px;left:-24px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:.9;-webkit-animation:circle-anim 2.4s infinite ease-in-out!important;-moz-animation:circle-anim 2.4s infinite ease-in-out!important;-ms-animation:circle-anim 2.4s infinite ease-in-out!important;-o-animation:circle-anim 2.4s infinite ease-in-out!important;animation:circle-anim 2.4s infinite ease-in-out!important;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all 0.2s}.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#79e2f6;width:120px;height:120px;bottom:0;left:-9px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-animation:circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:circle-fill-anim 2.3s infinite ease-in-out;-o-animation:circle-fill-anim 2.3s infinite ease-in-out;animation:circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all 0.5s}.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom:14px;right:49px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.9}.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/images/mini.png);background-position:center center;background-repeat:no-repeat;animation-name:tossing;-webkit-animation-name:tossing;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.img-circle:hover{opacity:1}@keyframes pulse{0%{transform:scale(.9);opacity:1}50%{transform:scale(1);opacity:1}100%{transform:scale(.9);opacity:1}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.95);opacity:1}50%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(.95);opacity:1}}@keyframes tossing{0%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}100%{transform:rotate(-8deg)}}@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-8deg)}50%{-webkit-transform:rotate(8deg)}100%{-webkit-transform:rotate(-8deg)}}@-moz-keyframes circle-anim{0%{-moz-transform:rotate(0deg) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes circle-anim{0%{-webkit-transform:rotate(0deg) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes circle-anim{0%{-o-transform:rotate(0deg) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes circle-anim{0%{transform:rotate(0deg) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes circle-fill-anim{0%{-o-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}}@keyframes circle-fill-anim{0%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}}@keyframes pulse{0%{transform:scale(.9);opacity:1}50%{transform:scale(1);opacity:1}100%{transform:scale(.9);opacity:1}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.95);opacity:1}50%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(.95);opacity:1}}@keyframes tossing{0%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}100%{transform:rotate(-8deg)}}@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-8deg)}50%{-webkit-transform:rotate(8deg)}100%{-webkit-transform:rotate(-8deg)}}@-moz-keyframes circle-anim{0%{-moz-transform:rotate(0deg) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes circle-anim{0%{-webkit-transform:rotate(0deg) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes circle-anim{0%{-o-transform:rotate(0deg) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes circle-anim{0%{transform:rotate(0deg) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes circle-fill-anim{0%{-o-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}}@keyframes circle-fill-anim{0%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.2}}.sv_callback:hover{cursor:pointer}.sv_call-back-pop{position:fixed;width:1013px;min-height:300px;left:50%;margin-left:-544px;padding:40px 0;background:url(/images/orderform-bg.png) repeat-y scroll 50% 0 #6c4b48;padding:20px;z-index:99999999;margin-top:150px;text-align:center;top:0;z-index:9999;padding-bottom:47px}.sv_call-over{position:fixed;background:rgba(0,0,0,.3);width:100%;height:100%;top:0;z-index:999999999}.sv_name{font-size:53px;font-weight:700;font-style:italic;line-height:48px;color:#fff;margin:0;text-align:left}.sv_title{font-size:29px;font-weight:400;font-style:italic;line-height:48px;color:#fff;margin:0;text-align:left;margin-top:13px}#sv_callback_notice{font-size:53px;font-weight:700;font-style:italic;line-height:48px;color:#fff;margin:0;text-align:left;margin-top:103px;text-align:center}.sv_your_phone{width:265px;height:47px;margin-bottom:1px;padding:0 14px 0 22px;background:none repeat scroll 0% 0% #fff;border:medium none;border-radius:22px 6px 20px / 32px 11px;-webkit-border-radius:22px 6px 20px / 32px 11px;-moz-border-radius:22px 6px 20px / 32px 11px;-o-border-radius:22px 6px 20px / 32px 11px;color:#043310;font:italic 22px/26px 'Casper',sans-serif;transition:all 0.3s ease 0s}.sv_submit{width:237px;height:66px;margin-bottom:1px;background-color:#00a02a;background-image:linear-gradient(to top,rgba(101,169,30,.62) 0%,rgba(116,191,20,.62) 100%);box-shadow:1px 3.9px 7px rgba(0,0,0,.48);-webkit-box-shadow:1px 3.9px 7px rgba(0,0,0,.48);-moz-box-shadow:1px 3.9px 7px rgba(0,0,0,.48);-o-box-shadow:1px 3.9px 7px rgba(0,0,0,.48);border:medium none;border-radius:36px 9px / 60px 20px;-webkit-border-radius:36px 9px / 60px 20px;-moz-border-radius:36px 9px / 60px 20px;-o-border-radius:36px 9px / 60px 20px;color:#fff;font:italic 24px/69px 'Casper',sans-serif;cursor:pointer;padding:0 20px;display:inline-block;margin-left:40px;margin-top:51px}.sv_close{background:url(/images/close.png);width:40px;height:40px;background-repeat:no-repeat;background-size:100%;display:block;position:absolute;right:0;top:0;margin-right:10px;margin-top:10px;z-index:99999}.sv_close:hover{cursor:pointer}.clasc_handler_99874621 .desc_but_13123123123{-webkit-animation:swing 1s ease;animation:swing 1s ease;-webkit-animation-iteration-count:1;animation-iteration-count:1}@media screen and (max-width:1024px){.clasc_handler_99874621{top:70%}} /* End */ /* Start:/bitrix/templates/main/css/custom.min.css?1652907600864*/ .prexpert-logo__link{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.prexpert-logo__desc{margin:0 10px 0 0}.prexpert-logo__img{width:30px;height:30px;display:block}@media (max-width:999px){.prexpert-logo__link{margin-top:5px}}.b-footer_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.b-footer_container:after{display:none}.b-footer_copyright{text-align:left}@media (max-width:999px){.b-footer_container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end}} /* End */ /* Start:/bitrix/templates/main/styles.css?1748552400172*/ /*#panel-2-0-0-0 > div > div > div > div > a.nextBtn{*/ /* right: 60px;*/ /*}*/ /*#panel-2-0-0-0 > div > div > div > div > a.prevBtn{*/ /* left: -35px !important;*/ /*}*/ /* End */ /* Start:/bitrix/templates/main/template_styles.css?174855240032*/ .intro_text_btn{z-index: 10000;} /* End */ /* /bitrix/templates/main/assets/css/fonts.css?157713480011730 */ /* /bitrix/templates/main/assets/css/icons.css?15771348005011 */ /* /bitrix/templates/main/assets/css/bootstrap.gs.css?157713480031451 */ /* /bitrix/templates/main/assets/css/jquery.uniform.css?15771348005082 */ /* /bitrix/templates/main/assets/css/jquery.selectric.css?15771348006429 */ /* /bitrix/templates/main/assets/css/jquery.owl.carousel.css?15771348009963 */ /* /bitrix/templates/main/assets/css/jquery.leaflet.popup.css?157713480014208 */ /* /bitrix/templates/main/assets/css/forms.css?157713480034082 */ /* /bitrix/templates/main/assets/css/typography.css?15771348007818 */ /* /bitrix/templates/main/assets/css/main.css?159000840039288 */ /* /bitrix/templates/main/assets/css/pages.css?1593723600138813 */ /* /bitrix/templates/main/include/css/clasc_handler.min.css?159294600010478 */ /* /bitrix/templates/main/css/custom.min.css?1652907600864 */ /* /bitrix/templates/main/styles.css?1748552400172 */ /* /bitrix/templates/main/template_styles.css?174855240032 */