/* Start:/local/templates/a-servis24__template/css/font/font-Helvetica/font.css?17697663785830*/ /* font-family: "HelveticaBold"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaBold/HelveticaBold.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaBold/HelveticaBold.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaBold/HelveticaBold.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaBold/HelveticaBold.ttf") format("truetype"); font-style: normal; font-weight: 700; } /* font-family: "HelveticaBoldItalic"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaBoldItalic/HelveticaBoldItalic.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaBoldItalic/HelveticaBoldItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaBoldItalic/HelveticaBoldItalic.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaBoldItalic/HelveticaBoldItalic.ttf") format("truetype"); font-style: italic; font-weight: 700; } /* font-family: "HelveticaHeavy"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaHeavy/HelveticaHeavy.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaHeavy/HelveticaHeavy.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaHeavy/HelveticaHeavy.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaHeavy/HelveticaHeavy.ttf") format("truetype"); font-style: normal; font-weight: 900; } /* font-family: "HelveticaHeavyItalic"; */ @font-face { font-family: "HelveticaHeavy"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaHeavyItalic/HelveticaHeavyItalic.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaHeavyItalic/HelveticaHeavyItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaHeavyItalic/HelveticaHeavyItalic.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaHeavyItalic/HelveticaHeavyItalic.ttf") format("truetype"); font-style: italic; font-weight: 900; } /* font-family: "HelveticaItalic"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaItalic/HelveticaItalic.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaItalic/HelveticaItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaItalic/HelveticaItalic.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaItalic/HelveticaItalic.ttf") format("truetype"); font-style: italic; font-weight: 400; } /* font-family: "HelveticaLight"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaLight/HelveticaLight.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaLight/HelveticaLight.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaLight/HelveticaLight.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaLight/HelveticaLight.ttf") format("truetype"); font-style: normal; font-weight: 300; } /* font-family: "HelveticaLightItalic"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaLightItalic/HelveticaLightItalic.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaLightItalic/HelveticaLightItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaLightItalic/HelveticaLightItalic.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaLightItalic/HelveticaLightItalic.ttf") format("truetype"); font-style: italic; font-weight: 300; } /* font-family: "HelveticaMedium"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaMedium/HelveticaMedium.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaMedium/HelveticaMedium.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaMedium/HelveticaMedium.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaMedium/HelveticaMedium.ttf") format("truetype"); font-style: normal; font-weight: 500; } /* font-family: "HelveticaMediumItalic"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaMediumItalic/HelveticaMediumItalic.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaMediumItalic/HelveticaMediumItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaMediumItalic/HelveticaMediumItalic.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaMediumItalic/HelveticaMediumItalic.ttf") format("truetype"); font-style: italic; font-weight: 500; } /* font-family: "HelveticaRegular"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaRegular/HelveticaRegular.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaRegular/HelveticaRegular.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaRegular/HelveticaRegular.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaRegular/HelveticaRegular.ttf") format("truetype"); font-style: normal; font-weight: 400; } /* font-family: "HelveticaThin"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaThin/HelveticaThin.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaThin/HelveticaThin.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaThin/HelveticaThin.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaThin/HelveticaThin.ttf") format("truetype"); font-style: normal; font-weight: 100; } /* font-family: "HelveticaThinItalic"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaThinItalic/HelveticaThinItalic.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaThinItalic/HelveticaThinItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaThinItalic/HelveticaThinItalic.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaThinItalic/HelveticaThinItalic.ttf") format("truetype"); font-style: italic; font-weight: 100; } /* font-family: "HelveticaUltralight"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaUltralight/HelveticaUltralight.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaUltralight/HelveticaUltralight.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaUltralight/HelveticaUltralight.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaUltralight/HelveticaUltralight.ttf") format("truetype"); font-style: normal; font-weight: 200; } /* font-family: "HelveticaUltraLightItalic"; */ @font-face { font-family: "Helvetica"; src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaUltraLightItalic/HelveticaUltraLightItalic.eot"); src: url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaUltraLightItalic/HelveticaUltraLightItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaUltraLightItalic/HelveticaUltraLightItalic.woff") format("woff"), url("/local/templates/a-servis24__template/css/font/font-Helvetica/./HelveticaUltraLightItalic/HelveticaUltraLightItalic.ttf") format("truetype"); font-style: italic; font-weight: 200; } /* End */ /* Start:/local/templates/a-servis24__template/css/font/font-Lato/font.css?17697663784921*/ @font-face { font-family: 'Lato'; src: local('Lato Hairline'), local('Lato-Hairline'), url('/local/templates/a-servis24__template/css/font/font-Lato/latohairline.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latohairline.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latohairline.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latohairlineitalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latohairlineitalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latohairlineitalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Lato'; src: local('Lato Thin'), local('Lato-Thin'), url('/local/templates/a-servis24__template/css/font/font-Lato/latothin.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latothin.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latothin.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Thin Italic'), local('Lato-ThinItalic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latothinitalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latothinitalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latothinitalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Lato'; src: local('Lato Light'), local('Lato-Light'), url('/local/templates/a-servis24__template/css/font/font-Lato/latolight.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latolight.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latolight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Light Italic'), local('Lato-LightItalic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latolightitalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latolightitalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latolightitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Lato'; src: local('Lato Regular'), local('Lato-Regular'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoregular.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoregular.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoregular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Italic'), local('Lato-Italic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoitalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoitalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Lato'; src: local('Lato Medium'), local('Lato-Medium'), url('/local/templates/a-servis24__template/css/font/font-Lato/latomedium.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latomedium.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latomedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Medium Italic'), local('Lato-MediumItalic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latomediumitalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latomediumitalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latomediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Lato'; src: local('Lato Semibold'), local('Lato-Semibold'), url('/local/templates/a-servis24__template/css/font/font-Lato/latosemibold.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latosemibold.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latosemibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latosemibolditalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latosemibolditalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latosemibolditalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Lato'; src: local('Lato Bold'), local('Lato-Bold'), url('/local/templates/a-servis24__template/css/font/font-Lato/latobold.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latobold.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latobold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latobolditalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latobolditalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latobolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Lato'; src: local('Lato Heavy'), local('Lato-Heavy'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoheavy.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoheavy.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoheavy.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Heavy Italic'), local('Lato-HeavyItalic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoheavyitalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoheavyitalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoheavyitalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Lato'; src: local('Lato Black'), local('Lato-Black'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoblack.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoblack.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoblack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Lato'; src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoblackitalic.woff2') format('woff2'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoblackitalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Lato/latoblackitalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } /* End */ /* Start:/local/templates/a-servis24__template/css/font/font-Raleway/font.css?17697663786703*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:11 PM */ @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Black.eot'); src: local('Raleway Black'), local('Raleway-Black'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Black.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraLight.eot'); src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraLight.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Medium.eot'); src: local('Raleway Medium'), local('Raleway-Medium'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Medium.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-LightItalic.eot'); src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-LightItalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Regular.eot'); src: local('Raleway'), local('Raleway-Regular'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Regular.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Light.eot'); src: local('Raleway Light'), local('Raleway-Light'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Light.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Thin.eot'); src: local('Raleway Thin'), local('Raleway-Thin'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Thin.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraBoldItalic.eot'); src: local('Raleway ExtraBold Italic'), local('Raleway-ExtraBoldItalic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraBoldItalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraLightItalic.eot'); src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraLightItalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-MediumItalic.eot'); src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-MediumItalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-BoldItalic.eot'); src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-BoldItalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ThinItalic.eot'); src: local('Raleway Thin Italic'), local('Raleway-ThinItalic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ThinItalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-SemiBoldItalic.eot'); src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-SemiBoldItalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-SemiBold.eot'); src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-SemiBold.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Italic.eot'); src: local('Raleway Italic'), local('Raleway-Italic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Italic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Bold.eot'); src: local('Raleway Bold'), local('Raleway-Bold'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Bold.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraBold.eot'); src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraBold.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-BlackItalic.eot'); src: local('Raleway Black Italic'), local('Raleway-BlackItalic'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-BlackItalic.woff') format('woff'), url('/local/templates/a-servis24__template/css/font/font-Raleway/Raleway-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } /* End */ /* Start:/local/templates/a-servis24__template/css/normalize.min.css?17697663782502*/ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* End */ /* Start:/local/templates/a-servis24__template/css/404.css?1769766378415*/ .b-main { flex-grow: 1; display: flex; flex-direction: column; } .block-404 { flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .block-404__title { font-size: 10rem; line-height: 1; font-weight: 500; } .block-404__link, .block-404__link:hover { color: #99c60d; } @media (max-width: 580px) { .block-404__title { font-size: 7rem; } } /* End */ /* Start:/local/templates/a-servis24__template/css/collection.css?1769766378354290*/ @charset "UTF-8"; .b-s { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-mid { display: inline-block; vertical-align: middle } .b-bott { display: inline-block; vertical-align: bottom } .b-top { display: inline-block; vertical-align: top } .b-pseu { content: ""; position: absolute } .b-width { max-width: 1280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 10px } .hidden { visibility: hidden; height: 0; width: 0; overflow: hidden } h1, .h1, .b-title { font-size: 36px; line-height: 42px } h2, .h2 { font-size: 30px; line-height: 35px } h3, .h3 { font-size: 22px; line-height: 28px } h4, .h4 { font-size: 20px; line-height: 24px } p { font-size: 16px; line-height: 26px } p.b-big, .b-big { font-size: 18px; line-height: 30px } p.b-small, .b-small { font-size: 14px; line-height: 22px } blockquote { font-size: 20px; line-height: 34px; font-style: italic } .b-content ul, .b-content ol { font-size: 16px; line-height: 26px } .b-form__label { font-size: 14px } .b-icon { font-size: 20px; display: inline-block; vertical-align: middle; font-family: 'icomoon' } .b-icon_tria { width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0; border-color: #333 transparent transparent } .b-icon_ques { font-size: 16px; text-align: center; line-height: 30px; height: 30px; width: 30px; border: 1px solid #979797; border-radius: 30px } .b-icon_ques.b-btn { border-radius: 30px; padding: 0; width: 36px } .b-icon_skype { width: 22px; height: 23px; background: url("/local/templates/a-servis24__template/css/../images/skype.svg") no-repeat } .b-icon_skype:before { display: none } .b-icon_viber { width: 22px; height: 23px; background: url("/local/templates/a-servis24__template/css/../images/viber.svg") no-repeat } .b-icon_viber:before { display: none } .b-icon_whatsapp { width: 22px; height: 23px; background: url("/local/templates/a-servis24__template/css/../images/whatsapp.svg") no-repeat } .b-icon_whatsapp:before { display: none } @font-face { font-family: 'icomoon'; src: url("/local/templates/a-servis24__template/css/../images/icons/icomoon.eot?hy1246"); src: url("/local/templates/a-servis24__template/css/../images/icons/icomoon.eot?hy1246#iefix") format("embedded-opentype"), url("/local/templates/a-servis24__template/css/../images/icons/icomoon.ttf?hy1246") format("truetype"), url("/local/templates/a-servis24__template/css/../images/icons/icomoon.woff?hy1246") format("woff"), url("/local/templates/a-servis24__template/css/../images/icons/icomoon.svg?hy1246#icomoon") format("svg"); font-weight: 400; font-style: normal; font-display: swap } [class^="b-icon_"], [class*=" b-icon_"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .b-icon_f:before { content: "\e900" } .b-icon_inst:before { content: "\e901" } .b-icon_ok:before { content: "\e902" } .b-icon_tw:before { content: "\e903" } .b-icon_vimeo:before { content: "\e904" } .b-icon_vk:before { content: "\e905" } .b-icon_you:before { content: "\e906" } .b-icon_vk2:before { content: "\e907" } .b-icon_arr:before { content: "\e800" } .b-icon_cart-dott:before { content: "\e801" } .b-icon_cart:before { content: "\e802" } .b-icon_cross-bold:before { content: "\e803" } .b-icon_cross:before { content: "\e804" } .b-icon_plus:before { content: "\e805" } .b-icon_shopping:before { content: "\e806" } .b-icon_skype:before { content: "\e807" } .b-icon_star:before { content: "\e808" } .b-icon_tick-big:before { content: "\e809" } .b-icon_tick:before { content: "\e80a" } .b-icon_user:before { content: "\e80b" } .b-icon_mail:before { content: "\e810" } .b-icon_nav:before { content: "\e811" } .b-icon_search:before { content: "\e812" } .b-icon_tel:before { content: "\e813" } .b-icon_star.active { color: #5c7598 } .b-icon_toggle:before, .b-icon_search:before { content: "\e812" } @font-face { font-family: 'Linearicons'; src: url('/local/templates/a-servis24__template/css/../css/font/Linearicons.ttf') format("truetype"); font-weight: 400; font-style: normal; font-display: swap } [class^="icon-"], [class*=" icon-"] { font-family: 'Linearicons'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-home:before { content: "\e600" } .icon-home2:before { content: "\e601" } .icon-home3:before { content: "\e602" } .icon-home4:before { content: "\e603" } .icon-home5:before { content: "\e604" } .icon-home6:before { content: "\e605" } .icon-bathtub:before { content: "\e606" } .icon-toothbrush:before { content: "\e607" } .icon-bed:before { content: "\e608" } .icon-couch:before { content: "\e609" } .icon-chair:before { content: "\e60a" } .icon-city:before { content: "\e60b" } .icon-apartment:before { content: "\e60c" } .icon-pencil:before { content: "\e60d" } .icon-pencil2:before { content: "\e60e" } .icon-pen:before { content: "\e60f" } .icon-pencil3:before { content: "\e610" } .icon-eraser:before { content: "\e611" } .icon-pencil4:before { content: "\e612" } .icon-pencil5:before { content: "\e613" } .icon-feather:before { content: "\e614" } .icon-feather2:before { content: "\e615" } .icon-feather3:before { content: "\e616" } .icon-pen2:before { content: "\e617" } .icon-pen-add:before { content: "\e618" } .icon-pen-remove:before { content: "\e619" } .icon-vector:before { content: "\e61a" } .icon-pen3:before { content: "\e61b" } .icon-blog:before { content: "\e61c" } .icon-brush:before { content: "\e61d" } .icon-brush2:before { content: "\e61e" } .icon-spray:before { content: "\e61f" } .icon-paint-roller:before { content: "\e620" } .icon-stamp:before { content: "\e621" } .icon-tape:before { content: "\e622" } .icon-desk-tape:before { content: "\e623" } .icon-texture:before { content: "\e624" } .icon-eye-dropper:before { content: "\e625" } .icon-palette:before { content: "\e626" } .icon-color-sampler:before { content: "\e627" } .icon-bucket:before { content: "\e628" } .icon-gradient:before { content: "\e629" } .icon-gradient2:before { content: "\e62a" } .icon-magic-wand:before { content: "\e62b" } .icon-magnet:before { content: "\e62c" } .icon-pencil-ruler:before { content: "\e62d" } .icon-pencil-ruler2:before { content: "\e62e" } .icon-compass:before { content: "\e62f" } .icon-aim:before { content: "\e630" } .icon-gun:before { content: "\e631" } .icon-bottle:before { content: "\e632" } .icon-drop:before { content: "\e633" } .icon-drop-crossed:before { content: "\e634" } .icon-drop2:before { content: "\e635" } .icon-snow:before { content: "\e636" } .icon-snow2:before { content: "\e637" } .icon-fire:before { content: "\e638" } .icon-lighter:before { content: "\e639" } .icon-knife:before { content: "\e63a" } .icon-dagger:before { content: "\e63b" } .icon-tissue:before { content: "\e63c" } .icon-toilet-paper:before { content: "\e63d" } .icon-poop:before { content: "\e63e" } .icon-umbrella:before { content: "\e63f" } .icon-umbrella2:before { content: "\e640" } .icon-rain:before { content: "\e641" } .icon-tornado:before { content: "\e642" } .icon-wind:before { content: "\e643" } .icon-fan:before { content: "\e644" } .icon-contrast:before { content: "\e645" } .icon-sun-small:before { content: "\e646" } .icon-sun:before { content: "\e647" } .icon-sun2:before { content: "\e648" } .icon-moon:before { content: "\e649" } .icon-cloud:before { content: "\e64a" } .icon-cloud-upload:before { content: "\e64b" } .icon-cloud-download:before { content: "\e64c" } .icon-cloud-rain:before { content: "\e64d" } .icon-cloud-hailstones:before { content: "\e64e" } .icon-cloud-snow:before { content: "\e64f" } .icon-cloud-windy:before { content: "\e650" } .icon-sun-wind:before { content: "\e651" } .icon-cloud-fog:before { content: "\e652" } .icon-cloud-sun:before { content: "\e653" } .icon-cloud-lightning:before { content: "\e654" } .icon-cloud-sync:before { content: "\e655" } .icon-cloud-lock:before { content: "\e656" } .icon-cloud-gear:before { content: "\e657" } .icon-cloud-alert:before { content: "\e658" } .icon-cloud-check:before { content: "\e659" } .icon-cloud-cross:before { content: "\e65a" } .icon-cloud-crossed:before { content: "\e65b" } .icon-cloud-database:before { content: "\e65c" } .icon-database:before { content: "\e65d" } .icon-database-add:before { content: "\e65e" } .icon-database-remove:before { content: "\e65f" } .icon-database-lock:before { content: "\e660" } .icon-database-refresh:before { content: "\e661" } .icon-database-check:before { content: "\e662" } .icon-database-history:before { content: "\e663" } .icon-database-upload:before { content: "\e664" } .icon-database-download:before { content: "\e665" } .icon-server:before { content: "\e666" } .icon-shield:before { content: "\e667" } .icon-shield-check:before { content: "\e668" } .icon-shield-alert:before { content: "\e669" } .icon-shield-cross:before { content: "\e66a" } .icon-lock:before { content: "\e66b" } .icon-rotation-lock:before { content: "\e66c" } .icon-unlock:before { content: "\e66d" } .icon-key:before { content: "\e66e" } .icon-key-hole:before { content: "\e66f" } .icon-toggle-off:before { content: "\e670" } .icon-toggle-on:before { content: "\e671" } .icon-cog:before { content: "\e672" } .icon-cog2:before { content: "\e673" } .icon-wrench:before { content: "\e674" } .icon-screwdriver:before { content: "\e675" } .icon-hammer-wrench:before { content: "\e676" } .icon-hammer:before { content: "\e677" } .icon-saw:before { content: "\e678" } .icon-axe:before { content: "\e679" } .icon-axe2:before { content: "\e67a" } .icon-shovel:before { content: "\e67b" } .icon-pickaxe:before { content: "\e67c" } .icon-factory:before { content: "\e67d" } .icon-factory2:before { content: "\e67e" } .icon-recycle:before { content: "\e67f" } .icon-trash:before { content: "\e680" } .icon-trash2:before { content: "\e681" } .icon-trash3:before { content: "\e682" } .icon-broom:before { content: "\e683" } .icon-game:before { content: "\e684" } .icon-gamepad:before { content: "\e685" } .icon-joystick:before { content: "\e686" } .icon-dice:before { content: "\e687" } .icon-spades:before { content: "\e688" } .icon-diamonds:before { content: "\e689" } .icon-clubs:before { content: "\e68a" } .icon-hearts:before { content: "\e68b" } .icon-heart:before { content: "\e68c" } .icon-star:before { content: "\e68d" } .icon-star-half:before { content: "\e68e" } .icon-star-empty:before { content: "\e68f" } .icon-flag:before { content: "\e690" } .icon-flag2:before { content: "\e691" } .icon-flag3:before { content: "\e692" } .icon-mailbox-full:before { content: "\e693" } .icon-mailbox-empty:before { content: "\e694" } .icon-at-sign:before { content: "\e695" } .icon-envelope:before { content: "\e696" } .icon-envelope-open:before { content: "\e697" } .icon-paperclip:before { content: "\e698" } .icon-paper-plane:before { content: "\e699" } .icon-reply:before { content: "\e69a" } .icon-reply-all:before { content: "\e69b" } .icon-inbox:before { content: "\e69c" } .icon-inbox2:before { content: "\e69d" } .icon-outbox:before { content: "\e69e" } .icon-box:before { content: "\e69f" } .icon-archive:before { content: "\e6a0" } .icon-archive2:before { content: "\e6a1" } .icon-drawers:before { content: "\e6a2" } .icon-drawers2:before { content: "\e6a3" } .icon-drawers3:before { content: "\e6a4" } .icon-eye:before { content: "\e6a5" } .icon-eye-crossed:before { content: "\e6a6" } .icon-eye-plus:before { content: "\e6a7" } .icon-eye-minus:before { content: "\e6a8" } .icon-binoculars:before { content: "\e6a9" } .icon-binoculars2:before { content: "\e6aa" } .icon-hdd:before { content: "\e6ab" } .icon-hdd-down:before { content: "\e6ac" } .icon-hdd-up:before { content: "\e6ad" } .icon-floppy-disk:before { content: "\e6ae" } .icon-disc:before { content: "\e6af" } .icon-tape2:before { content: "\e6b0" } .icon-printer:before { content: "\e6b1" } .icon-shredder:before { content: "\e6b2" } .icon-file-empty:before { content: "\e6b3" } .icon-file-add:before { content: "\e6b4" } .icon-file-check:before { content: "\e6b5" } .icon-file-lock:before { content: "\e6b6" } .icon-files:before { content: "\e6b7" } .icon-copy:before { content: "\e6b8" } .icon-compare:before { content: "\e6b9" } .icon-folder:before { content: "\e6ba" } .icon-folder-search:before { content: "\e6bb" } .icon-folder-plus:before { content: "\e6bc" } .icon-folder-minus:before { content: "\e6bd" } .icon-folder-download:before { content: "\e6be" } .icon-folder-upload:before { content: "\e6bf" } .icon-folder-star:before { content: "\e6c0" } .icon-folder-heart:before { content: "\e6c1" } .icon-folder-user:before { content: "\e6c2" } .icon-folder-shared:before { content: "\e6c3" } .icon-folder-music:before { content: "\e6c4" } .icon-folder-picture:before { content: "\e6c5" } .icon-folder-film:before { content: "\e6c6" } .icon-scissors:before { content: "\e6c7" } .icon-paste:before { content: "\e6c8" } .icon-clipboard-empty:before { content: "\e6c9" } .icon-clipboard-pencil:before { content: "\e6ca" } .icon-clipboard-text:before { content: "\e6cb" } .icon-clipboard-check:before { content: "\e6cc" } .icon-clipboard-down:before { content: "\e6cd" } .icon-clipboard-left:before { content: "\e6ce" } .icon-clipboard-alert:before { content: "\e6cf" } .icon-clipboard-user:before { content: "\e6d0" } .icon-register:before { content: "\e6d1" } .icon-enter:before { content: "\e6d2" } .icon-exit:before { content: "\e6d3" } .icon-papers:before { content: "\e6d4" } .icon-news:before { content: "\e6d5" } .icon-reading:before { content: "\e6d6" } .icon-typewriter:before { content: "\e6d7" } .icon-document:before { content: "\e6d8" } .icon-document2:before { content: "\e6d9" } .icon-graduation-hat:before { content: "\e6da" } .icon-license:before { content: "\e6db" } .icon-license2:before { content: "\e6dc" } .icon-medal-empty:before { content: "\e6dd" } .icon-medal-first:before { content: "\e6de" } .icon-medal-second:before { content: "\e6df" } .icon-medal-third:before { content: "\e6e0" } .icon-podium:before { content: "\e6e1" } .icon-trophy:before { content: "\e6e2" } .icon-trophy2:before { content: "\e6e3" } .icon-music-note:before { content: "\e6e4" } .icon-music-note2:before { content: "\e6e5" } .icon-music-note3:before { content: "\e6e6" } .icon-playlist:before { content: "\e6e7" } .icon-playlist-add:before { content: "\e6e8" } .icon-guitar:before { content: "\e6e9" } .icon-trumpet:before { content: "\e6ea" } .icon-album:before { content: "\e6eb" } .icon-shuffle:before { content: "\e6ec" } .icon-repeat-one:before { content: "\e6ed" } .icon-repeat:before { content: "\e6ee" } .icon-headphones:before { content: "\e6ef" } .icon-headset:before { content: "\e6f0" } .icon-loudspeaker:before { content: "\e6f1" } .icon-equalizer:before { content: "\e6f2" } .icon-theater:before { content: "\e6f3" } .icon-3d-glasses:before { content: "\e6f4" } .icon-ticket:before { content: "\e6f5" } .icon-presentation:before { content: "\e6f6" } .icon-play:before { content: "\e6f7" } .icon-film-play:before { content: "\e6f8" } .icon-clapboard-play:before { content: "\e6f9" } .icon-media:before { content: "\e6fa" } .icon-film:before { content: "\e6fb" } .icon-film2:before { content: "\e6fc" } .icon-surveillance:before { content: "\e6fd" } .icon-surveillance2:before { content: "\e6fe" } .icon-camera:before { content: "\e6ff" } .icon-camera-crossed:before { content: "\e700" } .icon-camera-play:before { content: "\e701" } .icon-time-lapse:before { content: "\e702" } .icon-record:before { content: "\e703" } .icon-camera2:before { content: "\e704" } .icon-camera-flip:before { content: "\e705" } .icon-panorama:before { content: "\e706" } .icon-time-lapse2:before { content: "\e707" } .icon-shutter:before { content: "\e708" } .icon-shutter2:before { content: "\e709" } .icon-face-detection:before { content: "\e70a" } .icon-flare:before { content: "\e70b" } .icon-convex:before { content: "\e70c" } .icon-concave:before { content: "\e70d" } .icon-picture:before { content: "\e70e" } .icon-picture2:before { content: "\e70f" } .icon-picture3:before { content: "\e710" } .icon-pictures:before { content: "\e711" } .icon-book:before { content: "\e712" } .icon-audio-book:before { content: "\e713" } .icon-book2:before { content: "\e714" } .icon-bookmark:before { content: "\e715" } .icon-bookmark2:before { content: "\e716" } .icon-label:before { content: "\e717" } .icon-library:before { content: "\e718" } .icon-library2:before { content: "\e719" } .icon-contacts:before { content: "\e71a" } .icon-profile:before { content: "\e71b" } .icon-portrait:before { content: "\e71c" } .icon-portrait2:before { content: "\e71d" } .icon-user:before { content: "\e71e" } .icon-user-plus:before { content: "\e71f" } .icon-user-minus:before { content: "\e720" } .icon-user-lock:before { content: "\e721" } .icon-users:before { content: "\e722" } .icon-users2:before { content: "\e723" } .icon-users-plus:before { content: "\e724" } .icon-users-minus:before { content: "\e725" } .icon-group-work:before { content: "\e726" } .icon-woman:before { content: "\e727" } .icon-man:before { content: "\e728" } .icon-baby:before { content: "\e729" } .icon-baby2:before { content: "\e72a" } .icon-baby3:before { content: "\e72b" } .icon-baby-bottle:before { content: "\e72c" } .icon-walk:before { content: "\e72d" } .icon-hand-waving:before { content: "\e72e" } .icon-jump:before { content: "\e72f" } .icon-run:before { content: "\e730" } .icon-woman2:before { content: "\e731" } .icon-man2:before { content: "\e732" } .icon-man-woman:before { content: "\e733" } .icon-height:before { content: "\e734" } .icon-weight:before { content: "\e735" } .icon-scale:before { content: "\e736" } .icon-button:before { content: "\e737" } .icon-bow-tie:before { content: "\e738" } .icon-tie:before { content: "\e739" } .icon-socks:before { content: "\e73a" } .icon-shoe:before { content: "\e73b" } .icon-shoes:before { content: "\e73c" } .icon-hat:before { content: "\e73d" } .icon-pants:before { content: "\e73e" } .icon-shorts:before { content: "\e73f" } .icon-flip-flops:before { content: "\e740" } .icon-shirt:before { content: "\e741" } .icon-hanger:before { content: "\e742" } .icon-laundry:before { content: "\e743" } .icon-store:before { content: "\e744" } .icon-haircut:before { content: "\e745" } .icon-store-24:before { content: "\e746" } .icon-barcode:before { content: "\e747" } .icon-barcode2:before { content: "\e748" } .icon-barcode3:before { content: "\e749" } .icon-cashier:before { content: "\e74a" } .icon-bag:before { content: "\e74b" } .icon-bag2:before { content: "\e74c" } .icon-cart:before { content: "\e74d" } .icon-cart-empty:before { content: "\e74e" } .icon-cart-full:before { content: "\e74f" } .icon-cart-plus:before { content: "\e750" } .icon-cart-plus2:before { content: "\e751" } .icon-cart-add:before { content: "\e752" } .icon-cart-remove:before { content: "\e753" } .icon-cart-exchange:before { content: "\e754" } .icon-tag:before { content: "\e755" } .icon-tags:before { content: "\e756" } .icon-receipt:before { content: "\e757" } .icon-wallet:before { content: "\e758" } .icon-credit-card:before { content: "\e759" } .icon-cash-dollar:before { content: "\e75a" } .icon-cash-euro:before { content: "\e75b" } .icon-cash-pound:before { content: "\e75c" } .icon-cash-yen:before { content: "\e75d" } .icon-bag-dollar:before { content: "\e75e" } .icon-bag-euro:before { content: "\e75f" } .icon-bag-pound:before { content: "\e760" } .icon-bag-yen:before { content: "\e761" } .icon-coin-dollar:before { content: "\e762" } .icon-coin-euro:before { content: "\e763" } .icon-coin-pound:before { content: "\e764" } .icon-coin-yen:before { content: "\e765" } .icon-calculator:before { content: "\e766" } .icon-calculator2:before { content: "\e767" } .icon-abacus:before { content: "\e768" } .icon-vault:before { content: "\e769" } .icon-telephone:before { content: "\e76a" } .icon-phone-lock:before { content: "\e76b" } .icon-phone-wave:before { content: "\e76c" } .icon-phone-pause:before { content: "\e76d" } .icon-phone-outgoing:before { content: "\e76e" } .icon-phone-incoming:before { content: "\e76f" } .icon-phone-in-out:before { content: "\e770" } .icon-phone-error:before { content: "\e771" } .icon-phone-sip:before { content: "\e772" } .icon-phone-plus:before { content: "\e773" } .icon-phone-minus:before { content: "\e774" } .icon-voicemail:before { content: "\e775" } .icon-dial:before { content: "\e776" } .icon-telephone2:before { content: "\e777" } .icon-pushpin:before { content: "\e778" } .icon-pushpin2:before { content: "\e779" } .icon-map-marker:before { content: "\e77a" } .icon-map-marker-user:before { content: "\e77b" } .icon-map-marker-down:before { content: "\e77c" } .icon-map-marker-check:before { content: "\e77d" } .icon-map-marker-crossed:before { content: "\e77e" } .icon-radar:before { content: "\e77f" } .icon-compass2:before { content: "\e780" } .icon-map:before { content: "\e781" } .icon-map2:before { content: "\e782" } .icon-location:before { content: "\e783" } .icon-road-sign:before { content: "\e784" } .icon-calendar-empty:before { content: "\e785" } .icon-calendar-check:before { content: "\e786" } .icon-calendar-cross:before { content: "\e787" } .icon-calendar-31:before { content: "\e788" } .icon-calendar-full:before { content: "\e789" } .icon-calendar-insert:before { content: "\e78a" } .icon-calendar-text:before { content: "\e78b" } .icon-calendar-user:before { content: "\e78c" } .icon-mouse:before { content: "\e78d" } .icon-mouse-left:before { content: "\e78e" } .icon-mouse-right:before { content: "\e78f" } .icon-mouse-both:before { content: "\e790" } .icon-keyboard:before { content: "\e791" } .icon-keyboard-up:before { content: "\e792" } .icon-keyboard-down:before { content: "\e793" } .icon-delete:before { content: "\e794" } .icon-spell-check:before { content: "\e795" } .icon-escape:before { content: "\e796" } .icon-enter2:before { content: "\e797" } .icon-screen:before { content: "\e798" } .icon-aspect-ratio:before { content: "\e799" } .icon-signal:before { content: "\e79a" } .icon-signal-lock:before { content: "\e79b" } .icon-signal-80:before { content: "\e79c" } .icon-signal-60:before { content: "\e79d" } .icon-signal-40:before { content: "\e79e" } .icon-signal-20:before { content: "\e79f" } .icon-signal-0:before { content: "\e7a0" } .icon-signal-blocked:before { content: "\e7a1" } .icon-sim:before { content: "\e7a2" } .icon-flash-memory:before { content: "\e7a3" } .icon-usb-drive:before { content: "\e7a4" } .icon-phone:before { content: "\e7a5" } .icon-smartphone:before { content: "\e7a6" } .icon-smartphone-notification:before { content: "\e7a7" } .icon-smartphone-vibration:before { content: "\e7a8" } .icon-smartphone-embed:before { content: "\e7a9" } .icon-smartphone-waves:before { content: "\e7aa" } .icon-tablet:before { content: "\e7ab" } .icon-tablet2:before { content: "\e7ac" } .icon-laptop:before { content: "\e7ad" } .icon-laptop-phone:before { content: "\e7ae" } .icon-desktop:before { content: "\e7af" } .icon-launch:before { content: "\e7b0" } .icon-new-tab:before { content: "\e7b1" } .icon-window:before { content: "\e7b2" } .icon-cable:before { content: "\e7b3" } .icon-cable2:before { content: "\e7b4" } .icon-tv:before { content: "\e7b5" } .icon-radio:before { content: "\e7b6" } .icon-remote-control:before { content: "\e7b7" } .icon-power-switch:before { content: "\e7b8" } .icon-power:before { content: "\e7b9" } .icon-power-crossed:before { content: "\e7ba" } .icon-flash-auto:before { content: "\e7bb" } .icon-lamp:before { content: "\e7bc" } .icon-flashlight:before { content: "\e7bd" } .icon-lampshade:before { content: "\e7be" } .icon-cord:before { content: "\e7bf" } .icon-outlet:before { content: "\e7c0" } .icon-battery-power:before { content: "\e7c1" } .icon-battery-empty:before { content: "\e7c2" } .icon-battery-alert:before { content: "\e7c3" } .icon-battery-error:before { content: "\e7c4" } .icon-battery-low1:before { content: "\e7c5" } .icon-battery-low2:before { content: "\e7c6" } .icon-battery-low3:before { content: "\e7c7" } .icon-battery-mid1:before { content: "\e7c8" } .icon-battery-mid2:before { content: "\e7c9" } .icon-battery-mid3:before { content: "\e7ca" } .icon-battery-full:before { content: "\e7cb" } .icon-battery-charging:before { content: "\e7cc" } .icon-battery-charging2:before { content: "\e7cd" } .icon-battery-charging3:before { content: "\e7ce" } .icon-battery-charging4:before { content: "\e7cf" } .icon-battery-charging5:before { content: "\e7d0" } .icon-battery-charging6:before { content: "\e7d1" } .icon-battery-charging7:before { content: "\e7d2" } .icon-chip:before { content: "\e7d3" } .icon-chip-x64:before { content: "\e7d4" } .icon-chip-x86:before { content: "\e7d5" } .icon-bubble:before { content: "\e7d6" } .icon-bubbles:before { content: "\e7d7" } .icon-bubble-dots:before { content: "\e7d8" } .icon-bubble-alert:before { content: "\e7d9" } .icon-bubble-question:before { content: "\e7da" } .icon-bubble-text:before { content: "\e7db" } .icon-bubble-pencil:before { content: "\e7dc" } .icon-bubble-picture:before { content: "\e7dd" } .icon-bubble-video:before { content: "\e7de" } .icon-bubble-user:before { content: "\e7df" } .icon-bubble-quote:before { content: "\e7e0" } .icon-bubble-heart:before { content: "\e7e1" } .icon-bubble-emoticon:before { content: "\e7e2" } .icon-bubble-attachment:before { content: "\e7e3" } .icon-phone-bubble:before { content: "\e7e4" } .icon-quote-open:before { content: "\e7e5" } .icon-quote-close:before { content: "\e7e6" } .icon-dna:before { content: "\e7e7" } .icon-heart-pulse:before { content: "\e7e8" } .icon-pulse:before { content: "\e7e9" } .icon-syringe:before { content: "\e7ea" } .icon-pills:before { content: "\e7eb" } .icon-first-aid:before { content: "\e7ec" } .icon-lifebuoy:before { content: "\e7ed" } .icon-bandage:before { content: "\e7ee" } .icon-bandages:before { content: "\e7ef" } .icon-thermometer:before { content: "\e7f0" } .icon-microscope:before { content: "\e7f1" } .icon-brain:before { content: "\e7f2" } .icon-beaker:before { content: "\e7f3" } .icon-skull:before { content: "\e7f4" } .icon-bone:before { content: "\e7f5" } .icon-construction:before { content: "\e7f6" } .icon-construction-cone:before { content: "\e7f7" } .icon-pie-chart:before { content: "\e7f8" } .icon-pie-chart2:before { content: "\e7f9" } .icon-graph:before { content: "\e7fa" } .icon-chart-growth:before { content: "\e7fb" } .icon-chart-bars:before { content: "\e7fc" } .icon-chart-settings:before { content: "\e7fd" } .icon-cake:before { content: "\e7fe" } .icon-gift:before { content: "\e7ff" } .icon-balloon:before { content: "\e800" } .icon-rank:before { content: "\e801" } .icon-rank2:before { content: "\e802" } .icon-rank3:before { content: "\e803" } .icon-crown:before { content: "\e804" } .icon-lotus:before { content: "\e805" } .icon-diamond:before { content: "\e806" } .icon-diamond2:before { content: "\e807" } .icon-diamond3:before { content: "\e808" } .icon-diamond4:before { content: "\e809" } .icon-linearicons:before { content: "\e80a" } .icon-teacup:before { content: "\e80b" } .icon-teapot:before { content: "\e80c" } .icon-glass:before { content: "\e80d" } .icon-bottle2:before { content: "\e80e" } .icon-glass-cocktail:before { content: "\e80f" } .icon-glass2:before { content: "\e810" } .icon-dinner:before { content: "\e811" } .icon-dinner2:before { content: "\e812" } .icon-chef:before { content: "\e813" } .icon-scale2:before { content: "\e814" } .icon-egg:before { content: "\e815" } .icon-egg2:before { content: "\e816" } .icon-eggs:before { content: "\e817" } .icon-platter:before { content: "\e818" } .icon-steak:before { content: "\e819" } .icon-hamburger:before { content: "\e81a" } .icon-hotdog:before { content: "\e81b" } .icon-pizza:before { content: "\e81c" } .icon-sausage:before { content: "\e81d" } .icon-chicken:before { content: "\e81e" } .icon-fish:before { content: "\e81f" } .icon-carrot:before { content: "\e820" } .icon-cheese:before { content: "\e821" } .icon-bread:before { content: "\e822" } .icon-ice-cream:before { content: "\e823" } .icon-ice-cream2:before { content: "\e824" } .icon-candy:before { content: "\e825" } .icon-lollipop:before { content: "\e826" } .icon-coffee-bean:before { content: "\e827" } .icon-coffee-cup:before { content: "\e828" } .icon-cherry:before { content: "\e829" } .icon-grapes:before { content: "\e82a" } .icon-citrus:before { content: "\e82b" } .icon-apple:before { content: "\e82c" } .icon-leaf:before { content: "\e82d" } .icon-landscape:before { content: "\e82e" } .icon-pine-tree:before { content: "\e82f" } .icon-tree:before { content: "\e830" } .icon-cactus:before { content: "\e831" } .icon-paw:before { content: "\e832" } .icon-footprint:before { content: "\e833" } .icon-speed-slow:before { content: "\e834" } .icon-speed-medium:before { content: "\e835" } .icon-speed-fast:before { content: "\e836" } .icon-rocket:before { content: "\e837" } .icon-hammer2:before { content: "\e838" } .icon-balance:before { content: "\e839" } .icon-briefcase:before { content: "\e83a" } .icon-luggage-weight:before { content: "\e83b" } .icon-dolly:before { content: "\e83c" } .icon-plane:before { content: "\e83d" } .icon-plane-crossed:before { content: "\e83e" } .icon-helicopter:before { content: "\e83f" } .icon-traffic-lights:before { content: "\e840" } .icon-siren:before { content: "\e841" } .icon-road:before { content: "\e842" } .icon-engine:before { content: "\e843" } .icon-oil-pressure:before { content: "\e844" } .icon-coolant-temperature:before { content: "\e845" } .icon-car-battery:before { content: "\e846" } .icon-gas:before { content: "\e847" } .icon-gallon:before { content: "\e848" } .icon-transmission:before { content: "\e849" } .icon-car:before { content: "\e84a" } .icon-car-wash:before { content: "\e84b" } .icon-car-wash2:before { content: "\e84c" } .icon-bus:before { content: "\e84d" } .icon-bus2:before { content: "\e84e" } .icon-car2:before { content: "\e84f" } .icon-parking:before { content: "\e850" } .icon-car-lock:before { content: "\e851" } .icon-taxi:before { content: "\e852" } .icon-car-siren:before { content: "\e853" } .icon-car-wash3:before { content: "\e854" } .icon-car-wash4:before { content: "\e855" } .icon-ambulance:before { content: "\e856" } .icon-truck:before { content: "\e857" } .icon-trailer:before { content: "\e858" } .icon-scale-truck:before { content: "\e859" } .icon-train:before { content: "\e85a" } .icon-ship:before { content: "\e85b" } .icon-ship2:before { content: "\e85c" } .icon-anchor:before { content: "\e85d" } .icon-boat:before { content: "\e85e" } .icon-bicycle:before { content: "\e85f" } .icon-bicycle2:before { content: "\e860" } .icon-dumbbell:before { content: "\e861" } .icon-bench-press:before { content: "\e862" } .icon-swim:before { content: "\e863" } .icon-football:before { content: "\e864" } .icon-baseball-bat:before { content: "\e865" } .icon-baseball:before { content: "\e866" } .icon-tennis:before { content: "\e867" } .icon-tennis2:before { content: "\e868" } .icon-ping-pong:before { content: "\e869" } .icon-hockey:before { content: "\e86a" } .icon-8ball:before { content: "\e86b" } .icon-bowling:before { content: "\e86c" } .icon-bowling-pins:before { content: "\e86d" } .icon-golf:before { content: "\e86e" } .icon-golf2:before { content: "\e86f" } .icon-archery:before { content: "\e870" } .icon-slingshot:before { content: "\e871" } .icon-soccer:before { content: "\e872" } .icon-basketball:before { content: "\e873" } .icon-cube:before { content: "\e874" } .icon-3d-rotate:before { content: "\e875" } .icon-puzzle:before { content: "\e876" } .icon-glasses:before { content: "\e877" } .icon-glasses2:before { content: "\e878" } .icon-accessibility:before { content: "\e879" } .icon-wheelchair:before { content: "\e87a" } .icon-wall:before { content: "\e87b" } .icon-fence:before { content: "\e87c" } .icon-wall2:before { content: "\e87d" } .icon-icons:before { content: "\e87e" } .icon-resize-handle:before { content: "\e87f" } .icon-icons2:before { content: "\e880" } .icon-select:before { content: "\e881" } .icon-select2:before { content: "\e882" } .icon-site-map:before { content: "\e883" } .icon-earth:before { content: "\e884" } .icon-earth-lock:before { content: "\e885" } .icon-network:before { content: "\e886" } .icon-network-lock:before { content: "\e887" } .icon-planet:before { content: "\e888" } .icon-happy:before { content: "\e889" } .icon-smile:before { content: "\e88a" } .icon-grin:before { content: "\e88b" } .icon-tongue:before { content: "\e88c" } .icon-sad:before { content: "\e88d" } .icon-wink:before { content: "\e88e" } .icon-dream:before { content: "\e88f" } .icon-shocked:before { content: "\e890" } .icon-shocked2:before { content: "\e891" } .icon-tongue2:before { content: "\e892" } .icon-neutral:before { content: "\e893" } .icon-happy-grin:before { content: "\e894" } .icon-cool:before { content: "\e895" } .icon-mad:before { content: "\e896" } .icon-grin-evil:before { content: "\e897" } .icon-evil:before { content: "\e898" } .icon-wow:before { content: "\e899" } .icon-annoyed:before { content: "\e89a" } .icon-wondering:before { content: "\e89b" } .icon-confused:before { content: "\e89c" } .icon-zipped:before { content: "\e89d" } .icon-grumpy:before { content: "\e89e" } .icon-mustache:before { content: "\e89f" } .icon-tombstone-hipster:before { content: "\e8a0" } .icon-tombstone:before { content: "\e8a1" } .icon-ghost:before { content: "\e8a2" } .icon-ghost-hipster:before { content: "\e8a3" } .icon-halloween:before { content: "\e8a4" } .icon-christmas:before { content: "\e8a5" } .icon-easter-egg:before { content: "\e8a6" } .icon-mustache2:before { content: "\e8a7" } .icon-mustache-glasses:before { content: "\e8a8" } .icon-pipe:before { content: "\e8a9" } .icon-alarm:before { content: "\e8aa" } .icon-alarm-add:before { content: "\e8ab" } .icon-alarm-snooze:before { content: "\e8ac" } .icon-alarm-ringing:before { content: "\e8ad" } .icon-bullhorn:before { content: "\e8ae" } .icon-hearing:before { content: "\e8af" } .icon-volume-high:before { content: "\e8b0" } .icon-volume-medium:before { content: "\e8b1" } .icon-volume-low:before { content: "\e8b2" } .icon-volume:before { content: "\e8b3" } .icon-mute:before { content: "\e8b4" } .icon-lan:before { content: "\e8b5" } .icon-lan2:before { content: "\e8b6" } .icon-wifi:before { content: "\e8b7" } .icon-wifi-lock:before { content: "\e8b8" } .icon-wifi-blocked:before { content: "\e8b9" } .icon-wifi-mid:before { content: "\e8ba" } .icon-wifi-low:before { content: "\e8bb" } .icon-wifi-low2:before { content: "\e8bc" } .icon-wifi-alert:before { content: "\e8bd" } .icon-wifi-alert-mid:before { content: "\e8be" } .icon-wifi-alert-low:before { content: "\e8bf" } .icon-wifi-alert-low2:before { content: "\e8c0" } .icon-stream:before { content: "\e8c1" } .icon-stream-check:before { content: "\e8c2" } .icon-stream-error:before { content: "\e8c3" } .icon-stream-alert:before { content: "\e8c4" } .icon-communication:before { content: "\e8c5" } .icon-communication-crossed:before { content: "\e8c6" } .icon-broadcast:before { content: "\e8c7" } .icon-antenna:before { content: "\e8c8" } .icon-satellite:before { content: "\e8c9" } .icon-satellite2:before { content: "\e8ca" } .icon-mic:before { content: "\e8cb" } .icon-mic-mute:before { content: "\e8cc" } .icon-mic2:before { content: "\e8cd" } .icon-spotlights:before { content: "\e8ce" } .icon-hourglass:before { content: "\e8cf" } .icon-loading:before { content: "\e8d0" } .icon-loading2:before { content: "\e8d1" } .icon-loading3:before { content: "\e8d2" } .icon-refresh:before { content: "\e8d3" } .icon-refresh2:before { content: "\e8d4" } .icon-undo:before { content: "\e8d5" } .icon-redo:before { content: "\e8d6" } .icon-jump2:before { content: "\e8d7" } .icon-undo2:before { content: "\e8d8" } .icon-redo2:before { content: "\e8d9" } .icon-sync:before { content: "\e8da" } .icon-repeat-one2:before { content: "\e8db" } .icon-sync-crossed:before { content: "\e8dc" } .icon-sync2:before { content: "\e8dd" } .icon-repeat-one3:before { content: "\e8de" } .icon-sync-crossed2:before { content: "\e8df" } .icon-return:before { content: "\e8e0" } .icon-return2:before { content: "\e8e1" } .icon-refund:before { content: "\e8e2" } .icon-history:before { content: "\e8e3" } .icon-history2:before { content: "\e8e4" } .icon-self-timer:before { content: "\e8e5" } .icon-clock:before { content: "\e8e6" } .icon-clock2:before { content: "\e8e7" } .icon-clock3:before { content: "\e8e8" } .icon-watch:before { content: "\e8e9" } .icon-alarm2:before { content: "\e8ea" } .icon-alarm-add2:before { content: "\e8eb" } .icon-alarm-remove:before { content: "\e8ec" } .icon-alarm-check:before { content: "\e8ed" } .icon-alarm-error:before { content: "\e8ee" } .icon-timer:before { content: "\e8ef" } .icon-timer-crossed:before { content: "\e8f0" } .icon-timer2:before { content: "\e8f1" } .icon-timer-crossed2:before { content: "\e8f2" } .icon-download:before { content: "\e8f3" } .icon-upload:before { content: "\e8f4" } .icon-download2:before { content: "\e8f5" } .icon-upload2:before { content: "\e8f6" } .icon-enter-up:before { content: "\e8f7" } .icon-enter-down:before { content: "\e8f8" } .icon-enter-left:before { content: "\e8f9" } .icon-enter-right:before { content: "\e8fa" } .icon-exit-up:before { content: "\e8fb" } .icon-exit-down:before { content: "\e8fc" } .icon-exit-left:before { content: "\e8fd" } .icon-exit-right:before { content: "\e8fe" } .icon-enter-up2:before { content: "\e8ff" } .icon-enter-down2:before { content: "\e900" } .icon-enter-vertical:before { content: "\e901" } .icon-enter-left2:before { content: "\e902" } .icon-enter-right2:before { content: "\e903" } .icon-enter-horizontal:before { content: "\e904" } .icon-exit-up2:before { content: "\e905" } .icon-exit-down2:before { content: "\e906" } .icon-exit-left2:before { content: "\e907" } .icon-exit-right2:before { content: "\e908" } .icon-cli:before { content: "\e909" } .icon-bug:before { content: "\e90a" } .icon-code:before { content: "\e90b" } .icon-file-code:before { content: "\e90c" } .icon-file-image:before { content: "\e90d" } .icon-file-zip:before { content: "\e90e" } .icon-file-audio:before { content: "\e90f" } .icon-file-video:before { content: "\e910" } .icon-file-preview:before { content: "\e911" } .icon-file-charts:before { content: "\e912" } .icon-file-stats:before { content: "\e913" } .icon-file-spreadsheet:before { content: "\e914" } .icon-link:before { content: "\e915" } .icon-unlink:before { content: "\e916" } .icon-link2:before { content: "\e917" } .icon-unlink2:before { content: "\e918" } .icon-thumbs-up:before { content: "\e919" } .icon-thumbs-down:before { content: "\e91a" } .icon-thumbs-up2:before { content: "\e91b" } .icon-thumbs-down2:before { content: "\e91c" } .icon-thumbs-up3:before { content: "\e91d" } .icon-thumbs-down3:before { content: "\e91e" } .icon-share:before { content: "\e91f" } .icon-share2:before { content: "\e920" } .icon-share3:before { content: "\e921" } .icon-magnifier:before { content: "\e922" } .icon-file-search:before { content: "\e923" } .icon-find-replace:before { content: "\e924" } .icon-zoom-in:before { content: "\e925" } .icon-zoom-out:before { content: "\e926" } .icon-loupe:before { content: "\e927" } .icon-loupe-zoom-in:before { content: "\e928" } .icon-loupe-zoom-out:before { content: "\e929" } .icon-cross:before { content: "\e92a" } .icon-menu:before { content: "\e92b" } .icon-list:before { content: "\e92c" } .icon-list2:before { content: "\e92d" } .icon-list3:before { content: "\e92e" } .icon-menu2:before { content: "\e92f" } .icon-list4:before { content: "\e930" } .icon-menu3:before { content: "\e931" } .icon-exclamation:before { content: "\e932" } .icon-question:before { content: "\e933" } .icon-check:before { content: "\e934" } .icon-cross2:before { content: "\e935" } .icon-plus:before { content: "\e936" } .icon-minus:before { content: "\e937" } .icon-percent:before { content: "\e938" } .icon-chevron-up:before { content: "\e939" } .icon-chevron-down:before { content: "\e93a" } .icon-chevron-left:before { content: "\e93b" } .icon-chevron-right:before { content: "\e93c" } .icon-chevrons-expand-vertical:before { content: "\e93d" } .icon-chevrons-expand-horizontal:before { content: "\e93e" } .icon-chevrons-contract-vertical:before { content: "\e93f" } .icon-chevrons-contract-horizontal:before { content: "\e940" } .icon-arrow-up:before { content: "\e941" } .icon-arrow-down:before { content: "\e942" } .icon-arrow-left:before { content: "\e943" } .icon-arrow-right:before { content: "\e944" } .icon-arrow-up-right:before { content: "\e945" } .icon-arrows-merge:before { content: "\e946" } .icon-arrows-split:before { content: "\e947" } .icon-arrow-divert:before { content: "\e948" } .icon-arrow-return:before { content: "\e949" } .icon-expand:before { content: "\e94a" } .icon-contract:before { content: "\e94b" } .icon-expand2:before { content: "\e94c" } .icon-contract2:before { content: "\e94d" } .icon-move:before { content: "\e94e" } .icon-tab:before { content: "\e94f" } .icon-arrow-wave:before { content: "\e950" } .icon-expand3:before { content: "\e951" } .icon-expand4:before { content: "\e952" } .icon-contract3:before { content: "\e953" } .icon-notification:before { content: "\e954" } .icon-warning:before { content: "\e955" } .icon-notification-circle:before { content: "\e956" } .icon-question-circle:before { content: "\e957" } .icon-menu-circle:before { content: "\e958" } .icon-checkmark-circle:before { content: "\e959" } .icon-cross-circle:before { content: "\e95a" } .icon-plus-circle:before { content: "\e95b" } .icon-circle-minus:before { content: "\e95c" } .icon-percent-circle:before { content: "\e95d" } .icon-arrow-up-circle:before { content: "\e95e" } .icon-arrow-down-circle:before { content: "\e95f" } .icon-arrow-left-circle:before { content: "\e960" } .icon-arrow-right-circle:before { content: "\e961" } .icon-chevron-up-circle:before { content: "\e962" } .icon-chevron-down-circle:before { content: "\e963" } .icon-chevron-left-circle:before { content: "\e964" } .icon-chevron-right-circle:before { content: "\e965" } .icon-backward-circle:before { content: "\e966" } .icon-first-circle:before { content: "\e967" } .icon-previous-circle:before { content: "\e968" } .icon-stop-circle:before { content: "\e969" } .icon-play-circle:before { content: "\e96a" } .icon-pause-circle:before { content: "\e96b" } .icon-next-circle:before { content: "\e96c" } .icon-last-circle:before { content: "\e96d" } .icon-forward-circle:before { content: "\e96e" } .icon-eject-circle:before { content: "\e96f" } .icon-crop:before { content: "\e970" } .icon-frame-expand:before { content: "\e971" } .icon-frame-contract:before { content: "\e972" } .icon-focus:before { content: "\e973" } .icon-transform:before { content: "\e974" } .icon-grid:before { content: "\e975" } .icon-grid-crossed:before { content: "\e976" } .icon-layers:before { content: "\e977" } .icon-layers-crossed:before { content: "\e978" } .icon-toggle:before { content: "\e979" } .icon-rulers:before { content: "\e97a" } .icon-ruler:before { content: "\e97b" } .icon-funnel:before { content: "\e97c" } .icon-flip-horizontal:before { content: "\e97d" } .icon-flip-vertical:before { content: "\e97e" } .icon-flip-horizontal2:before { content: "\e97f" } .icon-flip-vertical2:before { content: "\e980" } .icon-angle:before { content: "\e981" } .icon-angle2:before { content: "\e982" } .icon-subtract:before { content: "\e983" } .icon-combine:before { content: "\e984" } .icon-intersect:before { content: "\e985" } .icon-exclude:before { content: "\e986" } .icon-align-center-vertical:before { content: "\e987" } .icon-align-right:before { content: "\e988" } .icon-align-bottom:before { content: "\e989" } .icon-align-left:before { content: "\e98a" } .icon-align-center-horizontal:before { content: "\e98b" } .icon-align-top:before { content: "\e98c" } .icon-square:before { content: "\e98d" } .icon-plus-square:before { content: "\e98e" } .icon-minus-square:before { content: "\e98f" } .icon-percent-square:before { content: "\e990" } .icon-arrow-up-square:before { content: "\e991" } .icon-arrow-down-square:before { content: "\e992" } .icon-arrow-left-square:before { content: "\e993" } .icon-arrow-right-square:before { content: "\e994" } .icon-chevron-up-square:before { content: "\e995" } .icon-chevron-down-square:before { content: "\e996" } .icon-chevron-left-square:before { content: "\e997" } .icon-chevron-right-square:before { content: "\e998" } .icon-check-square:before { content: "\e999" } .icon-cross-square:before { content: "\e99a" } .icon-menu-square:before { content: "\e99b" } .icon-prohibited:before { content: "\e99c" } .icon-circle:before { content: "\e99d" } .icon-radio-button:before { content: "\e99e" } .icon-ligature:before { content: "\e99f" } .icon-text-format:before { content: "\e9a0" } .icon-text-format-remove:before { content: "\e9a1" } .icon-text-size:before { content: "\e9a2" } .icon-bold:before { content: "\e9a3" } .icon-italic:before { content: "\e9a4" } .icon-underline:before { content: "\e9a5" } .icon-strikethrough:before { content: "\e9a6" } .icon-highlight:before { content: "\e9a7" } .icon-text-align-left:before { content: "\e9a8" } .icon-text-align-center:before { content: "\e9a9" } .icon-text-align-right:before { content: "\e9aa" } .icon-text-align-justify:before { content: "\e9ab" } .icon-line-spacing:before { content: "\e9ac" } .icon-indent-increase:before { content: "\e9ad" } .icon-indent-decrease:before { content: "\e9ae" } .icon-text-wrap:before { content: "\e9af" } .icon-pilcrow:before { content: "\e9b0" } .icon-direction-ltr:before { content: "\e9b1" } .icon-direction-rtl:before { content: "\e9b2" } .icon-page-break:before { content: "\e9b3" } .icon-page-break2:before { content: "\e9b4" } .icon-sort-alpha-asc:before { content: "\e9b5" } .icon-sort-alpha-desc:before { content: "\e9b6" } .icon-sort-numeric-asc:before { content: "\e9b7" } .icon-sort-numeric-desc:before { content: "\e9b8" } .icon-sort-amount-asc:before { content: "\e9b9" } .icon-sort-amount-desc:before { content: "\e9ba" } .icon-sort-time-asc:before { content: "\e9bb" } .icon-sort-time-desc:before { content: "\e9bc" } .icon-sigma:before { content: "\e9bd" } .icon-pencil-line:before { content: "\e9be" } .icon-hand:before { content: "\e9bf" } .icon-pointer-up:before { content: "\e9c0" } .icon-pointer-right:before { content: "\e9c1" } .icon-pointer-down:before { content: "\e9c2" } .icon-pointer-left:before { content: "\e9c3" } .icon-finger-tap:before { content: "\e9c4" } .icon-fingers-tap:before { content: "\e9c5" } .icon-reminder:before { content: "\e9c6" } .icon-fingers-crossed:before { content: "\e9c7" } .icon-fingers-victory:before { content: "\e9c8" } .icon-gesture-zoom:before { content: "\e9c9" } .icon-gesture-pinch:before { content: "\e9ca" } .icon-fingers-scroll-horizontal:before { content: "\e9cb" } .icon-fingers-scroll-vertical:before { content: "\e9cc" } .icon-fingers-scroll-left:before { content: "\e9cd" } .icon-fingers-scroll-right:before { content: "\e9ce" } .icon-hand2:before { content: "\e9cf" } .icon-pointer-up2:before { content: "\e9d0" } .icon-pointer-right2:before { content: "\e9d1" } .icon-pointer-down2:before { content: "\e9d2" } .icon-pointer-left2:before { content: "\e9d3" } .icon-finger-tap2:before { content: "\e9d4" } .icon-fingers-tap2:before { content: "\e9d5" } .icon-reminder2:before { content: "\e9d6" } .icon-gesture-zoom2:before { content: "\e9d7" } .icon-gesture-pinch2:before { content: "\e9d8" } .icon-fingers-scroll-horizontal2:before { content: "\e9d9" } .icon-fingers-scroll-vertical2:before { content: "\e9da" } .icon-fingers-scroll-left2:before { content: "\e9db" } .icon-fingers-scroll-right2:before { content: "\e9dc" } .icon-fingers-scroll-vertical3:before { content: "\e9dd" } .icon-border-style:before { content: "\e9de" } .icon-border-all:before { content: "\e9df" } .icon-border-outer:before { content: "\e9e0" } .icon-border-inner:before { content: "\e9e1" } .icon-border-top:before { content: "\e9e2" } .icon-border-horizontal:before { content: "\e9e3" } .icon-border-bottom:before { content: "\e9e4" } .icon-border-left:before { content: "\e9e5" } .icon-border-vertical:before { content: "\e9e6" } .icon-border-right:before { content: "\e9e7" } .icon-border-none:before { content: "\e9e8" } .icon-ellipsis:before { content: "\e9e9" } .icon-uni21:before { content: "\21" } .icon-uni22:before { content: "\22" } .icon-uni23:before { content: "\23" } .icon-uni24:before { content: "\24" } .icon-uni25:before { content: "\25" } .icon-uni26:before { content: "\26" } .icon-uni27:before { content: "\27" } .icon-uni28:before { content: "\28" } .icon-uni29:before { content: "\29" } .icon-uni2a:before { content: "\2a" } .icon-uni2b:before { content: "\2b" } .icon-uni2c:before { content: "\2c" } .icon-uni2d:before { content: "\2d" } .icon-uni2e:before { content: "\2e" } .icon-uni2f:before { content: "\2f" } .icon-uni30:before { content: "\30" } .icon-uni31:before { content: "\31" } .icon-uni32:before { content: "\32" } .icon-uni33:before { content: "\33" } .icon-uni34:before { content: "\34" } .icon-uni35:before { content: "\35" } .icon-uni36:before { content: "\36" } .icon-uni37:before { content: "\37" } .icon-uni38:before { content: "\38" } .icon-uni39:before { content: "\39" } .icon-uni3a:before { content: "\3a" } .icon-uni3b:before { content: "\3b" } .icon-uni3c:before { content: "\3c" } .icon-uni3d:before { content: "\3d" } .icon-uni3e:before { content: "\3e" } .icon-uni3f:before { content: "\3f" } .icon-uni40:before { content: "\40" } .icon-uni41:before { content: "\41" } .icon-uni42:before { content: "\42" } .icon-uni43:before { content: "\43" } .icon-uni44:before { content: "\44" } .icon-uni45:before { content: "\45" } .icon-uni46:before { content: "\46" } .icon-uni47:before { content: "\47" } .icon-uni48:before { content: "\48" } .icon-uni49:before { content: "\49" } .icon-uni4a:before { content: "\4a" } .icon-uni4b:before { content: "\4b" } .icon-uni4c:before { content: "\4c" } .icon-uni4d:before { content: "\4d" } .icon-uni4e:before { content: "\4e" } .icon-uni4f:before { content: "\4f" } .icon-uni50:before { content: "\50" } .icon-uni51:before { content: "\51" } .icon-uni52:before { content: "\52" } .icon-uni53:before { content: "\53" } .icon-uni54:before { content: "\54" } .icon-uni55:before { content: "\55" } .icon-uni56:before { content: "\56" } .icon-uni57:before { content: "\57" } .icon-uni58:before { content: "\58" } .icon-uni59:before { content: "\59" } .icon-uni5a:before { content: "\5a" } .icon-uni5b:before { content: "\5b" } .icon-uni5c:before { content: "\5c" } .icon-uni5d:before { content: "\5d" } .icon-uni5e:before { content: "\5e" } .icon-uni5f:before { content: "\5f" } .icon-uni60:before { content: "\60" } .icon-uni61:before { content: "\61" } .icon-uni62:before { content: "\62" } .icon-uni63:before { content: "\63" } .icon-uni64:before { content: "\64" } .icon-uni65:before { content: "\65" } .icon-uni66:before { content: "\66" } .icon-uni67:before { content: "\67" } .icon-uni68:before { content: "\68" } .icon-uni69:before { content: "\69" } .icon-uni6a:before { content: "\6a" } .icon-uni6b:before { content: "\6b" } .icon-uni6c:before { content: "\6c" } .icon-uni6d:before { content: "\6d" } .icon-uni6e:before { content: "\6e" } .icon-uni6f:before { content: "\6f" } .icon-uni70:before { content: "\70" } .icon-uni71:before { content: "\71" } .icon-uni72:before { content: "\72" } .icon-uni73:before { content: "\73" } .icon-uni74:before { content: "\74" } .icon-uni75:before { content: "\75" } .icon-uni76:before { content: "\76" } .icon-uni77:before { content: "\77" } .icon-uni78:before { content: "\78" } .icon-uni79:before { content: "\79" } .icon-uni7a:before { content: "\7a" } .icon-uni7b:before { content: "\7b" } .icon-uni7c:before { content: "\7c" } .icon-uni7d:before { content: "\7d" } .icon-uni7e:before { content: "\7e" } .icon-copyright:before { content: "\a9" } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { color: #000; font-weight: 400 } h1, .h1 { margin: 0 0 35px } h2, .h2 { margin: 0 0 30px } h3, .h3 { margin: 0 0 30px } h4, .h4 { margin: 0 0 30px } p { margin: 0 0 25px } p.b-big, .b-big { margin: 0 0 30px } p.b-small, .b-small { opacity: .8; margin: 0 0 20px } p.b-smaller, .b-smaller { font-size: 12px; opacity: .8; margin: 0 0 10px } blockquote { color: #000; padding: 0; margin: 0 0 30px } blockquote .b-small { color: #333; font-style: normal; margin: 5px 0 } .b-content>div, .b-content .b-get { margin-bottom: 40px } .b-content a:visited { color: #006ac5 } .b-content ul, .b-content ol { list-style-type: none; color: #333; padding: 0; margin: 0 0 30px } .b-content ul>li, .b-content ol>li { position: relative; margin-bottom: 20px; padding-left: 22px } .b-content ul>li:before, .b-content ol>li:before { content: ""; position: absolute; top: 9px; left: 0; width: 8px; height: 8px; border-radius: 8px; background: #006ac5; color: #006ac5 } .b-content ul ol, .b-content ol ol, .b-content ul ul, .b-content ol ul { padding: 10px 0 10px 20px } .b-content ol { counter-reset: list } .b-content ol>li:before { counter-increment: list 1; content: counter(list) "."; background: transparent; width: auto; height: auto; top: 0 } .b-content ol ol, .b-content ol ul { padding: 10px 0 10px 20px } table { width: 100%; margin: 0 0 40px } table tr th { background: #d8d8d8; opacity: .7; padding: 10px; font-size: 14px; text-align: left; font-weight: 400; color: #333; vertical-align: top } table tr th:last-child { text-align: right } table tr td { padding: 24px 10px; background: transparent; color: inherit; text-align: left } table tr td:last-child { text-align: right } table tr td img { width: 60px } table tr:nth-child(odd) td { background: #F0F0F0; padding: 10px; color: #333 } table.b-order-table .b-btn { margin-bottom: 20px } table.b-order-table td { vertical-align: top } .b-form { color: #333; font-size: 14px } .b-form-wrap { max-width: 600px } .b-form__label { margin-bottom: 10px } .b-form__row { margin-bottom: 25px } .b-form__row p { margin-bottom: 10px } .b-form__row_bordered { border-bottom: 1px solid #D8D8D8 } .b-form__row:last-child { margin-bottom: 0 } .b-form__row .b-btn { margin-right: 15px } .b-form__row .b-iconed-info { white-space: nowrap } .b-form__row .b-iconed-info .b-icon { font-size: 20px; margin-top: 1px; display: inline-block; vertical-align: top } .b-form__row .b-iconed-info span { font-size: 16px; white-space: normal } .b-form__row .b-soc { display: block } .b-form__row .b-soc a { display: inline-block; vertical-align: middle; margin-right: 5px } .b-form__row_iconed { position: relative } .b-form__row_iconed .b-icon { position: absolute; top: 50%; left: 10px; margin-top: -6px } .b-form__row_iconed .b-input { padding: 0 10px 0 30px } .b-form__widget { font-size: 14px } .b-form__widget.success .b-input { background: url("/local/templates/a-servis24__template/css/../images/tick-big.svg") 98% 50% no-repeat, #fff } .b-form__widget.error .b-input { background: url("/local/templates/a-servis24__template/css/../images/cross.svg") 98% 50% no-repeat, #fff } .b-form__halfs { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .b-form__halfs .b-form__row { width: 48% } .b-form__thirds { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .b-form__thirds .b-form__row { width: 32% } .b-form__thirds .b-form__row .b-btn { width: 100%; margin: 0 } .b-form__right { float: right; font-size: 14px } .b-form .b-filter-list_active .b-icon:not(.active) { color: #909090 } .b-tag { cursor: pointer; display: inline-block; vertical-align: middle; height: 24px; line-height: 21px; border-radius: 30px; font-size: 12px; padding: 0 10px; margin: 0 5px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #333; color: #333; opacity: .7 } .b-tag.active, .b-tag:hover { color: inherit; border-color: inherit; opacity: 1 } .b-filter { display: inline-block; vertical-align: middle; height: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #dadadb; border: 1px solid transparent; cursor: pointer; line-height: 21px; border-radius: 30px; font-size: 12px; padding: 0 10px; margin: 0 5px 10px 0 } .b-filter.active { color: #fff; background: #4a4a4a } .b-filter:hover:not(.active) { border: 1px solid } .b-filter-list span { display: inline-block; vertical-align: middle; margin-left: 10px } .b-filter-list .b-icon_star { margin: 0 5px } .b-filter-list_active .b-icon { cursor: pointer; font-size: 20px } .b-filter-list_active .b-icon:not(.active) { color: #dadadb } .b-mark { display: inline-block; vertical-align: middle; border-radius: 3px; line-height: normal; font-size: 12px; padding: 4px 10px; margin: 5px 5px 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff } .b-mark_mint { background: #50e3c2 } .b-mark_blue { background: #4A90E2 } .b-mark_orange { background: #E85F36 } .b-mark_light-green { background: #B8E986 } .b-mark_orange { background: #F5A623 } .b-mark_oval { width: 85px; height: 85px; text-align: center; border-radius: 85px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex } .b-mark_oval span { margin: auto; line-height: 15px; font-size: 16px } .b-input { border: 1px solid #c7c7c7 } .b-textarea { border: 1px solid #c7c7c7; color: #333 } .b-input { height: 36px; border-radius: 3px; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; color: #333 } .b-input-button { position: relative } .b-input-button .b-btn { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0 } .b-input-button .b-btn .b-icon { margin-right: -1px; font-size: 20px; height: 27px } .b-input-button .b-input { padding-right: 40px } .b-textarea { border-radius: 3px; padding: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff } .b-req { color: inherit; display: inline } .b-select select { width: 100% } .b-select_inline { display: inline-block; vertical-align: middle; width: 200px } .b-radio, .b-checkbox { line-height: normal; position: relative; display: inline-block; vertical-align: middle; margin: 0 30px 15px 0 } .b-radio label, .b-checkbox label { padding: 0 0 0 25px; position: relative; cursor: pointer } .b-radio label:before, .b-checkbox label:before { content: ""; position: absolute; top: 3px; left: 0; width: 15px; height: 15px; background: #909090; border-radius: 8px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } .b-radio label:after, .b-checkbox label:after { content: ""; position: absolute; top: 7px; left: 4px; width: 7px; height: 7px; background: #fff; color: #fff; border-radius: 7px; display: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } .b-radio label:hover:before, .b-checkbox label:hover:before { background: #97aac5 } .b-radio input, .b-checkbox input { position: absolute; opacity: 0; top: 0; left: 0 } .b-radio input:checked+label:before, .b-checkbox input:checked+label:before { background: #5c7598 } .b-radio input:checked+label:after, .b-checkbox input:checked+label:after { display: block } .b-checkbox label:before { border-radius: 3px } .b-checkbox label:after { display: none; font-family: 'Linearicons'; content: "\e934"; background: transparent; width: auto; height: auto; font-size: 9px; top: 5px; left: 3px } .b-btn { height: 36px; line-height: 36px; border: 0; font-size: 14px; padding: 0 15px; text-align: center; border-radius: 3px; background: #5c7598; color: #fff; white-space: nowrap; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-btn span, .b-btn .b-icon { display: inline-block; vertical-align: middle } .b-btn .b-icon { color: inherit; margin: 0 5px 0 0; font-size: 20px } .b-btn .b-icon.icon-chevron-right { font-size: inherit; margin: 0 0 0 5px } .b-btn:hover { background: #97aac5; color: #fff } .b-btn_form { border-radius: 40px; background: #abb7c8 } .b-btn_form:hover { background: #97aac5 } .b-btn_big { height: 50px; line-height: 48px; font-size: 18px; padding: 0 20px } .b-btn_big .b-icon { font-size: 30px } .b-btn_small { height: 30px; line-height: 28px; font-size: 12px; padding: 0 10px } .b-btn_small span, .b-btn_small .b-icon { margin-top: -3px } .b-btn_transparent { background: transparent; border: 1px solid #d8d8d8; color: #333 } .b-btn_transparent:hover { color: #333; background: #fff; border: 1px solid #333 } .b-btn_transparent.disabled { pointer-events: none; background: transparent } .b-btn_block { display: block } .b-btn_block.b-btn_transparent { background: #fff } .b-btn_square { width: 36px; padding: 0; line-height: 32px } .b-btn_square .b-icon { margin: 0 } .b-tumbler { position: relative } .b-tumbler label { background: #909090; cursor: pointer; width: 72px; height: 36px; position: relative; display: block; border-radius: 36px } .b-tumbler label:before { content: ""; position: absolute; width: 30px; height: 30px; background: #fff; border-radius: 30px; top: 3px; left: 3px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } .b-tumbler label:after { content: \e935; position: absolute; top: 10px; left: 11px; width: 15px; height: 16px; font-family: 'Linearicons'; font-weight: lighter; color: #909090; -webkit-transition: left .2s linear; -moz-transition: left .2s linear; -o-transition: left .2s linear; transition: left .2s linear; font-size: 13px } .b-tumbler input { position: absolute; opacity: 0; top: 0; left: 0 } .b-tumbler input:checked+label { background: #5c7598 } .b-tumbler input:checked+label:before { left: 100%; margin-left: -33px } .b-tumbler input:checked+label:after { left: 48px; content: "\e934"; background-size: 100% 100%; color: #5c7598 } .b-prev, .b-next { width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 48px; font-size: 20px; border: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; vertical-align: middle; color: #dadadb; position: relative } .b-prev:before, .b-next:before { content: ""; position: absolute; top: 0; left: -1px; right: -1px; bottom: -1px; border-radius: 50px; border: 1px solid; text-align: center; line-height: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: .5 } .b-prev:hover:before, .b-next:hover:before { opacity: 1 } .b-prev:hover .b-icon, .b-next:hover .b-icon { color: inherit } .b-next .b-icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .b-pager { line-height: 50px; margin: 0 0 20px } .b-pager ul:not(.b-pager__filter) li { margin-right: 5px; display: inline-block; vertical-align: middle; font-size: 20px } .b-pager ul:not(.b-pager__filter) li a:not(.b-prev):not(.b-next) { width: 50px; height: 50px; border: 1px solid transparent; border-radius: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 46px; text-align: center; color: inherit; display: inline-block; vertical-align: middle } .b-pager ul:not(.b-pager__filter) li.active a { position: relative } .b-pager ul:not(.b-pager__filter) li.active a:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: 50px; border: 1px solid; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: .5 } .b-pager ul:not(.b-pager__filter) li:hover:not(.active) a { color: #5c7598 } .b-pager_small { line-height: 30px; font-size: 12px } .b-pager_small ul:not(.b-pager__filter) li a, .b-pager_small ul:not(.b-pager__filter) li a:not(.b-prev):not(.b-next) { font-size: 12px; width: 30px; height: 30px; line-height: 26px } .b-pager_small ul:not(.b-pager__filter) li a .b-icon_arr, .b-pager_small ul:not(.b-pager__filter) li a:not(.b-prev):not(.b-next) .b-icon_arr { font-size: 13px } .b-pager_centered { text-align: center } .b-pager ul.b-pager__filter { float: right } .b-pager ul.b-pager__filter li { float: left } .b-pager ul.b-pager__filter li a, .b-pager ul.b-pager__filter li a:not(.b-prev):not(.b-next) { width: 45px; height: 30px; line-height: 28px; font-size: inherit; border: 1px solid #dadadb; display: block; text-align: center; color: #dadadb; opacity: .5; border-right: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-pager ul.b-pager__filter li:last-child a, .b-pager ul.b-pager__filter li:last-child a:not(.b-prev):not(.b-next) { border-right: 1px solid #dadadb; border-radius: 0 15px 15px 0 } .b-pager ul.b-pager__filter li:first-child a, .b-pager ul.b-pager__filter li:first-child a:not(.b-prev):not(.b-next) { border-radius: 15px 0 0 15px } .b-pager ul.b-pager__filter li:hover a, .b-pager ul.b-pager__filter li:hover a:not(.b-prev):not(.b-next) { opacity: 1; border-right: 1px solid #dadadb; color: #5c7598 } .b-pager ul.b-pager__filter li.active a, .b-pager ul.b-pager__filter li.active a:not(.b-prev):not(.b-next) { color: #333 } .b-header { background: transparent; color: #333; position: relative; z-index: 3 } .b-header:hover { z-index: 4 } .b-header a { color: #333 } .b-header__nav { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; max-width: 550px } .b-header__nav li a { font-size: 13px; color: #666 } .b-header__nav li a:hover { color: #5c7598 } .b-header .b-small { color: #666 } .b-header .b-btn_transparent { background: transparent } .b-header .b-btn_transparent:hover { color: #5c7598; border-color: #5c7598 } .b-header .b-btn_transparent:hover .b-icon { color: #5c7598 } .b-header_first .b-width { *zoom: 1 } .b-header_first .b-width:before, .b-header_first .b-width:after { content: " "; display: table } .b-header_first .b-width:after { clear: both } .b-header_first .b-company { float: left; width: 290px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 21px 24px 0 0 } .b-header_first .b-search input { padding-left: 0 } .b-header_first .b-header__nav { margin-right: 101px } .b-header_first .b-header__content { margin-left: 290px; border-left: 1px solid #D8D8D8 } .b-header_first .b-header__top { padding: 10px 10px 11px 32px; line-height: 32px; margin-right: -10px; position: relative } .b-header_first .b-header__top:before { content: ""; position: absolute; bottom: 0; left: 0; right: -1000px; border-bottom: 1px solid #D8D8D8 } .b-header_first .b-header__top .b-search input { height: 33px } .b-header_first .b-header__top .b-icon_toggle { float: right; cursor: pointer; line-height: 33px; color: #666 } .b-header_first .b-header__top .b-icon_toggle:hover { color: #5c7598 } .b-header_first .b-header__info { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; margin-left: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-header_first .b-header__col { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 32px 0 26px } .b-header_first .b-header__col:first-child { padding-left: 10px } .b-header_first .b-header__col:last-child { border-left: 1px solid #D8D8D8; padding: 30px 0 26px 52px } .b-header_second .b-header__top { padding: 15px 0 } .b-header_second .b-header__top .b-width { *zoom: 1 } .b-header_second .b-header__top .b-width:before, .b-header_second .b-header__top .b-width:after { content: " "; display: table } .b-header_second .b-header__top .b-width:after { clear: both } .b-header_second .b-header__top .b-btn_transparent { float: right; margin-top: -3px } .b-header_second .b-header__nav { width: 58%; float: left } .b-header_second .b-header__content { background: #000 } .b-header_second .b-header__content .b-width { *zoom: 1; padding: 42px 4% 40px } .b-header_second .b-header__content .b-width:before, .b-header_second .b-header__content .b-width:after { content: " "; display: table } .b-header_second .b-header__content .b-width:after { clear: both } .b-header_second .b-header__content .b-company { float: left } .b-header_second .b-header__content .b-company h2, .b-header_second .b-header__content .b-company .h2 { color: #fff; margin-bottom: 3px } .b-header_second .b-header__content .b-company .b-small { color: #666 } .b-header_second .b-header__content .b-search { margin: 36px 0 0 } .b-header_second .b-header__content .b-contact { float: right; margin: 11px 0 0 107px } .b-header_second .b-header__content .b-contact .b-icon { color: #fff } .b-header_second .b-header__content .b-contact h4 a, .b-header_second .b-header__content .b-contact .h4 a { color: #fff } .b-header_second .b-header__content .b-contact h4 a:hover, .b-header_second .b-header__content .b-contact .h4 a:hover { color: #5c7598 } .b-header_second .b-header__content .b-contact .b-small { color: #666 } .b-header_second .b-nav .b-width .b-nav__list { margin-right: 90px } .b-header_third .b-header__top { border-bottom: 1px solid #D8D8D8; padding: 20px 0 26px } .b-header_third .b-header__top .b-btn_transparent { float: right; padding: 0 20px } .b-header_third .b-header__top .b-soc { float: left; display: block; width: 250px } .b-header_third .b-header__top .b-soc li { display: inline-block; vertical-align: middle; margin-right: 30px } .b-header_third .b-header__top .b-soc li:last-child { margin-right: 0 } .b-header_third .b-header__top .b-soc li a { border: 1px solid #666; width: 36px; height: 36px; line-height: 36px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 36px } .b-header_third .b-header__top .b-soc li a:hover { border-color: #5c7598 } .b-header_third .b-company { display: block; margin: 0 auto; width: 400px; text-align: center } .b-header_third .b-company h1, .b-header_third .b-company .h1 { margin-bottom: 0; line-height: 34px } .b-header_third .b-toggle { position: relative; padding: 0 4% } .b-header_third .b-toggle .b-icon_nav { float: left } .b-header_third .b-toggle .b-icon_search { float: right; font-size: 20px; margin-top: 20px; cursor: pointer } .b-header_third .b-toggle .b-icon_search:hover { color: #5c7598 } .b-header_third .b-toggle__search { position: absolute; top: 0; left: 91px; right: 92px; display: block; padding: 0 20px; margin: 0; z-index: 2; opacity: 0 } .b-header_third .b-toggle__search.visible { opacity: 1 } .b-header_third .b-toggle_search .b-nav__list li { visibility: hidden } .b-header_third .b-nav { background: transparent; border-bottom: 1px solid #D8D8D8 } .b-header_third .b-nav__list { position: relative; margin: 0 40px; padding: 0 20px; border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; z-index: 3 } .b-header_third .b-nav__list li { margin: 0 20px } .b-header_third .b-nav__list.b-nav__list.b-toggle__more { background: transparent; border: 0 } .b-header_fourth .b-header__top { padding: 20px 0 30px } .b-header_fourth .b-header__top .b-contact { margin-bottom: 10px } .b-header_fourth .b-header__top .b-soc { float: left; width: 80px } .b-header_fourth .b-header__top .b-company { display: block; margin: 0 auto; width: 300px; line-height: 30px; text-align: center } .b-header_fourth .b-header__top .b-company h2, .b-header_fourth .b-header__top .b-company .h2 { margin-bottom: 0 } .b-header_fourth .b-header__top .b-btn_transparent { margin-top: 5px; float: left } .b-header_fourth .b-header__top .b-btn_transparent:first-child { float: right } .b-header_fourth .b-header__right { float: right } .b-header_fourth .b-search input { padding-left: 0 } .b-header_fourth .b-search .b-icon { right: auto; left: 20px } .b-logo { width: 30px; display: block } .b-logo img { max-width: 100% } .b-company { display: block } .b-company__about { margin-left: 41px } .b-company__about .b-small { margin-bottom: 0 } .b-company__about h2, .b-company__about .h2 { color: #333; margin-bottom: 14px } .b-company .b-small { color: #666 } .b-company .b-logo { float: left; margin-top: 2px } .b-toggle__search { display: none } .b-toggle_search .b-toggle__menu { height: 0; width: 0; overflow: hidden; display: none !important; visibility: hidden } .b-toggle_search .b-toggle__search { display: block; visibility: visible } .b-toggle_search .b-icon_toggle:before { content: "\e935" } .b-toggle_search input { border: 1px solid transparent; background: transparent } .b-contact { text-align: left } .b-contact .b-icon { float: left; margin-top: -1px } .b-contact__info { margin-left: 26px } .b-contact h4, .b-contact .h4 { margin-bottom: 5px; line-height: 20px } .b-contact p { margin-bottom: 0; font-size: 18px; color: inherit } .b-contact .b-small { margin-bottom: 0 } .b-contact .b-small a { color: inherit } .b-contact .b-small a:hover { color: #5c7598 } .b-soc { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .b-soc .b-icon { color: #666; width: 22px; height: 23px } .b-soc .b-icon:hover { color: #5c7598 } .b-soc .b-icon:before { display: none } .b-soc a:hover { color: #5c7598 } .b-soc a:hover .b-icon { color: inherit } .b-search { position: relative; margin-right: 90px; line-height: inherit } .b-search .b-icon { position: absolute; top: 0; right: 20px; color: #5c7598; line-height: inherit } .b-search input { width: 100%; height: 50px; color: #666; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 40px 0 20px; border: 1px solid transparent; background: transparent } .b-search_oval { margin: 0; line-height: 50px } .b-search_oval .b-icon { color: #fff; font-size: 20px } .b-search_oval input { background: transparent; border-color: #666; color: #666; border-radius: 30px } .b-nav { background: #fff; position: relative; line-height: 60px } .b-nav .b-items { display: block } .b-nav .b-items .b-item { width: 100%; max-width: 100% } .b-nav .b-icon_toggle, .b-nav .b-icon_nav { margin: 14px 0 0; float: right; cursor: pointer; font-size: 20px; line-height: 30px; color: #5c7598 } .b-nav .b-icon_toggle:hover, .b-nav .b-icon_nav:hover { color: #5c7598 } .b-nav .b-icon_nav { margin-top: 14px } .b-nav .b-icon_nav:before { font-size: 30px } .b-nav__list { margin-right: 103px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .b-nav__list_short { margin-right: 0 } .b-nav__list.b-toggle__more { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; position: absolute; top: 100%; left: 0; width: 100%; background: #fff } .b-nav__list.b-toggle__more li { margin: 0 40px 0 0 } .b-nav li { height: 60px; line-height: 60px } .b-nav li>a { text-transform: uppercase; font-size: 14px; color: #5c7598; line-height: inherit; display: block; letter-spacing: 1px } .b-nav li:hover>a { color: #000 } .b-nav li.b-with-sub-nav:hover>a { position: relative } .b-nav li.b-with-sub-nav:hover>a:before { content: ""; position: absolute; top: 100%; margin-top: -8px; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #000 } .b-nav_fixed { overflow: hidden; position: fixed; top: -200px; left: 0; width: 100%; z-index: 5; height: 70px; line-height: 70px; border-bottom: 1px solid #CBCBC0; -webkit-transition: top .6s linear; -moz-transition: top .6s linear; -o-transition: top .6s linear; transition: top .6s linear } .b-nav_fixed.active { top: 0 } .b-nav_fixed .b-search input { color: #333 } .b-nav_fixed .b-width { *zoom: 1 } .b-nav_fixed .b-width:before, .b-nav_fixed .b-width:after { content: " "; display: table } .b-nav_fixed .b-width:after { clear: both } .b-nav_fixed .b-nav__company { float: left } .b-nav_fixed .b-nav__company .b-logo { float: left } .b-nav_fixed .b-nav__company h4, .b-nav_fixed .b-nav__company .h4 { line-height: inherit; margin: 0 30px 0 0; color: #333 } .b-nav_fixed .b-nav__list { min-width: 80%; line-height: 70px; height: 70px; margin-right: 0 } .b-nav_fixed .b-nav__list li { line-height: 70px } .b-nav_fixed_second .b-nav__list { margin-right: 80px } .b-nav_fixed_second .b-icon_toggle { float: right; margin-top: 23px; font-size: 20px } .b-nav_fixed_second .b-search { float: right; width: 50%; line-height: 70px; margin-right: 105px } .b-nav_fixed_second .b-search .b-icon { right: auto; left: 20px } .b-nav_fixed_third .b-width { position: relative } .b-nav_fixed_third .b-width>.b-icon { color: #5c7598; cursor: pointer } .b-nav_fixed_third .b-width>.b-icon:hover { color: #5c7598 } .b-nav_fixed_third .b-width>.b-icon_nav { float: left; margin-top: 19px } .b-nav_fixed_third .b-width>.b-icon_search { float: right; font-size: 20px; margin-top: 25px } .b-nav_fixed_third .b-width .b-search .b-icon { display: none } .b-nav_fixed_third .b-nav__company { display: block; margin: 0 auto; float: none; width: 300px } .b-nav_fixed_third .b-search { display: block; margin: 0; z-index: 1 } .b-nav_fixed_third .b-search input { padding: 0 } .b-nav_fixed_third .b-nav__list { z-index: 2 } .b-nav_fixed_third .b-nav__list, .b-nav_fixed_third .b-search { position: absolute; opacity: 0; top: 0; left: 120px; right: 120px; width: auto; background: #fff } .b-nav_fixed_third .b-nav__list.visible, .b-nav_fixed_third .b-search.visible { visibility: visible; opacity: 1 } .b-nav_mobile { display: none } .b-sub-nav { position: absolute; z-index: 4; top: 60px; left: 0; width: 100%; color: #fff } .b-sub-nav:before { content: ""; position: absolute; top: 0; left: -1000px; right: -1000px; background: #000; height: 100%; z-index: -1 } .b-sub-nav .b-width { background: #000; *zoom: 1; padding: 52px 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: space-baetween; -moz-box-pack: space-baetween; -ms-flex-pack: space-baetween; -webkit-justify-content: space-baetween; -moz-justify-content: space-baetween; -ms-justify-content: space-baetween; justify-content: space-baetween } .b-sub-nav .b-width:before, .b-sub-nav .b-width:after { content: " "; display: table } .b-sub-nav .b-width:after { clear: both } .b-sub-nav li { line-height: normal; margin-bottom: 19px; height: auto } .b-sub-nav li:last-child { margin-bottom: 0 } .b-sub-nav li.b-sub-nav__title { margin-bottom: 30px } .b-sub-nav li.b-sub-nav__title a { font-size: 16px; text-transform: none; color: #fff } .b-sub-nav li a { color: #666; font-size: 12px; line-height: 17px } .b-sub-nav li a:hover { color: #5c7598 } .b-sub-nav__col { padding: 0 29px; float: left; width: 25%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-sub-nav__col:before { content: ""; position: absolute; top: 0; left: 10px; width: 1px; height: 100%; background: #666; opacity: .3 } .b-sub-nav__col:first-child:first-child:before { display: none } .b-sub-nav .b-item { line-height: normal } .b-sub-nav .b-item__image { margin-bottom: 11px } .b-sub-nav .b-item__title { color: inherit; margin-bottom: 7px; font-size: 16px } .b-sub-nav .b-item__info { margin-bottom: 35px } .b-sub-nav .b-item .b-btn { padding: 0 10px } .b-header-and-slider .b-header { background: rgba(255, 255, 255, 0.3) } .b-header-and-slider .owl-nav { display: none } .b-header-and-slider .b-slider { max-height: none } .b-header-and-slider .b-slider_first .b-slider__content h1, .b-header-and-slider .b-slider_first .b-slider__content .h1 { margin-bottom: 30px } .b-header-and-slider .b-slider__item { max-height: none } .b-footer { background: transparent; color: #333; overflow: hidden } .b-footer a { color: #333 } .b-footer .b-small { color: #666 } .b-footer .b-made { font-size: 14px; color: #666 } .b-footer .b-made span { color: #5C7598 } .b-footer .b-made:hover { color: #5c7598 } .b-footer .b-pay { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start } .b-footer .b-pay li { margin: 0 0 5px 5px; width: 50px; height: 30px } .b-footer .b-pay li img { width: 100% } .b-footer .b-sub-nav { position: relative; display: block; padding-top: 0; top: 0 } .b-footer .b-sub-nav__col { border: 0 } .b-footer .b-sub-nav:before { top: 0 } .b-footer__content .b-width { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .b-footer__col { width: 25%; position: relative; min-height: 100px } .b-footer__col:first-child, .b-footer__col:last-child { width: 30% } .b-footer__end { position: absolute; bottom: 0; right: 0; width: 100% } .b-footer_first .b-sub-nav .b-width { padding: 46px 0 40px } .b-footer_first .b-sub-nav .b-width li { margin-bottom: 7px } .b-footer_first .b-soc li a { width: 45px; height: 45px; line-height: 45px; text-align: center; border: 1px solid; border-radius: 45px } .b-footer_first .b-footer__content { padding: 56px 0 14px; border-bottom: 1px solid #D8D8D8 } .b-footer_first .b-contact { margin-bottom: 34px } .b-footer_first .b-contact .b-icon { margin-top: -3px; font-size: 30px } .b-footer_first .b-contact h2, .b-footer_first .b-contact .h2 { margin-bottom: 14px; line-height: inherit; line-height: 22px } .b-footer_first .b-contact__info { margin-left: 34px } .b-footer_first .b-footer__end { bottom: 34px } .b-footer_first .b-footer__col:last-child .b-small { margin-bottom: 8px } .b-footer_first .b-footer__bottom { text-align: center; padding: 32px 0 } .b-footer_first .b-footer__bottom a { color: #666 } .b-footer_first .b-footer__bottom a:hover { color: #5c7598 } .b-footer_second { background: #000; color: #666; padding: 46px 0 74px } .b-footer_second a { color: #666 } .b-footer_second .b-header__nav { display: block } .b-footer_second .b-header__nav li { display: block; margin-bottom: 11px } .b-footer_second .b-company { margin-bottom: 38px } .b-footer_second .b-company h4 { color: #fff; padding-top: 5px; margin-bottom: 0 } .b-footer_second .b-soc { -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start } .b-footer_second .b-soc li { margin-right: 37px } .b-footer_second .b-footer__seo { margin-bottom: 20px } .b-footer_second .b-footer__end { bottom: -24px } .b-footer_second .b-footer__end .b-small { margin-bottom: 10px } .b-footer_second .b-nav { background: transparent; line-height: normal } .b-footer_second .b-nav__list { display: block } .b-footer_second .b-nav__list li { display: block; line-height: normal; height: auto; margin-bottom: 17px } .b-footer_second .b-nav__list li a { color: #fff } .b-footer_second .b-nav__list li a:hover { color: #5c7598 } .b-footer_second .b-made { position: absolute; bottom: -27px; left: 0; max-width: 100% } .b-footer_second .b-footer__col { position: relative } .b-footer_second .b-footer__col:before { content: ""; position: absolute; top: 0; left: -20px; bottom: -23px; width: 1px; background: #fff; opacity: .3 } .b-footer_second .b-footer__col:first-child:before { display: none } .b-footer_third { background: #fff; color: #5c7598 } .b-footer_third .b-footer__col { padding: 46px 30px 75px; border-left: 1px solid #ECECEC; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-footer_third .b-footer__col:first-child { padding-left: 0; border-left: 0; width: 50% } .b-footer_third .b-footer__col:last-child { width: 34% } .b-footer_third .b-nav { background: transparent; line-height: normal } .b-footer_third .b-nav__list { display: block; margin-right: 0 } .b-footer_third .b-nav__list li { display: block; line-height: normal; height: auto; margin-bottom: 17px } .b-footer_third .b-nav__list li a { color: #5c7598 } .b-footer_third .b-nav__list li a:hover { color: #5c7598 } .b-footer_third .b-soc { display: block } .b-footer_third .b-soc li { margin-bottom: 17px; display: block } .b-footer_third .b-soc li span { display: inline-block; vertical-align: middle; padding-left: 10px } .b-footer_third .b-made { position: absolute; bottom: 50px; left: 0; max-width: 100% } .b-footer_third .b-footer__end { bottom: 52px; left: 30px; width: auto } .b-footer_third .b-footer__end .b-small { margin-bottom: 10px } .b-footer_third .b-company { margin-bottom: 48px } .b-footer_third .b-company h4 { color: #5c7598; padding-top: 10px; margin-bottom: 0 } .b-footer_third .b-contact { margin-bottom: 30px } .b-footer_fourth { padding: 9px 0; background: #fff; color: #333 } .b-footer_fourth .b-width { *zoom: 1 } .b-footer_fourth .b-width:before, .b-footer_fourth .b-width:after { content: " "; display: table } .b-footer_fourth .b-width:after { clear: both } .b-footer_fourth>.b-width:last-child { padding-top: 38px } .b-footer_fourth .b-footer__right { float: right; padding-top: 20px } .b-footer_fourth .b-footer__content { max-width: 500px } .b-footer_fourth .b-soc { margin-bottom: 64px; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; padding-right: 0 } .b-footer_fourth .b-soc li { margin-left: 60px } .b-footer_fourth .b-soc .b-icon { text-align: right } .b-footer_fourth .b-made { float: right } .b-footer_fourth .b-nav { margin-right: 300px } .b-footer_fourth .b-footer__top { border-bottom: 1px solid #ECECEC; padding: 0; margin-bottom: 23px } .b-footer_fourth .b-nav { background: transparent; line-height: normal } .b-footer_fourth .b-nav__list { margin-right: 0; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; -moz-justify-content: start; -ms-justify-content: start; justify-content: start } .b-footer_fourth .b-nav li { margin-right: 30px } .b-footer_fourth .b-nav li a { font-size: 14px } .b-footer_fourth .b-contact { padding-top: 20px } .b-footer_fourth .b-copy { color: inherit; margin-bottom: 20px; margin-top: 20px } .b-footer_fifth .b-footer__top { background: #fff; padding: 44px 0 } .b-footer_fifth .b-footer__top .b-width { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; padding: 0 40px } .b-footer_fifth .b-footer__top .b-width .b-contact { text-align: center; margin: 0 30px } .b-footer_fifth .b-footer__top .b-width .b-contact .b-icon { float: none; margin-bottom: 27px } .b-footer_fifth .b-footer__top .b-width .b-contact__info { margin: 0 } .b-footer_fifth .b-footer__col { width: 33.3% } .b-footer_fifth .b-footer__content { padding: 54px 0 0 } .b-footer_fifth .b-footer__content .b-contact .b-small { margin-bottom: 12px } .b-footer_fifth .b-width { *zoom: 1 } .b-footer_fifth .b-width:before, .b-footer_fifth .b-width:after { content: " "; display: table } .b-footer_fifth .b-width:after { clear: both } .b-footer_fifth .b-search { margin-bottom: 45px; width: 100% } .b-footer_fifth .b-footer__bottom { border-top: 1px solid #D8D8D8; padding: 15px 0 } .b-footer_fifth .b-footer__bottom .b-made { float: right; padding-top: 10px } .b-footer_fifth .b-footer__bottom .b-soc { display: block } .b-footer_fifth .b-footer__bottom .b-soc li { display: inline-block; vertical-align: middle; margin-right: 60px } .b-footer_fifth .b-sub-nav { padding: 52px 0 } .b-footer_fifth .b-sub-nav .b-width { padding: 0 10px } .b-footer .b-contact_light { margin-bottom: 24px !important } .b-footer .b-contact_light .b-icon { color: #666; font-size: 20px; margin-top: 2px } .b-footer .b-contact_light .b-contact__info { margin-left: 26px } .b-footer .b-contact_light .b-small { margin-bottom: 16px } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container:focus { outline: none } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { border: 1px solid #c7c7c7; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #fff; color: #333; height: auto; padding: 5px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-dropdown-button { position: relative } .select2-dropdown-button .b-btn { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0 } .select2-dropdown-button .b-btn .b-icon { margin-right: -1px; font-size: 20px; height: 27px } .select2-dropdown-button .b-input { padding-right: 40px } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important } .select2-container--default .select2-selection--single { border: 1px solid #c7c7c7; height: 36px; border-radius: 3px; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; color: #333 } .select2-container--default .select2-selection--single-button { position: relative } .select2-container--default .select2-selection--single-button .b-btn { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0 } .select2-container--default .select2-selection--single-button .b-btn .b-icon { margin-right: -1px; font-size: 20px; height: 27px } .select2-container--default .select2-selection--single-button .b-input { padding-right: 40px } .select2-container--default .select2-selection--single:focus { outline: none } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; color: inherit } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700 } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px; position: absolute; top: 1px; right: 1px; width: 30px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent; border-style: solid; border-width: 6px 5px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #000; border-width: 0 5px 6px } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #c7c7c7; border-radius: 3px; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; color: #333; height: 30px } .select2-container--default .select2-search--dropdown .select2-search__field-button { position: relative } .select2-container--default .select2-search--dropdown .select2-search__field-button .b-btn { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0 } .select2-container--default .select2-search--dropdown .select2-search__field-button .b-btn .b-icon { margin-right: -1px; font-size: 20px; height: 27px } .select2-container--default .select2-search--dropdown .select2-search__field-button .b-input { padding-right: 40px } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #97aac5; color: #fff } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eee 100%); background-image: -o-linear-gradient(top, white 50%, #eee 100%); background-image: linear-gradient(to bottom, white 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 6px 5px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 5px 6px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eee 50%); background-image: -o-linear-gradient(top, white 0%, #eee 50%); background-image: linear-gradient(to bottom, white 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, white 100%); background-image: -o-linear-gradient(top, #eee 50%, white 100%); background-image: linear-gradient(to bottom, #eee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { border: 1px solid #c7c7c7; height: 36px; border-radius: 3px; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; color: #333 } .select2-container--classic .select2-dropdown-button { position: relative } .select2-container--classic .select2-dropdown-button .b-btn { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0 } .select2-container--classic .select2-dropdown-button .b-btn .b-icon { margin-right: -1px; font-size: 20px; height: 27px } .select2-container--classic .select2-dropdown-button .b-input { padding-right: 40px } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } .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: -1 } .owl-carousel .owl-animated-out { z-index: -1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; z-index: 1 } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .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; -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 img { display: block; width: 100%; -webkit-transform-style: preserve-3d } @media (max-width:899px) { .owl-carousel .owl-item img { width: 60%; } } .owl-item ul { list-style-type: disc; padding-left: 30px } .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-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .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 .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/local/templates/a-servis24__template/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: 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; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { from, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { from, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1) } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1) } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: none; transform: none } } @keyframes wobble { from { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } to { opacity: 0 } } @keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 } .fancybox-wrap.popup-top { top: 0 !important; left: 0 !important; width: 100% !important } .fancybox-wrap.popup-top .fancybox-close { opacity: 0 } .fancybox-wrap.popup-top .fancybox-inner { width: 100% !important } .fancybox-skin { position: relative; text-shadow: none; color: #333 } .fancybox-opened { z-index: 8030 } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-skin { position: relative; color: #333; text-shadow: none; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fancybox-opened { z-index: 8030 } .fancybox-outer, .fancybox-inner { position: relative } .fancybox-inner { overflow: visible !important; height: auto !important } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060 } #fancybox-loading div { width: 44px; height: 44px } .fancybox-close { position: absolute; top: 5%; right: 5%; cursor: pointer; z-index: 8040; display: inline-block; vertical-align: middle; width: 36px; height: 36px; line-height: 36px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid; border-radius: 36px; color: #fff } .fancybox-close:before { top: 0; left: 0; font-family: 'Linearicons'; content: "\e935" } .fancybox-close:hover { color: #5c7598; opacity: 1 } .fancybox-close.hide { opacity: 0 } .fancybox-nav { position: absolute; top: 50%; margin-top: -25px; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 48px; font-size: 20px; border: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; vertical-align: middle; color: #fff } .fancybox-nav:before { content: \e93b; font-family: 'Linearicons'; position: absolute; top: 0; left: 50%; margin-left: -10px } .fancybox-nav:hover:before { opacity: 1 } .fancybox-nav:hover .b-icon { color: inherit } .fancybox-prev { left: -60px } .fancybox-next { right: -60px } .fancybox-next:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fancybox-nav span { position: absolute; top: 50%; left: -10px; margin-top: -17px; cursor: pointer; z-index: 8040; width: 34px; height: 64px; background: url("/local/templates/a-servis24__template/css/../images/icon.png") -395px 0 } .fancybox-nav span:hover { opacity: .6 } .fancybox-next span { left: auto; right: -10px } .fancybox-prev span { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important } .fancybox-lock { overflow: hidden !important; width: auto } .fancybox-lock body { overflow: hidden !important } .fancybox-lock-test { overflow-y: hidden !important } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.8) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050 } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8) } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-size: 44px 152px } #fancybox-loading div { background-size: 24px 24px } } .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-datepicker { width: 100%; padding: 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 15px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; vertical-align: middle; color: #dadadb; border-radius: 50px; border: 1px solid #D8D8D8; opacity: .8 } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { content: \e93b; position: absolute; font-family: 'Linearicons'; font-size: 12px; top: -1px; left: 8px; color: #000; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { border: 1px solid #5c7598 } .ui-datepicker .ui-datepicker-prev:hover:before, .ui-datepicker .ui-datepicker-next:hover:before { color: #5c7598 } .ui-datepicker .ui-datepicker-prev { left: 15px } .ui-datepicker .ui-datepicker-next { right: 15px } .ui-datepicker .ui-datepicker-next:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -11px; top: 50%; margin-top: -11px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 14px; text-transform: uppercase; color: #333; font-family: inherit; font-weight: 400; padding: 15px } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: separate; margin: 0; background: #D8D8D8 } .ui-datepicker table tr th { padding: .7em .3em; text-align: center; border: 0; color: #909090; background: #fff } .ui-datepicker table tr th:last-child { border-right: 7px solid #fff } .ui-datepicker table tr th:first-child { border-left: 7px solid #fff } .ui-datepicker table tr td { padding: 0; background: #fff; border: 1px solid #D8D8D8; border-left: 0; border-top: 0 } .ui-datepicker table tr td:last-child { border-right: 7px solid #D8D8D8 } .ui-datepicker table tr td:first-child { border-left: 7px solid #D8D8D8 } .ui-datepicker table tr:first-child td { border-top: 7px solid #D8D8D8 } .ui-datepicker table tr:last-child td { border-bottom: 7px solid #D8D8D8 } .ui-datepicker td span, .ui-datepicker td a { display: block; text-align: center; text-decoration: none; font-size: 16px; padding: 0 5px; line-height: 38px } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-widget { font-family: inherit; font-size: 1.1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em } .ui-widget-content { background: #fff; color: #333 } .ui-widget-content a { color: #333 } .ui-widget-header { background: #fff; color: #fff; font-weight: 700 } .ui-widget-header a { color: #fff } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #222 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none } .ui-datepicker .specialDate a { position: relative } .ui-datepicker .specialDate a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #5c7598; opacity: .1 } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #5c7598; color: #fff } .ui-state-highlight a:before, .ui-widget-content .ui-state-highlight a:before, .ui-widget-header .ui-state-highlight a:before { display: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #97aac5; color: #fff } .ui-state-active a:before, .ui-widget-content .ui-state-active a:before, .ui-widget-header .ui-state-active a:before { display: none } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("/local/templates/a-servis24__template/css/../images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #fff } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #fff } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #fff } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700 } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: alpha(opacity=70); font-weight: 400 } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: alpha(opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/a-servis24__template/css/../images/ui-icons_222222_256x240.png") } .ui-widget-header .ui-icon { background-image: url("/local/templates/a-servis24__template/css/../images/ui-icons_ffffff_256x240.png") } .ui-state-default .ui-icon { background-image: url("/local/templates/a-servis24__template/css/../images/ui-icons_ef8c08_256x240.png") } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/local/templates/a-servis24__template/css/../images/ui-icons_ef8c08_256x240.png") } .ui-state-active .ui-icon { background-image: url("/local/templates/a-servis24__template/css/../images/ui-icons_ef8c08_256x240.png") } .ui-state-highlight .ui-icon { background-image: url("/local/templates/a-servis24__template/css/../images/ui-icons_228ef1_256x240.png") } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/a-servis24__template/css/../images/ui-icons_ffd27a_256x240.png") } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-widget-overlay { background: #666 url("/local/templates/a-servis24__template/css/../images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: alpha(opacity=50) } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000 url("/local/templates/a-servis24__template/css/../images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .2; filter: alpha(opacity=20); border-radius: 5px } html, button, input, select, textarea { color: #222 } a, button, input, textarea { text-decoration: none; outline: none; font-family: inherit; font-size: inherit; -webkit-transition: background .2s linear, color .2s linear; -moz-transition: background .2s linear, color .2s linear; -o-transition: background .2s linear, color .2s linear; transition: background .2s linear, color .2s linear } a:focus, button:focus, input:focus, textarea:focus, a:active, button:active, input:active, textarea:active { outline: none } a::-webkit-input-placeholder, button::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: inherit } a::-moz-placeholder, button::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: inherit } a:-moz-placeholder, button:-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder { color: inherit } a:-ms-input-placeholder, button:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: inherit } button, input, textarea { color: inherit } a { color: #5c7598 } a:hover { color: #5c7598 } ul { list-style-type: none; margin: 0; padding: 0 } ::-moz-selection { background: #b3d4fc; text-shadow: none } ::selection { background: #b3d4fc; text-shadow: none } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 } audio, canvas, img, video { vertical-align: middle } fieldset { border: 0; margin: 0; padding: 0 } textarea { resize: vertical } .clearfix { *zoom: 1 } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .b-container__cols { max-width: 1280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 10px; *zoom: 1 } .b-container__cols:before, .b-container__cols:after { content: " "; display: table } .b-container__cols:after { clear: both } .b-right-col { float: right; width: 220px } .b-right-col .b-items { display: block } .b-right-col .b-items .b-item { width: 100%; max-width: 100%; height: auto !important } .b-right-col .b-items .b-item__content, .b-right-col .b-items .b-item__info { height: auto !important } .b-right-col__nav { margin-bottom: 60px } .b-right-col__nav li a { display: block; font-size: 14px; text-transform: uppercase; padding: 11px 30px 10px } .b-right-col__nav li a:not(:hover) { color: inherit } .b-right-col__nav li.active .b-right-col__sub-nav { display: block } .b-right-col__nav_white { background: #fff; color: #333 } .b-right-col__nav_white li.active>a { background: #ABB7C8; color: #fff } .b-right-col__nav_black { background: #000; color: #fff } .b-right-col__nav_black li.active>a { background: #fff; color: #333 } .b-right-col__sub-nav { display: none; position: relative; background: #F7F0C7; color: #000 } .b-right-col__sub-nav:before { content: ""; position: absolute; top: -9px; left: 40px; width: 0; height: 0; border-style: solid; border-width: 0 8px 9px; border-color: transparent transparent #F7F0C7 } .b-right-col .b-card__row .b-price__new { display: block; margin-bottom: 20px } .b-right-col .b-card__row .b-price__old { display: block } .b-main-col { position: relative; padding: 40px 50px 20px 0; margin-bottom: 40px } .b-main-col:before { content: ""; position: absolute; top: 0; left: -1000px; width: 1000px; height: 100% } .b-main-col_white { background: #fff; color: #333 } .b-main-col_white:before { background: #fff } .b-main-col_white .b-counter_white li { background: rgba(0, 0, 0, 0.3) } .b-main-col_black { color: #fff; background: #000 } .b-main-col_black * { color: inherit } .b-main-col_black:before { background: #000 } .b-main-col_black .b-counter_black li { background: rgba(255, 255, 255, 0.3) } .b-left-col { margin-right: 270px; position: relative; padding: 40px 50px 25px 0 } .b-left-col:before { content: ""; position: absolute; top: 0; left: -1000px; width: 1000px; height: 100% } .b-left-col_white { background: #fff; color: #333 } .b-left-col_white:before { background: #fff } .b-left-col_white .b-counter_white li { background: rgba(0, 0, 0, 0.3) } .b-left-col_black { color: #fff; background: #000 } .b-left-col_black * { color: inherit } .b-left-col_black:before { background: #000 } .b-left-col_black .b-counter_black li { background: rgba(255, 255, 255, 0.3) } .b-left-col .b-cart__kupon .b-input { width: 65% } .b-slider { position: relative; color: #414141; max-height: 100vh } .b-slider .b-btn { margin-top: 40px } .b-slider__item { position: relative; max-height: 100vh } .b-slider__content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-slider .owl-dots { position: absolute; bottom: 45px; left: 0; width: 100%; text-align: center } .b-slider .owl-dot { width: 14px; height: 14px; border: 1px solid; border-radius: 14px; display: inline-block; vertical-align: middle; margin: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-slider .owl-dot.active { position: relative } .b-slider .owl-dot.active:before { content: ""; position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; background: #5c7598; border-radius: 8px } .b-slider .owl-prev, .b-slider .owl-next { width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 48px; border: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; vertical-align: middle; font-size: 0; position: absolute; top: 50%; left: 30px; color: #fff; margin-top: -25px } .b-slider .owl-prev:before, .b-slider .owl-next:before { content: ""; position: absolute; top: 0; left: -1px; right: -1px; bottom: -1px; border-radius: 50px; border: 1px solid; text-align: center; line-height: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: .5 } .b-slider .owl-prev:hover:before, .b-slider .owl-next:hover:before { opacity: 1 } .b-slider .owl-prev:hover .b-icon, .b-slider .owl-next:hover .b-icon { color: inherit } .b-slider .owl-prev:after, .b-slider .owl-next:after { font-size: 20px; content: "\e93b"; font-family: 'Linearicons' } .b-slider .owl-prev:hover:before, .b-slider .owl-next:hover:before { color: #fff } .b-slider .owl-next { left: auto; right: 30px } .b-slider .owl-next:after { content: "\e93c" } .b-slider__image { background: #000 } .b-slider__image img { width: 100%; opacity: .8 } .b-slider_first .b-slider__content { text-align: center; position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100% } .b-slider_first .b-slider__content .b-width { max-width: 750px; margin: 0; padding: 0 70px } .b-slider_first .b-slider__content h1, .b-slider_first .b-slider__content .h1, .b-slider_first .b-slider__content p, .b-slider_first .b-slider__content .b-btn_transparent:not(:hover) { color: inherit; border-color: inherit } .b-slider_first .b-slider__content .b-btn:not(.b-btn_transparent) { margin-right: 10px } .b-slider_first .b-slider__content h1, .b-slider_first .b-slider__content .h1 { font-size: 50px; margin-bottom: 80px; line-height: 60px } .b-slider_first .b-slider__content p { margin-bottom: 40px } .b-slider_second { background: #000 } .b-slider_second .b-slider__item { height: 0; opacity: 0; -webkit-transition: opacity .4s linear; -moz-transition: opacity .4s linear; -o-transition: opacity .4s linear; transition: opacity .4s linear; z-index: 1; overflow: hidden } .b-slider_second .b-slider__item.active { height: auto; opacity: 1; z-index: 2 } .b-slider_second .b-slider__content { text-align: left; position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; padding-bottom: 130px; top: 0; left: 0; width: 100%; height: 100% } .b-slider_second .b-slider__content .b-width { max-width: 750px; margin: 0 } .b-slider_second .b-slider__content h1, .b-slider_second .b-slider__content .h1, .b-slider_second .b-slider__content p, .b-slider_second .b-slider__content .b-btn_transparent:not(:hover) { color: inherit; border-color: inherit } .b-slider_second .b-slider__content .b-btn:not(.b-btn_transparent) { margin-right: 10px } .b-slider_second .b-slider__content h1, .b-slider_second .b-slider__content .h1 { margin-bottom: 60px } .b-slider_second .b-slider__content p { margin-bottom: 40px } .b-slider_second .b-slider__nav { position: absolute; z-index: 3; bottom: 0; height: 130px; left: 0; width: 100%; background: rgba(0, 0, 0, 0.3); display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center } .b-slider_second .b-slider__nav .b-width { width: 100%; text-align: center } .b-slider_second .b-slider__nav .b-slider__image { cursor: pointer; width: 50px; display: inline-block; vertical-align: middle; margin: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-slider_second .b-slider__nav .b-slider__image.active { border: 1px solid } .b-slider_second .b-slider__nav .b-slider__image:hover img { opacity: 1 } .b-slider_third { background: #000; height: 680px } .b-slider_third .b-slider__nav { position: absolute; z-index: 3; top: 0; bottom: 0; right: 0; width: 340px; background: rgba(255, 255, 255, 0.7); display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; -webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch } .b-slider_third .b-slider__nav .b-slider__item { width: 100%; padding: 10px 20px 10px 30px; cursor: pointer; height: 20%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-slider_third .b-slider__nav .b-slider__item .b-slider__image { float: left; width: 50px; margin-top: 10px } .b-slider_third .b-slider__nav .b-slider__item .b-slider__content { position: static; margin-left: 70px; color: #333 } .b-slider_third .b-slider__nav .b-slider__item .b-slider__content p { color: inherit; margin-bottom: 5px } .b-slider_third .b-slider__nav .b-slider__item .b-slider__content p:last-child { margin-bottom: 0 } .b-slider_third .b-slider__nav .b-slider__item:hover { background: rgba(255, 255, 255, 0.5) } .b-slider_third .b-slider__nav .b-slider__item.active { background: #fff } .b-slider_third .b-slider__items .b-slider__content { text-align: left; position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; top: 0; left: 0; width: 100%; height: 100% } .b-slider_third .b-slider__items .b-slider__content .b-width { max-width: 550px; margin: 0 0 0 40px } .b-slider_third .b-slider__items .b-slider__content h1, .b-slider_third .b-slider__items .b-slider__content .h1, .b-slider_third .b-slider__items .b-slider__content p, .b-slider_third .b-slider__items .b-slider__content .b-btn_transparent:not(:hover) { color: inherit; border-color: inherit } .b-slider_third .b-slider__items .b-slider__content .b-btn:not(.b-btn_transparent) { margin-right: 10px } .b-slider_third .b-slider__items .b-slider__content h1, .b-slider_third .b-slider__items .b-slider__content .h1 { margin-bottom: 60px } .b-slider_third .b-slider__items .b-slider__content p { margin-bottom: 40px } .b-slider_third .b-slider__items .b-slider__image img { min-height: 100%; min-width: 100%; width: auto } .b-slider_third .b-slider__items .b-slider__item { height: 0; opacity: 0; -webkit-transition: opacity .4s linear; -moz-transition: opacity .4s linear; -o-transition: opacity .4s linear; transition: opacity .4s linear; z-index: 1; overflow: hidden } .b-slider_third .b-slider__items .b-slider__item.active { height: 680px; opacity: 1; z-index: 2 } .b-slider_fourth .b-slider__content { text-align: center; position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100% } .b-slider_fourth .b-slider__content .b-width { max-width: 750px; margin: 0 } .b-slider_fourth .b-slider__content h1, .b-slider_fourth .b-slider__content .h1, .b-slider_fourth .b-slider__content p, .b-slider_fourth .b-slider__content .b-btn_transparent:not(:hover) { color: inherit; border-color: inherit } .b-slider_fourth .b-slider__content .b-btn:not(.b-btn_transparent) { margin-top: 10px } .b-slider_fourth .b-slider__content h1, .b-slider_fourth .b-slider__content .h1 { font-size: 50px; margin-bottom: 40px; line-height: 60px } .b-slider_fourth .b-slider__content p { margin-bottom: 20px } .b-control { width: 75px; height: 75px; border-radius: 75px; background: url("/local/templates/a-servis24__template/css/../images/play.png"); cursor: pointer; position: relative; margin: 0 auto 20px; opacity: .5 } .b-control:hover { opacity: 1 } .b-control:last-child { margin-bottom: 0 } .b-seo { *zoom: 1 } .b-seo:before, .b-seo:after { content: " "; display: table } .b-seo:after { clear: both } .b-seo__image { float: left; width: 300px } .b-seo__image img { width: 100% } .b-seo__content { margin-left: 380px } .b-row { padding: 20px 0 20px } .b-row__title { margin-bottom: 35px } .b-row__title .b-btn_transparent { float: right; margin-top: 10px } .b-row__title h1, .b-row__title .h1, .b-row__title h2, .b-row__title .h2 { margin-bottom: 28px } .b-row .b-btn_block { margin: 20px 0 } .b-row_no-padding { padding: 0 } .b-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-item__content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-item__image { position: relative } .b-item__image img { width: 100% } .b-item__image .b-mark { position: absolute; top: 15px; left: 20px } .b-item__title { font-size: 18px; line-height: 30px; margin: 0 0 30px; display: inline-block; vertical-align: middle; margin-bottom: 14px; color: inherit } .b-item__title:last-child { margin-bottom: 0 } .b-item__title:hover { color: #5c7598 } .b-item__text { font-size: 14px; line-height: 22px; margin: 0 0 20px; color: inherit; opacity: .8 } .b-item__text:last-child { margin-bottom: 0 } .b-item__info { margin-bottom: 20px } .b-item .b-btn_transparent:not(:hover) { color: inherit } .b-item_white { color: #333; position: relative } .b-item_white:before { content: ""; position: absolute; top: 0; left: 10px; right: 10px; height: 100%; background: #fff; z-index: -1 } .b-item_white .b-item__content { padding: 20px !important; background: #fff } .b-item_black { color: #fff; position: relative } .b-item_black:before { content: ""; position: absolute; top: 0; left: 10px; right: 10px; height: 100%; background: #000; z-index: -1 } .b-item_black .b-item__content { padding: 20px !important; background: #000 } .b-item_black .b-btn_transparent:not(:hover) { color: inherit } .b-items_action { margin: 0 -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_action .b-item { flex-grow: 1; width: 25%; max-width: 25%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 30px } .b-items_action .b-item__content { padding: 17px 0 } .b-items_action .b-item__info { margin-bottom: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -ms-flex-line-pack: start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_news { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_news .b-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px; overflow: hidden; width: 49% } .b-items_news .b-item__text { line-height: 20px } .b-items_news .b-item__image { float: left; width: 220px; overflow: hidden } .b-items_news .b-item__content { margin-left: 240px } .b-items_news .b-item__content .b-date { margin-bottom: 10px } .b-items_news .b-item_white { background: #fff; color: #333; padding: 20px } .b-items_news .b-item_black { background: #000; color: #fff; padding: 20px } .b-items_news .b-item_big-new { padding: 0; overflow: hidden; width: 100% } .b-items_news .b-item_big-new .b-item__image { width: 50%; height: auto } .b-items_news .b-item_big-new .b-item__content { float: left; width: 50%; margin-left: 0; padding: 20px; min-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between } .b-items_news .b-item_big-new p { font-size: inherit } .b-items_news .b-item_big-new h2, .b-items_news .b-item_big-new .h2 { margin-bottom: 20px; color: inherit } .b-items_news .b-item_big-new .b-item__title { font-size: inherit; line-height: inherit; font-family: inherit } .b-items_news .b-item_big-new .b-item__text { font-size: inherit } .b-items_news .b-item_big-new .b-btn_transparent:not(:hover) { color: inherit } .b-items_news .b-item_main-new { float: left; width: 49%; background: transparent; position: relative; padding: 0 } .b-items_news .b-item_main-new .b-item__image { width: 100%; height: 556px } .b-items_news .b-item_main-new .b-item__image img { min-height: 100%; width: auto; min-width: 100% } .b-items_news .b-item_main-new .b-item__content { position: absolute; bottom: 40px; left: 0; margin: 0; padding: 20px; width: 70% } .b-items_news .b-item_main-new.b-item_white .b-item__content { background: #fff } .b-items_news .b-item_main-new.b-item_black .b-item__content { background: #000 } .b-items_news .b-item_main-new p { font-size: inherit } .b-items_news .b-item_main-new h2, .b-items_news .b-item_main-new .h2 { margin-bottom: 10px; color: inherit } .b-items_news .b-item_main-new .b-item__title { font-size: inherit; line-height: inherit; font-family: inherit } .b-items_news .b-item_main-new .b-item__text { font-size: inherit } .b-items_news .b-item_main-new .b-btn_transparent:not(:hover) { color: inherit } .b-items_news-right { width: 49%; height: 556px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between } .b-items_news-right .b-item { width: 100%; margin: 0; height: auto } .b-items_catalog, .b-items_catalog-second { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_catalog .b-item, .b-items_catalog-second .b-item { margin: 0 0 20px; overflow: hidden; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-items_catalog .b-item__text, .b-items_catalog-second .b-item__text { line-height: 20px } .b-items_catalog .b-item__image, .b-items_catalog-second .b-item__image { float: left; width: 220px; height: 165px; overflow: hidden } .b-items_catalog .b-item__content, .b-items_catalog-second .b-item__content { margin-left: 240px } .b-items_catalog .b-item__content .b-date, .b-items_catalog-second .b-item__content .b-date { margin-bottom: 10px } .b-items_catalog-second { margin: 0 -10px 20px; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start } .b-items_catalog-second .b-item { height: auto } .b-items_catalog-second .b-item__content { margin: 0; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-items_catalog-second .b-item__info { min-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between } .b-items_catalog-second .b-item__image { float: none; width: 100% } .b-items_catalog-second .b-item_white { width: 25%; padding: 0 10px } .b-items_catalog-second .b-item_white .b-item__content { background: #fff } .b-items_catalog-second .b-item_black { width: 25%; padding: 0 10px } .b-items_catalog-second .b-item_black .b-item__content { background: #000 } .b-items_catalog-second .b-item_half { width: 50% } .b-items_services { margin: 0 -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_services .b-item { color: #fff; flex-grow: 1; width: 25%; max-width: 25%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px; position: relative } .b-items_services .b-item .b-mark { z-index: 3 } .b-items_services .b-item__content { position: absolute; height: 100%; bottom: 0; width: 100%; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); z-index: 2 } .b-items_services .b-item__info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; max-height: 75% } .b-items_services .b-item_white { color: #333 } .b-items_services .b-item_white .b-item__content { background: #fff; height: auto; max-height: 75% } .b-items_services .b-item_white .b-item__content .b-item__info { position: static; padding: 0; max-height: none } .b-items_services .b-item_black .b-item__content { background: #000; color: #fff; height: auto; max-height: 75% } .b-items_services .b-item_black .b-item__content .b-item__info { position: static; padding: 0; max-height: none } .b-items_cards { margin: 0 -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_cards .b-item { width: 25%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px } .b-items_cards .b-item__content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between } .b-items_cards .b-item__articul { font-size: 12px; opacity: .8; margin-bottom: 15px; width: 100% } .b-items_cards .b-item__title { font-size: 16px; line-height: 26px } .b-items_cards .b-item .b-btn_transparent { width: 100%; max-width: 235px } .b-items_cards .b-item .b-btn_transparent .b-price { float: left; line-height: inherit; padding-right: 10px; border-right: 1px solid; margin-right: 10px } .b-items_cards .b-item .b-btn_transparent .b-price .b-price__new { line-height: inherit; display: block; font-size: inherit; text-transform: uppercase } .b-items_cards .b-item .b-btn_transparent .b-icon { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8) } .b-items_cards .b-item .b-mark { right: 20px; left: auto } .b-items_cards .b-item .b-mark_oval { bottom: 20px; top: auto; right: auto; left: 20px } .b-items_cards .b-item .b-mark_big { bottom: 20px; top: auto; right: auto; left: 0; border-radius: 0; font-size: 16px; text-align: center; padding: 7px 10px } .b-items_cards .b-item_white .b-btn_transparent .b-price { border-right: 1px solid #d8d8d8 } .b-items_cards .b-item_half { width: 50% } .b-items_cards .b-item_half .b-btn_transparent { width: 50% } .b-items_cards .b-item_half .b-item__content { height: auto !important } .b-items_cards .b-item_minimal .b-item__info { margin-bottom: 0; text-align: center; width: 100% } .b-items_cards .b-item_minimal .b-item__title { font-size: 16px; font-family: inherit; line-height: inherit } .b-items_cards .b-item_minimal .b-price { font-size: 18px; margin-bottom: 15px } .b-items_cards .b-item_minimal .b-mark { bottom: 20px; top: auto; width: 115px; left: 50%; margin-left: -63px; text-align: center } .b-items_cards .b-item_bord .b-item__info { width: 100%; margin-bottom: 0 } .b-items_cards .b-item_bord .b-item__title { text-transform: uppercase; margin-bottom: 0; font-size: 18px } .b-items_cards .b-item_bord .b-item__bottom { position: relative; margin-top: 20px; padding-top: 20px } .b-items_cards .b-item_bord .b-item__bottom:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid; opacity: .4 } .b-items_cards .b-item_bord .b-btn { float: right; margin-top: 2px } .b-items_cards .b-item_bord .b-price { line-height: 18px } .b-items_cards .b-item_bord .b-price__new { line-height: inherit; font-size: 16px; display: block; font-family: inherit } .b-items_cards .b-item_bord .b-price__old { line-height: inherit; font-size: 14px; font-family: inherit } .b-items_cards .b-item_simple .b-item__info { margin-bottom: 0; width: 100% } .b-items_cards .b-item_simple .b-item__title { font-size: 16px } .b-items_cards .b-item_simple .b-btn { float: right; margin-top: 2px } .b-items_cards .b-item_simple .b-price { line-height: 18px } .b-items_cards .b-item_simple .b-price__new { line-height: inherit; font-size: 16px; display: block; font-family: inherit } .b-items_cards .b-item_simple .b-price__old { line-height: inherit; font-size: 14px; font-family: inherit } .b-items_cards .b-item_simple .b-mark { width: 115px; left: 50%; margin-left: -63px; text-align: center } .b-items_cards .b-item_centered .b-item__image { height: 300px; line-height: 300px; text-align: center; background: #fff } .b-items_cards .b-item_centered .b-item__image img { width: auto; display: inline-block; vertical-align: middle } .b-items_cards .b-item_centered.b-item_white .b-item__image { background: #000 } .b-items_cards .b-item_centered.b-item_half { overflow: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch } .b-items_cards .b-item_centered.b-item_half .b-item__image { width: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto } .b-items_cards .b-item_centered.b-item_half .b-item__image img { margin: auto } .b-items_cards .b-item_centered.b-item_half .b-item__info { width: 100% } .b-items_cards .b-item_centered.b-item_half .b-item__content { width: 50% } .b-items_cards .b-item_centered.b-item_half .b-item__content .b-btn_transparent { width: 100% } .b-items_cards .b-item_centered.b-item_half.b-item_white .b-item__image { background: #fff } .b-items_cards .b-item_centered.b-item_half .b-mark { right: auto; left: 20px } .b-items_staff { margin: 0 -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_staff .b-item { text-align: center; width: 25%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px } .b-items_staff .b-item__image { width: 100px; height: 100px; border-radius: 100px; overflow: hidden; margin: 0 auto 20px } .b-items_staff .b-item__image img { max-width: none; min-width: 100%; min-height: 100% } .b-items_staff .b-item__bottom { padding: 20px; margin: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-items_staff .b-item__bottom li { margin: 5px 0 } .b-items_staff .b-item__bottom:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid; opacity: .5 } .b-items_staff .b-item__bottom a { display: block } .b-items_staff .b-item__bottom a:not(:hover) { color: inherit } .b-items_staff .b-item__bottom .b-soc { margin: 0 -20px -20px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; position: relative; color: inherit } .b-items_staff .b-item__bottom .b-soc .b-icon { color: inherit; opacity: .8 } .b-items_staff .b-item__bottom .b-soc .b-icon:hover { opacity: 1 } .b-items_staff .b-item__bottom .b-soc:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid; opacity: .5 } .b-items_staff .b-item__bottom .b-soc li { margin: 0; line-height: 52px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; text-align: center; position: relative } .b-items_staff .b-item__bottom .b-soc li:first-child:before { display: none } .b-items_staff .b-item__bottom .b-soc li:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; border-left: 1px solid; opacity: .5 } .b-items_staff .b-item_white .b-item__bottom { background: #fff } .b-items_staff .b-item_black .b-item__bottom { background: #000 } .b-items_staff .b-item_left { text-align: left } .b-items_staff .b-item_left .b-item__image { margin: 0 0 20px; width: 50px; height: 50px } .b-items_comments-white, .b-items_comments-black { background: #F7F0C7; position: relative; padding: 40px 0 } .b-items_comments-white:before, .b-items_comments-black:before { content: ""; position: absolute; top: 0; left: -1000px; right: -1000px; height: 100%; background: #F7F0C7; z-index: -1 } .b-items_comments-white .b-comments-row__list, .b-items_comments-black .b-comments-row__list { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_comments-white .b-item, .b-items_comments-black .b-item { width: 25%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-align: center; position: relative; color: #333 } .b-items_comments-white .b-item.active:before, .b-items_comments-black .b-item.active:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #fff } .b-items_comments-white .b-item__image, .b-items_comments-black .b-item__image { width: 100px; height: 100px; border-radius: 100px; margin: 0 auto; overflow: hidden; margin-bottom: 20px; cursor: pointer } .b-items_comments-white .b-item__image img, .b-items_comments-black .b-item__image img { min-width: 100%; min-height: 100%; max-width: none } .b-items_comments-white .b-item__info, .b-items_comments-black .b-item__info { display: block !important } .b-items_comments-white .b-item__articul, .b-items_comments-black .b-item__articul { font-size: 14px; opacity: .8 } .b-items_comments-white .b-item__text, .b-items_comments-black .b-item__text { padding: 20px 10%; background: #fff; position: relative; text-align: center; color: #333; font-size: 18px; opacity: 1; display: none } .b-items_comments-black { background: #000; color: #fff } .b-items_comments-black .b-row__title h1, .b-items_comments-black .b-row__title .h1 { color: inherit } .b-items_comments-black .b-row__title .b-btn:not(:hover) { color: inherit } .b-items_comments-black:before { background: #000 } .b-items_comments-black .b-item { color: #fff } .b-items_comments { margin: 0 -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_comments .b-item { width: 33.3%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-items_comments .b-item__image { width: 50px; height: 50px; border-radius: 100px; overflow: hidden; margin-bottom: 20px; cursor: pointer; float: left } .b-items_comments .b-item__image img { min-width: 100%; min-height: 100%; max-width: none } .b-items_comments .b-item__image+.b-item__info { margin-left: 70px } .b-items_comments .b-item__title { margin-bottom: 0 } .b-items_comments .b-item__articul { font-size: 14px; opacity: .8 } .b-items_comments .b-item__text { font-size: 16px } .b-items_advantages-white, .b-items_advantages-black { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; position: relative; padding: 40px 0 } .b-items_advantages-white:before, .b-items_advantages-black:before { content: ""; position: absolute; top: 0; left: -1000px; right: -1000px; height: 100%; background: #fff; z-index: -1 } .b-items_advantages-white .b-item, .b-items_advantages-black .b-item { width: 33.3%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #333 } .b-items_advantages-white .b-item__image, .b-items_advantages-black .b-item__image { width: 80px; height: 80px; line-height: 78px; border-radius: 80px; border: 1px solid #D8D8D8; text-align: center; margin: 0 auto 20px } .b-items_advantages-white .b-item__image .b-icon, .b-items_advantages-black .b-item__image .b-icon { font-size: 40px } .b-items_advantages-white .b-item__image .b-icon-car2, .b-items_advantages-black .b-item__image .b-icon-car2 { margin-top: -11px } .b-items_advantages-white .b-item__image .b-icon-speed-slow, .b-items_advantages-black .b-item__image .b-icon-speed-slow { margin-top: -7px } .b-items_advantages-white .b-item__image .icon-car2, .b-items_advantages-black .b-item__image .icon-car2 { margin-top: -11px } .b-items_advantages-white .b-item__image .icon-speed-slow, .b-items_advantages-black .b-item__image .icon-speed-slow { margin-top: -7px } .b-items_advantages-white .b-item__info, .b-items_advantages-black .b-item__info { line-height: 30px; font-size: 18px; margin: 0 } .b-items_advantages-white .b-item h1, .b-items_advantages-black .b-item h1, .b-items_advantages-white .b-item .h1, .b-items_advantages-black .b-item .h1 { line-height: inherit; display: inline-block; vertical-align: middle; margin: 0; color: inherit } .b-items_advantages-black { background: #000 } .b-items_advantages-black:before { background: #000 } .b-items_advantages-black .b-item { color: #fff } .b-items_advantages { margin: 0 -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_advantages .b-item { width: 33.3%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center } .b-items_advantages .b-item__image { width: 80px; height: 80px; line-height: 80px; border-radius: 80px; text-align: center; margin: 0 auto 20px } .b-items_advantages .b-item__image .b-icon { font-size: 40px } .b-items_advantages .b-item__image .icon-car2 { margin-top: -11px } .b-items_advantages .b-item__image .icon-speed-slow { margin-top: -7px } .b-items_advantages .b-item__info { line-height: 30px; font-size: 18px; margin: 0 } .b-items_advantages .b-item_white { color: #fff } .b-items_advantages .b-item_white .b-item__image { background: #fff } .b-items_advantages .b-item__content { padding: 40px 20px !important } .b-items_advantages .b-item_black { color: #000 } .b-items_advantages .b-item_black .b-item__image { background: #000 } .b-items_advantages .b-item_black .b-item__content { background: transparent } .b-items_advantages .b-item_first-color .b-item__content { background: #abb7c8 } .b-items_advantages .b-item_first-color .b-icon { color: #abb7c8 } .b-items_advantages .b-item_second-color .b-item__content { background: #c2c4b6 } .b-items_advantages .b-item_second-color .b-icon { color: #c2c4b6 } .b-items_advantages .b-item_third-color .b-item__content { background: #ecba8f } .b-items_advantages .b-item_third-color .b-icon { color: #ecba8f } .b-items_advantages-animate .b-item__image { border: 0; position: relative } .b-items_advantages-animate .b-item__image:before { content: ""; position: absolute; -webkit-transition: border .3s linear; -moz-transition: border .3s linear; -o-transition: border .3s linear; transition: border .3s linear; top: 0; left: 0; width: 100%; height: 100%; border: 4px solid #979797; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 80px } .b-items_events { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .b-items_events .b-item { width: 33.3%; padding: 0 10px; margin: 0 0 20px; min-height: 330px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; color: #FFF } .b-items_events .b-item__image { position: relative; overflow: hidden } .b-items_events .b-item__image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4) } .b-items_events .b-item__image img { min-width: 100%; width: auto; min-height: 330px } .b-items_events .b-item_white { color: #333 } .b-items_events .b-item_black { color: #fff } .b-items_events .b-item_first-color { color: #333 } .b-items_events .b-item_first-color .b-item__content { background: #50e3c2 } .b-items_events .b-item_second-color { color: #333 } .b-items_events .b-item_second-color .b-item__content { background: #f9ffa6 } .b-items_events .b-item_third-color { color: #333 } .b-items_events .b-item_third-color .b-item__content { background: #e2f6ce } .b-items_events .b-item__info { width: 100% } .b-items_events .b-item__title { display: block } .b-items_events .b-item__content { padding: 20px; min-height: 100%; position: absolute; top: 0; left: 10px; bottom: 0; right: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -ms-flex-line-pack: justify; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-items_events .b-item__content .b-item__text { margin: 0 0 5px } .b-items_events .b-item__content .b-item__info { margin: 5px 0 } .b-items_events .b-item__content .b-item__info .b-icon { color: inherit } .b-items_events .b-item__content .b-item__info span { display: inline-block; vertical-align: middle } .b-items_parthners { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .b-items_parthners .b-item { width: 25%; padding: 0 10px; margin: 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative } .b-items_parthners .b-item__image { line-height: 220px; height: 220px; text-align: center; margin: -20px -20px 20px; display: block } .b-items_parthners .b-item__image img { /*max-width:90%;max-height:90%;width:auto;*/ display: inline-block; vertical-align: middle; margin-top: -3px } .b-items_parthners .b-item_black .b-item__image { background: #fff } .b-items_parthners .b-item_white .b-item__image { background: #000 } .b-custom-form { position: relative; padding: 45px 0 } .b-custom-form:before { content: ""; position: absolute; top: 0; left: -1000px; right: -1000px; height: 100%; z-index: -1 } .b-custom-form_white { background: #fff; color: #333 } .b-custom-form_white:before { background: #fff } .b-custom-form_black { background: #000; color: #fff } .b-custom-form_black:before { background: #000 } .b-custom-form_colored { color: #fff } .b-custom-form_colored:before { left: 50%; width: 100vw; margin-left: -50vw; z-index: -1; background: url("/local/templates/a-servis24__template/css/../images/form-bg.jpg"); background-position: 50% 0; background-size: cover } .b-custom-form h2, .b-custom-form .h2 { color: inherit } .b-custom-form .b-form { color: inherit; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end } .b-custom-form .b-form__row { width: 40%; padding: 0 20px 0 0; margin: 0 } .b-custom-form .b-form__row:last-child { width: 20%; padding: 0 } .b-colored-form { position: relative; padding: 45px 10%; text-align: center; color: #fff } .b-colored-form:before { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; z-index: -1; background: url("/local/templates/a-servis24__template/css/../images/form-bg.jpg"); background-position: 50% 0; background-size: cover } .b-colored-form:after { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.2) } .b-colored-form h2, .b-colored-form .h2 { color: inherit } .b-colored-form p { opacity: .5; margin-bottom: 40px } .b-colored-form .b-input-button { max-width: 390px; margin: 0 auto } .b-pie p { color: inherit !important; font-size: 30px; font-size: 36px; line-height: 42px; margin: 30px auto } .b-pie p__filter { color: #dadadb; margin-bottom: 30px } .b-pie p__filter :not(.b-icon) { display: inline-block; vertical-align: middle; margin: 5px 15px 5px 0; font-size: 16px; line-height: normal } .b-pie p__filter .b-filter__right { float: right } .b-pie p__filter .b-filter-list { margin-top: 0 } .b-pie p__filter span { color: #666 } .b-pie p h1, .b-pie p .h1 { max-width: 70% } .b-services-slider { position: relative; background: rgba(0, 0, 0, 0.8) } .b-services-slider .b-services__nav { position: absolute; top: 0; left: 0; bottom: 0; width: 240px; min-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between } .b-services-slider .b-services__nav ul li { margin-bottom: 15px } .b-services-slider .b-services__nav ul li a:not(:hover) { color: inherit } .b-services-slider .b-services__nav ul li a { padding: 7px 15px; display: block; border-radius: 30px; font-size: 12px; text-transform: uppercase; line-height: 21px } .b-services-slider .b-services__nav ul li.active a { background: #4A4A4A; color: #fff } .b-services-slider .b-items_services { margin-left: 240px; display: block } .b-services-slider .b-items_services .b-item { display: none; width: 100%; max-width: 100%; padding: 0 } .b-services-slider .b-items_services .b-item__content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center } .b-services-slider .b-items_services .b-item__info { position: static; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; max-height: none; width: 80% } .b-services-slider .b-items_services .b-item__title, .b-services-slider .b-items_services .b-item__text { width: 100% } .b-services-slider_white .b-services__nav { color: #333; background: #fff } .b-services-slider_black .b-services__nav { color: #fff; background: #000 } .b-services-slider_black .b-services__nav .b-btn_transparent:not(:hover) { color: inherit } .b-services-slider_black .b-items_services .b-item__content { background: rgba(0, 0, 0, 0.2) } .b-services-slider_black .b-items_services .b-item__info { width: 60%; position: absolute; right: 0; left: auto; background: rgba(0, 0, 0, 0.8); padding: 30px } .b-date { font-size: 14px; line-height: 22px; opacity: .8; margin: 0 0 20px; color: inherit } .b-date span { display: inline-block; vertical-align: middle } .b-price__old, .b-price__new { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 30px; margin: 0 0 30px; color: inherit; margin-bottom: 0 } .b-price__old { text-decoration: line-through; opacity: .8; margin-right: 10px } .b-action { background: #fff; color: #333; position: relative } .b-action_white { background: #fff } .b-action_black { background: #000 } .b-action_black .b-item { color: #fff } .b-action .b-width { position: relative } .b-action .b-width:before { content: ""; position: absolute; top: 0; right: 100%; background: #0197d6; height: 100%; margin-right: -270px; width: 1270px } .b-action .b-width:after { content: ""; position: absolute; top: 50%; right: 100%; margin-right: -277px; width: 0; height: 0; margin-top: -7px; border-style: solid; border-width: 7.5px 0 7.5px 7px; border-color: transparent transparent transparent #0197d6 } .b-action__left { position: absolute; top: 0; left: 0; height: 100%; width: 270px; color: #fff; padding: 59px 30px 50px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-action__left p, .b-action__left h2, .b-action__left .h2 { color: inherit } .b-action__left .b-btn_transparent:not(:hover) { color: inherit } .b-action__left .b-action__info { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; min-height: 100% } .b-action__right { position: relative; z-index: 2; margin-left: 290px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around } .b-action__right .b-item { margin-bottom: 0 } .b-action__right .b-item__title { margin-bottom: 5px } .b-action__right .b-item__info { margin-bottom: 10px } .b-datepicker { font-size: inherit } .b-comments { position: relative; padding: 40px 270px 40px 0 } .b-comments:before { content: ""; position: absolute; top: 0; left: -1000px; right: -1000px; height: 100%; background: #F7F0C7; z-index: -1 } .b-comments__item { margin-bottom: 40px } .b-comments__item_white .b-comments__content { color: #333; background: #fff } .b-comments__item_white .b-comments__content:before { border-color: transparent transparent #fff } .b-comments__item_black .b-comments__content { color: #fff; background: #000 } .b-comments__item_black .b-comments__content:before { border-color: transparent transparent #000 } .b-comments__title { margin-bottom: 30px } .b-comments__title .b-date { float: right; font-size: 14px; color: #909090 } .b-comments__title .b-big { margin-bottom: 0 } .b-comments__content { padding: 25px 30px; position: relative } .b-comments__content .b-filter-list { color: #909090; margin-bottom: 30px } .b-comments__content:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 9px; left: 40px; top: -9px } .b-cleared { *zoom: 1 } .b-cleared:before, .b-cleared:after { content: " "; display: table } .b-cleared:after { clear: both } .b-cleared .b-right { float: right; width: 220px } .b-cleared .b-right img { width: 100%; margin-bottom: 20px } .b-cleared .b-left { margin-right: 240px } .b-form-block { margin-bottom: 50px; max-width: 800px } .b-cart { margin-bottom: 60px } .b-cart table .b-price { white-space: nowrap } .b-cart__top { background: #D8D8D8; margin: -40px -50px 40px 0; padding: 55px 50px 55px 0; position: relative; z-index: 2 } .b-cart__top:before { content: ""; position: absolute; top: 0; left: -1000px; width: 1000px; height: 100%; background: inherit } .b-cart__steps { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .b-cart__steps_white .b-cart__num { background: #fff } .b-cart__steps_white .b-cart__step:before { background: #fff } .b-cart__steps_white .b-cart__step.active:before { background: #5c7598 } .b-cart__steps_white .b-cart__step.active .b-cart__num { background: #5c7598; color: #fff } .b-cart__steps_black .b-cart__num { background: #000; color: #fff } .b-cart__steps_black .b-cart__step:before { background: #000 } .b-cart__steps_black .b-cart__step.active:before { background: #5c7598 } .b-cart__steps_black .b-cart__step.active .b-cart__num { background: #5c7598; color: #fff } .b-cart__step { text-align: center; width: 25%; font-size: 14px; position: relative; color: #666 } .b-cart__step:before { content: ""; position: absolute; top: 16px; right: 50%; width: 100%; height: 4px } .b-cart__step:first-child:before { display: none } .b-cart__num { width: 36px; height: 36px; border-radius: 36px; text-align: center; line-height: 36px; margin: 0 auto 20px; position: relative; z-index: 1 } .b-cart__kupon .b-input { width: 30%; display: inline-block; vertical-align: middle; margin-right: 10px } .b-cart-bottom { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 -50px -25px 0; padding: 0 50px 0 0; position: relative } .b-cart-bottom:before { content: ""; position: absolute; top: 0; left: -1000px; width: 1000px; height: 100%; background: inherit } .b-cart-bottom__info { padding: 20px 0 } .b-cart-bottom_black { background: #4d4d4d; color: #fff } .b-cart-bottom_white { color: #333; background: #fff } .b-cart-bottom .b-small { color: inherit; opacity: .8; margin: 5px 0 } .b-cart-bottom__result { position: relative; padding: 30px 0 } .b-cart-bottom__result .b-btn { float: right } .b-cart-bottom__result h3, .b-cart-bottom__result .h3 { color: inherit; margin-bottom: 0; min-height: 36px; line-height: 36px } .b-cart-bottom__result .b-prev { color: inherit; float: left; width: 36px; height: 36px; line-height: 32px; margin-right: 20px } .b-cart-bottom__result .b-prev:hover { color: inherit; opacity: 1 } .b-cart-bottom__result .b-prev:hover:before { color: inherit } .b-cart-bottom__result .b-prev:hover .b-icon { color: inherit } .b-cart-bottom__result:before { content: ""; position: absolute; top: 0; left: -1000px; right: -50px; height: 1px; border-top: 1px solid; opacity: .5 } .b-faq { margin-bottom: 60px } .b-toggle__trigger { cursor: pointer } .b-toggle__trigger .b-icon_ques { float: left; line-height: 30px } .b-toggle__trigger .b-faq__ques { font-size: 18px; line-height: 30px; margin: 0 0 30px; margin-left: 45px } .b-toggle__trigger .b-faq__ques span { border-bottom: 1px dashed } .b-toggle__content { margin-bottom: 40px; display: none } .b-toggle__content .b-item { width: 100%; position: relative } .b-toggle__content .b-item:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 9px; left: 70px; top: -9px; background: none } .b-toggle__content .b-item_white:before { border-color: transparent transparent #fff } .b-toggle__content .b-item_black:before { border-color: transparent transparent #000 } .b-toggle__content .b-item__info { *zoom: 1; margin-bottom: 20px } .b-toggle__content .b-item__info:before, .b-toggle__content .b-item__info:after { content: " "; display: table } .b-toggle__content .b-item__info:after { clear: both } .b-toggle__content .b-item__image { margin-bottom: 0 } .b-toggle__content .b-item__content { padding: 40px !important; height: auto !important } .b-parthners, .b-gallery__content { position: relative; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-parthners .owl-item .b-parthners__item, .b-gallery__content .owl-item .b-parthners__item, .b-parthners .owl-item .b-gallery__item, .b-gallery__content .owl-item .b-gallery__item { width: 140px; height: 140px; line-height: 140px; text-align: center; margin: 0 auto; display: block } .b-parthners .owl-item .b-parthners__item img, .b-gallery__content .owl-item .b-parthners__item img, .b-parthners .owl-item .b-gallery__item img, .b-gallery__content .owl-item .b-gallery__item img { max-width: 100%; max-height: 100%; width: auto; display: inline-block; vertical-align: middle; margin-top: -3px } .b-parthners .owl-item .b-parthners__item_white, .b-gallery__content .owl-item .b-parthners__item_white, .b-parthners .owl-item .b-gallery__item_white, .b-gallery__content .owl-item .b-gallery__item_white { background: #fff } .b-parthners .owl-item .b-parthners__item_black, .b-gallery__content .owl-item .b-parthners__item_black, .b-parthners .owl-item .b-gallery__item_black, .b-gallery__content .owl-item .b-gallery__item_black { background: #000 } .b-parthners .owl-item .b-gallery__item, .b-gallery__content .owl-item .b-gallery__item { width: 100%; height: auto; background: transparent } .b-parthners .owl-item .b-gallery__item img, .b-gallery__content .owl-item .b-gallery__item img { width: 100% } .b-parthners .owl-prev, .b-gallery__content .owl-prev, .b-parthners .owl-next, .b-gallery__content .owl-next { width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 48px; border: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; vertical-align: middle; font-size: 0; position: absolute; top: 50%; left: -50px; color: inherit; margin-top: -25px } .b-parthners .owl-prev:before, .b-gallery__content .owl-prev:before, .b-parthners .owl-next:before, .b-gallery__content .owl-next:before { content: ""; position: absolute; top: 0; left: -1px; right: -1px; bottom: -1px; border-radius: 50px; border: 1px solid; text-align: center; line-height: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: .5 } .b-parthners .owl-prev:hover:before, .b-gallery__content .owl-prev:hover:before, .b-parthners .owl-next:hover:before, .b-gallery__content .owl-next:hover:before { opacity: 1 } .b-parthners .owl-prev:hover .b-icon, .b-gallery__content .owl-prev:hover .b-icon, .b-parthners .owl-next:hover .b-icon, .b-gallery__content .owl-next:hover .b-icon { color: inherit } .b-parthners .owl-prev:after, .b-gallery__content .owl-prev:after, .b-parthners .owl-next:after, .b-gallery__content .owl-next:after { font-size: 20px; content: "\e93b"; font-family: 'Linearicons' } .b-parthners .owl-prev:hover:before, .b-gallery__content .owl-prev:hover:before, .b-parthners .owl-next:hover:before, .b-gallery__content .owl-next:hover:before { color: inherit } .b-parthners .owl-next, .b-gallery__content .owl-next { left: auto; right: -50px } .b-parthners .owl-next:after, .b-gallery__content .owl-next:after { content: "\e93c" } .b-gallery__content { padding: 0 } .b-gallery__content .owl-prev, .b-gallery__content .owl-next { left: -70px } .b-gallery__content .owl-next { left: auto; right: -70px } .b-breadcrumbs { margin-top: 20px; margin-bottom: 20px; opacity: .8 } .b-breadcrumbs li { font-size: 12px; text-transform: uppercase; position: relative; margin-right: 3px; display: inline-block; vertical-align: middle } .b-breadcrumbs li:after { content: "/"; padding-left: 5px } .b-breadcrumbs li a:not(:hover) { color: inherit } .b-breadcrumbs li:last-child:after { display: none } .b-breadcrumbs_oval li { margin-right: 10px } .b-breadcrumbs_oval li:after { display: none } .b-breadcrumbs_oval li a { padding: 7px 10px; position: relative } .b-breadcrumbs_oval li a:before { content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border-radius: 15px; border: 1px solid; opacity: .4 } .b-get { margin-bottom: 30px; display: inline-block; vertical-align: middle; width: 45% } .b-get:not(:hover) { color: inherit !important } .b-get:hover { color: #5c7598 !important } .b-get__image { width: 50px; height: 50px; position: relative; float: left; line-height: 40px; text-align: center; font-size: 28px } .b-get__image:before { content: ""; position: absolute; top: -1px; left: -2px; width: 100%; height: 100%; border-radius: 50px; border: 1px solid; opacity: .8 } .b-get__info { font-size: 14px; margin-left: 70px } .b-get__info .b-big { margin-bottom: 5px } .b-title { margin: 30px auto } .b-title__filter { color: #dadadb; margin-bottom: 30px } .b-title__filter :not(.b-icon) { display: inline-block; vertical-align: middle; margin: 5px 15px 5px 0; font-size: 16px; line-height: normal } .b-title__filter .b-filter__right { float: right } .b-title__filter .b-filter-list { margin-top: 0 } .b-title__filter span { color: #666 } .b-title h1, .b-title .h1 { max-width: 70% } .b-counter_white li { background: #fff; color: #333 } .b-counter_black li { background: #000; color: #FFF } .b-counter li { padding: 8px 5px; min-width: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; margin-right: 2px; text-align: center } .b-counter li .b-big { font-size: 20px; margin-bottom: 0; line-height: 20px } .b-counter li:last-child { margin-right: 0 } .b-counter li span { font-size: 12px; opacity: .8 } .b-kol { position: relative; width: 140px; color: #333 } .b-kol .b-input { padding: 0 45px } .b-kol .b-btn { position: absolute; top: 0; left: 0; width: 36px; height: 36px; margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; text-align: center; cursor: pointer } .b-kol .b-btn .b-icon { margin: 7px -1px 0 0 } .b-kol .b-btn.b-kol__minus { left: auto; right: 0 } .b-iconed-info { line-height: normal } .b-iconed-info .b-icon { display: inline-block; vertical-align: middle; margin-right: 5px } .b-iconed-info span { display: inline-block; vertical-align: middle } .b-sizes li.b-btn { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; display: inline-block; vertical-align: middle; margin: 5px 5px 5px 0; width: 37px; height: 37px; line-height: 34px; cursor: pointer; background: #fff; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; font-size: 14px } .b-sizes li.b-btn.active { border: 2px solid #5c7598 } .b-colors li { *zoom: 1; margin-right: 10px; display: inline-block; vertical-align: middle; cursor: pointer } .b-colors li:before, .b-colors li:after { content: " "; display: table } .b-colors li:after { clear: both } .b-colors li span { float: left; width: 12px; height: 24px } .b-colors li span:first-child { border-radius: 12px 0 0 12px; position: relative } .b-colors li span:first-child:before { content: ""; position: absolute; top: -4px; left: -4px; width: 32px; height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid; border-radius: 32px; opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } .b-colors li span:last-child { border-radius: 0 12px 12px 0 } .b-colors li:hover span:before, .b-colors li.active span:before { opacity: 1 } .b-video { position: relative; max-width: 100%; display: inline-block; vertical-align: middle } .b-video video { position: relative; z-index: 1; max-width: 100% } .b-video:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2 } .b-video__content { position: absolute; color: #fff; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center } .b-video__content .b-big { color: inherit; width: 100% } .b-video__content .b-small { color: inherit; opacity: .8 } .b-video__info { padding: 0 20% } .b-gallery { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .b-gallery_slider { padding: 0 70px; margin: 0 } .b-gallery__item { width: 25%; padding: 0 10px; margin: 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative } .b-gallery__item img { width: 100% } .b-card__image { margin: -40px -50px 30px 0; -webkit-transition: height .2s linear; -moz-transition: height .2s linear; -o-transition: height .2s linear; transition: height .2s linear } .b-card__image img { width: 100%; -webkit-transition: height .2s linear; -moz-transition: height .2s linear; -o-transition: height .2s linear; transition: height .2s linear } .b-card__image .b-mark { position: absolute; top: 30px; left: 30px } .b-card__images { padding: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-card__images .b-card__image { cursor: pointer; width: 20%; height: 120px; margin: 0 0 20px; overflow: hidden } .b-card__images .b-card__image img { min-width: 100%; min-height: 100%; width: auto } .b-card__row { margin-bottom: 45px } .b-card__row .b-price__new { font-size: 36px; display: inline-block; vertical-align: middle; margin-right: 30px } .b-card__row .b-price__old-wrap { display: inline-block; vertical-align: middle } .b-card__row .b-price__old { display: block; font-size: 18px } .b-card__right { float: right } .b-card__right .b-form__row .b-form__label, .b-card__right .b-form__row .b-form__widget { display: inline-block; vertical-align: middle; margin: 0 0 0 15px } .b-card__slider { margin-bottom: 40px } .b-popup { padding: 5%; background: #fff; border-radius: 10px } .b-popup h2, .b-popup .h2 { padding-right: 30px } .b-popup__info { margin-right: 45px; padding-top: 6px } .b-popup_narrow { padding: 20px; border-radius: 0; position: relative; min-height: 76px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .b-popup_narrow .b-form { margin-right: 55px } .b-popup_narrow .b-form__row { margin-bottom: 0 } .b-popup_narrow:before { content: ""; position: absolute; top: 0; left: -50vh; right: -50vh; background: inherit; height: 100%; z-index: -1 } .b-popup_narrow .b-btn_transparent { float: right } .b-popup_narrow .b-btn_transparent:not(:hover) { color: inherit } .b-popup_red { background: #CF0019; color: #fff } .b-popup_btn { background: #5c7598; color: #fff } .b-404 { min-height: 650px; height: 100vh; min-width: 100vw; padding: 20px 0 200px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-linear-gradient(#016198 0%, #0c94e1 100%); background-image: -o-linear-gradient(#016198 0%, #0c94e1 100%); background-image: linear-gradient(#016198 0%, #0c94e1 100%); display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-404__logo { width: 218px; height: 193px; background: url("/local/templates/a-servis24__template/css/../images/404-logo.svg") no-repeat; background-size: 100% 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; top: 0; left: 0 } .b-404__info { position: relative; padding-top: 230px; width: 100%; color: #fff; max-width: 600px; margin: auto; z-index: 3 } .b-404__info h1, .b-404__info .h1 { color: inherit } .b-404__info .b-big { margin-bottom: 20px } .b-404__info a { color: inherit; opacity: .6 } .b-404__info a:hover { opacity: 1 } .b-404__cloud { position: absolute; top: 80%; left: 0; width: 3998px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s } .b-404__cloud_first { height: 334px; background: url("/local/templates/a-servis24__template/css/../images/404-cloud.svg") no-repeat; z-index: 2 } .b-404__cloud_second { margin-top: -106px; left: -150px; height: 460px; background: url("/local/templates/a-servis24__template/css/../images/404-cloud2.svg") no-repeat; z-index: 1 } @media (min-width: 980px) { .b-width { padding: 0 4% } } @media (min-width: 900px) { .b-nav li.b-with-sub-nav .b-sub-nav { max-height: 0; overflow: hidden; -webkit-transition: max-height .4s linear; -moz-transition: max-height .4s linear; -o-transition: max-height .4s linear; transition: max-height .4s linear } .b-nav li.b-with-sub-nav:hover .b-sub-nav { max-height: 1000px } } @media (max-width: 900px) { .b-title h1, .b-title .h1 { max-width: none } .b-nav li.b-with-sub-nav .b-sub-nav { display: none } .b-nav li.b-with-sub-nav .b-sub-nav li { margin-bottom: 10px } .b-header_first .b-company { float: none; margin: 0 auto; padding: 0; min-height: auto } .b-header_first .b-header__content { margin: 0 } .b-header_second .b-header__nav { width: auto; margin-right: 150px; padding-top: 10px } .b-header_second .b-header__nav li { white-space: nowrap; margin-right: 20px } .b-header_second .b-header__content { text-align: center } .b-header_second .b-header__content .b-contact { margin: 0 20px 20px; float: none; display: inline-block; vertical-align: middle } .b-header_second .b-header__content .b-company { margin: 0 auto; width: 70%; float: none } .b-header_third .b-header__top .b-company { width: 100%; padding-top: 60px } .b-header_fourth .b-header__top .b-company { width: 100%; padding-top: 60px } .b-nav__list { -webkit-flex-wrap: wrap !important; -moz-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-pack: start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; -webkit-justify-content: flex-start !important; -moz-justify-content: flex-start !important; -ms-justify-content: flex-start !important; justify-content: flex-start !important; padding: 20px 0 } .b-nav__list.b-toggle__more { padding-top: 0 } .b-nav__list>li { margin-right: 20px; line-height: 30px; height: 30px } .b-nav__list>li a { white-space: nowrap; line-height: 30px } .b-nav__list>li.b-with-sub-nav:hover a:before { display: none } .b-nav .b-with-sub-nav .b-width { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-nav .b-sub-nav__col { width: 50%; height: auto !important; margin-bottom: 40px } .b-nav .b-sub-nav__col:before { display: none } .b-nav_fixed .b-nav__list { width: 80% } .b-nav_fixed .b-nav__company { display: none } .b-nav_fixed_third .b-nav__list, .b-nav_fixed_third .b-nav_fixed_third .b-search { left: 50px; right: 50px } .b-nav_fixed_second .b-nav__company { display: none } .b-nav_fixed_second .b-nav__list { float: none; width: auto } .b-nav_fixed_second .b-search { margin-right: 0 } .b-footer .b-width { display: block } .b-footer__col { height: auto !important; margin-bottom: 20px; width: 100% !important } .b-footer__end { position: static; margin: 20px 0 } .b-footer_second .b-made { position: static; margin: 20px 0; display: inline-block; vertical-align: middle } .b-footer_third { padding: 20px 0 } .b-footer_third .b-footer__content .b-footer__col { padding: 0; border: 0 } .b-footer_third .b-made { position: static; display: inline-block; vertical-align: middle } .b-footer_fourth .b-footer__right { float: none } .b-footer_fourth .b-soc { margin-bottom: 20px } .b-footer_fourth .b-made { margin-bottom: 20px; display: inline-block; vertical-align: middle; float: none } .b-footer_fourth .b-nav { margin-right: 0 } .b-footer_fifth .b-footer__top .b-width { display: block } .b-footer_fifth .b-footer__top .b-width .b-contact { margin-bottom: 20px } .b-footer_second, .b-footer_third { padding-bottom: 20px } .b-footer_second .b-footer__col, .b-footer_third .b-footer__col, .b-footer_second .b-footer__content .b-footer__col, .b-footer_third .b-footer__content .b-footer__col { position: relative; margin-bottom: 20px; padding-bottom: 20px } .b-footer_second .b-footer__col:last-child, .b-footer_third .b-footer__col:last-child, .b-footer_second .b-footer__content .b-footer__col:last-child, .b-footer_third .b-footer__content .b-footer__col:last-child { margin-bottom: 0 } .b-footer_second .b-footer__col .b-nav__list, .b-footer_third .b-footer__col .b-nav__list, .b-footer_second .b-footer__content .b-footer__col .b-nav__list, .b-footer_third .b-footer__content .b-footer__col .b-nav__list { padding: 0 } .b-footer_second .b-footer__col .b-nav__list li:last-child, .b-footer_third .b-footer__col .b-nav__list li:last-child, .b-footer_second .b-footer__content .b-footer__col .b-nav__list li:last-child, .b-footer_third .b-footer__content .b-footer__col .b-nav__list li:last-child { margin-bottom: 0 } .b-footer_second .b-footer__col:before, .b-footer_third .b-footer__col:before, .b-footer_second .b-footer__content .b-footer__col:before, .b-footer_third .b-footer__content .b-footer__col:before { content: ""; position: absolute; top: -20px; left: -10px; right: -10px; background: #D8D8D8; height: 1px; width: auto } .b-footer_second .b-footer__col:first-child:before, .b-footer_third .b-footer__col:first-child:before, .b-footer_second .b-footer__content .b-footer__col:first-child:before, .b-footer_third .b-footer__content .b-footer__col:first-child:before { display: none } .b-slider .b-slider__content h1, .b-slider .b-slider__content .h1 { font-size: 25px; margin-bottom: 30px; line-height: normal } .b-slider .b-slider__content p { margin-bottom: 0 } .b-slider_third { height: auto } .b-slider_third .b-slider__items .b-slider__item.active { height: auto } .b-slider_third .b-slider__items .b-slider__item.active img { min-width: 0; min-height: 0; width: 100% } .b-slider_third .b-slider__nav { position: static; width: 100% } .b-items_action .b-item, .b-items_services .b-item, .b-items_parthners .b-item { width: 33.3%; max-width: 33.3% } .b-items_news .b-item { width: 100%; margin-bottom: 30px } .b-items_news-right { width: 100%; height: auto } .b-items_catalog .b-item, .b-items_catalog-second .b-item, .b-items_comments .b-item { width: 100%; max-width: 100%; margin-bottom: 30px } .b-items_catalog .b-item__content, .b-items_catalog-second .b-item__content, .b-items_comments .b-item__content { height: auto !important } .b-items_services .b-item { width: 50%; max-width: 50% } .b-items_cards .b-item, .b-items_staff .b-item, .b-items_comments-white .b-item, .b-items_comments-black .b-item, .b-items_events .b-item { width: 50%; max-width: 50% } .b-items_cards .b-item.active:before, .b-items_staff .b-item.active:before, .b-items_comments-white .b-item.active:before, .b-items_comments-black .b-item.active:before, .b-items_events .b-item.active:before { display: none } .b-items_cards .b-item_half .b-btn_transparent { width: auto } .b-services-slider .b-services__nav { position: static; width: auto; display: block } .b-services-slider .b-services__nav ul li a { display: inline-block; vertical-align: middle; padding: 7px 10px } .b-services-slider .b-items_services { margin: 0 } .b-services-slider_black .b-items_services .b-item__info { width: 100% } .b-action .b-width:before { margin-right: -230px } .b-action .b-width:after { margin-right: -237px } .b-action .b-action__left { width: 230px } .b-action .b-action__right { margin-left: 230px } .b-custom-form .b-form { display: block } .b-custom-form .b-form__row { padding: 0; margin-bottom: 20px; width: 100% } .b-container__cols { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-right-col { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; float: none; width: 100% } .b-right-col .b-items { display: none } .b-right-col__sub-nav:before { left: 50%; margin-left: -8px } .b-right-col__nav { width: 100% } .b-right-col__nav li a { height: 40px; line-height: 40px; text-align: center } .b-left-col, .b-comments { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; margin-right: 40px; padding-right: 10px; margin-bottom: 40px } .b-left-col .b-cart-bottom, .b-comments .b-cart-bottom { margin-right: -10px } .b-card__right { float: none; width: auto; margin-bottom: 20px } .b-seo__image { margin: 0 20px 20px 0 } .b-seo__content { margin-left: 0 } .b-cart table th, .b-order-table th { display: none } .b-cart table td, .b-order-table td { display: block; font-size: 14px; padding: 5px 0 } .b-form__right { float: none; margin: 10px 0 } .b-form__halfs, .b-form__thirds { display: block; margin-bottom: 20px } .b-form__halfs .b-form__row, .b-form__thirds .b-form__row { width: 100% } .b-form__row .b-btn { margin: 5px 5px 5px 0 } .b-form__row_bordered .b-form__right { float: right } .b-popup_narrow .b-form__row_iconed { margin-bottom: 10px } .b-cart__kupon .b-input { width: 65% } } @media (max-width: 640px) { .b-nav_fixed { overflow: visible; top: 0; position: static; margin-top: 20px; width: auto; display: none } .b-nav_fixed .b-search { left: 60px; right: 40px } .b-nav_fixed .b-nav__company { display: none } .b-nav_fixed .b-nav__list { background: #fff; top: 100%; max-height: 0; display: block; height: auto; overflow: hidden; padding: 0 0 0 10px; margin: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 10; opacity: 1; left: 0; right: 0 } .b-nav_fixed .b-nav__list.visible { max-height: 1000px; padding: 20px 0 20px 10px } .b-nav_fixed .b-nav__list li { display: block; line-height: normal } .b-nav_fixed .b-nav__list li a { line-height: normal } .b-nav_fixed.b-nav_mobile { display: block } .b-header { padding-top: 20px } .b-header_first .b-header__content, .b-header_first .b-nav { display: none } .b-header_second .b-header__top, .b-header_second .b-search, .b-header_second .b-header__content .b-contact { display: none } .b-header_second .b-header__content .b-company { width: 100%; text-align: left } .b-header_second .b-nav { display: none } .b-header_third .b-header__top .b-soc, .b-header_third .b-header__top .b-btn { display: none } .b-header_third .b-header__top .b-company { padding-top: 0 } .b-header_third .b-nav { display: none } .b-header_fourth { padding-top: 0 } .b-header_fourth .b-header__top { padding-bottom: 10px } .b-header_fourth .b-header__top .b-soc, .b-header_fourth .b-header__top .b-btn, .b-header_fourth .b-header__top .b-contact { display: none } .b-header_fourth .b-header__top .b-company { padding-top: 0 } .b-header_fourth .b-nav { display: none } .b-footer .b-sub-nav__col { float: none; width: auto; height: auto !important; margin-bottom: 30px } .b-footer .b-sub-nav__col:before { height: 1px; top: 0; left: -20px; width: 120%; margin-top: -15px } .b-footer_first .b-contact h2, .b-footer_first .b-contact .h2 { font-size: 25px } .b-footer_first .b-contact .b-icon { margin-top: 0 } .b-footer_fifth .b-pay { -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start } .b-footer_fifth .b-footer__bottom .b-made { float: none } .b-footer_fifth .b-footer__bottom .b-soc li { margin-right: 15px } .b-slider .owl-controls, .b-slider .b-slider__content, .b-slider .b-slider__nav { display: none !important } .b-items_news .b-item { width: 100%; margin-bottom: 30px } .b-items_news-right { width: 100%; height: auto } .b-items_action .b-item, .b-items_services .b-item, .b-items_parthners .b-item, .b-items_catalog .b-item, .b-items_catalog-second .b-item, .b-items_comments .b-item, .b-items_services .b-item, .b-items_cards .b-item, .b-items_staff .b-item, .b-items_comments-black .b-item, .b-items_events .b-item, .b-items_advantages-white .b-item, .b-items_advantages-black .b-item, .b-items_advantages .b-item { width: 100%; max-width: 100% } .b-items_action .b-item.active:before, .b-items_services .b-item.active:before, .b-items_parthners .b-item.active:before, .b-items_catalog .b-item.active:before, .b-items_catalog-second .b-item.active:before, .b-items_comments .b-item.active:before, .b-items_services .b-item.active:before, .b-items_cards .b-item.active:before, .b-items_staff .b-item.active:before, .b-items_comments-black .b-item.active:before, .b-items_events .b-item.active:before, .b-items_advantages-white .b-item.active:before, .b-items_advantages-black .b-item.active:before, .b-items_advantages .b-item.active:before { display: none } .b-items_advantages-white .b-item, .b-items_advantages-black .b-item { margin-bottom: 20px } .b-items_cards .b-item.b-item_centered.b-item_half.b-item_white { display: block } .b-items_cards .b-item.b-item_centered.b-item_half.b-item_white .b-item__image, .b-items_cards .b-item.b-item_centered.b-item_half.b-item_white .b-item__content { width: 100%; padding: 10px } .b-items_comments .b-item__info { margin: 0 0 20px } .b-items_news .b-item__image, .b-items_catalog .b-item__image { float: none; width: 100% } .b-items_news .b-item__content, .b-items_catalog .b-item__content { margin: 20px 0 0 } .b-items_news .b-item_big-new .b-item__image, .b-items_catalog .b-item_big-new .b-item__image, .b-items_news .b-item_big-new .b-item__content, .b-items_catalog .b-item_big-new .b-item__content { width: 100% } .b-items_news .b-item_main-new .b-item__content, .b-items_catalog .b-item_main-new .b-item__content { width: 100% } .b-services-slider_white .b-items_services, .b-services-slider_black .b-items_services { min-height: 400px } .b-services-slider_white .b-items_services .b-item__content, .b-services-slider_black .b-items_services .b-item__content, .b-services-slider_white .b-items_services .b-item__info, .b-services-slider_black .b-items_services .b-item__info { position: relative } .b-action .b-width:before { display: none } .b-action .b-width:after { display: none } .b-action .b-action__left { position: relative; padding-right: 0; background: #0197d6; margin: 0 -10px; width: auto } .b-action .b-action__left:before { content: ""; position: absolute; top: 100%; left: 50%; border-style: solid; border-width: 7.5px 7px 0 7.5px; border-color: #0197d6 transparent transparent } .b-action .b-action__right { margin: 0 } .b-row__title { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center } .b-row__title._mb-20-mob { margin-bottom: 20px; } .b-row__title h1, .b-row__title .h1, .b-row__title h2, .b-row__title .h2 { width: 100% } .b-row__title .b-btn { float: none; display: block; margin: 10px 0; order: 2; width: 100% } .b-btn_block { padding: 0 } h1, .h1 { font-size: 26px } h2, .h2 { font-size: 24px } .b-left-col { margin-right: -10px } .b-cleared .b-right { float: none; width: auto } .b-cleared .b-left { margin-right: 0 } .b-get { width: 100% } .b-comments { margin-right: 0; padding-right: 0 } .b-cart-bottom .b-prev { float: none; margin: 0 auto 10px } .b-cart-bottom__result { padding-bottom: 75px } .b-cart-bottom .b-btn { position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 } .b-cart__top { padding: 30px 0 } .b-cart__top .b-cart__step span { display: none } .b-cart__kupon .b-input { width: 100% !important; margin-bottom: 10px } .b-pager ul:not(.b-pager__filter) li { margin: 0; white-space: nowrap } .b-video__info .b-small { display: none } .b-video .b-control { display: none } .b-main-col { margin-right: -10px; padding-right: 10px } .b-popup .b-btn:not(.b-btn_square) { display: block; width: 100% } .b-row { padding: 16px 0 20px; } .b-404 { min-height: 400px; padding: 20px 7% } .b-404__info { padding-top: 120px } .b-404__info p:not(.b-big) { display: none } .b-404__info h1, .b-404__info .h1 { margin-bottom: 10px } .b-404__logo { width: 109px; height: 96px; opacity: .4 } .b-404__cloud { opacity: .4 } .b-items .b-item { max-width: 350px; margin: 0 auto 20px } } @media (max-width: 290px) { .b-colored-form:before, .b-custom-form_colored:before, .b-colored-form:after, .b-custom-form_colored:after { width: 300vw; margin-left: -150vw } } .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px } .ir:before { content: ""; display: block; width: 0; height: 150% } .hidden { display: none !important; visibility: hidden } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .invisible { visibility: hidden } @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } pre, blockquote { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } tr, img { page-break-inside: avoid } img { max-width: 100% !important } @page { margin: .5cm } p, h2, h3 { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } } /* End */ /* Start:/local/templates/a-servis24__template/css/app.css?176976637877005*/ ._text-center { text-align: center; } .errorSummary { margin: 0 0 2em; color: red } .errorMessage { color: red } .icon-chevron-right:before { content: "\e93b" } .b-404 { min-height: 650px; height: 100vh; min-width: 100vw; padding: 20px 20px 200px; color: #fff; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-linear-gradient(#016198 0%, #0c94e1 100%); background-image: -o-linear-gradient(#016198 0%, #0c94e1 100%); background-image: linear-gradient(#016198 0%, #0c94e1 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .b-404 p { color: #fff } @media (max-width: 900px) { .b-404 { margin-top: -57px } } .b-404__logo { width: 218px; height: 193px; background: url("/local/templates/a-servis24__template/css/../images/404-logo.svg") no-repeat; background-size: 100% 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; top: 0; left: 0 } .b-404__info { position: relative; padding-top: 230px; width: 100%; color: #fff; max-width: 600px; margin: auto; z-index: 3 } .b-404__info h1 { color: inherit } .b-404__info .b-big { margin-bottom: 20px } .b-404__cloud { position: absolute; top: 80%; left: 0; width: 3998px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s } .b-404__cloud_first { height: 334px; background: url("/local/templates/a-servis24__template/css/../images/404-cloud.svg") no-repeat; z-index: 2 } .b-404__cloud_second { margin-top: -106px; left: -150px; height: 460px; background: url("/local/templates/a-servis24__template/css/../images/404-cloud2.svg") no-repeat; z-index: 1 } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 } .fancybox-wrap.popup-top { top: 0 !important; left: 0 !important; width: 100% !important } .fancybox-wrap.popup-top .fancybox-close { opacity: 0 } .fancybox-wrap.popup-top .fancybox-inner { width: 100% !important } .fancybox-skin { position: relative; color: #333; text-shadow: none; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fancybox-outer, .fancybox-inner { position: relative } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060 } #fancybox-loading div { width: 44px; height: 44px } .fancybox-close { position: absolute; top: 3%; right: 3%; margin: 15px; cursor: pointer; z-index: 8040; display: inline-block; vertical-align: middle; width: 36px; height: 36px; line-height: 36px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; border: 1px solid; border-radius: 36px } .fancybox-close:before { top: 0; left: 0; font-family: 'Linearicons'; content: "\e935" } .fancybox-close:hover { color: #f24841; opacity: 1 } .fancybox-close.hide { opacity: 0 } .fancybox-nav { position: absolute; top: 50%; margin-top: -25px; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 48px; font-size: 20px; border: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; vertical-align: middle; color: #fff } .fancybox-nav:before { font-family: 'Linearicons'; content: "\e93b"; position: absolute; top: 0; left: 50%; margin-left: -10px } .fancybox-nav:hover { color: #13447e } .fancybox-nav:hover:before { opacity: 1 } .fancybox-nav:hover .b-icon { color: inherit } .fancybox-prev { left: -60px } .fancybox-next { right: -60px } .fancybox-next:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fancybox-nav span { position: absolute; top: 50%; left: -10px; margin-top: -17px; cursor: pointer; z-index: 8040; width: 34px; height: 64px; background: url("/local/templates/a-servis24__template/css/../images/icon.png") -395px 0 } .fancybox-nav span:hover { opacity: .6 } .fancybox-next span { left: auto; right: -10px } .fancybox-prev span { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important } .fancybox-lock { overflow: hidden !important; width: auto } .fancybox-lock body { overflow: hidden !important } .fancybox-lock-test { overflow-y: hidden !important } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.8) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050 } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8) } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-size: 44px 152px } #fancybox-loading div { background-size: 24px 24px } } .b-items_video .b-item { margin: 0 0 30px } .b-apartments-widget .b-table-wrap { display: none } .b-slider { overflow: hidden } /*.b-main, .b-wrap { background-color: rgba(20, 8, 5, 1) }*/ .b-header__top .b-width { -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .b-header__top .b-width .b-header__right { color: #fff } .b-header a { color: #464646 } .b-company { text-align: center } .b-header__top .b-width .b-header__right, .b-header__top .b-width>.b-contact { width: 30% } .b-header__top .b-width>a { width: 40% } .b-header__top a.b-btn { margin-bottom: 20px; line-height: 14px; padding: 13px 15px; height: auto; border: 2px solid rgba(55, 44, 42, 100) } .b-nav { background: rgba(61, 52, 49, 1) } .b-nav li>a, .b-nav .b-icon_toggle { color: #fff } .b-sub-nav::before, .b-sub-nav, .b-items_advantages-white, .b-items_advantages-black, .b-footer { background: #fff } .advantages-row .b-items { display: flex; align-items: flex-start; justify-content: space-between; text-align: center; } .advantages-row .b-item { width: 15%; font-size: 16px; } @media (max-width: 1300px) { .advantages-row .b-items { flex-wrap: wrap; justify-content: center; } .advantages-row .b-item { width: 25%; } } @media (max-width: 991px) { .advantages-row .b-item { width: 50%; margin-bottom: 40px; } } @media (max-width: 565px) { .advantages-row .b-item { width: 100%; } } .b-items_advantages-green .b-item__image{ width: 138px; height: 138px; border: 2px solid #99c60d; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; color: #99c60d; font-size: 50px; } .b-slider.b-slider_first+.b-row { margin-top: 0 } .b-slider_first .b-slider__content h1, .b-slider_first .b-slider__content .h1 { font-size: 60px; font-weight: 400; margin-bottom: 37px; line-height: 70px; letter-spacing: 4px; text-shadow: 2px 2px 2px #000 } .b-content__image img { width: 100%; } .b-content__lead { width: 50%; margin: 40px auto; color: #C6C3C2 } .b-row__title .h1 { text-align: center; /* font-family: 'Helvetica'; */ margin-bottom: 20px; } .b-row__title__center { max-width: 820px; margin: 0 auto; margin-bottom: 50px; text-align: center; } .h1 { color: #9C8D87 } .b-item .b-item__content { background: #29211F } .b-item .b-item__content .b-price__new { color: #fff; text-align: right } .b-item .b-item__content .b-price__old { color: #76625C; text-align: left } .b-item .b-item__content a { margin: 0 auto; color: #fff } .b-item .b-item__content .b-item__info a, .b-btn_big, .b-slider.b-slider_first .b-btn, .b-btn_transparent { background: #86AE22 } .b-item .b-item__content .b-item__info a:hover, .b-btn_big:hover, .b-slider.b-slider_first .b-btn:hover, .b-nav.b-nav_fixed.b-nav_fixed_fourth .b-btn_transparent:hover, .b-btn_transparent:hover { background: #6F9315 } .b-items_action- .b-btn_transparent { border: none; color: #fff } .b-items_action- .b-btn_transparent:hover { border: none; color: #fff } .b-items_action- .b-item .b-btn_transparent:not(:hover) { color: #fff } .b-header__top .b-btn_transparent:hover { background: none } .b-item__image { overflow: hidden; background: #fff } .b-item__image a { display: block; height: 224px } .b-item__image img { width: 100%; height: 100%; -webkit-object-fit: contain; object-fit: contain } .b-btn.b-btn_transparent.b-btn_block.cards_more { background: inherit; border-radius: 40px; border-color: rgba(55, 44, 42, 100); color: #fff } .b-icon.b-icon_vk:before { content: "\e907" } .b-footer .b-footer__content .b-width .b-footer__col.b-nav .b-contact .b-icon { margin: 6px 0 0 } .icon-sladosty:before { content: "\e7fe" } .icon-coffe:before { content: "\e80b" } .icon-tea:before { content: "\e80c" } .b-items .b-item a .b-item__image { border-width: 0; color: #fff } .b-items .b-item a .b-item__info { color: #99C60D } .b-footer_second .b-footer__col:before { background: #843E24 !important; opacity: 1 } .b-footer .b-made span { color: #FEA700 } .b-footer .b-small, .b-footer .b-company__slogan, .b-right-col, .b-right-col label[for=CartAddForm_stock_id], .b-right-col p { color: #909090; opacity: 1 } .b-footer .b-company__slogan { font-size: 14px; line-height: 22px } .b-contact .b-contact__info h2 { margin-bottom: 0 } .b-footer.b-footer_second .b-contact .b-contact__info { margin-bottom: 30px } .b-footer.b-footer_second .b-company__about h4 { text-align: left } .b-footer.b-footer_second .b-company__about, .b-footer__col .b-company { margin: 0 0 20px } .b-footer__col .b-footer_seo.b-small { margin-top: 20px } .b-btn.b-btn_transparent.b-btn_block.cards_more span { color: #bdc900; margin-top: -5px; border-color: rgba(55, 44, 42, 100) } .icon-cart:before { content: "\e74f" } .b-icon_vk:before { content: "\e9a3" } .icon-enter:before { content: "\e723" } .icon-telephone:before { content: "\e76c" } .b-slider__image::after { content: ""; background: none; position: absolute; bottom: -1px; width: 100%; height: 100% } .b-items.b-items_advantages-white { z-index: 1 } .b-items_advantages-white:before, .b-items_advantages-black:before { content: none } .b-slider .owl-dots { bottom: 50px } .owl-carousel .owl-stage-outer { z-index: initial } .b-content .b-content__lead { color: #fff; font-size: 20px } .b-footer .b-made { color: #fff } .b-footer.b-footer_second .b-footer__col .b-contact__info { font-size: 18px; color: #fff; line-height: 26px } .b-contact__info h2 { font-size: 20px } .b-footer_second .b-company h4 { font-size: 18px } .b-sub-nav__col:first-child:first-child:before { display: block } .b-sub-nav__col:before { background: #843E24 !important; opacity: 1 } .b-sub-nav__col ul .b-sub-nav__title a { font-size: 18px } .b-sub-nav__col ul li>a { color: #D0C2BD } .b-slider .owl-prev { left: 10% } .b-slider .owl-next { right: 10% } .b-nav.b-nav_mobile .b-contact { display: inline-block; width: 40% } .b-nav.b-nav_mobile .b-contact .b-icon.icon-telephone { line-height: 2 } .b-nav_fixed_third .b-width { display: inline-block } .b-nav.b-nav_mobile .b-contact .b-contact__info h4 a { line-height: 40px; vertical-align: bottom; white-space: nowrap } @media (max-width: 900px) { .b-header__top .b-width>a { width: 100% } .b-header__top .b-width { padding: 0; } .b-header_fifth .b-toggle__menu, .b-nav .b-icon_toggle { display: none } .b-nav_fixed.b-nav_mobile { display: block } .b-nav_fixed { overflow: visible; top: 0; position: static; margin-top: 20px; width: auto; display: none } .b-nav_fixed .b-nav__list li { display: block; line-height: normal } .b-nav_fixed .b-nav__list { background: #fff; max-height: 0; display: block; height: auto; overflow: hidden; padding: 0 0 0 10px; margin: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 10; opacity: 1; left: 0; top: 71px; right: 0 } .b-nav_fixed .b-nav__list.visible { max-height: 1000px; padding: 20px 0 20px 10px; width: 900px; background: #333536 } .b-nav li.b-with-sub-nav .b-sub-nav { display: none } } @media (max-width: 640px) { .b-nav_fixed .b-nav__list.visible { width: 640px } } .b-slider .owl-dot.active:before { background: #f24841 } @media screen and (max-width:800px) { .owl-dots { display: none !important } } .b-items_cards .b-item_minimal .b-price { width: 100%; margin: 0 auto 20px } .b-item .b-item__content .b-price__old, .b-item .b-item__content .b-price__new { width: 40% } .b-price__old { color: #76625C } .b-price__new { color: #fff } .b-breadcrumbs.b-width { color: #909090; padding: 0; width: 100%; } .b-title.b-width h1 { color: #252525 } @media screen and (max-width:900px) and (min-width:640px) { .b-left-col.b-left-col_white { overflow: hidden } .b-left-col .b-card__image img { margin: -40px -10px 0 10px } .b-catalog__sidebar_description { font-size: 14px } } .b-nav.b-nav_fixed.b-nav_fixed_fourth .b-btn_transparent { display: none; line-height: 30px; background: #86AE22; border: 0; color: #fff } .b-nav.b-nav_fixed.b-nav_fixed_fourth a, .b-nav.b-nav_fixed.b-nav_fixed_fourth a span.b-icon.b-icon_nav, .b-nav.b-nav_fixed.b-nav_fixed_fourth div { color: #fff } .b-icon.icon-enter { margin-top: -4px } .b-item .b-item__content .b-price>div:only-of-type { width: 100%; text-align: center } .b-nav_fixed_third .b-width>.b-icon { cursor: pointer } .b-nav_fixed_fourth .b-nav__company { margin-right: 100px } .b-nav_fixed_fourth .b-contact { float: right; margin-top: 22px; line-height: normal; color: #fff; margin-right: 20px } .b-nav_fixed_fourth .b-contact .icon-telephone { margin-top: 3px } .b-nav_fixed_fourth .b-contact a, .b-nav_fixed_fourth .b-contact h4 { color: inherit; margin-bottom: 0; line-height: inherit } .b-nav_fixed_fourth .b-nav__btn { line-height: normal; float: left; margin-top: 25px; font-size: 14px; /* font-family: 'Helvetica', sans-serif */ } .b-nav_fixed_fourth .b-nav__btn a { color: inherit; margin-bottom: 0; line-height: inherit } .b-nav_fixed_fourth .b-nav__btn:hover .b-icon { color: inherit } .b-nav_fixed_fourth .b-btn_transparent { margin: 17px 0 0 30px; float: right; border-color: rgba(255, 255, 255, 0.5) } .b-nav_fixed_fourth .b-icon_nav { float: none; margin: -2px 4px 0 0; font-size: 15px } .b-nav_fixed_fourth .b-icon_nav:before { font-size: inherit } .b-nav__list.b-toggle__menu .b-with-sub-nav.open .b-sub-nav { max-height: 1000px; position: absolute; z-index: 4; top: 60px; left: 0; width: 100%; color: #fff; display: none } .b-nav__list.b-toggle__menu .b-with-sub-nav.open a:before { display: none } p, .b-left-col__row a, .b-left-col__row ul li { color: #252525 } .b-left-col__row ul { margin: 16px 0; padding-left: 40px; list-style-type: disc } .b-left-col__row img { width: 100% } .b-left-col__row { width: 100% } .b-items_news.b-items_articles .b-item { width: 100% } .b-left-col_white:before { content: ""; position: absolute; top: 0; left: -1000px; width: 1000px; height: 100%; background: #fff } .b-catalog__description p, .b-catalog__description { color: #333; font-size: 18px; padding-left: 20px } .b-breadcrumbs.b-width+.b-title.b-width h1 { margin-bottom: 35px } .b-item.b-item_white.b-item_minimal .b-item__content { height: 212px } .b-header__top a.b-btn:hover { color: #86AE22; border-color: #3D3431 } .b-header .b-btn_transparent:hover .b-icon { color: #86AE22 } .b-content ul>li, .b-content ol>li { position: relative; margin-bottom: 20px; padding-left: 0 } .b-content ul>li:before, .b-content ol>li:before { content: none } .b-left-col_white p, .b-left-col_white ul li, .b-left-col_white ol li { color: #333 } .b-content .b-row__title * { text-align: left } .b-left-col { padding-top: 0; padding-bottom: 80px } .b-contact .b-small a:hover { color: #86AE22 } .b-footer .b-made:hover, .b-item__title:hover { color: #86AE22 } h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h2 a { color: #9C8D87 } .b-items_news .b-item__content { background: none } #cards_more_3 { margin-top: 0 } .text-main .b-content__text p { width: 50%; margin: 40px auto; color: #C6C3C2 } .b-left-col_white.white-none-before:before { background: none } .b-card__image { margin-top: 0 } .b-item__title { color: #fff } .b-icon.b-icon_toggle.icon-magnifier:hover { color: #86AE22 } .b-left-col__row p a { color: #86AE22 } .b-nav_fixed .b-contact__info h4 a { color: #fff } .b-nav_fixed .b-icon.b-icon_nav.icon-menu { color: #fff } .b-items_action- { margin-bottom: 20px } .b-nav li.b-with-sub-nav:hover>a:before { content: none } .b-nav li.b-with-sub-nav.open>a { position: relative } .b-nav li.b-with-sub-nav.open>a:before { content: ""; position: absolute; top: 100%; margin-top: -7px; left: 50%; margin-left: -8px; width: 0; height: 0; bottom: -1px; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #1a0b06 } .b-nav li.b-with-sub-nav:hover .b-sub-nav { max-height: 0 } .b-nav li.b-with-sub-nav a { position: relative } .b-nav li.b-with-sub-nav>a:after { content: ""; position: absolute; top: 61%; margin-top: -10px; right: -15px; margin-left: -1px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #fff transparent transparent } .b-nav li.b-with-sub-nav.open>a:after, .b-nav li.b-with-sub-nav:hover>a:after { content: ""; position: absolute; top: 61%; margin-top: -10px; right: -15px; margin-left: -1px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #86AE22 transparent transparent } @media (max-width: 900px) { .b-nav li.b-with-sub-nav.open>a:after, .b-nav li.b-with-sub-nav:hover>a:after, .b-nav li.b-with-sub-nav>a:after { margin-top: -6px } } li.b-with-sub-nav.open:hover>a li.b-with-sub-nav:hover>a, li.b-with-sub-nav:hover { color: #86AE22 } @media (max-width: 900px) { .b-nav__list>li { margin-right: 40px; line-height: 30px; height: 30px } } .b-container__top { margin-bottom: 20px; margin-top: 20px } .b-items_parthners .b-item.b-item_white .b-item__info .b-item__text a, .b-items_parthners .b-item.b-item_black .b-item__info .b-item__text a, .b-items_parthners .b-item.b-item_white .b-item__info .b-item__text, .b-items_parthners .b-item.b-item_black .b-item__info .b-item__text { color: #fff; background: none; font-size: 18px; word-break: break-all } .b-items_parthners .b-item.b-item_white .b-item__info .b-item__text .b-item__brief, .b-items_parthners .b-item.b-item_black .b-item__info .b-item__text .b-item__brief { font-size: 14px } .b-items_parthners .b-item .b-item__info { height: 110px } .b-items_parthners .b-item .b-item__info .b-item__text { overflow: hidden } button { background: #99c60d !important; margin-bottom: 20px } button:hover { background: #6F9315 !important } .b-form.userform { padding-top: 10px } .b-nav li:hover>a { color: #86AE22 } @media (max-width: 900px) { .b-nav .b-sub-nav__col:before { display: block } } @media (max-width: 901px) { .b-footer__content .b-width .b-footer__col:first-child { order: 3 } .b-footer_second .b-footer__content .b-footer__col:first-child:before { display: block } .b-footer__content .b-width { flex-flow: row wrap; display: flex } .b-footer__content .b-width .b-footer__col.b-nav:before { content: none } .b-footer_second { padding: 20px 0 0 } } .b-items_comments .b-item__content .b-item__info a, .b-items_comments .b-item .b-item__content .b-item__info a:hover { background: none } .b-items_comments .b-item { padding: 10px } @media (max-width: 900px) { .b-nav .b-with-sub-nav .open:before { margin-top: 5px } .b-nav li.b-with-sub-nav.open>a:before { margin-top: 5px } } .b-nav .b-nav__list.b-toggle__menu li.b-with-sub-nav.open:hover>a:before { content: "" } @media (max-width: 900px) { .b-nav__list>li.b-with-sub-nav:hover a:before { display: block } } .b-left-col.b-left-col_white.white-none-before { overflow: hidden } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #fff; color: #843E24 } .b-nav.b-nav_fixed.b-nav_fixed_fourth.active { display: block; width: 100%; position: fixed; background: #f24841; margin-top: 0 } @media screen and (max-width:545px) { .b-nav.b-nav_fixed.b-nav_fixed_fourth.active .b-contact { display: none } } @media screen and (max-width:600px) { .text-main .b-content__lead, .text-main .b-content__text p { width: 100% } } .b-sub-nav__col a.b-btn.b-btn_transparent.b-btn_form.b-btn_small { margin-bottom: 20px; border: 2px solid rgba(55, 44, 42, 100); color: #fff; line-height: 14px; padding: 13px 15px; height: auto } .b-sub-nav__col .b-item__content .b-item__info a.b-item__title:hover, .b-sub-nav__col .b-item__content, .b-sub-nav__col .b-item__info a.b-item__title { background: none } .b-sub-nav .b-sub-nav__col .b-item__image { max-width: 220px } .b-sub-nav .b-sub-nav__col .b-item__info a.b-item__title { color: #D0C2BD } .b-sub-nav .b-width { background: none; padding: 45px 4% } p a { color: #86AE22 } .b-right-col ul.b-right-col__nav li.active a { background-color: #d1261f } .b-right-col ul.b-right-col__nav li.active a:hover { color: #fff } .b-right-col__sub-nav:before { display: none; border-color: transparent transparent #fff } .b-right-col__nav li a:hover { color: #f24841; background: #d1261f; } .b-slider .owl-prev:before, .b-slider .owl-next:before { border-width: 2px; opacity: .5; color: #d8d8d8; } .b-slider .owl-prev:after, .b-slider .owl-next:after { color: #fff } .b-slider .owl-next:after { margin-left: 3px } .b-slider .owl-prev:after { margin-right: 3px } .qty.b-input { text-align: center } .order-list span.select2.select2-container.select2-container--default { width: 100% !important } .b-logo+.b-company__slogan { display: none; margin-top: 10px; color: #C6C3C2 } .b-icon.icon-tea, .b-icon.icon-coffe, .b-icon.icon-sladosty { margin-right: -1px; margin-top: -4px } .b-nav .b-nav__list>li>a { font-size: 15px; letter-spacing: normal } .b-sub-nav__col ul li:not(.b-sub-nav__title)>a { letter-spacing: 1px; line-height: 20px } .b-footer__col a.b-made img { margin-bottom: 6px } @media screen and ( min-width:901px) { .b-footer__content .b-footer__col:not(:nth-child(1)) { padding-left: 10px } } .b-price__old, .b-price__new { white-space: nowrap; font-size: 20px } .b-items_cards .b-item_minimal .b-item__title { font-size: 16px; line-height: 24px; text-align: center } .b-nav__list { margin-right: 153px } @media screen and ( max-width:973px) { .b-nav__list { margin-right: 103px } } .b-right-col p { font-size: 14px } .b-icon.icon-clock3 { width: 15px; height: 15px; background: url("/local/templates/a-servis24__template/css/../images/icons/clock.svg") no-repeat; background-size: contain } .icon-clock3:before { content: none } .b-icon.icon-map-marker { background: url("/local/templates/a-servis24__template/css/../images/icons/location.svg") no-repeat; width: 14px; height: 17px; background-size: contain } .icon-map-marker:before { content: none } .b-popup { padding: 10% } .b-kol__minus, .b-kol__plus, .b-btn_square { background: transparent } .b-icon_star.active { color: #86ae22 } .b-items.b-items_comments { margin-bottom: 20px } .b-kol .b-btn.b-kol__minus { left: 0; top: 7px; right: auto } .b-kol .b-btn.b-kol__plus { left: auto; top: 7px; right: 0 } .b-items_cards .b-item_minimal .b-mark { left: auto; width: auto; right: 35% } .mobile-icon-left, .mobile-icon-right { display: none } .b-header__top .b-width>a.mobile-icon-left { position: absolute; bottom: -25px; height: 40px; width: 40px; left: 0 } .b-header__top .b-width>a.mobile-icon-right { position: absolute; height: 40px; width: 40px; bottom: -25px; right: 0 } .b-header__top .b-width>a.mobile-icon-left .b-icon.icon-enter, .b-header__top .b-width>a.mobile-icon-right .b-icon.icon-cart { margin-left: -7px; margin-top: -7px } @media screen and (min-width:690px) and (max-width:900px) { .mobile-icon-left, .mobile-icon-right { display: block } .b-header__top .b-width>a.mobile-icon-left { left: 40px } .b-header__top .b-width>a.mobile-icon-right { right: 40px } } @media screen and (max-width:690px) { .mobile-icon-left, .mobile-icon-right { display: block } .b-header__top .b-width>a.mobile-icon-left { left: 10px } .b-header__top .b-width>a.mobile-icon-right { right: 10px } } @media screen and (max-width:340px) { .mobile-icon-left, .mobile-icon-right { display: block } .b-header__top .b-width>a.mobile-icon-left { left: 0 } .b-header__top .b-width>a.mobile-icon-right { right: 0 } } .b-prev a, .b-next a { position: relative; z-index: 1 } @media screen and (max-width:1240px) { .b-slider .owl-dots { bottom: 60px } } @media screen and (max-width:1040px) { .b-slider .owl-dots { display: none !important } } @media screen and (max-width:1300px) { .b-slider .b-btn { margin-top: 0 } } @media screen and (max-width:900px) { .b-slider .b-btn { margin-top: 10px } .b-slider_first .b-slider__content h1, .b-slider_first .b-slider__content .h1 { line-height: 50px; font-size: 48px } } @media screen and (max-width:750px) { .b-slider_first .b-slider__content h1, .b-slider_first .b-slider__content .h1 { line-height: 40px; font-size: 40px } .b-slider .b-btn { display: none } } .b-cart-bottom__result h3, .b-cart-bottom__result .h3 { margin-bottom: 20px } .b-contact .b-contact__info .h2 { margin-bottom: 0 } .b-contact .b-contact__info .h2 a { color: #fff } .b-contact__info .h2 { font-size: 20px } .b-nav.b-nav_mobile .b-contact .b-contact__info .h4 a { line-height: 40px; vertical-align: bottom; white-space: nowrap } .b-nav_fixed .b-contact__info .h4 a { color: #fff } .b-footer.b-footer_second .b-company__about .h4 { text-align: left } .b-footer_second .b-company .h4 { font-size: 18px; color: #fff; padding-top: 5px; margin-bottom: 0 } .b-comments__item_white .b-comments__content p { color: #333; background: #fff } .b-items_parthners .b-item .b-item__content { overflow: hidden } @media (max-width: 2200px) and (min-width:1060px) { .b-items_parthners .b-item { width: 33.3%; max-width: 33.3% } } @media (max-width: 1060px) and (min-width:901px) { .b-items_parthners .b-item { width: 50%; max-width: 50% } } @media (max-width: 1200px) and (min-width:900px) { .b-items_news .b-item { width: 100%; margin-bottom: 30px } } @media (max-width: 979px) { .b-items_comments .b-comments__item .b-comments__title { padding-left: 20px } } @media (max-width: 640px) { .b-items_comments .b-comments__item .b-comments__title { padding-right: 20px } } .b-items_comments .b-comments__item .b-comments__title .b-date { line-height: 30px } .b-btn.b-btn_transparent.b-btn_form.form-lc { border: none; color: #fff } .b-wrap { display: flex; flex-direction: column; min-height: 100%; box-sizing: border-box; padding-bottom: 0; overflow: hidden } .b-footer.b-footer_second { margin-top: -381px; clear: both; position: relative } .b-btn.b-btn_transparent.b-btn_block.cards_more:hover { border-color: #3D3431 } .b-btn.b-btn_transparent.b-btn_block.cards_more:hover span, .b-btn.b-btn_transparent.b-btn_block.cards_more:hover { color: #86AE22 } .b-items.b-items_cards .b-item__info a { color: #fff } .b-items.b-items_parthners .b-item__brief { margin-top: 7px } .b-mark_mint { background: #53bda5 } .b-mark_red { background: #f24841 } h1, .h1 { color: #252525; font-size: 45px; line-height: 42px; font-weight: 700; } h2, .h2{ font-size: 42px; font-weight: 700; } @media (max-width:600px) { h2, .h2 { font-size: 29px; line-height: 29px; } } h3, .h3 { font-size: 32px; font-weight: 700; } @media (max-width:600px) { h3, .h3 { font-size: 26px; line-height: 26px; } } .h3.reduced { font-size: 28px; font-weight: 700; } @media (max-width:600px) { .h3.reduced { font-size: 22px; line-height: 26px; } } .body .b-content__text h2, .body .b-content__text .h2 { font-weight: 700; font-size: 42px; line-height: 42px; } @media (max-width:600px) { .body .b-content__text h2, .body .b-content__text .h2 { font-size: 29px; line-height: 29px; } } .b-main, .b-wrap, .b-footer_fourth { background: #fff } a { cursor: pointer } .b-mark, .b-container .b-items_cards .b-item .b-item__image .b-mark { position: absolute; font-size: 12px; color: #fff; padding: 4px 10px; margin-right: 10px; height: 85px; width: 85px; line-height: 78px; text-align: center; border-radius: 85px; } .b-header__top .b-width .b-header__right .b-icon.icon-envelope.icon-inline, .b-contact, .b-contact .b-contact__info h2 a { color: #a1a1a1 } .b-contact a:hover, .b-header a:hover, .b-item__content a:hover, .b-contact .b-contact__info a:hover, .b-items_parthners .b-item.b-item_black .b-item__info .b-item__text a:hover, .b-items_parthners .b-item.b-item_white .b-item__info .b-item__text a:hover { color: #f24841 } .b-header__top .b-width .b-company { width: auto; order: 1; text-align: left } .b-header__top .b-width>.b-contact { order: 2 } .b-header__top .b-width>.b-contact .b-contact__info a { display: block; font-weight: 600 } .b-header__top .b-width>.b-contact .b-btn { display: none } .b-contact h4, .b-contact .h4 { line-height: 24px } .b-header__top .b-width>.b-contact .communicate a, .b-header__right .communicate a, .b-left-col .b-content__text p a { color: #f24841; font-size: 14px; line-height: 18px; cursor: pointer; margin-left: 26px } .b-header__top .b-width .b-header__right, .b-header__top .b-width .b-header__right>div { text-align: left } .b-header__top .b-width .b-header__right .b-btn { display: none } .b-header__right .b-contact { margin-left: -26px } .b-header__right .b-contact__info a { font-size: 16px; line-height: 22px } .b-header__top .b-width .b-header__right .b-icon.icon-envelope.icon-inline { padding-right: 5px; float: none; display: inline; padding-right: 10px; color: #fff; vertical-align: top } @media (min-width: 901px) { .b-header.b-header_fifth { margin-bottom: 10px } .b-header .b-nav .b-width { display: flex } .b-header .b-nav .b-nav__list { position: relative; background: #f24841; padding-right: 30px; margin-right: 0 } .b-header .b-nav .b-nav__list::before { content: ''; position: absolute; bottom: 100%; left: -200%; width: 260%; background: #a10700; height: 10px; background-image: linear-gradient(90deg, #a10700 0%, #a10700 50%, transparent 50%); transform: skewX(50deg) } .b-header .b-nav .b-nav__list::after { content: ''; position: absolute; top: 0; left: 100%; border: 30px solid transparent; border-left: 30px solid #f24841 } .b-header .b-nav li.active::before { content: ''; position: absolute; width: 100%; height: 100%; background: #d1261f; z-index: -1; transform: skewX(140deg) } .b-header .b-nav li:hover::before { content: ''; position: absolute; width: 100%; height: 100%; background: #a10701; z-index: -1; transform: skewX(140deg) } .b-header .b-nav li>a:hover { background: transparent } } @media (max-width: 900px) { .b-header__top .b-header__right, .b-header__top .b-contact { display: block } .b-header__top .mobile-icon-right, .b-header__top .mobile-icon-left { display: none } .b-header__top .b-width .b-company { text-align: center; margin-bottom: 20px } .b-header__top .b-width .b-header__right, .b-header__top .b-width>.b-contact { width: 50%; padding-left: 10%; box-sizing: border-box } } @media (max-width: 600px) { .b-header__top .b-width .b-header__right, .b-header__top .b-width>.b-contact { padding: 0; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: auto } .b-header__top .b-width .b-header__right { top: 180px } .b-header__top .b-width>.b-contact .b-contact__info a { display: block; font-size: 16px } .b-header__top .b-contact .b-icon { margin-top: 2px } } @media (max-width: 375px) { .b-header__top .b-width>.b-contact .b-contact__info a { font-size: 14px } } .b-nav { background: #333536 } .b-nav .b-nav__list { margin-right: 0; justify-content: flex-start } .b-nav li>a { padding: 20px; line-height: 20px; /* font-family: "Helvetica", sans-serif */ } .b-nav li>a:hover { color: #fff; background: #f24841 } .b-nav .b-icon_toggle, .b-nav li.b-with-sub-nav>a:after { display: none } .b-nav.b-nav_fixed.b-nav_fixed_fourth a.b-nav__btn:hover span.b-icon.b-icon_nav, .b-nav.b-nav_fixed.b-nav_fixed_fourth a.b-nav__btn:hover, .b-nav_fixed .b-icon.b-icon_nav.icon-menu:hover { color: #f24841 } @media (max-width: 900px) { .b-nav .b-nav__list>li>a { padding: 10px } } @media (min-width: 601px) and (max-width: 900px) { .b-nav_fixed { margin-top: 0 } } .b-slider_first .b-slider__content p { display: none } .b-slider .b-item .b-item__content .b-item__info a, .b-slider .b-btn_big, .b-slider.b-slider_first .b-btn, .b-slider .b-btn_transparent { background: transparent; border: solid 1px rgba(216, 216, 216, 0.6); font-weight: 600 } .b-slider .b-item .b-item__content .b-item__info a:hover, .b-slider .b-btn_big:hover, .b-slider.b-slider_first .b-btn:hover, .b-slider .b-nav.b-nav_fixed.b-nav_fixed_fourth .b-btn_transparent:hover, .b-slider .b-btn_transparent:hover { background: #f24841; border: solid 1px #f24841 } .catalog { background: #fff } .catalog .b-width { padding-top: 35px } .catalog .b-items .b-item:hover .b-item__image { box-shadow: 0 0 0 5px #f24841 } .catalog .b-item__image::after { content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 1 } .catalog .b-item__image img { display: block; height: auto; width: 100%; -webkit-filter: grayscale(95%); filter: grayscale(95%) } .catalog .b-item { position: relative; margin-bottom: 30px; height: 100% } .catalog .b-items_advantages-white .b-item__info { /* position: absolute; */ bottom: 30px; padding: 0 30px; font-size: 20px; font-weight: 600; text-align: left } .catalog .b-item__info { z-index: 1 } .catalog .b-items_advantages-white .b-item__image .b-icon, .catalog .b-items_advantages-black .b-item__image .b-icon { height: auto; width: 100% } @media (max-width: 1180px) { .catalog .b-items_advantages-white .b-item, .catalog .b-items_advantages-black .b-item { width: 50% } } @media (max-width: 600px) { .catalog .b-items_advantages-white .b-item, .catalog .b-items_advantages-black .b-item { width: 100% } } .form { background: #333536; padding: 0 } .form .b-row__title { margin-bottom: 24px } .form .b-width .b-content { color: #fff; max-width: 780px; margin: 0 auto; text-align: center; margin-bottom: 50px; line-height: 24px; max-height: 72px; overflow: hidden } .form .b-colored-form { padding: 50px 10%; padding-top: 55px; padding-bottom: 74px; position: relative; z-index: 1 } .form .b-colored-form .b-row__title .h2, .form .b-colored-form .b-row__title h2 { color: #fff; font-size: 46px; line-height: 52px } .form .b-colored-form .b-input-button { max-width: 460px } .form .b-input, .b-form__row .b-input, .b-form__row textarea { height: 38px; color: #959595; padding: 7px 20px } .b-form__row textarea { height: inherit } .form button { background: #f24841 !important; border-top-left-radius: 0; border-bottom-left-radius: 0 } .form button:hover { background: #C71E17 !important } .form .b-input-button .b-btn { width: 60px; height: 38px } .form .icon-envelope:before { content: "\e944" } @media (max-width: 600px) { .form .b-colored-form .b-row__title .h2, .form .b-colored-form .b-row__title h2 { color: #fff; font-size: 40px; line-height: 46px } } @media (max-width: 375px) { .form .b-colored-form .b-row__title .h2, .form .b-colored-form .b-row__title h2 { color: #fff; font-size: 34px; line-height: 40px } .form .b-input { padding: 0 6px; font-size: 13px } } .advantage { background-color: #a3a5a7; padding: 0; position: relative; z-index: 1 } .advantage .b-width { padding-top: 20px; padding-bottom: 40px } .advantage:before { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; z-index: -1; background: url("/local/templates/a-servis24__template/css/../images/advantage-bg.jpg"); background-position: 50% 0; background-size: cover } .advantage .b-item { box-shadow: 0 5px 30px 0 rgba(58, 14, 12, 0.25) } .advantage .b-items_advantages-white .b-item, .advantage .b-items_advantages-black .b-item { padding: 0; width: 100% } .advantage .b-items.b-items_advantages-white>div { width: 33.3%; padding: 0; padding-left: 20px; box-sizing: border-box } .advantage .b-row__title { display: none } .advantage .b-item .b-item__image { width: auto; height: auto; line-height: 94px; border-radius: 0; border: none; text-align: center; margin: 0; padding-top: 40px; padding-bottom: 30px; background-color: #fff } .advantage .b-item .b-item__image .b-icon { width: 100px; height: 100px; line-height: 94px; border-radius: 100px; border: 3px solid #f24841; text-align: center; margin: 0 } .advantage .b-item .b-item__image .b-icon img { width: 80px; height: 80px; vertical-align: top !important; margin-top: 10px !important; border-radius: 80px; } .advantage .b-item .b-item__info { background: #fff; padding-bottom: 37px; font-weight: 600 } .advantage .b-items.b-items_advantages-white { background: none; font-size: 0; margin-left: -20px } @media (max-width: 768px) { .advantage .b-items.b-items_advantages-white>div { width: 50%; margin-bottom: 20px } } @media (max-width: 600px) { .advantage .b-items.b-items_advantages-white>div { width: 100%; margin-bottom: 20px } } .news { padding: 55px 0 40px } .news h1, .news .h1 { margin: 0 0 45px } .news .b-items_news .b-item { width: 49%; border: solid 1px #d7d7d7; margin-bottom: 30px } .news .b-items_news .b-item:hover { border: solid 1px #f24841; box-shadow: 0 0 0 2px #f24841 } .news .b-items_news .b-item__image { display: none } .news .b-items_news .b-item__content { margin-left: 0; padding: 20px 30px 30px } .news .b-item__info { margin-bottom: 0 } .news .b-items_news .b-item__content .b-date { margin-bottom: 18px; display: inline-block } .news .b-mark { position: static; display: inline-block; border-radius: 5px; font-size: 12px; color: #464646; padding: 4px 10px; height: auto; width: auto; line-height: 16px; margin: 0 10px 0 0 } .news .b-mark.b-mark_green { background-color: #61b50c } .news .b-mark.b-mark_pink { background-color: #d29dc9 } .news .b-item .b-item__content .b-item__info a { background: none; font-size: 20px; line-height: 28px } .news .b-item .b-item__content .b-item__info a, .b-items_news .b-item_main-new .b-item__title, .b-items_news-right .b-item__info .b-item__title, .b-items_articles .b-item__info .b-item__title, .b-items_news .b-item__info .b-item__title { /*font-family: 'Helvetica', sans-serif;*/ color: #464646; font-weight: 600 } .news .b-item .b-item__content .b-item__info a:hover, .b-items_news .b-item_main-new:hover .b-item__title { color: #f24841 } .news .b-items_news .b-item__text, .b-items_news .b-item_main-new .b-item__text, .b-items_news .b-item__text, .b-left-col__row .b-date, .b-left-col__row .b-content { font-size: 16px; color: #707070; padding-top: 4px } .news .b-items_news .b-date, .b-items_news .b-date { line-height: 24px; color: #707070 } .news .b-btn { float: right; background: transparent; height: 36px; line-height: 36px; padding: 0 18px } .news .b-btn:hover { border: 1px solid #D8D8D8; background: #D8D8D8 } .news .b-btn span { font-size: 14px; font-weight: 600 } .b-items_news-right .b-item:hover .b-item__info .b-item__title, .b-items_articles .b-item:hover .b-item__info .b-item__title, .b-items_news .b-item:hover .b-item__info .b-item__title { color: #f24841 } @media (max-width: 600px) { .news .b-items_news .b-item { width: 100%; max-width: 500px } } .trust .b-item { display: block } .trust .b-item:hover .b-item__info .b-item__text { color: #f24841 } .trust .b-item__content { max-height: 240px; height: auto !important } .trust .b-item_white .b-item__content { padding: 0 !important } .trust .b-item .b-item__content:hover { cursor: pointer } .trust .b-item .b-item__content:hover .b-item__info .b-item__text { color: #f24841 } @media (max-width: 2200px) and (min-width: 1060px) { .trust .b-items_parthners .b-item { width: 25%; max-width: 25% } } .seo { padding: 55px 0 0 } .seo .h1, .seo h1 { text-align: left } .seo .b-row__title { margin-bottom: 20px } .seo .b-content { margin-left: 0; margin-right: 0; color: #707070; line-height: 24px; max-width: 638px; width: 100%; } .seo .b-seo__image { max-width: 621px; width: 100%; margin-left: 40px } @media (max-width: 900px) { .b-seo { display: flex; flex-wrap: wrap } .seo .b-row__title { margin-bottom: 20px; order: 1; width: 100% } .seo .b-seo__image { float: none; margin: 0 auto; order: 2; margin-bottom: 20px } .seo .b-content { order: 3; margin-right: 0 } } .b-footer_fourth .b-footer__top .b-nav a:hover { color: #f24841 } .b-footer_fourth .b-nav li { margin-right: 40px; line-height: 30px; height: 30px } @media (max-width: 900px) { .b-footer_fourth .b-footer__top .b-footer__right { display: block; float: right; margin-right: 0 } } .b-footer-left { max-width: 300px; width: 100%; } .b-footer-left .b-logo { width: 169px; margin-bottom: 35px; } .b-footer-address { font-weight: 500; font-size: 14px; line-height: 16px; margin-bottom: 30px; } .b-footer .b-footer-copyright { font-weight: 500; font-size: 12px; line-height: 14px; color: #A6A6A6; display: flex; align-items: center; } .b-footer .b-footer-copyright .copyright { margin-right: 20px; } .b-footer .b-footer-copyright a { color: #a6a6a6; } .b-footer_fourth .b-footer__top { margin-bottom: 0; border-bottom: none; } .b-footer__outro { margin-right: auto; } @media (max-width: 400px) { .footer_dev img { margin-left: 0px; margin-top: 10px; } } .b-footer_fourth { padding: 0; background: #ecf1f7; padding-top: 40px; } .b-footer_fourth .b-width { display: flex; justify-content: space-between; } .b-footer_fourth .b-footer__right { padding-top: 0; margin-top: 12px } .b-footer_fourth .b-footer__right .b-made { font-size: 14px; line-height: 20px; color: #707070 } .b-footer_fourth .b-footer__right .b-made:hover { color: #f24841 } .b-footer_fourth .b-nav { margin-right: 0px; display: flex; justify-content: center; width: 100%; padding: 0px 30px; } .b-footer_fourth .b-footer__top .b-nav a { line-height: 20px; font-size: 15px; font-weight: 600; color: #464646; text-transform: uppercase } .b-footer_fourth .b-contact__info { margin-bottom: 18px; margin-left: 0px; } .b-footer_fourth .b-contact__info a { font-weight: 600; font-size: 24px; line-height: 28px; } .b-footer_fourth .b-copy { margin-bottom: 12px; margin-top: 12px; font-size: 16px; line-height: 26px; color: #707070 } .b-footer_fourth .b-footer__seo.b-small { font-size: 14px; line-height: 20px; color: #707070 } .b-footer_fourth .b-soc .b-icon.b-icon_vk { order: 2 } .b-footer_fourth .b-soc .b-icon.b-icon_vk:before { content: "\e907"; display: block } .b-footer_fourth .b-soc .b-icon.b-icon_f { order: 1 } .b-footer_fourth .b-soc .b-icon.b-icon_f:before { content: "\e900"; display: block } .b-footer_fourth .b-soc .b-icon.b-icon_inst { order: 3 } .b-footer_fourth .b-soc .b-icon.b-icon_inst:before { content: "\e901"; display: block } .b-footer_fourth .b-soc li:nth-child(4) { display: none } .b-footer_fourth .b-footer__right .kitum { color: #f24841; font-size: 14px; line-height: 22px } .b-footer_fourth .b-nav .b-nav__list { justify-content: flex-start; flex-wrap: wrap; padding: 20px 0 } .b-footer_fourth .b-soc .b-icon { color: #a1a1a1; opacity: 1 } .b-footer_fourth .b-soc .b-icon:hover { color: #f24841; opacity: 1 } @media (min-width: 901px) and (max-width: 918px) { .b-nav .b-nav__list>li>a { font-size: 14px } } @media (max-width: 900px) { .b-footer_fourth .b-soc { float: right } .b-footer_fourth>.b-width:last-child { padding-bottom: 0 } } @media (max-width: 600px) { .b-footer_fourth .b-soc { float: none; justify-content: center } .b-footer_fourth .b-soc li { margin: 0 30px } } @media (max-width: 375px) { .b-footer_fourth .b-footer__top .b-footer__right { float: none } } .b-breadcrumbs li { font-size: 14px; line-height: 24px; color: #707070 } .b-breadcrumbs li a:hover { color: #f24841 } .b-breadcrumbs li span { color: #99C60D; } .b-container .b-breadcrumbs { margin-top: 0 } .b-container .b-breadcrumbs a { font-size: 14px; line-height: 24px } .b-container .b-right-col .b-right-col__nav { position: relative; background: #f24841; font-weight: 600; color: #fff } .b-right-col ul.b-right-col__nav li.active ul li a { background: #dde4e8; font-size: 12px; color: #333536; font-weight: 600 } .b-right-col ul.b-right-col__nav li.active ul li a:hover { color: #f24841 } .b-left-col.b-left-col_white .b-card__image { position: relative } .b-left-col.b-left-col_white .b-card__image .b-mark { position: absolute; height: 85px; width: 85px; line-height: 78px; text-align: center; border-radius: 85px; font-size: 14px; margin: 0 } .b-left-col .b-card__image .b-mark.b-mark_green { background-color: #61b50c } .b-left-col .b-card .b-gallery_slider .owl-item a img { border: solid 5px transparent } .b-left-col .b-card .b-gallery_slider .owl-item a:hover img { border: solid 5px #333536 } .b-left-col .b-card .parameter { text-align: left; padding: 30px 0 } .b-left-col .b-card .parameter .b-btn_small { background: transparent; color: #707070; font-size: 14px; line-height: 24px; text-transform: lowercase; height: auto; border-radius: 15px } .b-left-col .b-card .parameter .b-btn_small+.b-btn_small { margin-left: 10px } .b-left-col .b-card .parameter .b-btn_small.active { background: #4a4a4a; color: #fff } .b-left-col .b-card .parameter .b-btn_small:hover { background: #D8D8D8 } .b-left-col .b-card .b-catalog__description p, .b-left-col .b-card .b-catalog__description { padding: 0 } .b-left-col .b-row__title { margin-top: 60px } .b-left-col .b-row__title .h1 { text-align: left } .b-catalog__description p, .b-catalog__description, .b-left-col .b-card p, .b-left-col .b-content__text p, .b-container .b-content__text { font-size: 16px; line-height: 24px; text-align: left; color: #252525 } .b-container .b-card .b-form span.require { display: block; font-size: 16px; line-height: 24px; color: #707070; margin-bottom: 30px } .b-container .b-card .b-form .b-form__label label { font-size: 16px; line-height: 24px; color: #707070 } .b-container .seo .b-width { padding: 0 } .b-container .seo { position: relative } .b-container .seo::before { content: ''; position: absolute; display: block; width: 200%; height: 1px; background: #d3dbe0; left: -50%; top: 0 } .b-items_catalog .b-item__image, .b-items_catalog-second .b-item__image { float: none; width: 100%; height: auto; min-height: 100px; box-shadow: 0 5px 0 0 #f24841; transition: box-shadow .3s ease } .b-items_catalog .b-item:hover .b-item__image { box-shadow: 0 0 0 5px #f24841 } .b-items_catalog .b-item__image::after { content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 1 } .b-items_catalog .b-item__image img, .b-items_catalog-second .b-item__image img { display: block; height: 100%; width: 100%; -webkit-filter: grayscale(95%); filter: grayscale(95%); -webkit-object-fit: cover; object-fit: cover } .b-items_catalog .b-item__content, .b-items_catalog-second .b-item__content { margin-left: 0; position: absolute; bottom: 30px; left: 0; padding: 0 40px; width: 100%; background: transparent; z-index: 1 } .b-items_catalog .b-item__content .b-item__title, .b-items_catalog-second .b-item__content .b-item__title { color: #fff; margin-bottom: 0 } .b-items_catalog .b-item__content .b-item__info, .b-items_catalog-second .b-item__content .b-item__info { margin-bottom: 0 } .b-container .b-items_cards .b-item { align-items: stretch; display: flex; position: relative; flex-direction: column; margin-bottom: 40px } .b-container .b-items_cards .b-item .b-item__image .b-mark { left: 20px; top: 20px; right: auto; bottom: auto; margin-left: 0; text-transform: uppercase; font-size: 14px; line-height: 24px; border-radius: 4px } .b-items_cards .b-item_minimal .b-item__info { line-height: 24px; text-align: left; color: #707070 } .b-items_cards .b-item_minimal .b-item__info .b-price, .b-items_cards .b-item_minimal .b-item__info .b-btn { display: none } .b-container .b-title, .b-breadcrumbs.b-width+.b-title.b-width h1 { margin-bottom: 0 } .b-container .b-items_services .b-item { width: 33.333333%; position: relative; padding: 0 10px; height: 100%; overflow: visible } .b-items_services .b-item__image { float: none; width: 100%; height: auto; min-height: 100px; box-shadow: 0 5px 0 0 #f24841; transition: box-shadow .3s ease } .b-items_services .b-item:hover .b-item__image { box-shadow: 0 0 0 5px #f24841 } .b-items_services .b-item__image::after { content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); width: 100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 1 } .b-items_services .b-item__image img { display: block; height: auto; width: 100%; -webkit-filter: grayscale(95%); filter: grayscale(95%) } .b-items_services .b-item__content { margin-left: 0; position: absolute; bottom: 30px; left: 0; padding: 0 40px; width: 100%; height: auto; background: transparent; z-index: 1 } .b-items_services .b-item__content .b-item__info { margin-bottom: 0 } .b-container .b-card .b-gallery_slider .owl-carousel .owl-item { width: 138.2px; margin-right: 0 } .b-parthners .owl-prev:before, .b-gallery__content .owl-prev:before, .b-parthners .owl-next:before, .b-gallery__content .owl-next:before { border-color: #d8d8d8; opacity: 1; z-index: -1 } .b-parthners .owl-prev:hover::before, .b-gallery__content .owl-prev:hover::before, .b-parthners .owl-next:hover::before, .b-gallery__content .owl-next:hover::before { background-color: #d8d8d8 } .b-items_services .b-item { max-width: none } .b-items_services .b-item__info { position: relative; padding: 0; max-height: none } @media (max-width: 899px) { .b-container .b-items_catalog .b-item, .b-items_catalog-second .b-item, .b-container .b-items_services .b-item { width: 50%; flex: 0 0 auto } .b-items_services { margin: 0 } } .b-container>.b-container__cols.b-width { padding-top: 30px } .b-container>.b-container__cols>* { max-width: 100% } .b-container .b-left-col>ymaps { margin-bottom: 30px } .b-left-col .b-content__text p a { margin-left: 0 } .b-left-col h2, .b-left-col .h2 { /*font-family: 'Helvetica', sans-serif;*/ color: #252525 } .b-get:hover { color: #f24841 !important } .b-nav .b-icon.icon-telephone { color: #fff } .b-slider .owl-dot:hover, .b-slider .owl-prev:hover::before, .b-slider .owl-next:hover::before { background: #d8d8d8; opacity: .5; border: 1px solid #d8d8d8 } .b-parthners .owl-prev:hover::after, .b-gallery__content .owl-prev:hover::after, .b-parthners .owl-next:hover::after, .b-gallery__content .owl-next:hover::after { font-size: 20px; content: "\e93b"; font-family: 'Linearicons' } .b-parthners .owl-next:hover::after, .b-gallery__content .owl-next:hover::after { content: "\e93c" } .b-nav.b-nav_fixed.b-nav_fixed_fourth a.b-nav__btn:hover span.b-icon.b-icon_nav, .b-nav.b-nav_fixed.b-nav_fixed_fourth a.b-nav__btn:hover, .b-nav.b-nav_fixed .b-icon.b-icon_nav.icon-menu:hover, .b-nav.b-nav_fixed .b-contact .b-contact__info a:hover { color: #333536 } .b-right-col ul.b-right-col__nav li.active>a { position: relative } .b-right-col ul.b-right-col__nav li.active>a::before { content: ''; position: absolute; top: 0; right: 100%; width: 30px; height: 100%; background-image: linear-gradient(to top left, transparent 50%, #eff2f4 50%), linear-gradient(to top right, #eff2f4 50%, #d1261f 50%) } .b-container .b-right-col .b-right-col__nav::after { content: ''; position: absolute; bottom: 100%; right: 0; width: 80%; background: #a10700; height: 10px } .b-container .b-right-col .b-right-col__nav::before { content: ''; position: absolute; bottom: 100%; left: 4px; width: 80%; background: #a10700; height: 10px; transform: skewX(140deg) } @media (max-width: 900px) { .b-right-col ul.b-right-col__nav li.active>a::before { display: none } .b-container .seo { order: 3 } } .b-left-col .b-card .b-form .b-btn_form:hover, .b-left-col .b-form__row .b-btn_form:hover { background: #a10700 !important } .b-header__top .b-width>.b-contact .communicate a:hover, .b-header__right .communicate a:hover, .b-left-col .b-content__text p a:hover { color: #a10700 } .b-get:not(:hover) { color: #707070 !important } .b-popup .h2, .b-popup h2 { color: #252525 } .b-popup .b-btn.b-btn_form .b-icon, .b-form .b-btn.b-btn_form .b-icon { display: none } .b-form .errorSummary p { font-size: 16px; line-height: 24px; color: #707070 } .b-mark_green { background-color: #61b50c } .b-mark_pink { background-color: #d29dc9 } .b-right-col__nav.b-right-col__nav_white .b-right-col__sub-nav>li.active a { color: #f24841 } .b-right-col__nav.b-right-col__nav_white .b-right-col__sub-nav>li.active a:before { display: none } .b-nav_mobile { background: #f24841 } .owl-carousel .owl-item img { -webkit-filter: none; filter: none } .fancybox-type-image .fancybox-nav { border: 1px solid #fff } .fancybox-type-image .fancybox-nav:hover { border: 1px solid #f24841; color: #f24841 } .fancybox-type-image .fancybox-nav span { right: 0; left: 14px; top: 0; margin: 0; height: 48px; width: 20px } .fancybox-type-image .fancybox-close { height: 50px; width: 50px; color: #fff; top: 1%; right: 1%; margin: 10px } .fancybox-type-image .fancybox-close:hover { color: #f24841 } .fancybox-type-image .fancybox-close:before { position: absolute; top: 6px; left: 15px } @media (max-width: 950px) { .fancybox-type-image .fancybox-outer>a.fancybox-nav.fancybox-next { right: 0; margin-right: 10px } .fancybox-type-image .fancybox-outer>a.fancybox-nav.fancybox-prev { left: 0; margin-left: 10px } .fancybox-type-image .fancybox-close, .fancybox-type-image .fancybox-nav, .fancybox-type-image .fancybox-nav:hover { border: none } } .b-btn_transparent { background: transparent; height: 36px; line-height: 36px; padding: 0 18px; border: 1px solid #d8d8d8; color: #333; border-radius: 40px } .b-btn_transparent:hover { border: 1px solid #D8D8D8; background: #D8D8D8 } .b-radio label:before, .b-checkbox label:before { background: #707070 } .b-radio label:hover:before, .b-checkbox label:hover:before { background: #29211f } .b-radio input:checked+label:before, .b-checkbox input:checked+label:before { background: #f24841 } .b-right-col .b-items .b-item__content, .b-right-col .b-items .b-item__info { background: #fff } .b-right-col .b-items .b-item__content .b-item__title { color: #464646; font-weight: 600 } .b-right-col .b-items .b-item:hover .b-item__content .b-item__title { color: #f24841 } .b-right-col .b-items .b-item .b-item__content .b-item__text, .b-right-col .b-items .b-item:hover .b-item__content .b-item__text { color: #707070 } .b-right-col .b-items .b-item__content .b-btn.b-btn_transparent { color: #333; border: 1px solid #d8d8d8 } @media (max-width: 768px) { .b-slider_first .b-slider__content h1, .b-slider_first .b-slider__content .h1 { font-size: 38px } } .b-header__top .b-width>.b-contact .communicate a, .b-header__right .communicate a, .b-left-col .b-content__text a, .b-left-col .b-content__text p a { color: #f24841 } .b-header__top .b-width>.b-contact .communicate a:visited, .b-header__right .communicate a:visited, .b-left-col .b-content__text a:visited, .b-left-col .b-content__text p a:visited { color: #a10700 } .b-header__top .b-width>.b-contact .communicate a:hover, .b-header__right .communicate a:hover, .b-left-col .b-content__text a:hover, .b-left-col .b-content__text p a:hover { color: #d1261f } .b-left-col__row p a, .b-left-col__row p a:visited { color: #006ac5; border-bottom: 1px dotted #006ac5; } .b-left-col__row p a:hover { color: #86AE22; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { color: #252525 } .b-content ul, .b-left-col__row ul { list-style-type: none; padding-left: 0 } .b-left-col__row ul li { color: inherit; padding-left: 40px } .b-left-col__row ul li:before, .b-content ul li:before { position: relative; position: absolute; content: ""; width: 7px; height: 7px; background: #f2484100; border-radius: 50%; top: 8px; left: 23px } .b-content ol, .b-left-col__row ol { list-style-type: decimal; padding-left: 40px; margin: 16px 0 } table { display: block; overflow-x: auto } table thead, table tbody { display: table } .b-left-col.b-left-col_white .b-card__image .b-mark, .news .b-mark, .b-mark, .b-container .b-items_cards .b-item .b-item__image .b-mark { border-radius: 5px; /*font-family: 'Helvetica', sans-serif;*/ color: #fff; padding: 4px 10px; height: auto; width: auto; margin: 0 10px 0 0; text-transform: none; line-height: 14px; display: flex; align-items: center } .b-left-col__row .b-image>.b-mark, .b-card__image .b-mark { top: 30px; left: 30px; font-size: 14px } .b-items_catalog .b-item__text, .b-items_catalog-second .b-item__text { color: #fff } .b-slider .b-btn.b-btn_form:hover { background-color: rgba(255, 255, 255, 0.4); border: solid 1px rgba(255, 255, 255, 0.1); color: #fff } .b-slider .b-btn.b-btn_form.fancy { background: #f24841; border: solid 1px #f24841 } .b-slider .b-btn.b-btn_form.fancy:hover { background: #c71e17; border: solid 1px #c71e17 } .b-pager ul:not(.b-pager__filter) li a:not(.b-prev):not(.b-next):hover { color: #f24841 } .fancybox-opened { left: 50% !important; transform: translateX(-50%); min-width: 423px !important; z-index: 8030 } .fancybox-inner { min-width: 423px !important; overflow: visible !important; height: auto !important } @media (max-width: 768px) { .advantage { display: none !important } } @media (min-width: 901px) { .b-resize { display: none } } @media (max-width: 900px) { .b-resize { font-size: 14px; line-height: 20px; color: #707070; cursor: pointer; margin-bottom: 10px } .b-resize:hover { color: #f24841 } } .b-header__top .b-width>.b-contact .communicate a:hover, .b-header__right .communicate a:hover { color: #555 } .b-slider .owl-dot.active { cursor: auto } .b-slider .owl-dot.active:hover { background: none; opacity: 1 } .b-slider .owl-dot.active:hover::before { background: #f24841; opacity: 1; border: none } .b-slider__image img { opacity: 1 } .b-card__image img { width: auto; max-width: 100%; max-height: 400px } /*body { -moz-osx-font-smoothing: grayscale }*/ @media (max-width: 900px) { .b-container .b-left-col .b-card { padding: 0 20px } .b-left-col .b-card__image img { margin: 0 } } @media (max-width: 800px) { .b-left-col .b-card__image { max-width: 100% } } @media (max-width: 600px) { .b-header__top .b-contact .b-contact__info .h4 { font-size: 16px } } @media (max-width: 500px) { .fancybox-inner, .fancybox-opened { min-width: 0 !important; width: 100% !important } .b-form__row .b-input, .b-form__row textarea { padding: 5px } } @media (max-width: 350px) { .b-header__top .b-contact .b-contact__info .h4 { font-size: 14px } } .jsDisabled .b-slider__item:first-of-type { display: none } .jsLoading .b-slider__item:first-of-type, .jsLoaded .b-slider__item { display: block } .b-left-col .b-image>img { width: 60% } .articles .b-left-col .b-image>img { width: 100% } .b-left-col .b-image.b-image_wide>img { width: 100% } table tr td { border: 1px solid #737373 } @media (max-width: 350px) { .catalog .b-items_advantages-white .b-item__info { padding: 0 10px; font-size: 18px; margin: 0 10px; left: 0 } .form .b-colored-form .b-row__title .h2, .form .b-colored-form .b-row__title h2 { font-size: 30px } .b-row__title .h1, .b-row__title h1, h1, .h1 { font-size: 34px } .b-content.b-content_padded { padding-left: 0 } } @media (max-width: 300px) { .catalog .b-items_advantages-white .b-item__info { padding: 0 5px } } .banner-item .b-item { position: relative; display: flex; } .banner-item .banner-bg { max-width: 80%; width: 100%; /* height: 520px; */ position: relative; } .banner-item a, .banner-item .b-item__image { display: block; width: 100%; height: 100%; } .banner-item .b-item__image::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.24); z-index: 1; } .banner-item .banner-bg img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .banner-item .banner-description { position: absolute; bottom: 0; left: 0; max-width: 100%; height: 100%; z-index: 2; padding: 40px 60px; display: flex; flex-direction: column; justify-content: space-between; } .banner-description-top{ margin-bottom: auto; /* margin-top: 0; */ } .banner-item .banner-description p { color: white; font-weight: bold; font-size: 24px; line-height: 140%; margin-bottom: 0; margin-top: auto; } .banner-content { max-width: 325px; display: flex; flex-direction: column; overflow: hidden; justify-content: space-between; } .banner-content-item { background-color: #99C60D; color: white; padding: 27px 35px; text-align: center; height: 100%; } .banner-content-item:nth-child(2) { background-color: #A5D513; } .banner-content-item:nth-child(3) { background-color: #B2E417; } .banner-content-img img { margin: 0 auto; margin-bottom: 25px; } .banner-content-item .banner-content-title { font-weight: bold; font-size: 18px; line-height: 120%; color: white; margin-bottom: 5px; letter-spacing: -0.04em; } .banner-content-description { font-weight: normal; font-size: 14px; line-height: 120%; } @media (max-width: 1200px) { .banner-item .b-item { flex-wrap: wrap; } .banner-item .banner-bg { max-width: 100%; min-height: 520px; } .banner-content { max-width: 100%; width: 100%; max-height: none; flex-direction: row; } .banner-content-item { width: 33.33%; } } @media (max-width: 768px) { .banner-content { flex-direction: column; } .banner-content-item { width: 100%; } .banner-item .banner-description p { font-size: 16px; } .banner-item .banner-description{ padding: 20px; } } .area-list { display: flex; flex-wrap: wrap; margin-bottom: 60px; } .area-item { width: 25%; background-color: #99C60D; border: 5px solid #FFFFFF; text-align: center; padding: 25px 20px 22px; } .area-img { margin-bottom: 25px; } .area-img img { margin: 0 auto; } .area-item .area-title { font-weight: bold; font-size: 18px; line-height: 120%; color: white; margin-bottom: 0; letter-spacing: -0.04em; } .area-description { color: white; font-weight: normal; font-size: 14px; line-height: 140%; margin-top: 15px; } .area-item .area-description{ margin-bottom: 0; color: #fff; } @media (max-width:600px) { .area-item .area-description { font-size: 14px; } } .area-list-description .area-item { width: 100%; max-width: 33.33% } .b-docs-list { display: flex; align-items: center; flex-wrap: wrap; margin-left: -25px; margin-bottom: -25px; } .b-docs-list .b-item { width: 33.33%; padding: 0px 0px 0px 25px; } .b-docs-item { border: 1px solid #C4C4C4; padding: 22px 25px; padding-left: 100px; background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 0C10.9969 0 9.5625 1.43437 9.5625 3.1875V47.8125C9.5625 49.5656 10.9969 51 12.75 51H44.625C46.3781 51 47.8125 49.5656 47.8125 47.8125V12.75L35.0625 0H12.75Z' fill='%23E2E5E7'/%3E%3Cpath d='M38.25 12.75H47.8125L35.0625 0V9.5625C35.0625 11.3156 36.4969 12.75 38.25 12.75Z' fill='%23B0B7BD'/%3E%3Cpath d='M47.8125 22.3125L38.25 12.75H47.8125V22.3125Z' fill='%23CAD1D8'/%3E%3Cpath d='M41.4375 41.4375C41.4375 42.3141 40.7203 43.0312 39.8438 43.0312H4.78125C3.90469 43.0312 3.1875 42.3141 3.1875 41.4375V25.5C3.1875 24.6234 3.90469 23.9062 4.78125 23.9062H39.8438C40.7203 23.9062 41.4375 24.6234 41.4375 25.5V41.4375Z' fill='%23F15642'/%3E%3Cpath d='M10.1348 30.1966C10.1348 29.7759 10.4663 29.3169 11.0002 29.3169H13.9438C15.6013 29.3169 17.0931 30.4261 17.0931 32.5522C17.0931 34.5667 15.6013 35.6887 13.9438 35.6887H11.8162V37.3717C11.8162 37.9327 11.4592 38.2499 11.0002 38.2499C10.5794 38.2499 10.1348 37.9327 10.1348 37.3717V30.1966ZM11.8162 30.9218V34.0965H13.9438C14.7981 34.0965 15.4738 33.3427 15.4738 32.5522C15.4738 31.6613 14.7981 30.9218 13.9438 30.9218H11.8162Z' fill='white'/%3E%3Cpath d='M19.5887 38.2499C19.168 38.2499 18.709 38.0204 18.709 37.461V30.2221C18.709 29.7647 19.168 29.4316 19.5887 29.4316H22.5069C28.3304 29.4316 28.2029 38.2499 22.6216 38.2499H19.5887ZM20.392 30.9871V36.696H22.5069C25.9478 36.696 26.1008 30.9871 22.5069 30.9871H20.392Z' fill='white'/%3E%3Cpath d='M30.2686 31.089V33.1147H33.5183C33.9773 33.1147 34.4363 33.5737 34.4363 34.0183C34.4363 34.4391 33.9773 34.7833 33.5183 34.7833H30.2686V37.4592C30.2686 37.9055 29.9515 38.2482 29.5052 38.2482C28.9442 38.2482 28.6016 37.9055 28.6016 37.4592V30.2204C28.6016 29.763 28.9458 29.4299 29.5052 29.4299H33.9789C34.5399 29.4299 34.8714 29.763 34.8714 30.2204C34.8714 30.6284 34.5399 31.0874 33.9789 31.0874H30.2686V31.089Z' fill='white'/%3E%3Cpath d='M39.8438 43.0312H9.5625V44.625H39.8438C40.7203 44.625 41.4375 43.9078 41.4375 43.0312V41.4375C41.4375 42.3141 40.7203 43.0312 39.8438 43.0312Z' fill='%23CAD1D8'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; /* background-size: contain; */ background-position: 25px 22px; width: 100%; margin-bottom: 25px; } .b-docs-title { font-size: 14px; line-height: 140%; margin-bottom: 20px; } .b-docs-footer { display: flex; align-items: center; } .b-docs-download { background: #84B7BE; border-radius: 5px; font-weight: 600; font-size: 12px; line-height: 140%; text-align: center; padding: 9px 32px; color: #fff; margin-right: 16px; transition: opacity 0.2s ease; } .b-docs-download:hover { color: #fff; opacity: 0.8; } .b-docs-size { font-size: 12px; line-height: 140%; } @media (max-width: 1200px) { .area-item { width: 50%; } .area-list-description .area-item { width: 50%; max-width: 100% } .b-docs-list .b-item { width: 50%; } } @media (max-width: 768px) { .area-item { width: 100%; } .area-list-description .area-item { width: 100%; } .b-docs-list .b-item { width: 100%; } } .b-slider__banner.b-slider .b-width { min-height: 380px; } .b-slider__banner.b-slider .b-slider__item { min-height: 380px; } .b-slider.b-slider__banner .b-slider__content { background-color: #F0EFF4; padding: 54px 86px; height: 100%; font-size: 18px; line-height: 21px; max-width: 67%; } .b-slider__banner .b-slider__image { max-width: 33%; } .b-slider__banner .b-slider__image::after { display: none; } .b-slider__banner .owl-controls .owl-prev { left: 0px !important; } .b-slider__banner .owl-controls .owl-next { right: 20px !important; } @media (max-width: 1080px) { .b-slider.b-slider__banner .b-slider__content { max-width: 100%; } .b-slider__banner .b-slider__image { max-width: 100%; } } @media (max-width: 768px) { .b-slider.b-slider__banner .b-slider__content { padding: 25px; } } /* End */ /* Start:/local/templates/a-servis24__template/css/app-new.css?1769766378180277*/ *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus { outline: none; } html, body { min-width: 320px; overflow-x: hidden; } body { padding: 0; margin: 0; background: #edf1f8; font-family: "Raleway", sans-serif; font-size: 16px; line-height: 1.4; color: #414141; } p { margin: 0; padding: 0; border: 0; } .b-slider .owl-controls .owl-nav, .b-width { max-width: 1360px; width: 100%; margin: 0 auto; padding: 0 30px; } .b-rub { display: inline; } .b-container { background-color: #fff; padding-top: 30px; } header.b-header { background-color: #fff; padding: 18px 0 0; position: relative; z-index: 4; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); } .b-header__top .header-block { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; } .b-header__top .header-block .b-company { order: 2; margin-left: 7vw; } .header-right-block.header-right-block--links { margin-right: 7vw; } .b-width.order-list a, .b-width.order-list a:hover { color: #99c60d !important; } .b-header__top .header-block.top-menu { margin-top: 20px; } .b-header__top .header-block .b-nav { width: 100%; } .b-header__top .header-block .header-right-block { order: 3; text-align: center; } .b-header__top .header-block.top-menu .header-right-block { display: none; } .b-header__top .header-block .working-time-header { color: #a4a4a4; font-size: 13px; line-height: 1.38462; letter-spacing: -0.01em; margin-top: 12px; } .b-header__top .header-block .contacts__phone { white-space: nowrap; font-size: 19px; line-height: 2; letter-spacing: 0.03em; color: #1f1f1f; font-weight: 700; } .b-header__top .contacts { position: relative; } .b-header__top .contacts .contacts__dropdown { display: none; position: absolute; top: 100%; right: 0; min-width: 330px; padding: 38px 30px; padding-right: 100px; background: #fff; -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); border-radius: 3px; font-weight: 500; color: #b0b0b0; text-align: left; opacity: 0; visibility: hidden; z-index: 2; pointer-events: none; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: opacity 0.3s ease 0.05s, visibility 0 0.3s, -webkit-transform 0.3s ease; -o-transition: opacity 0.3s 0.05s ease, transform 0.3s ease, visibility 0 0.3s; transition: opacity 0.3s ease 0.05s, transform 0.3s ease, visibility 0 0.3s, -webkit-transform 0.3s ease; } .b-header__top .contacts:hover .contacts__dropdown { opacity: 1; visibility: visible; z-index: 2; -webkit-transform: none; -ms-transform: none; transform: none; pointer-events: all; -webkit-transition: opacity 0.3s ease, visibility 0 0s, -webkit-transform 0.3s ease; -o-transition: opacity 0.3s ease, transform 0.3s ease, visibility 0 0; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0 0s, -webkit-transform 0.3s ease; } .b-header__top .header-block .b-nav .b-width { max-width: none; width: auto; margin: 0; } .b-header .b-nav { background: transparent; } .b-header .b-nav .b-nav__list { background: transparent; padding: 0; margin: 0; width: 100%; justify-content: center; } .b-header .b-nav .b-nav__list li { height: auto; line-height: normal; } .b-header .b-icon.b-icon_toggle.icon-magnifier { display: none; } .b-header .b-nav .b-nav__list a { position: relative; display: block; /* padding: 15px 8px; */ color: #000; text-transform: none; font-size: 18px; line-height: 21px; /* letter-spacing: -0.01em; */ /*font-family: "Lato", sans-serif;*/ } @media (min-width: 1081px) { .has_submenu>a::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 6L7.99999 10.6667L3.33332 6' stroke='%23262F56' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; right: 17px; top: 24px; position: absolute; width: 16px; height: 16px; } .b-header.fix-menu .has_submenu::after { right: 0px; top: 14px; } } .b-header .b-nav .b-nav__list .active a::after { width: 100%; } .b-header .contacts:after { content: ""; position: absolute; right: -12px; top: 15px; display: block; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .b-header .contacts:not(.show-mobile):hover:after { -webkit-transform: rotate(-45deg) translate(-2px, 2px); -ms-transform: rotate(-45deg) translate(-2px, 2px); transform: rotate(-45deg) translate(-2px, 2px); } header.b-header .b-nav .b-nav__list::after, header.b-header .b-nav li::before, .b-header .b-nav .b-nav__list::before { content: none !important; } .b-header .header-right-block #modal_callback_link, .b-header .header-right-block .cart_button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 9px 15px 8px; font-size: 15px; line-height: 16px; letter-spacing: -0.01em; font-weight: 500; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; display: inline-block; margin-top: 18px; background-color: #99c60d; color: #fff; box-shadow: none; border-radius: 20px; min-width: 135px; text-align: center; } .b-header .header-right-block #modal_callback_link:hover, .b-header .header-right-block .cart_button:hover { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); } .header-right-block #modal_callback_link .icon, .b-header .header-right-block .cart_button .icon { display: none; } .header-right-block #modal_callback_link:before, .b-header .header-right-block .cart_button:before, .b-header_fifth-new.fix-menu #modal_callback_link:before { content: ""; width: 16px; height: 16px; margin-right: 5px; pointer-events: none; display: inline-block; vertical-align: bottom; background: center center no-repeat; background-size: 100%; } .header-right-block #modal_callback_link:before, .b-header_fifth-new.fix-menu #modal_callback_link:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E"); } .b-header .header-right-block .cart_button:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0020 4H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E"); } .b-header .header-right-block .contract .cart_button:before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTExLjQ0OSA1MTEuNDQ5IiAgdmlld0JveD0iMCAwIDUxMS40NDkgNTExLjQ0OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJtMjg3LjcyNCAxMjguMDU4aC03NC42NjdjLTExLjU5OCAwLTIxIDkuNDAyLTIxIDIxdjg1LjY2N2gtMjEuNjY2Yy0xMS41OTggMC0yMSA5LjQwMi0yMSAyMXM5LjQwMiAyMSAyMSAyMWgyMS42NjZ2MjJoLTIxLjY2NmMtMTEuNTk4IDAtMjEgOS40MDItMjEgMjFzOS40MDIgMjEgMjEgMjFoMjEuNjY2djIxLjY2N2MwIDExLjU5OCA5LjQwMiAyMSAyMSAyMXMyMS05LjQwMiAyMS0yMXYtMjEuNjY3aDQzYzExLjU5OCAwIDIxLTkuNDAyIDIxLTIxcy05LjQwMi0yMS0yMS0yMWgtNDN2LTIyaDUzLjY2N2M0MC45ODcgMCA3NC4zMzMtMzMuMzQ2IDc0LjMzMy03NC4zMzMgMC00MC45ODgtMzMuMzQ1LTc0LjMzNC03NC4zMzMtNzQuMzM0em0wIDEwNi42NjZoLTUzLjY2N3YtNjQuNjY3aDUzLjY2N2MxNy44MjggMCAzMi4zMzMgMTQuNTA0IDMyLjMzMyAzMi4zMzNzLTE0LjUwNCAzMi4zMzQtMzIuMzMzIDMyLjMzNHoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg=="); width: 27px; } .b-main a[href^="tel"]:hover { color: #40a629; -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } header.b-header .contacts__phones a { display: block; margin-bottom: 10px; font-size: 19px; line-height: 1.36842; letter-spacing: 3%; color: #1f1f1f; /* font-family: "Helvetica", sans-serif; */ font-weight: 700; white-space: nowrap; } header.b-header .contacts__email, header.b-header .contacts__block { margin-bottom: 10px; } header.b-header .contacts__dropdown .contacts__phones, header.b-header .contacts__dropdown .contacts__email { margin-bottom: 17px; white-space: nowrap; } header.b-header .contacts__dropdown .contacts__block { margin-bottom: 30px; } header.b-header .contacts__dropdown .contacts__block p { font-size: 13px; line-height: 1.38462; font-weight: 500; color: #b0b0b0; letter-spacing: -0.01em; } .b-header.fix-menu { height: 128px; } .b-header.fix-menu .b-header__top .header-block .b-width { position: fixed; left: 0; width: 100%; background: #fff; top: 0; margin-top: 0; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); height: 60px; } .b-header.fix-menu .b-header__top .header-block.top-menu .header-right-block { position: fixed; top: 0; right: calc((100vw - 1280px) / 2); display: block; max-width: 1280px; margin: 0 auto; width: 330px; height: 60px; padding-top: 9px; } .b-header.fix-menu .b-header__top .b-toggle__menu { max-width: 1280px; width: calc(100% - 330px); margin: 0 auto; justify-content: flex-start; align-items: center; } .b-header.b-header_fifth { margin-bottom: 0; } .b-main .btn, .b-btn { display: inline-block; text-align: center; padding: 12px 30px; font-size: 15px; line-height: 1.33333; font-weight: 400; color: #fff; background-color: #99c60d; -webkit-transform: none; -ms-transform: none; transform: none; transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.15s ease, -webkit-transform 0.15s ease, box-shadow 0.25s ease; letter-spacing: -0.01em; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: auto; border: none; border-radius: 10px; box-shadow: none; } .b-left-col .b-card .b-form .b-btn_form, .b-left-col .b-form__row .b-btn_form { padding: 12px 30px !important; background-color: #1f1f1f !important; font-weight: 700 !important; } .b-main .btn:focus, .b-main .btn:hover, .b-btn:focus, .b-btn:hover, .b-left-col .b-card .b-form .b-btn_form:focus, .b-left-col .b-card .b-form .b-btn_form:hover, .b-left-col .b-form__row .b-btn_form:focus, .b-left-col .b-form__row .b-btn_form:hover { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); } .b-main .btn:disabled, .b-btn:disabled { opacity: 0.6; pointer-events: none; } .b-main .btn:active, .b-btn:active, .b-left-col .b-form__row .b-btn_form:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); -webkit-transition: -webkit-transform 0.15s ease; -o-transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease; } .b-popup .b-btn.b-btn_form { background-color: #99c60d !important; } .b-popup .b-btn.b-btn_form:hover { background-color: #99c60d !important; } .mobile-menu-info { display: none; } .b-items.b-items_catalog { justify-content: flex-start; } .b-container .b-items_catalog .b-item, .b-items_catalog-second .b-item { width: 33.333333%; position: relative; height: 100%; overflow: visible; padding: 0 15px; } .b-items_advantages-white .b-item, .b-items_advantages-black .b-item, .b-container .b-items_catalog .b-item, .b-items_catalog-second .b-item, .b-container .b-items_services .b-item { padding: 0 15px !important; } .b-container .b-items_services .b-item { /* max-width: 33.333333%; */ max-width: 25%; } @media(max-width: 1100px) { .b-container .b-items_services .b-item { max-width: 33.3333333%; } } .b-items.b-items_catalog, .catalog .b-items_advantages-white, .catalog .b-items_advantages-black, .b-items_services { margin-left: -15px; margin-right: -15px; } .b-container .b-items_catalog .items_catalog { /* font-family: "Helvetica", sans-serif; */ border: 1px solid #fff; -webkit-transition: border-color 0.15s ease; -o-transition: border-color 0.15s ease; transition: border-color 0.15s ease; background-color: #fff; } .b-container .b-items_catalog .b-item:hover .items_catalog { border: 1px solid #dfdfdf; } .b-items_catalog .b-item__image, .b-items_catalog .b-item:hover .b-item__image, .catalog .b-items .b-item .b-item__image, .catalog .b-items .b-item:hover .b-item__image, .b-items_services .b-item__image, .b-items_services .b-item:hover .b-item__image { box-shadow: none; } .b-items_catalog .b-item__image::after, .catalog .b-item__image::after, .b-items_services .b-item__image::after { content: none; } .b-items_catalog .b-item__image img, .catalog .b-item img, .b-items_services .b-item__image img, .b-item__image img { display: block; width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; -webkit-filter: none; filter: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .b-items_catalog .b-item:hover .b-item__image img, .catalog .b-item:hover img, .b-items_services .b-item:hover .b-item__image img, .b-item:hover .b-item__image img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .catalog .b-item .b-item__info { left: 15px; bottom: 0; background-color: #f5f5f5; color: #99c60d; min-height: 82px; line-height: 27px; font-size: 20px; font-weight: 700; padding: 10px 27px; margin: 0; display: flex; align-items: center; width: calc(100% - 130px); height: auto; } .b-items_catalog .b-item__content { position: static; padding: 10px; color: #000; } .b-items_catalog .b-item__content .b-item__title, .b-items_catalog .b-item__text { background: transparent !important; /* font-family: "Helvetica", sans-serif; */ } .b-items_catalog .b-item__text { margin-bottom: 5px; font-size: 13px; line-height: 1.69231; font-weight: 500; color: #b0b0b0; } .b-items_catalog .b-item__content .b-item__title { line-height: 1.5; font-size: 20px; font-weight: 700; color: #000; } .b-items_catalog .b-item:hover .b-item__content a.b-item__title { color: #40a629; } .b-items_catalog .b-item__content .b-item__price { font-size: 20px; line-height: 1.3; font-weight: 700; color: #1f1f1f; cursor: default; margin-top: 15px; } .b-items_catalog .b-item__content .b-item__btn { margin-top: 15px; } .b-items.b-items_catalog a.b-item .b-item__content, .b-items_services .b-item__content { position: absolute; width: calc(100% - 30px); left: 15px; bottom: 0; background-color: #99C60D; color: #fff; min-height: 82px; display: flex; align-items: center; } .b-items_services .b-item__content { padding: 10px 27px; } .b-items_services .b-item__content .b-item__title { font-size: 20px; line-height: 27px; color: #fff; margin-bottom: 0 } .b-items.b-items_catalog a.b-item .b-item__content .b-item__title, .b-items.b-items_catalog a.b-item .b-item__content .b-item__text { color: #fff; margin: 0; } .b-slider { max-height: none; color: #000; } .b-slider_first .b-slider__item { height: auto; min-height: 520px; overflow: hidden; background: #eee; } .b-slider_first .b-slider__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 50%; height: 100%; padding-top: 50px; text-align: left; } .b-slider .b-slider__image:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; bottom: 0; background: linear-gradient(90deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.9) 10%, rgba(238, 238, 238, 0) 50%); } .b-slider .b-slider__image { position: absolute; height: 100%; width: 50%; top: 0; right: 0; overflow: hidden; } .b-slider .b-slider__image img { position: absolute; height: 100%; width: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; } .b-slider_first .b-slider__content .h1 { /* font-family: "Helvetica", sans-serif; */ text-shadow: none; font-weight: 700; color: #1f1f1f; letter-spacing: -0.04em; font-size: 45px; line-height: 1.11111; } .b-slider .owl-item .b-slider__content .h1 { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.1s 0s, -webkit-transform 0.7s 0; -o-transition: opacity 0.1s 0s, transform 0.7s 0; transition: opacity 0.1s 0s, transform 0.7s 0s, -webkit-transform 0.7s 0; } .b-slider .owl-item.active .b-slider__content .h1 { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.3s 0.4s, -webkit-transform 0.3s 0.4s; -o-transition: opacity 0.3s 0.4s, transform 0.3s 0.4s; transition: opacity 0.3s 0.4s, transform 0.3s 0.4s, -webkit-transform 0.3s 0.4s; } .b-slider .owl-item .b-slider__content .b-big { display: block; margin: 0 0 40px; color: #000; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.1s 0s, -webkit-transform 0.7s 0; -o-transition: opacity 0.1s 0s, transform 0.7s 0; transition: opacity 0.1s 0s, transform 0.7s 0s, -webkit-transform 0.7s 0; } .b-slider .owl-item.active .b-slider__content .b-big { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.3s 0.4s, -webkit-transform 0.3s 0.4s; -o-transition: opacity 0.3s 0.4s, transform 0.3s 0.4s; transition: opacity 0.3s 0.4s, transform 0.3s 0.4s, -webkit-transform 0.3s 0.4s; } .b-slider .owl-item .b-slider__content .btn { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); transition: opacity 0.1s 0s, transform 0.7s 0s, -webkit-transform 0.7s 0s, box-shadow 0.25s ease; bottom: 30px; left: 0; background: #99c60d; border-radius: 10px; padding: 13px; height: 49px; font-size: 18px; width: 145px; } .b-slider .owl-item.active .b-slider__content .btn { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; transition: opacity 0.3s 1s, transform 0.3s 1s, -webkit-transform 0.3s 1s, box-shadow 0.25s ease; } .b-slider .owl-controls { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; padding: 0 15px; } .b-slider .owl-controls .owl-nav { position: relative; height: 100%; } .b-slider .owl-controls .owl-prev, .b-slider .owl-controls .owl-next { pointer-events: auto; bottom: 0; top: 0; margin: 0; width: 50px; height: 100%; color: #414141; background: none; border-radius: 3px; -webkit-box-shadow: 0 1px 0 #eaeaea; box-shadow: 0 1px 0 #eaeaea; transition: all 0.2s ease; z-index: 20; left: auto; right: auto; opacity: 0.25; border: 0; } .b-slider .owl-controls .owl-prev { left: -25px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='34'%3E%3Cpath fill='%231F1F1F' fill-rule='evenodd' d='M18.307 4.004L5.254 17.212l12.644 12.794c.9.911.9 2.387 0 3.298s-2.36.911-3.26 0L.667 19.168a2.343 2.343 0 01-.389-2.752 2.34 2.34 0 01.663-1.489L15.022.68a2.303 2.303 0 013.285 0 2.369 2.369 0 010 3.324z'/%3E%3C/svg%3E") center center no-repeat; } .b-slider .owl-controls .owl-next { right: -25px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='34'%3E%3Cpath fill='%231F1F1F' fill-rule='evenodd' d='M18.333 19.168L4.362 33.304c-.9.911-2.36.911-3.26 0-.9-.911-.9-2.387 0-3.298l12.644-12.794L.693 4.004a2.369 2.369 0 010-3.324 2.303 2.303 0 013.285 0l14.081 14.247c.409.415.624.946.664 1.489a2.345 2.345 0 01-.39 2.752z'/%3E%3C/svg%3E") center center no-repeat; } @media (max-width: 576px) { .b-slider .owl-controls .owl-prev { left: 0; opacity: 0; } .b-slider .owl-controls .owl-next { right: 0; opacity: 0; } } .b-slider .owl-controls .owl-prev:hover, .b-slider .owl-controls .owl-next:hover { opacity: 1; } .b-slider .owl-controls .owl-prev:before, .b-slider .owl-controls .owl-next:before, .b-slider .owl-controls .owl-prev:after, .b-slider .owl-controls .owl-next:after { content: none; } .b-slider .b-width { height: 100%; min-height: 520px; position: relative; } .b-slider .b-slider__content { position: static; } .trust { background: transparent; padding: 55px 0 58px } .trust h1, .trust .h1 { color: #000; text-align: center } .trust .b-items_parthners .b-item .b-item__info { height: auto; margin: 0; } .trust .b-items_parthners .b-item { width: 100%; max-width: none; margin: 0; } .trust .b-items_parthners.owlCarousel { width: 100%; margin: 0; } .trust .b-item .b-item__content { box-shadow: none; background: #eff2f4; border-radius: 3px; } .trust .b-items_parthners .b-item.b-item_white .b-item__info .b-item__text { padding: 12px 20px; background-color: #eff2f4; color: #000; font-size: 14px; line-height: 24px; } .trust .b-items_parthners .b-item__image img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -o-object-fit: contain; object-fit: contain; } .trust .b-items_parthners .b-item:hover .b-item__image img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .trust .b-items_parthners .b-item_white .b-item__image { overflow: hidden; background: #fff; max-height: 130px; width: auto; line-height: 130px; height: 130px; margin: 0; } .owlCarousel .owl-controls .owl-prev, .owlCarousel .owl-controls .owl-next { position: absolute; top: 50%; width: 42px; height: 42px; margin-top: -21px; border-radius: 3px; font-size: 0; color: #414141; background: transparent; } .owlCarousel .owl-controls .owl-prev { left: 0; } .owlCarousel .owl-controls .owl-next { right: 0; } .owlCarousel .owl-controls .owl-prev::after, .owlCarousel .owl-controls .owl-next::after { content: ""; position: absolute; display: block; right: 0px; top: 15px; width: 13px; height: 13px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); border-top: 2px solid #4a4a4a; border-right: 2px solid #4a4a4a; margin: 0; } .owlCarousel .owl-controls .owl-next::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 26px; } .owlCarousel .owl-controls .owl-prev:hover::after, .owlCarousel .owl-controls .owl-next:hover::after { border-color: #40a629; } .b-form .b-input-button .b-btn { background: #40a629 !important; margin: 0; height: 100%; } .fancybox-inner .b-popup { padding: 50px; border-radius: 0; } .fancybox-inner .b-popup .h2 { /* font-family: "Helvetica", sans-serif; */ font-weight: 700; color: #1f1f1f; letter-spacing: -0.04em; padding-right: 0; font-size: 38px; } .fancybox-wrap .fancybox-close { display: block; position: absolute; z-index: 1; top: 10px; right: 25px; width: 42px; height: 39px; font-size: 0; cursor: pointer; -webkit-transform: none; -ms-transform: none; transform: none; color: #414141; -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, color 0.3s ease; transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 0; border: none; border-radius: 0; } .fancybox-wrap .fancybox-close:after, .fancybox-wrap .fancybox-close:before { content: ""; position: absolute; top: 18px; left: 9px; display: block; width: 25px; height: 2px; background: currentColor; cursor: pointer; } .fancybox-wrap .fancybox-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-wrap .fancybox-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-wrap .fancybox-close:hover { color: #40a629; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, color 0.3s ease; transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease; } body .b-input, body .b-textarea { width: 100%; height: auto !important; background-color: #ecf1f7; border-radius: 3px; border: none; padding: 13px 20px 14px !important; color: #414141 !important; font-weight: 500; font-size: 17px; line-height: 1.4; letter-spacing: -0.01em; -webkit-transition: background-color 0.05s ease; -o-transition: background-color 0.05s ease; transition: background-color 0.05s ease; } .b-form__widget.success .b-input { background-color: rgba(64, 166, 41, 0.07); } .b-form__widget.error .b-input { background-color: rgba(224, 1, 63, 0.07); } .b-form__label { /* font-family: "Helvetica", sans-serif; */ font-weight: 500; line-height: 1.38; font-size: 13px; letter-spacing: -0.01em; color: #414141; margin-bottom: 5px; } label .required { color: #99c60d; } .b-contact a:hover, .b-item__content a:hover, .b-contact .b-contact__info a:hover, .b-items_parthners .b-item.b-item_black .b-item__info .b-item__text a:hover, .b-items_parthners .b-item.b-item_white .b-item__info .b-item__text a:hover, .b-footer_fourth .b-footer__top .b-nav a:hover, .b-footer_fourth .b-soc .b-icon:hover { color: #40a629; } body input::-webkit-input-placeholder, body textarea::-webkit-input-placeholder { opacity: 1; color: #b0b0b0; -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } body input:-moz-placeholder, body input::-moz-placeholder, body textarea:-moz-placeholder, body textarea::-moz-placeholder { opacity: 1; color: #b0b0b0; -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } body input:-ms-input-placeholder, body textarea:-ms-input-placeholder { opacity: 1; color: #b0b0b0; -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } body input:focus::-webkit-input-placeholder, body textarea:focus::-webkit-input-placeholder { opacity: 0; } body input:focus:-moz-placeholder, body input:focus::-moz-placeholder, body textarea:focus:-moz-placeholder, body textarea:focus::-moz-placeholder { opacity: 0; } body input:focus:-ms-input-placeholder, body textarea:focus:-ms-input-placeholder { opacity: 0; } .b-footer_fourth .b-contact .b-icon { margin-top: 3px; } .b-footer_fourth .b-footer__top .b-footer__right { max-width: 230px; text-align: left; margin-right: 0; margin-top: 0; margin-bottom: 15px; width: 100%; } .b-footer_fourth .b-soc li { margin-left: 0px; margin-right: 10px; } .b-footer_fourth .b-soc { margin-bottom: 0; justify-content: flex-start; } .b-footer_fourth>.b-width:last-child { padding-top: 30px; padding-bottom: 30px; } .b-container table { display: table; } .b-container table thead, .b-container table tbody { display: table-row-group; } .b-container table caption { text-align: left; font-size: 12px; font-style: italic; opacity: 0.8; } .b-container table tr th { background: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); opacity: 1; color: inherit; font-size: 16px; font-weight: 700; } .b-container table tr td { border: none; padding: 10px; } .b-container table tr th, .b-container table tr td, .b-container table tr th:last-child, .b-container table tr td:last-child { text-align: left; } .b-container table tr th:first-child, .b-container table tr td:first-child { text-align: left; } .b-container table tr:nth-child(odd) td { background: rgba(0, 0, 0, 0.1); color: inherit; } .b-container table p { margin-bottom: 0; } .b-container ul:not([class]) { list-style-type: none; } .b-container ul:not([class]) li { position: relative; padding-left: 20px; padding-bottom: 5px; } .b-container ul:not([class]) li::after { content: ""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 6px; left: 5px; background-color: #40a629; } .b-container ol:not([class]) { padding-left: 20px; } .b-container p { margin-bottom: 0.8rem; } .b-colored-form:before { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; z-index: -1; background: url("/local/templates/a-servis24__template/css/../images/form-bg-main.jpg"); background-position: 50% 0; background-size: cover; } .b-colored-form:after { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.5); } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .row>.col { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row>.col-6 { max-width: 50%; min-width: 50%; } .row>.col-3 { max-width: 25%; min-width: 25%; } .nav-tabs { display: flex; width: 100%; border: 2px solid #e5e5e5; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 14px; overflow: auto; } .nav-tabs .nav-item { display: inline-block; vertical-align: middle; } .nav-tabs .nav-item .nav-link { position: relative; padding: 5px 15px; display: inline-block; vertical-align: middle; color: #1f1f1f; font-weight: 700; height: 100%; } .text-center { text-align: center; } .nav-tabs .nav-item .nav-link::after { content: ""; position: absolute; width: 0; height: 2px; left: 50%; bottom: 0; background-color: #40a629; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -ms-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link.active { color: #40a629; } .nav-tabs .nav-item .nav-link.active::after { width: 100%; } .tab-content .tab-pane { padding: 5px 10px; display: none; background: #e5e5e5; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 14px; } .tab-content .tab-pane.active { display: block; } .fix-menu-phone { display: none; } .b-container img { max-width: 100%; } .galereya-items .galereya-item { display: inline-block; width: 100%; margin-bottom: 30px; } .galereya-items .galereya-item-img { overflow: hidden; } .galereya-items .galereya-item img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .galereya-items .galereya-item:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .galereya-items .galereya-item .galereya-item-name { font-size: 14px; margin-bottom: 0; } .fancybox-opened .fancybox-title { visibility: visible; right: 0; width: 100%; margin-bottom: -28px; } .fancybox-title-float-wrap .child { display: inline-block; margin: 0; padding: 2px 20px; width: 100%; background: #fff; font-weight: 700; line-height: 24px; white-space: nowrap; color: #000; text-shadow: none; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .filter-galereya { margin-bottom: 30px; } .select2-container--default .select2-selection--single { border: 1px solid #40a629; color: #40a629; } .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--open span.select2-dropdown.select2-dropdown--below, .select2-results__option[aria-selected] { color: #40a629; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #40a629 transparent transparent; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #40a629; } .select2-container--default .select2-results__option[aria-selected="true"] { color: #40a629; font-weight: 700; } .select2-results__option[aria-selected] { font-weight: 400; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #40a629; color: #fff; } .select2-dropdown { padding: 0; } .item-info-right-block { padding: 5px; border: 2px solid #40a629; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-size: 14px; color: #000; } .item-props .item-prop { position: relative; display: inline-block; width: 100%; margin-bottom: 5px; } .item-props .item-prop::before { content: ""; position: absolute; width: 100%; left: 0; bottom: 3px; border-bottom: 1px dotted rgba(0, 0, 0, 0.5); } .item-props .item-prop>span { position: relative; background: #fff; } .item-props .item-prop .val { float: right; padding-left: 2px; } .item-props .item-prop .name { padding-right: 2px; } .item-price { font-size: 20px; margin-top: 5px; margin-bottom: 10px; text-align: center; } .item-info-right-block .btn { width: 100%; } .b-left-col.b-left-col_white { padding-right: 0; padding-bottom: 60px } .b-right-col { width: 240px; } .b-card .b-filter.b-tabs__title.active { background: #40a629; color: #fff } .b-card .b-filter.b-tabs__title:hover { background: #388e24; border-color: #388e24; color: #fff; } .b-container .b-items_cards .b-item_minimal .b-item__title { margin: 0; min-height: 60px; font-size: 16px; color: #fff; font-weight: 600; line-height: 28px; margin-bottom: 12px; text-align: left } .b-container .b-items_cards .b-item_minimal:hover .b-item__title { color: #fff; } .b-container .b-items_cards .b-item .b-item__content { padding: 5px !important; position: absolute; bottom: 0; left: 10px; width: calc(100% - 20px); background: rgba(64, 166, 41, 0.85); overflow: hidden; height: auto; flex-grow: 1; display: block } .b-items_photo.b-items .b-item { position: relative; } .b-items_photo.b-items .b-item a .b-item__image img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .b-items_photo.b-items .b-item a:hover .b-item__image img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .b-items_photo.b-items .b-item .b-item__text { position: absolute; bottom: 0; left: 15px; width: calc(100% - 30px); background: rgba(64, 166, 41, 0.85); color: #fff; padding: 5px; } body.hover-menu .b-slider { position: relative; } body .b-slider::before { position: absolute; content: ''; width: 0; height: 0; left: 0; top: 0; background: rgba(0, 0, 0, 0.23); z-index: 1; } body.hover-menu .b-slider::before { width: 100%; height: 100%; } .sub-menu, .sub-menu-second { opacity: 0; visibility: hidden; position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; min-width: 320px; padding: 0 15px; font-size: 14px; transition: all 0.25s ease; background: #F1F1F1; border: 1px solid #DDDDDD; } .b-width-sub-menu { max-width: 850px; width: 100%; margin: 0 auto; } .sub-menu-list, .sub-menu-second-list { display: flex; justify-content: center; flex-wrap: wrap; position: relative; padding: 15px 0; } .b-header .b-nav .b-nav__list .sub-menu-list li { width: 210px; position: relative; } /* .sub-menu img { width: 100%; height: auto; } */ .sub-menu>li { flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .sub-menu>li p { font-size: 14px; line-height: normal; color: #1f1f1f; margin-top: 5px; } .sub-menu>li p:hover { color: #99c60d; } .sub-menu a::after { content: none !important; } .sub-menu p { margin: 0; } .sub-menu ul { height: auto; } .sub-menu:hover { opacity: 1; visibility: visible; } .b-toggle__menu>li:hover .sub-menu { opacity: 1; visibility: visible; } .b-header .b-nav .b-nav__list .sub-menu a { font-weight: 500; font-size: 14px; line-height: 16px; color: #000; text-transform: none; padding: 10px 20px; } .footer_dev { font-size: 14px; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; height: 51px; background: #171D25; margin-top: 30px; color: #FFFFFF; } .footer_dev img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%) brightness(1.5); filter: gray; vertical-align: text-bottom; margin-bottom: 3px; margin-left: 15px; } .footer_dev a:hover img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .owlCarouselPhoto .b-gallery__item { width: 100%; padding: 0; margin: 0; } .owlCarouselPhoto { margin-bottom: 15px; } .b-form__row a { background: transparent; color: #40a629; } #modal_callback .b-popup { max-width: 800px; } .b-wrap .feature { display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: -0.01em; } .b-wrap .feature--green .feature__icon { background: -webkit-linear-gradient(45deg, #a6d441, #b5dc5f); background: -o-linear-gradient(45deg, #a6d441 0, #b5dc5f 100%); background: linear-gradient(45deg, #a6d441, #b5dc5f); } .b-wrap .feature--orange-pink .feature__icon { background: -webkit-linear-gradient(45deg, #f9934a, #ff5282); background: -o-linear-gradient(45deg, #f9934a 0, #ff5282 100%); background: linear-gradient(45deg, #f9934a, #ff5282); } .b-wrap .feature--yellow .feature__icon { background: -webkit-linear-gradient(45deg, #ffd84e, #f4af0d); background: -o-linear-gradient(45deg, #ffd84e 0, #f4af0d 100%); background: linear-gradient(45deg, #ffd84e, #f4af0d); } .b-wrap .feature--purple .feature__icon { background: -webkit-linear-gradient(45deg, #874eff, #b15dc6); background: -o-linear-gradient(45deg, #874eff 0, #b15dc6 100%); background: linear-gradient(45deg, #874eff, #b15dc6); } .b-wrap .feature--red .feature__icon { background: -webkit-linear-gradient(45deg, #d44141, #dc7d5f); background: -o-linear-gradient(45deg, #d44141 0, #dc7d5f 100%); background: linear-gradient(45deg, #d44141, #dc7d5f); } .b-wrap .feature-margin { margin-bottom: 30px; } .b-wrap .feature--small .feature__icon svg { width: 24px; height: 24px; } .b-wrap .feature__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 50px; height: 50px; margin-right: 20px; color: #fff; background: -webkit-linear-gradient(45deg, #4184d4, #5fdcb7); background: -o-linear-gradient(45deg, #4184d4 0, #5fdcb7 100%); background: linear-gradient(45deg, #4184d4, #5fdcb7); border-radius: 3px; } .b-wrap .feature__icon svg { width: 30px; height: 30px; } .b-wrap .feature__content { padding-top: 2px; padding-right: 40px; } .b-wrap .feature__title { margin-bottom: 3px; font-size: 15px; line-height: 1.33333; color: #1f1f1f; font-weight: 700; } .b-wrap .feature__text { /* font-family: "Helvetica", sans-serif; */ font-size: 13px; line-height: 1.38462; } .b-container._pt-15 { padding-top: 15px; } @media (max-width:1080px) { .b-container._pt-15 { padding-top: 10px; } } .title-catalog-section-list { width: 100%; position: relative; height: auto; margin-top: -30px; } .title-catalog-section-list .page-title { color: #99c60d; } .title-catalog-section-list * { opacity: 1; } .title-catalog-section-list .title-bg-catalog-section-list img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .title-catalog-section-list .title-bg-catalog-section-list::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2c363d; opacity: 0.5; } .title-catalog-section-list .title-info-catalog-section-list { position: relative; height: 100%; padding-top: 20px; text-align: center; } .title-catalog-section-list .title-info-catalog-section-list h1 { font-size: 45px; font-weight: 700; margin-bottom: 10px; color: #000; } .page-header__features { position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .title-catalog-section-list .title-info-catalog-section-list .feature { padding-right: 20px; margin-top: 20px; } .title-catalog-section-list .title-bg-catalog-section-list { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; display: none; } .b-breadcrumbs { padding-bottom: 5px; margin-bottom: 25px; } .b-breadcrumbs a, .b-breadcrumbs span { display: inline-block; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; line-height: 1.33333; font-size: 15px; letter-spacing: -0.01em; text-transform: none; opacity: 0.8; } .b-breadcrumbs span { opacity: 0.5; } .b-nav__list.b-toggle__menu>li>a { white-space: nowrap; } .b-contacts-block .h1, .b-contacts-block .h2 { margin-top: 30px; font-size: 36px; line-height: normal; margin-bottom: 15px; } .b-contacts-block a { color: #40a629 !important; } .scroll-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } span.select2.select2-container.select2-container--default { width: inherit !important; min-width: 200px; max-width: 100%; } .b-items.b-items_catalog-list { justify-content: flex-start; } .b-container .b-items_catalog-list .b-item, .b-items_catalog-second .b-item { width: 33.333333%; position: relative; overflow: visible; padding: 0 15px; } .b-container .b-items_catalog-list .b-item { max-width: 33.3333%; min-width: 33.3333%; margin-bottom: 30px; } .b-items_catalog-list .items_catalog { /* font-family: "Helvetica", sans-serif; */ border: 1px solid #fff; -webkit-transition: border-color 0.15s ease; -o-transition: border-color 0.15s ease; transition: border-color 0.15s ease; background-color: #fff; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-items_catalog-list .b-item:hover .items_catalog { border: 1px solid #dfdfdf; } .b-items_catalog-list .b-item__image, .b-items_catalog-list .b-item:hover .b-item__image { box-shadow: none; } .b-items_catalog-list .b-item__image::after { content: none; } .b-items_catalog-list .b-item__image img { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; -webkit-filter: none; filter: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .b-items_catalog-list .b-item:hover .b-item__image img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .b-items_catalog-list .b-item__content { position: static; color: #000; background: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .b-items_catalog-list .b-item__content .b-item__info .b-item__text a { color: #40a629; background: transparent; } .b-items_catalog-list .b-item__content .b-item__info .b-item__text a:hover { text-decoration: underline; } .b-items_catalog-list .b-item__content .b-item__title, .b-items_catalog-list .b-item__text, .b-items_catalog-list .b-item__text p { background: transparent !important; /* font-family: "Helvetica", sans-serif; */ } .b-items_catalog-list .b-item__text, .b-items_catalog-list .b-item__text p { margin-bottom: 5px; font-size: 14px; line-height: 1.69231; /* font-weight: 500; */ /* color: #b0b0b0; */ color: #000; opacity: 1; } .b-items_catalog-list .b-item__content .b-item__title { line-height: 1.5; font-size: 20px; font-weight: 700; color: #99c60d; } .b-items_catalog-list .items_catalog .b-item__size { font-size: 14px; line-height: 1.38462; position: absolute; top: 0; right: 0; background: #99C60D; padding: 8px 18px; color: #fff; } .b-items_catalog-list .b-item__content .b-item__size svg { vertical-align: middle; margin-top: -4px; } .b-items_catalog-list .b-item:hover .b-item__content a.b-item__title { color: #40a629; } .b-items_catalog-list .b-item__content .b-item__price { color: #fff; cursor: pointer; margin-top: 5px; /* width: calc(100% - 30px); */ width: 100%; background-color: #99c60d; font-weight: bold; font-size: 24px; line-height: 140%; box-sizing: border-box; padding: 14px 20px; text-align: center; bottom: 0px; } .b-items_catalog-list .b-item__content .b-item__prop { color: white; position: absolute; right: 15px; top: 0px; background-color: #99c60d; padding: 8px 20px; } .b-items_catalog-list .b-item__info { padding: 20px 25px; margin-bottom: auto; } .b-items_catalog-list .b-item__content .b-item__btn { margin-top: 15px; margin-bottom: -15px; } .b-items_catalog-list .b-item__content .b-item__btn .btn { margin-bottom: 15px; background: #99c60d; font-weight: 400; transition: all 0.25s ease; } .b-items_catalog-list .b-item__content .b-item__btn .btn:hover { color: #fff; } .main-form { background: transparent; } .main-form .consultation-block { position: relative; z-index: 1; padding: 30px; min-height: 290px; margin-bottom: 30px; } .main-form .consultation-block__title { font-size: 20px; line-height: 1.3; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; letter-spacing: -0.064em; margin-bottom: 10px; } .main-form .consultation-block .consultation-block__text { font-size: 13px; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; margin-bottom: 15px; } .main-form .consultation-block__phone a { display: inline-block; font-size: 20px; line-height: 1.4; color: inherit; /* font-family: "Helvetica", sans-serif; */ font-weight: 700; margin-bottom: 35px; } .main-form .consultation-block__img { position: absolute; bottom: 0; right: 0; z-index: -1; width: 100%; max-width: 55%; height: 100%; } .main-form .consultation-block__img img { height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; position: absolute; bottom: 0; right: 0; } .main-form .consultation-block.consultation { background-color: #4d4d4d; color: #fff; } .main-form .consultation-block.consultation .consultation-block__text { max-width: 300px; } .main-form .consultation-block.measurement .consultation-block__text { max-width: 350px; } .main-form .consultation-block.measurement { padding: 30px 40px; background-color: #fff3c7; background: -webkit-linear-gradient(25.21deg, #fff3c7 1.83%, #efd988); background: -o-linear-gradient(25.21deg, #fff3c7 1.83%, #efd988 100%); background: linear-gradient(64.79deg, #fff3c7 1.83%, #efd988); } .main-form .consultation-block.measurement .consultation-block__img { max-width: 65%; } .main-form .consultation-block .b-form { max-width: 225px; } .main-form .consultation-block .b-input { background-color: #fff; border: 1px solid #dfdfdf; padding: 10px 15px 11px; margin-bottom: 20px; } .main-form .consultation-block.consultation .consultation-block__img img { height: 107%; } .catalog .b-items_advantages-white, .catalog .b-items_advantages-black { padding: 0; } .b-left-col .b-card .b-tabs .b-tabs__head { margin-bottom: 20px; -webkit-box-shadow: 0 1px 20px hsla(0, 0%, 53%, 0.1); box-shadow: 0 0 2px hsla(0, 0%, 53%, 0.1); } .b-card .b-filter.b-tabs__title { position: relative; padding: 14px 12px 14px 11px; background: transparent; color: #a4a4a4; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; white-space: nowrap; border-radius: 0; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; line-height: normal; text-transform: none; font-size: 17px; border: none; margin-bottom: 10px; } .b-card .b-filter.b-tabs__title::after { content: ""; position: absolute; background-color: #40a629; width: 0; height: 2px; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .b-card .b-filter.b-tabs__title.active::after { width: 100%; } .b-card .b-filter.b-tabs__title.active, .b-card .b-filter.b-tabs__title:hover { color: #414141; background: transparent; } .owlCarousel[data-dots_img="true"] { padding-left: 80px; margin-bottom: 30px; } .owlCarousel[data-dots_img="true"] .owl-dots { position: absolute; top: 0; left: 0; width: 60px; } .owlCarousel[data-dots_img="true"] .owl-dots .owl-dot { width: 60px; height: 60px; margin-bottom: 15px; border: 2px solid; background-position: 50%; background-size: cover; } .owlCarousel[data-dots_img="true"] .owl-dots .owl-dot.active { border-color: #40a629; } .owlCarousel[data-dots_img="true"] .owl-prev, .owlCarousel[data-dots_img="true"] .owl-next { bottom: 15px; top: auto; left: 50%; right: auto; } .owlCarousel[data-dots_img="true"] .owl-prev { margin-left: -45px; } .owlCarousel[data-dots_img="true"] .owl-next { margin-right: -45px; } .detail-catalog .detail-catalog-breadcrumbs { padding: 0; } .detail-catalog .b-catalog__description p, .detail-catalog .b-catalog__description { padding-left: 0; } .detail-catalog .b-catalog__description p { margin-bottom: 0.5rem; } .owlCarousel[data-dots_img="true"] .owl-controls .owl-nav { position: relative; } .detail-catalog .b-title.b-width { width: auto; } .detail-catalog .b-title.b-width h1 { margin-bottom: 20px; /* font-family: "Helvetica", sans-serif; */ font-weight: 700; color: #1f1f1f; font-size: 32px; line-height: 1.09375; letter-spacing: -0.04em; max-width: none; min-width: auto; width: auto; } .catalog-right-info .item-price { text-align: left; font-size: 28px; font-weight: 700; float: left; } .bottom-right-block { display: inline-block; width: 100%; margin-top: 36px; } .bottom-right-block .float-right { float: right; } .bottom-right-block .float-right .btn { margin-top: 5px; } .catalog-right-info .item-props { margin-top: 15px; } .detail-catalog .b-row__title .h1 { font-size: 25px; line-height: 40px; padding-top: 20px; } .b-form.form-order { width: 50%; margin-left: auto; margin-right: auto; } @media (min-width: 901px) { .b-header .b-nav { top: 0; margin: 0; background: none; } .b-header.fix-menu #modal_callback_link { position: fixed; top: 50%; right: 0; margin-top: 0 !important; color: transparent !important; padding: 14px; border-radius: 3px 0 0 3px; height: 50px; -moz-transform: translateX(calc(100% - 50px)); -webkit-transform: translateX(calc(100% - 50px)); -o-transform: translateX(calc(100% - 50px)); -ms-transform: translateX(calc(100% - 50px)); transform: translateX(calc(100% - 50px)); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #99c60d; display: none; } .b-header.fix-menu #modal_callback_link:hover { color: #fff !important; text-decoration: none !important; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .b-header_fifth-new.fix-menu #modal_callback_link:before { width: 24px; height: 24px; vertical-align: middle; } .b-header .b-nav .b-nav__list .sub-menu .sub-menu-list li:hover .sub-menu-second, .b-header .b-nav .b-nav__list .sub-menu .sub-menu-second:hover { opacity: 1; visibility: visible; } .b-header .b-nav .b-nav__list .sub-menu ul li:hover>a, .b-header .b-nav .b-nav__list .sub-menu-second-list li:hover>a { color: #99c60d; } .b-header .b-nav .b-nav__list .sub-menu ul a:hover span { transition: all 0.2s ease; padding-bottom: 1px; border-bottom: 1px solid #000; } .sub-menu-list>li.has_submenu-second { cursor: pointer; } .sub-menu-list>li.has_submenu-second::after { content: ""; position: absolute; right: 1px; top: 11px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 6L7.99999 10.6667L3.33332 6' stroke='%23262F56' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } .sub-menu-list>li>.sub-menu-second { position: absolute; width: 200px; min-width: auto; left: 103%; top: 0; transform: none; opacity: 0; visibility: hidden; padding: 0; transition: 0.2s; z-index: 1; background: #dadada; } } .page-section { margin-bottom: 80px; } .body .container { min-width: 280px; width: 80vw; max-width: 1280px; margin-left: auto; margin-right: auto; } .body .text-row { 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; margin-bottom: 40px; } .body .text-row__title { width: 50%; margin: 0; } .body .page-title-medium, .body h2 { font-size: 42px; line-height: 1.14286; } .body .text-row__text { width: 50%; padding-left: 20px; line-height: 1.5; } .body .properties { padding-top: 30px; } .body .properties__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 3.2%; } .body .properties__group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 48.4%; } .body .property { position: relative; width: 100%; background: #fff; } .body .property__img { position: relative; width: 100%; height: 0; padding-top: 83.8%; margin-bottom: 30px; overflow: hidden; } .body .property__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; will-change: transform; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in; } .body img { display: block; max-width: 100%; } .body .property__title { width: 100%; margin-bottom: 10px; font-size: 20px; line-height: 1.3; font-weight: 700; color: #1f1f1f; } .body .property__desc { width: 100%; font-weight: 500; } .body .properties__group--three-items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .body .property--border { padding: 38px 30px 50px; border: 2px solid #4184d4; -webkit-border-image: -webkit-linear-gradient(45deg, #4184d4, #5fdcb7); -o-border-image: -o-linear-gradient(45deg, #4184d4 0, #5fdcb7 100%); border-image: linear-gradient(45deg, #4184d4, #5fdcb7); border-image-slice: 1; } .body .property--border:before { content: ""; position: absolute; z-index: 0; background: 0 0; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border: 2px solid #4184d4; -webkit-border-image: -webkit-linear-gradient(45deg, #4184d4, #5fdcb7); -o-border-image: -o-linear-gradient(45deg, #4184d4 0, #5fdcb7 100%); border-image: linear-gradient(45deg, #4184d4, #5fdcb7); border-image-slice: 1; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .body .conversion-row, .body .property__icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .body .property__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-negative: 0; flex-shrink: 0; height: 70px; margin-bottom: 44px; color: #414141; } .body svg { display: inline-block; max-width: 100%; max-height: 100%; overflow: visible; } .body .property--border .property__desc { font-size: 13px; line-height: 1.38462; } .body .properties__group--three-items .property { width: 46.8%; margin-bottom: 6.4%; } .body .property--orange-pink, .body .property--orange-pink:before { border-color: #ff5282; -webkit-border-image: -webkit-linear-gradient(45deg, #f9934a, #ff5282); -o-border-image: -o-linear-gradient(45deg, #f9934a 0, #ff5282 100%); border-image: linear-gradient(45deg, #f9934a, #ff5282); border-image-slice: 1; } .body .properties__group--three-items .property:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 0; } .body .properties__group--three-items .property:last-child .property__img { -ms-flex-negative: 0; flex-shrink: 0; width: 46.8%; height: 100%; padding-top: 50%; margin-bottom: 0; } .body .properties__group--three-items .property:last-child .property__content { width: 46.8%; } .body .property--wide .property__img { padding-top: 40.6%; margin-bottom: 0; } .body .property--wide .property__content { position: absolute; top: 0; left: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: end; align-content: flex-end; width: 100%; height: 100%; padding: 30px; padding-right: 50%; } .body .property--wide .property__title { color: #fff; } .body .property--wide .property__desc { color: hsla(0, 0%, 100%, 0.8); } .body .property--wide:after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(59.84%, transparent), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, transparent 59.84%, rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, transparent 59.84%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(180deg, transparent 59.84%, rgba(0, 0, 0, 0.7)); } .body .series-table-tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: 1px solid #ecf1f7; padding-bottom: 30px; padding-top: 30px; } .body .series-table-tr p { margin-bottom: 0; } .body .series-table-td { text-align: left; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 360px; margin-right: 40px; width: 33%; } .body .text-row--line .text-row__title { width: 100%; margin-bottom: 10px; font-weight: normal; } .body .text-row__title:only-child { width: 80%; margin: 0; } .body .series-item__img { overflow: hidden; width: 100%; padding-bottom: 64%; position: relative; } .body a { text-decoration: none; } .body .series-item__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .body .series-item__title { display: inline-block; font-size: 20px; line-height: 1.3; color: #99c60d; margin-top: 35px; /* font-family: "Helvetica"; */ font-weight: 700; } .body .page-link { color: #414141; /* font-family: "Helvetica", sans-serif; */ font-size: 15px; line-height: 1.33333; font-weight: 500; letter-spacing: -0.01em; } .body .page-link span { /* border-bottom: 1px solid #a0d394; */ color: #99c60d; font-size: 20px; font-weight: 700; } .body .series-item__caption { /* font-family: "Helvetica"; */ font-weight: 500; line-height: 1.38462; font-size: 13px; color: #b0b0b0; margin: 10px 0; max-width: 270px; } .body .series-item__description { font-size: 17px; line-height: 1.47059; color: #414141; margin-bottom: 30px; /* font-family: "Helvetica"; */ font-weight: 500; margin-top: 10px; } .body .btn { display: inline-block; text-align: center; padding: 12px 30px; /* font-family: "Helvetica", sans-serif; */ font-size: 15px; line-height: 1.33333; font-weight: 700; color: #fff; background-color: #99c60d; border-radius: 3px; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: background-color 0.2s ease, opacity 0.2s ease, -webkit-transform 0.15s ease; -o-transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.15s ease; transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.15s ease, -webkit-transform 0.15s ease; letter-spacing: -0.01em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .series-table .b-btn, .nav-section__content .b-btn { background-color: #99c60d !important; } .body .series-table-body .series-table-tr:nth-child(odd) { background-color: #eeffe1; } .body .series-table-body .series-table-tr .series-table-td:first-child { padding-left: 20px; } .body .series-table-td:first-child { min-width: 180px; } .body .series-parameter { letter-spacing: -0.01em; color: #414141; } .body .series-info__info, .body .series-parameter { /* font-family: "Helvetica"; */ font-weight: 500; line-height: 1.38462; font-size: 14px; } .body .series-table-td.series-table__column { display: flex; flex-direction: column; justify-content: space-between; } .body .series-table-td.series-table__column .text-row:not(:first-child) { margin-bottom: 0px; } .body .series-info { position: relative; } .body .series-info__title { font-size: 15px; line-height: 1.33333; color: #1f1f1f; /* margin-bottom: 5px; */ /* font-family: "Helvetica"; */ /* font-weight: 500 */ } .body .series-info__title a { color: #99c60d; } .body .series-info__info { color: #b0b0b0; max-width: 270px; /* margin-bottom: 10px */ } .body .series-table-body .series-table-tr.series-table-tr-title { background: #fff; color: #99c60d; font-weight: bold; } .body .series-table-body .series-table-tr.series-table-tr-title p { color: #99c60d; font-size: 20px; } .body .series-table-tr:last-child { padding-top: 30px; padding-bottom: 0; border: none; } .body .look__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .body .look__left { width: 60%; padding-right: 50px; } .body .look__switches { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .body .tabs { position: relative; overflow: hidden; } .body ol, .body ul { list-style-type: none; } .body .look__img { width: 100%; height: 0; padding-top: 72.2%; background-repeat: no-repeat; background-size: cover; -webkit-transition: background 0.4s ease-out; -o-transition: background 0.4s ease-out; transition: background 0.4s ease-out; } .body .look__right { width: 40%; } .body .look__title { margin-bottom: 25px; font-weight: 700; font-size: 20px; line-height: 1.3; color: #1f1f1f; } .body .look__slider { margin-left: -10px; margin-top: -10px; padding-top: 10px; padding-left: 10px; } .body .look__list--tabs, .body .swiper-container-free-mode>.look__list--tabs { -ms-flex-wrap: wrap; flex-wrap: wrap; } .body .look__list, .body .swiper-container-free-mode>.look__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); padding-bottom: 7px; margin-left: -10px; margin-right: -10px; } .body .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap !important; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .body .swiper-container-android .swiper-slide, .body .swiper-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0); } .body .look__list--tabs li, .body .swiper-container-free-mode>.look__list--tabs li { position: relative; width: auto; max-width: 170px; margin-bottom: 26px; margin-right: 15px; margin-left: 15px; min-width: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .body .look__list li, .body .swiper-container-free-mode>.look__list li { width: 21%; max-width: 110px; min-width: 90px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-right: 10px; margin-left: 10px; margin-bottom: 18px; cursor: pointer; } .body .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform, -webkit-transform; } .body .look__list li a, .body .swiper-container-free-mode>.look__list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .body ul li>a { display: inline-block; width: 100%; } .body .look__list--tabs li.active .look_icon, .body .swiper-container-free-mode>.look__list--tabs li.active .look_icon { color: #40a629; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .body .look_icon { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 56px; margin-bottom: 5px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #b0b0b0; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .body .look_icon svg { pointer-events: none; } .body .look__list li.active .look__name, .body .swiper-container-free-mode>.look__list li.active .look__name { color: #414141; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .body .look__name { display: block; width: 100%; font-weight: 500; font-size: 13px; line-height: 1.23077; text-align: center; color: rgba(65, 65, 65, 0.5); -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .body .look__list--tabs li.active:after, .body .swiper-container-free-mode>.look__list--tabs li.active:after { opacity: 1; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .body .look__list--tabs li:after, .body .swiper-container-free-mode>.look__list--tabs li:after { content: ""; position: absolute; top: -10px; left: -10px; z-index: -1; width: calc(100% + 20px); height: calc(100% + 20px); border: 1px solid #40a629; border-radius: 4px; opacity: 0; -webkit-transition: opacity 0.3s ease, border-color 0.3s ease 0; -o-transition: opacity 0.3s ease, border-color 0.3s 0 ease; transition: opacity 0.3s ease, border-color 0.3s ease 0; } .body .look__palette { -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, opacity 0.2s ease; transition: transform 0.3s ease, opacity 0.2s ease, -webkit-transform 0.3s ease; } .body .look__subtitle { margin-bottom: 18px; color: #414141; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; font-size: 15px; line-height: 1.33333; } .body .look__color { position: relative; display: block; width: 100%; height: 34px; margin-bottom: 10px; border-radius: 3px; background-size: cover; } .body .look__list li.active .look__color:after, .body .swiper-container-free-mode>.look__list li.active .look__color:after { opacity: 1; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .body .look__color:after { content: ""; position: absolute; top: -4px; left: -4px; z-index: -1; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid #40a629; border-radius: 4px; opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .body .look__note { font-weight: 500; font-size: 13px; line-height: 1.23077; color: #b0b0b0; } .body .look__note:before { content: attr(data-star); padding-right: 3px; color: #99c60d; } .body .properties__group--four-items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .body .properties__group--four-items .property { width: 22.6%; } .body .property--yellow, .body .property--yellow:before { border-color: #ffd84e; -webkit-border-image: -webkit-linear-gradient(45deg, #ffd84e, #f4af0d); -o-border-image: -o-linear-gradient(45deg, #ffd84e 0, #f4af0d 100%); border-image: linear-gradient(45deg, #ffd84e, #f4af0d); border-image-slice: 1; } .body .property--green, .body .property--green:before { border-color: #a6d441; -webkit-border-image: -webkit-linear-gradient(45deg, #a6d441, #b5dc5f); -o-border-image: -o-linear-gradient(45deg, #a6d441 0, #b5dc5f 100%); border-image: linear-gradient(45deg, #a6d441, #b5dc5f); border-image-slice: 1; } .body .review--decorative { background-color: #ecf1f7; } .body .review { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .body .review--decorative .review__content, .body .review--decorative .review__media { padding: 40px 0 0 40px; width: 50%; } .body .review__title { margin-bottom: 20px; } .body .page-title-small, .body .page-title-xs, .body h3, .body h4 { /* font-family: "Helvetica", sans-serif; */ font-weight: 700; color: #1f1f1f; } .body .page-title-small, .body h3 { margin-bottom: 10px; font-size: 32px; line-height: 1.09375; letter-spacing: -0.04em; } .body .review__quote { position: relative; padding-left: 40px; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; font-size: 15px; line-height: 1.73333; } .body .review__quote-body { margin-bottom: 10px; } .body .review__decor { position: absolute; top: 0; left: 0; width: 26px; height: 20px; } .body .review--decorative .review__media { height: auto; min-height: 500px; } .body .review--decorative .review__media img { height: auto; right: 0; bottom: 0; left: auto; top: auto; } .body .advantages-tile { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 103%; margin-left: -1.5%; margin-right: -1.5%; } .body .advantages-tile-item { width: 22%; margin: 0 1.5%; padding-right: 30px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .advantages-tile-item.application { width: 16%; } .body .advantages-tile-item__icon { display: block; margin-bottom: 15px; font-size: 0; } .body .advantages-tile-item__title { margin-bottom: 5px; font-size: 20px; line-height: 1.3; color: #1f1f1f; letter-spacing: -0.04em; font-weight: 500; } .body .advantages-tile-item__info { max-width: 280px; font-size: 15px; line-height: 1.33333; color: #414141; letter-spacing: -0.04em; } .body .content-card-wrap--in-section { padding-top: 70px; } .body .content-card-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } .body .content-card { display: block; width: 30%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 1.5%; } .body .content-card> :last-child { margin-bottom: 0; } .body .content-card .text-row__title:only-child { width: 100%; } .body .page-title-xs, .body h4 { margin-bottom: 15px; font-size: 20px; line-height: 1.3; letter-spacing: -0.01em; } .body .content-card-img { width: 100%; overflow: hidden; margin-bottom: 20px; } .body .content-card--caption .content-card__title { /* font-family: "Helvetica", sans-serif; */ color: #414141; font-size: 17px; line-height: 1.17647; } .body .content-card__title { /* font-family: "Helvetica", sans-serif; */ font-weight: 500; line-height: 1.3; font-size: 20px; letter-spacing: -0.01em; color: #1f1f1f; margin-bottom: 10px; } .body .content-card__text { /* font-family: "Helvetica", sans-serif; */ font-weight: 500; line-height: 1.33333; font-size: 15px; letter-spacing: -0.01em; color: #414141; } .body .content-card--caption .content-card__text { /* font-family: "Helvetica", sans-serif; */ color: #b0b0b0; font-size: 13px; line-height: 1.38462; } .body .content-card--inline { width: 22%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-bottom: 1.5%; } .body .content-card-img__outer { width: 100%; padding-bottom: 75%; position: relative; } .body .content-card-img__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .body .content-card-img__inner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .body .properties__group--wide { width: 57%; } .body .properties__group--wide .property__img { padding-top: 49.3%; } .body .properties__group--small { width: 40%; } .body .properties__group--small .property__img { padding-top: 70.6%; } .body .nav-section { margin-bottom: 80px; } .body .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .body .nav-section__left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 40%; } .body .nav-section__content { padding-top: 38px; padding-right: 30px; } .body .nav-section__title { margin-bottom: 18px; } .body .nav-section__desc { margin-bottom: 24px; } .body .nav-section__btn { padding-left: 18px; padding-right: 18px; } .body .nav-section__bottom, .body .nav-section__right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .body .nav-section__right { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 60%; } .body .nav-section .swiper-container { width: 100%; height: 450px; margin: 0; } .body .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .body .slide { position: relative; overflow: hidden; } .body .slide__hover { position: absolute; top: 0; left: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; height: 100%; } .body .slide__hover:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(26.52%, transparent), color-stop(70.42%, transparent), to(rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), transparent 26.52%, transparent 70.42%, rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, transparent 26.52%, transparent 70.42%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent 26.52%, transparent 70.42%, rgba(0, 0, 0, 0.3)); opacity: 1; } .body .slide__hover:after, .body .slide__hover:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .body .slide__bottom { position: relative; z-index: 2; width: calc(100% - 80px); max-width: 370px; padding: 20px; padding-bottom: 30px; } .body .slide__title { color: #fff; font-weight: 500; line-height: 1.17647; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform 0.2s ease-in; -o-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; margin-bottom: 15px; font-size: 20px; letter-spacing: -0.01em; } .body .slide__descr, .body .slide__tip { font-weight: 500; font-size: 13px; line-height: 1.38462; } .body .slide__media { width: 100%; height: 100%; padding-top: 0; overflow: hidden; } .body .slide__media img, .body .slide__media video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; -webkit-transition: -webkit-transform 0.2s ease-in; -o-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; } .body .nav-section__bottom { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; padding-top: 30px; } .body .nav-section__bottom .feature { width: 25%; -ms-flex-negative: 0; flex-shrink: 0; } .body .feature { display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: -0.01em; } .body .feature__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 50px; height: 50px; margin-right: 20px; color: #fff; background: -webkit-linear-gradient(45deg, #4184d4, #5fdcb7); background: -o-linear-gradient(45deg, #4184d4 0, #5fdcb7 100%); background: linear-gradient(45deg, #4184d4, #5fdcb7); border-radius: 3px; } .body .feature__content { padding-top: 2px; padding-right: 40px; } .body .feature__title { margin-bottom: 3px; font-size: 15px; line-height: 1.33333; color: #1f1f1f; font-weight: 700; } .body .feature__text { /* font-family: "Helvetica", sans-serif; */ font-size: 13px; line-height: 1.38462; } .body .nav-section__row { margin-top: 20px; } .body .nav-section__subtitle { margin-top: -20px; margin-bottom: 10px; font-size: 20px; line-height: 1.3; } .body .nav-section__features { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; max-width: 300px; padding-top: 30px; } .body .nav-section__features .feature { width: 100%; margin-bottom: 30px; } .body .nav-section__features .feature:last-child { margin-bottom: 0; } .body .options, .body .options__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .body .options { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; margin-top: 60px; } .body .options__item--border { padding: 20px; padding-left: 30px; background: #ecf1f7; } .body .options__item { width: 48.4%; } .body .options__item--border .options__content { padding-left: 0; padding-right: 60px; } .body .options__content { padding-left: 30px; } .body .options__item--border .options__title { padding-top: 10px; } .body .options__title { padding-top: 4px; margin-bottom: 14px; font-size: 20px; line-height: 1.3; font-weight: 500; } .body .options__item--border .options__desc { margin-bottom: 30px; /* font-family: "Helvetica", sans-serif; */ font-size: 13px; line-height: 1.38462; } .body .options__desc { /* font-family: "Helvetica", sans-serif; */ font-size: 15px; line-height: 1.33333; font-weight: 500; } .body .options__item--border .options__img { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 40%; min-height: 100%; padding-top: 40%; } .body .options__img { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 48.4%; height: 0; min-height: 100%; padding-top: 43.56%; } .body .options__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } .body .tech-docs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; } .body .tech-docs .swiper-container { width: 100%; } .body .tech-docs .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px -40px; width: auto; } .body .tech-docs .swiper-slide { height: auto; } .body .tech-docs__item { width: 33.3333%; min-height: 180px; margin: 0 0 40px; padding: 0 20px; box-sizing: border-box; } .body .tech-docs p { font-size: 13px; font-weight: 400; margin-bottom: 0; } a.doc:hover { border-color: #00b02c; } .body .doc { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 26px 20px 32px 30px; font-size: 13px; line-height: 1.38462; font-weight: 500; color: #414141; border: 1px solid #c4c4c4; -webkit-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .body .doc__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 42px; height: 54px; margin-top: 2px; margin-right: 20px; } .body .doc__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .body .doc__type { margin-bottom: 5px; font-size: 15px; line-height: 1.33333; /* font-family: "Helvetica", sans-serif; */ /* font-weight: 700 */ font-weight: 400; } .body .doc__title { margin-bottom: 10px; font-size: 13px; line-height: 1.38462; font-weight: 400; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .body .doc__tags { margin-bottom: 20px; font-weight: 400; } .body .doc__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; } .body .doc__btn { padding-left: 40px; padding-right: 40px; margin-right: 20px; font-weight: 600; border-radius: 5px; background: #84b7be !important; margin-bottom: 0; } .body .swiper-buttons { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .body .certificates { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .body .certificate { position: relative; display: block; color: #414141; } .body .certificates__item { width: 18.9%; margin-right: 1.37%; margin-bottom: 30px; } .body .certificate__img { position: relative; width: 100%; height: 0; padding-top: 140.5%; margin-bottom: 15px; border: 1px solid #dfdfdf; overflow: hidden; } .body .certificate__img>img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain;"; } .body .certificate__title { margin-bottom: 10px; padding-right: 10px; font-size: 15px; line-height: 1.33333; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; color: #1f1f1f; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .body .certificate__size { padding-right: 10px; font-size: 13px; line-height: 1.38462; font-weight: 500; } .body .certificate__hover { position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 140.5%; background: hsla(0, 0%, 100%, 0.5); opacity: 0; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .body .certificate__btn { position: absolute; top: 50%; left: 50%; padding-left: 40px; padding-right: 40px; -webkit-transform: translate(-50%, -50%) translateY(10px); -ms-transform: translate(-50%, -50%) translateY(10px); transform: translate(-50%, -50%) translateY(10px); -webkit-transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .body .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .body .accessory { position: relative; } .body .accessory .swiper-wrapper { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; margin-bottom: -40px; } .body .accessory-item:nth-child(-n + 3) { width: calc(33.33% - 40px); margin-bottom: 55px; } .body .accessory-item { width: calc(25% - 40px); margin: 0 20px 40px; } .body .accessory-item__img { position: relative; width: 100%; height: 0; padding-top: 75%; margin-bottom: 20px; overflow: hidden; } .body .accessory-item__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .body .accessory-item-info { padding: 0 20px; } .body .accessory-item:nth-child(-n + 3) .accessory-item__title { /* font-family: "Helvetica"; */ line-height: 1.3; font-size: 20px; margin-bottom: 7px; } .body .accessory-item__text, .body .accessory-item__title { letter-spacing: -0.01em; -webkit-transition: color 0.35s ease; -o-transition: color 0.35s ease; transition: color 0.35s ease; } .body .accessory-item__title { line-height: 1.33333; font-size: 15px; color: #1f1f1f; /* font-family: "Helvetica"; */ font-weight: 700; margin-bottom: 5px; } .body .accessory-item:nth-child(-n + 3) .accessory-item__text { line-height: 1.33333; font-size: 15px; margin-bottom: 12px; } .body .accessory-item__text { line-height: 1.38462; font-size: 13px; color: #414141; /* font-family: "Helvetica"; */ font-weight: 500; margin-bottom: 11px; } .body .nav-section--revert .nav-section__left { padding-left: 60px; } .body .nav-section--revert .nav-section__right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .reloading-table { width: 100%; } .reloading-table img { width: 100%; } .reloading-table td.title { font-size: 24px; font-weight: 700; color: #1f1f1f; } .reloading-table p.info__title { color: #1f1f1f; } .reloading-table p.info__info { font-size: 13px; } .js-look-component { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .js-look-component .look__left { width: 60%; padding-right: 50px; } .js-look-component .look__right { width: 40%; } .js-look-component .look__switches { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } .js-look-component .look__img { width: 100%; height: 0; margin-bottom: 10px; padding-top: 72.2%; background-repeat: no-repeat; background-size: cover; -webkit-transition: background 0.4s ease-out; -o-transition: background 0.4s ease-out; transition: background 0.4s ease-out; } .js-look-component .look__title { margin-bottom: 25px; font-weight: 700; font-size: 20px; line-height: 1.3; color: #1f1f1f; } .js-look-component .look__slider { margin-left: -10px; margin-top: -10px; padding-top: 10px; padding-left: 10px; } .js-look-component .look__slider.blurry:after { opacity: 1; } .js-look-component .look__list, .js-look-component .swiper-container-free-mode>.look__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); padding-bottom: 7px; margin-left: -10px; margin-right: -10px; } .js-look-component .look__list li, .js-look-component .swiper-container-free-mode>.look__list li { width: 21%; max-width: 110px; min-width: 90px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-right: 10px; margin-left: 10px; margin-bottom: 18px; cursor: pointer; } .js-look-component .look__list li.active .look__color:after, .js-look-component .swiper-container-free-mode>.look__list li.active .look__color:after { opacity: 1; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .js-look-component .look__list li.active .look__name, .js-look-component .swiper-container-free-mode>.look__list li.active .look__name { color: #414141; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .js-look-component .look__list li a, .js-look-component .swiper-container-free-mode>.look__list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .js-look-component .look__list--tabs, .js-look-component .swiper-container-free-mode>.look__list--tabs { -ms-flex-wrap: wrap; flex-wrap: wrap; } .js-look-component .look__list--tabs li, .js-look-component .swiper-container-free-mode>.look__list--tabs li { position: relative; width: auto; max-width: 170px; margin-bottom: 26px; margin-right: 15px; margin-left: 15px; min-width: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .js-look-component .look__list--tabs li:after, .js-look-component .swiper-container-free-mode>.look__list--tabs li:after { content: ""; position: absolute; top: -10px; left: -10px; z-index: -1; width: calc(100% + 20px); height: calc(100% + 20px); border: 1px solid #40a629; border-radius: 4px; opacity: 0; -webkit-transition: opacity 0.3s ease, border-color 0.3s ease 0; -o-transition: opacity 0.3s ease, border-color 0.3s 0 ease; transition: opacity 0.3s ease, border-color 0.3s ease 0; } .js-look-component .look__list--tabs li.active:after, .js-look-component .swiper-container-free-mode>.look__list--tabs li.active:after { opacity: 1; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; z-index: 2; } .js-look-component .look__list--tabs li.active .look_icon, .js-look-component .swiper-container-free-mode>.look__list--tabs li.active .look_icon { color: #40a629; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .js-look-component .look_icon { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 56px; margin-bottom: 5px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #b0b0b0; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .js-look-component .look_icon img { height: 100%; width: auto; } .js-look-component .look_icon svg { pointer-events: none; } .js-look-component .look__subtitle { margin-bottom: 18px; color: #414141; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; font-size: 15px; line-height: 1.33333; } .js-look-component .look__color { position: relative; display: block; width: 100%; height: 34px; margin-bottom: 10px; border-radius: 3px; background-size: cover; } .js-look-component .look__color:after { content: ""; position: absolute; top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid #40a629; border-radius: 4px; opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; z-index: 2; } .js-look-component .look__name { display: block; width: 100%; font-weight: 500; font-size: 13px; line-height: 1.23077; text-align: center; color: rgba(65, 65, 65, 0.5); -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .js-look-component .look__palette { -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, opacity 0.2s ease; transition: transform 0.3s ease, opacity 0.2s ease, -webkit-transform 0.3s ease; } .js-look-component .look__note { font-weight: 500; font-size: 13px; line-height: 1.23077; color: #b0b0b0; } .js-look-component .look__note:before { content: attr(data-star); padding-right: 3px; color: #99c60d; } .js-look-component .look__text { margin-bottom: 20px; /* font-family: "Helvetica", sans-serif; */ font-weight: 500; font-size: 15px; line-height: 1.73333; } .js-look-component .look-tooltip-icon { position: relative; z-index: 1; display: inline-block; vertical-align: middle; padding-left: 5px; padding-right: 5px; } .js-look-component .look-tooltip-icon svg { pointer-events: none; } .js-look-component .look__palette.js-tab-content { display: none; opacity: 0; } .js-look-component .look__palette.js-tab-content.active { display: block; opacity: 1; } .js-look-component .look__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .rowOwl { position: relative; /* padding: 30px 40px 30px 60px; */ padding: 0px 0px 0px 60px; background: #f5f5f5; } .rowOwl .owl-stage { height: 100%; } .rowOwl .item .row { justify-content: space-between; align-items: center; height: 100%; } .rowOwl .owl-item { display: flex; flex-direction: column; justify-content: space-between; /* min-height: 500px; */ } .rowOwl .owl-item .item { height: 100%; } .rowOwl .item .row>.col-6:nth-child(1) { max-width: 390px; min-width: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /* .rowOwl .item .row > .col-6:nth-child(1) .img{ min-height: 380px; max-width: 390px; width: 100%; } */ .rowOwl .item .row>.col-6:nth-child(1) .img, .rowOwl .item .row>.col-6:nth-child(1) img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; min-height: 380px; max-width: 390px; } .rowOwl .item .row>.col-6:nth-child(2) { max-width: 720px; min-width: 0; } .rowOwl .h3-name { font-weight: 700; color: #1f1f1f; margin-bottom: 10px; font-size: 32px; line-height: 1.09375; letter-spacing: -0.04em; } .rowOwl .img { background-repeat: no-repeat; background-position: 50%; background-size: cover; } .rowOwl .textBlock .name { font-size: 20px; line-height: 1.3; color: #1f1f1f; font-weight: 700; } .rowOwl .img .transformEl { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0 0.3s, -webkit-transform 0 0.3s; -o-transition: transform 0 0.3s, opacity 0 0.3s; transition: transform 0 0.3s, opacity 0 0.3s, -webkit-transform 0 0.3s; } .rowOwl .owl-item.active .img .transformEl { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease; -o-transition: transform 0.6s ease, opacity 0.6s ease; transition: transform 0.6s ease, opacity 0.6s ease, -webkit-transform 0.6s ease; } .rowOwl .textBlock.transformEl .name { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0 0.3s; -o-transition: transform 0 0.3s; transition: transform 0 0.3s, -webkit-transform 0 0.3s; } .rowOwl .owl-item.active .textBlock.transformEl .name { -webkit-transition: -webkit-transform 0.6s ease 0.1s; -o-transition: transform 0.6s 0.1s ease; transition: transform 0.6s ease 0.1s, -webkit-transform 0.6s ease 0.1s; -webkit-transform: none; -ms-transform: none; transform: none; } .rowOwl .textBlock.transformEl p { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0 0.3s; -o-transition: transform 0 0.3s; transition: transform 0 0.3s, -webkit-transform 0 0.3s; } .rowOwl .owl-item.active .textBlock.transformEl p { -webkit-transition: -webkit-transform 0.6s ease 0.2s; -o-transition: transform 0.6s 0.2s ease; transition: transform 0.6s ease 0.2s, -webkit-transform 0.6s ease 0.2s; -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 30px; } .rowOwl .textBlock { margin-top: 30px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .rowOwl .owl-item.active .textBlock { opacity: 1; } .section_items_title { /*font-size: 42px;*/ font-weight: 700; color: #1f1f1f; margin-bottom: 15px; } .frame-banner .section_items_title { font-weight: normal; margin-bottom: 28px; } .b-row.padding-top-block { padding: 0; } .tab-content.no-bg .tab-pane { background: transparent; padding-top: 15px; } .nav-tabs.no-bg { border: none; } .b-content.b-content_padded { padding-left: 20px; } .body .brand-info, .body .brand-info-item { 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; } .body .brand-info-item { width: 49%; padding: 30px 0; border: 1px solid #dfdfdf; } .body .brand-info-item__logo { width: 36%; padding: 0 20px; padding-top: 30px; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; } .body .best-brands-item__logo { display: inline-block; vertical-align: middle; max-width: 80%; } .body .brand-info-item__info { padding-right: 20px; width: 64%; /* font-family: "Helvetica", sans-serif; */ line-height: 1.47059; font-size: 17px; letter-spacing: -0.01em; color: #414141; } .content-card-wrap.owl-carousel .owl-controls { width: 100%; margin-bottom: 30px; } .content-card-wrap.owl-carousel .owl-controls .owl-nav>div { font-size: 0; height: 100%; position: absolute; width: 40px; top: 0; cursor: pointer; } .content-card-wrap.owl-carousel .owl-controls .owl-nav>div::before { content: ""; position: absolute; display: block; right: 50%; top: 50%; margin-top: -6px; margin-right: -6px; width: 12px; height: 12px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); border-top: 2px solid #4a4a4a; border-right: 2px solid #4a4a4a; } .content-card-wrap.owl-carousel .owl-controls .owl-nav>div.owl-prev { left: 0; } .content-card-wrap.owl-carousel .owl-controls .owl-nav>div.owl-next { right: 0; } .content-card-wrap.owl-carousel .owl-controls .owl-nav>div.owl-next::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-card-wrap.owl-carousel .owl-controls .owl-dots { display: block !important; text-align: center; } .content-card-wrap.owl-carousel .owl-controls .owl-dots .owl-dot { width: 12px; height: 12px; display: inline-block; margin: 5px; border-radius: 50%; border: 2px solid #ffd84e; } .content-card-wrap.owl-carousel .owl-controls .owl-dots .owl-dot.active { background-color: #ffd84e; } .content-card-wrap .content-card.content-card--inline { padding-left: 15px; padding-right: 15px; } .b-items.b-items_photo .b-item { margin-bottom: 30px; } .b-row.seo.b-row_no-padding { background-color: #fff; } @media (max-width: 3000px) { .body .nav-section .swiper-container { height: auto; } } @media (max-width: 1080px) { .b-header__top .header-block .header-right-block { display: none; } .b-header__top .header-block .header-right-block--contacts, .b-header__top .header-block.top-menu .header-right-block { display: block; } .detail-catalog .b-left-col_white { width: 100%; } .owlCarousel[data-dots_img="true"] { padding-left: 0; } .page-header__features { display: none; top: 0; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); margin-bottom: 30px; } .title-catalog-section-list .title-info-catalog-section-list .feature__content, .title-catalog-section-list .title-info-catalog-section-list .feature { padding-right: 0; } .b-container { padding-top: 10px; } .title-catalog-section-list { margin-top: -10px; } .b-container h1, .b-container .h1 { line-height: normal; font-size: 24px; } .b-container .b-left-col .b-card { padding: 0; } .b-left-col.b-left-col_white { padding: 0; margin: 0; } .b-right-col { width: 100%; margin-bottom: 15px; margin-top: 30px; } .b-card .b-form { margin-bottom: 15px; } .b-form__row .b-btn { width: 100%; margin-bottom: 30px; } .b-container .seo { padding-top: 15px; padding-bottom: 15px; } .b-container .b-items_cards .b-item .b-item__content { bottom: 0; } .sub-menu { display: none !important; } .fix-menu-phone { display: none !important; } .row>.col, .row>.col-6, .row>.col-3, .b-container .b-items_catalog-list .b-item { min-width: 100%; max-width: 100%; } .b-slider .b-slider__image:after { content: none; } .b-slider .b-slider__image, .b-slider .b-slider__image img { position: static; -webkit-transform: skew(0deg) translate(0%); -ms-transform: skew(0deg) translate(0%); transform: skew(0deg) translate(0%); width: 100%; } .b-slider .owl-item * { /* height: auto !important; */ max-height: none !important; min-height: auto !important; } .b-slider .b-slider__item { max-height: none; } .b-main .b-slider .b-slider__content, .b-main .b-slider .owl-controls { display: block !important; } .b-slider .b-slider__content { width: 100%; position: static; padding-top: 13px; min-height: 350px !important; padding-bottom: 85px; } .b-slider_first .b-slider__content .h1 { font-size: 30px; margin-bottom: 15px; } .b-wrap>.b-main { padding-top: 51px; } .b-slider .owl-controls .owl-nav, .b-width { width: 90vw; } .header-right-block .working-time-header { display: none; } .b-header__top .header-block .contacts br { display: none; } .b-header__top .header-block .contacts__phone { margin: 6px; font-size: 0; width: 34px; height: 34px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #99c60d; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM0OC4wNzcgMzQ4LjA3NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQ4LjA3NyAzNDguMDc3O2ZpbGw6ICNmZmY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICA8cGF0aCBkPSJNMzQwLjI3MywyNzUuMDgzbC01My43NTUtNTMuNzYxYy0xMC43MDctMTAuNjY0LTI4LjQzOC0xMC4zNC0zOS41MTgsMC43NDRsLTI3LjA4MiwyNy4wNzYgYy0xLjcxMS0wLjk0My0zLjQ4Mi0xLjkyOC01LjM0NC0yLjk3M2MtMTcuMTAyLTkuNDc2LTQwLjUwOS0yMi40NjQtNjUuMTQtNDcuMTEzYy0yNC43MDQtMjQuNzAxLTM3LjcwNC00OC4xNDQtNDcuMjA5LTY1LjI1NyBjLTEuMDAzLTEuODEzLTEuOTY0LTMuNTYxLTIuOTEzLTUuMjIxbDE4LjE3Ni0xOC4xNDlsOC45MzYtOC45NDdjMTEuMDk3LTExLjEsMTEuNDAzLTI4LjgyNiwwLjcyMS0zOS41MjFMNzMuMzksOC4xOTQgQzYyLjcwOC0yLjQ4Niw0NC45NjktMi4xNjIsMzMuODcyLDguOTM4bC0xNS4xNSwxNS4yMzdsMC40MTQsMC40MTFjLTUuMDgsNi40ODItOS4zMjUsMTMuOTU4LTEyLjQ4NCwyMi4wMiBDMy43NCw1NC4yOCwxLjkyNyw2MS42MDMsMS4wOTgsNjguOTQxQy02LDEyNy43ODUsMjAuODksMTgxLjU2NCw5My44NjYsMjU0LjU0MWMxMDAuODc1LDEwMC44NjgsMTgyLjE2Nyw5My4yNDgsMTg1LjY3NCw5Mi44NzYgYzcuNjM4LTAuOTEzLDE0Ljk1OC0yLjczOCwyMi4zOTctNS42MjdjNy45OTItMy4xMjIsMTUuNDYzLTcuMzYxLDIxLjk0MS0xMi40M2wwLjMzMSwwLjI5NGwxNS4zNDgtMTUuMDI5IEMzNTAuNjMxLDMwMy41MjcsMzUwLjk1LDI4NS43OTUsMzQwLjI3MywyNzUuMDgzeiIvPjwvc3ZnPgo="); background-size: 16px; background-repeat: no-repeat; background-position: 50%; } .b-header .contacts:after { content: none; } .b-header__top .contacts .contacts__dropdown { display: none; } .b-header.b-header_fifth { padding-top: 5px; padding-bottom: 0; position: fixed; width: 100%; left: 0; top: 0; } .b-header__top .header-block.top-menu { display: block; position: absolute; right: 0; top: 0; width: 50vw; background-color: #fff; margin-top: 20px; padding: 0 15px 15px; max-height: 100vh; overflow-y: auto; -webkit-box-shadow: -5px 5px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: -5px 5px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: -5px 5px 15px 0 rgba(0, 0, 0, 0.15); -webkit-transform: translateX(80%); -o-transform: translateX(80%); -ms-transform: translateX(80%); transform: translateX(80%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; } .b-header__top .header-block.top-menu.open { margin-top: 10px; -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .mobile-menu-info { display: inline-block; width: 100%; padding-top: 15px; } .mobile-menu-info .contacts__block p { font-size: 13px; line-height: initial; margin-top: 5px; margin-bottom: 5px; } .mobile-menu-info .btn { width: 100%; text-align: center; margin-top: 5px; } .mobile-close-menu { position: absolute; width: 30px; height: 30px; top: 0; right: 0; background: #eff2f4; z-index: 22; } .mobile-close-menu::before, .mobile-close-menu::after { content: ""; width: 80%; height: 3px; background-color: #414141; display: block; position: absolute; left: 4px; top: 13px; } .mobile-close-menu::before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobile-close-menu::after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .b-header__top .contacts { float: left; } .mobile-open-menu { float: right; width: 30px; height: auto; margin: 15px 0 15px 10px; } .mobile-open-menu>span { display: block; width: 100%; height: 3px; background-color: #414141; margin: 6px 0; } .b-header_fifth .b-toggle__menu { display: block; } .b-header .b-nav .b-nav__list, .b-header__top .header-block .b-nav { flex: 1 0 100%; } .b-header .b-nav .b-nav__list { width: 100%; padding-left: 0; margin: 0 -15px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .b-header .b-nav .b-nav__list li:first-child a, .b-header .b-nav .b-nav__list a { padding: 10px 15px; } .b-header.fix-menu .b-header__top .header-block .b-width { position: static; } .b-header.fix-menu { height: auto; } .b-header .b-nav__list>li { width: 100%; } .b-header .b-search.b-toggle__search { margin: 0; width: 100%; display: none; } .b-header .b-search.b-toggle__search input { padding-left: 0; } .b-header .b-search.b-toggle__search #searchform { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .b-header__top .header-block.top-menu .header-right-block { display: block; float: none; text-align: left; } .top-menu .header-right-block #modal_callback_link { display: inline-block; width: 100%; text-align: center; } .body .nav-section { margin-bottom: 30px; } .body .container { width: 90vw; overflow: scroll; } .body .nav-section .nav-section__left, .body .nav-section .nav-section__right { width: 100%; } .body .nav-section__content { padding-top: 0; padding-bottom: 25px; } .body .nav-section__title { margin-bottom: 22px; } .body .nav-section__btn { padding-left: 15px; padding-right: 15px; } .body .nav-section__row { padding-top: 5px; } .body .nav-section__features { max-width: 50%; padding-top: 25px; } .body .nav-section__features .feature__content { padding-right: 30px; } .body .nav-section--revert .nav-section__left { padding-left: 0; } .body .page-title-small, .body h3 { padding-top: 10px; font-size: 28px; line-height: 1.16667; } .body .brand-info-item { width: 100%; } .body .brand-info-item:not(:last-child) { margin-bottom: 20px; } .body .brand-info-item__info { font-size: 14px; padding-right: 30px; } } @media (max-width: 600px) { .main-form .consultation-block.consultation .consultation-block__img img { height: 95%; } .main-form .consultation-block.measurement .consultation-block__img, .main-form .consultation-block.service .consultation-block__img, .main-form .consultation-block__img { max-width: 100%; } .main-form .consultation-block__img img { opacity: 0.2; height: auto; max-width: 100%; max-height: 100%; } .b-container .b-items_cards .b-item { width: 50%; margin-bottom: 30px; } .b-container .b-items_cards .b-item__image a { height: auto; } .b-container .b-items_cards .b-item .b-item__content .b-item__title { font-size: 14px !important; line-height: normal; font-weight: 400; height: auto; min-height: auto; } .b-item .b-item__info { min-height: auto; } .catalog .b-items_advantages-white, .catalog .b-items_advantages-black { padding-left: 0; padding-right: 0; } .b-header__top .b-width { position: static; } .b-header__top .header-block.top-menu { width: 90vw; } .catalog .b-items, .catalog .b-items, .b-items_catalog { margin-left: -10px !important; margin-right: -10px !important; } .catalog .b-items .b-item .b-item__info .b-item__title, .b-container .b-items_catalog .b-item .b-item__info .b-item__title { font-size: 14px !important; } .b-items_catalog .b-item__image, .b-items_catalog-second .b-item__image { height: 150px; } .b-container .b-items_catalog .b-item, .b-items_catalog-second .b-item, .b-container .b-items_services .b-item { width: 50%; max-width: 350px; margin-left: 0; } .b-container .b-items_services .b-item { max-width: 50%; } .b-item__title { font-size: 16px; } .b-items_services .b-item__content { padding: 3px 5px; } .b-card .b-row__title { margin-bottom: 15px; margin-top: 30px; } .b-left-col .b-card .b-tabs .b-tabs__head { margin-bottom: 5px; } .title-catalog-section-list .title-info-catalog-section-list h1 { font-size: 32px; } .b-container p { font-size: 16px; } .body .nav-section__bottom .feature { width: 100%; margin-bottom: 10px; } .body .nav-section__row .nav-section__features { width: 100%; } .body .brand-info-item { padding: 20px 20px 25px; } .body .brand-info-item__info { font-size: 13px; width: 100%; padding: 0; } .body .brand-info-item__logo { width: 100%; padding: 0; margin-bottom: 10px; } .rowOwl .h3-name { padding-top: 55px; font-size: 20px; } .b-header__top .b-width .b-company { text-align: left; } } @media (max-width: 900px) { .js-look-component .look__left, .js-look-component .look__right { width: 100%; } .rowOwl { padding: 15px; } .rowOwl .item .row>.col-6 { max-width: 100% !important; min-width: 100% !important; } .body .series-table-td.series-table__column .text-row:not(:first-child) { display: none; } } @media (max-width: 900px) { .body .text-row__title, .body .text-row__text, .body .properties__group { width: 100%; } .body .text-row__text { padding-left: 0; padding-top: 15px; } .body .series-item__title { margin-top: 20px; } .body .series-table-tr { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: none; } .body .series-table-td { width: calc(33% - 20px); margin-right: 20px; max-width: none; } .body .properties__group--four-items .property { width: calc(50% - 15px); margin-bottom: 30px; } .js-look-component .look__slider { margin-left: 0; margin-top: 0; } .body .content-card--inline, .body .advantages-tile-item { width: 47%; } .body .options { display: block; width: 100%; } .body .options__item { padding: 15px; height: auto; display: block; width: 100%; margin-bottom: 30px; } .body .options__item .options__img { display: none; } .body .options__item .options__content { padding-right: 0; padding-left: 0; } .body .nav-section__features { max-width: none; } .body .nav-section__content { padding-right: 0; } ul.advantages-tile.area { display: block !important; } ul.advantages-tile.area .advantages-tile-item { margin: 0; padding-right: 0; padding-bottom: 10px; } ul.advantages-tile.area .advantages-tile-item .advantages-tile-item__icon { display: inline-block; vertical-align: top; } ul.advantages-tile.area .advantages-tile-item .advantages-tile-item__title { display: inline-block; width: calc(100% - 75px); vertical-align: top; } .main-form .consultation-block.measurement, .main-form .consultation-block { padding: 15px; } } @media (max-width: 600px) { .body .properties__group--three-items .property:last-child .property__img, .body .properties__group--three-items .property:last-child .property__content { width: 100%; height: auto; } .body .property--wide .property__content { position: relative; width: 100%; padding: 15px; } .body .property--wide .property__desc { color: #fff; } .body .property--wide .property__img { position: absolute; width: 100%; height: 100%; padding: 0; } .body .property--wide:after { content: none; } .body .properties__group--four-items .property, .body .content-card--inline, .body .advantages-tile-item, .body .review--decorative .review__content, .body .review--decorative .review__media, .body .advantages-tile-item__info, .body .properties__group--three-items .property /*, .body .series-table-td */ { width: 100%; max-width: none; } .body .series-table-td { margin-right: 20px; } .body .review--decorative .review__content, .body .properties__group--three-items .property { padding: 15px; } .body .properties__group--three-items .property:last-child { padding-left: 0; padding-right: 0; } .body .review__title { font-size: 20px; line-height: 1.3; } .body .review--decorative .review__media { display: none; } .body .advantages-tile-item { padding-bottom: 30px; } .page-section { margin-bottom: 30px; } .body .text-row { margin-bottom: 5px; } .body .page-title-small, .body h3 { font-size: 26px; line-height: 26px; } .body .page-title-medium, .body h2 { font-size: 29px; line-height: 29px; } .body .text-row__title:only-child { width: 100%; margin-bottom: 15px; margin-top: 15px; } .body .properties__group--four-items .property { padding: 15px; } } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .btn-top { display: none; position: fixed; top: calc(86% + 50px); right: 12px; z-index: 99; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 48px; font-size: 20px; border: none; background-color: #99c60d !important; } .btn-top::after { content: ""; border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 11px; height: 11px; top: calc(50% - 3px); left: calc(50% - 5px); box-shadow: none; transition: all 0.25s ease; } .btn-top:hover { background: #99c60d !important; color: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); } .table-wrapper { overflow: auto; } @media (max-width: 1300px) { .body .tech-docs__item { width: 50%; } } @media (max-width: 960px) { .body .accessory .accessory-item { width: calc(50% - 40px); } } @media (max-width: 800px) { .body .tech-docs__item { width: 100%; } .body .certificates__item { width: 30%; margin-right: 3.3333%; } } @media (max-width: 720px) { .body .content-card-wrap { display: block; margin: 0 -15px; } .body .content-card { margin: 0; width: auto; padding: 0 15px; } .body .grid { display: block; } .body .nav-section__left, .body .nav-section__right { width: auto; } } @media (max-width: 640px) { .body .accessory .accessory-item { width: 100%; margin: 0 0 40px; } } @media (max-width: 576px) { .body .certificates__item { width: 45%; margin-right: 5%; } } iframe { max-width: 100%; } .b-pager ul:not(.b-pager__filter) { position: relative; padding: 0 60px; text-align: center; display: inline-block; } .b-pager ul:not(.b-pager__filter) li { font-size: 14px; } .b-pager ul:not(.b-pager__filter) .previous, .b-pager ul:not(.b-pager__filter) .next { position: absolute; top: 0; display: block; visibility: visible; width: auto; height: auto; font-size: 20px; } .b-pager ul:not(.b-pager__filter) .previous { left: 0; } .b-pager ul:not(.b-pager__filter) .next { right: 0; } .b-pager ul:not(.b-pager__filter) .first, .b-pager ul:not(.b-pager__filter) .last { display: none !important; } .b-pager ul:not(.b-pager__filter) .prev { display: none !important; } .b-pager ul:not(.b-pager__filter) li a:not(.b-prev):not(.b-next) { width: 40px; height: 40px; line-height: 38px; border-radius: 20px; } #modal_order .b-form.form-order { width: 100%; } @media (min-width: 500px) { #modal_order .b-form.form-order { min-width: 380px; } } .b-items_catalog-section { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .b-items_catalog-section .b-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; margin-left: 0; margin-right: 0; margin-bottom: 30px; } .b-items_catalog-section .b-item .b-item__content { position: absolute; width: calc(100% - 30px); left: 15px; bottom: 0; background-color: #99C60D; color: #fff; min-height: 82px; padding: 10px 27px; line-height: 1.5; font-size: 20px; font-weight: 700; display: flex; align-items: center; } .b-items_catalog-section .b-item .b-item__content .b-item__info a, .b-items_catalog-section .b-item .b-item__content .b-item__info a:hover { background: transparent !important; display: block; color: #fff; } .b-items_catalog-section .b-item .b-item__content .b-item__info, .b-items_catalog-section .b-item .b-item__content .b-item__title { margin-bottom: 0; } .b-items_catalog-section .b-item .b-item__content .b-item__info .b-item__text { margin-top: 5px; } [data-page="/catalog/category/promo/"] .b-items_catalog-section .b-item .b-item__content { position: static; width: 100%; background: transparent; } [data-page="/catalog/category/promo/"] .b-items_catalog-section .b-item .b-item-border { border: 1px solid #dfdfdf; background: transparent; height: 100%; } [data-page="/catalog/category/promo/"] .b-items_catalog-section .b-item .b-item__content .b-item__info a { color: #000; font-size: 16px; font-weight: 400; line-height: normal; } [data-page="/catalog/category/promo/"] .b-items_catalog-section .b-item .b-item__content .b-item__info .b-item__text { opacity: 0.6; color: #000; font-weight: 400; font-size: 14px; } [data-page="/catalog/category/promo/"] .b-items_catalog-section .b-item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } @media (max-width: 900px) { .b-items_catalog-section .b-item, [data-page="/catalog/category/promo/"] .b-items_catalog-section .b-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .b-items_catalog-section .b-item .b-item__content { padding: 10px; } .seo .h1, .seo h1 { font-size: 32px; line-height: normal; text-align: center; } .trust h1, .trust .h1, .b-row__title .h1 { font-size: 28px; line-height: normal; } a.page-link-mail { display: none; } } .b-footer { background: #4d4d4d; color: #fff; } .b-footer .b-footer__top .b-nav a, .b-footer a { color: #fff; } .b-footer .b-contact { position: relative; z-index: 2; } .b-footer .b-copy { color: #ccc; } .b-company .b-logo { float: none; width: 100%; max-width: 200px; margin: 0; } .b-company .b-logo img { max-width: 100%; display: block; } .b-header.b-header_fifth.b-header_fifth-new { padding-top: 0; } .b-header.b-header_fifth.b-header_fifth-new .email-and-time a.page-link-mail { /* color: #99c60d; */ font-weight: 500; font-size: 12px; line-height: 14px; text-decoration-line: underline; color: #969696; margin-bottom: 8px; } .b-header.b-header_fifth.b-header_fifth-new .email-and-time a.page-link-mail:hover { color: #40a629; } .b-header.b-header_fifth.b-header_fifth-new .b-header__top { border-bottom: 1px solid #e5e5e5; } .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo { width: 244px; } .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo a { padding: 22px 0 0; height: 80px; margin: 0; } .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo img { max-width: 200px; } .b-header.b-header_fifth.b-header_fifth-new .after-logo { -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /*display: -moz-flex;*/ display: -webkit-flex; display: flex; align-items: center; padding-left: 39px; padding-top: 24px; width: 100%; } .b-header.b-header_fifth.b-header_fifth-new .phone-and-fb { margin-left: 25px; margin-right: 45px; text-align: right; } .b-header.b-header_fifth.b-header_fifth-new .phone-and-fb a { display: block; } .b-header.b-header_fifth.b-header_fifth-new .phone-and-fb a.contacts__phone { font-size: 24px; line-height: 28px; font-weight: 700; color: #000; } .b-header.b-header_fifth.b-header_fifth-new .contacts__region { font-weight: 500; font-size: 12px; line-height: 14px; color: #969696; } .b-header.b-header_fifth.b-header_fifth-new .phone-and-fb a#modal_callback_link, .b-header.b-header_fifth.b-header_fifth-new .phone-and-fb a#modal_callback_link_side { font-weight: 700; font-size: 14px; color: #99c60d; /* font-family: "Helvetica", sans-serif; */ letter-spacing: 0.7px; margin-top: 3px; } .b-header.b-header_fifth.b-header_fifth-new .phone-and-fb a#modal_callback_link:hover, .b-header.b-header_fifth.b-header_fifth-new .phone-and-fb a#modal_callback_link_side:hover { color: #40a629; text-decoration: underline; } .b-header.b-header_fifth.b-header_fifth-new .email-and-time { padding-left: 30px; /* padding-top: 4px; */ display: flex; flex-direction: column; align-items: flex-start; margin-left: auto; } .b-header.b-header_fifth.b-header_fifth-new .email-and-time .working-time-header { /* font-family: "Open Sans", sans-serif; */ padding-top: 0; opacity: 0.5; font-weight: 500; font-size: 12px; line-height: 14px; } .new-header-block { width: 100%; vertical-align: top; display: flex; align-items: flex-start; } .b-header.b-header_fifth.b-header_fifth-new .new-header-block>.b-logo, .b-header.b-header_fifth.b-header_fifth-new .new-header-block>.after-logo { float: left; } .b-header.b-header_fifth.b-header_fifth-new .new-header-block>.right-link { float: right; padding-top: 22px; } .b-header.b-header_fifth.b-header_fifth-new .cart_button, .b-header.b-header_fifth.b-header_fifth-new .contract_button, .b-header.b-header_fifth.b-header_fifth-new .fancy { font-size: 15px; font-weight: 500; padding: 6px 51px; letter-spacing: 0.75px; /* font-family: "Helvetica", sans-serif; */ display: inline-block; vertical-align: top; -webkit-border-radius: 25.5px; -moz-border-radius: 25.5px; border-radius: 25.5px; height: 38px; border: 1px solid #99c60d; white-space: nowrap; } .b-header.b-header_fifth.b-header_fifth-new .cart_button, .b-header.b-header_fifth.b-header_fifth-new .fancy { color: #fff; background: #99c60d; margin-left: 11px; padding: 13px 23px; font-size: 14px; line-height: 16px; } .b-header.b-header_fifth.b-header_fifth-new .cart_button:hover, .b-header.b-header_fifth.b-header_fifth-new .fancy:hover { background: transparent; color: #99c60d; } .b-header.b-header_fifth.b-header_fifth-new .contract_button { color: #99c60d; border: 1px solid #99c60d; padding: 6px 16px; } .b-header.b-header_fifth.b-header_fifth-new .contract_button:hover { color: #fff; background: #99c60d; } .b-header.b-header_fifth.b-header_fifth-new .header-block.top-menu { margin-top: 0; } .b-header.b-header_fifth.b-header_fifth-new .b-nav ul.b-nav__list>li>a { text-transform: none; padding: 20px 40px 22px; letter-spacing: 0.5px; font-weight: 500; font-size: 17px; } .b-header.b-header_fifth.b-header_fifth-new .b-nav ul.b-nav__list>li:hover>a { background: transparent; color: #99c60d; } .b-header.b-header_fifth.b-header_fifth-new.fix-menu .b-nav ul.b-nav__list>li>a { padding: 10px 20px; } .b-header.b-header_fifth.b-header_fifth-new.fix-menu .b-nav ul.b-nav__list>li>a::after { right: 0px; top: 14px; } .b-header.b-header_fifth.b-header_fifth-new.fix-menu .b-nav ul.b-nav__list>li:first-child>a { margin-left: -20px; } .b-item__info .b-item__size a { background: none !important; color: #99c60d; } .b-item__info .b-item__size a:hover { color: #b7000a; text-decoration: underline; } .mobile-header-phone { width: 32px; display: none; height: 32px; border-radius: 50%; background-color: #99c60d; margin: 9px 15px 9px 10px; float: right; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z'%3E%3C/path%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; } .social-block { padding-left: 92px; /* padding-top: 4px; */ } .header-right-block .social-block { padding: 0; float: right; } .social-block-title { font-size: 14px; margin-bottom: 8px; } .social-block-links { display: flex; } .social-link { font-size: 0; line-height: 0; display: block; width: 24px; height: 24px; margin-right: 25px; background-repeat: no-repeat; background-size: contain; transition: 0.2s all ease; } .social-link:hover { opacity: 0.6; } .social-vb { background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.155 13.8929C22.871 7.8659 21.811 4.0609 19.899 2.3399L19.9 2.3389C16.814 -0.600097 6.39196 -1.0351 2.69996 2.4709C1.04196 4.1859 0.457957 6.7029 0.393957 9.8189C0.329957 12.9359 0.253957 18.7749 5.69496 20.3589H5.69996L5.69496 22.7779C5.69496 22.7779 5.65796 23.7579 6.28396 23.9549C6.99996 24.1869 7.32396 23.7319 9.55096 21.0719C13.275 21.3949 16.135 20.6549 16.46 20.5469C17.212 20.2949 21.467 19.7319 22.155 13.8929ZM9.91796 19.3699C9.91796 19.3699 7.56096 22.3089 6.82796 23.0719C6.58796 23.3199 6.32496 23.2969 6.32896 22.8049C6.32896 22.4819 6.34696 18.7889 6.34696 18.7889C1.73396 17.4669 2.00596 12.4949 2.05596 9.8939C2.10596 7.2919 2.58196 5.1609 3.98596 3.7259C7.22496 0.688903 16.362 1.3679 18.69 3.5559C21.536 6.0789 20.523 13.2069 20.529 13.4499C19.944 18.3239 16.496 18.6329 15.862 18.8439C15.591 18.9339 13.076 19.5809 9.91796 19.3699Z' fill='%238E24AA'/%3E%3Cpath d='M11.222 4.29688C10.837 4.29688 10.837 4.89688 11.222 4.90188C14.209 4.92488 16.669 7.00688 16.696 10.8259C16.696 11.2289 17.286 11.2239 17.281 10.8209H17.28C17.248 6.70588 14.562 4.31988 11.222 4.29688Z' fill='%238E24AA'/%3E%3Cpath d='M15.151 10.1929C15.142 10.5909 15.731 10.6099 15.736 10.2069C15.785 7.93791 14.3859 6.06891 11.7569 5.87191C11.3719 5.84391 11.3319 6.44891 11.7159 6.47691C13.9959 6.64991 15.197 8.20591 15.151 10.1929Z' fill='%238E24AA'/%3E%3Cpath d='M14.521 12.7739C14.027 12.4879 13.524 12.6659 13.316 12.9469L12.881 13.5099C12.66 13.7959 12.247 13.7579 12.247 13.7579C9.23296 12.9609 8.42697 9.80686 8.42697 9.80686C8.42697 9.80686 8.38997 9.37986 8.66597 9.15086L9.20996 8.70086C9.48196 8.48486 9.65396 7.96486 9.37696 7.45386C8.63696 6.11686 8.13997 5.65586 7.88697 5.30186C7.62097 4.96886 7.22097 4.89386 6.80497 5.11886H6.79597C5.93097 5.62486 4.98397 6.57186 5.28697 7.54686C5.80397 8.57486 6.75397 11.8519 9.78196 14.3279C11.205 15.4989 13.457 16.6989 14.413 16.9759L14.422 16.9899C15.364 17.3039 16.28 16.3199 16.769 15.4289V15.4219C16.986 14.9909 16.914 14.5829 16.597 14.3159C16.035 13.7679 15.187 13.1629 14.521 12.7739Z' fill='%238E24AA'/%3E%3Cpath d='M12.169 8.10393C13.13 8.15993 13.596 8.66193 13.646 9.69294C13.664 10.0959 14.249 10.0679 14.231 9.66494C14.167 8.31893 13.465 7.56893 12.201 7.49893C11.816 7.47593 11.78 8.08093 12.169 8.10393Z' fill='%238E24AA'/%3E%3C/svg%3E%0A"); } .social-wp { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4338 3.48523C18.1793 1.23907 15.18 0.00128174 11.9879 0C8.80298 0 5.79895 1.23669 3.52954 3.4823C1.2561 5.73175 0.00292969 8.72113 0 11.8889V11.8925V11.8947C0.000366211 13.812 0.504089 15.7462 1.46027 17.5117L0.0327759 24L6.59583 22.5071C8.25806 23.3448 10.1127 23.7865 11.9833 23.7872H11.9881C15.1725 23.7872 18.1765 22.5504 20.4463 20.3046C22.7217 18.0533 23.9755 15.0677 23.9769 11.898C23.9778 8.75061 22.7197 5.76288 20.4338 3.48523ZM11.9879 21.9141H11.9837C10.3041 21.9133 8.63983 21.4916 7.17114 20.6942L6.86078 20.5258L2.49664 21.5184L3.44458 17.2103L3.26184 16.8951C2.35327 15.3283 1.87317 13.5987 1.87317 11.8927C1.87665 6.37079 6.41364 1.87317 11.9875 1.87317C14.6803 1.87427 17.2104 2.91815 19.1118 4.81219C21.0419 6.73553 22.1045 9.25177 22.1036 11.8975C22.1014 17.4207 17.5635 21.9141 11.9879 21.9141Z' fill='%2327AE60'/%3E%3Cpath d='M8.72589 6.6499H8.20038C8.01746 6.6499 7.72046 6.71838 7.46924 6.99176C7.21783 7.26532 6.5094 7.92651 6.5094 9.27124C6.5094 10.616 7.49213 11.9153 7.62909 12.0978C7.76624 12.2802 9.52606 15.1279 12.3133 16.2234C14.6298 17.1338 15.1013 16.9527 15.6039 16.9071C16.1067 16.8617 17.2264 16.2461 17.4549 15.608C17.6834 14.9698 17.6834 14.4227 17.6149 14.3085C17.5463 14.1946 17.3633 14.1263 17.0892 13.9897C16.8149 13.8529 15.4709 13.1805 15.2195 13.0892C14.9681 12.9982 14.7854 12.9526 14.6025 13.2263C14.4196 13.4995 13.881 14.1316 13.721 14.314C13.5612 14.4965 13.4011 14.5194 13.1268 14.3826C12.8525 14.2455 11.9784 13.9518 10.9308 13.0209C10.1155 12.2963 9.54968 11.3724 9.38965 11.0988C9.2298 10.8254 9.37262 10.6775 9.51013 10.5411C9.63336 10.4188 9.7998 10.2514 9.93695 10.0919C10.0739 9.93225 10.1129 9.81836 10.2045 9.63599C10.2958 9.45361 10.2501 9.29395 10.1816 9.15735C10.1129 9.02057 9.58667 7.66907 9.34277 7.12854H9.34296C9.13751 6.67334 8.92126 6.65796 8.72589 6.6499Z' fill='%2327AE60'/%3E%3C/svg%3E%0A"); } .social-tg { background-image: url("/local/templates/a-servis24__template/css/../images/icons/telegram.png"); } @media (max-width: 1600px) { /* .b-header.b-header_fifth.b-header_fifth-new .new-header-block > .right-link { max-width: 270px; width: 100%; } */ .b-header.b-header_fifth.b-header_fifth-new .new-header-block>.right-link a { width: 100%; margin-left: 0; text-align: center; /* padding-left: 5px; */ /* padding-right: 5px; */ white-space: nowrap; } .b-header.b-header_fifth.b-header_fifth-new .contract_button { margin-bottom: 10px; } .b-header.fix-menu .b-header__top .header-block.top-menu .header-right-block { right: 10vw; } } @media (max-width: 1280px) { .catalog .b-item .b-item__info { font-size: 16px; } } @media (max-width: 1150px) { .social-block { padding-left: 25px; } } .mobile-social-link.social-link { float: right; margin: 9px 15px 9px 10px; width: 32px; height: 32px; display: none; } @media (max-width: 1080px) { .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo a { padding: 10px 0; height: auto; } .b-header.b-header_fifth.b-header_fifth-new .b-nav ul.b-nav__list>li>a { padding: 10px 15px; } .b-header.b-header_fifth.b-header_fifth-new .after-logo, .b-header.b-header_fifth.b-header_fifth-new .new-header-block>.right-link { display: none !important; } .b-header.b-header_fifth.b-header_fifth-new .b-header__top { border: none; } .mobile-menu-info .btn, .top-menu .header-right-block #modal_callback_link, .b-header.b-header_fifth.b-header_fifth-new .cart_button { width: 100%; height: auto; padding: 5px; margin: 5px 0; font-size: 14px; line-height: normal; font-weight: 400; /* font-family: "Helvetica", sans-serif; */ } .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo { border: none; } .mobile-header-phone { display: block; margin-top: 15px; margin-bottom: 15px; } .mobile-social-link.social-link { display: block; margin-top: 15px; margin-bottom: 15px; } .new-header-block { display: block; } .b-header.b-header_fifth.b-header_fifth-new .fancy { margin-left: 0; margin-top: 10px; } } @media (max-width: 390px) { .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo { width: 110px; } .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo img { max-width: 160px; } } .body .properties__group--three-items-row { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .body .properties__group--three-items-row .property { width: 22.6%; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 48.4%; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) .property__img { -ms-flex-negative: 0; flex-shrink: 0; width: 46.8%; height: 100%; padding-top: 50%; margin-bottom: 0; } .body .property__img_fix { padding-top: 0 !important; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) .property__content { width: 46.8%; } .body .type_panels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .body .type_panels .type_panel { width: 17%; margin-bottom: 20px; } .body .type_panels .type_panel_img { margin-bottom: 4px; width: 100%; } .body .type_panels .type_panel_name { font-weight: 500; font-size: 13px; color: #b0b0b0; text-align: center; } .body .property__img_fix img { position: static; } @media only screen and (max-width: 1400px) { .body .properties__group--three-items-row { width: 100%; } .body .property--border { padding: 30px 25px 40px; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) { width: 49.2%; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) .property__img { width: 48.4%; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) .property__content { width: 48.4%; } } @media only screen and (max-width: 1024px) { .body .properties__group { width: 100%; margin-bottom: 3.2%; } .body .property__icon { height: 60px; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) { width: 100%; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) .property__img { width: 49.2%; padding-top: 30%; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) .property__content { width: 49.2%; } } @media only screen and (max-width: 650px) { .body .property--border { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 16px 25px; } .body .properties__group--three-items-row .property { width: 100%; margin-bottom: 3.2%; } .body .property__icon { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 40px; margin-right: 20px; margin-bottom: 0; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) .property__img { width: 100%; height: auto; margin-bottom: 10px; padding-top: 70%; } .body .properties__group--three-items-row .property:last-child:not(:first-child):not(:nth-child(2)) .property__content { width: 100%; } } @media only screen and (max-width: 500px) { .body .type_panels .type_panel { width: 47%; } } .b-footer_fourth .b-footer__top .b-footer__right .footer-email { margin-bottom: 18px; } .b-footer_fourth .b-footer__top .b-footer__right .footer-worktime { margin-bottom: 18px; } .b-footer_fourth .b-footer__top .b-footer__right .b-contact { display: inline-block; } .b-footer_fourth .b-footer__top .b-footer__right .footer-addres, .b-footer_fourth .b-footer__top .b-footer__right .footer-worktime { font-size: 14px; } @media (max-width: 1340px) { .b-footer_fourth .b-nav .b-nav__list { justify-content: center; } } @media (max-width: 991px) { .b-footer_fourth .b-width { flex-wrap: wrap; } .b-footer-left { max-width: none; } .b-footer_fourth .b-nav { justify-content: flex-start; padding: 0px; margin-top: 20px; } } @media (max-width: 600px) { .b-footer_fourth .b-footer__top .b-footer__right { width: 100%; margin-bottom: 0; text-align: left; float: none; } .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo { min-width: 150px; width: 150px; } .b-header.b-header_fifth.b-header_fifth-new .b-header__top .b-logo img { max-width: 150px; } .mobile-open-menu, .mobile-social-link.social-link, .mobile-header-phone { margin-top: 10px; margin-bottom: 10px; margin-right: 0; } /* .b-header.b-header_fifth.b-header_fifth-new .fancy { padding: 6px 20px; } */ .header-right-block .social-block .social-block-title { display: none; } } .color-catalog .js-look-component .look__right { width: 100%; } .color-catalog .js-look-component .look__slider { margin: 0; padding: 0; } .color-catalog .js-look-component .look__title { font-size: 16px; margin-top: 30px; margin-bottom: 10px; } .color-catalog .js-look-component .look__slider .look__list { margin: 0; } .color-catalog .js-look-component .left { float: left; width: 40%; } .color-catalog .js-look-component .right { float: right; width: 60%; padding-left: 10px; } .color-catalog .js-look-component .look__list { width: 100%; } .color-catalog .js-look-component .look__list li { width: calc(25% - 20px); max-width: calc(25% - 20px); min-width: auto; } .color-catalog .js-look-component .look__list.look__list--tabs li { width: calc(33.33333% - 20px); max-width: calc(33.33333% - 20px); margin-right: 10px; margin-left: 10px; } .color-catalog .js-look-component .look__list.look__list--tabs li::after { top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); } .color-catalog .js-look-component .look__subtitle { margin-bottom: 10px; } @media (max-width: 550px) { .color-catalog .js-look-component .left, .color-catalog .js-look-component .right { width: 100%; float: none; padding-left: 0; } } .work-time-modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .work-time-modal.open { opacity: 1; visibility: visible; } .work-time-modal-bg { background-color: #000; position: fixed; width: 100%; height: 100%; opacity: 0.2; left: 0; right: 0; } .work-time-modal-content { position: absolute; width: 100%; max-width: 600px; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #fff; padding: 30px; max-height: 100vh; overflow-y: auto; } .work-time-modal-content h4 { text-align: center; margin-bottom: 15px; color: #99c60d; font-weight: 700; } .work-time-modal-content p+p { margin-top: 10px; } .work-time-modal-content a { color: #99c60d; font-weight: 700; } .work-time-modal-close { display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 42px; height: 39px; font-size: 0; cursor: pointer; -webkit-transform: none; -ms-transform: none; transform: none; color: #414141; -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, color 0.3s ease; transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 0; border: none; border-radius: 0; } .work-time-modal-close:after, .work-time-modal-close:before { content: ""; position: absolute; top: 18px; left: 9px; display: block; width: 25px; height: 2px; background: currentColor; cursor: pointer; } .work-time-modal-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .work-time-modal-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .work-time-modal-close:hover { color: #99c60d; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, color 0.3s ease; transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease; } .promocontactsinner .btn-mail { background-color: #99c60d !important; } .promocontactsinner .btn-mail:hover { background-color: #40a629 !important; } .consultation-block { display: none !important; } .b-header.b-header_fifth.b-header_fifth-new .fancy { border-radius: 10px; height: 43px; } .b-slider .owl-dot { border: 1px solid #99c60d; height: 14px; width: 14px; pointer-events: auto; } .b-slider .owl-dot:hover, .b-slider .owl-dot.active:before, .b-slider .owl-dot.active:hover:before { /* border: 1px solid #99C60D; */ background: #99c60d; top: -1px; left: -1px; height: 14px; width: 14px; border-radius: 50%; } /* ///////////////////////// */ /*! * jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin * * Copyright (c) 2011 Mark Malek * http://fixedheadertable.com * * Licensed under MIT * http://www.opensource.org/licenses/mit-license.php * * http://docs.jquery.com/Plugins/Authoring * jQuery authoring guidelines * * Launch : October 2009 * Version : 1.3 * Released: May 9th, 2011 * * * all CSS sizing (width,height) is done in pixels (px) */ /* @group Reset */ .fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td { /* position */ margin: 0; /* size */ padding: 0; /* text */ font-size: 100%; font: inherit; vertical-align: top; } .fht-table { /* appearance */ border-collapse: collapse; border-spacing: 0; } /* @end */ /* @group Content */ .fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: hidden; /* position */ position: relative; } .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: auto; } .fht-table-wrapper .fht-table .fht-cell { /* appearance */ overflow: hidden; /* size */ height: 1px; } .fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body { /* position */ top: 0; left: 0; position: absolute; } .fht-table-wrapper .fht-fixed-column { /* position */ z-index: 1; } /* @end */ .price-table { margin-bottom: 30px; position: relative; } .price-table__text { margin-bottom: 50px; } .price-table__caption { font-size: 12px; line-height: 24px; } .price-table__height { position: absolute; top: 50%; left: 0; font-size: 13px; -webkit-transform: rotate(-90deg) translateX(-50%); -ms-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .price-table__width { text-align: center; font-size: 13px; margin-bottom: 7px; } .price-table__wrapper { margin-left: 25px; } .price-table__title { text-align: center; margin-bottom: 25px; font-weight: 700; font-size: 20px; line-height: 1.3; color: #1f1f1f; } .price-table__table td, .price-table__table th { min-width: 100px; padding-left: 10px; padding-right: 10px; text-align: center; font-weight: 500; -webkit-transition: color, .3s; -o-transition: color, .3s; transition: color, .3s; vertical-align: middle; } .price-table__table-f1 { width: 100%; min-width: 1100px; } @media (max-width:1100px) { .price-table__table-f1 tbody tr th { position: absolute; left: 25px; width: 122px; background-color: #fff; padding: 10px; } } .price-table__table td { background-color: #ddebfc; cursor: pointer; } .b-container .price-table__table td:hover { background-color: #99C60D } .fht-table.price-table__table tbody { background-color: #fff; } .b-container .price-table__table tr td { border: 1px solid rgba(0, 0, 0, 0.1); } /* ///////////////////////////////// */ @media (min-width: 1081px) and (max-width: 1500px) { .b-slider_first .b-slider__item { padding: 0 60px; } .b-slider .owl-controls .owl-prev { left: -20px; } .b-slider .owl-controls .owl-next { right: -20px; } } @media (min-width: 1500px) { .b-slider .owl-controls .owl-prev { left: -60px; } .b-slider .owl-controls .owl-next { right: -60px; } } .b-items_parthners .owl-controls .owl-prev, .b-items_parthners .owl-controls .owl-next { border: none; top: 40%; } .b-items_parthners .owl-controls .owl-prev { left: -40px; } .b-items_parthners .owl-controls .owl-next { right: -40px; } .catalog .b-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog .b-items .b-item .b-item__image { background: none; position: relative; box-shadow: 0 5px 0 0 #f24841; transition: box-shadow .3s ease; width: 130px; border-radius: 0; margin: 0; min-height: 176px; } @media (max-width: 1400px) { .catalog .b-item .b-item__info { padding: 10px 15px; } } @media (max-width: 768px) { .catalog .b-items_advantages-white .b-item { width: 100%; max-width: 500px; margin: 0 auto 20px; } .b-width { padding: 0; } } .b-header__top .b-width .cart-wrapper { width: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-btn { width: 35px; height: 35px; margin-right: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-count { border-radius: 50%; background: #99c60d; color: #fff; height: 23px; width: 23px; font-size: 12px; line-height: 14px; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1080px) { .cart-wrapper { margin-top: 10px; } } .b-cart .b-kol .qty.b-input { background-color: rgba(0, 0, 0, 0); } .b-cart .b-item__title { color: #333; } .text__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .text__col { margin-right: 100px; } .text__col-left { width: 40%; } .text__col-right { width: 60%; } .b-content__text h2 { font-weight: 700; font-size: 42px; line-height: 42px; color: #000000; margin-bottom: 22px; } @media (max-width:600px) { .b-content__text h2 { font-size: 29px; line-height: 29px; } } .b-content__text p+h2, .b-content__text .text__columns+h2 { margin-top: 60px; } .b-content__text p+h3, .b-content__text .text__columns+h3 { margin-top: 60px; } @media (max-width: 1400px) { .text__col { margin-right: 40px; } } @media (max-width: 1080px) { .text__columns { display: block; } .text__col { width: 100%; } .b-content__text h2 { margin-top: 60px; } } .b-content__text p { width: 100%; color: #000000; } @media (max-width: 600px) { .body .tech-docs .swiper-wrapper { margin-bottom: 0; } } @media (max-width: 400px) { .body .doc__footer { display: block; } .body .doc__btn { margin-bottom: 10px; } } @media (max-width: 768px) { .series-table { min-width: 690px; } .series-table-wrapper { overflow-x: auto; } } @media (max-width: 900px) { .rowOwl .item .row>.col-6:nth-child(1) .img { margin: 0 auto; } } .b-seo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .seo .b-content h1, .seo .b-content .h1, .seo .b-content h2, .seo .b-content .h2 { font-size: 36px; line-height: 42px; } .b-width .page-section .container { margin: 0; } /* 11-11-21 */ @media (max-width: 1080px) { .b-slider .b-slider__image { height: 550px; background: #edf1f8; } } @media (max-width: 680px) { .b-slider .b-slider__image { height: 450px; } } @media (max-width: 530px) { .b-slider .b-slider__image { height: 350px; } } @media (max-width: 430px) { .b-slider .b-slider__image { height: 210px; } } .b-width .page-section .container, .b-width .page-section .b-container .container, .b-width .page-section .container .container { width: 100%; max-width: 100%; min-width: 0; overflow: visible; padding: 0; margin: 0; } @media (max-width: 400px) { .b-header__top .header-block.top-menu { width: 100%; } } /* 15-02-22 */ .title-catalog-section-list .title-info-catalog-section-list p, .title-catalog-section-list .title-info-catalog-section-list ul:not(.b-breadcrumbs) { text-align: left; } .title-catalog-section-list .title-info-catalog-section-list h2 { margin-top: 60px; font-weight: 500; font-size: 36px; line-height: 42px; color: #000000; margin-bottom: 22px; } /* 10-03-22 */ .section_photo { margin-top: 60px; } .photo_slider { margin: 30px auto 0; } .photo_slider.owl-carousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 600px; } .photo_slider.owl-carousel .owl-item { height: auto; padding: 0 50px; } .photo_item { max-width: 600px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .photo_item img { width: 100%; height: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .photo_slider.b-slider .owl-dots { display: block !important; } .photo_slider.b-slider .owl-controls .owl-nav { width: 100%; } .photo_slider.b-slider .owl-controls .owl-prev, .photo_slider.b-slider .owl-controls .owl-next { opacity: 0.5; } .photo_slider.b-slider .owl-controls .owl-prev { left: 0px; } .photo_slider.b-slider .owl-controls .owl-next { right: 0px; } @media (max-width: 980px) { .photo_item { padding: 0; } .photo_slider.owl-carousel .owl-stage { max-height: 500px; } .photo_slider.b-slider .owl-dots { bottom: 20px; } .photo_slider.b-slider .owl-controls .owl-prev { left: -20px; } .photo_slider.b-slider .owl-controls .owl-next { right: -20px; } } @media (max-width: 700px) { .photo_slider.owl-carousel .owl-item { padding: 0; } } .video__block { display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; background: #f5f5f5; } .video__info { width: 50%; padding: 40px; } .video__content video { cursor: pointer; max-width: 100%; height: 100%; min-height: 200px; display: block !important; } @media (max-width: 1000px) { .video__block { display: block; } .video__info, .video__content video { width: 100%; } } @media (max-width: 500px) { .video__info { padding: 20px; } } /* .b-row { padding: 20px 0 40px; } */ .show_form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; -webkit-box-shadow: 4px 4px 22px rgba(0, 0, 0, .18); box-shadow: 4px 4px 22px rgba(0, 0, 0, .18); margin-bottom: 30px; } .show_form .title { font-weight: 700; margin-bottom: 10px; font-size: 21px; line-height: 30px; } .show_form__content .text { max-width: 250px; line-height: 24px; } #modal_callback_link { font-weight: 700; cursor: pointer; } .show_form img { display: block; margin-right: 20px; width: 47px; height: 40px; -o-object-fit: contain; object-fit: contain; } .show_form__box { padding: 0px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } /* -----------end add Alente -------------- */ .footer__developer-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'PT Mono', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #FFFFFF; } .footer__developer-link span svg+svg { margin-left: 12px; } .footer__developer-link span+span { margin-left: 12px; } .footer__developer-link:hover { color: #40a629; } /* -----------end add Alente -------------- */ /* add 05-07-23 : */ .b-footer-mobile { display: none; } @media (max-width: 900px) { .b-items_services .b-item__content { min-height: 19px; padding: 10px 15px; } .b-items_services .b-item__content .b-item__title { font-size: 12px; line-height: 16px; } .b-slider .b-slider__content { padding-bottom: 20px; min-height: 280px !important; } } @media (max-width: 600px) { .b-items_services .b-item__content .b-item__title { font-size: 14px; line-height: 14px; } .b-slider .b-slider__content { padding-bottom: 10px; min-height: 200px !important; } .b-slider .owl-item .b-slider__content .b-big { margin: 0 0 20px; } .b-footer-left .b-footer-address, .b-footer-left .b-footer-copyright { display: none; } .b-footer-mobile { display: block; } .b-footer-left .b-logo { margin-bottom: 0; } .b-footer_fourth .b-nav { margin-top: 0; } .b-footer_fourth .b-nav li { width: 33%; margin-right: 0; padding-right: 20px; } .b-footer_fourth .b-contact { padding-top: 0; } .b-footer-address { margin-bottom: 25px; } } /* end 05-07-23 */ /* Certificates block customization */ .certs-page__block { display: flex; flex-wrap: wrap; gap: 12px; } .certs-page__item { position: relative; width: 24%; } @media (max-width:1199px) { .certs-page__item { width: 32%; } } @media (max-width:767px) { .certs-page__item { width: 48%; } } @media (max-width:411px) { .certs-page__item { width: 100%; } } .certs-page__item-img { position: relative; border: 1px solid #dfdfdf; padding: 4px; } .certs-page__item-img img { width: 100%; } .certs-page__item-title { margin-top: 12px; } .certs-page__item-img-hover { position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 140%; background-color: hsla(0, 0%, 100%, .5); opacity: 0; transition: opacity .2s ease-in; } .certs-page__item-img-hover:hover { opacity: 1; } .certs-page__item-btn { position: absolute; top: 50%; left: 50%; padding: 8px 32px; border: 0; background: #1f1f1f !important; color: #fff; font-weight: 700; transform: translate(-50%, -50%); transition: transform .4s ease; } .certs-page__item-img-hover:hover .certs-page__item-btn { transform: translate(-50%, -50%) translateY(-10px); } .certs-page__item-btn:hover { background: #1f1f1f !important; } /* End certificates block customization */ /* Cookies notification block */ .cookie-notify__container { display: none; align-items: center; position: fixed; padding: 14px 14px 14px 20px; width: 36%; height: 100%; max-height: 110px; bottom: 0; left: 0; border: 2px solid #99c60d; background-color: #fff; color: #000; z-index: 900; transition: all .5s ease; } .cookie-notify__container._collapsed { left: -100%; } .cookie-notify__wrapper { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 6px; } .cookie-notify__text { width: 70%; text-align: center; } .cookie-notify__text p { margin-bottom: 0; font-size: 14px; line-height: 20px; } .cookie-notify__text a { border-bottom: 1px dotted #99c60d; font-size: 14px; text-decoration: none; color: #99c60d; } .cookie-notify__button { display: flex; justify-content: center; align-items: center; width: 30%; } .cookie-notify__button button { margin-bottom: 0; padding: 8px 24px; border: 0; border-radius: 99px; background: #99c60d; color: #fff; } .cookie-notify__collapse { position: fixed; bottom: 0; left: 0; display: none; justify-content: center; align-items: center; width: 20px; height: 100%; max-height: 110px; border-top: 2px solid #99c60d; border-right: 2px solid #99c60d; border-bottom: 2px solid #99c60d; background-color: #fff; cursor: pointer; z-index: 1000; } .cookie-notify__collapse svg { transition: all 1s ease; } .cookie-notify__collapse._collapsed svg { transform: rotate(180deg); } @media (max-width:1199px) { .cookie-notify__container, .cookie-notify__collapse { max-height: 140px; } .cookie-notify__container { width: 40%; } } @media (max-width:991px) { .cookie-notify__container { width: 60%; } } @media (max-width:767px) { .cookie-notify__container { width: 80%; } } @media (max-width:575px) { .cookie-notify__container { width: 100%; padding: 6px 14px 6px 20px; } .cookie-notify__wrapper { row-gap: 6px; } .cookie-notify__text { width: 100%; } .cookie-notify__text p, .cookie-notify__text a { font-size: 13px; } .cookie-notify__button { width: 100%; } } /* End Cookies notification block */ /* Roll gates table fix */ .roll-gates__table .head { background-color: #ebebeb; } .roll-gates__table .series-table-tr { padding-left: 15px; padding-right: 15px; } .roll-gates__table .series-table-td:first-child { width: 33%; max-width: 360px; } .roll-gates__table .series-table-td { width: 66%; max-width: unset; } .roll-gates__table .series-info__info { max-width: unset; } @media (max-width:991px) { .roll-gates__table .series-table-td:first-child, .roll-gates__table .series-table-td { width: 46%; max-width: unset; } } @media (max-width:767px) { .roll-gates__table .series-table-td:first-child, .roll-gates__table .series-table-td { width: 25%; } } /* End Roll gates table fix */ /* Callback form success message fix */ #requestCallbackSuccess, #requestOrderSuccess, #requestQuestionSuccess, #requestContactsSuccess { display: none; color: #99c60d; font-size: 22px; font-weight: 700; } /* Input disabled style fix */ html input[disabled], html textarea[disabled] { opacity: .5; } /* Delivery block style fix */ .delivery-calc { width: 100%; border: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; } a.delivery__phone { color: #99c60d; } /* End */ /* Start:/local/templates/a-servis24__template/components/bitrix/menu/a-servis24__top-menu/style.min.css?1769766378490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/a-servis24__template/components/bitrix/menu/a-servis24__top-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/a-servis24__template/components/bitrix/breadcrumb/a-servis24__breadcrumbs/style.min.css?1769766378467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/a-servis24__template/components/bitrix/menu/a-servis24__bottom-menu/style.min.css?1769766378490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/a-servis24__template/components/bitrix/menu/a-servis24__bottom-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /local/templates/a-servis24__template/css/font/font-Helvetica/font.css?17697663785830 */ /* /local/templates/a-servis24__template/css/font/font-Lato/font.css?17697663784921 */ /* /local/templates/a-servis24__template/css/font/font-Raleway/font.css?17697663786703 */ /* /local/templates/a-servis24__template/css/normalize.min.css?17697663782502 */ /* /local/templates/a-servis24__template/css/404.css?1769766378415 */ /* /local/templates/a-servis24__template/css/collection.css?1769766378354290 */ /* /local/templates/a-servis24__template/css/app.css?176976637877005 */ /* /local/templates/a-servis24__template/css/app-new.css?1769766378180277 */ /* /local/templates/a-servis24__template/components/bitrix/menu/a-servis24__top-menu/style.min.css?1769766378490 */ /* /local/templates/a-servis24__template/components/bitrix/breadcrumb/a-servis24__breadcrumbs/style.min.css?1769766378467 */ /* /local/templates/a-servis24__template/components/bitrix/menu/a-servis24__bottom-menu/style.min.css?1769766378490 */