/* * Author: Piotr Gora * Copyright: Viewstudio * Date: 09 July 2015 * * Coding rules : https://github.com/necolas/idiomatic-css * */ /* Base ========================================================================== */ /** * variables, fonts, mixins, helpers... */ /* ========================================================================== Base ========================================================================== */ /* ========================================================================== Base/tools ========================================================================== */ /* ========================================================================== Base/Project ========================================================================== */ /* ========================================================================== Base/Project/variables ========================================================================== */ /* Path ========================================================================== */ /* Fonts ========================================================================== */ /* Color ========================================================================== */ /* Text */ /* Background */ /* Link */ /* ========================================================================== Base/Project/fonts ========================================================================== */ @import url("http://fonts.googleapis.com/css?family=Lato:400,900,700,300,100&subset=latin,latin-ext"); /* Neue Haas Grotesk Text ========================================================================== */ /* * normal/400: Regular * bold/600: Bold */ @font-face { font-family: 'Neue Haas Grotesk Text'; src: url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-55Rg.eot); src: url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-55Rg.eot?#iefix) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-55Rg.otf) format("opentype"), url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-55Rg.woff) format("woff"), url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-55Rg.svg#NHaasGroteskTXPro-55Rg) format("svg"); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'Neue Haas Grotesk Text'; src: url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-75Bd.eot); src: url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-75Bd.eot?#iefix) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-75Bd.wof) format("woff"), url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-75Bd.otf) format("opentype"), url(../fonts/neue_hass_grotesk/text/NHaasGroteskTXPro-75Bd.svg#NHaasGroteskTXPro-75Bd) format("svg"); font-weight: bold; font-style: normal; text-rendering: optimizeLegibility; } /* Neue Haas Grotesk DS Pro ========================================================================== */ /* * 100: Ultra Thin * 200: Thin * 300: Light Thin * 400: Light * 500: Regular * 600: Medium * 700: Bold * 800: Black */ @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro15UltTh.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro15UltTh.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro15UltTh.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro15UltTh.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro15UltTh.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro15UltTh.svg#NHaasGroteskDSPro15UltTh) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 100; font-style: normal; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro16UltThIt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro16UltThIt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro16UltThIt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro16UltThIt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro16UltThIt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro16UltThIt.svg#NHaasGroteskDSPro16UltThIt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 100; font-style: italic; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro25Th.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro25Th.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro25Th.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro25Th.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro25Th.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro25Th.svg#NHaasGroteskDSPro25Th) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 200; font-style: normal; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro26ThIt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro26ThIt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro26ThIt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro26ThIt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro26ThIt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro26ThIt.svg#NHaasGroteskDSPro26ThIt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 200; font-style: italic; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro35XLt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro35XLt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro35XLt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro35XLt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro35XLt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro35XLt.svg#NHaasGroteskDSPro35XLt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 300; font-style: normal; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro36XLtIt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro36XLtIt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro36XLtIt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro36XLtIt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro36XLtIt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro36XLtIt.svg#NHaasGroteskDSPro36XLtIt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 300; font-style: italic; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro45Lt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro45Lt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro45Lt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro45Lt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro45Lt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro45Lt.svg#NHaasGroteskDSPro45Lt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro46LtIt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro46LtIt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro46LtIt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro46LtIt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro46LtIt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro46LtIt.svg#NHaasGroteskDSPro46LtIt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 400; font-style: italic; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro55Rg.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro55Rg.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro55Rg.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro55Rg.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro55Rg.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro55Rg.svg#NHaasGroteskDSPro55Rg) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 500; font-style: normal; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro56It.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro56It.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro56It.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro56It.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro56It.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro56It.svg#NHaasGroteskDSPro56It) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 500; font-style: italic; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro65Md.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro65Md.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro65Md.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro65Md.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro65Md.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro65Md.svg#NHaasGroteskDSPro65Md) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 600; font-style: normal; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro66MdIt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro66MdIt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro66MdIt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro66MdIt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro66MdIt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro66MdIt.svg#NHaasGroteskDSPro66MdIt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 600; font-style: italic; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro75Bd.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro75Bd.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro75Bd.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro75Bd.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro75Bd.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro75Bd.svg#NHaasGroteskDSPro75Bd) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 700; font-style: normal; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro76BdIt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro76BdIt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro76BdIt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro76BdIt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro76BdIt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro76BdIt.svg#NHaasGroteskDSPro76BdIt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 700; font-style: italic; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro95Blk.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro95Blk.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro95Blk.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro95Blk.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro95Blk.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro95Blk.svg#NHaasGroteskDSPro95Blk) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 800; font-style: normal; text-rendering: optimizeLegibility; } @font-face { src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro96BlkIt.eot); src: url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro96BlkIt.eot) format("embedded-opentype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro96BlkIt.woff) format("woff"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro96BlkIt.woff2) format("woff2"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro96BlkIt.ttf) format("truetype"), url(../fonts/neue_hass_grotesk/dsPro/NHaasGroteskDSPro96BlkIt.svg#NHaasGroteskDSPro96BlkIt) format("svg"); font-family: 'Neue Haas Grotesk DS Pro'; font-weight: 800; font-style: italic; text-rendering: optimizeLegibility; } /* Lato ========================================================================== */ /* * 100: Hairline * 200: Thin * 300: Light * 400/Normal: Regular * 500: Medium * 600: Semibold * 700: Bold * 800: Heavy * 900: Black */ @font-face { font-family: "Lato", sans-serif; src: url(../fonts/lato/LatoLatin-Black.eot); /* IE9 Compat Modes */ src: url(../fonts/lato/LatoLatin-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Black.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Black.woff) format("woff"), url(../fonts/lato/LatoLatin-Black.ttf) format("truetype"); font-style: normal; font-weight: 900; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url(../fonts/lato/fonts/LatoLatin-BlackItalic.eot); /* IE9 Compat Modes */ src: url(../fonts/lato/fonts/LatoLatin-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-BlackItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-BlackItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-BlackItalic.ttf) format("truetype"); font-style: italic; font-weight: 900; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url(../fonts/lato/LatoLatin-Bold.eot); /* IE9 Compat Modes */ src: url(../fonts/lato/LatoLatin-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Bold.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Bold.woff) format("woff"), url(../fonts/lato/LatoLatin-Bold.ttf) format("truetype"); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; } @font-face { font-family: 'LatoLatinWeb'; src: url(../fonts/lato/LatoLatin-BoldItalic.eot); /* IE9 Compat Modes */ src: url(../fonts/lato/LatoLatin-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-BoldItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-BoldItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-BoldItalic.ttf) format("truetype"); font-style: italic; font-weight: 700; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-Hairline.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-Hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-Hairline.woff2") format("woff2"), url("../fonts/lato/LatoLatin-Hairline.woff") format("woff"), url("../fonts/lato/LatoLatin-Hairline.ttf") format("truetype"); font-style: normal; font-weight: 100; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-HairlineItalic.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-HairlineItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-HairlineItalic.woff2") format("woff2"), url("../fonts/lato/LatoLatin-HairlineItalic.woff") format("woff"), url("../fonts/lato/LatoLatin-HairlineItalic.ttf") format("truetype"); font-style: italic; font-weight: 100; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-Heavy.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-Heavy.woff2") format("woff2"), url("../fonts/lato/LatoLatin-Heavy.woff") format("woff"), url("../fonts/lato/LatoLatin-Heavy.ttf") format("truetype"); font-style: normal; font-weight: 800; text-rendering: optimizeLegibility; } @font-face { font-family: 'LatoLatinWebHeavy'; src: url("../fonts/lato/LatoLatin-HeavyItalic.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-HeavyItalic.woff2") format("woff2"), url("../fonts/lato/LatoLatin-HeavyItalic.woff") format("woff"), url("../fonts/lato/LatoLatin-HeavyItalic.ttf") format("truetype"); font-style: italic; font-weight: 800; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-Italic.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-Italic.woff2") format("woff2"), url("../fonts/lato/LatoLatin-Italic.woff") format("woff"), url("../fonts/lato/LatoLatin-Italic.ttf") format("truetype"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-Light.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-Light.woff2") format("woff2"), url("../fonts/lato/LatoLatin-Light.woff") format("woff"), url("../fonts/lato/LatoLatin-Light.ttf") format("truetype"); font-style: normal; font-weight: 300; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-LightItalic.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-LightItalic.woff2") format("woff2"), url("../fonts/lato/LatoLatin-LightItalic.woff") format("woff"), url("../fonts/lato/LatoLatin-LightItalic.ttf") format("truetype"); font-style: italic; font-weight: 300; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Medium */ @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-Medium.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-Medium.woff2") format("woff2"), url("../fonts/lato/LatoLatin-Medium.woff") format("woff"), url("../fonts/lato/LatoLatin-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-MediumItalic */ @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-MediumItalic.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-MediumItalic.woff2") format("woff2"), url("../fonts/lato/LatoLatin-MediumItalic.woff") format("woff"), url("../fonts/lato/LatoLatin-MediumItalic.ttf") format("truetype"); font-style: italic; font-weight: 500; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-Regular.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-Regular.woff2") format("woff2"), url("../fonts/lato/LatoLatin-Regular.woff") format("woff"), url("../fonts/lato/LatoLatin-Regular.ttf") format("truetype"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-Semibold.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-Semibold.woff2") format("woff2"), url("../fonts/lato/LatoLatin-Semibold.woff") format("woff"), url("../fonts/lato/LatoLatin-Semibold.ttf") format("truetype"); font-style: normal; font-weight: 600; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-SemiboldItalic.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-SemiboldItalic.woff2") format("woff2"), url("../fonts/lato/LatoLatin-SemiboldItalic.woff") format("woff"), url("../fonts/lato/LatoLatin-SemiboldItalic.ttf") format("truetype"); font-style: italic; font-weight: 600; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-Thin.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-Thin.woff2") format("woff2"), url("../fonts/lato/LatoLatin-Thin.woff") format("woff"), url("../fonts/lato/LatoLatin-Thin.ttf") format("truetype"); font-style: normal; font-weight: 200; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato", sans-serif; src: url("../fonts/lato/LatoLatin-ThinItalic.eot"); /* IE9 Compat Modes */ src: url("../fonts/lato/LatoLatin-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/LatoLatin-ThinItalic.woff2") format("woff2"), url("../fonts/lato/LatoLatin-ThinItalic.woff") format("woff"), url("../fonts/lato/LatoLatin-ThinItalic.ttf") format("truetype"); font-style: italic; font-weight: 200; text-rendering: optimizeLegibility; } /* ========================================================================== Base/Project/globals ========================================================================== */ html, body { height: 100%; } body { color: #262626; font-family: "Neue Haas Grotesk DS Pro"; font-size: 1em; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: 0.025em; background: #fff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-smooth: always; font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; } a { color: #ffffff; } a:hover { color: #ffffff; } a:focus { text-decoration: none; outline: 0; } /* ========================================================================== Base/Project/typography ========================================================================== */ /* ========================================================================== Base/Project/form ========================================================================== */ /* Modules ========================================================================== */ /** * reusable/framework components */ /* ========================================================================== Base/Layout ========================================================================== */ /* ========================================================================== Base/Modules/Bootstrap-select ========================================================================== */ .bootstrap-select { min-width: 0; width: 100% !important; } .bootstrap-select .dropdown-toggle { border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 30px; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .bootstrap-select .dropdown-toggle:hover { background: #fff; } .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus { outline: 0 !important; background: #fff; border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .bootstrap-select .dropdown-toggle .caret { color: #ff6207; } .bootstrap-select.open .dropdown-toggle { background: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .bootstrap-select.open .dropdown-toggle:hover { background: #fff; } .bootstrap-select .dropdown-menu .selected a { border: 0; outline: 0; color: #ff6207; } .bootstrap-select .dropdown-menu a:active, .bootstrap-select .dropdown-menu a:focus { outline: 0 !important; background: #fff; border-color: #66afe9; -webkit-box-shadow: none; box-shadow: none; } /* ========================================================================== Base/Modules/Bootstrap-slider ========================================================================== */ .slider.slider-horizontal { margin-top: 7px; padding-right: 13px; width: 100%; height: 2px; background: #fff; } .slider.slider-horizontal .slider-track { position: relative; top: 50%; left: 0; margin-top: -1px; width: 100%; height: 2px; background: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .slider.slider-horizontal .slider-selection { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .slider.slider-horizontal .slider-handle { background: #626262; width: 13px; height: 13px; margin-left: 0; } .slider.slider-horizontal .slider-handle.max-slider-handle { background: #ff5603; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.39); } .slider.slider-horizontal .tooltip { display: none; } .slider.slider-horizontal .slider-handle.custom { background: transparent none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* Or display content like unicode characters or fontawesome icons */ .slider.slider-horizontal .slider-handle.custom::before { content: '\2605'; /*unicode star character*/ font-size: 24px; color: #ff5603; line-height: 12px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.39); margin-left: -3px; } /* ========================================================================== Base/Modules/icon ========================================================================== */ .icon { display: inline-block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; } .icon-children { background-image: url(../img/icons/gray/children.png); } .icon-city-center { background-image: url(../img/icons/gray/city-center.png); } .icon-jacuzzi { background-image: url(../img/icons/gray/jacuzzi.png); } .icon-lift { background-image: url(../img/icons/gray/lift.png); } .icon-night-life { background-image: url(../img/icons/gray/night-life.png); } .icon-pets { background-image: url(../img/icons/gray/pets.png); } .icon-sauna { background-image: url(../img/icons/gray/sauna.png); } .icon-secluded-area { background-image: url(../img/icons/gray/secluded-area.png); } .icon-ski-bus { background-image: url(../img/icons/gray/ski-bus.png); } .icon-swimming-pool { background-image: url(../img/icons/gray/swimming-pool.png); } .icon-welness { background-image: url(../img/icons/gray/welness.png); } .icon-wifi { background-image: url(../img/icons/gray/wifi.png); } .icon-wifi-pay { background-image: url(../img/icons/gray/wifi-pay.png); } .icon-children.icon-blue { background-image: url(../img/icons/blue/children.png); } .icon-city-center.icon-blue { background-image: url(../img/icons/blue/city-center.png); } .icon-jacuzzi.icon-blue { background-image: url(../img/icons/blue/jacuzzi.png); } .icon-lift.icon-blue { background-image: url(../img/icons/blue/lift.png); } .icon-night-life.icon-blue { background-image: url(../img/icons/blue/night-life.png); } .icon-pets.icon-blue { background-image: url(../img/icons/blue/pets.png); } .icon-sauna.icon-blue { background-image: url(../img/icons/blue/sauna.png); } .icon-secluded-area.icon-blue { background-image: url(../img/icons/blue/secluded-area.png); } .icon-ski-bus.icon-blue { background-image: url(../img/icons/blue/ski-bus.png); } .icon-swimming-pool.icon-blue { background-image: url(../img/icons/blue/swimming-pool.png); } .icon-welness.icon-blue { background-image: url(../img/icons/blue/welness.png); } .icon-wifi.icon-blue { background-image: url(../img/icons/blue/wifi.png); } .icon-wifi-pay.icon-blue { background-image: url(../img/icons/blue/wifi-pay.png); } .icon-children.icon-green { background-image: url(../img/icons/green/children.png); } .icon-city-center.icon-green { background-image: url(../img/icons/green/city-center.png); } .icon-jacuzzi.icon-green { background-image: url(../img/icons/green/jacuzzi.png); } .icon-lift.icon-green { background-image: url(../img/icons/green/lift.png); } .icon-night-life.icon-green { background-image: url(../img/icons/green/night-life.png); } .icon-pets.icon-green { background-image: url(../img/icons/green/pets.png); } .icon-sauna.icon-green { background-image: url(../img/icons/green/sauna.png); } .icon-secluded-area.icon-green { background-image: url(../img/icons/green/secluded-area.png); } .icon-ski-bus.icon-green { background-image: url(../img/icons/green/ski-bus.png); } .icon-swimming-pool.icon-green { background-image: url(../img/icons/green/swimming-pool.png); } .icon-welness.icon-green { background-image: url(../img/icons/green/welness.png); } .icon-wifi.icon-green { background-image: url(../img/icons/green/wifi.png); } .icon-wifi-pay.icon-green { background-image: url(../img/icons/green/wifi-pay.png); } .icon-children.icon-orange { background-image: url(../img/icons/orange/children.png); } .icon-city-center.icon-orange { background-image: url(../img/icons/orange/city-center.png); } .icon-jacuzzi.icon-orange { background-image: url(../img/icons/orange/jacuzzi.png); } .icon-lift.icon-orange { background-image: url(../img/icons/orange/lift.png); } .icon-night-life.icon-orange { background-image: url(../img/icons/orange/night-life.png); } .icon-pets.icon-orange { background-image: url(../img/icons/orange/pets.png); } .icon-sauna.icon-orange { background-image: url(../img/icons/orange/sauna.png); } .icon-secluded-area.icon-orange { background-image: url(../img/icons/orange/secluded-area.png); } .icon-ski-bus.icon-orange { background-image: url(../img/icons/orange/ski-bus.png); } .icon-swimming-pool.icon-orange { background-image: url(../img/icons/orange/swimming-pool.png); } .icon-welness.icon-orange { background-image: url(../img/icons/orange/welness.png); } .icon-wifi.icon-orange { background-image: url(../img/icons/orange/wifi.png); } .icon-wifi-pay.icon-orange { background-image: url(../img/icons/orange/wifi-pay.png); } /* Site ========================================================================== */ /** * layouts, header, footer, content */ /* ========================================================================== Base/Layout ========================================================================== */ /* ========================================================================== Base/Layout/container ========================================================================== */ @media (min-width: 0px) and (max-width: 479px) { .container { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .container { width: 100%; } } @media (min-width: 0px) and (max-width: 767px) { .container { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .container { width: 100%; } } @media (min-width: 1024px) and (max-width: 1365px) { .container { width: 970px; } .container .row { margin-right: -10px; margin-left: -10px; } .container .col-lg-1, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-md-1, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-sm-1, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-xs-1, .container .col-xs-10, .container .col-xs-11, .container .col-xs-12, .container .col-xs-2, .container .col-xs-3, .container .col-xs-4, .container .col-xs-5, .container .col-xs-6, .container .col-xs-7, .container .col-xs-8, .container .col-xs-9 { padding-right: 10px; padding-left: 10px; } } @media (min-width: 1366px) and (max-width: 1919px) { .container { width: 1200px; } .container .row { margin-right: -15px; margin-left: -15px; } .container .col-lg-1, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-md-1, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-sm-1, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-xs-1, .container .col-xs-10, .container .col-xs-11, .container .col-xs-12, .container .col-xs-2, .container .col-xs-3, .container .col-xs-4, .container .col-xs-5, .container .col-xs-6, .container .col-xs-7, .container .col-xs-8, .container .col-xs-9 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1920px) and (max-width: 2559px) { .container { width: 1560px; } } @media (min-width: 2560px) { .container { width: 2030px; } } .banner-text { color: #898989; line-height: 1.5em; font-size: 1.5em; } .banner-text > p { margin-bottom: 15px; } /* ========================================================================== Base/Layout/content ========================================================================== */ .l-content--hidden { overflow: hidden; } /* ========================================================================== Base/Layout/wrapper ========================================================================== */ .l-wrapper { position: relative; height: 100%; } /* ========================================================================== Base/Layout/footer ========================================================================== */ .l-footer { position: relative; z-index: 100; padding: 23px 0 22px; color: #C5C2C2; background: #171717; font-size: 1.2em; line-height: 1.55em; } @media (min-width: 0px) and (max-width: 479px) { .l-footer .container { width: 100%; padding: 0 15px; } .l-footer .pull-right { width: 100%; margin-right: 80px; } .l-footer .pull-left { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .l-footer .container { width: 100%; padding: 0 15px; } .l-footer .pull-left, .l-footer .pull-right { display: block; width: 100%; text-align: right !important; margin-right: 80px; float: right !important; } } @media (min-width: 0px) and (max-width: 767px) { .l-footer .pull-right { text-align: right; } .l-footer .pull-right br { display: none; } .l-footer .pull-right a { display: block; } .l-footer .pull-right a:last-child { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .l-footer .container { width: 100%; padding: 0 15px; } .l-footer .pull-right { margin-right: 80px; } .l-footer .pull-left { margin-left: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .l-footer .container { width: 100%; padding: 0 15px; } } .l-footer p { margin: 0; padding: 0; } .l-footer a { text-decoration: none; color: #C5C2C2; } .l-footer a:hover { text-decoration: none; color: #fff; } .l-footer a.friendly-link { font-weight: 600; font-size: 1.2em; } .l-footer ul { padding-left: 10px; } .l-footer .friendly-link-hide { display: none; } .l-footer hr { border-top: 1px solid #C5C2C2; margin-top: 10px; } .l-footer .footer { width: 100%; font-size: 1.3em; font-weight: 600; padding: 0px 10px; } .l-footer .footer-ski { min-height: 165px; max-height: 360px; } .l-footer .footer-not-ski { height: 220px; } /* ========================================================================== Base/Layout/header ========================================================================== */ .l-header { position: fixed; z-index: 99999999; top: 0; left: 0; height: 60px; padding-left: 60px; -webkit-transition: left .5s, padding-left .5s; -moz-transition: left .5s, padding-left .5s; -ms-transition: left .5s, padding-left .5s; -o-transition: left .5s, padding-left .5s; transition: left .5s, padding-left .5s; background: rgba(0, 0, 0, 0.85); min-width: 360px; } @media (min-width: 0px) and (max-width: 767px) { .l-header { width: 100%; } .l-header.open { left: 0; padding-left: 60px; } .l-header .l-header__helpline { z-index: 999; } .l-header .l-header__logo { position: relative; z-index: 9999; } .l-header .l-header__nav { left: -100%; width: 100%; } } @media (min-width: 0px) and (max-width: 479px) { .l-header__mail { display: none; } .l-header__back { display: none; } } .l-header.play { left: -100%; } .l-header.play .l-header__nav-btn { left: -60px; } .l-header.play .l-header__hide { left: 0; } .l-header__hide { position: fixed; top: 0; left: -19px; display: block; width: 19px; height: 60px; content: ""; -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; -o-transition: left 1s; transition: left 1s; background: url(../img/headerMenuHide.png) no-repeat; } .l-header__logo { float: left; width: 200px; padding: 13px 14px 10px 14px; } .l-header__mail { float: left; width: 60px; height: 60px; margin-left: 1px; } .l-header__mail-btn { display: block; width: 60px; height: 60px; -webkit-transition: left .5s, padding-left .5s; -moz-transition: left .5s, padding-left .5s; -ms-transition: left .5s, padding-left .5s; -o-transition: left .5s, padding-left .5s; transition: left .5s, padding-left .5s; background: url("../img/menu-top/btn-email.png") no-repeat; } .l-header__back { float: left; width: 60px; height: 60px; margin-left: 1px; margin-right: 1px; } .l-header__back-btn { display: block; width: 60px; height: 60px; -webkit-transition: left .5s, padding-left .5s; -moz-transition: left .5s, padding-left .5s; -ms-transition: left .5s, padding-left .5s; -o-transition: left .5s, padding-left .5s; transition: left .5s, padding-left .5s; background: url("../img/menu-top/btn-back.png") no-repeat; } .l-header__helpline { position: relative; float: left; overflow: hidden; width: 60px; height: 60px; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; transition: width .5s; } .l-header__helpline:hover, .l-header__helpline.open { width: 444px; } .l-header__helpline:hover .l-header__helpline-btn-more, .l-header__helpline.open .l-header__helpline-btn-more { opacity: 1; } @media (min-width: 0px) and (max-width: 479px) { .l-header__helpline:hover, .l-header__helpline.open { width: auto; } } .l-header__helpline-btn { display: block; float: left; width: 60px; height: 60px; background: url("../img/menu-top/btn-phone.png") no-repeat; } .l-header__helpline-btn-more { position: absolute; z-index: 999; top: 0; left: 0; display: block; float: left; width: 60px; height: 60px; padding: 35px 0 0 10px; -webkit-transition: opacity .25s; -moz-transition: opacity .25s; -ms-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; opacity: 0; color: #fff; background: url("../img/menu-top/bg-orange-60x60.png") no-repeat; font-size: 1em; } .l-header__helpline-btn-more:hover, .l-header__helpline-btn-more:focus { text-decoration: none; color: #fff; } .l-header__helpline-btn-more:before { position: absolute; top: 10px; left: 10px; width: 20px; height: 20px; content: ""; background: url(../img/menu-top/btn-phone-small.png) no-repeat; } .l-header__helpline-more { position: absolute; top: 0; left: 61px; width: 383px; } .l-header__helpline-more > a { display: block; float: left; width: 191px; height: 60px; padding: 13px 15px; color: #fff; background: #ff5603; font-size: 2.4em; font-weight: bold; } .l-header__helpline-more > a span { display: block; color: #010100; font-size: 0.5em; font-weight: 500; } .l-header__helpline-more > a:first-child { margin-right: 1px; background: url("../img/menu-top/bg-orange-191x60.png") no-repeat; } .l-header__helpline-more > a:hover { text-decoration: none; } .l-header__nav { position: fixed; z-index: 999; top: 0; left: -300px; width: 300px; height: 100%; padding: 104px 0 0 33px; -webkit-transition: left .5s; -moz-transition: left .5s; -ms-transition: left .5s; -o-transition: left .5s; transition: left .5s; background: rgba(0, 0, 0, 0.85); } .l-header__nav ul { margin: 0; padding: 0; height: 100%; list-style: none; } .l-header__nav > ul { overflow-y: auto; } .l-header__nav > ul::-webkit-scrollbar { display: none; } .l-header__nav li { margin: 0; padding: 0; } .l-header__nav .icon-login { background: url("../img/icons/other/user_white.png") center left no-repeat; } .l-header__nav .icon-login a { padding-left: 26px; } .l-header__nav a { color: #fff; font-size: 1.6em; font-weight: 600; } .l-header__nav a:hover { text-decoration: none; background: -webkit-linear-gradient(#e51a49, #e51a49); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .l-header__nav > ul > li + li { margin-top: 36px; } .l-header__nav > ul > li.active > a { background: -webkit-linear-gradient(#e51a49, #e51a49); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .l-header__nav > ul > li > ul { margin-top: 37px; } .l-header__nav > ul > li > ul > li { padding-left: 23px; background: url("../img/menu-top/arrow-submenu.png") no-repeat 8px 50%; } .l-header__nav > ul > li > ul > li + li { margin-top: 37px; } .l-header__nav > ul > li > ul > li.active > a { background: -webkit-linear-gradient(#e51a49, #e51a49); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .l-header__nav-btn { position: fixed; z-index: 99999; top: 0; left: 0; display: block; float: left; width: 60px; height: 60px; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s; transition: background .3s; background: url("../img/menu-top/btn-menu.png") no-repeat; } .l-header.open { left: 300px; padding-left: 0; } .l-header.open .l-header__nav { left: 0; } .l-header.open .l-header__nav-btn { background: url("../img/menu-top/btn-menu-close.png") no-repeat; } /* ========================================================================== Base/block ========================================================================== */ /* ========================================================================== Base/Block/filters ========================================================================== */ .filters { position: relative; padding: 30px 0 27px; height: 70px; background: #e1e4e7; } @media (min-width: 0px) and (max-width: 767px) { .filters { height: auto; } } @media (min-width: 768px) and (max-width: 1023px) { .filters { height: 70px; } .filters > .row { margin: 0 -10px; } .filters > .row > .col-sm-4 { padding: 0 10px; } } .filters:before { position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: 100%; background: #e1e4e7; } .filters:after { position: absolute; top: 0; right: -30px; content: ""; width: 30px; height: 100%; background: #e1e4e7; } .filters__transport { height: 30px; border-left: 1px solid #949698; border-right: 1px solid #949698; } @media (min-width: 0px) and (max-width: 767px) { .filters__transport { margin-bottom: 20px; } .filters__transport .btn-group { width: 100%; padding: 0 20px; } .filters__transport .filters__label { position: absolute; top: -21px; left: 15px; margin: 0; font-size: 16px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__transport { height: 77px; } } .filters__transport .btn { position: relative; padding-left: 46px; height: 30px; background-position: 20px 50%; background-repeat: no-repeat; } @media (min-width: 0px) and (max-width: 767px) { .filters__transport .btn { width: 33.3333%; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__transport .btn { padding-right: 0; margin-bottom: 18px; } .filters__transport .btn:first-child { margin-left: 9px; } .filters__transport .btn.filters__btn-plane { margin-left: 9px; } } .filters__transport .btn span { display: none; } .filters__transport .btn + .btn { margin-left: 47px; } @media (min-width: 0px) and (max-width: 767px) { .filters__transport .btn + .btn { margin-left: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__transport .btn + .btn { margin-left: 20px; } } .filters__transport .btn:before { position: absolute; left: 0; top: 50%; margin-top: -4px; display: block; content: ""; width: 8px; height: 8px; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #b8b8b8; -webkit-box-shadow: 0 0 0 1px #b8b8b8; -moz-box-shadow: 0 0 0 1px #b8b8b8; } .filters__transport .btn:active, .filters__transport .btn:focus { outline: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .filters__transport .btn.active { outline: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .filters__transport .btn.active:before { background: #ff9865; background: -moz-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9865), color-stop(100%, #e04c03)); background: -webkit-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -o-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -ms-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: linear-gradient(to bottom, #ff9865 0%, #e04c03 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9865', endColorstr='#e04c03', GradientType=0); } .filters__transport .filters__btn-car { background-image: url(../img/iconCar.png); } .filters__transport .filters__btn-car.active { background-image: url(../img/iconCarH.png); } .filters__transport .filters__btn-bus { background-image: url(../img/iconBus.png); } .filters__transport .filters__btn-bus.active { background-image: url(../img/iconBusH.png); } @media (min-width: 0px) and (max-width: 767px) { .filters__transport .filters__btn-bus { background-position: center center; position: relative; left: 7px; } .filters__transport .filters__btn-bus:before { left: 50%; margin-left: -31px; } } .filters__transport .filters__btn-plane { background-image: url(../img/iconPlane.png); } .filters__transport .filters__btn-plane.active { background-image: url(../img/iconPlaneH.png); } @media (min-width: 0px) and (max-width: 767px) { .filters__transport .filters__btn-plane { background-position: right center; } .filters__transport .filters__btn-plane:before { left: auto; right: 40px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__transport .filters__btn-plane { margin-left: 10px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__transport { padding: 0 0 0 11px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__transport { padding: 0 0 0 11px; } .filters__transport .btn + .btn { margin-left: 10px; } } @media (min-width: 1366px) and (max-width: 1919px) { .filters__transport { padding: 0 0 0 25px; } .filters__transport .btn + .btn { margin-left: 25px; } } @media (min-width: 1920px) and (max-width: 2559px) { .filters__transport { padding: 0 0 0 51px; } .filters__transport .btn + .btn { margin-left: 40px; } } @media (min-width: 2560px) { .filters__transport { padding: 0 0 0 25px; } .filters__transport .btn span { display: block; margin: 0 0 0 10px; color: #8d8d8d; } } .filters__term { height: 30px; padding-left: 10px; } .filters__term .dropdown-menu { z-index: 99999; } .filters__term .filters__label { left: 55px; } @media (min-width: 0px) and (max-width: 767px) { .filters__term .filters__label { position: relative; left: 0; top: 0; margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__term .filters__label { left: 10px; } } @media (min-width: 0px) and (max-width: 767px) { .filters__term { height: auto; padding-left: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__term { padding-left: 0; height: auto; } } .filters__term .form-control { height: 30px; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0 10px; line-height: 30px; cursor: pointer; } .filters__term .filters__term-from { position: relative; float: left; } @media (min-width: 0px) and (max-width: 767px) { .filters__term .filters__term-from { width: 50%; padding-left: 15px; margin-left: -15px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__term .filters__term-from { float: none; margin: 0 0 10px; } } .filters__term .filters__term-from:after { position: absolute; top: 50%; right: 9px; z-index: 99; content: ""; margin-top: -2px; width: 7px; height: 4px; background: url(../img/arSelectOrange.png) no-repeat; } .filters__term .filters__term-to { position: relative; float: right; } @media (min-width: 0px) and (max-width: 767px) { .filters__term .filters__term-to { width: 50%; padding-left: 15px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__term .filters__term-to { float: none; } } .filters__term .filters__term-to:after { position: absolute; top: 50%; right: 9px; z-index: 99; content: ""; margin-top: -2px; width: 7px; height: 4px; background: url(../img/arSelectOrange.png) no-repeat; } @media (min-width: 0px) and (max-width: 767px) { .filters__term .form-control { height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__term { padding-left: 0; } .filters__term .filters__label { left: 10px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__term { padding-left: 0; } .filters__term .filters__label { left: 10px; } .filters__term .form-control { width: 105px; } } @media (min-width: 1366px) and (max-width: 1919px) { .filters__term { padding-left: 0; } .filters__term .filters__label { left: 15px; } .filters__term .form-control { width: 129px; } } @media (min-width: 1920px) and (max-width: 2559px) { .filters__term { padding-left: 0; } .filters__term .filters__label { left: 15px; } .filters__term .form-control { width: 175px; } } @media (min-width: 2560px) { .filters__term { padding-left: 10px; } .filters__term .filters__label { left: 25px; } .filters__term .form-control { width: 223px; } } .filters__country { float: left; } .filters__country .form-control { height: 30px; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; line-height: 30px; cursor: pointer; } .filters__country .dropdown-menu { z-index: 999999; } @media (min-width: 0px) and (max-width: 767px) { .filters__country { float: none; } .filters__country .bootstrap-select .dropdown-toggle { height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__country { width: 100%; float: none; margin: 0 0 10px; margin-right: 10px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__country { width: 105px; margin-right: 10px; } } @media (min-width: 1366px) and (max-width: 1919px) { .filters__country { width: 130px; margin-right: 10px; } } @media (min-width: 1920px) and (max-width: 2559px) { .filters__country { width: 175px; margin-right: 10px; } } @media (min-width: 2560px) { .filters__country { width: 225px; margin-right: 20px; } } .filters__label { position: absolute; top: -21px; left: 15px; display: block; color: #a0a0a0; font-size: 1.4em; } @media (min-width: 0px) and (max-width: 767px) { .filters__label { position: relative; top: 0; left: 0; margin: 20px 0 10px; } } .filters__btn-more { height: 31px; float: left; background: url(../img/arDown.png) 0 50% no-repeat; border: 0; border-bottom: 1px solid #d4d6d9; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #262626; text-align: left; line-height: 30px; } .filters__btn-more span { display: none; } .filters__btn-more.open { background: url(../img/arUp.png) 0 50% no-repeat; } .filters__btn-more.open span { display: block; } @media (min-width: 0px) and (max-width: 767px) { .filters__btn-more.open { background: url(../img/arUp.png) 0 50% no-repeat; background-color: #E1E4E7; background-position: 35% center; } } .filters__btn-more:focus, .filters__btn-more:active { background: url(../img/arDown.png) 0 50% no-repeat; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } @media (min-width: 0px) and (max-width: 767px) { .filters__btn-more:focus, .filters__btn-more:active { background: url(../img/arDown.png) 0 50% no-repeat; background-color: #E1E4E7; background-position: 35% center; } } @media (min-width: 0px) and (max-width: 767px) { .filters__btn-more { position: absolute; bottom: -225px; left: -15px; right: -15px; background-color: #E1E4E7; background-position: 35% center; height: 77px; text-align: center; line-height: 73px; padding: 0; margin: 0; border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #cfd3d6; width: auto; z-index: 9; cursor: pointer; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__btn-more { width: 100%; float: none; padding: 0 0 0 19px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__btn-more { width: 104px; padding: 0 0 0 19px; } } @media (min-width: 1366px) and (max-width: 1919px) { .filters__btn-more { width: 128px; padding: 0 0 0 35px; } } @media (min-width: 1920px) and (max-width: 2559px) { .filters__btn-more { width: 174px; padding: 0 0 0 35px; } } @media (min-width: 2560px) { .filters__btn-more { width: 231px; padding: 0 0 0 35px; } } .filters__more { position: absolute; left: 0; top: 100%; z-index: 15; min-height: 0; height: 0; max-height: 200px; background: #e1e4e7; -webkit-transition: min-height .5s; -moz-transition: min-height .5s; -ms-transition: min-height .5s; -o-transition: min-height .5s; transition: min-height .5s; } .filters__more .col-sm-9 > .row > .col-sm-2 { width: 20%; } @media (min-width: 0px) and (max-width: 767px) { .filters__more .col-sm-9 > .row > .col-sm-2 { width: 100%; } } .filters__more .col-sm-9 > .row > .col-sm-6 { width: 33%; } @media (min-width: 0px) and (max-width: 767px) { .filters__more .col-sm-9 > .row > .col-sm-6 { width: 100%; } } @media (min-width: 0px) and (max-width: 479px) { .filters__more { background: #e1e4e7; top: 484px; max-height: 1875px; } } @media (min-width: 480px) and (max-width: 767px) { .filters__more { background: #e1e4e7; top: 484px; max-height: 1595px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more { width: 736px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more { width: 940px; } } @media (min-width: 1366px) and (max-width: 1919px) { .filters__more { width: 1170px; } } @media (min-width: 1920px) and (max-width: 2559px) { .filters__more { width: 1530px; } } @media (min-width: 2560px) { .filters__more { width: 2000px; } } .filters__more:before { position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: 100%; background: #e1e4e7; } .filters__more:after { position: absolute; top: 0; right: -100%; content: ""; width: 100%; height: 100%; background: #e1e4e7; } @media (min-width: 0px) and (max-width: 479px) { .filters__more { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .filters__more { width: 100%; } } .filters__more.open { min-height: 200px; z-index: 10000; } @media (min-width: 0px) and (max-width: 479px) { .filters__more.open { min-height: 1875px; } } @media (min-width: 480px) and (max-width: 767px) { .filters__more.open { min-height: 1595px; max-height: 1595px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more.open { min-height: 515px; max-height: 515px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more.open { min-height: 387px; max-height: 387px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more { max-height: 405px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more { max-height: 364px; } } .filters__more-inside { overflow: hidden; height: 100%; padding: 0 13px; margin: 0 -13px; } @media (min-width: 768px) and (max-width: 1023px) { .filters__more-inside > .filters__more-padding > .row > .col-sm-3 { width: 34%; } .filters__more-inside > .filters__more-padding > .row > .col-sm-9 { width: 66%; } .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-2, .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-6 { width: 50%; } .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-2:nth-child(1) { margin-top: 0; } .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-2:nth-child(2) { margin-top: 0; } .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-2 { margin-top: 30px; } .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-6 { margin-top: 30px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-2, .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-6 { width: 33.333%; } .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-2, .filters__more-inside > .filters__more-padding > .row > .col-sm-9 .col-sm-6 { margin-top: 0px; margin-bottom: 30px; } } .filters__more-padding { padding: 10px 0 20px; } .filters__more-label { display: block; margin: 0 0 8px; color: #a0a0a0; font-size: 1.4em; } .filters__more-label--inline { display: inline-block; color: #a0a0a0; font-size: 1.4em; line-height: 30px; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-label--inline { font-size: 16px; } } @media (min-width: 0px) and (max-width: 767px) { .filters__more-radio--check { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfd3d6; box-shadow: 0 2px 0 -1px #fff; -webkit-box-shadow: 0 2px 0 -1px #fff; -moz-box-shadow: 0 2px 0 -1px #fff; } } @media (min-width: 480px) and (max-width: 767px) { .filters__more-radio--check > .btn-group > label.btn { width: 50%; float: left; display: inline-block; } } @media (min-width: 0px) and (max-width: 479px) { .filters__more-radio--check > .btn-group > label.btn { width: 100%; float: left; display: inline-block; margin-top: 10px; } } @media (min-width: 0px) and (max-width: 767px) { .filters__more-radio--check .btn-group { width: 100%; } } .filters__more-radio--check .btn-group div:first-child { margin-top: 0; } .filters__more-radio--check .btn-group > div { margin-top: 10px; clear: both; } @media (min-width: 480px) and (max-width: 767px) { .filters__more-radio--check .btn-group > div { margin-top: 10px; } } @media (min-width: 480px) and (max-width: 767px) { .filters__more-radio--check .dropdown--filters { width: 50%; /* float: left; */ display: inline-block; } } @media (min-width: 0px) and (max-width: 479px) { .filters__more-radio--check .dropdown--filters { margin-top: 10px; width: 100%; /* float: left; */ display: inline-block; } } .filters__more-radio--check .btn { position: relative; /* display: block; width: 100%;*/ height: 30px; margin: 10px 0 0; padding: 0 0 0 38px; border: 0; text-align: left; line-height: 30px; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-radio--check .btn:nth-child(2) { margin-top: 0; } } .filters__more-radio--check .btn:first-child { margin-top: 0; } .filters__more-radio--check .btn:active, .filters__more-radio--check .btn:focus, .filters__more-radio--check .btn.active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .filters__more-radio--check .btn:before { position: absolute; left: 0; top: 0; content: ""; width: 30px; height: 30px; background: #fff url(../img/checkGray.png) 50% 50% no-repeat; } .filters__more-radio--check .btn.active:before { background: #fff url(../img/checkOrange.png) 50% 50% no-repeat; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-radio--check .btn { height: 50px; line-height: 50px; padding-left: 60px; font-size: 16px; } .filters__more-radio--check .btn:before { width: 50px; height: 50px; } } .filters__more-radio--check .btn .caret { color: #ff6207; margin-left: 5px; } .filters__more-radio--btn .btn { margin-left: 0 !important; padding-left: 0; padding-right: 0; background: #ffffff; border: 0; border-left: 1px solid #a0a2a4; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.39); -web-kitbox-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.39); color: #8d8d8d; font-size: 1.35em; } .filters__more-radio--btn .btn:first-child { border-left: 1px solid transparent; } .filters__more-radio--btn .btn:active, .filters__more-radio--btn .btn:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .filters__more-radio--btn .btn.active { background: #ff5603; border-left: 1px solid transparent; color: #fff; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.49) inset; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.49) inset; -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.49) inset; } .filters__more-radio--btn .btn.active:before { background: #fff url(../img/checkOrange.png) 50% 50% no-repeat; } .filters__more-radio--btn .btn.disabled { background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #8d8d8d; } .filters__more-radio--btn .btn.disabled + .btn { border-left: 1px solid transparent; } .filters__more-radio--btn .btn.col-sm-2 { width: 20%; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-radio--btn .btn.col-sm-2 { width: calc(33.3333% - 10.5px); margin: 0 7.5px 15px 7.5px !important; border: 0; } .filters__more-radio--btn .btn.col-sm-2:first-child { margin-left: 0 !important; } .filters__more-radio--btn .btn.col-sm-2:nth-child(3n) { margin-right: 0 !important; } .filters__more-radio--btn .btn.col-sm-2:nth-child(4n) { margin-left: 0 !important; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more-radio--btn .btn.col-sm-2 { width: 33.33333%; margin-bottom: 10px; } } @media (min-width: 0px) and (max-width: 767px) { .filters__more-radio--btn .btn { width: calc(50% - 15px); margin: 0 29px 0 0; height: 50px; line-height: 39px; border: 0; } .filters__more-radio--btn .btn:last-child { margin-right: 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .filters__more-radio--btn .btn { font-size: 1.35em; } } @media (min-width: 1920px) and (max-width: 2559px) { .filters__more-radio--btn .btn { font-size: 1.4em; } } .filters__more-checkbox .btn-group { display: block; } .filters__more-checkbox .btn-group .btn { background-color: #ff5603; color: #e1e4e7; position: relative; display: block; width: 100%; height: 30px; margin: 10px 0 0; padding: 0 0 0 46px; border: 0; text-align: left; line-height: 30px; border-radius: 0; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-checkbox .btn-group .btn { height: 50px; line-height: 50px; font-size: 16px; } } .filters__more-checkbox .btn-group .btn:before { position: absolute; left: 0; top: 0; content: ""; width: 30px; height: 30px; background: transparent url(../img/checkGray.png) 50% 50% no-repeat; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-checkbox .btn-group .btn:before { width: 50px; height: 50px; } } .filters__more-checkbox .btn-group .btn:active, .filters__more-checkbox .btn-group .btn:focus, .filters__more-checkbox .btn-group .btn.active { background-color: white; color: #262626; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .filters__more-checkbox .btn-group .btn:active:before, .filters__more-checkbox .btn-group .btn:focus:before, .filters__more-checkbox .btn-group .btn.active:before { background: transparent url(../img/checkOrange.png) 50% 50% no-repeat; } .filters__more-checkbox #clear_search_criteria { background: #262626 url(../img/close.png) 50% 50% no-repeat; color: #e1e4e7; position: relative; display: block; width: 30px; height: 30px; margin: 10px 0 0; padding: 0px; border: 0; text-align: left; line-height: 30px; border-radius: 0; float: left; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-checkbox #clear_search_criteria { height: 50px; line-height: 50px; font-size: 16px; width: 50px; } } .filters__more-checkbox .clear_search_criteria { height: 30px; margin-top: 10px; line-height: 30px; margin-left: 10px; font-family: "Neue Haas Grotesk DS Pro"; font-weight: 500; font-size: 14px; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-checkbox .clear_search_criteria { height: 50px; line-height: 50px; font-size: 16px; } } .filters__more-price { position: relative; margin-bottom: 7px; } .filters__more-price .slider .slider-track-low, .filters__more-price .slider .slider-track-high { background: #BCBCBC; } .filters__more-price .slider .slider-track-high { margin-right: -13px; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-price { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfd3d6; box-shadow: 0 2px 0 -1px #fff; -webkit-box-shadow: 0 2px 0 -1px #fff; -moz-box-shadow: 0 2px 0 -1px #fff; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more-price { margin-bottom: 14px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more-price { margin-bottom: 23px; } } @media (min-width: 0px) and (max-width: 767px) { .filters__more-price-radio { position: relative; margin: 12px 0 13px; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more-price-radio { position: relative; margin: 12px 0 13px; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more-price-radio { position: relative; margin: 10px 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .filters__more-price-radio { position: absolute; top: -6px; right: 0; margin: 0; } } @media (min-width: 1920px) and (max-width: 2559px) { .filters__more-price-radio { position: absolute; top: -6px; right: 0; margin: 0; } } @media (min-width: 2560px) { .filters__more-price-radio { position: absolute; top: -6px; right: 0; margin: 0; } } .filters__more-price-radio .btn { position: relative; text-align: left; padding: 0 5px 0 20px; margin: 0; margin-left: 34px !important; height: auto; color: #8d8d8d; } .filters__more-price-radio .btn:first-child { margin-left: 0 !important; } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more-price-radio .btn { margin-left: 0px !important; } } @media (min-width: 1366px) and (max-width: 1919px) { .filters__more-price-radio .btn { margin-left: 20px !important; } } @media (min-width: 1920px) and (max-width: 2559px) { .filters__more-price-radio .btn { margin-left: 34px !important; } } @media (min-width: 2560px) { .filters__more-price-radio .btn { margin-left: 34px !important; } } .filters__more-price-radio .btn:active, .filters__more-price-radio .btn:focus, .filters__more-price-radio .btn.active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .filters__more-price-radio .btn:before { position: absolute; left: 0; top: 2px; content: ""; width: 14px; height: 14px; background: #fff; border: 2px solid #fff; box-shadow: 0 0 0 1px #8f8f8f; -webkit-box-shadow: 0 0 0 1px #8f8f8f; -moz-box-shadow: 0 0 0 1px #8f8f8f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .filters__more-price-radio .btn.active:before { background: #ff9865; background: -moz-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9865), color-stop(100%, #e04c03)); background: -webkit-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -o-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -ms-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: linear-gradient(to bottom, #ff9865 0%, #e04c03 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9865', endColorstr='#e04c03', GradientType=0); } .filters__more-slide-val { margin-top: 8px; margin-bottom: 4px; width: 65px; color: #8d8d8d; font-size: 1.4em; } .filters__more-slide-val.text-left { float: left; } .filters__more-slide-val.text-left.standard { margin-left: 4px; } .filters__more-slide-val.text-right { float: right; } .filters__more-accommodation { margin: 0 0 10px; height: 30px; } .filters__more-accommodation .btn-group { width: 100%; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-accommodation { height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfd3d6; box-shadow: 0 2px 0 -1px #fff; -webkit-box-shadow: 0 2px 0 -1px #fff; -moz-box-shadow: 0 2px 0 -1px #fff; } .filters__more-accommodation .col-sm-4, .filters__more-accommodation .col-sm-8 { display: block; width: 100%; float: none; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more-accommodation { height: auto; margin-bottom: 21px; } .filters__more-accommodation .col-sm-4, .filters__more-accommodation .col-sm-8 { display: block; width: 100%; float: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more-accommodation { height: auto; margin-bottom: 21px; } .filters__more-accommodation .col-sm-4, .filters__more-accommodation .col-sm-8 { display: block; width: 100%; float: none; } } .filters__more-standard { margin: 0 0 10px; height: 30px; } .filters__more-standard .slider.slider-horizontal { margin-top: 13px; } .filters__more-standard .slider .slider-track-low, .filters__more-standard .slider .slider-track-high { background: #BCBCBC; } .filters__more-standard .slider .slider-track-high { margin-right: -13px; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-standard { height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfd3d6; box-shadow: 0 2px 0 -1px #fff; -webkit-box-shadow: 0 2px 0 -1px #fff; -moz-box-shadow: 0 2px 0 -1px #fff; } .filters__more-standard .col-sm-4 { float: none; width: 100%; } .filters__more-standard .col-sm-8 { width: 100%; float: none; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more-standard { height: auto; margin: 0 0 7px; } .filters__more-standard .col-sm-4 { float: none; width: 100%; } .filters__more-standard .col-sm-8 { width: 100%; float: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more-standard { height: auto; margin: 0 0 7px; } .filters__more-standard .col-sm-4 { float: none; width: 100%; } .filters__more-standard .col-sm-8 { width: 100%; float: none; } } .filters__more-meals { margin: 0 0 10px; height: 30px; } .filters__more-meals .btn-group { width: 100%; } @media (min-width: 0px) and (max-width: 767px) { .filters__more-meals { height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfd3d6; box-shadow: 0 2px 0 -1px #fff; -webkit-box-shadow: 0 2px 0 -1px #fff; -moz-box-shadow: 0 2px 0 -1px #fff; } .filters__more-meals .col-sm-4 { float: none; width: 100%; } .filters__more-meals .col-sm-8 { width: 100%; float: none; } } @media (min-width: 768px) and (max-width: 1023px) { .filters__more-meals { height: auto; margin: 0; } .filters__more-meals .col-sm-4, .filters__more-meals .col-sm-8 { width: 100%; float: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .filters__more-meals { height: auto; margin: 0; } .filters__more-meals .col-sm-4, .filters__more-meals .col-sm-8 { width: 100%; float: none; } } .filters__more .dropdown--filters .dropdown-menu { min-width: 270px; padding: 5px 15px 5px; background: #f4f4f4; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.34); -moz-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.34); box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.34); } .filters__more .dropdown--filters .dropdown-menu:before { position: absolute; left: 8px; top: -8px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #f4f4f4 transparent; } .filters__more .dropdown--filters .dropdown-menu label { margin: 0; padding-left: 25px; position: relative; display: block; font-size: 14px; font-weight: 600; } .filters__more .dropdown--filters .dropdown-menu label input { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .filters__more .dropdown--filters .dropdown-menu label:before { position: absolute; left: 0; top: 50%; margin-top: -5px; display: block; content: ""; width: 10px; height: 10px; border: 1px solid #ffffff; box-shadow: inset 1px 1px 7px -2px #B8B8B9; /* -webkit-box-shadow: 0 0 0 1px #b8b8b8; */ -moz-box-shadow: 0 0 0 1px #b8b8b8; outline: 1px solid #b8b8b8; background: transparent; } .filters__more .dropdown--filters .dropdown-menu label.active:before { background: #ff9865; background: -moz-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9865), color-stop(100%, #e04c03)); background: -webkit-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -o-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: -ms-linear-gradient(top, #ff9865 0%, #e04c03 100%); background: linear-gradient(to bottom, #ff9865 0%, #e04c03 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9865', endColorstr='#e04c03', GradientType=0); } .filters__more .dropdown--filters .dropdown-menu label.focus { outline: 0; } @media (min-width: 0px) and (max-width: 767px) { .filters__more .dropdown--filters .dropdown-menu { right: -100%; min-width: none; max-width: none; width: auto; } } /* ========================================================================== Base/Block/slider ========================================================================== */ .slider__baseline, .slider__title { display: block; text-align: center; } .slider__baseline { color: #fff; text-shadow: 2px 3px 3px rgba(4, 4, 4, 0.63); font-weight: 400; } .slider__title { color: #fff; text-shadow: 2px 3px 3px rgba(4, 4, 4, 0.63); font-weight: 700; } .slider__caption { display: table; width: 100%; height: 100%; } .slider__caption-inside { display: table-cell; vertical-align: middle; } .slider__btn { position: relative; padding: 0; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff5a04), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #ff5a04 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #ff5a04 0%, #ff910c 56%); background: linear-gradient(to right, #ff5a04 0%, #ff910c 56%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a04', endColorstr='#ff910c', GradientType=1); border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-weight: 900 !important; text-transform: uppercase; } .slider__btn:hover { background: #ff5a04; color: #fff; } /* ========================================================================== Base/Block/list ========================================================================== */ @media (min-width: 0px) and (max-width: 479px) { .direction-filters { background: #E1E4E6; } .direction-filters > .col-sm-9, .direction-filters > .col-sm-3 { padding-right: 15px; padding-left: 15px; } .direction-filters > .col-sm-3 { padding-bottom: 20px; border-bottom: 1px solid #cfd3d6; } } @media (min-width: 480px) and (max-width: 767px) { .direction-filters { background: #E1E4E6; } .direction-filters > .col-sm-9, .direction-filters > .col-sm-3 { padding-right: 15px; padding-left: 15px; } .direction-filters > .col-sm-3 { padding-bottom: 20px; border-bottom: 1px solid #cfd3d6; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-content > .col-sm-9 { width: 100%; float: none; } .direction-content > .col-sm-3 { width: 100%; float: none; padding: 0; } } .list--2-column { position: relative; -webkit-transition: margin-top .5s; -moz-transition: margin-top .5s; -ms-transition: margin-top .5s; -o-transition: margin-top .5s; transition: margin-top .5s; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column { padding-top: 90px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column { padding-top: 90px; } } .list--2-column ol { margin: 0; padding: 0; list-style: none; } .list--2-column li { position: relative; float: left; overflow: hidden; /*cursor: pointer;*/ margin: 0 40px 40px 0; padding: 0; box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); background-size: cover; } @media (min-width: 0px) and (max-width: 767px) { .list--2-column li { margin: 0 20px 20px 0; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column li { margin: 0 20px 20px 0; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column li { margin: 0 17px 17px 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column li { margin: 0 30px 30px 0; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column li { margin: 0 30px 30px 0; } } @media (min-width: 2560px) { .list--2-column li { margin: 0 40px 40px 0; } } .list--2-column li:nth-child(2n) { margin-right: 0; } .list--2-column li:hover li > img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .list--2-column li:hover h2 { opacity: 0; } .list--2-column li:hover .list__more { opacity: 1; } .list--2-column li:hover .list__more p, .list--2-column li:hover .list__more a { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .list--2-column h1, .list--2-column .h1 { margin: 0; padding: 30px 0 25px; font-weight: bold; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column h1, .list--2-column .h1 { padding: 30px 0 20px; font-size: 2.2em; margin: 0 auto; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column h1, .list--2-column .h1 { font-size: 2.4em; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column h1, .list--2-column .h1 { padding: 17px 0 20px; font-size: 2.4em; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column h1, .list--2-column .h1 { font-size: 2.4em; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column h1, .list--2-column .h1 { font-size: 2.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column h1, .list--2-column .h1 { font-size: 2.6em; } } @media (min-width: 2560px) { .list--2-column h1, .list--2-column .h1 { font-size: 2.8em; } } .list--2-column h2 { position: absolute; bottom: 0; left: 0; z-index: 999; margin: 0; padding: 25px 30px; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; font-weight: bold; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column h2 { font-size: 1.3em; height: 50px; padding: 10px 20px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column h2 { font-size: 2.1em; height: 70px; padding: 10px 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column h2 { font-size: 1.8em; height: 70px; padding: 15px 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column h2 { font-size: 1.8em; padding: 10px 15px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column h2 { font-size: 2.1em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column h2 { font-size: 2.3em; } } @media (min-width: 2560px) { .list--2-column h2 { font-size: 2.4em; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column li { width: calc(50% - 10px); height: 200px; } } .list--2-column li, .list--2-column li > img, .list--2-column li > .background { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-size: cover; background-repeat: no-repeat; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column li, .list--2-column li > img, .list--2-column li > .background { width: 100%; min-width: 280px; height: 160px; float: none; margin: 0 auto 20px !important; } .list--2-column li:nth-child(2n), .list--2-column li > img:nth-child(2n), .list--2-column li > .background:nth-child(2n) { margin-bottom: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column li, .list--2-column li > img, .list--2-column li > .background { min-width: 420px; width: 100%; height: 240px; float: none; margin: 0 auto 20px !important; } .list--2-column li:nth-child(2n), .list--2-column li > img:nth-child(2n), .list--2-column li > .background:nth-child(2n) { margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column li, .list--2-column li > img, .list--2-column li > .background { height: 200px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column li, .list--2-column li > img, .list--2-column li > .background { width: 340px; height: 194px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column li, .list--2-column li > img, .list--2-column li > .background { width: 420px; height: 240px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column li, .list--2-column li > img, .list--2-column li > .background { width: 555px; height: 317px; } } @media (min-width: 2560px) { .list--2-column li, .list--2-column li > img, .list--2-column li > .background { width: 725px; height: 414px; } } .list--2-column li:hover > .background { transform: scale(1.1); } .list--2-column .list__more { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, 0.6); color: #fff; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.5s; } .list--2-column .list__more p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } .list--2-column .list__more p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .list--2-column .list__more p:nth-of-type(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .list--2-column .list__more a { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .list--2-column .list__more p, .list--2-column .list__more a { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__more { padding: 10px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__more { padding: 20px; } .list--2-column .list__more p, .list--2-column .list__more a { -webkit-transform: translate3d(-340px, 0, 0); transform: translate3d(-340px, 0, 0); } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__more { padding: 20px; } .list--2-column .list__more p, .list--2-column .list__more a { -webkit-transform: translate3d(-390px, 0, 0); transform: translate3d(-340px, 0, 0); } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__more { padding: 15px; } .list--2-column .list__more p, .list--2-column .list__more a { -webkit-transform: translate3d(-340px, 0, 0); transform: translate3d(-340px, 0, 0); } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__more { padding: 20px; } .list--2-column .list__more p, .list--2-column .list__more a { -webkit-transform: translate3d(-420px, 0, 0); transform: translate3d(-420px, 0, 0); } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__more { padding: 30px; } .list--2-column .list__more p, .list--2-column .list__more a { -webkit-transform: translate3d(-555px, 0, 0); transform: translate3d(-555px, 0, 0); } } @media (min-width: 2560px) { .list--2-column .list__more { padding: 40px; } .list--2-column .list__more p, .list--2-column .list__more a { -webkit-transform: translate3d(-725px, 0, 0); transform: translate3d(-725px, 0, 0); } } .list--2-column .list__more-inside { position: absolute; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__more-inside { height: 140px; padding-right: 15px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__more-inside { height: 200px; padding-right: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__more-inside { height: 160px; padding-right: 15px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__more-inside { padding-right: 15px; height: 164px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__more-inside { padding-right: 20px; height: 200px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__more-inside { padding-right: 30px; height: 257px; } } @media (min-width: 2560px) { .list--2-column .list__more-inside { padding-right: 40px; height: 334px; } } .list--2-column .list__inside { position: absolute; bottom: 20px; left: 20px; } .list--2-column .list__top-line { margin: 0 0 11px; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__top-line { font-size: 1.2em; margin: 0 0 7px; display: none; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__top-line { font-size: 1.4em; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__top-line { font-size: 1.3em; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__top-line { font-size: 1.2em; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__top-line { font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__top-line { font-size: 1.7em; margin: 30px 0 20px 0; } } @media (min-width: 2560px) { .list--2-column .list__top-line { font-size: 1.9em; } } .list--2-column .list__bottom-line { line-height: 1.2; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__bottom-line { font-size: 1.2em; margin: 0 0 5px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__bottom-line { font-size: 1.4em; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__bottom-line { font-size: 1.3em; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__bottom-line { font-size: 1.2em; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__bottom-line { font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__bottom-line { font-size: 1.7em; margin-top: 20px; } } @media (min-width: 2560px) { .list--2-column .list__bottom-line { font-size: 1.9em; margin-top: 20px; } } .list--2-column .list__base-line { line-height: 1.2; font-weight: bold; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__base-line { font-size: 1.3em; margin: 10px 0 10px 0; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__base-line { font-size: 2.1em; margin: 20px 0 20px 0; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__base-line { font-size: 1.8em; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__base-line { font-size: 1.8em; margin: 15px 0 15px 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__base-line { font-size: 2.1em; margin: 20px 0 20px 0; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__base-line { font-size: 2.3em; } } @media (min-width: 2560px) { .list--2-column .list__base-line { font-size: 2.5em; } } .list--2-column .list__btn { position: relative; z-index: 99999; margin: 0; padding: 0 0 0 22px; background: linear-gradient(to right, #e51a49 0%, #e51a49 52%, #e51a49 99%, #e51a49 100%, #e51a49 100%); position: absolute; border-radius: 0px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; } .list--2-column .list__btn:hover { color: #fff; } .list--2-column .list__btn:after { position: absolute; top: 50%; content: ""; margin-top: -5.5px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #ffffff; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__btn { margin: 0 0 0 -10px; width: calc(100% + 10px); height: 40px; font-size: 1.4em; line-height: 40px; bottom: -10px; } .list--2-column .list__btn:after { right: 22px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__btn { margin: 0 0 0 -20px; width: calc(100% + 20px); height: 50px; font-size: 1.4em; line-height: 50px; bottom: -20px; } .list--2-column .list__btn:after { right: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__btn { margin: 0 0 0 -20px; width: calc(100% + 20px); height: 50px; font-size: 1.4em; line-height: 50px; bottom: -20px; } .list--2-column .list__btn:after { right: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__btn { margin: 0 0 0 -15px; width: calc(100% + 15px); height: 50px; bottom: -15px; font-size: 1.4em; line-height: 50px; } .list--2-column .list__btn:after { right: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__btn { margin: 0 0 0 -20px; width: calc(100% + 20px); height: 50px; bottom: -20px; font-size: 1.4em; line-height: 50px; } .list--2-column .list__btn:after { right: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__btn { margin: 0 0 0 -30px; width: calc(100% + 30px); height: 50px; bottom: -30px; font-size: 1.4em; line-height: 50px; } .list--2-column .list__btn:after { right: 22px; } } @media (min-width: 2560px) { .list--2-column .list__btn { margin: 0 0 0 -40px; width: calc(100% + 40px); height: 80px; bottom: -40px; font-size: 1.8em; line-height: 80px; } .list--2-column .list__btn:after { right: 30px; } } .list--2-column .list__badge { position: absolute; z-index: 9999; background: #ff5603; color: #fff; text-align: center; transform: rotate(39deg); -webkit-transform: rotate(39deg); -moz-transform: rotate(39deg); -o-transform: rotate(39deg); -ms-transform: rotate(39deg); } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__badge { right: -46px; top: 18px; width: 165px; height: 26px; font-size: 1.2em; line-height: 28px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__badge { right: -55px; top: 22px; width: 212px; height: 42px; font-size: 1.8em; line-height: 42px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__badge { right: -55px; top: 22px; width: 212px; height: 42px; font-size: 1.7em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__badge { right: -55px; top: 22px; width: 212px; height: 42px; font-size: 1.6em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__badge { right: -45px; top: 31px; width: 212px; height: 42px; font-size: 1.7em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__badge { right: -45px; top: 31px; width: 212px; height: 42px; font-size: 1.8em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 2560px) { .list--2-column .list__badge { right: -65px; top: 31px; width: 276px; height: 62px; font-size: 1.9em; line-height: 62px; font-weight: 600; letter-spacing: 1px; } } .list--2-column .list__btn-more { display: block; background: #e1e4e7; color: #626262; font-weight: bold; text-align: center; text-transform: uppercase; } .list--2-column .list__btn-more span { background: #e1e4e7 url(../img/listBtnIconMore.png) left 3px no-repeat; padding-left: 30px; } .list--2-column .list__btn-more:hover { text-decoration: none; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__btn-more { margin: 0 auto 20px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__btn-more { margin: 0 0 20px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__btn-more { margin: 0 0 20px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__btn-more { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__btn-more { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__btn-more { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 2560px) { .list--2-column .list__btn-more { margin: 0 0 30px; height: 80px; font-size: 1.8em; line-height: 80px; } } .list--2-column .list__btn-check { display: block; background: #e1e4e7; color: #626262; font-weight: bold; text-align: center; text-transform: uppercase; } .list--2-column .list__btn-check span { background: #e1e4e7 url(../img/listBtnIconMore.png) left 3px no-repeat; padding-left: 30px; } .list--2-column .list__btn-check:hover { text-decoration: none; } @media (min-width: 0px) and (max-width: 479px) { .list--2-column .list__btn-check { margin: 0 auto 20px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 480px) and (max-width: 767px) { .list--2-column .list__btn-check { margin: 0 0 20px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--2-column .list__btn-check { margin: 0 0 20px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--2-column .list__btn-check { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--2-column .list__btn-check { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--2-column .list__btn-check { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 2560px) { .list--2-column .list__btn-check { margin: 0 0 30px; height: 80px; font-size: 1.8em; line-height: 80px; } } .list--2-column .btn__main-link { color: white; text-decoration: none; display: block; } .list--3-column { position: relative; -webkit-transition: margin-top .5s; -moz-transition: margin-top .5s; -ms-transition: margin-top .5s; -o-transition: margin-top .5s; transition: margin-top .5s; } @media (min-width: 0px) and (max-width: 767px) { .list--3-column { padding-top: 120px; padding-left: 15px; padding-right: 15px; } } @media (min-width: 0px) and (max-width: 479px) { .list--3-column { padding-left: 5px; padding-right: 5px; } } .list--3-column ol { margin: 0; padding: 0; list-style: none; margin-right: -30px; } .list--3-column .list__item { /*cursor: pointer;*/ position: relative; float: left; overflow: hidden; margin: 0 40px 40px 0; padding: 0; box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); background-size: cover; } .list--3-column .list__item > .background { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } .list--3-column .list__item:hover > .background { transform: scale(1.1); } @media (min-width: 0px) and (max-width: 767px) { .list--3-column .list__item { margin: 0 0 17px 0; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__item { margin: 0 17px 17px 0; } .list--3-column .list__item:nth-child(3n) { margin-right: 0; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__item { margin: 0 17px 17px 0; } .list--3-column .list__item:nth-child(3n) { margin-right: 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__item { margin: 0 30px 30px 0; } .list--3-column .list__item:nth-child(3n) { margin-right: 0; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__item { margin: 0 30px 30px 0; } .list--3-column .list__item:nth-child(3n) { margin-right: 0; } } @media (min-width: 2560px) { .list--3-column .list__item { margin: 0 40px 40px 0; } .list--3-column .list__item:nth-child(3n) { margin-right: 0; } } .list--3-column .list__item:hover img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .list--3-column .list__item:hover h2 { opacity: 0; } .list--3-column .list__item:hover .list__more { opacity: 1; } .list--3-column .list__item:hover .list__more p, .list--3-column .list__item:hover .list__more a, .list--3-column .list__item:hover .list__more .list__flag { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .list--3-column ol { margin: 0 auto; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column ol { width: 280px; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column ol { width: 420px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column ol { width: 718px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column ol { width: 694px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column ol { width: 870px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column ol { width: 1140px; } } @media (min-width: 2560px) { .list--3-column ol { width: 1490px; } } .list--3-column h1, .list--3-column .h1 { margin: 0; padding: 30px 0 25px; font-weight: bold; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column h1, .list--3-column .h1 { font-size: 2.2em; margin: 0 auto; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column h1, .list--3-column .h1 { font-size: 2.4em; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column h1, .list--3-column .h1 { font-size: 2.4em; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column h1, .list--3-column .h1 { font-size: 2.4em; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column h1, .list--3-column .h1 { font-size: 2.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column h1, .list--3-column .h1 { font-size: 2.6em; } } @media (min-width: 2560px) { .list--3-column h1, .list--3-column .h1 { font-size: 2.8em; } } .list--3-column h2 { position: absolute; bottom: 0; left: 0; z-index: 999; margin: 0; padding: 25px 30px; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; font-weight: bold; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column h2 { font-size: 1.8em; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column h2 { font-size: 2.2em; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column h2 { font-size: 1.8em; padding: 25px 15px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column h2 { font-size: 1.8em; padding: 25px 15px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column h2 { font-size: 2.0em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column h2 { font-size: 2.3em; } } @media (min-width: 2560px) { .list--3-column h2 { font-size: 2.4em; } } .list--3-column li > img, .list--3-column li { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column li > img, .list--3-column li { width: 280px; height: 250px; } .list--3-column li > img .list__flag, .list--3-column li .list__flag { display: none; } .list--3-column li > img:nth-child(3n), .list--3-column li:nth-child(3n) { margin-bottom: 17px; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column li > img, .list--3-column li { width: 420px; height: 280px; } .list--3-column li > img .list__flag, .list--3-column li .list__flag { display: none; } .list--3-column li > img:nth-child(3n), .list--3-column li:nth-child(3n) { margin-bottom: 17px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column li > img, .list--3-column li { width: 228px; height: 200px; /*.list__btn{display: none;}*/ } .list--3-column li > img .list__flag, .list--3-column li .list__flag { display: none; } .list--3-column li > img .list__top-line, .list--3-column li .list__top-line { display: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column li > img, .list--3-column li { width: 220px; height: 194px; /*.list__btn{display: none;}*/ } .list--3-column li > img .list__flag, .list--3-column li .list__flag { display: none; } .list--3-column li > img .list__top-line, .list--3-column li .list__top-line { display: none; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column li > img, .list--3-column li { width: 270px; height: 240px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column li > img, .list--3-column li { width: 360px; height: 317px; } } @media (min-width: 2560px) { .list--3-column li > img, .list--3-column li { width: 470px; height: 315px; } } .list--3-column .list__more { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.5s; } .list--3-column .list__more a p { color: #fff; } .list--3-column .list__more a:hover p { text-decoration: none; } .list--3-column .list__more p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } .list--3-column .list__more p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .list--3-column .list__more p:nth-of-type(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .list--3-column .list__more a { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .list--3-column .list__more p, .list--3-column .list__more a, .list--3-column .list__more .list__flag { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; text-decoration: none; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column .list__more { padding: 20px; } .list--3-column .list__more p, .list--3-column .list__more a, .list--3-column .list__more .list__flag { -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column .list__more { padding: 20px; } .list--3-column .list__more p, .list--3-column .list__more a, .list--3-column .list__more .list__flag { -webkit-transform: translate3d(-420px, 0, 0); transform: translate3d(-420px, 0, 0); } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__more { padding: 20px; } .list--3-column .list__more p, .list--3-column .list__more a, .list--3-column .list__more .list__flag { -webkit-transform: translate3d(-228px, 0, 0); transform: translate3d(-228px, 0, 0); } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__more { padding: 20px; } .list--3-column .list__more p, .list--3-column .list__more a, .list--3-column .list__more .list__flag { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__more { padding: 20px; } .list--3-column .list__more p, .list--3-column .list__more a, .list--3-column .list__more .list__flag { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__more { padding: 30px; } .list--3-column .list__more p, .list--3-column .list__more a, .list--3-column .list__more .list__flag { -webkit-transform: translate3d(-555px, 0, 0); transform: translate3d(-555px, 0, 0); } } @media (min-width: 2560px) { .list--3-column .list__more { padding: 40px; } .list--3-column .list__more p, .list--3-column .list__more a, .list--3-column .list__more .list__flag { -webkit-transform: translate3d(-725px, 0, 0); transform: translate3d(-725px, 0, 0); } } .list--3-column .list__more-inside { position: absolute; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column .list__more-inside { width: 240px; height: 230px; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column .list__more-inside { width: 395px; height: 260px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__more-inside { width: 195px; height: 180px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__more-inside { width: 190px; height: 200px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__more-inside { width: 235px; height: 200px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__more-inside { width: 300px; height: 287px; } } @media (min-width: 2560px) { .list--3-column .list__more-inside { width: 390px; height: 374px; } } .list--3-column .list__inside { position: absolute; bottom: 20px; left: 20px; } .list--3-column .list__top-line { margin: 0 0 11px; height: 15px; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column .list__top-line { width: 260px; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column .list__top-line { width: 400px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__top-line { width: 200px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__top-line { width: 200px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__top-line { width: 250px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__top-line { width: 340px; } } @media (min-width: 2560px) { .list--3-column .list__top-line { width: 450px; } } @media (min-width: 0px) and (max-width: 479px) { .list--3-column .list__bottom-line { font-size: 1.4em; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column .list__bottom-line { font-size: 1.6em; margin-top: 15px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__bottom-line { font-size: 1.3em; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__bottom-line { font-size: 1.2em; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__bottom-line { font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__bottom-line { font-size: 1.8em; } } @media (min-width: 2560px) { .list--3-column .list__bottom-line { font-size: 2em; } } .list--3-column .list__base-line { margin: 0 0 8px; font-weight: bold; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column .list__base-line { font-size: 1.6em; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column .list__base-line { font-size: 2em; margin-top: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__base-line { font-size: 1.3em; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__base-line { font-size: 1.5em; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__base-line { font-size: 1.6em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__base-line { font-size: 1.8em; } } @media (min-width: 2560px) { .list--3-column .list__base-line { font-size: 2em; } } .list--3-column .list__btn { position: relative; z-index: 99999; margin: 0; padding: 0 0 0 22px; background: linear-gradient(to right, #fe5a03 0%, #ff900b 52%, #ff900b 99%, #ff900b 100%, #ff900b 100%); position: absolute; border-radius: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; font-weight: bold; color: #fff; text-align: left; text-transform: uppercase; } .list--3-column .list__btn:hover { color: #fff; } .list--3-column .list__btn:after { position: absolute; top: 50%; content: ""; margin-top: -5.5px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #ffffff; } @media (min-width: 0px) and (max-width: 479px) { .list--3-column .list__btn { margin: 0 0 0 -20px; width: calc(100% + 40px); height: 45px; bottom: 0px; font-size: 1.2em; line-height: 40px; } .list--3-column .list__btn:after { right: 22px; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column .list__btn { margin: 0 0 0px -20px; width: calc(100% + 25px); height: 60px; bottom: 0px; font-size: 1.6em; line-height: 60px; } .list--3-column .list__btn:after { right: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__btn { margin: 0 0 0 -20px; width: calc(100% + 40px); height: 40px; bottom: 0px; font-size: 1.2em; line-height: 40px; } .list--3-column .list__btn:after { right: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__btn { margin: 0 0 0 -20px; width: calc(100% + 30px); height: 45px; bottom: 20px; font-size: 1.2em; line-height: 40px; } .list--3-column .list__btn:after { right: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__btn { margin: 0 0 0 -20px; width: calc(100% + 40px); height: 50px; bottom: -20px; font-size: 1.4em; line-height: 50px; } .list--3-column .list__btn:after { right: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__btn { margin: 0 0 0 -30px; width: calc(100% + 60px); height: 45px; bottom: 0px; font-size: 1.4em; line-height: 40px; } .list--3-column .list__btn:after { right: 22px; } } @media (min-width: 2560px) { .list--3-column .list__btn { margin: 0 0 0 -40px; width: calc(100% + 80px); height: 45px; bottom: 0px; font-size: 1.6em; line-height: 40px; } .list--3-column .list__btn:after { right: 30px; } } .list--3-column .list__badge { position: absolute; background: #ff5603; color: #fff; text-align: center; transform: rotate(39deg); -webkit-transform: rotate(39deg); -moz-transform: rotate(39deg); -o-transform: rotate(39deg); -ms-transform: rotate(39deg); } @media (min-width: 0px) and (max-width: 767px) { .list--3-column .list__badge { right: -45px; top: 31px; width: 212px; height: 42px; font-size: 1.4em; line-height: 42px; } } @media (min-width: 0px) and (max-width: 479px) { .list--3-column .list__badge { right: -45px; top: 18px; width: 180px; height: 42px; font-size: 1.5em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 480px) and (max-width: 767px) { .list--3-column .list__badge { right: -46px; top: 31px; width: 212px; height: 42px; font-size: 1.7em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__badge { right: -45px; top: 18px; width: 180px; height: 42px; font-size: 1.5em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__badge { right: -45px; top: 18px; width: 180px; height: 42px; font-size: 1.5em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__badge { right: -45px; top: 31px; width: 212px; height: 42px; font-size: 1.8em; font-weight: 600; letter-spacing: 1px; line-height: 42px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__badge { right: -45px; top: 31px; width: 212px; height: 42px; font-size: 1.9em; line-height: 42px; font-weight: 600; letter-spacing: 1px; } } @media (min-width: 2560px) { .list--3-column .list__badge { right: -65px; top: 31px; width: 276px; height: 62px; font-size: 1.8em; line-height: 62px; } } .list--3-column .list__btn-more { display: block; background: #e1e4e7; color: #626262; font-weight: bold; text-align: center; text-transform: uppercase; } .list--3-column .list__btn-more span { background: #e1e4e7 url(../img/listBtnIconMore.png) left 3px no-repeat; padding-left: 30px; } .list--3-column .list__btn-more:hover { text-decoration: none; } @media (min-width: 768px) and (max-width: 1023px) { .list--3-column .list__btn-more { margin: 0 0 20px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 0px) and (max-width: 767px) { .list--3-column .list__btn-more { margin: 0 0 20px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .list--3-column .list__btn-more { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--3-column .list__btn-more { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--3-column .list__btn-more { margin: 0 0 30px; height: 50px; font-size: 1.4em; line-height: 50px; } } @media (min-width: 2560px) { .list--3-column .list__btn-more { margin: 0 0 30px; height: 80px; font-size: 1.8em; line-height: 80px; } } .list--3-column .list__flag { display: block; width: 32px; height: 20px; margin-bottom: 15px; } .list--3-column .list__flag img { width: 32px; height: 20px; } .list--3-column .btn__main-link { color: white; text-decoration: none; display: block; } .list--resort .list__more-inside { bottom: auto; top: 30px; } .list--resort .list__btn { display: inline-block; width: auto; height: auto; background: #fff; color: #262626; line-height: 20px; font-weight: 500; text-transform: none; margin-top: 3px; } .list--resort .list__btn:hover { opacity: .9; color: #262626; } .list--resort .list__btn:after { display: none; } @media (min-width: 1366px) and (max-width: 1919px) { .list--resort .list__btn { padding: 10px 10px 5px 5px; font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--resort .list__btn { padding: 10px 20px 5px 14px; font-size: 1.8em; } } @media (min-width: 2560px) { .list--resort .list__btn { padding: 10px 20px 5px 14px; font-size: 2.1em; } } .list--hotels .list__rating { display: inline-block; margin: 0 0 0 -1px; vertical-align: top; color: #fff; font-size: 0.6em; } .list--hotels .list__rating span { margin: 0; } .list--hotels .list__more-inside { bottom: auto; top: 30px; } .list--hotels .list__btn { display: inline-block; width: auto; height: auto; background: #fff; color: #262626; line-height: 20px; font-weight: 500; text-transform: none; margin-top: 3px; } .list--hotels .list__btn:hover { opacity: .9; color: #262626; } .list--hotels .list__btn:after { display: none; } @media (min-width: 1366px) and (max-width: 1919px) { .list--hotels .list__btn { padding: 10px 10px 5px 5px; font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--hotels .list__btn { padding: 10px 20px 5px 14px; font-size: 1.8em; } } @media (min-width: 2560px) { .list--hotels .list__btn { padding: 10px 20px 5px 14px; font-size: 2.1em; } } .list--related-to-apartments { position: relative; } .list--related-to-apartments ol { margin: 0; padding: 0; list-style: none; } .list--related-to-apartments li { position: relative; width: 100%; overflow: hidden; margin: 0; padding: 0; box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); } @media (min-width: 1024px) and (max-width: 1365px) { .list--related-to-apartments li + li { margin-top: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--related-to-apartments li + li { margin-top: 30px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--related-to-apartments li + li { margin-top: 30px; } } @media (min-width: 2560px) { .list--related-to-apartments li + li { margin-top: 40px; } } .list--related-to-apartments li:hover .list__item-inside { top: 0; } .list--related-to-apartments li:hover li > img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } @media (min-width: 1920px) and (max-width: 2559px) { .list--related-to-apartments li { width: 360px; height: 207px; } } @media (min-width: 2560px) { .list--related-to-apartments li { width: 470px; height: 268px; } } .list--related-to-apartments h2 { position: absolute; top: 20px; left: 20px; z-index: 999; margin: 0 !important; padding: 0; color: #fff; text-transform: none !important; font-weight: 600 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } @media (min-width: 1024px) and (max-width: 1365px) { .list--related-to-apartments h2 { font-size: 17px !important; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--related-to-apartments h2 { font-size: 17px !important; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--related-to-apartments h2 { font-size: 20px !important; line-height: 24px; } } @media (min-width: 2560px) { .list--related-to-apartments h2 { font-size: 1.35em !important; } } .list--related-to-apartments li > img { width: 100%; max-width: 100%; height: auto; max-height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .list--related-to-apartments .list__item-inside { position: absolute; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } @media (min-width: 1024px) and (max-width: 1365px) { .list--related-to-apartments .list__item-inside { top: 85px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--related-to-apartments .list__item-inside { top: 85px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--related-to-apartments .list__item-inside { top: 120px; } } @media (min-width: 2560px) { .list--related-to-apartments .list__item-inside { top: 120px; } } .list--related-to-apartments .list__btn { position: absolute; bottom: 20px; left: 20px; z-index: 999; margin: 0; padding: 0 0 0 22px; border: 1px solid #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-weight: bold; color: #fff; text-align: left; text-transform: uppercase; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .list--related-to-apartments .list__btn:hover { color: #fff; } .list--related-to-apartments .list__btn:after { position: absolute; top: 50%; content: ""; margin-top: -5.5px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #ffffff; } @media (min-width: 1024px) and (max-width: 1365px) { .list--related-to-apartments .list__btn { width: 219px; height: 51px; font-size: 1.4em; line-height: 51px; } .list--related-to-apartments .list__btn:after { right: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .list--related-to-apartments .list__btn { width: 219px; height: 51px; font-size: 1.4em; line-height: 51px; } .list--related-to-apartments .list__btn:after { right: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .list--related-to-apartments .list__btn { width: 219px; height: 51px; font-size: 1.4em; line-height: 51px; } .list--related-to-apartments .list__btn:after { right: 22px; } } @media (min-width: 2560px) { .list--related-to-apartments .list__btn { margin: 35px 0 0; width: 345px; height: 80px; line-height: 80px; font-size: 1.8em; } .list--related-to-apartments .list__btn:after { right: 30px; } } @media (min-width: 0px) and (max-width: 767px) { .list--related-to-apartments h2 { font-size: 14px !important; line-height: 17px; } .list--related-to-apartments li + li { margin-top: 20px; } .list--related-to-apartments .list__item-inside { top: 71px; } .list--related-to-apartments .list__btn { width: 199px; height: 40px; font-size: 1.3em; line-height: 40px; } .list--related-to-apartments .list__btn:after { right: 22px; } .list--related-to-apartments li { float: none; width: 403px; height: 232px; margin: 0 auto; } .list--related-to-apartments .list__item-inside { top: 161px; } } @media (min-width: 768px) and (max-width: 1023px) { .list--related-to-apartments h2 { font-size: 14px !important; line-height: 17px; } .list--related-to-apartments li + li { margin-top: 20px; } .list--related-to-apartments .list__item-inside { top: 71px; } .list--related-to-apartments .list__btn { width: 199px; height: 40px; font-size: 1.3em; line-height: 40px; } .list--related-to-apartments .list__btn:after { right: 22px; } .list--related-to-apartments li { float: none; width: 403px; height: 232px; margin: 0 auto; } .list--related-to-apartments .list__item-inside { top: 161px; } } @media (min-width: 0px) and (max-width: 767px) { .list--related-to-apartments h2 { font-size: 14px !important; line-height: 17px; } .list--related-to-apartments li + li { margin-top: 20px; } .list--related-to-apartments .list__item-inside { top: 71px; } .list--related-to-apartments .list__btn { width: 199px; height: 40px; font-size: 1.3em; line-height: 40px; } .list--related-to-apartments .list__btn:after { right: 22px; } } @media (min-width: 480px) and (max-width: 767px) { .list--related-to-apartments li { float: none; width: 403px; height: 232px; margin: 0 auto; } .list--related-to-apartments .list__item-inside { top: 161px; } } @media (min-width: 0px) and (max-width: 479px) { .list--related-to-apartments li { float: none; width: 242px; height: 139px; margin: 0 auto; } } /* ========================================================================== Base/Block/search-by-region ========================================================================== */ .search-by-region { position: relative; z-index: 10000; height: 70px; background: #262626; cursor: pointer; padding-left: 30px; } @media (min-width: 0px) and (max-width: 767px) { .search-by-region { padding-left: 16px; } .search-by-region:before { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .search-by-region { padding-left: 16px; height: 70px; } } @media (min-width: 1024px) and (max-width: 1365px) { .search-by-region { padding-left: 20px; } } .search-by-region:before { position: absolute; top: 0; right: -1000px; content: ""; width: 1000px; height: 100%; background: #262626; } .search-by-region h3 { display: block; margin: 0; padding: 20px 0 22px; color: #a0a0a0; font-size: 1.4em; } @media (min-width: 768px) and (max-width: 1023px) { .search-by-region h3 { padding: 20px 0 12px; } } .search-by-region span { display: inline-block; padding: 0 0 0 56px; height: 42px; background: url(../img/searchByRegionIcon.png) no-repeat; color: #fff; font-size: 1.4em; line-height: 25px; } @media (min-width: 768px) and (max-width: 1023px) { .search-by-region span { padding: 35px 0 0; line-height: 1; } } .search-by-region .search-by-region__map { position: absolute; left: 0; right: 0; top: 100px; z-index: 9999; height: 0; overflow: hidden; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; -o-transition: height .5s; } @media (min-width: 768px) and (max-width: 1023px) { .search-by-region .search-by-region__map { top: 130px; } } .search-by-region .search-by-region__map.open { height: 450px; z-index: 999999; } .search-by-region .search-by-region__map #searchMap { height: 450px; box-shadow: inset 0 16px 15px -15px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 16px 15px -15px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 16px 15px -15px rgba(0, 0, 0, 0.4); } .search-by-region .gm-labels { font-size: 14px; color: #fff; box-shadow: 1px 2px 2px rgba(4, 4, 4, 0.63); -webkit-box-shadow: 1px 2px 2px rgba(4, 4, 4, 0.63); -moz-box-shadow: 1px 2px 2px rgba(4, 4, 4, 0.63); margin: -25px 0px 0px 4px !important; font-weight: normal; background: #262628; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 9px 9px 10px; cursor: initial !important; } .search-by-region .gm-labels a { color: white; } .search-by-region .gm-style .gm-style-iw { width: 440px !important; box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); -webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); -moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); left: auto !important; } .search-by-region .gmnoprint img { cursor: initial; } .search-by-region .gm-size-iw { margin: 72px 0 0 245px !important; width: 440px !important; height: 404px !important; } .search-by-region .gm-style .gm-style-iw + div { right: 15px !important; top: 20px !important; display: block !important; width: 14px !important; height: 15px !important; background: url(../img/close.png) no-repeat !important; cursor: pointer !important; opacity: 1 !important; } .search-by-region .gm-style .gm-style-iw + div img { opacity: 0; left: 0 !important; right: auto !important; width: 15px !important; height: 15px !important; top: 0 !important; } @media (min-width: 1024px) and (max-width: 1365px) { .search-by-region span { position: relative; top: -4px; background-position: 0 3px; line-height: 15px; } } @media (min-width: 1366px) and (max-width: 1919px) { .search-by-region span { top: 0; background-position: 0 0; line-height: 25px; } } /* ========================================================================== Base/Block/aside ========================================================================== */ .aside--color { position: relative; background: #edf0f3; padding-left: 30px; padding-bottom: 100000px; margin-bottom: -100000px; } @media (min-width: 0px) and (max-width: 767px) { .aside--color { padding-left: 20px; padding-bottom: 0; margin-bottom: 0; } .aside--color:after { position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: 100%; background: #edf0f3; } } @media (min-width: 0px) and (max-width: 479px) { .aside--color { padding-left: 0; padding-right: 0; } } @media (min-width: 480px) and (max-width: 767px) { .aside--color { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .aside--color { padding-left: 15px; padding-bottom: 0; margin-bottom: 0; } } @media (min-width: 1024px) and (max-width: 1365px) { .aside--color { padding-left: 20px; } } .aside--color:before { position: absolute; top: 0; right: -1000px; content: ""; width: 1000px; height: 100%; background: #edf0f3; } /* ========================================================================== Base/Block/ads ========================================================================== */ .ads--aside { position: relative; padding: 80px 0 0; -webkit-transition: margin-top .5s; -moz-transition: margin-top .5s; -ms-transition: margin-top .5s; -o-transition: margin-top .5s; transition: margin-top .5s; } @media (min-width: 0px) and (max-width: 767px) { .ads--aside { padding: 20px 0 0; margin-top: 0 !important; } } @media (min-width: 768px) and (max-width: 1023px) { .ads--aside { padding: 20px 0 0; margin-top: 0 !important; } } .ads--aside .ads__head { position: absolute; top: 0; left: 0; display: block; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; padding-left: 15px; font-size: 1.7em; width: 100%; background: rgba(255, 255, 255, 0.9); color: #262626; font-weight: bold; } .ads--aside .ads__head small { font-size: 80%; line-height: 113%; font-weight: 500; text-transform: lowercase; } @media (min-width: 1920px) and (max-width: 2559px) { .ads--aside .ads__head { font-size: 2.4em; } } .ads--aside img { width: 100%; height: auto; } .ads--aside .ads__item { position: relative; overflow: hidden; box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.33); margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; } @media (min-width: 0px) and (max-width: 479px) { .ads--aside .ads__item { width: 100%; float: none; margin: 0 0 20px; height: 280px; } .ads--aside .ads__item:first-child { margin-left: 0; } .ads--aside .ads__item:nth-child(3n) { margin-left: 0; } } @media (min-width: 480px) and (max-width: 767px) { .ads--aside .ads__item { float: left; margin-left: 0; width: calc(50% - 10px); height: 194px; } .ads--aside .ads__item:nth-child(2n+1) { margin-right: 20px; } .ads--aside .ads__item:first-child { margin-left: 0; } .ads--aside .ads__item:nth-child(3n) { margin-left: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .ads--aside .ads__item { width: 33.333333%; width: calc(33.33333% - 19px); float: left; margin-left: 0; margin-bottom: 20px; height: 228px; } .ads--aside .ads__item:nth-child(3n), .ads--aside .ads__item:nth-child(3n+2) { margin-left: 20px; } .ads--aside .ads__item:first-child { margin-left: 0; } } @media (min-width: 1024px) and (max-width: 1365px) { .ads--aside .ads__item { margin-bottom: 17px; height: 194px; } } @media (min-width: 1366px) and (max-width: 1919px) { .ads--aside .ads__item { height: 240px; } } @media (min-width: 1920px) and (max-width: 2559px) { .ads--aside .ads__item { height: 317px; } } @media (min-width: 2560px) { .ads--aside .ads__item { height: 414px; } } .ads--aside .ads__btn { position: absolute; bottom: 0; right: 0; z-index: 9; width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #ffffff; font-family: "Lato", sans-serif; font-weight: 900; text-transform: uppercase; } .ads--aside .ads__btn:before { position: absolute; right: -1px; bottom: -1px; z-index: 11; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent #ff8109 transparent transparent; } .ads--aside .ads__btn span { position: absolute; right: 20px; bottom: 9px; z-index: 99; } @media (min-width: 0px) and (max-width: 767px) { .ads--aside .ads__btn { font-size: 1.4em; } .ads--aside .ads__btn:before { border-width: 57px 182px 0px 0; } .ads--aside .ads__btn span { right: 10px; bottom: 5px; } } @media (min-width: 768px) and (max-width: 1023px) { .ads--aside .ads__btn { font-size: 1.4em; } .ads--aside .ads__btn:before { border-width: 57px 182px 0px 0; } .ads--aside .ads__btn span { right: 10px; bottom: 5px; } } @media (min-width: 1024px) and (max-width: 1365px) { .ads--aside .ads__btn { font-size: 1.4em; } .ads--aside .ads__btn:before { border-width: 57px 182px 0px 0; } .ads--aside .ads__btn span { right: 10px; bottom: 5px; } } @media (min-width: 1366px) and (max-width: 1919px) { .ads--aside .ads__btn { font-size: 1.4em; } .ads--aside .ads__btn:before { border-width: 57px 240px 0px 0; } .ads--aside .ads__btn span { right: 10px; bottom: 11px; } } @media (min-width: 1920px) and (max-width: 2559px) { .ads--aside .ads__btn { font-size: 1.4em; } .ads--aside .ads__btn:before { border-width: 57px 330px 0px 0; } .ads--aside .ads__btn span { bottom: 11px; } } @media (min-width: 2560px) { .ads--aside .ads__btn { font-size: 1.8em; } .ads--aside .ads__btn:before { border-width: 57px 448px 0px 0; } } /* ========================================================================== Base/Block/important-information ========================================================================== */ .important-information + footer { display: none; } .important-information { width: 100%; height: 100%; overflow-x: hidden; background: #ededed; } .important-information > .container { min-height: 100%; } .important-information > .container > .row { min-height: 100%; } .important-information > .container > .row > .col-sm-4 { min-height: 100%; } .important-information__left { position: relative; z-index: 9; padding-top: 100px; height: 100%; background: #fff; } .important-information__left:before { position: absolute; top: 0; right: -30px; content: ""; width: 30px; height: 100%; background: #fff; } .important-information__left:after { position: absolute; top: 0; left: -1000px; content: ""; width: 1000px; height: 100%; background: #fff; } .important-information__left .nav-tabs { border: 0; } .important-information__left .nav-tabs li { margin: 0; float: none; } .important-information__left .nav-tabs li + li a { border-top: 1px solid #eeeeee; } .important-information__left .nav-tabs li:first-child a { border-top: 1px solid transparent; } .important-information__left .nav-tabs a { position: relative; padding: 10px 0 10px 65px; margin: 0; background: transparent; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #262626; letter-spacing: 0.5px; font-size: 1.4em; line-height: 19px; } .important-information__left .nav-tabs a:hover { background: transparent; color: #F05922; } .important-information__left .nav-tabs a:focus, .important-information__left .nav-tabs a:active { outline: 0; } .important-information__left .nav-tabs a:after { position: absolute; top: 50%; right: -30px; content: ""; display: block; margin: -12.5px 0 0; width: 0; height: 0; border-style: solid; border-width: 12.5px 13px 12.5px 0; border-color: transparent transparent transparent transparent; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; } .important-information__left .nav-tabs a.icon-pencil { background-image: url(../img/icons/other/pencil_icon.png); background-position: 17px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs a.icon-shield { background-image: url(../img/icons/other/shield_icon.png); background-position: 16px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs a.icon-book { background-image: url(../img/icons/other/book_icon.png); background-position: 12px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs a.icon-medkit { background-image: url(../img/icons/other/medkit_icon.png); background-position: 15px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs a:hover.icon-pencil, .important-information__left .nav-tabs a:focus.icon-pencil { background-image: url(../img/icons/other/pencil_icon_orange.png); background-position: 17px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs a:hover.icon-shield, .important-information__left .nav-tabs a:focus.icon-shield { background-image: url(../img/icons/other/shield_icon_orange.png); background-position: 16px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs a:hover.icon-book, .important-information__left .nav-tabs a:focus.icon-book { background-image: url(../img/icons/other/book_icon_orange.png); background-position: 12px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs a:hover.icon-medkit, .important-information__left .nav-tabs a:focus.icon-medkit { background-image: url(../img/icons/other/medkit_icon_orange.png); background-position: 15px 50%; background-repeat: no-repeat; } @media (min-width: 1920px) and (max-width: 2559px) { .important-information__left .nav-tabs a { font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .important-information__left .nav-tabs a { padding: 24px 0 24px 65px; font-size: 1.8em; line-height: 26px; } } .important-information__left .nav-tabs > li.active:first-child > a, .important-information__left .nav-tabs > li.active:first-child > a:hover, .important-information__left .nav-tabs > li.active:first-child > a:focus { border-top: 1px solid transparent; } .important-information__left .nav-tabs > li.active > a, .important-information__left .nav-tabs > li.active > a:hover, .important-information__left .nav-tabs > li.active > a:focus { background: transparent; border: 0; border-top: 1px solid #eeeeee; color: #F05922; } .important-information__left .nav-tabs > li.active > a:after, .important-information__left .nav-tabs > li.active > a:hover:after, .important-information__left .nav-tabs > li.active > a:focus:after { border-color: transparent #ededed transparent transparent; } .important-information__left .nav-tabs > li.active > a.icon-pencil, .important-information__left .nav-tabs > li.active > a:hover.icon-pencil, .important-information__left .nav-tabs > li.active > a:focus.icon-pencil { background-image: url(../img/icons/other/pencil_icon_orange.png); background-position: 17px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs > li.active > a.icon-shield, .important-information__left .nav-tabs > li.active > a:hover.icon-shield, .important-information__left .nav-tabs > li.active > a:focus.icon-shield { background-image: url(../img/icons/other/shield_icon_orange.png); background-position: 16px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs > li.active > a.icon-book, .important-information__left .nav-tabs > li.active > a:hover.icon-book, .important-information__left .nav-tabs > li.active > a:focus.icon-book { background-image: url(../img/icons/other/book_icon_orange.png); background-position: 12px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs > li.active > a.icon-medkit, .important-information__left .nav-tabs > li.active > a:hover.icon-medkit, .important-information__left .nav-tabs > li.active > a:focus.icon-medkit { background-image: url(../img/icons/other/medkit_icon_orange.png); background-position: 15px 50%; background-repeat: no-repeat; } .important-information__left .nav-tabs > li.active > a:hover { cursor: pointer; } .important-information__right { position: relative; padding: 102px 0 30px; width: 100%; background: #ededed; } .important-information__right h1 { margin: 0; padding: 0; font-weight: 700; letter-spacing: 0.5px; } @media (min-width: 1024px) and (max-width: 1365px) { .important-information__right h1 { font-size: 3.6em; } } @media (min-width: 1366px) and (max-width: 1919px) { .important-information__right h1 { font-size: 3.6em; } } @media (min-width: 1920px) and (max-width: 2559px) { .important-information__right h1 { font-size: 4.6em; } } @media (min-width: 2560px) { .important-information__right h1 { font-size: 5.6em; } } .important-information__right h2 { margin: 37px 0 0; padding: 0; font-weight: 700; letter-spacing: 0.5px; } @media (min-width: 1024px) and (max-width: 1365px) { .important-information__right h2 { font-size: 1.6em; line-height: 19px; } } @media (min-width: 1366px) and (max-width: 1919px) { .important-information__right h2 { font-size: 1.6em; line-height: 19px; } } @media (min-width: 1920px) and (max-width: 2559px) { .important-information__right h2 { font-size: 2.4em; line-height: 28px; } } @media (min-width: 2560px) { .important-information__right h2 { font-size: 3.6em; line-height: 46px; } } .important-information__right:before { position: absolute; top: 0; right: -1000px; content: ""; width: 1000px; height: 100%; background: #ededed; } .important-information__right:after { position: absolute; top: 0; left: -1000px; content: ""; width: 1000px; height: 100%; background: #ededed; } @media (min-width: 1024px) and (max-width: 1365px) { .important-information__body { font-size: 1.4em; line-height: 20px; margin: 20px 0 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .important-information__body { font-size: 1.4em; line-height: 20px; margin: 20px 0 0; } } @media (min-width: 1920px) and (max-width: 2559px) { .important-information__body { font-size: 1.6em; line-height: 24px; margin: 30px 0 0; } } @media (min-width: 2560px) { .important-information__body { font-size: 1.8em; line-height: 26px; margin: 63px 0 0; } } .important-information__body ul { margin: 0; padding: 0; } .important-information__body ol { margin: 0; padding: 0; list-style-position: inside; } .important-information__list { color: #ff5603; list-style-type: upper-roman; } .important-information__list li { margin: 0; } .important-information__list li + li { margin: 30px 0 0; } .important-information__list--decimal { color: #262626; list-style-type: decimal; } .important-information__list--decimal li { margin: 0; } .important-information__list--decimal li + li { margin: 30px 0 0; } @media (min-width: 768px) and (max-width: 1023px) { .important-information__right h1 { font-size: 3.6em; line-height: 20px; } .important-information__right h2 { font-size: 1.6em; line-height: 19px; } .important-information__body { font-size: 1.4em; line-height: 20px; margin: 20px 0 0; } } @media (min-width: 0px) and (max-width: 767px) { .important-information > .container { padding: 0 30px; } .important-information__left { height: auto !important; padding-bottom: 15px; } .important-information__left ul.nav { height: 0; overflow: hidden; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; } .important-information__left ul.nav.open { height: auto; } .important-information__right { padding-top: 40px; } .important-information > .container > .row > .col-sm-4 { min-height: 0; } .important-information__right h1 { display: none; } .important-information__right h2 { font-size: 1.6em; line-height: 19px; margin: 0; } .important-information__body { font-size: 1.4em; line-height: 20px; margin: 20px 0 0; } .important-information__left .nav-tabs a:after { display: none; } .important-information__nav-button { position: relative; background: url(../img/arrowUp.png) 100% 4px no-repeat; display: block !important; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; font-size: 24px; line-height: 20px; cursor: pointer; } .important-information__nav-button.open { background: url(../img/arrowDown.png) 100% 4px no-repeat; } } .about-us + footer { display: none; } .about-us__image { position: fixed; left: 0; top: 0; z-index: 99; width: 50%; height: 100%; overflow: hidden; } @media (min-width: 1024px) and (max-width: 1365px) { .about-us__header { padding: 30px 0 0 30px; } } @media (min-width: 1366px) and (max-width: 1919px) { .about-us__header { padding: 30px 0 0 35px; } } @media (min-width: 1920px) and (max-width: 2559px) { .about-us__header { padding: 30px 0 0 50px; } } @media (min-width: 2560px) { .about-us__header { padding: 103px 0 0 65px; } } .about-us__header h1 { margin: 0; padding: 0; font-weight: 700; letter-spacing: 0.5px; } @media (min-width: 1024px) and (max-width: 1365px) { .about-us__header h1 { font-size: 3.6em; } } @media (min-width: 1366px) and (max-width: 1919px) { .about-us__header h1 { font-size: 3.6em; } } @media (min-width: 1920px) and (max-width: 2559px) { .about-us__header h1 { font-size: 4.6em; } } @media (min-width: 2560px) { .about-us__header h1 { font-size: 5.8em; } } .about-us__header h2 { padding: 0; color: #ff5603; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .about-us__header h2 { margin: 11px 0 0; font-size: 1.4em; letter-spacing: 0.18px; } } @media (min-width: 1366px) and (max-width: 1919px) { .about-us__header h2 { margin: 11px 0 0; font-size: 1.4em; letter-spacing: 0.18px; } } @media (min-width: 1920px) and (max-width: 2559px) { .about-us__header h2 { margin: -3px 0 0; font-size: 2.4em; letter-spacing: 0.5px; } } @media (min-width: 2560px) { .about-us__header h2 { margin: -5px 0 0; font-size: 3.6em; line-height: 46px; letter-spacing: 0.5px; } } .about-us__content { color: #747474; } @media (min-width: 1024px) and (max-width: 1365px) { .about-us__content { margin: 35px 0 0; font-size: 1.4em; line-height: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .about-us__content { margin: 35px 0 0; font-size: 1.4em; line-height: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .about-us__content { margin: 60px 0 0; font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .about-us__content { margin: 124px 0 0; font-size: 1.8em; line-height: 26px; } } .about-us__content .color { color: #fd6a22; } .about-us__content strong { color: #262626; font-weight: 700; } .about-us__content img { border: 6px solid #e5e4e4; float: right; } @media (min-width: 1024px) and (max-width: 1365px) { .about-us__content img { width: 132px; height: 132px; } } @media (min-width: 1366px) and (max-width: 1919px) { .about-us__content img { width: 132px; height: 132px; } } @media (min-width: 1920px) and (max-width: 2559px) { .about-us__content img { width: 180px; height: 180px; } } @media (min-width: 2560px) { .about-us__content img { width: 234px; height: 234px; } } @media (min-width: 1024px) and (max-width: 1365px) { .about-us__content .row + .row { margin-top: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .about-us__content .row + .row { margin-top: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .about-us__content .row + .row { margin-top: 50px; } } @media (min-width: 2560px) { .about-us__content .row + .row { margin-top: 28px; } } @media (min-width: 768px) and (max-width: 1023px) { .about-us .container { width: 100%; max-width: 724px; } .about-us .col-sm-6 { position: static; display: block; width: 100%; padding: 0; } .about-us__image { position: absolute; left: 0; right: 0; width: auto; height: 288px; } .about-us__image img { width: 100%; height: auto; } .about-us__header { padding: 318px 8.33333333% 0; } .about-us__header h1 { font-size: 3.6em; } .about-us__header h2 { margin: 11px 0 0; font-size: 1.4em; letter-spacing: 0.18px; } .about-us__content { margin: 35px 0 0; font-size: 1.4em; line-height: 20px; } .about-us__content .col-sm-4 { width: 16.66666667%; margin-left: 8.33333333%; } .about-us__content .col-sm-4 img { max-width: 100%; } .about-us__content .row + .row { margin-top: 20px; } } @media (min-width: 0px) and (max-width: 767px) { .about-us__header h1 { font-size: 3.6em; } .about-us__header h2 { margin: 11px 0 0; font-size: 1.4em; letter-spacing: 0.18px; } .about-us__content { margin: 35px 0 0; font-size: 1.4em; line-height: 20px; } .about-us__content .row + .row { margin-top: 20px; } .about-us .col-sm-6 { position: static; display: block; width: 100%; padding: 0; } .about-us__image { position: absolute; left: 0; right: 0; width: auto; } .about-us__image img { width: 100%; height: auto; } } @media (min-width: 480px) and (max-width: 767px) { .about-us__header, .about-us__content { padding: 0 30px; } .about-us__image { height: 200px; } .about-us__header { padding: 230px 30px 0; } .about-us__content .col-sm-4 { float: left; } .about-us__content .col-sm-4 img { width: 130px; } } @media (min-width: 0px) and (max-width: 479px) { .about-us__header, .about-us__content { padding: 0 20px; } .about-us__image { height: 240px; } .about-us__header { padding: 260px 20px 0; } .about-us__content .col-sm-4 { float: none; display: block; width: 100%; text-align: center; } .about-us__content .col-sm-4 img { width: 130px; float: none; margin: 0 0 20px; } } /* ========================================================================== Base/Block/Hotel Details ========================================================================== */ .hotel-details + footer { display: none; } .hotel-details + script + footer { display: none; } .hotel-details { position: relative; height: 100%; overflow: hidden; background: #f6f6f6; } .hotel-details h1 { font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details h1 { font-size: 2.8em; margin: 0 0 10px; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details h1 { font-size: 2.8em; margin: 0 0 10px; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details h1 { font-size: 4.6em; margin: 0 0 22px; padding-right: 54px; } } @media (min-width: 2560px) { .hotel-details h1 { font-size: 5.6em; margin: 0 0 22px; padding-right: 54px; } } .hotel-details h2 { margin: 0 0 20px; font-weight: 700; text-transform: uppercase; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details h2 { font-size: 1.4em; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details h2 { font-size: 1.4em; margin-bottom: 17px; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details h2 { font-size: 1.6em; } } @media (min-width: 2560px) { .hotel-details h2 { font-size: 1.8em; } } .hotel-details p { margin: 0; padding: 0; color: #747474; line-height: 1.5em; } .hotel-details p strong { color: #ff6000; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details p { font-size: 1.35em; } .hotel-details p + p { margin-top: 12px; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details p { font-size: 1.35em; } .hotel-details p + p { margin-top: 12px; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details p { font-size: 1.6em; } .hotel-details p + p { margin-top: 27px; } } @media (min-width: 2560px) { .hotel-details p { font-size: 1.8em; } .hotel-details p + p { margin-top: 27px; } } .hotel-details__right { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; -webkit-transition: left .5s; -moz-transition: left .5s; -o-transition: left .5s; transition: left .5s; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__right > .container > .row > .col-sm-6 { width: 66.66666667%; } .hotel-details__right > .container > .row > .col-sm-offset-6 { margin-left: 33.33333333%; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__right > .container > .row > .col-sm-6 { width: 50%; } .hotel-details__right > .container > .row > .col-sm-offset-6 { margin-left: 50%; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__right > .container > .row > .col-sm-6 { width: 50%; } .hotel-details__right > .container > .row > .col-sm-offset-6 { margin-left: 50%; } } @media (min-width: 2560px) { .hotel-details__right > .container > .row > .col-sm-6 { width: 50%; } .hotel-details__right > .container > .row > .col-sm-offset-6 { margin-left: 50%; } } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__right.open { left: 330px; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__right.open { left: 330px; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__right.open { left: 420px; } } @media (min-width: 2560px) { .hotel-details__right.open { left: 550px; } } .hotel-details__description { position: relative; background: #f6f6f6; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__description { padding: 32px 0 20px 33px; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__description { padding: 32px 0 20px 40px; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__description { padding: 53px 0 20px 63px; } } @media (min-width: 2560px) { .hotel-details__description { padding: 53px 0 20px 88px; } } .hotel-details__description:after { position: absolute; top: 0; right: -100%; content: ""; width: 100%; height: 100%; background: #f6f6f6; } .hotel-details__description:before { position: absolute; top: 0; left: -15px; content: ""; width: 15px; height: 100%; background: #f6f6f6; } .hotel-details__facilities { margin-top: 25px; } .hotel-details__facilities ul { list-style: none; margin: 0; padding: 0; } .hotel-details__facilities li { display: block; float: left; width: 12.5%; background: #fff; } .hotel-details__facilities li img { background: #696868; } .hotel-details__facilities li.icon-orange:after { border-color: #ff5603 transparent transparent transparent; } .hotel-details__facilities li.icon-orange img { background: #FF5603; } .hotel-details__facilities li img { width: 100%; height: auto; } .hotel-details__facilities li + li { border-left: 1px solid #ececec; } .hotel-details__facilities li .tooltip-arrow { border-bottom-color: #262626 !important; } .hotel-details__facilities li .tooltip-inner { padding: 7px 10px !important; background: #262626 !important; border: 0 !important; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.35); font-weight: 500 !important; font-size: 1.1em !important; text-transform: lowercase !important; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__facilities li { height: auto; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__facilities li { height: auto; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__facilities li { height: auto; } } @media (min-width: 2560px) { .hotel-details__facilities li { height: auto; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__facilities { margin-top: 20px; } } .hotel-details__facilities-legend { margin: -33px 0 18px; text-align: right; } .hotel-details__facilities-legend span { position: relative; padding: 0 0 0 20px; color: #747474; font-size: 1.2em; } .hotel-details__facilities-legend span + span { margin-left: 40px; } .hotel-details__facilities-legend span:before { position: absolute; top: 2px; left: 0; content: ""; width: 10px; height: 10px; background: #696868; } .hotel-details__facilities-legend span.blue:before { background: #45a9e0; } .hotel-details__facilities-legend span.orange:before { background: #ff5603; } .hotel-details__facilities-legend span.green:before { background: #59cc1a; } .hotel-details__rating { display: inline-block; margin: 0 0 0 7px; vertical-align: top; color: #fec200; font-size: 0.6em; } .hotel-details__rating span { margin: 0 3px; } .hotel-details__flag { position: absolute; right: 0; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__flag { top: 37px; } .hotel-details__flag img { height: 20px; width: auto; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__flag { top: 37px; } .hotel-details__flag img { height: 20px; width: auto; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__flag { top: 64px; } .hotel-details__flag img { height: 33px; width: auto; } } @media (min-width: 2560px) { .hotel-details__flag { top: 68px; } } .hotel-details__facilities-recommended { position: relative; } .hotel-details__facilities-recommended:after { position: absolute; top: 0; right: 0; content: ""; height: 0; border-style: solid; border-width: 31px 0 0 31px; border-color: #696868 transparent transparent transparent; } .hotel-details__facilities-recommended:before { position: absolute; top: 3px; right: 4px; z-index: 9; content: ""; width: 10px; height: 10px; background: url(../img/icons/other/recommend.png) 0 0 no-repeat; } .hotel-details__left { position: fixed; left: 0; top: 0; z-index: 99; width: 50%; height: 100%; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__left { width: 33.33%; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__left { width: 50%; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__left { width: 50%; } } @media (min-width: 2560px) { .hotel-details__left { width: 50%; } } .hotel-details__left .hotel-details__image .slider--hotels { height: 100%; } .hotel-details__left .hotel-details__image .slider--hotels .carousel { height: 100%; } .hotel-details__image { position: relative; z-index: 9999; width: 100%; height: 100%; background: #fff; } .hotel-details__image img { position: absolute; top: 0; left: 0; /* Preserve aspet ratio */ min-width: 100%; min-height: 100%; max-width: none !important; object-fit: cover; width: 100px; height: 50px; } .hotel-details__btn-group { position: absolute; top: 90px; right: 0; z-index: 99; } .hotel-details__back-link { display: block; margin: 0; padding: 0; width: 134px; height: 65px; float: left; background: #262626 url(../img/icons/other/ar-left-7-13.png) no-repeat 13px 50%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-size: 1.35em; font-weight: 700; line-height: 65px; text-transform: uppercase; } .hotel-details__back-link:focus { background: #262626 url(../img/icons/other/ar-left-7-13.png) no-repeat 13px 50%; color: #fff; } .hotel-details__back-link:hover { color: #fff; opacity: .85; } .hotel-details__show-more { position: relative; display: block; margin: 0; padding: 18px; width: 134px; background: #ff5603; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-size: 1.1em; text-align: left; text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: 900; white-space: normal; clear: both; } @media (min-width: 0px) and (max-width: 767px) { .hotel-details__show-more { clear: none; } } @media (min-width: 768px) and (max-width: 1023px) { .hotel-details__show-more { clear: none; } } .hotel-details__show-more:focus { color: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .hotel-details__show-more:hover { color: #fff; opacity: .85; } .hotel-details__show-more:hover:after { opacity: .85; } .hotel-details__show-more.open:after { right: -7px; } .hotel-details__show-more:after { position: absolute; top: 50%; right: 0; z-index: 99999; content: ""; display: block; margin-top: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #ff5703; -webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; -o-transition: right .5s; transition: right .5s; } .hotel-details__distance { margin-top: 25px; } .hotel-details__distance ul { margin: 0; padding: 0; list-style: none; } .hotel-details__distance li { margin: 0; padding: 0; } .hotel-details__distance li + li { margin-top: 3px; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__distance li { font-size: 1.2em; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__distance li { font-size: 1.2em; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__distance li { font-size: 1.6em; } } @media (min-width: 2560px) { .hotel-details__distance li { font-size: 1.8em; } } .hotel-details__distance span { background: #fff; display: inline-block; margin: 0 2px 0 0; min-width: 53px; height: 23px; color: #ff5603; line-height: 23px; text-align: center; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__distance span { min-width: 35px; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__distance span { min-width: 35px; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__distance span { min-width: 53px; } } @media (min-width: 2560px) { .hotel-details__distance span { min-width: 57px; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__distance { margin-top: 20px; } } .hotel-details__related-to-apartments { position: absolute; right: 0; top: 0; z-index: 999; overflow-y: auto; padding-top: 70px; padding-bottom: 30px; height: 100%; background: #e7e7e7; -webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; -o-transition: right .5s; transition: right .5s; } @media (min-width: 1024px) and (max-width: 1365px) { .hotel-details__related-to-apartments { padding-left: 20px; padding-right: 20px; width: 330px; } .hotel-details__related-to-apartments.open { right: -330px; } } @media (min-width: 1366px) and (max-width: 1919px) { .hotel-details__related-to-apartments { width: 330px; padding-left: 30px; padding-right: 30px; } .hotel-details__related-to-apartments.open { right: -330px; } } @media (min-width: 1920px) and (max-width: 2559px) { .hotel-details__related-to-apartments { width: 420px; padding-left: 30px; padding-right: 30px; } .hotel-details__related-to-apartments.open { right: -420px; } } @media (min-width: 2560px) { .hotel-details__related-to-apartments { width: 550px; padding-left: 40px; padding-right: 40px; } .hotel-details__related-to-apartments.open { right: -550px; } } .hotel-details__related-to-apartments-close { position: relative; z-index: 9999; display: block; float: right; margin: 0 0 22px; font-size: 1.35em; font-weight: 700; text-transform: uppercase; text-decoration: none; } .hotel-details__related-to-apartments-close:hover, .hotel-details__related-to-apartments-close:focus { color: #262626; text-decoration: none; } .hotel-details__related-to-apartments-close span { position: relative; top: 4px; padding-left: 13px; font-size: 2.3em; } @media (min-width: 768px) and (max-width: 1023px) { .hotel-details { height: 100%; overflow-y: scroll; } .hotel-details h1 { font-size: 28px; line-height: 28px; margin: 0 0 10px; padding-right: 30px; } .hotel-details h2 { font-size: 14px; } .hotel-details .hotel-details__distance li { font-size: 12px; } .hotel-details p { font-size: 1.35em; } .hotel-details p + p { margin-top: 12px; } .hotel-details__left { position: relative; left: 0; top: 0; width: 100%; height: 353px; } .hotel-details__image { height: 288px; } .hotel-details__movie { position: absolute; top: -102px; right: 0; background-color: rgba(38, 38, 38, 0.9); } .hotel-details__btn-group { position: relative; top: initial; right: initial; } .hotel-details__description { -webkit-transition: margin-top 1s; -moz-transition: margin-top 1s; -ms-transition: margin-top 1s; -o-transition: margin-top 1s; transition: margin-top 1s; } .hotel-details__show-more { width: 100%; height: 65px; padding: 27px 15px 14px 158px; font-size: 12px; line-height: 1; } .hotel-details__show-more:hover { opacity: 1; background: #FF5D0E; } .hotel-details__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .hotel-details__show-more.open:after { bottom: -8px; } .hotel-details__back-link { position: relative; z-index: 9; font-size: 13px; } .hotel-details__back-link:hover { background-color: #313131; opacity: 1; } .hotel-details__right { position: relative; padding-top: 30px; padding-bottom: 30px; overflow: visible; height: auto; } .hotel-details__right .container { width: 724px; padding: 0 42px; } .hotel-details__right .container > .row > .col-sm-offset-6 { width: 100%; margin: 0; } .hotel-details .resort-map-action { left: 62px; bottom: 16px; margin-left: 0; width: 228px; height: 46px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .hotel-details .resort-map-action:before { position: absolute; left: 50%; top: 50%; margin-left: -.5px; margin-top: -10.5px; content: ""; width: 1px; height: 21px; background: #e6e6e6; } .hotel-details .resort-map-action a { width: 113px; border: 0; color: #787878; line-height: 46px; } .hotel-details .resort-map-action a:first-child { border: 0; } .hotel-details .resort-map-action a:last-child { border: 0; } .hotel-details .resort-map-action a.active { color: #ff5603; } .hotel-details__flag { top: 5px; } .hotel-details__flag img { height: 20px; width: auto; } .hotel-details__information-route { width: 200px; } .hotel-details__information-lift { width: 139px; } .hotel-details__information-weather { width: 301px; } .hotel-details__information-head { height: 43px; } .hotel-details__information-head h3 { font-size: 1.4em; line-height: 43px; } .hotel-details__information-body { height: 188px; } .hotel-details__information-route .hotel-details__information-body { padding: 20px 0 20px 36px; } .hotel-details__information-weather .h3 { font-size: 1.35em; } .hotel-details__information-weather .temperature { font-size: 1.6em; } .hotel-details__information-weather-top, .hotel-details__information-weather-bottom { padding: 10px 20px; } .hotel-details__information-foot h3 { font-size: 1.4em; } .hotel-details .hotel-details__information-lift .resort__item { font-size: 24px; } .hotel-details .hotel-details__information-lift .resort__item.lift1 { background-size: 15px; } .hotel-details .hotel-details__information-lift .resort__item.lift2 { background-size: 19px; } .hotel-details .hotel-details__information-lift .resort__item.lift3 { background-size: 20px; } .hotel-details .hotel-details__related-to-apartments { position: absolute; width: 100%; height: auto; padding: 0 30px; transition: margin-top 1s; -webkit-transition: top 1s; -moz-transition: top 1s; -ms-transition: top 1s; -o-transition: top 1s; } .hotel-details .hotel-details__related-to-apartments.open { top: 200px !important; } } @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) { .hotel-details .hotel-details__related-to-apartments { margin-top: 88px; } } @media (min-width: 768px) and (max-width: 1023px) and (min-width: 480px) and (max-width: 767px) { .hotel-details .hotel-details__related-to-apartments { margin-top: 6px; } } @media (min-width: 768px) and (max-width: 1023px) and (min-width: 0px) and (max-width: 479px) { .hotel-details .hotel-details__related-to-apartments { margin-top: 5px; } } @media (min-width: 768px) and (max-width: 1023px) { .hotel-details .slimScrollDiv { height: auto !important; } .hotel-details .hotel-details__related-to-apartments-scroll { height: auto !important; padding-top: 15px; padding-bottom: 30px; } .hotel-details .hotel-details__related-to-apartments-close { margin-bottom: 15px; } .hotel-details .hotel-details__related-to-apartments-close { text-align: right; display: block; float: none; width: 403px; margin: 0 auto 15px; } .hotel-details .hotel-details__image img { width: auto; height: 100% !important; } .hotel-details .hotel-details__facilities li { height: auto; } } @media (min-width: 0px) and (max-width: 767px) { .hotel-details .hotel-details__image img { width: auto; height: 100% !important; } .hotel-details .slider--hotels .number-of-slides { bottom: 30px; } .hotel-details .slider--hotels .carousel-control { bottom: 30px; } .hotel-details h2 { font-size: 14px; } .hotel-details .hotel-details__distance li { font-size: 12px; } } @media (min-width: 480px) and (max-width: 767px) { .hotel-details { height: auto; } .hotel-details h1 { font-size: 28px; line-height: 28px; margin: 0 0 10px; padding-right: 30px; } .hotel-details p { font-size: 1.35em; } .hotel-details p + p { margin-top: 12px; } .hotel-details__left { position: relative; left: 0; top: 60px; width: 100%; height: 140px; } .hotel-details__description { -webkit-transition: margin-top 1s; -moz-transition: margin-top 1s; -ms-transition: margin-top 1s; -o-transition: margin-top 1s; transition: margin-top 1s; } .hotel-details__movie { display: none; position: absolute; top: -102px; right: 0; background-color: rgba(38, 38, 38, 0.9); } .hotel-details__btn-group { position: relative; top: initial; right: initial; } .hotel-details .hotel-details__back-link + .hotel-details__show-more { padding: 27px 0 14px 127px !important; text-align: left; } .hotel-details__show-more { width: 100%; height: 65px; padding: 27px 0 14px 0; text-align: center; font-size: 12px; line-height: 1; } .hotel-details__show-more:hover { opacity: 1; background: #FF5D0E; } .hotel-details__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .hotel-details__show-more.open:after { bottom: -8px; } .hotel-details__back-link { position: relative; z-index: 9; font-size: 13px; width: 116px; } .hotel-details__back-link:hover { background-color: #313131; opacity: 1; } .hotel-details__right { position: relative; padding-top: 155px; padding-bottom: 30px; overflow: visible; height: auto; } .hotel-details__right .container { width: 100%; padding: 0 30px; } .hotel-details__right .container > .row > .col-sm-offset-6 { width: 100%; margin: 0; } .hotel-details .resort-map-action { left: 50%; margin-left: -113px; bottom: 16px; width: 228px; height: 46px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .hotel-details .resort-map-action:before { position: absolute; left: 50%; top: 50%; margin-left: -.5px; margin-top: -10.5px; content: ""; width: 1px; height: 21px; background: #e6e6e6; } .hotel-details .resort-map-action a { width: 113px; border: 0; color: #787878; line-height: 46px; } .hotel-details .resort-map-action a:first-child { border: 0; } .hotel-details .resort-map-action a:last-child { border: 0; } .hotel-details .resort-map-action a.active { color: #ff5603; } .hotel-details__flag { top: 5px; } .hotel-details__flag img { height: 20px; width: auto; } .hotel-details__information { background: transparent; } .hotel-details__information-route { width: 50%; background: #fff; } .hotel-details__information-lift { width: 50%; background: #fff; } .hotel-details__information-weather { margin-top: 30px; width: 100%; background: #fff; } .hotel-details__information-weather .hotel-details__information-body { height: 128px; } .hotel-details__information-head { height: 43px; } .hotel-details__information-head h3 { font-size: 1.4em; line-height: 43px; } .hotel-details__information-body { height: 188px; } .hotel-details__information-route .hotel-details__information-body { padding: 20px 0 20px 36px; } .hotel-details__information-weather .h3 { font-size: 1.35em; } .hotel-details__information-weather .temperature { font-size: 1.6em; width: 100%; text-align: center; border-bottom: 1px solid #d3d3d3; padding: 0 0 14px; } .hotel-details__information-weather .temperature:before { display: none; } .hotel-details__information-weather .snow-depth { width: 100%; float: none; text-align: center; } .hotel-details__information-weather-top, .hotel-details__information-weather-bottom { padding: 10px 20px; } .hotel-details__information-weather-top { width: 50%; float: left; border-right: 2px solid #f6f6f6; border-bottom: 0; height: 100%; } .hotel-details__information-weather-bottom { width: 50%; float: left; border-bottom: 0; height: 100%; } .hotel-details__information-foot h3 { font-size: 1.4em; } .hotel-details .hotel-details__information-lift .resort__item { font-size: 24px; } .hotel-details .hotel-details__information-lift .resort__item.lift1 { background-size: 15px; } .hotel-details .hotel-details__information-lift .resort__item.lift2 { background-size: 19px; } .hotel-details .hotel-details__information-lift .resort__item.lift3 { background-size: 20px; } .hotel-details .hotel-details__related-to-apartments { position: absolute; width: 100%; height: auto; padding: 0 30px; margin-top: 6px; transition: margin-top 1s; -webkit-transition: top 1s; -moz-transition: top 1s; -ms-transition: top 1s; -o-transition: top 1s; } .hotel-details .hotel-details__related-to-apartments.open { top: 200px !important; } .hotel-details .slimScrollDiv { height: auto !important; } .hotel-details .hotel-details__related-to-apartments-scroll { height: auto !important; padding-top: 15px; padding-bottom: 30px; } .hotel-details .hotel-details__related-to-apartments-close { margin-bottom: 15px; } .hotel-details .hotel-details__related-to-apartments-close { text-align: right; display: block; float: none; width: 403px; margin: 0 auto 15px; } .hotel-details .hotel-details__facilities li { width: 25%; height: 65px; border-bottom: 1px solid #ececec; } .hotel-details .hotel-details__facilities li img { max-height: 64px; } .hotel-details .hotel-details__facilities-legend { text-align: left; margin: -10px 0 20px; } .hotel-details .hotel-details__show-more.open:after { right: auto; left: 0; margin: 0; left: 50%; margin-left: -3.5px; } .hotel-details .hotel-details .hotel-details__related-to-apartments { padding-bottom: 40px; } } @media (min-width: 0px) and (max-width: 479px) { .hotel-details { height: auto; } .hotel-details .hotel-details__related-to-apartments-close { text-align: right; display: block; float: none; width: 250px; margin: 0 auto 15px; } .hotel-details h1 { font-size: 28px; line-height: 28px; margin: 0 0 10px; padding-right: 30px; } .hotel-details p { font-size: 1.35em; } .hotel-details p + p { margin-top: 12px; } .hotel-details__left { position: relative; left: 0; top: 60px; width: 100%; height: 140px; } .hotel-details__movie { display: none; position: absolute; top: -102px; right: 0; background-color: rgba(38, 38, 38, 0.9); } .hotel-details__btn-group { position: relative; top: initial; right: initial; } .hotel-details__show-more { width: 100%; height: 65px; padding: 19px 0 14px 120px; font-size: 10px; line-height: 14px; } .hotel-details__show-more:hover { opacity: 1; background: #FF5D0E; } .hotel-details__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .hotel-details__show-more.open:after { bottom: -8px; } .hotel-details__back-link { position: relative; z-index: 9; font-size: 13px; width: 116px; } .hotel-details__back-link:hover { background-color: #313131; opacity: 1; } .hotel-details__right { position: relative; padding-top: 155px; padding-bottom: 30px; overflow: visible; height: auto; } .hotel-details__right .container { width: 100%; padding: 0 20px; } .hotel-details__right .container > .row > .col-sm-offset-6 { width: 100%; margin: 0; } .hotel-details .resort-map-action { left: 50%; margin-left: -113px; bottom: 16px; width: 228px; height: 46px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .hotel-details .resort-map-action:before { position: absolute; left: 50%; top: 50%; margin-left: -.5px; margin-top: -10.5px; content: ""; width: 1px; height: 21px; background: #e6e6e6; } .hotel-details .resort-map-action a { width: 113px; border: 0; color: #787878; line-height: 46px; } .hotel-details .resort-map-action a:first-child { border: 0; } .hotel-details .resort-map-action a:last-child { border: 0; } .hotel-details .resort-map-action a.active { color: #ff5603; } .hotel-details__flag { top: 3px; left: 0; } .hotel-details__flag img { height: 20px; width: auto; } .hotel-details__information { background: transparent; } .hotel-details__description { padding-top: 37px; -webkit-transition: margin-top 1s; -moz-transition: margin-top 1s; -ms-transition: margin-top 1s; -o-transition: margin-top 1s; transition: margin-top 1s; } .hotel-details__information-route { width: 100%; background: #fff; float: none; margin-bottom: 30px; } .hotel-details__information-lift { width: 100%; background: #fff; float: none; margin-bottom: 30px; } .hotel-details__information-weather { margin-top: 0; width: 100%; background: #fff; } .hotel-details__information-weather .hotel-details__information-body { height: auto; } .hotel-details__information-head { height: 43px; } .hotel-details__information-head h3 { font-size: 1.4em; line-height: 43px; } .hotel-details__information-body { height: 188px; } .hotel-details__information-route .hotel-details__information-body { padding: 20px 0 20px 36px; } .hotel-details__information-weather .h3 { font-size: 1.35em; } .hotel-details__information-weather .temperature { font-size: 1.6em; width: 100%; text-align: center; border-bottom: 1px solid #d3d3d3; padding: 0 0 14px; float: none; } .hotel-details__information-weather .temperature:before { display: none; } .hotel-details__information-weather .snow-depth { width: 100%; float: none; text-align: center; } .hotel-details__information-weather-top, .hotel-details__information-weather-bottom { padding: 10px 20px; } .hotel-details__information-weather-top { width: 100%; float: none; border-bottom: 2px solid #f6f6f6; margin-bottom: 3px; height: auto; } .hotel-details__information-weather-bottom { width: 100%; float: none; border-bottom: 0; height: auto; } .hotel-details__information-foot h3 { font-size: 1.4em; } .hotel-details .hotel-details__information-lift .resort__item { font-size: 24px; } .hotel-details .hotel-details__information-lift .resort__item.lift1 { background-size: 15px; } .hotel-details .hotel-details__information-lift .resort__item.lift2 { background-size: 19px; } .hotel-details .hotel-details__information-lift .resort__item.lift3 { background-size: 20px; } .hotel-details .hotel-details__related-to-apartments-scroll { height: auto !important; padding-top: 15px; padding-bottom: 30px; } .hotel-details .hotel-details__related-to-apartments { position: absolute; width: 100%; height: auto; padding: 0 20px; transition: margin-top 1s; -webkit-transition: top 1s; -moz-transition: top 1s; -ms-transition: top 1s; -o-transition: top 1s; } .hotel-details .hotel-details__related-to-apartments.open { top: 200px !important; } .hotel-details .slimScrollDiv { height: auto !important; } .hotel-details .hotel-details__facilities li { width: 50%; height: 65px; border-bottom: 1px solid #ececec; text-align: center; } .hotel-details .hotel-details__facilities li img { height: 100%; width: auto; margin: 0; } .hotel-details .hotel-details__facilities-legend { text-align: left; margin: -10px 0 20px; } .hotel-details .hotel-details__facilities-legend span { display: block; } .hotel-details .hotel-details__facilities-legend span + span { margin: 10px 0 0; } .hotel-details .hotel-details__show-more.open:after { right: auto; margin: 0; left: 50%; margin-left: -3.5px; } .hotel-details .hotel-details__related-to-apartments { padding-bottom: 40px; } .hotel-details .hotel-details__show-more { padding: 25px 0 20px; text-align: center; } .hotel-details .hotel-details__related-to-apartments { margin-top: 5px; } } .program-extra { position: relative; background: #f6f6f6; height: 100%; overflow: hidden; } @media (min-width: 768px) and (max-width: 1023px) { .program-extra { overflow-y: auto; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra { overflow-y: auto; } } .program-extra #routeGfxMap { width: 100%; height: 100%; } .program-extra #routeGfxMap .fullScreen { width: 27px; height: 27px; padding: 0 !important; right: 36px !important; bottom: 24px !important; top: auto !important; background: url(../img/fullScreen.png) no-repeat !important; cursor: pointer !important; } .program-extra #routeGfxMap .fullScreen > div { display: none !important; } @media (min-width: 0px) and (max-width: 479px) { .program-extra #routeGfxMap .fullScreen { right: auto !important; left: 12px !important; } } @media (min-width: 480px) and (max-width: 767px) { .program-extra #routeGfxMap .fullScreen { right: auto !important; left: 23px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .program-extra #routeGfxMap .fullScreen { right: auto !important; left: 23px !important; } } .program-extra .slider--route .carousel-control { bottom: 55px; } .program-extra .slider--route .number-of-slides { bottom: 55px; } .program-extra__flag { position: absolute; right: 0; } @media (min-width: 0px) and (max-width: 479px) { .program-extra__flag { top: 3px; } .program-extra__flag img { height: 20px; width: auto; } } @media (min-width: 480px) and (max-width: 767px) { .program-extra__flag { top: 5px; } .program-extra__flag img { height: 20px; width: auto; } } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__flag { top: 5px; } .program-extra__flag img { height: 20px; width: auto; } } @media (min-width: 1024px) and (max-width: 1365px) { .program-extra__flag { top: 37px; } .program-extra__flag img { height: 20px; width: auto; } } @media (min-width: 1366px) and (max-width: 1919px) { .program-extra__flag { top: 37px; } .program-extra__flag img { height: 20px; width: auto; } } @media (min-width: 1920px) and (max-width: 2559px) { .program-extra__flag { top: 64px; } .program-extra__flag img { height: 33px; width: auto; } } @media (min-width: 2560px) { .program-extra__flag { top: 68px; } } .program-extra .program-extra-map-action { position: absolute; left: 50%; bottom: 10px; z-index: 99; margin-left: -185px; width: 370px; height: 50px; background: #262626; } .program-extra .program-extra-map-action a { float: left; display: block; width: 50%; height: 100%; color: #fff; font-size: 14px; text-align: center; line-height: 48px; text-decoration: none; } .program-extra .program-extra-map-action a.active { color: #787878; } .program-extra .program-extra-map-action a:hover { color: #787878; } .program-extra .program-extra-map-action a:first-child { border-right: 1px solid #000000; } .program-extra .program-extra-map-action a:last-child { border-left: 1px solid #515151; } @media (min-width: 0px) and (max-width: 767px) { .program-extra .program-extra-map-action { left: 50%; margin-left: -113px; bottom: 16px; width: 228px; height: 46px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .program-extra .program-extra-map-action:before { position: absolute; left: 50%; top: 50%; margin-left: -.5px; margin-top: -10.5px; content: ""; width: 1px; height: 21px; background: #e6e6e6; } .program-extra .program-extra-map-action a { width: 113px; border: 0; color: #787878; line-height: 46px; } .program-extra .program-extra-map-action a:first-child { border: 0; } .program-extra .program-extra-map-action a:last-child { border: 0; } .program-extra .program-extra-map-action a.active { color: #ff5603; } } @media (min-width: 768px) and (max-width: 1023px) { .program-extra .program-extra-map-action { left: 50%; bottom: 16px; margin-left: -113px; width: 228px; height: 46px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .program-extra .program-extra-map-action:before { position: absolute; left: 50%; top: 50%; margin-left: -.5px; margin-top: -10.5px; content: ""; width: 1px; height: 21px; background: #e6e6e6; } .program-extra .program-extra-map-action a { width: 113px; border: 0; color: #787878; line-height: 46px; } .program-extra .program-extra-map-action a:first-child { border: 0; } .program-extra .program-extra-map-action a:last-child { border: 0; } .program-extra .program-extra-map-action a.active { color: #ff5603; } } @media (min-width: 1024px) and (max-width: 1365px) { .program-extra .program-extra-map-action { background: transparent; z-index: 99; width: 282px; height: 50px; padding-right: 22px; left: 60%; } .program-extra .program-extra-map-action a { width: 130px; margin: 0 auto; height: 100%; color: #fff; font-size: 14px; text-align: center; line-height: 48px; text-decoration: none; display: block; background: #262626; } .program-extra .program-extra-map-action a:first-child { border-right: 0; border-bottom: 1px solid #515151; } } .program-extra__title { padding-right: 20px; font-size: 14px; font-weight: bold; line-height: 18px; position: relative; top: 8px; } .program-extra__navprev { padding-right: 20px; font-size: 15px; font-weight: bold; line-height: 15px; position: relative; float: left; color: #747474; } .program-extra__navnext { padding-right: 20px; font-size: 15px; font-weight: bold; line-height: 15px; position: relative; float: right; color: #747474; } .program-extra .route-text { font-size: 16px; padding-left: 10px; } .program-extra__route { margin: 20px 0 0; padding: 0px; } .program-extra__route > div { margin: 0 20px 0 0; display: inline-block; } @media (min-width: 0px) and (max-width: 767px) { .program-extra__route > div { width: 100%; margin-top: 10px; } } .program-extra__route .program-extra__route-hard { margin-right: 0; } .program-extra .route-circle { display: inline-block; width: 38px; height: 38px; text-align: center; color: #fff; border: 3px solid #ececec; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 14px; line-height: 32px; } .program-extra .route-circle.green { background: #52b719; } .program-extra .route-circle.red { background: #fd0f29; } .program-extra .route-circle.black { background: #262626; } .program-extra__left { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; z-index: 10; background: #fff; } @media (min-width: 1024px) and (max-width: 1365px) { .program-extra__left { width: 33.33%; } } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__left { position: relative; left: 0; top: 0; width: 100%; height: 288px; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra__left { position: relative; left: 0; top: 60px; width: 100%; height: 140px; } } .program-extra__left #routeSlider { height: 100%; } .program-extra__left #routeSlider .slider--route { height: 100%; } .program-extra__left #routeSlider .slider--route #sliderDay { height: 100%; } .program-extra__left .btn-2 { position: absolute; top: 90px; right: 0; z-index: 9999; display: block; width: 134px; height: 65px; margin: 0; padding: 0; text-transform: uppercase; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #262626 url(../img/icons/other/ar-left-7-13.png) no-repeat 13px 50%; font-size: 1.35em; font-weight: 700; line-height: 65px; } .program-extra__left .btn-2:focus { color: #fff; background: #262626 url(../img/icons/other/ar-left-7-13.png) no-repeat 13px 50%; } .program-extra__left .btn-2:hover { color: #fff; opacity: .85; } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__left .btn-2 { position: relative; z-index: 9; font-size: 13px; top: 0; } .program-extra__left .btn-2:hover { background-color: #313131; opacity: 1; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra__left .btn-2 { position: relative; z-index: 9; font-size: 13px; width: 116px; top: 0; } .program-extra__left .btn-2:hover { background-color: #313131; opacity: 1; } } .program-extra__left .program-extra__left-image { position: relative; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__left .program-extra__left-image { height: 288px; } } .program-extra__left .program-extra__btn-group { position: absolute; top: 90px; right: 0; z-index: 99; } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__left .program-extra__btn-group { position: absolute; top: 288px; bottom: 0; right: initial; width: 100%; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra__left .program-extra__btn-group { position: absolute; top: 140px; bottom: 0; right: initial; width: 100%; } } .program-extra__left .program-extra__show-more { position: relative; display: block; margin: 0; padding: 18px; width: 134px; background: #ff5603; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-size: 1.1em; text-align: left; text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: 900; white-space: normal; } .program-extra__left .program-extra__show-more:focus { color: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .program-extra__left .program-extra__show-more:hover { color: #fff; opacity: .85; } .program-extra__left .program-extra__show-more:hover:after { opacity: .85; } .program-extra__left .program-extra__show-more.open:after { right: -7px; } .program-extra__left .program-extra__show-more:after { position: absolute; top: 50%; right: 0; z-index: 99999; content: ""; display: block; margin-top: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #ff5703; -webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; -o-transition: right .5s; transition: right .5s; } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__left .program-extra__show-more { width: 100%; height: 65px; padding: 27px 15px 14px 158px; font-size: 12px; line-height: 1; } .program-extra__left .program-extra__show-more:hover { opacity: 1; background: #FF5D0E; } .program-extra__left .program-extra__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .program-extra__left .program-extra__show-more.open:after { bottom: -8px; } } @media (min-width: 480px) and (max-width: 767px) { .program-extra__left .program-extra__show-more { width: 100%; height: 65px; padding: 27px 0 14px 0; text-align: center; font-size: 12px; line-height: 1; } .program-extra__left .program-extra__show-more:hover { opacity: 1; background: #FF5D0E; } .program-extra__left .program-extra__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .program-extra__left .program-extra__show-more.open:after { bottom: -8px; } } @media (min-width: 0px) and (max-width: 479px) { .program-extra__left .program-extra__show-more { width: 100%; height: 65px; padding: 19px 0 14px 0; text-align: center; font-size: 10px; line-height: 14px; } .program-extra__left .program-extra__show-more:hover { opacity: 1; background: #FF5D0E; } .program-extra__left .program-extra__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .program-extra__left .program-extra__show-more.open:after { bottom: -8px; } } .program-extra__left .program-extra__back { display: block; margin: 0; padding: 0; width: 134px; height: 65px; background: #262626 url(../img/icons/other/ar-left-7-13.png) no-repeat 13px 50%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-size: 1.35em; font-weight: 700; line-height: 65px; text-transform: uppercase; } .program-extra__left .program-extra__back:focus { background: #262626 url(../img/icons/other/ar-left-7-13.png) no-repeat 13px 50%; color: #fff; } .program-extra__left .program-extra__back:hover { color: #fff; opacity: .85; } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__left .program-extra__back { position: absolute; z-index: 9; font-size: 13px; } .program-extra__left .program-extra__back:hover { background-color: #313131; opacity: 1; } } @media (min-width: 480px) and (max-width: 767px) { .program-extra__left .program-extra__back { position: absolute; z-index: 9; font-size: 13px; width: 116px; } .program-extra__left .program-extra__back:hover { background-color: #313131; opacity: 1; } } @media (min-width: 0px) and (max-width: 479px) { .program-extra__left .program-extra__back { position: absolute; z-index: 9; font-size: 13px; width: 116px; } .program-extra__left .program-extra__back:hover { background-color: #313131; opacity: 1; } } .program-extra__right { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto; width: 100%; } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__right { position: relative; padding-top: 92px; padding-bottom: 30px; overflow: visible; height: auto; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra__right { position: relative; padding-top: 155px; padding-bottom: 30px; overflow: visible; height: auto; } } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__right > .container { width: 724px; padding: 0 42px; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra__right > .container { width: 100%; padding: 0 20px; } } .program-extra__right > .container > .row > .col-sm-6 { margin-left: 50%; } @media (min-width: 1024px) and (max-width: 1365px) { .program-extra__right > .container > .row > .col-sm-6 { width: 66.66666667%; margin-left: 33.33%; } } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__right > .container > .row > .col-sm-6 { width: 100%; margin-left: 0; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra__right > .container > .row > .col-sm-6 { width: 100%; margin-left: 0; } } .program-extra__right > .container > .row > .col-sm-6 h1 { font-weight: 700; } @media (min-width: 2560px) { .program-extra__right > .container > .row > .col-sm-6 h1 { font-size: 1.9em; margin: 0 0 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .program-extra__right > .container > .row > .col-sm-6 h1 { font-size: 1.7em; margin: 0 0 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .program-extra__right > .container > .row > .col-sm-6 h1 { font-size: 1.7em; margin: 0 0 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .program-extra__right > .container > .row > .col-sm-6 h1 { font-size: 1.7em; margin: 0 0 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__right > .container > .row > .col-sm-6 h1 { font-size: 20px; line-height: 20px; margin: 0 0 15px; padding-right: 30px; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra__right > .container > .row > .col-sm-6 h1 { font-size: 18px; line-height: 18px; margin: 0 0 15px; padding-right: 30px; } } .program-extra__right > .container > .row > .col-sm-6 h2 { margin: 0 0 20px; text-transform: uppercase; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .program-extra__right > .container > .row > .col-sm-6 h2 { font-size: 1.4em; } } @media (min-width: 1366px) and (max-width: 1919px) { .program-extra__right > .container > .row > .col-sm-6 h2 { font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .program-extra__right > .container > .row > .col-sm-6 h2 { font-size: 1.6em; } } @media (min-width: 2560px) { .program-extra__right > .container > .row > .col-sm-6 h2 { font-size: 1.8em; } } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description { position: relative; } @media (min-width: 1024px) and (max-width: 1365px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description { padding: 32px 0 0 33px; } } @media (min-width: 1366px) and (max-width: 1919px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description { padding: 32px 0 0 40px; } } @media (min-width: 1920px) and (max-width: 2559px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description { padding: 53px 0 0 63px; } } @media (min-width: 2560px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description { padding: 53px 0 0 88px; } } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p { margin: 0; padding: 0; color: #747474; line-height: 1.5em; } @media (min-width: 2560px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p { font-size: 1.8em; } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p + p { margin-top: 27px; } } @media (min-width: 1920px) and (max-width: 2559px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p { font-size: 1.6em; } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p + p { margin-top: 27px; } } @media (min-width: 1366px) and (max-width: 1919px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p { font-size: 1.35em; } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p + p { margin-top: 12px; } } @media (min-width: 1024px) and (max-width: 1365px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p { font-size: 1.35em; } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p + p { margin-top: 12px; } } @media (min-width: 768px) and (max-width: 1023px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p { font-size: 1.35em; } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p + p { margin-top: 12px; } } @media (min-width: 0px) and (max-width: 767px) { .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p { font-size: 1.35em; } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p + p { margin-top: 12px; } } .program-extra__right > .container > .row > .col-sm-6 .program-extra__description p strong { color: #ff6000; font-weight: 700; } /* ========================================================================== Base/Block/Resort Details ========================================================================== */ .resort-details + footer { display: none; } .resort-map-gfx { height: 100%; } .resort-details { position: relative; height: 100%; overflow: hidden; background: #f6f6f6; } @media (min-width: 768px) and (max-width: 1023px) { .resort-details .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom { bottom: auto !important; left: 122px !important; top: 3px; } } @media (min-width: 0px) and (max-width: 767px) { .resort-details .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom { bottom: auto !important; left: 122px !important; top: 3px; } } .resort-details #resortMap { width: 100%; height: 100%; } .resort-details #resortMap .gmaps-resort-detail { background-color: rgba(14, 14, 14, 0.9); color: white; } .resort-details #resortMap .gmaps-resort-detail .gmaps-resort-detail__title { min-height: 42px; padding: 13px 15px 12px; text-transform: uppercase; color: #fff; border-bottom: 1px solid #0e0e0e; font-size: 16px; font-weight: bold; } .resort-details #resortMap .gm-size-iw { margin: 45px 0 0 0 !important; } @media (min-width: 768px) and (max-width: 1023px) { .resort-details #resortMap .gm-size-iw { display: none; } } @media (min-width: 0px) and (max-width: 767px) { .resort-details #resortMap .gm-size-iw { display: none; } } .resort-details #resortMap .gm-style-iw + div { display: none !important; } .resort-details #resortMap .fullScreen { width: 27px; height: 27px; padding: 0 !important; right: 45px !important; bottom: 24px !important; top: auto !important; background: url(../img/fullScreen.png) no-repeat !important; cursor: pointer !important; z-index: 10000000000 !important; } .resort-details #resortMap .fullScreen > div { display: none !important; } @media (min-width: 0px) and (max-width: 479px) { .resort-details #resortMap .fullScreen { right: auto !important; left: 12px !important; } } @media (min-width: 480px) and (max-width: 767px) { .resort-details #resortMap .fullScreen { right: auto !important; left: 23px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .resort-details #resortMap .fullScreen { right: auto !important; left: 23px !important; } } .resort-details #resortGfxMap { position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; overflow: hidden; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .resort-details #resortGfxMap .fullScreen { position: absolute; width: 27px; height: 27px; padding: 0 !important; right: 36px !important; bottom: 24px !important; top: auto !important; background: url(../img/fullScreen.png) no-repeat !important; cursor: pointer !important; } @media (min-width: 0px) and (max-width: 479px) { .resort-details #resortGfxMap .fullScreen { right: auto !important; left: 12px !important; } } @media (min-width: 480px) and (max-width: 767px) { .resort-details #resortGfxMap .fullScreen { right: auto !important; left: 23px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .resort-details #resortGfxMap .fullScreen { right: auto !important; left: 23px !important; } } .resort-details #resortGfxMap img { height: 100%; } .resort-details .resort-map-action { position: absolute; left: 50%; bottom: 10px; z-index: 99; margin-left: -185px; width: 370px; height: 50px; background: #262626; } .resort-details .resort-map-action a { float: left; display: block; width: 50%; height: 100%; color: #fff; font-size: 14px; text-align: center; line-height: 48px; text-decoration: none; } .resort-details .resort-map-action a.active { color: #787878; } .resort-details .resort-map-action a:hover { color: #787878; } .resort-details .resort-map-action a:first-child { border-right: 1px solid #000000; } .resort-details .resort-map-action a:last-child { border-left: 1px solid #515151; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details .resort-map-action { background: transparent; position: absolute; left: 0; bottom: 74px; z-index: 99; margin-left: 0; width: 100%; height: 50px; padding-right: 22px; } .resort-details .resort-map-action a { float: none; width: 220px; margin: 0 auto; height: 100%; color: #fff; font-size: 14px; text-align: center; line-height: 48px; text-decoration: none; display: block; background: #262626; } .resort-details .resort-map-action a:first-child { border-right: 0; border-bottom: 1px solid #515151; } } .resort-details h1 { font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details h1 { font-size: 2.8em; margin: 0 0 10px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details h1 { font-size: 2.8em; margin: 0 0 10px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details h1 { font-size: 4.6em; margin: 0 0 22px; padding-right: 54px; } } @media (min-width: 2560px) { .resort-details h1 { font-size: 5.6em; margin: 0 0 22px; padding-right: 54px; } } .resort-details h2 { margin: 0 0 20px; font-weight: 700; text-transform: uppercase; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details h2 { font-size: 1.4em; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details h2 { font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details h2 { font-size: 1.6em; } } @media (min-width: 2560px) { .resort-details h2 { font-size: 1.8em; } } .resort-details p { margin: 0; padding: 0; color: #747474; line-height: 1.5em; } .resort-details p strong { color: #ff6000; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details p { font-size: 1.35em; } .resort-details p + p { margin-top: 12px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details p { font-size: 1.35em; } .resort-details p + p { margin-top: 12px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details p { font-size: 1.6em; } .resort-details p + p { margin-top: 27px; } } @media (min-width: 2560px) { .resort-details p { font-size: 1.8em; } .resort-details p + p { margin-top: 27px; } } .resort-details__left { position: fixed; left: 0; top: 0; z-index: 99; width: 50%; height: 100%; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__left { width: 34.32%; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__left { width: 50%; } } .resort-details__image { position: relative; z-index: 9999; width: 100%; height: 100%; background: #fff; } .resort-details__information { background: #fff; margin-top: 15px; } .resort-details__information .color-blue { color: #4496d5; } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information { margin-top: 20px; } } .resort-details__information-route { float: left; border-right: 2px solid #f6f6f6; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-route .resort-details__information-body { padding: 20px 0 20px 10px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-route .resort-details__information-body { padding: 20px 0 20px 12px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-route .resort-details__information-body { padding: 20px 0 20px 30px; } } @media (min-width: 2560px) { .resort-details__information-route .resort-details__information-body { padding: 20px 0 20px 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-route { width: 190px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-route { width: 160px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-route { width: 210px; } } @media (min-width: 2560px) { .resort-details__information-route { width: 272px; } } .resort-details__information-route .route { display: block; padding: 0 17px; color: #747474; line-height: 18px; } @media (min-width: 0px) and (max-width: 479px) { .resort-details__information-route .route { font-size: 14px; width: 140px; margin: 0 auto; } } @media (min-width: 480px) and (max-width: 767px) { .resort-details__information-route .route { font-size: 14px; width: 140px; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1023px) { .resort-details__information-route .route { font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-route .route { font-size: 14px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-route .route { font-size: 14px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-route .route { font-size: 14px; } } @media (min-width: 2560px) { .resort-details__information-route .route { font-size: 18px; } } .resort-details__information-route .route span { display: inline-block; margin: 0 15px 10px 0; background: #000; border: 3px solid #ebebeb; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 14px; color: #ffffff; font-style: normal; text-align: center; width: 38px; height: 38px; line-height: 34px; } @media (min-width: 2560px) { .resort-details__information-route .route span { width: 42px; height: 42px; line-height: 37px; } } .resort-details__information-route .route-easy span { background: #4496d5; } .resort-details__information-route .route-medium span { background: #fd0f29; } .resort-details__information-route .route-hard span { background: #000; } .resort-details__information-route .route-total { display: block; width: 100%; height: 46px; padding: 0 17px; background: -webkit-linear-gradient(#ff5603, #ff8612); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-top: 1px solid #323232; text-align: center; font-size: 23px; font-weight: 700; line-height: 47px; } .resort-details__information-lift { float: left; border-right: 2px solid #f6f6f6; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-lift { width: 129px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-lift { width: 131px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-lift { width: 180px; } } @media (min-width: 2560px) { .resort-details__information-lift { width: 231px; } } .resort-details__information-lift .resort-details__information-body { padding-top: 10px; text-align: center; } .resort-details__information-lift .resort__item { display: inline-block; padding-left: 30px; width: auto; height: 51px; color: #b3b3b3; font-weight: 700; line-height: 49px; text-align: center; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-lift .resort__item { font-size: 24px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-lift .resort__item { font-size: 24px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-lift .resort__item { font-size: 24px; } } @media (min-width: 2560px) { .resort-details__information-lift .resort__item { font-size: 26px; } } .resort-details__information-lift .resort__item:first-child { border-left: 0; } .resort-details__information-lift .resort__item.lift1 { background: url(../img/icons/orange/lift_gmaps1.png) no-repeat 0 50%; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-lift .resort__item.lift1 { background-size: 15px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-lift .resort__item.lift1 { background-size: 15px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-lift .resort__item.lift1 { background-size: 15px; } } @media (min-width: 2560px) { .resort-details__information-lift .resort__item.lift1 { background-size: 20px; } } .resort-details__information-lift .resort__item.lift2 { background: url(../img/icons/orange/lift_gmaps2.png) no-repeat 0 50%; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-lift .resort__item.lift2 { background-size: 19px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-lift .resort__item.lift2 { background-size: 19px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-lift .resort__item.lift2 { background-size: 19px; } } @media (min-width: 2560px) { .resort-details__information-lift .resort__item.lift2 { background-size: 21px; } } .resort-details__information-lift .resort__item.lift3 { background: url(../img/icons/orange/lift_gmaps3.png) no-repeat 0 50%; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-lift .resort__item.lift3 { background-size: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-lift .resort__item.lift3 { background-size: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-lift .resort__item.lift3 { background-size: 20px; } } @media (min-width: 2560px) { .resort-details__information-lift .resort__item.lift3 { background-size: 22px; } } .resort-details__information-weather { float: left; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-weather { width: 267px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-weather { width: 231px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-weather { width: 297px; } } @media (min-width: 2560px) { .resort-details__information-weather { width: 394px; } } .resort-details__information-weather .h3 { margin: 0 0 15px; padding: 0; color: #4496d5; font-weight: 700; text-transform: uppercase; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-weather .h3 { font-size: 1.35em; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-weather .h3 { font-size: 1.35em; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-weather .h3 { font-size: 1.35em; } } @media (min-width: 2560px) { .resort-details__information-weather .h3 { font-size: 1.5em; } } .resort-details__information-weather img { max-width: 36px; height: auto; margin-right: 10px; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-weather-top, .resort-details__information-weather-bottom { padding: 10px 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-weather-top, .resort-details__information-weather-bottom { padding: 10px 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-weather-top, .resort-details__information-weather-bottom { padding: 10px 20px; } } @media (min-width: 2560px) { .resort-details__information-weather-top, .resort-details__information-weather-bottom { padding: 15px 30px; } } .resort-details__information-weather-top { height: 88px; border-bottom: 2px solid #f6f6f6; } .resort-details__information-weather .temperature { position: relative; width: 50%; float: left; color: #747474; font-weight: 700; } .resort-details__information-weather .temperature:before { position: absolute; left: 100%; bottom: 8px; content: ""; margin-left: -.5px; width: 1px; height: 23px; background: #d3d3d3; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-weather .temperature { font-size: 1.6em; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-weather .temperature { font-size: 1.6em; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-weather .temperature { font-size: 1.6em; } } @media (min-width: 2560px) { .resort-details__information-weather .temperature { font-size: 1.8em; } } .resort-details__information-weather .snow-depth { width: 50%; float: left; color: #747474; line-height: 36px; text-align: right; } .resort-details__information-weather .snow-depth strong { font-size: 15px; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-weather .snow-depth { font-size: 10px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-weather .snow-depth { font-size: 10px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-weather .snow-depth { font-size: 10px; } } @media (min-width: 2560px) { .resort-details__information-weather .snow-depth { font-size: 15px; } } .resort-details__information-weather .resort-details__information-foot h3 { text-transform: uppercase; } .resort-details__information-weather .resort-details__information-foot h3 a { position: relative; text-decoration: none; } .resort-details__information-weather .resort-details__information-foot h3 a:before { position: absolute; top: 6px; right: -15px; content: ""; width: 0; height: 0; border-style: solid; border-width: 3.5px 0 3.5px 4px; border-color: transparent transparent transparent #262626; } .resort-details__information-weather .resort-details__information-foot span { display: block; padding-top: 5px; text-align: center; color: #b3b3b3; font-size: 12px; } .resort-details__information-body { border-bottom: 2px solid #f6f6f6; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-body { height: 188px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-body { height: 176px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-body { height: 176px; } } @media (min-width: 2560px) { .resort-details__information-body { height: 199px; } } .resort-details__information-head { border-bottom: 2px solid #f6f6f6; } .resort-details__information-head h3 { margin: 0; padding: 0; text-align: center; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-head { height: 43px; } .resort-details__information-head h3 { font-size: 1.4em; line-height: 43px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-head { height: 43px; } .resort-details__information-head h3 { font-size: 1.4em; line-height: 43px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-head { height: 43px; } .resort-details__information-head h3 { font-size: 1.6em; line-height: 43px; } } @media (min-width: 2560px) { .resort-details__information-head { height: 55px; } .resort-details__information-head h3 { font-size: 1.8em; line-height: 55px; } } .resort-details__information-foot { text-align: center; padding-bottom: 10px; } .resort-details__information-foot img { position: relative; top: -3px; margin-right: 7px; } .resort-details__information-foot-text { font-size: 14px; line-height: 18px; color: #b3b3b3; } .resort-details__information-foot-text .color-blue { font-size: 18px; font-weight: 700; } .resort-details__information-foot-text .pie { display: inline-block; position: relative; width: 27px; line-height: 27px; border-radius: 50%; background: #E3E3E3; background-image: linear-gradient(to right, transparent 50%, #4496D5 0); color: transparent; text-align: center; position: relative; top: -2px; margin-right: 6px; } .resort-details__information-foot-text .pie-100 { background: #4496D5; } .resort-details__information-foot-text .pie:before { content: ''; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; border-radius: 0 100% 100% 0 / 50%; background-color: inherit; transform-origin: left; animation: spin 50s linear infinite, bg 100s step-end infinite; animation-play-state: paused; animation-delay: inherit; } @keyframes spin { to { transform: rotate(0.5turn); } } @keyframes bg { 50% { background: #4496D5; } } .resort-details__information-foot h3 { margin: 0; padding: 15px 0; text-align: center; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__information-foot h3 { font-size: 1.4em; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__information-foot h3 { font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__information-foot h3 { font-size: 1.6em; } } @media (min-width: 2560px) { .resort-details__information-foot h3 { font-size: 1.8em; } } .resort-details__right { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; -webkit-transition: left .5s; -moz-transition: left .5s; -o-transition: left .5s; transition: left .5s; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__right > .container > .row > .col-sm-6 { width: 66.66666667%; } .resort-details__right > .container > .row > .col-sm-offset-6 { margin-left: 33.33333333%; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__right > .container > .row > .col-sm-6 { width: 50%; } .resort-details__right > .container > .row > .col-sm-offset-6 { margin-left: 50%; } } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__right.open { left: 330px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__right.open { left: 330px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__right.open { left: 420px; } } @media (min-width: 2560px) { .resort-details__right.open { left: 550px; } } .resort-details__description { position: relative; background: #f6f6f6; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__description { padding: 32px 0 0 33px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__description { padding: 32px 0 0 40px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__description { padding: 53px 0 0 63px; } } @media (min-width: 2560px) { .resort-details__description { padding: 53px 0 0 88px; } } .resort-details__description:after { position: absolute; top: 0; right: -100%; content: ""; width: 100%; height: 100%; background: #f6f6f6; } .resort-details__description:before { position: absolute; top: 0; left: -15px; content: ""; width: 15px; height: 100%; background: #f6f6f6; } .resort-details__facilities { margin-top: 55px; } .resort-details__facilities ul { list-style: none; margin: 0; padding: 0; } .resort-details__facilities li { display: block; float: left; width: 12.5%; background: #fff; } .resort-details__facilities li + li { border-left: 1px solid #ececec; } .resort-details__facilities li .tooltip-arrow { border-bottom-color: #262626 !important; } .resort-details__facilities li .tooltip-inner { padding: 7px 10px !important; background: #262626 !important; border: 0 !important; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.35); font-weight: 500 !important; font-size: 1.1em !important; text-transform: lowercase !important; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__facilities li { height: 46px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__facilities li { height: 46px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__facilities li { height: 60px; } } @media (min-width: 2560px) { .resort-details__facilities li { height: 79px; } } .resort-details__facilities-legend { margin: -33px 0 18px; text-align: right; } .resort-details__facilities-legend span { position: relative; padding: 0 0 0 20px; color: #747474; font-size: 1.2em; } .resort-details__facilities-legend span + span { margin-left: 40px; } .resort-details__facilities-legend span:before { position: absolute; top: 2px; left: 0; content: ""; width: 10px; height: 10px; background: #696868; } .resort-details__facilities-legend span.blue:before { background: #45a9e0; } .resort-details__facilities-legend span.orange:before { background: #ff5603; } .resort-details__facilities-legend span.green:before { background: #59cc1a; } .resort-details__distance { margin-top: 55px; } .resort-details__rating { display: inline-block; margin: 0 0 0 7px; vertical-align: top; color: #fec200; font-size: 0.6em; } .resort-details__rating span { margin: 0 3px; } .resort-details__flag { position: absolute; right: 0; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__flag { top: 37px; } .resort-details__flag img { height: 20px; width: auto; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__flag { top: 37px; } .resort-details__flag img { height: 20px; width: auto; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__flag { top: 64px; } .resort-details__flag img { height: 33px; width: auto; } } @media (min-width: 2560px) { .resort-details__flag { top: 68px; } } .resort-details__facilities-recommended { position: relative; } .resort-details__facilities-recommended:after { position: absolute; top: 0; right: 0; display: block; content: ""; width: 31px; height: 31px; background: url(../img/icons/other/recommend.png) 0 0 no-repeat; } .resort-details__btn-group { position: absolute; top: 90px; right: 0; z-index: 99; } .resort-details__movie { display: block; margin: 0; padding: 58px 0 0; width: 134px; height: 102px; background: #262626 url(../img/icons/other/play_icon.png) no-repeat 50% 13px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-size: 1.4em; font-weight: 500; line-height: 18px; } .resort-details__movie:focus { background: #262626 url(../img/icons/other/play_icon.png) no-repeat 50% 13px; color: #fff; } .resort-details__movie:hover { color: #fff; opacity: .85; } .resort-details__back-link { display: block; margin: 0; padding: 0; width: 134px; height: 65px; background: #262626 url(../img/icons/other/ar-left-7-13.png) no-repeat 13px 50%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-size: 1.35em; font-weight: 700; line-height: 65px; text-transform: uppercase; } .resort-details__back-link:focus { background: #262626 url(../img/icons/other/ar-left-7-13.png) no-repeat 13px 50%; color: #fff; } .resort-details__back-link:hover { color: #fff; opacity: .85; } .resort-details__show-more { position: relative; display: block; margin: 0; padding: 18px; width: 134px; background: #ff5603; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-size: 1.1em; text-align: left; text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: 900; white-space: normal; } .resort-details__show-more:focus { color: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .resort-details__show-more:hover { color: #fff; opacity: .85; } .resort-details__show-more:hover:after { opacity: .85; } .resort-details__show-more.open:after { right: -7px; } .resort-details__show-more:after { position: absolute; top: 50%; right: 0; z-index: 99999; content: ""; display: block; margin-top: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #ff5703; -webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; -o-transition: right .5s; transition: right .5s; } .resort-details__distance ul { margin: 0; padding: 0; list-style: none; } .resort-details__distance li { margin: 0; padding: 0; } .resort-details__distance li + li { margin-top: 3px; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__distance li { font-size: 1.2em; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__distance li { font-size: 1.2em; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__distance li { font-size: 1.6em; } } @media (min-width: 2560px) { .resort-details__distance li { font-size: 1.8em; } } .resort-details__distance span { background: #fff; display: inline-block; margin: 0 2px 0 0; min-width: 53px; height: 23px; color: #ff5603; line-height: 23px; text-align: center; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__distance span { min-width: 35px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__distance span { min-width: 35px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__distance span { min-width: 53px; } } @media (min-width: 2560px) { .resort-details__distance span { min-width: 57px; } } .resort-details__related-to-apartments { position: absolute; right: 0; top: 0; z-index: 999; overflow-y: auto; height: 100%; background: #e7e7e7; -webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; -o-transition: right .5s; transition: right .5s; } .resort-details__related-to-apartments-scroll { padding-top: 70px; padding-bottom: 30px; } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__related-to-apartments .slimScrollDiv { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__related-to-apartments .slimScrollDiv { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__related-to-apartments .slimScrollDiv { padding-left: 30px; padding-right: 30px; } } @media (min-width: 2560px) { .resort-details__related-to-apartments .slimScrollDiv { padding-left: 40px; padding-right: 40px; } } @media (min-width: 1024px) and (max-width: 1365px) { .resort-details__related-to-apartments { width: 340px; } .resort-details__related-to-apartments.open { right: -340px; } } @media (min-width: 1366px) and (max-width: 1919px) { .resort-details__related-to-apartments { width: 340px; } .resort-details__related-to-apartments.open { right: -340px; } } @media (min-width: 1920px) and (max-width: 2559px) { .resort-details__related-to-apartments { width: 420px; } .resort-details__related-to-apartments.open { right: -420px; } } @media (min-width: 2560px) { .resort-details__related-to-apartments { width: 550px; } .resort-details__related-to-apartments.open { right: -550px; } } .resort-details__related-to-apartments-close { position: relative; z-index: 9999; display: block; float: right; margin: 0 0 22px; font-size: 1.35em; font-weight: 700; text-transform: uppercase; text-decoration: none; } .resort-details__related-to-apartments-close:hover, .resort-details__related-to-apartments-close:focus { color: #262626; text-decoration: none; } .resort-details__related-to-apartments-close span { position: relative; top: 4px; padding-left: 13px; font-size: 2.3em; } @media (min-width: 768px) and (max-width: 1023px) { .resort-details { height: auto; } .resort-details h1 { font-size: 28px; line-height: 28px; margin: 0 0 10px; padding-right: 30px; } .resort-details p { font-size: 1.35em; } .resort-details p + p { margin-top: 12px; } .resort-details__left { position: relative; left: 0; top: 0; width: 100%; height: 288px; } .resort-details__movie { position: absolute; top: -102px; right: 0; background-color: rgba(38, 38, 38, 0.9); } .resort-details__btn-group { top: 288px; left: 0; width: 100%; } .resort-details__description { -webkit-transition: margin-top 1s; -moz-transition: margin-top 1s; -ms-transition: margin-top 1s; -o-transition: margin-top 1s; transition: margin-top 1s; } .resort-details__show-more { width: 100%; height: 65px; padding: 27px 15px 14px 158px; margin-top: 0; font-size: 12px; line-height: 1; } .resort-details__show-more:hover { opacity: 1; background: #FF5D0E; } .resort-details__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .resort-details__show-more.open:after { bottom: -8px; } .resort-details__back-link { position: absolute; z-index: 9; font-size: 13px; } .resort-details__back-link:hover { background-color: #313131; opacity: 1; } .resort-details__right { position: relative; padding-top: 92px; padding-bottom: 30px; overflow: visible; height: auto; } .resort-details__right .container { width: 724px; padding: 0 42px; } .resort-details__right .container > .row > .col-sm-offset-6 { width: 100%; margin: 0; } .resort-details .resort-map-action { left: 62px; bottom: 16px; margin-left: 0; width: 228px; height: 46px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .resort-details .resort-map-action:before { position: absolute; left: 50%; top: 50%; margin-left: -.5px; margin-top: -10.5px; content: ""; width: 1px; height: 21px; background: #e6e6e6; } .resort-details .resort-map-action a { width: 113px; border: 0; color: #787878; line-height: 46px; } .resort-details .resort-map-action a:first-child { border: 0; } .resort-details .resort-map-action a:last-child { border: 0; } .resort-details .resort-map-action a.active { color: #ff5603; } .resort-details__flag { top: 5px; } .resort-details__flag img { height: 20px; width: auto; } .resort-details__information-route { width: 200px; } .resort-details__information-lift { width: 139px; } .resort-details__information-weather { width: 301px; } .resort-details__information-head { height: 43px; } .resort-details__information-head h3 { font-size: 1.4em; line-height: 43px; } .resort-details__information-body { height: 188px; } .resort-details__information-route .resort-details__information-body { padding: 20px 0 20px 36px; } .resort-details__information-weather .h3 { font-size: 1.35em; } .resort-details__information-weather .temperature { font-size: 1.6em; } .resort-details__information-weather-top, .resort-details__information-weather-bottom { padding: 10px 20px; } .resort-details__information-foot h3 { font-size: 1.4em; } .resort-details .resort-details__information-lift .resort__item { font-size: 24px; } .resort-details .resort-details__information-lift .resort__item.lift1 { background-size: 15px; } .resort-details .resort-details__information-lift .resort__item.lift2 { background-size: 19px; } .resort-details .resort-details__information-lift .resort__item.lift3 { background-size: 20px; } .resort-details .resort-details__related-to-apartments { position: absolute; width: 100%; height: auto; padding: 0 30px; margin-top: 153px; transition: margin-top 1s; -webkit-transition: top 1s; -moz-transition: top 1s; -ms-transition: top 1s; -o-transition: top 1s; } .resort-details .resort-details__related-to-apartments.open { top: 200px !important; } .resort-details .slimScrollDiv { height: auto !important; } .resort-details .resort-details__related-to-apartments-scroll { height: auto !important; padding-top: 15px; padding-bottom: 30px; } .resort-details .resort-details__related-to-apartments-close { margin-bottom: 15px; } .resort-details .resort-details__related-to-apartments-close { text-align: right; display: block; float: none; width: 403px; margin: 0 auto 15px; } } @media (min-width: 480px) and (max-width: 767px) { .resort-details { height: auto; } .resort-details h1 { font-size: 28px; line-height: 28px; margin: 0 0 10px; padding-right: 30px; } .resort-details p { font-size: 1.35em; } .resort-details p + p { margin-top: 12px; } .resort-details__left { position: relative; left: 0; top: 0; width: 100%; height: 200px; } .resort-details__description { -webkit-transition: margin-top 1s; -moz-transition: margin-top 1s; -ms-transition: margin-top 1s; -o-transition: margin-top 1s; transition: margin-top 1s; } .resort-details__movie { display: none; position: absolute; top: -102px; right: 0; background-color: rgba(38, 38, 38, 0.9); } .resort-details__btn-group { top: 200px; left: 0; width: 100%; } .resort-details__show-more { width: 100%; height: 65px; padding: 27px 0 14px 127px; margin-top: 0; font-size: 12px; line-height: 1; } .resort-details__show-more:hover { opacity: 1; background: #FF5D0E; } .resort-details__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .resort-details__show-more.open:after { bottom: -8px; } .resort-details__back-link { position: absolute; z-index: 9; font-size: 13px; width: 116px; } .resort-details__back-link:hover { background-color: #313131; opacity: 1; } .resort-details__right { position: relative; padding-top: 82px; padding-bottom: 30px; overflow: visible; height: auto; } .resort-details__right .container { width: 100%; padding: 0 30px; } .resort-details__right .container > .row > .col-sm-offset-6 { width: 100%; margin: 0; } .resort-details .resort-map-action { left: 50%; margin-left: -113px; bottom: 16px; width: 228px; height: 46px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .resort-details .resort-map-action:before { position: absolute; left: 50%; top: 50%; margin-left: -.5px; margin-top: -10.5px; content: ""; width: 1px; height: 21px; background: #e6e6e6; } .resort-details .resort-map-action a { width: 113px; border: 0; color: #787878; line-height: 46px; } .resort-details .resort-map-action a:first-child { border: 0; } .resort-details .resort-map-action a:last-child { border: 0; } .resort-details .resort-map-action a.active { color: #ff5603; } .resort-details__flag { top: 5px; } .resort-details__flag img { height: 20px; width: auto; } .resort-details__information { background: transparent; } .resort-details__information-route { width: 50%; background: #fff; } .resort-details__information-lift { width: 50%; background: #fff; } .resort-details__information-weather { margin-top: 30px; width: 100%; background: #fff; } .resort-details__information-weather .resort-details__information-body { height: 128px; } .resort-details__information-head { height: 43px; } .resort-details__information-head h3 { font-size: 1.4em; line-height: 43px; } .resort-details__information-body { height: 188px; } .resort-details__information-route .resort-details__information-body { padding: 20px 0 20px 0; } .resort-details__information-weather .h3 { font-size: 1.35em; } .resort-details__information-weather .temperature { font-size: 1.6em; width: 100%; text-align: center; border-bottom: 1px solid #d3d3d3; padding: 0 0 14px; } .resort-details__information-weather .temperature:before { display: none; } .resort-details__information-weather .snow-depth { width: 100%; float: none; text-align: center; } .resort-details__information-weather-top, .resort-details__information-weather-bottom { padding: 10px 20px; } .resort-details__information-weather-top { width: 50%; float: left; border-right: 2px solid #f6f6f6; border-bottom: 0; height: 100%; } .resort-details__information-weather-bottom { width: 50%; float: left; border-bottom: 0; height: 100%; } .resort-details__information-foot h3 { font-size: 1.4em; } .resort-details .resort-details__information-lift .resort__item { font-size: 24px; } .resort-details .resort-details__information-lift .resort__item.lift1 { background-size: 15px; } .resort-details .resort-details__information-lift .resort__item.lift2 { background-size: 19px; } .resort-details .resort-details__information-lift .resort__item.lift3 { background-size: 20px; } .resort-details .resort-details__related-to-apartments { position: absolute; width: 100%; height: auto; padding: 0 30px; margin-top: 65px; transition: margin-top 1s; -webkit-transition: top 1s; -moz-transition: top 1s; -ms-transition: top 1s; -o-transition: top 1s; } .resort-details .resort-details__related-to-apartments.open { top: 200px !important; } .resort-details .slimScrollDiv { height: auto !important; } .resort-details .resort-details__related-to-apartments-scroll { height: auto !important; padding-top: 15px; padding-bottom: 30px; } .resort-details .resort-details__related-to-apartments-close { margin-bottom: 15px; } .resort-details .resort-details__related-to-apartments-close { text-align: right; display: block; float: none; width: 403px; margin: 0 auto 15px; } } @media (min-width: 0px) and (max-width: 479px) { .resort-details { height: auto; } .resort-details h1 { font-size: 28px; line-height: 28px; margin: 0 0 10px; padding-right: 30px; } .resort-details p { font-size: 1.35em; } .resort-details p + p { margin-top: 12px; } .resort-details__left { position: relative; left: 0; top: 0; width: 100%; height: auto; } .resort-details__image { height: 200px; } .resort-details__movie { display: none; position: absolute; top: -102px; right: 0; background-color: rgba(38, 38, 38, 0.9); } .resort-details__btn-group { top: 200px; left: 0; width: 100%; } .resort-details__show-more { width: 100%; height: 65px; padding: 19px 0 14px 120px; margin-top: 0; font-size: 10px; line-height: 14px; } .resort-details__show-more:hover { opacity: 1; background: #FF5D0E; } .resort-details__show-more:after { bottom: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ff5703 transparent transparent transparent; left: 50%; margin-left: 47px; top: auto; -webkit-transition: bottom .5s; -moz-transition: bottom .5s; -ms-transition: bottom .5s; -o-transition: bottom .5s; transition: bottom .5s; } .resort-details__show-more.open:after { bottom: -8px; } .resort-details__back-link { position: absolute; z-index: 9; font-size: 13px; width: 116px; } .resort-details__back-link:hover { background-color: #313131; opacity: 1; } .resort-details__right { position: relative; padding-top: 82px; padding-bottom: 30px; overflow: visible; height: auto; } .resort-details__right .container { width: 100%; padding: 0 20px; } .resort-details__right .container > .row > .col-sm-offset-6 { width: 100%; margin: 0; } .resort-details .resort-map-action { left: 50%; margin-left: -113px; bottom: 16px; width: 228px; height: 46px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .resort-details .resort-map-action:before { position: absolute; left: 50%; top: 50%; margin-left: -.5px; margin-top: -10.5px; content: ""; width: 1px; height: 21px; background: #e6e6e6; } .resort-details .resort-map-action a { width: 113px; border: 0; color: #787878; line-height: 46px; } .resort-details .resort-map-action a:first-child { border: 0; } .resort-details .resort-map-action a:last-child { border: 0; } .resort-details .resort-map-action a.active { color: #ff5603; } .resort-details__flag { top: 3px; left: 0; } .resort-details__flag img { height: 20px; width: auto; } .resort-details__information { background: transparent; } .resort-details__description { padding-top: 37px; -webkit-transition: margin-top 1s; -moz-transition: margin-top 1s; -ms-transition: margin-top 1s; -o-transition: margin-top 1s; transition: margin-top 1s; } .resort-details__information-route { width: 100%; background: #fff; float: none; margin-bottom: 30px; } .resort-details__information-lift { width: 100%; background: #fff; float: none; margin-bottom: 30px; } .resort-details__information-weather { margin-top: 0; width: 100%; background: #fff; } .resort-details__information-weather .resort-details__information-body { height: auto; } .resort-details__information-head { height: 43px; } .resort-details__information-head h3 { font-size: 1.4em; line-height: 43px; } .resort-details__information-body { height: 188px; } .resort-details__information-route .resort-details__information-body { padding: 20px 0 20px 0; } .resort-details__information-weather .h3 { font-size: 1.35em; } .resort-details__information-weather .temperature { font-size: 1.6em; width: 100%; text-align: center; border-bottom: 1px solid #d3d3d3; padding: 0 0 14px; float: none; } .resort-details__information-weather .temperature:before { display: none; } .resort-details__information-weather .snow-depth { width: 100%; float: none; text-align: center; } .resort-details__information-weather-top, .resort-details__information-weather-bottom { padding: 10px 20px; } .resort-details__information-weather-top { width: 100%; float: none; border-bottom: 2px solid #f6f6f6; margin-bottom: 3px; height: auto; } .resort-details__information-weather-bottom { width: 100%; float: none; border-bottom: 0; height: auto; } .resort-details__information-foot h3 { font-size: 1.4em; } .resort-details .resort-details__information-lift .resort__item { font-size: 24px; } .resort-details .resort-details__information-lift .resort__item.lift1 { background-size: 15px; } .resort-details .resort-details__information-lift .resort__item.lift2 { background-size: 19px; } .resort-details .resort-details__information-lift .resort__item.lift3 { background-size: 20px; } .resort-details .resort-details__related-to-apartments-scroll { height: auto !important; padding-top: 15px; padding-bottom: 30px; } .resort-details .resort-details__related-to-apartments { position: absolute; width: 100%; height: auto; padding: 0 20px; margin-top: 65px; transition: margin-top 1s; -webkit-transition: top 1s; -moz-transition: top 1s; -ms-transition: top 1s; -o-transition: top 1s; } .resort-details .resort-details__related-to-apartments.open { top: 200px !important; } .resort-details .slimScrollDiv { height: auto !important; } } /* ========================================================================== Base/Block/copmany-trips ========================================================================== */ .company-trips + footer { display: none; } .contact-details__right .company-trips { overflow-x: hidden; background: #ededed; } .contact-details__right .company-trips > .container { min-height: 100%; } .contact-details__right .company-trips > .container > .row { min-height: 100%; } .contact-details__right .company-trips > .container > .row > .col-sm-2 { min-height: 100%; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips > .container > .row > .col-sm-8 { padding-top: 205px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips > .container > .row > .col-sm-8 { padding-top: 270px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips > .container > .row > .col-sm-8 { padding-top: 371px; } } @media (min-width: 2560px) { .contact-details__right .company-trips > .container > .row > .col-sm-8 { padding-top: 492px; } } .contact-details__right .company-trips__left { position: relative; z-index: 1000; padding-top: 100px; height: 100%; background: #fff; } .contact-details__right .company-trips__left:after { position: absolute; top: 0; left: -1000px; content: ""; width: 1000px; height: 100%; background: #fff; } .contact-details__right .company-trips__left .nav-tabs { border: 0; } .contact-details__right .company-trips__left .nav-tabs li { margin: 0; float: none; text-align: right; } .contact-details__right .company-trips__left .nav-tabs li + li a { border-top: 1px solid #eeeeee; } .contact-details__right .company-trips__left .nav-tabs li:first-child a { border-top: 1px solid transparent; } .contact-details__right .company-trips__left .nav-tabs a { position: relative; margin: 0; background: transparent; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #262626; letter-spacing: 0.5px; font-size: 14px; } .contact-details__right .company-trips__left .nav-tabs a:hover { background: transparent; } .contact-details__right .company-trips__left .nav-tabs a:focus, .contact-details__right .company-trips__left .nav-tabs a:active { outline: 0; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__left .nav-tabs a { padding: 14px 0 14px 45px; font-size: 14px; line-height: 19px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__left .nav-tabs a { padding: 14px 0 14px 45px; font-size: 14px; line-height: 19px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__left .nav-tabs a { padding: 13px 0 13px 45px; font-size: 16px; line-height: 24px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__left .nav-tabs a { padding: 24px 0 24px 45px; font-size: 18px; line-height: 26px; } } .contact-details__right .company-trips__left .nav-tabs > li.active { position: static; } .contact-details__right .company-trips__left .nav-tabs > li.active:first-child > a, .contact-details__right .company-trips__left .nav-tabs > li.active:first-child > a:hover, .contact-details__right .company-trips__left .nav-tabs > li.active:first-child > a:focus { border-top: 1px solid transparent; color: #ff6c0b; } .contact-details__right .company-trips__left .nav-tabs > li.active > a, .contact-details__right .company-trips__left .nav-tabs > li.active > a:hover, .contact-details__right .company-trips__left .nav-tabs > li.active > a:focus { background: transparent; border: 0; border-top: 1px solid #eeeeee; color: #ff6c0b; } .contact-details__right .company-trips__left .nav-tabs > li.active span { position: absolute; top: 0; right: -30px; content: ""; margin-top: 0; width: 30px; height: 100%; background: url(../img/menu-ar-mask.png) right top; background-repeat: no-repeat; } .contact-details__right .company-trips__intro { position: relative; top: 0; overflow: hidden; margin: 0 0 6px; color: #fff; background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 999; } .contact-details__right .company-trips__intro img { width: 100%; max-width: 100%; } .contact-details__right .company-trips__intro .caption { position: absolute; top: 0; left: 0; display: table; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); text-align: center; } .contact-details__right .company-trips__intro .caption-inside { display: table-cell; vertical-align: middle; font-weight: 700; font-size: 25px; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__intro .caption-inside { font-size: 25px; line-height: 36px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__intro .caption-inside { font-size: 31px; line-height: 36px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__intro .caption-inside { font-size: 41px; line-height: 51px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__intro .caption-inside { font-size: 51px; line-height: 61px; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__intro { height: 210px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__intro { height: 270px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__intro { height: 371px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__intro { height: 492px; } } .contact-details__right .company-trips__text { padding: 50px 0; } .contact-details__right .company-trips__text .color { color: #ff5603; } .contact-details__right .company-trips__text .black { color: #000; } .contact-details__right .company-trips__text .baseline { color: #000; font-weight: 700; font-size: 16px; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__text .baseline { font-size: 16px; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__text .baseline { font-size: 16px; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__text .baseline { font-size: 18px; line-height: 24px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__text .baseline { font-size: 21px; line-height: 27px; } } .contact-details__right .company-trips__text p { color: #8d8d8d; margin-bottom: 0; font-size: 14px; } .contact-details__right .company-trips__text p + p { margin-top: 25px; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__text p { font-size: 14px; line-height: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__text p { font-size: 14px; line-height: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__text p { font-size: 16px; line-height: 22px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__text p { font-size: 18px; line-height: 26px; } } .contact-details__right .company-trips__text h2 { margin: 0 0 15px; padding: 0; font-weight: 700; font-size: 24px; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__text h2 { font-size: 24px; line-height: 26px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__text h2 { font-size: 24px; line-height: 26px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__text h2 { font-size: 31px; line-height: 25px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__text h2 { font-size: 36px; line-height: 25px; } } .contact-details__right .company-trips__text ul.list { list-style: none; margin: 0; padding: 0; font-size: 14px; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__text ul.list { font-size: 14px; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__text ul.list { font-size: 14px; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__text ul.list { font-size: 16px; line-height: 24px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__text ul.list { font-size: 18px; line-height: 26px; } } .contact-details__right .company-trips__text ul.list li { position: relative; padding-left: 17px; } .contact-details__right .company-trips__text ul.list li:before { position: absolute; top: 9px; left: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 2.5px 0 2.5px 3px; border-color: transparent transparent transparent #ff8512; } .contact-details__right .company-trips__text--contact { position: relative; padding-left: 90px; } .contact-details__right .company-trips__text--contact h2 { position: relative; } .contact-details__right .company-trips__text--contact h2:before { position: absolute; left: -76px; top: 0; content: ""; width: 60px; height: 56px; background: url(../img/icons/other/contact.png); } .contact-details__right .company-trips__text--contact .btn { position: relative; margin-top: 20px; padding: 0 20px; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e51a49), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: linear-gradient(to right, #e51a49 0%, #e51a49 56%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-weight: bold; font-family: "Lato", sans-serif; text-align: left; text-transform: uppercase; letter-spacing: 0.5px; width: 270px; height: 50px; font-size: 14px; line-height: 50px; } .contact-details__right .company-trips__text--contact .btn:after { position: absolute; top: 50%; right: 20px; content: ""; margin-top: -5.5px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #ffffff; } .contact-details__right .company-trips__text--contact .btn:hover { background: #e51a49; color: #fff; } @media (min-width: 2560px) { .contact-details__right .company-trips__text--contact .btn { width: 470px; height: 80px; font-size: 18px; line-height: 80px; } } .contact-details__right .company-trips__text--dark { position: relative; background: #262626; color: #fff; } .contact-details__right .company-trips__text--dark p { color: #fff; } .contact-details__right .company-trips__text--dark:before, .contact-details__right .company-trips__text--dark:after { position: absolute; top: 0; content: ""; width: 100001px; height: 100%; background: #262626; } .contact-details__right .company-trips__text--dark:before { left: -100001px; } .contact-details__right .company-trips__text--dark:after { right: -100001px; } .contact-details__right .company-trips__text--white { position: relative; background: #fafafa; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__right .company-trips__text--white { margin-left: -30px !important; padding-left: 30px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__right .company-trips__text--white { margin-left: -66px !important; padding-left: 66px !important; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__text--white { margin-left: -65px !important; padding-left: 65px !important; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__text--white { margin-left: -85px !important; padding-left: 85px !important; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__text--white { margin-left: -105px !important; padding-left: 105px !important; } } @media (min-width: 2560px) { .contact-details__right .company-trips__text--white { margin-left: -135px !important; padding-left: 135px !important; } } .contact-details__right .company-trips__text--white:after { position: absolute; top: 0; content: ""; width: 100001px; height: 100%; background: #fafafa; right: -100001px; } .contact-details__right .company-trips__text--img .img1 { position: relative; z-index: 999; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__text--img .img1 { width: 446px; margin-bottom: -56px; margin-left: -55px; margin-top: -10px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__text--img .img1 { width: 530px; margin-bottom: -56px; margin-left: -65px; margin-top: -30px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__text--img .img1 { width: 700px; margin-bottom: -65px; margin-left: -163px; margin-top: -85px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__text--img .img1 { width: 100%; margin-bottom: -58px; } } .contact-details__right .company-trips__text--img .img2 { position: relative; z-index: 999; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__text--img .img2 { width: 100%; margin-left: 20px; margin-bottom: 0; position: relative; bottom: -73px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__text--img .img2 { width: 570px; margin-bottom: -25px; margin-left: 30px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__text--img .img2 { width: 700px; margin-bottom: -83px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__text--img .img2 { width: 100%; margin-bottom: -58px; } } .contact-details__right .company-trips__text--img .pull-right { float: left !important; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__text--img .pull-left { width: 60%; } .contact-details__right .company-trips__text--img .pull-right { width: 40%; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__text--img .pull-left { width: 470px; } .contact-details__right .company-trips__text--img .pull-right { width: 270px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__text--img .pull-left { width: 700px; } .contact-details__right .company-trips__text--img .pull-right { width: 360px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__text--img .pull-left { width: 960px; } .contact-details__right .company-trips__text--img .pull-right { width: 470px; } } .contact-details__right .company-trips__list h2 { margin-top: -10px; margin-bottom: 20px; } .contact-details__right .company-trips__list ul { list-style: none; margin: 0; padding: 0; font-size: 14px; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .company-trips__list ul { font-size: 14px; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .company-trips__list ul { font-size: 14px; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .company-trips__list ul { font-size: 16px; line-height: 24px; } } @media (min-width: 2560px) { .contact-details__right .company-trips__list ul { font-size: 18px; line-height: 26px; } } .contact-details__right .company-trips__list li { position: relative; padding-left: 40px; } .contact-details__right .company-trips__list li + li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e4e4; } .contact-details__right .company-trips__list li + li:before { margin-top: -8px; } .contact-details__right .company-trips__list li:before { position: absolute; left: 0; top: 50%; margin-top: -14.5px; content: ""; width: 29px; height: 29px; background: #fff url(../img/checkOrange.png) 50% 50% no-repeat; background-size: 12px; border: 3px solid #ebebeb; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__right .company-trips .container { padding: 0 20px; } .contact-details__right .company-trips > .container > .row > .col-sm-2 { width: 250px; } .contact-details__right .company-trips > .container > .row > .col-sm-2 + .col-sm-8 { margin-left: 32px; width: 100%; max-width: 61%; } .contact-details__right .company-trips > .container > .row > .col-sm-8 { padding-top: 200px; } .contact-details__right .company-trips__left .nav-tabs a { padding: 14px 0 14px 45px; font-size: 14px; line-height: 19px; } .contact-details__right .company-trips__intro { height: 210px; } .contact-details__right .company-trips__intro .caption-inside { font-size: 24px; line-height: 35px; padding-left: 30px; } .contact-details__right .company-trips__intro .caption-inside br { display: none; } .contact-details__right .company-trips__text .baseline { font-size: 16px; line-height: 22px; } .contact-details__right .company-trips__text p { font-size: 14px; line-height: 20px; } .contact-details__right .company-trips__text p + p { margin-top: 25px; } .contact-details__right .company-trips__text { padding: 30px 0; } .contact-details__right .company-trips__text h2 { font-size: 24px; line-height: 26px; } .contact-details__right .company-trips__text--img .pull-right { width: 54%; } .contact-details__right .company-trips__text ul.list { font-size: 14px; line-height: 22px; } .contact-details__right .company-trips__text--img .pull-left { width: 36%; } .contact-details__right .company-trips__text--img .img1 { width: 428px; margin-bottom: -55px; margin-left: -57px; margin-top: -10px; } .contact-details__right .company-trips__text--img .pull-right { width: 64%; background: #FAFAFA; position: relative; z-index: 999; margin: -30px 0 -30px -15px; padding: 30px 0 30px 15px; height: 100%; max-height: 300px; } .contact-details__right .company-trips__text--img .img2 { width: 401px; margin-bottom: 0; position: relative; padding-bottom: 50px; } .contact-details__right .company-trips__text--contact { padding-left: 76px; } .contact-details__right .company-trips__list ul { font-size: 14px; line-height: 22px; } .contact-details__right .company-trips__list .col-sm-6 { width: 100%; float: none; padding: 0; } .contact-details__right .company-trips__list .col-sm-6 + .col-sm-6 { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e4e4; } } @media (min-width: 480px) and (max-width: 767px) { .contact-details__right .company-trips .container { padding: 0; min-height: 0; } .contact-details__right .company-trips .company-trips > .container > .row { min-height: 0; } .contact-details__right .company-trips > .container > .row > .col-sm-2 { width: 100%; float: none; height: auto; min-height: 0; } .contact-details__right .company-trips > .container > .row > .col-sm-2 + .col-sm-8 { width: 100%; } .contact-details__right .company-trips > .container > .row > .col-sm-8 { padding-top: 0; } .contact-details__right .company-trips__left .nav-tabs > li.active span { display: none; } .contact-details__right .company-trips__left { height: auto; padding: 80px 0 20px; top: 0 !important; } .contact-details__right .company-trips__left .nav-tabs li { text-align: left; } .contact-details__right .company-trips__left .nav-tabs a { padding: 14px 0 14px 45px; font-size: 14px; line-height: 19px; } .contact-details__right .company-trips__text .baseline { font-size: 16px; line-height: 22px; } .contact-details__right .company-trips__text p { font-size: 14px; line-height: 20px; } .contact-details__right .company-trips__text p + p { margin-top: 25px; } .contact-details__right .company-trips__text { padding: 30px; } .contact-details__right .company-trips__text h2 { font-size: 24px; line-height: 26px; } .contact-details__right .company-trips__text--img .pull-right { width: 54%; } .contact-details__right .company-trips__text ul.list { font-size: 14px; line-height: 22px; } .contact-details__right .company-trips__text--img .pull-left { width: 100%; } .contact-details__right .company-trips__text--img .img1 { width: 100%; } .contact-details__right .company-trips__text--img .pull-right { width: 100%; background: #FAFAFA; position: relative; z-index: 999; margin: -20px 0 -30px 0px; padding: 30px 0 30px 15px; height: 100%; max-height: 300px; } .contact-details__right .company-trips__text--img .img2 { width: 80%; position: relative; top: 20px; } .contact-details__right .company-trips__text--contact { padding-left: 30px; } .contact-details__right .company-trips__text--contact h2 { padding-left: 86px; } .contact-details__right .company-trips__text--contact h2:before { left: 0; } .contact-details__right .company-trips__text--contact p { padding-left: 86px; } .contact-details__right .company-trips__list ul { font-size: 14px; line-height: 22px; } .contact-details__right .company-trips__list .col-sm-6 { width: 100%; float: none; padding: 0; } .contact-details__right .company-trips__list .col-sm-6 + .col-sm-6 { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e4e4; } .contact-details__right .company-trips__left .nav-tabs { padding: 0 30px; } .contact-details__right .company-trips__left .nav-tabs a { padding-left: 0; padding-right: 0; } .contact-details__right .company-trips__intro { position: relative; height: 208px; left: 0 !important; width: auto !important; } .contact-details__right .company-trips__intro .caption-inside { font-size: 22px; line-height: 35px; padding: 0 25px; } .contact-details__right .company-trips__intro .caption-inside br { display: none; } .contact-details__right .company-trips__text--contact .btn { width: 100%; } } @media (min-width: 0px) and (max-width: 479px) { .contact-details__right .company-trips .container { padding: 0; min-height: 0; } .contact-details__right .company-trips .company-trips > .container > .row { min-height: 0; } .contact-details__right .company-trips > .container > .row > .col-sm-2 { width: 100%; float: none; height: auto; min-height: 0; } .contact-details__right .company-trips > .container > .row > .col-sm-2 + .col-sm-8 { width: 100%; } .contact-details__right .company-trips > .container > .row > .col-sm-8 { padding-top: 0; } .contact-details__right .company-trips__left .nav-tabs > li.active span { display: none; } .contact-details__right .company-trips__left { height: auto; padding: 80px 0 20px; top: 0 !important; } .contact-details__right .company-trips__left .nav-tabs li { text-align: left; } .contact-details__right .company-trips__left .nav-tabs a { padding: 14px 0 14px 45px; font-size: 14px; line-height: 19px; } .contact-details__right .company-trips__text .baseline { font-size: 16px; line-height: 22px; } .contact-details__right .company-trips__text p { font-size: 14px; line-height: 20px; } .contact-details__right .company-trips__text p + p { margin-top: 25px; } .contact-details__right .company-trips__text { padding: 30px; } .contact-details__right .company-trips__text h2 { font-size: 24px; line-height: 26px; } .contact-details__right .company-trips__text--img .pull-right { width: 54%; } .contact-details__right .company-trips__text ul.list { font-size: 14px; line-height: 22px; } .contact-details__right .company-trips__text--img .pull-left { width: 100%; } .contact-details__right .company-trips__text--img .img1 { width: 100%; } .contact-details__right .company-trips__text--img .pull-right { width: 100%; position: relative; float: right !important; } .contact-details__right .company-trips .mobile-320-margin { padding-top: 190px; } .contact-details__right .company-trips__text--img .img2 { width: 100%; top: 20px; left: 0; padding: 0 20px; } .contact-details__right .company-trips__text--contact { padding-left: 30px; } .contact-details__right .company-trips__text--contact h2 { padding-left: 86px; } .contact-details__right .company-trips__text--contact h2:before { left: 0; top: -13px; } .contact-details__right .company-trips__text--contact p { padding-top: 12px; } .contact-details__right .company-trips__list ul { font-size: 14px; line-height: 22px; } .contact-details__right .company-trips__list .col-sm-6 { width: 100%; float: none; padding: 0; } .contact-details__right .company-trips__list .col-sm-6 + .col-sm-6 { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e4e4; } .contact-details__right .company-trips__left .nav-tabs { padding: 0 30px; } .contact-details__right .company-trips__left .nav-tabs a { padding-left: 0; padding-right: 0; } .contact-details__right .company-trips__intro { position: relative; height: 208px; left: 0 !important; width: auto !important; } .contact-details__right .company-trips__intro .caption-inside { font-size: 22px; line-height: 35px; padding: 0 25px; } .contact-details__right .company-trips__intro .caption-inside br { display: none; } .contact-details__right .company-trips__text--contact .btn { width: 100%; } } /* ========================================================================== Base/Block/copmany-trips ========================================================================== */ .contact-details + footer { display: none; } .contact-details { width: 100%; height: 100%; overflow-x: hidden; background: #ededed; } .contact-details .visible-large { display: none; } @media (min-width: 2560px) { .contact-details .visible-large { display: block; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details .col-md-2 { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details .col-sm-4 { width: 33.33333333%; } } .contact-details > .container-full { min-height: 100%; height: 100%; background: #fff; padding-left: 0; padding-right: 0; } .contact-details > .container-full > .row { min-height: 100%; height: 100%; margin-left: 0; margin-right: 0; } .contact-details > .container-full > .row > .col-left { min-height: 100%; } @media (min-width: 0px) and (max-width: 767px) { .contact-details > .container-full > .row > .col-left { width: 100%; } } .contact-details > .container-full > .row > .col-left:after { position: absolute; top: 0; right: -2000px; content: ""; width: 2000px; height: 100%; background: #ededed; } .contact-details > .container-full > .row > .col-right { padding-top: 103px; background: #ededed; padding-left: 30px; padding-right: 30px; } @media (min-width: 768px) and (max-width: 1023px) { .contact-details > .container-full > .row > .col-right { padding-left: 70px; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details > .container-full > .row > .col-right { padding-left: 40px; padding-right: 40px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details > .container-full > .row > .col-right { padding-left: 80px; padding-right: 80px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details > .container-full > .row > .col-right { padding-left: 100px; padding-right: 100px; } } @media (min-width: 2560px) { .contact-details > .container-full > .row > .col-right { padding-left: 120px; padding-right: 120px; } } .contact-details > .container-full > .row:before { position: absolute; top: 0; left: 0; content: ""; width: 500px; height: 100%; background: #fff; } @media (min-width: 0px) and (max-width: 767px) { .contact-details > .container-full > .row:before { width: 100%; } } @media (min-width: 2560px) { .contact-details > .container-full > .row:before { width: 1000px; } } .contact-details__left { position: relative; z-index: 1000; padding-top: 88px; min-height: 100%; padding-right: 15px; } .contact-details__left.collapsible .nav-tabs { height: 0; overflow: hidden; } .contact-details__left.collapsible h2 { font-weight: 800; display: none; position: relative; } @media (min-width: 0px) and (max-width: 479px) { .contact-details__left.collapsible h2 { font-size: 24px; } } @media (min-width: 480px) and (max-width: 767px) { .contact-details__left.collapsible h2 { font-size: 26px; } } @media (min-width: 0px) and (max-width: 767px) { .contact-details__left.collapsible h2 { display: block; } .contact-details__left.collapsible h2:after { content: ''; width: 20px; height: 14px; position: absolute; top: 7px; right: 0; background-image: url(../img/arrowDown.png); } } .contact-details__left.collapsible.open .nav-tabs { height: auto; } .contact-details__left.collapsible.open h2:after { background-image: url(../img/arrowUp.png); } .contact-details__left .nav-tabs { border: 0; } .contact-details__left .nav-tabs li { margin: 0; float: none; text-align: right; } .contact-details__left .nav-tabs li + li a { border-top: 1px solid #eeeeee; } .contact-details__left .nav-tabs li:first-child a { border-top: 1px solid transparent; } .contact-details__left .nav-tabs a { position: relative; margin: 0; background: transparent; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #262626; letter-spacing: 0.5px; } .contact-details__left .nav-tabs a:hover { background: transparent; } .contact-details__left .nav-tabs a:focus, .contact-details__left .nav-tabs a:active { outline: 0; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__left .nav-tabs a { padding: 14px 0 14px 0; font-size: 1.4em; line-height: 19px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__left .nav-tabs a { padding: 14px 0 14px 0; font-size: 1.4em; line-height: 24px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__left .nav-tabs a { padding: 14px 0 14px 0; font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .contact-details__left .nav-tabs a { padding: 24px 0 24px 0; font-size: 1.8em; line-height: 26px; } } .contact-details__left .nav-tabs > li.active:first-child > a, .contact-details__left .nav-tabs > li.active:first-child > a:hover, .contact-details__left .nav-tabs > li.active:first-child > a:focus { border-top: 1px solid transparent; color: #ff6c0b; } .contact-details__left .nav-tabs > li.active > a, .contact-details__left .nav-tabs > li.active > a:hover, .contact-details__left .nav-tabs > li.active > a:focus { background: transparent; border: 0; border-top: 1px solid #eeeeee; color: #ff6c0b; } .contact-details__left .nav-tabs > li.active span { position: absolute; top: 0; right: -30px; content: ""; margin-top: 0; width: 30px; height: 100%; background-image: url(../img/menu-ar-mask.png); background-repeat: no-repeat; } .contact-details__left .menu-contact-details .arrow { background-position: 17px center; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__left .menu-contact-details .arrow { right: -35px; } } .contact-details__left .menu-contact-form .arrow { background-position: 0 -64px; } .contact-details__right h1 { margin: 0; padding: 0; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right h1 { font-size: 3.6em; margin: 0 0 45px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right h1 { font-size: 3.6em; margin: 0 0 45px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right h1 { font-size: 4.6em; margin: 0 0 45px; } } @media (min-width: 2560px) { .contact-details__right h1 { font-size: 5.6em; margin: 0 0 86px; } } .contact-details__right h2 { margin: 0 0 20px; padding: 0; color: #262626; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right h2 { font-size: 18px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right h2 { font-size: 18px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right h2 { font-size: 24px; } } @media (min-width: 2560px) { .contact-details__right h2 { font-size: 36px; } } .contact-details__right p { margin: 0; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right p + p { margin: 22px 0 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right p + p { margin: 22px 0 0; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right p + p { margin: 25px 0 0; } } @media (min-width: 2560px) { .contact-details__right p + p { margin: 25px 0 0; } } .contact-details__right .row { color: #8d8d8d; } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__right .row { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__right .row { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__right .row { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__right .row { font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .contact-details__right .row { font-size: 1.8em; line-height: 26px; } } .contact-details__right .row strong { color: #262626; } .contact-details__right .color { color: #fd6a22; } .contact-details__form label { display: table; margin: 0; padding: 0 !important; color: #262626; font-weight: 500; } .contact-details__form label span { display: table-cell; vertical-align: middle; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form label span { font-size: 11px !important; height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__form label span { font-size: 12px !important; height: 50px; width: 100%; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__form label span { font-size: 12px !important; height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__form label span { font-size: 13px !important; height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__form label span { font-size: 13px !important; height: 50px; } } @media (min-width: 2560px) { .contact-details__form label span { font-size: 13px !important; height: 50px; } } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form label { font-size: 13px; height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__form label { font-size: 13px; height: 50px; width: 100%; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__form label { font-size: 13px; height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__form label { font-size: 13px; height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__form label { font-size: 13px; height: 50px; } } @media (min-width: 2560px) { .contact-details__form label { font-size: 18px; height: auto; display: block; width: 100%; float: none; margin-bottom: 15px; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__form label + div { width: 100%; } } .contact-details__form .form-control { padding: 10px 20px; border: 2px solid #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .contact-details__form .form-control:-moz-placeholder { color: #262626; } .contact-details__form .form-control:-ms-input-placeholder { color: #262626; } .contact-details__form .form-control::-webkit-input-placeholder { color: #262626; } .contact-details__form .form-control:focus:-moz-placeholder { color: #fff !important; } .contact-details__form .form-control:focus:-ms-input-placeholder { color: #fff !important; } .contact-details__form .form-control:focus::-webkit-input-placeholder { color: #fff !important; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-control { height: 50px; font-size: 14px; width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__form .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__form .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__form .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__form .form-control { height: 50px; font-size: 14px; } } @media (min-width: 2560px) { .contact-details__form .form-control { height: 80px; font-size: 18px; padding-left: 30px; padding-right: 30px; } } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__form textarea.form-control { height: 290px; padding: 13px 20px; margin-top: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__form textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__form textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__form textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 2560px) { .contact-details__form textarea.form-control { height: 504px; padding: 26px 30px; background-position: 95% 50%; } .contact-details__form textarea.form-control:-moz-placeholder { color: #fff; } .contact-details__form textarea.form-control:-ms-input-placeholder { color: #fff; } .contact-details__form textarea.form-control::-webkit-input-placeholder { color: #fff; } } .contact-details__form .form-group { margin: 0; } .contact-details__form .form-group .bootstrap-select .dropdown-toggle { position: relative; padding-left: 20px; padding-right: 20px; height: 50px; background: #fff; outline: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .contact-details__form .form-group .bootstrap-select .dropdown-toggle[aria-expanded="true"] { z-index: 99999; } .contact-details__form .form-group .bootstrap-select .dropdown-toggle:focus { background: #fff; outline: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } @media (min-width: 2560px) { .contact-details__form .form-group .bootstrap-select .dropdown-toggle { height: 80px; font-size: 18px; padding-left: 30px; padding-right: 30px; } } .contact-details__form .form-group .bootstrap-select div.dropdown-menu { z-index: 9999; padding: 5px 0 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); } .contact-details__form .form-group .bootstrap-select ul.dropdown-menu { padding: 0 15px; border-top: #eee; } .contact-details__form .form-group .bootstrap-select li { margin: 0; padding: 0; } .contact-details__form .form-group .bootstrap-select a { margin: 0; padding: 5px 0px; position: relative; display: block; font-size: 14px; font-weight: 600; } .contact-details__form .form-group .bootstrap-select a:hover { background: transparent; color: #ff5603; } .contact-details__form .form-group.has-error textarea.form-control, .contact-details__form .form-group.has-error .bootstrap-select, .contact-details__form .form-group.has-error input[type=text].form-control, .contact-details__form .form-group.has-error input[type=email].form-control { background: #ffffff url(../img/requiredIcon.png) 92% 50% no-repeat; border: 2px solid #e51a49; } .contact-details__form .form-group.has-error textarea.form-control:-moz-placeholder, .contact-details__form .form-group.has-error .bootstrap-select:-moz-placeholder, .contact-details__form .form-group.has-error input[type=text].form-control:-moz-placeholder, .contact-details__form .form-group.has-error input[type=email].form-control:-moz-placeholder { color: #e51a49; } .contact-details__form .form-group.has-error textarea.form-control:-ms-input-placeholder, .contact-details__form .form-group.has-error .bootstrap-select:-ms-input-placeholder, .contact-details__form .form-group.has-error input[type=text].form-control:-ms-input-placeholder, .contact-details__form .form-group.has-error input[type=email].form-control:-ms-input-placeholder { color: #e51a49; } .contact-details__form .form-group.has-error textarea.form-control::-webkit-input-placeholder, .contact-details__form .form-group.has-error .bootstrap-select::-webkit-input-placeholder, .contact-details__form .form-group.has-error input[type=text].form-control::-webkit-input-placeholder, .contact-details__form .form-group.has-error input[type=email].form-control::-webkit-input-placeholder { color: #e51a49; } @media (min-width: 2560px) { .contact-details__form .form-group.has-error textarea.form-control, .contact-details__form .form-group.has-error .bootstrap-select, .contact-details__form .form-group.has-error input[type=text].form-control, .contact-details__form .form-group.has-error input[type=email].form-control { background-position: 95% 50%; } } .contact-details__form .form-group.has-error textarea.form-control { background-position: 95% 12px; } @media (min-width: 2560px) { .contact-details__form .form-group.has-error textarea.form-control { background-position: 95% 29px; } } .contact-details__form .form-group .col-sm-3 { width: 27%; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group .col-sm-3 { width: 100%; float: none; padding: 0; } } @media (min-width: 2560px) { .contact-details__form .form-group .col-sm-3 { width: 100%; } } .contact-details__form .form-group .col-sm-9 { width: 73%; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group .col-sm-9 { width: 100%; float: none; padding: 0; } } @media (min-width: 2560px) { .contact-details__form .form-group .col-sm-9 { width: 100%; float: none; padding: 0; } } .contact-details__form .form-group + .form-group { margin-top: 20px; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group + .form-group { margin-top: 0; } } .contact-details__form .form-group--checkbox + .form-group--checkbox { margin-top: 10px; } .contact-details__form .form-group--checkbox label { cursor: pointer; height: auto; } .contact-details__form .form-group--checkbox input { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .contact-details__form .form-group--checkbox input[type=checkbox]:checked + span:before { background: #ffffff url(../img/checkboxChecked.png) center center no-repeat; background-size: cover; } .contact-details__form .form-group--checkbox span { position: relative; padding-left: 25px; vertical-align: top; color: #262626; font-size: 9px; line-height: 16px; text-align: left; } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__form .form-group--checkbox span { font-size: 12px; } } .contact-details__form .form-group--checkbox span:before { position: absolute; left: 0; top: 2px; content: ""; width: 15px; height: 15px; border: 2px solid #ff5603; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group--checkbox span:before { width: 20px; height: 20px; } } .contact-details__form .form-group--checkbox span a { color: #ff5603; text-decoration: underline; } .contact-details__form .form-group--checkbox span a:hover { text-decoration: none; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group--checkbox span { font-size: 14px; } } @media (min-width: 2560px) { .contact-details__form .form-group--checkbox span { padding-left: 31px; font-size: 15px; line-height: 21px; } .contact-details__form .form-group--checkbox span:before { width: 21px; height: 21px; background: transparent; border: 2px solid #ff5603; } } .contact-details__form .form-group--checkbox .tooltip { text-align: left; left: 15px !important; opacity: 1; } .contact-details__form .form-group--checkbox .tooltip-arrow { border-bottom-color: #262626; } .contact-details__form .form-group--checkbox .tooltip-inner { padding: 14px; width: 450px; max-width: 450px; background-color: #262626; color: #dedddd; text-align: left; font-size: 12px; line-height: 16px; } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__form .form-group--checkbox .tooltip-inner { width: 350px; max-width: 360px; } } @media (min-width: 480px) and (max-width: 767px) { .contact-details__form .form-group--checkbox .tooltip-inner { width: 420px; max-width: 420px; padding: 10px; } } @media (min-width: 0px) and (max-width: 479px) { .contact-details__form .form-group--checkbox .tooltip-inner { width: 270px; max-width: 270px; font-size: 10px; padding: 10px; } } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group--checkbox { margin-top: 20px !important; } } .contact-details__form .form-group--submit { margin-top: 45px !important; padding-top: 20px; border-top: 1px solid #d3d3d3; text-align: right; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group--submit { margin-top: 20px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__form .form-group--submit { margin-top: 20px !important; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__form .form-group--submit { margin-top: 20px !important; } } @media (min-width: 2560px) { .contact-details__form .form-group--submit { margin-top: -6px !important; padding-top: 62px; } } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group--submit .form-group--radio { margin-top: 20px; } } .contact-details__form .form-group--submit button { position: relative; padding: 0; text-align: left; text-transform: uppercase; letter-spacing: 0.5px; color: #fff; font-size: 11.5px; font-weight: 700; text-shadow: rgba(0, 0, 0, 0.34902) 0 1px 1px; line-height: 39px; background: #ff5603; } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__form .form-group--submit button { padding: 0 0 0 20px; width: 100%; height: 51px; font-size: 14px; line-height: 51px; } } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .form-group--submit button { padding: 0 0 0 20px; width: 100%; height: 51px; font-size: 14px; line-height: 51px; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details__form .form-group--submit button { padding: 0 0 0 20px; width: 219px; height: 51px; font-size: 14px; line-height: 51px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details__form .form-group--submit button { padding: 0 0 0 20px; width: 270px; height: 50px; font-size: 14px; line-height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details__form .form-group--submit button { padding: 0 0 0 20px; width: 360px; height: 50px; font-size: 14px; line-height: 50px; } } @media (min-width: 2560px) { .contact-details__form .form-group--submit button { padding: 0 0 0 40px; width: 500px; height: 80px; font-size: 18px; line-height: 81px; } } .contact-details__form .form-group--submit button:after { position: absolute; top: 50%; right: 20px; content: ""; margin-top: -5.5px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #ffffff; } .contact-details__form .form-group--submit button:hover { background: #e51a49; color: #fff; } @media (min-width: 0px) and (max-width: 767px) { .contact-details__form .col-sm-6 { margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details__form { max-width: 405px; width: 100%; } .contact-details__form .col-sm-9 { padding-right: 0; } .contact-details__form .col-sm-6 { margin-bottom: 20px; } } @media (min-width: 0px) and (max-width: 767px) { .contact-details .container-full > .row > .col-left { width: 100% !important; float: none; min-height: 0; } .contact-details .container-full > .row > .col-right { width: 100% !important; float: none; padding-top: 35px; } .contact-details .contact-details__left .nav-tabs a { padding: 14px 0 14px 0; font-size: 1.4em; line-height: 19px; text-align: left; } .contact-details .contact-details__left { height: auto; padding: 86px 15px 21px; min-height: 0; } .contact-details .contact-details__right { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .contact-details .contact-details__right .row { font-size: 1.4em; line-height: 22px; } .contact-details .contact-details__right .row .col-sm-6 { display: block; width: 100%; } .contact-details .contact-details__right h1 { margin-bottom: 21px; } .contact-details .contact-details__right h2 { font-size: 18px; } .contact-details .contact-details__right p + p { margin: 22px 0 0; } } @media (min-width: 0px) and (max-width: 767px) and (min-width: 0px) and (max-width: 767px) { .contact-details .contact-details__right { padding-bottom: 0; margin-bottom: -10px; } } @media (min-width: 0px) and (max-width: 479px) { .contact-details .contact-details__right h1 { font-size: 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-details .contact-details__left .nav-tabs a { padding: 14px 0 14px 0; font-size: 1.4em; line-height: 19px; } .contact-details .menu-contact-form .arrow { background-position: 0 -71px; } .contact-details .contact-details__right { padding-left: 21px; } .contact-details .contact-details__right .row { font-size: 1.4em; line-height: 22px; } .contact-details .contact-details__right .row .col-sm-6 { display: block; width: 100%; } .contact-details .contact-details__right h1 { margin-bottom: 42px; } .contact-details .contact-details__right h2 { font-size: 18px; } .contact-details .contact-details__right p + p { margin: 22px 0 0; } } .contact-details.contact-details-reservations > .container-full { background: #ededed; } .contact-details.contact-details-reservations > .container-full > .row:before { display: none; } .contact-details.contact-details-reservations > .container-full > .row > .col-right { width: 100%; padding-top: 100px; } @media (min-width: 768px) and (max-width: 1023px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right { padding-right: 60px; } } @media (min-width: 1024px) and (max-width: 1365px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right { padding-right: 80px; } } @media (min-width: 1366px) and (max-width: 1919px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right { padding-right: 100px; } } @media (min-width: 1920px) and (max-width: 2559px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right { padding-right: 120px; } } @media (min-width: 2560px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right { padding-right: 150px; } } .contact-details.contact-details-reservations > .container-full > .row > .col-right .mobile { display: none; } @media (min-width: 0px) and (max-width: 767px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right .mobile { display: block; } .contact-details.contact-details-reservations > .container-full > .row > .col-right .desktop { display: none; } } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form { max-width: initial; } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .row-participants { border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .row-participants .direction-reservation__participants-item--person { height: 150px; margin-bottom: 20px; width: 100%; } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .row-participants .direction-reservation__participants-item--person .direction-reservation__participants-item--person-top input[type=radio] { margin-top: 10px; margin-left: 10px; } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .row-participants .direction-reservation__participants-item--person .direction-reservation__participants-item--person-bottom { position: relative; margin-top: 10px; top: auto; left: auto; padding: 0; } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .row-participants .direction-reservation__participants-item--person .direction-reservation__participants-item--person-bottom .birthdate { text-align: center; font-size: 13px; color: #262626; } @media (min-width: 768px) and (max-width: 1023px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .form-group .col-md-9 { padding-left: 0; } } @media (min-width: 0px) and (max-width: 767px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .form-group .col-lg-9 { padding-left: 0; padding-right: 0; } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .form-group textarea { margin-top: 20px; } } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .form-group--submit button { width: 140px; } @media (min-width: 768px) and (max-width: 1023px) { .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .form-group--submit button { width: 50%; margin: 100px auto; display: block; } } .contact-details.contact-details-reservations > .container-full > .row > .col-right .contact-details__form .form-group--submit .form-group--radio label { height: auto; } .contact-details.news-tpl > .container-full > .row > .col-left { width: 36%; } .contact-details.news-tpl > .container-full > .row > .col-right { width: 64%; } /* ========================================================================== Base/Block/error-404 ========================================================================== */ .error + footer { display: none; } .error { overflow-x: hidden; background: #1c1c1c; } @media (min-width: 0px) and (max-width: 767px) { .error > .row { display: table; height: 100%; width: 100%; padding-top: 60px; margin: 0; } .error > .row > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } } .error__404 { position: relative; display: Block; width: 100%; height: 100%; } .error__image { background-image: url(../img/404.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; max-width: 630px; width: 100%; max-height: 250px; height: 250px; margin-right: auto; margin-left: auto; margin-top: 53px; margin-bottom: 53px; } @media (min-width: 0px) and (max-width: 767px) { .error__image { margin-bottom: 10%; padding: 0 20px; max-height: 200px; margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .error__image { width: 597px; } } @media (min-width: 1920px) and (max-width: 2559px) { .error__image { background-image: url(../img/404_medium.png); width: 814px; height: 318px; margin-top: 59px; margin-bottom: 71px; } } .error__txt-header { color: #ffffff; position: relative; padding-top: 106px; font-weight: 700; width: auto; text-align: center; font-size: 3.6em; line-height: 36px; letter-spacing: 0.6px; } @media (min-width: 0px) and (max-width: 767px) { .error__txt-header { padding-top: 0; font-size: 2.3em; } } @media (min-width: 1920px) and (max-width: 2559px) { .error__txt-header { padding-top: 98px; font-size: 4.6em; line-height: 62px; } } .error__txt-footer { color: #ffffff; text-align: center; font-weight: 700; font-size: 3.6em; line-height: 36px; letter-spacing: 0.7px; } @media (min-width: 0px) and (max-width: 767px) { .error__txt-footer { font-size: 2.3em; } } @media (min-width: 1920px) and (max-width: 2559px) { .error__txt-footer { font-size: 4.6em; line-height: 43px; } } /* ========================================================================== Base/Block/welcome ========================================================================== */ .welcome { overflow-x: hidden; width: 100%; } .welcome__old-version { background: #f5f5f5; } .welcome__txt-old { text-align: center; font-size: 3.6em; line-height: 43px; letter-spacing: 0.6px; color: #504f4f; font-weight: 700; padding: 54px 69px 80px 86px; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__txt-old { padding: 51px 101px 40px 134px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__txt-old { font-size: 5.2em; padding: 93px 105px 16px 129px; line-height: 62px; } } .welcome__old-img { background-image: url(../img/welcome_page/old_version.jpg); background-repeat: no-repeat; width: 320px; height: 275px; background-size: 294px 275px; background-position: 19px 0px; margin: 0 auto; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__old-img { background-image: url(../img/welcome_page/old_version_medium.jpg); width: 419px; height: 372px; background-size: 394px 372px; background-position: 25px 0px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__old-img { width: 580px; height: 532px; background-position: 20px; background-size: 558px 532px; } } .welcome__icons { position: relative; width: 320px; margin: 0 auto; padding-top: 40px; padding-bottom: 140px; height: 37%; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__icons { width: 445px; padding-top: 33px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__icons { width: 615px; height: 24%; } } .welcome__old-ski { background-image: url(../img/welcome_page/icon_ski_old.jpg); width: 133px; height: 41px; float: right; margin-right: 43px; background-repeat: no-repeat; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__old-ski { background-image: url(../img/welcome_page/icon_ski_old_medium.jpg); width: 163px; height: 54px; background-size: 163px 54px; margin-right: 80px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__old-ski { width: 231px; height: 76px; margin-right: 114px; background-size: 231px 76px; } } .welcome__old-bike { float: right; background-image: url(../img/welcome_page/icon_bike_old.jpg); width: 133px; height: 41px; margin: 0px 0px 0px 0px; background-repeat: no-repeat; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__old-bike { background-image: url(../img/welcome_page/icon_bike_old_medium.jpg); width: 177px; height: 54px; background-size: 177px 54px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__old-bike { width: 252px; height: 76px; background-size: 252px 76px; } } .welcome__logo-default { position: absolute; left: -78px; margin: 0 auto; background-image: url(../img/welcome_page/logo_default.jpg); width: 158px; height: 159px; background-size: 158px 159px; } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__logo-default { left: -112px; background-image: url(../img/welcome_page/logo_medium.jpg); width: 225px; height: 225px; background-size: 225px 225px; } } .welcome__new-version { background: #1c1c1c; } .welcome__txt-new { text-align: center; font-size: 3.6em; line-height: 43px; letter-spacing: 0.6px; color: #ffffff; font-weight: 700; padding: 52px 113px 80px 107px; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__txt-new { padding: 53px 191px 38px 175px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__txt-new { font-size: 5.2em; padding: 93px 236px 16px 195px; line-height: 62px; } } .welcome__new-img { background-image: url(../img/welcome_page/new_version.jpg); width: 320px; height: 275px; background-size: 294px 275px; background-position: 8px 0px; background-repeat: no-repeat; margin: 0 auto; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__new-img { background-image: url(../img/welcome_page/new_version_medium.jpg); width: 418; height: 372px; background-size: 394px 372px; background-position: -1px 0px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__new-img { width: 580px; height: 532px; background-position: 0px; background-size: 558px 532px; } } .welcome__new-ski { background-image: url(../img/welcome_page/icon_ski_new.jpg); width: 133px; height: 41px; margin: 0 0 0 0; background-repeat: no-repeat; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__new-ski { background-image: url(../img/welcome_page/icon_ski_new_medium.jpg); width: 163px; height: 54px; background-size: 163px 54px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__new-ski { width: 231px; height: 76px; background-size: 231px 76px; } } .welcome__new-bike { float: right; background-image: url(../img/welcome_page/icon_bike_new.jpg); width: 133px; height: 41px; margin-right: 10px; background-repeat: no-repeat; } @media (min-width: 1366px) and (max-width: 1919px) { .welcome__new-bike { background-image: url(../img/welcome_page/icon_bike_new_medium.jpg); width: 178px; height: 54px; margin-right: 23px; background-size: 178px 54px; } } @media (min-width: 1920px) and (max-width: 2559px) { .welcome__new-bike { width: 251px; height: 77px; margin-right: 26px; background-size: 251px 77px; } } /* ========================================================================== Base/Block/modal ========================================================================== */ .modal-backdrop.in { z-index: 999999; } .modal--transparent { z-index: 9999999; } .modal--transparent .modal-content, .modal--transparent .modal-header, .modal--transparent .moda-body { padding: 0; background: transparent; border: 0; } .modal--transparent .modal-content { border: 0; border-radius: 0; -moz-borde-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } @media (min-width: 1024px) and (max-width: 1365px) { .modal--transparent .modal-header { margin-bottom: 60px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal--transparent .modal-header { margin-bottom: 60px; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal--transparent .modal-header { margin-bottom: 60px; } } .modal--transparent .modal-title { color: #fff; font-weight: 700; } @media (min-width: 0px) and (max-width: 767px) { .modal--transparent .modal-title { font-size: 22px; /*padding-right: 220px;*/ margin: 0 0 15px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal--transparent .modal-title { font-size: 3.6em; line-height: 46px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal--transparent .modal-title { font-size: 3.6em; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal--transparent .modal-title { font-size: 3.6em; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal--transparent .modal-title { font-size: 5em; } } @media (min-width: 2560px) { .modal--transparent .modal-title { font-size: 5em; } } .modal--transparent .modal-title-ue { color: #000; font-weight: 700; text-align: center; } @media (min-width: 0px) and (max-width: 767px) { .modal--transparent .modal-title-ue { font-size: 22px; margin: 0 0 15px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal--transparent .modal-title-ue { font-size: 3em; line-height: 46px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal--transparent .modal-title-ue { font-size: 3em; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal--transparent .modal-title-ue { font-size: 3em; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal--transparent .modal-title-ue { font-size: 5em; } } @media (min-width: 2560px) { .modal--transparent .modal-title-ue { font-size: 5em; } } .modal--transparent .modal-text-ue { color: #000; font-weight: 600; text-align: center; } @media (min-width: 0px) and (max-width: 767px) { .modal--transparent .modal-text-ue { font-size: 1.6em; line-height: 1.4em; } } @media (min-width: 768px) and (max-width: 1023px) { .modal--transparent .modal-text-ue { font-size: 1.6em; line-height: 1.4em; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal--transparent .modal-text-ue { font-size: 1.8em; line-height: 1.5em; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal--transparent .modal-text-ue { font-size: 1.8em; line-height: 1.5em; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal--transparent .modal-text-ue { font-size: 2em; line-height: 1.7em; } } @media (min-width: 2560px) { .modal--transparent .modal-text-ue { font-size: 2em; line-height: 1.7em; } } .modal--transparent .close { margin-top: -4px; color: #fff; font-size: 5.8em; opacity: 1; } @media (min-width: 0px) and (max-width: 767px) { .modal--transparent .close { margin-top: -4px; font-size: 3.8em; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal--transparent .close { margin-top: 5px; font-size: 6em; } } .modal--transparent .close-black { margin-top: -10px; color: #000; font-size: 5.8em; opacity: 1; } @media (min-width: 0px) and (max-width: 767px) { .modal--transparent .close-black { margin-top: -4px; font-size: 3.8em; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal--transparent .close-black { margin-top: 5px; font-size: 6em; } } @media (min-width: 480px) and (max-width: 767px) { .modal--transparent .modal-dialog { width: 100%; padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal--transparent .modal-dialog { width: 730px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal--transparent .modal-dialog { width: 860px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal--transparent .modal-dialog { width: 860px; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal--transparent .modal-dialog { width: 1210px; } } @media (min-width: 2560px) { .modal--transparent .modal-dialog { width: 1610px; } } .modal-backdrop.in { opacity: .9; } @media (min-width: 0px) and (max-width: 767px) { .modal-backdrop.in { background: #181818; opacity: 1; } } /* ========================================================================== Base/Block/modal-leave-phone-number ========================================================================== */ @media (min-width: 0px) and (max-width: 767px) { .modal-leave-phone-number { padding-right: 0 !important; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-leave-phone-number .modal-header { margin: 0 0 37px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-leave-phone-number .modal-header { margin: 0 0 37px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-leave-phone-number .modal-header { margin: 0 0 37px; } } @media (min-width: 0px) and (max-width: 767px) { .modal-leave-phone-number .modal-dialog { margin: 90px auto 0; padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-leave-phone-number .modal-dialog { margin: 171px auto 0; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-leave-phone-number .modal-dialog { margin: 171px auto 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-leave-phone-number .modal-dialog { margin: 171px auto 0; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-leave-phone-number .modal-dialog { margin: 230px auto 0; } } @media (min-width: 2560px) { .modal-leave-phone-number .modal-dialog { margin: 230px auto 0; } } .modal-leave-phone-number .modal-body { padding: 0; } @media (min-width: 1920px) and (max-width: 2559px) { .modal-leave-phone-number .modal-body { padding: 0 175px; } } .modal-leave-phone-number label { margin-top: 1px; width: 109px; color: #c1c1c1; font-size: 1.6em; font-weight: 500; line-height: 1.2em; } @media (min-width: 0px) and (max-width: 767px) { .modal-leave-phone-number label { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-leave-phone-number label { width: 124px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-leave-phone-number label { font-size: 1.8em; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-leave-phone-number label { font-size: 1.8em; } } .modal-leave-phone-number .form-control { width: 302px; height: 50px; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } @media (min-width: 0px) and (max-width: 767px) { .modal-leave-phone-number .form-control { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-leave-phone-number .form-control { width: 290px; } } .modal-leave-phone-number .btn-submit { position: relative; margin: 0 0 0 21px; padding: 0 0 0 23px; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e51a49), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: linear-gradient(to right, #e51a49 0%, #e51a49 56%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-weight: bold; text-align: left; text-transform: uppercase; height: 51px; font-size: 1.4em; line-height: 51px; } .modal-leave-phone-number .btn-submit:hover { background: #e51a49; color: #fff; } .modal-leave-phone-number .btn-submit:after { position: absolute; top: 50%; right: 23px; content: ""; margin-top: -5.5px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #ffffff; } @media (min-width: 0px) and (max-width: 767px) { .modal-leave-phone-number .btn-submit { width: 100%; margin: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-leave-phone-number .btn-submit { width: 290px; margin-left: 255px; margin-top: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-leave-phone-number .btn-submit { width: 304px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-leave-phone-number .btn-submit { width: 304px; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-leave-phone-number .btn-submit { width: 304px; height: 50px; font-size: 1.6em; } } @media (min-width: 2560px) { .modal-leave-phone-number .btn-submit { width: 346px; height: 82px; font-size: 2.3em; line-height: 82px; } } .modal-leave-phone-number .bootstrap-select { margin-right: 5px; width: 110px !important; height: 50px; } @media (min-width: 768px) and (max-width: 1023px) { .modal-leave-phone-number .bootstrap-select { width: 100% !important; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-leave-phone-number .bootstrap-select { width: 105px !important; margin-right: 20px; } } .modal-leave-phone-number .bootstrap-select .dropdown-toggle { height: 50px; } .modal-leave-phone-number .bootstrap-select .dropdown-menu { margin: 0; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; } .modal-leave-phone-number .bootstrap-select.btn-group .dropdown-menu li a { padding: 3px 13px; } .modal-leave-phone-number .mobile { display: none; } @media (min-width: 0px) and (max-width: 767px) { .modal-leave-phone-number .mobile { display: block; } } @media (min-width: 0px) and (max-width: 767px) { .modal-leave-phone-number label.mobile { margin: 2px 0; padding: 0; } } /* ========================================================================== Base/Block/modal-contact ========================================================================== */ @media (min-width: 768px) and (max-width: 1023px) { .modal-contact .modal-header { margin-bottom: 30px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-contact .modal-header { margin-bottom: 30px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-contact .modal-header { margin-bottom: 30px; } } @media (min-width: 0px) and (max-width: 767px) { .modal-contact .modal-dialog { margin: 90px auto 0; padding: 0 20px; } .modal-contact .modal-dialog .modal-body { padding: 0; } .modal-contact .modal-dialog .modal-body .form-group .col-sm-9 { width: 100%; padding: 0; } .modal-contact .modal-dialog .bootstrap-select { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-contact .modal-dialog { margin: 100px auto 0; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-contact .modal-dialog { margin: 100px auto 0; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-contact .modal-dialog { margin: 100px auto 0; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-contact .modal-dialog { margin: 230px auto 0; } } @media (min-width: 2560px) { .modal-contact .modal-dialog { margin: 230px auto 0; } } .modal-contact .visible-large { display: none; } @media (min-width: 2560px) { .modal-contact .visible-large { display: block; } } @media (min-width: 480px) and (max-width: 767px) { .modal-contact form { font-size: 1.4em; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-contact form { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-contact form { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-contact form { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-contact form { font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .modal-contact form { font-size: 1.8em; line-height: 26px; } } .modal-contact label { display: table; margin: 0; padding: 0 !important; color: #b0b2b1; font-weight: 500; } @media (min-width: 0px) and (max-width: 767px) { .modal-contact label { height: 35px; font-size: 13px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-contact label { height: 50px; font-size: 13px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-contact label { height: 50px; font-size: 13px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-contact label { height: 50px; font-size: 14px; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-contact label { height: 50px; font-size: 13px; } } @media (min-width: 2560px) { .modal-contact label { display: block; float: none; width: 100%; height: auto; margin-bottom: 15px; font-size: 18px; } } .modal-contact label span { display: table-cell; vertical-align: middle; } .modal-contact .form-control { padding: 10px 20px; border: 2px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media (min-width: 0px) and (max-width: 767px) { .modal-contact .form-control { height: 50px; font-size: 14px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-contact .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-contact .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-contact .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-contact .form-control { height: 50px; font-size: 14px; } } @media (min-width: 2560px) { .modal-contact .form-control { height: 80px; padding-right: 30px; padding-left: 30px; font-size: 18px; } } .modal-contact .form-control:-moz-placeholder { color: #262626; } .modal-contact .form-control:-ms-input-placeholder { color: #262626; } .modal-contact .form-control::-webkit-input-placeholder { color: #262626; } .modal-contact .form-control:focus:-moz-placeholder { color: #fff !important; } .modal-contact .form-control:focus:-ms-input-placeholder { color: #fff !important; } .modal-contact .form-control:focus::-webkit-input-placeholder { color: #fff !important; } @media (min-width: 0px) and (max-width: 767px) { .modal-contact textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-contact textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-contact textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-contact textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-contact textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 2560px) { .modal-contact textarea.form-control { height: 504px; padding: 26px 30px; background-position: 95% 50%; } .modal-contact textarea.form-control:-moz-placeholder { color: #fff; } .modal-contact textarea.form-control:-ms-input-placeholder { color: #fff; } .modal-contact textarea.form-control::-webkit-input-placeholder { color: #fff; } } .modal-contact .form-group { margin: 0; } .modal-contact .form-group .bootstrap-select .dropdown-toggle { position: relative; height: 50px; padding-right: 20px; padding-left: 20px; outline: 0; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media (min-width: 2560px) { .modal-contact .form-group .bootstrap-select .dropdown-toggle { height: 80px; padding-right: 30px; padding-left: 30px; font-size: 18px; } } .modal-contact .form-group .bootstrap-select .dropdown-toggle[aria-expanded="true"] { z-index: 99999; } .modal-contact .form-group .bootstrap-select .dropdown-toggle:focus { outline: 0; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-contact .form-group .bootstrap-select div.dropdown-menu { z-index: 9999; padding: 5px 0 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); } .modal-contact .form-group .bootstrap-select ul.dropdown-menu { padding: 0 15px; border-top: #eee; } .modal-contact .form-group .bootstrap-select li { margin: 0; padding: 0; } .modal-contact .form-group .bootstrap-select a { position: relative; display: block; margin: 0; padding: 5px 0px; font-size: 14px; font-weight: 600; } .modal-contact .form-group .bootstrap-select a:hover { color: #ff5603; background: transparent; } .modal-contact .form-group.has-error select.form-control, .modal-contact .form-group.has-error textarea.form-control, .modal-contact .form-group.has-error input[type=text].form-control, .modal-contact .form-group.has-error input[type=email].form-control { border: 2px solid #e51a49; background: #ffffff url(../img/requiredIcon.png) 92% 50% no-repeat; } @media (min-width: 2560px) { .modal-contact .form-group.has-error select.form-control, .modal-contact .form-group.has-error textarea.form-control, .modal-contact .form-group.has-error input[type=text].form-control, .modal-contact .form-group.has-error input[type=email].form-control { background-position: 95% 50%; } } .modal-contact .form-group.has-error select.form-control:-moz-placeholder, .modal-contact .form-group.has-error textarea.form-control:-moz-placeholder, .modal-contact .form-group.has-error input[type=text].form-control:-moz-placeholder, .modal-contact .form-group.has-error input[type=email].form-control:-moz-placeholder { color: #e51a49; } .modal-contact .form-group.has-error select.form-control:-ms-input-placeholder, .modal-contact .form-group.has-error textarea.form-control:-ms-input-placeholder, .modal-contact .form-group.has-error input[type=text].form-control:-ms-input-placeholder, .modal-contact .form-group.has-error input[type=email].form-control:-ms-input-placeholder { color: #e51a49; } .modal-contact .form-group.has-error select.form-control::-webkit-input-placeholder, .modal-contact .form-group.has-error textarea.form-control::-webkit-input-placeholder, .modal-contact .form-group.has-error input[type=text].form-control::-webkit-input-placeholder, .modal-contact .form-group.has-error input[type=email].form-control::-webkit-input-placeholder { color: #e51a49; } .modal-contact .form-group.has-error textarea.form-control { background-position: 95% 12px; } @media (min-width: 2560px) { .modal-contact .form-group.has-error textarea.form-control { background-position: 95% 29px; } } .modal-contact .form-group .col-sm-3 { width: 27%; } @media (min-width: 2560px) { .modal-contact .form-group .col-sm-3 { width: 100%; } } .modal-contact .form-group .col-sm-9 { width: 73%; } @media (min-width: 2560px) { .modal-contact .form-group .col-sm-9 { float: none; width: 100%; padding: 0; } } .modal-contact .form-group + .form-group { margin-top: 20px; } .modal-contact .form-group--checkbox + .form-group--checkbox { margin-top: 10px; } .modal-contact .form-group--checkbox label { height: auto; cursor: pointer; } .modal-contact .form-group--checkbox input { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .modal-contact .form-group--checkbox input[type=checkbox]:checked + span:before { background: #ffffff url(../img/checkboxChecked.png) center center no-repeat; } .modal-contact .form-group--checkbox span { position: relative; padding-left: 25px; vertical-align: top; color: #b0b2b1; font-size: 12px; line-height: 16px; } @media (min-width: 2560px) { .modal-contact .form-group--checkbox span { padding-left: 31px; font-size: 15px; line-height: 21px; } .modal-contact .form-group--checkbox span:before { width: 21px; height: 21px; border: 2px solid #ff5603; background: transparent; } } .modal-contact .form-group--checkbox span:before { position: absolute; top: 2px; left: 0; width: 15px; height: 15px; content: ""; border: 2px solid #ff5603; } .modal-contact .form-group--checkbox span a { text-decoration: underline; color: #ff6002; } .modal-contact .form-group--checkbox span a:hover { text-decoration: none; } .modal-contact .form-group--checkbox .tooltip { left: 15px !important; text-align: left; opacity: 1; } .modal-contact .form-group--checkbox .tooltip-arrow { left: 42px !important; border-bottom-color: #262626; } .modal-contact .form-group--checkbox .tooltip-inner { width: 350px; max-width: 350px; padding: 14px; text-align: left; color: #dedddd; background-color: #262626; font-size: 12px; line-height: 16px; } .modal-contact .form-group--submit { margin-top: 45px !important; padding-top: 20px; text-align: right; border-top: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 2560px) { .modal-contact .form-group--submit { margin-top: -6px !important; padding-top: 62px; } } .modal-contact .form-group--submit button { position: relative; padding: 0; float: left; text-align: left; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e51a49), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: linear-gradient(to right, #e51a49 0%, #e51a49 56%); font-family: "Lato", sans-serif; font-weight: bold; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); } @media (min-width: 0px) and (max-width: 767px) { .modal-contact .form-group--submit button { width: 100%; height: 50px; padding: 0 0 0 20px; font-size: 14px; line-height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .modal-contact .form-group--submit button { width: 311px; height: 50px; padding: 0 0 0 20px; font-size: 14px; line-height: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .modal-contact .form-group--submit button { width: 311px; height: 50px; padding: 0 0 0 20px; font-size: 14px; line-height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .modal-contact .form-group--submit button { width: 311px; height: 50px; padding: 0 0 0 20px; font-size: 14px; line-height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .modal-contact .form-group--submit button { width: 360px; height: 50px; padding: 0 0 0 20px; font-size: 14px; line-height: 50px; } } @media (min-width: 2560px) { .modal-contact .form-group--submit button { width: 500px; height: 80px; padding: 0 0 0 40px; font-size: 18px; line-height: 81px; } } .modal-contact .form-group--submit button:after { position: absolute; top: 50%; right: 20px; width: 0; height: 0; margin-top: -5.5px; content: ""; border-width: 5.5px 0 5.5px 6px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .modal-contact .form-group--submit button:hover { color: #fff; background: #e51a49; } .mb_YTPBar, .mb_YTPBar span.mb_YTPUrl a { color: #fff; } @font-face { font-family: ytpregular; src: url(../fonts/ytp-regular.eot); } @font-face { font-family: ytpregular; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format("woff"), url(../fonts/ytp-regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } .mb_YTPlayer:focus { outline: 0; } .mbYTP_wrapper { display: block; transform: translateZ(0) translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } .mb_YTPlayer .loading { display: none; } @-webkit-keyframes fade { 0% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0.5; } 100% { opacity: 1; } } .YTPFullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; border: none !important; opacity: 1 !important; background-color: #000; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.5); } .inline_YTPlayer img { border: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .mb_YTPBar { transition: opacity .5s; display: block; height: 10px; background: #333; position: fixed; bottom: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; opacity: 0; } .mb_YTPBar.double { height: 26px; } .mb_YTPBar.double .mb_YTPProgress { height: 26px; } .mb_YTPBar:hover { opacity: 1; } .mb_YTPBar .buttonBar { transition: all .5s; background: rgba(0, 0, 0, 0.4); font: 12px/14px Calibri; position: absolute; top: -30px; height: 40px; } .mb_YTPBar, .mb_YTPBar .buttonBar { box-sizing: border-box; left: 0; padding: 5px; width: 100%; } .mb_YTPBar .ytpicon { font-size: 20px; font-family: ytpregular; } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px; } .mb_YTPBar span { display: inline-block; font: 16px/20px Calibri, sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTPBar span.mb_YTPTime { width: 130px; } .mb_YTPBar span .mb_YTPUrl { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; } .mb_YTPBar span .mb_YTPUrl img { width: 60px; } .mb_YTPBar .mb_ChangeQualityList { position: absolute; width: 40px; right: 40px; overflow: hidden; margin-left: 0; } .mb_YTPBar .mb_ChangeQualityList.open { width: auto; margin-left: 10px; } .mb_YTPBar .mb_ChangeQualityList span { cursor: pointer; width: 40px; } .mb_YTPBar .mb_ChangeQualityList .mb_ChangeQuality { margin-right: 10px; } .mb_YTPBar .mb_ChangeQualityList .mb_ChangeQuality svg { fill: white; height: 20px; } .mb_YTPBar .mb_OnlyYT { position: absolute; right: 0; } .mb_YTPBar .mb_OnlyYT img { width: 25px; } .mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlaypause, .mb_YTPBar .mb_YTPStop, .mb_YTPBar .mb_ChangeQuality, .mb_YTPBar .mb_OnlyYT, .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img { cursor: pointer; } .mb_YTPBar .mb_YTPStop { background: white; width: 15px; height: 15px; margin-bottom: 3px; margin-right: 11px; } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0; top: 0; } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #ff780e; left: 0; top: 0; box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; } .mb_YTPBar .mb_YTPLabels { position: absolute; bottom: 0; left: 0; width: 100%; } @media (min-width: 0px) and (max-width: 767px) { .mb_YTPBar .mb_YTPLabels { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .mb_YTPBar .mb_YTPLabels { display: none; } } .mb_YTPBar .mb_YTPLabels .mb_YTPLabel { position: absolute; bottom: 0; left: 0; float: left; color: white; cursor: pointer; text-decoration: none; font-size: 12px; font-family: 'Neue Haas Grotesk DS Pro', sans-serif; font-weight: 600; overflow: hidden; border-left: 1px solid white; padding: 0 1px 0 5px; white-space: normal; } .mb_YTPBar .mb_YTPLabels .mb_YTPLabel:first-child { border: 0; } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: flat; box-sizing: border-box; } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid #fff; overflow: hidden; box-sizing: border-box; margin-right: 10px; cursor: pointer !important; border-radius: 3px; } .mb_YTPBar .simpleSlider .muted { opacity: .3; } .mb_YTPBar.compact .simpleSlider { width: 40px; } .mb_YTPBar .level { position: absolute; left: 0; bottom: 0; background-color: #fff; box-sizing: border-box; } .mb_YTPBar .level.horizontal { height: 100%; width: 0; } .mb_YTPBar .level.vertical { height: auto; width: 100%; } .YTPOverlay .raster { background: url(../img/raster.png); } .YTPOverlay .raster .retina { background: url(../img/raster@2x.png); } .YTPOverlay .raster-dot { background: url(../img/raster_dot.png); } .YTPOverlay .raster-dot.retina { background: url(../img/raster_dot@2x.png); } /* Panel ========================================================================== */ /* ========================================================================== Base/Block/panel ========================================================================== */ .panel-main { min-height: 100%; margin-bottom: -81px; background: #f5f5f5; overflow: hidden; } @media (min-width: 0px) and (max-width: 767px) { .panel-main { overflow: visible; min-height: 0; margin-bottom: 0; } } .panel-main h1 { margin: 0; padding: 0; font-weight: 700; } @media (min-width: 0px) and (max-width: 767px) { .panel-main h1 { margin-bottom: 35px; } } @media (min-width: 0px) and (max-width: 479px) { .panel-main h1 { font-size: 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-main h1 { margin-bottom: 20px; font-size: 3.6em; line-height: 46px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-main h1 { margin-bottom: 20px; font-size: 3.6em; line-height: 46px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main h1 { margin-bottom: 20px; font-size: 3.6em; line-height: 46px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main h1 { margin-bottom: 45px; font-size: 4.6em; line-height: 56px; } } @media (min-width: 2560px) { .panel-main h1 { margin-bottom: 60px; font-size: 5.6em; line-height: 66px; } } .panel-main h2 { margin: 0; padding: 0; font-weight: 700; } @media (min-width: 0px) and (max-width: 767px) { .panel-main h2 { font-size: 1.6em; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-main h2 { font-size: 1.6em; line-height: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-main h2 { font-size: 1.6em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main h2 { font-size: 1.6em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main h2 { font-size: 2.4em; line-height: 34px; } } @media (min-width: 2560px) { .panel-main h2 { font-size: 2.6em; line-height: 38px; } } .panel-main h3 { margin: 0; padding: 0; font-weight: 700; } @media (min-width: 0px) and (max-width: 767px) { .panel-main h3 { font-size: 1.6em; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-main h3 { font-size: 1.6em; line-height: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-main h3 { font-size: 1.6em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main h3 { font-size: 1.6em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main h3 { font-size: 2.4em; line-height: 34px; } } @media (min-width: 2560px) { .panel-main h3 { font-size: 2.8em; line-height: 38px; } } @media (min-width: 0px) and (max-width: 767px) { .panel-main p { font-size: 1.4em; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-main p { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-main p { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main p { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main p { font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .panel-main p { font-size: 1.8em; line-height: 26px; } } .panel-main .table--blank { background: transparent; } .panel-main .table--blank tr + tr td { border-top: 1px solid #e8e8e8; } .panel-main .table--blank td { padding: 20px 0; } .panel-main .table--blank td:before { display: none; } .panel-main .table--blank td:last-child { width: 140px; } .panel-main .table--blank td:first-child { width: 100%; } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main .table--blank tr { display: block; float: left; padding-right: 15px; width: 50%; } .panel-main .table--blank tr:nth-child(2n) { padding-left: 15px; padding-right: 0; } .panel-main .table--blank tr:nth-child(2) td { border-top: 0; } } @media (min-width: 2560px) { .panel-main .table--blank tr { display: block; float: left; padding-right: 20px; width: 50%; } .panel-main .table--blank tr:nth-child(2n) { padding-left: 20px; padding-right: 0; } .panel-main .table--blank tr:nth-child(2) td { border-top: 0; } .panel-main .table--blank tr .btn { width: 220px; height: 43px; line-height: 43px; } } .panel-main .table caption { border-bottom: 1px solid #e8e8e8; color: #262626; font-weight: 700; } @media (min-width: 1024px) and (max-width: 1365px) { .panel-main .table caption { font-size: 16px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main .table caption { font-size: 16px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main .table caption { padding: 20px 0; font-size: 24px; } } @media (min-width: 2560px) { .panel-main .table caption { font-size: 28px; } } .panel-main .table .left { text-align: left; } .panel-main .table .right { text-align: right; } .panel-main table { background: #fff; } .panel-main table tbody tr + tr td { border-top: 1px solid #f5f5f5; } .panel-main table tbody td { position: relative; border: 0; width: auto; text-align: left; padding: 15px 15px; } .panel-main table tbody td:before { position: absolute; left: 0; top: 20px; bottom: 20px; content: ""; width: 1px; background: #b3b3b3; } .panel-main table tbody td:first-child { border-left: 0; text-align: center; vertical-align: middle; } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main table tbody td:first-child { width: 70px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main table tbody td:first-child { width: 100px; } } @media (min-width: 2560px) { .panel-main table tbody td:first-child { width: 130px; } } .panel-main table tbody td:first-child:before { display: none; } .panel-main table tbody td.options { text-align: center; } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main table tbody td.options { width: 170px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main table tbody td.options { width: 228px; } } @media (min-width: 2560px) { .panel-main table tbody td.options { width: 300px; } } .panel-main table tbody td:last-child { border-right: 0; } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main table tbody td { font-size: 13px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main table tbody td { font-size: 16px; line-height: 20px; } } @media (min-width: 2560px) { .panel-main table tbody td { font-size: 18px; line-height: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main table tfoot td { font-size: 13px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main table tfoot td { font-size: 16px; line-height: 20px; font-size: 18px; line-height: 20px; } } .panel-main table .btn { padding: 0; width: 140px; height: 38px; background: #ff5603; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); color: #fff; font-size: 11.5px; font-weight: 700; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35); text-transform: uppercase; line-height: 38px; } .panel-main table .btn:hover { color: #fff; opacity: .85; } .panel-main table .btn-dark { background: #262626; } .panel-main__content { position: relative; padding-top: 100px; padding-bottom: 181px; } @media (min-width: 768px) and (max-width: 1023px) { .panel-main__content { padding-bottom: 110px; } } @media (min-width: 0px) and (max-width: 767px) { .panel-main__content { padding: 30px 15px; } } @media (min-width: 0px) and (max-width: 479px) { .panel-main__content { padding: 30px 5px; } } .panel-main__content ul { list-style: none; margin: 0; padding: 0; } @media (min-width: 0px) and (max-width: 767px) { .panel-main__content ul { font-size: 1.4em; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-main__content ul { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-main__content ul { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-main__content ul { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-main__content ul { font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .panel-main__content ul { font-size: 1.8em; line-height: 26px; } } .panel-main__content ul li { position: relative; padding-left: 17px; } .panel-main__content ul li:before { position: absolute; top: 9px; left: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 2.5px 0 2.5px 3px; border-color: transparent transparent transparent #ff8512; } .panel-main div.col-sm-2, .panel-main div.col-sm-3 { position: relative; height: 100%; } .panel-main div.col-sm-7, .panel-main div.col-sm-8, .panel-main div.col-sm-9 { position: relative; } @media (min-width: 0px) and (max-width: 767px) { .panel-main > .container > .row > .col-sm-2 { width: 100%; height: 166px; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; } .panel-main > .container > .row > .col-sm-8 { width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-main > .container > .row > .col-sm-2 { width: 25%; } .panel-main > .container > .row > .col-sm-8, .panel-main > .container > .row > .col-sm-9 { width: 50%; } } /* ========================================================================== Base/Block/panel-sidebar ========================================================================== */ .panel-sidebar { position: absolute; left: 0; top: 0; bottom: 0; background: #fff; width: 100%; height: 100%; } .panel-sidebar:before { position: absolute; left: -100001px; top: 0; bottom: 0; width: 100001px; content: ""; background: #fff; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar { top: 0 !important; height: 166px; overflow: hidden; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; } } .panel-sidebar__header { display: none; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__header { position: relative; display: block; height: 106px; margin-top: 60px; line-height: 106px; background: #fff; font-size: 36px; font-weight: bold; padding: 0 0 0 32px; } .panel-sidebar__header:before { position: absolute; right: 30px; top: 50%; margin-top: -8.5px; display: block; content: ""; width: 25px; height: 17px; background: #fff url(../img/arrowDownLg.png) no-repeat; } .panel-sidebar__header.active:before { background: #fff url(../img/arrowUpLg.png) no-repeat; } } @media (min-width: 0px) and (max-width: 479px) { .panel-sidebar__header { padding-left: 15px; } } .panel-sidebar__content { position: absolute; right: 30px; top: 0; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__content { position: relative; right: 0; top: 0; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-sidebar__content { width: 130px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-sidebar__content { width: 170px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-sidebar__content { width: 230px; } } @media (min-width: 2560px) { .panel-sidebar__content { width: 300px; } } .panel-sidebar__info { position: relative; height: 228px; min-height: 228px; background: #efefef; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__info { min-height: 0; height: auto; } } .panel-sidebar__info:before { position: absolute; left: -100001; top: 0; bottom: 0; width: 100001px; content: ""; background: #efefef; } .panel-sidebar__info .panel-sidebar__content { top: auto; bottom: 30px; text-align: center; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__info .panel-sidebar__content { padding-right: 50%; padding-top: 40px; padding-left: 30px; height: 99px; position: relative; right: auto; bottom: auto; } } @media (min-width: 0px) and (max-width: 479px) { .panel-sidebar__info .panel-sidebar__content { padding-top: 30px; padding-left: 20px; } } .panel-sidebar__info h2 { font-weight: 700; text-transform: uppercase; margin: 0; padding: 0; } .panel-sidebar__info h2:before { position: absolute; left: 50%; top: -15px; content: ""; margin-left: -6px; width: 12px; height: 12px; background: url(../img/icons/other/user.png) no-repeat; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__info h2 { font-size: 1.4em; line-height: 20px; text-align: left; position: relative; padding-left: 25px; } .panel-sidebar__info h2:before { left: 0; top: 2px; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-sidebar__info h2 { font-size: 1.4em; line-height: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-sidebar__info h2 { font-size: 1.4em; line-height: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-sidebar__info h2 { font-size: 1.4em; line-height: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-sidebar__info h2 { font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .panel-sidebar__info h2 { font-size: 1.8em; } } .panel-sidebar__info a { display: block; width: 140px; height: 38px; background: #45a8df; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; margin: 15px auto 0; color: #fff; font-size: 1.15em; font-weight: 700; line-height: 38px; text-align: center; text-transform: uppercase; text-decoration: none; } .panel-sidebar__info a:hover { opacity: .9; } .panel-sidebar__info a.disabled { background: #bcdaea; color: #ecf1f3; } .panel-sidebar__info a.disabled:hover { cursor: no-drop; opacity: 1; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__info a { position: absolute; display: block; height: 99px; line-height: 99px; top: 0; right: 0; width: 50%; margin: 0; } } .panel-sidebar__info-user { font-size: 1.4em; font-weight: 500; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__info-user { font-size: 1.4em; font-weight: 500; display: block; text-align: left; padding-left: 25px; } } .panel-sidebar__menu { position: relative; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__menu { background: #fff; padding: 0 30px; } } @media (min-width: 0px) and (max-width: 479px) { .panel-sidebar__menu { padding: 0 20px; } } .panel-sidebar__menu ul { margin: 0; padding: 0; list-style: none; text-align: right; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__menu ul { text-align: left; } } .panel-sidebar__menu li.active a { color: #ff5603; } .panel-sidebar__menu li.active a:before { position: absolute; top: 50%; right: -30px; content: ""; display: block; margin-top: -13px; width: 0; height: 0; border-style: solid; border-width: 13px 13px 13px 0; border-color: transparent #f5f5f5 transparent transparent; } .panel-sidebar__menu li + li a { border-top: 1px solid #eeeeee; } .panel-sidebar__menu a { position: relative; display: block; text-decoration: none; letter-spacing: .4px; } .panel-sidebar__menu a:hover { color: #ff5603; } .panel-sidebar__menu a:hover:before { position: absolute; top: 50%; right: -30px; content: ""; display: block; margin-top: -13px; width: 0; height: 0; border-style: solid; border-width: 13px 13px 13px 0; border-color: transparent #f5f5f5 transparent transparent; } @media (min-width: 0px) and (max-width: 767px) { .panel-sidebar__menu a { padding: 26px 0; font-size: 1.4em; line-height: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-sidebar__menu a { padding: 20px 0; font-size: 1.4em; line-height: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-sidebar__menu a { padding: 20px 0; font-size: 1.4em; line-height: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-sidebar__menu a { padding: 20px 0; font-size: 1.4em; line-height: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-sidebar__menu a { padding: 20px 0; font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .panel-sidebar__menu a { padding: 30px 0; font-size: 1.8em; } } /* ========================================================================== Base/Block/panel-login ========================================================================== */ .panel-login .btn { display: block; width: 140px; height: 38px; padding: 0; background: #45a8df; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; margin: 15px auto 0; color: #fff; font-size: 1.15em; font-weight: 700; line-height: 38px; text-align: center; text-transform: uppercase; text-decoration: none; } .panel-login .btn:hover { opacity: .9; } .panel-login .btn.disabled { background: #bcdaea; color: #ecf1f3; } .panel-login .btn.disabled:hover { cursor: no-drop; opacity: 1; } @media (min-width: 0px) and (max-width: 767px) { .panel-login .btn { width: 100%; height: 50px; line-height: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-login .btn { margin-right: 5px; } } .panel-login .form-group .col-sm-10 { padding-right: 0; } @media (min-width: 0px) and (max-width: 767px) { .panel-login .form-group { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-login__form { width: 347px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-login__form { width: 300px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-login__form { width: 370px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-login__form { width: 490px; } } @media (min-width: 2560px) { .panel-login__form { width: 640px; } } .panel-login__form .control-label { margin-bottom: 0; padding: 0; padding-left: 15px; text-align: left; font-weight: normal; } @media (min-width: 0px) and (max-width: 767px) { .panel-login__form .control-label { padding-left: 0; margin-bottom: 15px; font-size: 1.3em; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-login__form .control-label { width: 52px; font-size: 1.3em; line-height: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-login__form .control-label { width: 80px; font-size: 1.3em; line-height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-login__form .control-label { width: 100px; font-size: 1.3em; line-height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-login__form .control-label { width: 129px; font-size: 1.6em; line-height: 50px; } } @media (min-width: 2560px) { .panel-login__form .control-label { width: 172px; font-size: 1.8em; line-height: 82px; } } .panel-login__form label + div { padding: 0; } @media (min-width: 768px) and (max-width: 1023px) { .panel-login__form label + div { margin-left: 20px; width: 290px; font-size: 1.4em; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-login__form label + div { width: 230px; font-size: 1.4em; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-login__form label + div { width: 285px; font-size: 1.4em; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-login__form label + div { width: 377px; font-size: 1.6em; } } @media (min-width: 2560px) { .panel-login__form label + div { width: 470px; font-size: 1.8em; } } .panel-login__form .form-control { border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } @media (min-width: 0px) and (max-width: 767px) { .panel-login__form .form-control { height: 50px; line-height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-login__form .form-control { height: 50px; line-height: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-login__form .form-control { height: 50px; line-height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-login__form .form-control { height: 50px; line-height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-login__form .form-control { height: 50px; line-height: 50px; } } @media (min-width: 2560px) { .panel-login__form .form-control { height: 82px; line-height: 82px; } } .panel-login__form .form-control .form-group { margin-bottom: 20px; } @media (min-width: 768px) and (max-width: 1023px) { .panel-login__form .form-control .form-group { height: 50px; line-height: 50px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-login__form .form-control .form-group { margin-bottom: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-login__form .form-control .form-group { margin-bottom: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-login__form .form-control .form-group { margin-bottom: 20px; } } @media (min-width: 2560px) { .panel-login__form .form-control .form-group { margin-bottom: 30px; } } /* ========================================================================== Base/Block/panel-questionnaire ========================================================================== */ .mobileOverlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100000000; background: rgba(0, 0, 0, 0.75); } .mobileHidden { overflow: hidden; } .panel-questionnaire .btn-emotions--mobile { display: none; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire h1 { margin-bottom: 25px; font-size: 1.6em; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire h1 { margin-bottom: 25px; font-size: 1.6em; line-height: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-questionnaire h1 { margin-bottom: 25px; font-size: 1.6em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-questionnaire h1 { margin-bottom: 25px; font-size: 1.6em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-questionnaire h1 { margin-bottom: 25px; font-size: 2.4em; line-height: 34px; } } @media (min-width: 2560px) { .panel-questionnaire h1 { margin-bottom: 35px; font-size: 2.6em; line-height: 38px; } } .panel-questionnaire__content { background: #fff; margin-top: 30px; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire__content { background: transparent; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire__content { padding: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-questionnaire__content { padding: 35px 30px 15px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-questionnaire__content { padding: 35px 35px 15px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-questionnaire__content { padding: 40px 50px 15px; } } @media (min-width: 2560px) { .panel-questionnaire__content { padding: 55px 170px 25px; } } .panel-questionnaire__content label { font-weight: 500; padding-top: 5px; padding-bottom: 5px; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire__content label { font-size: 1.4em; line-height: 22px; } .panel-questionnaire__content label br { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire__content label { font-size: 1.4em; line-height: 22px; } .panel-questionnaire__content label br { display: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-questionnaire__content label { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-questionnaire__content label { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-questionnaire__content label { font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .panel-questionnaire__content label { font-size: 1.8em; line-height: 26px; } } .panel-questionnaire__2-column-left { float: left; padding-right: 30px; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire__2-column-left { width: 100%; float: none; padding-right: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire__2-column-left { width: 100%; float: none; padding-right: 0; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-questionnaire__2-column-left { width: 190px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-questionnaire__2-column-left { width: 250px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-questionnaire__2-column-left { width: 440px; } } @media (min-width: 2560px) { .panel-questionnaire__2-column-left { width: 470px; } } .panel-questionnaire__2-column-right { float: right; text-align: right; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire__2-column-right { width: 100%; float: none; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire__2-column-right { width: 100%; float: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-questionnaire__2-column-right { width: 350px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-questionnaire__2-column-right { width: 435px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-questionnaire__2-column-right { width: 440px; } } @media (min-width: 2560px) { .panel-questionnaire__2-column-right { width: 470px; } } .panel-questionnaire hr { background: #eaeaea; margin: 30px 0; height: 1px; border: 0; } .panel-questionnaire .btn-emotions--xs img { width: 23px; height: 25px; } .panel-questionnaire .btn-emotions--xs span { position: relative; top: -2px; width: 29px; height: 29px; } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire .btn-emotions--xs .btn { width: 54px !important; } } .panel-questionnaire .btn-emotions .btn { padding: 0; width: 63px; background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 0; transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; color: #8d8d8d; font-size: 14px; } .panel-questionnaire .btn-emotions .btn:hover, .panel-questionnaire .btn-emotions .btn.active { color: #ff5603; } .panel-questionnaire .btn-emotions .btn.mask { opacity: .4; } .panel-questionnaire .btn-emotions .btn.active span { background: url(../img/icons/other/check_orange.png) no-repeat 50% 50%; } .panel-questionnaire .btn-emotions img { display: block; margin: 0 auto 5px; } .panel-questionnaire .btn-emotions span { display: block; margin: 0 auto; width: 31px; height: 31px; background: url(../img/icons/other/check_gray.png) no-repeat 50% 50%; border: 3px solid #ebebeb; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire .btn-emotions { background: #fff; display: block; text-align: left; } .panel-questionnaire .btn-emotions--mobile { position: relative; display: block; border: 1px solid #ebebeb; background: #fff; width: 100%; height: 80px; line-height: 80px; text-align: left; padding-left: 80px; } .panel-questionnaire .btn-emotions--mobile .btn-emotions--mobile-image { position: absolute; left: 30px; top: 22px; } .panel-questionnaire .btn-emotions--mobile .btn-emotions--mobile-value { color: #8d8d8d; font-size: 14px; } .panel-questionnaire .btn-emotions.btn-group { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999999999; max-height: 100%; overflow: auto; } .panel-questionnaire .btn-emotions.btn-group.active { display: block; } .panel-questionnaire .btn-emotions .btn { position: relative; width: 100%; height: 72px; line-height: 72px; padding-left: 110px; float: none; display: block; text-align: left; } .panel-questionnaire .btn-emotions .btn + .btn { border-top: 1px solid #eaeaea; } .panel-questionnaire .btn-emotions .btn.active { background: #f4f4f4; } .panel-questionnaire .btn-emotions .btn img { position: absolute; left: 60px; top: 18px; margin: 0; } .panel-questionnaire .btn-emotions .btn.mask { opacity: 1; filter: alpha(opacity=100); } .panel-questionnaire .btn-emotions--xs .btn img { width: 31px !important; height: 34px !important; } .panel-questionnaire .btn-emotions--xs .btn span { position: absolute; left: 59px; top: 19px; } } .panel-questionnaire textarea { min-height: 80px; padding: 15px 20px; border-color: #ebebeb; border-radius: 0; -moz-borer-radius: 0; -webkit-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .panel-questionnaire textarea:focus { border-color: #FF760E; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire textarea { height: 160px; } } .panel-questionnaire button { padding: 0; width: 140px; height: 38px; background: #ff5603; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); color: #fff; font-size: 11.5px; font-weight: 700; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35); text-transform: uppercase; line-height: 38px; } .panel-questionnaire button:hover { color: #fff; opacity: .85; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire button { float: none; width: 100%; height: 50px; line-height: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire > .container > .row > .col-sm-8 { width: 58%; } } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire--list .hide-mobile { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire--list .hide-tablet { display: none; } } .panel-questionnaire--list .visible-mobile { display: none; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire--list .visible-mobile { display: block !important; } } .panel-questionnaire--list .visible-tablet { display: none; } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire--list .visible-tablet { display: block !important; } } .panel-questionnaire--list .panel-main__content .color-light { color: #8d8d8d; } @media (min-width: 1366px) and (max-width: 1919px) { .panel-questionnaire--list .panel-main__content h2 { font-size: 1.8em; } } .panel-questionnaire--list .panel-main__content td { font-size: 14px; } @media (min-width: 0px) and (max-width: 767px) { .panel-questionnaire--list .panel-main__content td .btn { margin-top: 10px; } .panel-questionnaire--list .panel-main__content td:first-child { vertical-align: top; } } @media (min-width: 0px) and (max-width: 479px) { .panel-questionnaire--list .panel-main__content td:first-child { display: none; } .panel-questionnaire--list .panel-main__content td:before { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire--list .panel-main__content td .btn { margin-top: 10px; } .panel-questionnaire--list .panel-main__content td:first-child { vertical-align: top; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-questionnaire--list > .container > .row > .col-sm-8 { width: 58%; } } /* ========================================================================== Base/Block/panel-my-profile ========================================================================== */ .panel-my-profile__info { margin-bottom: 30px; } .panel-my-profile__info span { color: #8d8d8d; } @media (min-width: 1024px) and (max-width: 1365px) { .panel-my-profile__info-left { width: 50%; float: left; padding-right: 15px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-my-profile__info-left { width: 50%; float: left; padding-right: 15px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-my-profile__info-left { float: none; margin-bottom: 30px; padding-right: 0; } } @media (min-width: 0px) and (max-width: 767px) { .panel-my-profile__info-right { padding-top: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-my-profile__info-right { padding-top: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-my-profile__info-right { float: right; width: 50%; padding-left: 15px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-my-profile__info-right { float: right; width: 50%; padding-left: 15px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-my-profile__info-right { float: none; margin-bottom: 30px; padding-left: 0; } } @media (min-width: 2560px) { .panel-my-profile__info-right { float: none; margin-bottom: 30px; padding-left: 0; } } .panel-my-profile__info-btn { text-align: right; margin-top: 20px; } @media (min-width: 1920px) and (max-width: 2559px) { .panel-my-profile__info-btn { width: 50%; padding-right: 15px; } } @media (min-width: 0px) and (max-width: 767px) { .panel-my-profile__info { font-size: 1.4em; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-my-profile__info { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-my-profile__info { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-my-profile__info { font-size: 1.4em; line-height: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-my-profile__info { font-size: 1.6em; line-height: 24px; } } @media (min-width: 2560px) { .panel-my-profile__info { font-size: 1.8em; line-height: 26px; } } .panel-my-profile .btn { padding: 0; width: 140px; height: 38px; background: #ff5603; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); color: #fff; font-size: 11.5px; font-weight: 700; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35); text-transform: uppercase; line-height: 38px; } .panel-my-profile .btn:hover { color: #fff; opacity: .85; } .panel-my-profile .btn-dark { background: #262626; } @media (min-width: 0px) and (max-width: 767px) { .panel-my-profile .btn { width: 100%; height: 50px; line-height: 50px; } } .panel-my-profile table tr td:first-child { color: #262626; font-size: 14px; } @media (min-width: 1920px) and (max-width: 2559px) { .panel-my-profile table tr td:first-child { font-size: 16px; } } @media (min-width: 2560px) { .panel-my-profile table tr td:first-child { font-size: 18px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-my-profile > .container > .row > .col-sm-8 { width: 58%; } } /* ========================================================================== Base/Block/panel-loyalty-program ========================================================================== */ .panel-loyalty-program .visible-mobile { display: none; } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .visible-mobile { display: block; } } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .hide-mobile { display: none; } } .panel-loyalty-program h1 { margin-bottom: 20px; } .panel-loyalty-program h2 { margin-bottom: 20px; } @media (min-width: 2560px) { .panel-loyalty-program .panel-main__content { width: 1320px; } } .panel-loyalty-program .panel-main__content ul { color: #8d8d8d; } .panel-loyalty-program .panel-main__content p { color: #8d8d8d; } .panel-loyalty-program .panel-main__content .color { color: #ff5603; } .panel-loyalty-program .table { margin-bottom: 25px; } .panel-loyalty-program .table tfoot td { padding: 20px 0; border-top: 1px solid #b3b3b3; font-weight: bold; text-align: center; } .panel-loyalty-program .table tfoot td:first-child { text-align: right; } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .table tfoot td { font-size: 13px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-loyalty-program .table tfoot td { font-size: 13px; } } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .table tfoot { display: none; } } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .table tfoot.hide-mobile { display: table-footer-group; } .panel-loyalty-program .table tfoot.hide-mobile td { position: relative; padding: 20px 20px; text-align: left; } .panel-loyalty-program .table tfoot.hide-mobile td span { position: absolute; right: 20px; bottom: 20px; } } .panel-loyalty-program .table thead th { color: #fff; background: #262626; border-top: 1px solid #000; border-bottom: 1px solid #000; font-weight: 900; text-transform: uppercase; } .panel-loyalty-program .table thead th + th { border-left: 1px solid #515151; } .panel-loyalty-program .table thead th.points { text-align: center; } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .table thead th.points { padding: 17px 20px 16px; font-size: 12px; vertical-align: middle; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-loyalty-program .table thead th.points { padding: 17px 20px 16px; font-size: 12px; vertical-align: middle; } } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .table thead th { padding: 17px 20px 16px; font-size: 12px; vertical-align: middle; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-loyalty-program .table thead th { padding: 17px 20px 16px; font-size: 12px; vertical-align: middle; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-loyalty-program .table thead th { padding: 17px 20px 16px; font-size: 12px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-loyalty-program .table thead th { padding: 17px 20px 16px; font-size: 12px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-loyalty-program .table thead th { padding: 16px 20px 15px; font-size: 16px; } .panel-loyalty-program .table thead th:nth-child(1) { width: 225px; } .panel-loyalty-program .table thead th:nth-child(3) { width: 225px; } } @media (min-width: 2560px) { .panel-loyalty-program .table thead th { padding: 27px 20px 26px; font-size: 18px; } .panel-loyalty-program .table thead th:nth-child(1) { width: 300px; } .panel-loyalty-program .table thead th:nth-child(3) { width: 300px; } } .panel-loyalty-program .table tbody td { text-align: left; padding: 20px 20px; vertical-align: middle; } .panel-loyalty-program .table tbody td:first-child { text-align: left; } .panel-loyalty-program .table tbody td.date { font-weight: 700; } .panel-loyalty-program .table tbody td.points { color: #ff5603; text-align: center; } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .table tbody td.description { font-size: 13px; } .panel-loyalty-program .table tbody td.description:before { display: none; } .panel-loyalty-program .table tbody td.description .date { font-size: 13px; font-weight: 700; margin-bottom: 3px; } .panel-loyalty-program .table tbody td.description .points { color: #ff5603; margin-top: 13px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-loyalty-program .table tbody td.description { font-size: 13px; } } @media (min-width: 0px) and (max-width: 767px) { .panel-loyalty-program .table tbody td { height: 75px; } .panel-loyalty-program .table tbody td.date { font-size: 13px; } .panel-loyalty-program .table tbody td.date, .panel-loyalty-program .table tbody td.points { width: 104px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-loyalty-program .table tbody td { height: 75px; } .panel-loyalty-program .table tbody td.date { font-size: 13px; } .panel-loyalty-program .table tbody td.date, .panel-loyalty-program .table tbody td.points { width: 104px; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-loyalty-program .table tbody td { height: 75px; } .panel-loyalty-program .table tbody td.date, .panel-loyalty-program .table tbody td.points { width: 140px; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-loyalty-program .table tbody td { height: 75px; } .panel-loyalty-program .table tbody td.date, .panel-loyalty-program .table tbody td.points { width: 170px; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-loyalty-program .table tbody td { height: 82px; } .panel-loyalty-program .table tbody td.date, .panel-loyalty-program .table tbody td.points { width: 230px; } } @media (min-width: 2560px) { .panel-loyalty-program .table tbody td { height: 82px; } .panel-loyalty-program .table tbody td.date, .panel-loyalty-program .table tbody td.points { width: 300px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-loyalty-program > .container > .row > .col-sm-8 { width: 58%; } } /* ========================================================================== Base/Block/panel-recommendations ========================================================================== */ .panel-recommendations .list--2-column h2 { margin: 0; padding: 25px 30px; } @media (min-width: 768px) and (max-width: 1023px) { .panel-recommendations .list--2-column h2 { font-size: 2.1em; } } @media (min-width: 1024px) and (max-width: 1365px) { .panel-recommendations .list--2-column h2 { font-size: 2.1em; } } @media (min-width: 1366px) and (max-width: 1919px) { .panel-recommendations .list--2-column h2 { font-size: 2.1em; } } @media (min-width: 1920px) and (max-width: 2559px) { .panel-recommendations .list--2-column h2 { font-size: 2.3em; } } @media (min-width: 2560px) { .panel-recommendations .list--2-column h2 { font-size: 2.4em; } } .panel-recommendations .list--2-column .list__badge { right: -50px; top: 22px; } .panel-recommendations .list--2-column .list__btn { margin-top: 9px; z-index: 9999; } .panel-recommendations .list--2-column .list__base-line { margin-bottom: 9px; } .panel-recommendations .list--2-column .list__top-line { margin-bottom: 8px; } @media (min-width: 0px) and (max-width: 767px) { .panel-recommendations .list--2-column { padding: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-recommendations .list--2-column li:nth-child(2n) { margin-bottom: 20px; } } /* ========================================================================== Base/Block/panel-booking ========================================================================== */ @media (min-width: 0px) and (max-width: 767px) { .panel-booking .hide-mobile { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-booking .hide-tablet { display: none; } } .panel-booking .visible-mobile { display: none; } @media (min-width: 0px) and (max-width: 767px) { .panel-booking .visible-mobile { display: block !important; } } .panel-booking .visible-tablet { display: none; } @media (min-width: 768px) and (max-width: 1023px) { .panel-booking .visible-tablet { display: block !important; } } .panel-booking .panel-main__content .color-light { color: #696868; } @media (min-width: 1366px) and (max-width: 1919px) { .panel-booking .panel-main__content h2 { font-size: 1.8em; } } .panel-booking .panel-main__content td { font-size: 14px; } @media (min-width: 0px) and (max-width: 767px) { .panel-booking .panel-main__content td { font-size: 13px; vertical-align: top; } .panel-booking .panel-main__content td:first-child { vertical-align: top; } } @media (min-width: 0px) and (max-width: 479px) { .panel-booking .panel-main__content td { padding: 20px !important; } .panel-booking .panel-main__content td:first-child { display: none; } .panel-booking .panel-main__content td:before { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-booking .panel-main__content td { font-size: 13px; } .panel-booking .panel-main__content td:first-child { vertical-align: top; } } .panel-booking .panel-main__content td:nth-child(2) { padding-left: 28px; } @media (min-width: 0px) and (max-width: 767px) { .panel-booking .panel-main__content .btn { margin-top: 10px; } } @media (min-width: 768px) and (max-width: 1023px) { .panel-booking .panel-main__content .btn { margin-top: 10px; } } .panel-booking .panel-main__content .table-middle-center td { vertical-align: middle; } @media (min-width: 768px) and (max-width: 1023px) { .panel-booking > .container > .row > .col-sm-8 { width: 58%; } } /* Pages ========================================================================== */ /* Homepage */ /* ========================================================================== Block/Homepage/Homepage ========================================================================== */ /* ========================================================================== Block/Homepage/Homepage-Main ========================================================================== */ .homepage { overflow: hidden; padding: 30px 0 30px; } .homepage a { text-decoration: none; } .homepage__link { position: relative; overflow: hidden; width: 100%; height: 311px; padding: 10px 15px 15px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .homepage__link h2 { position: relative; z-index: 9; margin: 0; padding: 0; color: #fff; text-shadow: 2px 3px 3px rgba(4, 4, 4, 0.63); font-size: 30px; font-weight: 600; } .homepage__link h2 small { color: #ff6000; font-size: 22px; font-weight: 600; } .homepage__link p { margin: 0; padding: 0; color: #fff; font-family: "Lato", sans-serif; font-size: 13px; line-height: 18px; } .homepage__link p + p { margin-top: 8px; } .homepage__link--winter { background-image: url(../img/homeWinter.jpg); } .homepage__link--winter h2 { text-align: left; } .homepage__link--winter h2 small { padding-left: 10px; } .homepage__link--summer { background-image: url(../img/homeSummer.jpg); } .homepage__link--summer h2 { text-align: right; } .homepage__link--summer h2 small { padding-right: 10px; } .homepage__link:hover .homepage__caption { top: 0; } .homepage__caption { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; padding: 60px 30px 30px; -webkit-transition: top .5s; transition: top .5s; background: rgba(0, 0, 0, 0.5); } .homepage__caption .btn { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 50px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; color: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e51a49), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: linear-gradient(to right, #e51a49 0%, #e51a49 56%); font-family: "Lato", sans-serif; font-size: 14px; font-weight: 600; line-height: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); } .homepage__caption .btn:after { position: relative; top: -1px; display: inline-block; width: 0; height: 0; margin-left: 4px; content: ""; border-width: 4px 0 4px 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .homepage { /* ========================================================================== Block/Homepage/Homepage-320 (mobile-320) ========================================================================== */ /* ========================================================================== Block/Homepage/Homepage-480 (mobile-480) ========================================================================== */ /* ========================================================================== Block/Homepage/Homepage-768 (Tablet) ========================================================================== */ /* ========================================================================== Block/Homepage/Homepage-1024 (Small) ========================================================================== */ /* ========================================================================== Block/Homepage/Homepage-1366 (default) ========================================================================== */ /* ========================================================================== Block/Homepage/Homepage-1920 (Medium) ========================================================================== */ /* ========================================================================== Block/Homepage/Homepage-2560 (Large) ========================================================================== */ } @media (min-width: 0px) and (max-width: 479px) { .homepage { padding: 20px 0 20px; } .homepage .container { width: 100%; padding: 0 20px; } .homepage .container .row { margin: 0 -10px; } .homepage .container .col-sm-6 { padding: 0 10px; } .homepage .homepage__link { width: 280px; height: 200px; margin: 0 auto; padding: 7px 0 0; } .homepage .homepage__link h2 { font-size: 22px; line-height: 35.56px; text-align: center; } .homepage .homepage__link h2 small { font-size: 16.3px; } .homepage .homepage__link p { display: none; } .homepage .homepage__link--winter small { padding: 0 0 0 4px; } .homepage .homepage__link--summer { margin-bottom: 20px; } .homepage .homepage__link--summer small { padding: 0 4px 0 0px; } .homepage .homepage__caption { padding: 67px 13px 30px; } .homepage .homepage__caption .btn { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .homepage .container { width: 100%; padding: 0 30px 0 30px; } .homepage .container .row { margin: 0 -10px; } .homepage .container .col-sm-6 { padding: 0 10px; } .homepage .homepage__link { width: 420px; height: 300px; margin: 0 auto; padding: 12px 21px 0; } .homepage .homepage__link h2 { font-size: 22px; line-height: 35px; } .homepage .homepage__link h2 small { font-size: 16px; } .homepage .homepage__link p { font-size: 12px; line-height: 14px; } .homepage .homepage__link--summer { margin-bottom: 30px; } .homepage .homepage__link--summer h2 small { padding-right: 7px; } .homepage .homepage__link--winter h2 small { padding-left: 7px; } .homepage .homepage__caption { padding: 67px 13px 30px; } .homepage .homepage__caption .btn { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .homepage { padding: 20px 0; } .homepage .container { width: 724px; padding: 0; } .homepage .container .row { margin: 0 -10px; } .homepage .container .col-sm-6 { padding: 0 10px; } .homepage .homepage__link { width: 352px; height: 411px; margin: 0 auto; padding: 12px 21px 0; } .homepage .homepage__link h2 { font-size: 22px; line-height: 35px; } .homepage .homepage__link h2 small { font-size: 16px; } .homepage .homepage__link p { font-size: 13px; line-height: 15px; } .homepage .homepage__link--summer h2 small { padding-right: 7px; } .homepage .homepage__link--winter h2 small { padding-left: 7px; } .homepage .homepage__caption { padding: 67px 13px 30px; } } @media (min-width: 1024px) and (max-width: 1365px) { .homepage { padding: 20px 0; } .homepage .container { width: 984px; padding: 0; } .homepage .container .row { margin: 0 -10px; } .homepage .container .col-sm-6 { padding: 0 10px; } .homepage .homepage__link { width: 482px; height: 361px; padding: 18px 30px 30px; } .homepage .homepage__link h2 { font-size: 22px; line-height: 35px; } .homepage .homepage__link h2 small { font-size: 16px; } .homepage .homepage__link p { font-size: 13px; line-height: 16px; } .homepage .homepage__link--summer h2 small { padding-right: 7px; } .homepage .homepage__link--winter h2 small { padding-left: 7px; } .homepage .homepage__caption { padding: 75px 13px 30px; } } @media (min-width: 1366px) and (max-width: 1919px) { .homepage { padding: 30px 0; } .homepage .container { width: 1336px; } .homepage .homepage__link { width: 637px; height: 311px; } .homepage .homepage__link h2 { font-size: 30px; line-height: 48px; } .homepage .homepage__link h2 small { font-size: 22px; } .homepage .homepage__link p { font-size: 13px; line-height: 18px; } .homepage .homepage__link--summer h2 small { padding-right: 7px; } .homepage .homepage__link--winter h2 small { padding-left: 7px; } .homepage .homepage__caption { padding: 65px 13px 30px; } .homepage .homepage__caption .btn { height: 40px; line-height: 40px; } } @media (min-width: 1920px) and (max-width: 2559px) { .homepage .container { width: 1820px; padding: 50px 0; } .homepage .container .row { margin: 0 -25px; } .homepage .container .col-sm-6 { padding: 0 25px; } .homepage .homepage__link { width: 885px; height: 437px; } .homepage .homepage__link h2 { font-size: 36px; line-height: 58px; } .homepage .homepage__link h2 small { font-size: 27px; } .homepage .homepage__link p { font-size: 18px; line-height: 22px; } .homepage .homepage__caption { padding-top: 110px; } .homepage .homepage__caption .btn { height: 50px; line-height: 50px; } } @media (min-width: 2560px) { .homepage .container { width: 2362px; padding: 100px 0; } .homepage .container .row { margin: 0 -50px; } .homepage .container .col-sm-6 { padding: 0 50px; } .homepage .homepage__link { width: 1129px; height: 586px; } .homepage .homepage__link h2 { font-size: 52px; line-height: 83px; } .homepage .homepage__link h2 small { font-size: 38px; } .homepage .homepage__link p { font-size: 20px; line-height: 26px; } .homepage .homepage__caption { padding-top: 160px; } .homepage .homepage__caption .btn { height: 64px; line-height: 64px; font-size: 18px; } .homepage .homepage__caption .btn:after { top: 0; border-width: 8px 0 8px 7px; } } /* ========================================================================== Block/Slider/Home ========================================================================== */ .slider-home { overflow: hidden; width: 100%; } .slider-home .carousel { height: 100%; } .slider-home .carousel-caption { top: 0; bottom: auto; padding: 0; height: 100%; } .slider-home .carousel-inner { height: 100%; } .slider-home .item { height: 100%; } .slider-home .item-image { width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; } .slider-home .carousel-indicators { bottom: 5px; } .slider-home .carousel-indicators li { margin: 0 6px 0 3px; width: 9px; height: 9px; background: #000; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .slider-home .carousel-indicators .active { background: #e51a49; background: -moz-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #e51a49), color-stop(100%, #e51a49)); background: -webkit-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -o-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -ms-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: linear-gradient(135deg, #e51a49 50%, #e51a49 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); } .slider-home .carousel-control { position: absolute; top: 50%; margin-top: -31.5px; width: 36px; height: 63px; opacity: 1; } .slider-home .carousel-control.left { background: url(../img/sliderControlPrev.png) no-repeat; position: absolute; left: 15%; } .slider-home .carousel-control.right { background: url(../img/sliderControlNext.png) no-repeat; right: 15%; } @media (min-width: 1366px) and (max-width: 1919px) { .slider-home { height: 261px; } .slider-home .item img { min-height: 261px; } } @media (min-width: 1920px) and (max-width: 2559px) { .slider-home { height: 368px; } .slider-home .item img { min-height: 368px; } } @media (min-width: 2560px) { .slider-home { height: 390px; } .slider-home .item img { min-height: 390px; } } .slider-home { /* ========================================================================== Block/Homepage/Slider-Home-320 (mobile-320) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-320 (mobile-320) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-768 (tablet) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-1024 (small) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-1366 (default) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-1920 (medium) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-2560 (large) ========================================================================== */ } @media (min-width: 0px) and (max-width: 479px) { .slider-home { height: 240px; min-height: 240px; } .slider-home .slider__baseline { margin: 0 0 15px; font-size: 18px; line-height: 24px; } .slider-home .slider__title { font-size: 24px; line-height: 28px; } .slider-home .slider__caption-inside { padding-top: 35px; } .slider-home .slider__btn { display: none; } .slider-home .carousel-control { display: none; } .slider-home .carousel-caption { right: 0; left: 0; } .slider-home .carousel-indicators { bottom: 20px; margin: 0 0 -2px -30%; } } @media (min-width: 480px) and (max-width: 767px) { .slider-home { height: 260px; min-height: 260px; } .slider-home .slider__baseline { margin: 0 0 15px; font-size: 21px; line-height: 24px; } .slider-home .slider__title { font-size: 28px; line-height: 34px; } .slider-home .slider__caption-inside { padding-top: 35px; } .slider-home .slider__btn { display: none; } .slider-home .carousel-control { display: none; } .slider-home .carousel-caption { right: 0; left: 0; } .slider-home .carousel-indicators { bottom: 20px; margin: 0 0 -2px -30%; } } @media (min-width: 768px) and (max-width: 1023px) { .slider-home { height: 260px; min-height: 260px; } .slider-home .slider__baseline { margin: 0 0 15px; font-size: 21px; line-height: 24px; } .slider-home .slider__title { font-size: 28px; line-height: 34px; margin-bottom: 14px; } .slider-home .slider__caption-inside { padding-top: 35px; } .slider-home .slider__btn { font-size: 14px; width: 219px; height: 51px; line-height: 51px; } .slider-home .carousel-control { display: none; } .slider-home .carousel-caption { right: 0; left: 0; } .slider-home .carousel-indicators { bottom: 20px; margin: 0 0 -2px -30%; } } @media (min-width: 1024px) and (max-width: 1365px) { .slider-home { height: 270px; min-height: 270px; } .slider-home .slider__baseline { margin: 0 0 15px; font-size: 21px; line-height: 24px; } .slider-home .slider__title { font-size: 28px; line-height: 34px; margin-bottom: 14px; } .slider-home .slider__caption-inside { padding-top: 15px; } .slider-home .slider__btn { font-size: 14px; width: 219px; height: 51px; line-height: 51px; } .slider-home .carousel-caption { right: 0; left: 0; } .slider-home .carousel-control { top: 131px; margin-top: 0; } .slider-home .carousel-control.left { left: 5%; } .slider-home .carousel-control.right { right: 5%; } } @media (min-width: 1366px) and (max-width: 1919px) { .slider-home { height: 260px; min-height: 260px; } .slider-home .slider__baseline { margin: 0 0 5px; font-size: 24px; line-height: 24px; } .slider-home .slider__title { font-size: 36px; line-height: 50px; margin-bottom: 14px; } .slider-home .slider__caption-inside { padding-top: 15px; } .slider-home .slider__btn { font-size: 14px; width: 219px; height: 51px; line-height: 51px; } .slider-home .carousel-caption { right: 0; left: 0; } .slider-home .carousel-control { top: 131px; margin-top: 0; } .slider-home .carousel-control.left { left: 5%; } .slider-home .carousel-control.right { right: 5%; } } @media (min-width: 1920px) and (max-width: 2559px) { .slider-home { height: 370px; min-height: 370px; } .slider-home .slider__baseline { margin: 0 0 15px; font-size: 31px; line-height: 24px; } .slider-home .slider__title { font-size: 46px; line-height: 50px; margin-bottom: 45px; } .slider-home .slider__caption-inside { padding-top: 15px; } .slider-home .slider__btn { font-size: 14px; width: 219px; height: 51px; line-height: 51px; } .slider-home .carousel-caption { right: 0; left: 0; } .slider-home .carousel-control { top: 131px; margin-top: 0; } .slider-home .carousel-control.left { left: 5%; } .slider-home .carousel-control.right { right: 5%; } } @media (min-width: 2560px) { .slider-home { height: 490px; min-height: 490px; } .slider-home .slider__baseline { margin: 0 0 25px; font-size: 36px; line-height: 24px; } .slider-home .slider__title { font-size: 56px; line-height: 50px; margin-bottom: 25px; } .slider-home .slider__caption-inside { padding-top: 15px; } .slider-home .slider__btn { font-size: 23px; width: 346px; height: 81px; line-height: 81px; } .slider-home .carousel-caption { right: 0; left: 0; } .slider-home .carousel-control { top: 244px; margin-top: 0; } .slider-home .carousel-control.left { left: 5%; } .slider-home .carousel-control.right { right: 5%; } } /* Details */ /* ========================================================================== Block/Page/Details/Slider ========================================================================== */ .slider--route, .slider--hotels { width: 100%; } .slider--route .carousel-caption, .slider--hotels .carousel-caption { top: 0; bottom: auto; height: 100%; padding: 0; } .slider--route .carousel-inner, .slider--hotels .carousel-inner { height: 100%; } .slider--route .item, .slider--hotels .item { overflow: hidden; width: 100%; height: 100%; background-size: cover; } .slider--route .carousel-indicators, .slider--hotels .carousel-indicators { bottom: 5px; } .slider--route .carousel-indicators li, .slider--hotels .carousel-indicators li { width: 9px; height: 9px; margin: 0 6px 0 3px; border: 0; background: #000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .slider--route .carousel-indicators .active, .slider--hotels .carousel-indicators .active { background: #e51a49; background: -moz-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #e51a49), color-stop(100%, #e51a49)); background: -webkit-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -o-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -ms-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: linear-gradient(135deg, #e51a49 50%, #e51a49 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); } .slider--route .number-of-slides, .slider--hotels .number-of-slides { position: absolute; bottom: 25px; left: 0; width: 100%; height: 63px; text-align: center; color: #fff; text-shadow: 1px 3px 3px #040404; line-height: 63px; } .slider--route .number-of-slides__breakline, .slider--hotels .number-of-slides__breakline { position: relative; top: -10px; padding-left: 11px; font-size: 2em; } .slider--route .number-of-slides__current, .slider--hotels .number-of-slides__current { font-size: 3.6em; font-weight: 700; } .slider--route .number-of-slides__all, .slider--hotels .number-of-slides__all { position: relative; top: -8px; font-size: 2.4em; } .slider--route .carousel-control, .slider--hotels .carousel-control { position: absolute; z-index: 999; top: auto; bottom: 25px; width: 36px; height: 63px; opacity: 1; } .slider--route .carousel-control.left, .slider--hotels .carousel-control.left { position: absolute; left: 15%; background: url(../img/sliderControlPrev.png) no-repeat; } .slider--route .carousel-control.right, .slider--hotels .carousel-control.right { right: 15%; background: url(../img/sliderControlNext.png) no-repeat; } .slider--hotels .item { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; } /* List */ /* ========================================================================== Block/Slider/Home ========================================================================== */ .slider--carousel { overflow: hidden; width: 100%; } .slider--carousel .carousel { height: 100%; } .slider--carousel .carousel-caption { top: 0; bottom: auto; padding: 0; height: 100%; } .slider--carousel .carousel-inner { height: 100%; } .slider--carousel .carousel-inner .item { height: 100%; } .slider--carousel .carousel-inner .item .item-image { width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; } .slider--carousel .carousel-inner .item a.slider__btn { font-family: "Lato", sans-serif; } .slider--carousel .carousel-indicators { bottom: 5px; } .slider--carousel .carousel-indicators li { margin: 0 6px 0 3px; width: 9px; height: 9px; background: #000; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .slider--carousel .carousel-indicators .active { background: #e51a49; background: -moz-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #e51a49), color-stop(100%, #e51a49)); background: -webkit-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -o-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: -ms-linear-gradient(-45deg, #e51a49 50%, #e51a49 100%); background: linear-gradient(135deg, #e51a49 50%, #e51a49 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); } .slider--carousel .carousel-control { position: absolute; top: 50%; margin-top: -31.5px; width: 36px; height: 63px; opacity: 1; } .slider--carousel .carousel-control.left { background: url(../img/sliderControlPrev.png) no-repeat; position: absolute; left: 15%; } .slider--carousel .carousel-control.right { background: url(../img/sliderControlNext.png) no-repeat; right: 15%; } @media (min-width: 1366px) and (max-width: 1919px) { .slider--carousel { height: 261px; } .slider--carousel .item img { min-height: 261px; } } @media (min-width: 1920px) and (max-width: 2559px) { .slider--carousel { height: 368px; } .slider--carousel .item img { min-height: 368px; } } @media (min-width: 2560px) { .slider--carousel { height: 390px; } .slider--carousel .item img { min-height: 390px; } } .slider--carousel { /* ========================================================================== Block/Homepage/Slider-Home-320 (mobile-320) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-320 (mobile-320) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-768 (tablet) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-1024 (small) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-1366 (default) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-1920 (medium) ========================================================================== */ /* ========================================================================== Block/Homepage/Slider-Home-2560 (large) ========================================================================== */ } @media (min-width: 0px) and (max-width: 479px) { .slider--carousel { height: 240px; min-height: 240px; } .slider--carousel .slider__baseline { margin: 0 0 15px; font-size: 15px; line-height: 15px; } .slider--carousel .slider__title { font-size: 24px; line-height: 28px; } .slider--carousel .slider__caption-inside { padding-top: 35px; } .slider--carousel .slider__btn { display: none; } .slider--carousel .carousel-control { display: none; } .slider--carousel .carousel-caption { right: 0; left: 0; } .slider--carousel .carousel-indicators { bottom: 20px; margin: 0 0 -2px -30%; } } @media (min-width: 480px) and (max-width: 767px) { .slider--carousel { height: 260px; min-height: 260px; } .slider--carousel .slider__baseline { margin: 0 0 15px; font-size: 21px; line-height: 24px; } .slider--carousel .slider__title { font-size: 28px; line-height: 34px; } .slider--carousel .slider__caption-inside { padding-top: 35px; } .slider--carousel .slider__btn { display: none; } .slider--carousel .carousel-control { display: none; } .slider--carousel .carousel-caption { right: 0; left: 0; } .slider--carousel .carousel-indicators { bottom: 20px; margin: 0 0 -2px -30%; } } @media (min-width: 768px) and (max-width: 1023px) { .slider--carousel { height: 260px; min-height: 260px; } .slider--carousel .slider__baseline { margin: 0 0 15px; font-size: 21px; line-height: 24px; } .slider--carousel .slider__title { font-size: 28px; line-height: 34px; margin-bottom: 14px; } .slider--carousel .slider__caption-inside { padding-top: 35px; } .slider--carousel .slider__btn { font-size: 14px; width: 219px; height: 51px; line-height: 51px; } .slider--carousel .carousel-control { display: none; } .slider--carousel .carousel-caption { right: 0; left: 0; } .slider--carousel .carousel-indicators { bottom: 20px; margin: 0 0 -2px -30%; } } @media (min-width: 1024px) and (max-width: 1365px) { .slider--carousel { height: 270px; min-height: 270px; } .slider--carousel .slider__baseline { margin: 0 0 15px; font-size: 21px; line-height: 24px; } .slider--carousel .slider__title { font-size: 28px; line-height: 34px; margin-bottom: 14px; } .slider--carousel .slider__caption-inside { padding-top: 15px; } .slider--carousel .slider__btn { font-size: 14px; width: 219px; height: 51px; line-height: 51px; } .slider--carousel .carousel-caption { right: 0; left: 0; } .slider--carousel .carousel-control { top: 131px; margin-top: 0; } .slider--carousel .carousel-control.left { left: 5%; } .slider--carousel .carousel-control.right { right: 5%; } } @media (min-width: 1366px) and (max-width: 1919px) { .slider--carousel { height: 260px; min-height: 260px; } .slider--carousel .slider__baseline { margin: 0 0 5px; font-size: 24px; line-height: 24px; } .slider--carousel .slider__title { font-size: 36px; line-height: 50px; margin-bottom: 14px; } .slider--carousel .slider__caption-inside { padding-top: 15px; } .slider--carousel .slider__btn { font-size: 14px; width: 219px; height: 51px; line-height: 51px; } .slider--carousel .carousel-caption { right: 0; left: 0; } .slider--carousel .carousel-control { top: 131px; margin-top: 0; } .slider--carousel .carousel-control.left { left: 5%; } .slider--carousel .carousel-control.right { right: 5%; } } @media (min-width: 1920px) and (max-width: 2559px) { .slider--carousel { height: 370px; min-height: 370px; } .slider--carousel .slider__baseline { margin: 0 0 15px; font-size: 31px; line-height: 24px; } .slider--carousel .slider__title { font-size: 46px; line-height: 50px; margin-bottom: 45px; } .slider--carousel .slider__caption-inside { padding-top: 15px; } .slider--carousel .slider__btn { font-size: 14px; width: 219px; height: 51px; line-height: 51px; } .slider--carousel .carousel-caption { right: 0; left: 0; } .slider--carousel .carousel-control { top: 131px; margin-top: 0; } .slider--carousel .carousel-control.left { left: 5%; } .slider--carousel .carousel-control.right { right: 5%; } } @media (min-width: 2560px) { .slider--carousel { height: 490px; min-height: 490px; } .slider--carousel .slider__baseline { margin: 0 0 25px; font-size: 36px; line-height: 24px; } .slider--carousel .slider__title { font-size: 56px; line-height: 50px; margin-bottom: 25px; } .slider--carousel .slider__caption-inside { padding-top: 15px; } .slider--carousel .slider__btn { font-size: 23px; width: 346px; height: 81px; line-height: 81px; } .slider--carousel .carousel-caption { right: 0; left: 0; } .slider--carousel .carousel-control { top: 244px; margin-top: 0; } .slider--carousel .carousel-control.left { left: 5%; } .slider--carousel .carousel-control.right { right: 5%; } } /* Direction ========================================================================== */ /* ========================================================================== Base/Block/Ski Direction ========================================================================== */ .direction--fullpage { overflow: hidden; } .direction-menu__show { position: fixed; z-index: 9999; top: 50%; right: -19px; display: block; width: 19px; height: 430px; margin-top: -215px; -webkit-transition: right 1s; -moz-transition: right 1s; -ms-transition: right 1s; -o-transition: right 1s; transition: right 1s; background: url(../img/skiDirectionMenuHide.png) no-repeat; } @media (min-width: 0px) and (max-width: 767px) { .direction-menu__show { display: none !important; } } .direction-menu__show.open { right: 0; z-index: 9999999; } .direction-menu { position: fixed; z-index: 9999999; top: 50%; right: 0; width: 59px; height: 540px; margin-top: -270px; -webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; -o-transition: right .5s; transition: right .5s; background: url(../img/fullpage/menu.png) no-repeat; } @media (min-width: 0px) and (max-width: 767px) { .direction-menu { display: none; } } .direction-menu .tooltip { right: 65px !important; left: auto !important; width: 200px !important; } .direction-menu .tooltip-inner { float: right !important; } .direction-menu.play { right: -59px; } .direction-menu ul { position: relative !important; margin: 0; padding: 57px 0 0; list-style: none; } .direction-menu li { display: block; } .direction-menu li:first-child a { height: 45px; border-bottom: 1px solid #373737; background: url(../img/icons/other/ar-right-7-13.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-player, .direction-menu li:hover a.icon-player { background: url(../img/icons/other/player_icon_orange.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-program, .direction-menu li:hover a.icon-program { background: url(../img/icons/other/program_icon_orange.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-ski, .direction-menu li:hover a.icon-ski { background: url(../img/icons/other/ski_icon_orange.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-route, .direction-menu li:hover a.icon-route { background: url(../img/icons/other/route_icon_orange.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-hotel, .direction-menu li:hover a.icon-hotel { background: url(../img/icons/other/hotel_icon_orange.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-star, .direction-menu li:hover a.icon-star { background: url(../img/icons/other/star_icon_orange.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-film, .direction-menu li:hover a.icon-film { background: url(../img/icons/other/film_icon_orange.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-calendar, .direction-menu li:hover a.icon-calendar { background: url(../img/icons/other/calendar_icon_orange.png) 50% 50% no-repeat; } .direction-menu li.active a.icon-blank, .direction-menu li:hover a.icon-blank { background: url(../img/icons/other/blank_icon_orange.png) 50% 50% no-repeat; } .direction-menu a { display: block; width: 59px; color: red; } .direction-menu a.icon-player { height: 49px; background: url(../img/icons/other/player_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-program { height: 55px; background: url(../img/icons/other/program_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-ski { height: 51px; background: url(../img/icons/other/ski_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-route { height: 51px; background: url(../img/icons/other/route_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-hotel { height: 44px; background: url(../img/icons/other/hotel_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-star { height: 44px; background: url(../img/icons/other/star_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-film { height: 54px; background: url(../img/icons/other/film_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-calendar { height: 47px; background: url(../img/icons/other/calendar_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-blank { height: 47px; background: url(../img/icons/other/blank_icon.png) 50% 50% no-repeat; } .direction-menu a.icon-search { height: 41px; margin-top: 46px; background: url(../img/icons/other/search_icon.png) 50% 50% no-repeat; } /* ========================================================================== Block/Direction/Introduction ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/Main ========================================================================== */ .direction-introduction { position: relative; text-align: center; color: #fff; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .direction-introduction.no-js { background-color: lightgrey; position: fixed; z-index: 100; width: 100%; height: 100%; } .direction-introduction__badge { background: url(../img/icons/introduction/badge.png) no-repeat; width: 90px; height: 88px; position: absolute; top: 0; right: 15px; z-index: 1; } .direction-introduction .container-badge { position: absolute; left: 0; top: 0; right: 0; } .direction-introduction .container-badge .container { display: block; } .direction-introduction__content { height: 100%; width: 100%; } .direction-introduction__content.open { opacity: 0; display: none; } .direction-introduction-play { position: relative; display: block; margin: 0 auto; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .direction-introduction-play:before { position: absolute; top: 50%; left: 50%; z-index: 999999; display: block; width: 0; height: 0; content: ""; border-style: solid; border-color: transparent transparent transparent rgba(255, 255, 255, 0.8); } .direction-introduction-play:after { position: absolute; z-index: 99999; top: -1px; right: -1px; bottom: -2px; left: -2px; background-color: rgba(0, 0, 0, 0.3); content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); } .direction-introduction-btn-group .btn { position: relative; display: block; width: 100%; height: 30px; margin: 10px 0 0; padding: 0 0 0 46px; border: 0; text-align: left; text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99); line-height: 30px; } @media (min-width: 0px) and (max-width: 767px) { .direction-introduction-btn-group .btn:nth-child(2) { margin-top: 0; } } .direction-introduction-btn-group .btn:first-child { margin-top: 0; } .direction-introduction-btn-group .btn:active, .direction-introduction-btn-group .btn:focus, .direction-introduction-btn-group .btn.active { box-shadow: none; text-shadow: red; -webkit-box-shadow: none; -moz-box-shadow: none; } .direction-introduction-btn-group .btn:hover { text-shadow: none; color: #000; } .direction-introduction-btn-group .btn:before { position: absolute; left: 0; top: 0; content: ""; width: 30px; height: 30px; background: #fff url(../img/checkGray.png) 50% 50% no-repeat; } .direction-introduction-btn-group .btn.active:before { background: #fff url(../img/checkOrange.png) 50% 50% no-repeat; } @media (min-width: 0px) and (max-width: 767px) { .direction-introduction-btn-group .btn { height: 50px; line-height: 50px; padding-left: 65px; padding-left: 60px; font-size: 12px; } .direction-introduction-btn-group .btn:before { width: 50px; height: 50px; } } .direction-introduction-btn-group .btn .caret { color: #ff6207; } .direction-introduction__player-play { position: absolute; z-index: 9999999; top: 0; right: 60px; bottom: 50px; left: 0; display: none; } .direction-introduction .container { position: relative; } .direction-introduction .baseline { display: block; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.63); font-weight: 400; } .direction-introduction h1 { margin: 0; padding: 0; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.63); font-weight: 700; } .direction-introduction .pie_progress__svg svg path { stroke-width: 10px; stroke: #ff5603; } .direction-introduction .pie_progress__svg svg ellipse { stroke: transparent; } .direction-introduction .pie_progress__svg svg:not(:root) { overflow: visible; } .direction-introduction hr { width: 100%; height: 1px; margin: 0; padding: 0; opacity: .5; border: 0; background: #fff; } .direction-introduction .h2 { padding: 0px; text-transform: uppercase; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.63); font-family: "Lato", sans-serif; font-weight: 900; background-color: rgba(0, 0, 0, 0.5); filter: alpha(opacity=50); border: solid 1px; width: 64%; margin: 20px auto; } .direction-introduction .h2 a { color: #fff; text-decoration: none; } .direction-introduction .h2 a:hover { color: #ff5603; text-decoration: none; } @media (min-width: 1024px) and (max-width: 1365px) { .direction-introduction .h2 { width: 78%; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-introduction .h2 { width: 78%; } } .direction-introduction ol { position: relative; margin: 0; padding: 0; list-style: none; } .direction-introduction ol li { position: relative; float: left; width: 25%; margin: 0; padding: 0; text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99), 0 0 0.5em rgba(0, 0, 0, 0.99); } .direction-introduction ol a { display: block; padding-top: 64px; text-decoration: none; color: #fff; } .direction-introduction ol a.program:before { background-image: url(../img/icons/introduction/program_default.png); } .direction-introduction ol a.resort:before { background-image: url(../img/icons/introduction/ski_default.png); } .direction-introduction ol a.route:before { background-image: url(../img/icons/introduction/route_default.png); } .direction-introduction ol a.hotels:before { background-image: url(../img/icons/introduction/hotel_default.png); } .direction-introduction ol a.attractions:before { background-image: url(../img/icons/introduction/attractions_default.png); } .direction-introduction ol a.movie:before { background-image: url(../img/icons/introduction/movie_default.png); } .direction-introduction ol a.terms:before { background-image: url(../img/icons/introduction/terms_default.png); } .direction-introduction ol a:before { position: absolute; top: 0; left: 50%; content: ""; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.45); background-repeat: no-repeat; background-position: 50% 50%; width: 54px; height: 54px; margin-left: -27px; } .direction-introduction .mb_YTPlayer { position: absolute; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; opacity: 0; } .direction-introduction .mb_YTPlayer.open { visibility: visible; opacity: 1; } .ski-direction-introduction__bottom-content { background: rgba(0, 0, 0, 0.85); height: 40px; width: 100%; position: fixed; bottom: 0; display: none; } .ski-direction-introduction__bottom-content .ui-stop { cursor: pointer; height: 40px; width: 40px; display: block; float: left; text-align: center; padding-top: 14px; position: absolute; } .ski-direction-introduction__bottom-content .ui-stop span { cursor: pointer; display: inline-block; background: white; width: 12px; height: 12px; } .ski-direction-introduction__bottom-content .ui-stop:hover span { background: #c3c3c3; } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom { position: absolute; margin-left: 10px; bottom: 0px; left: 0; right: 0; padding: 0 33px 0 33px; height: 40px; opacity: 1; -webkit-transition: bottom .5s, opacity .5s; -moz-transition: bottom .5s, opacity .5s; -ms-transition: bottom .5s, opacity .5s; -o-transition: bottom .5s, opacity .5s; transition: bottom .5s, opacity .5s; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom { height: 40px; padding: 0 20px; opacity: 1 !important; } } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom.fadeOut { opacity: 0; } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom.fadeOut:hover { opacity: 1; } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom-in { position: relative; height: 100%; } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom:before { position: absolute; top: 75%; left: 33px; right: 59px; content: ""; margin-top: -11.5px; height: 1px; background: #5b5b5b; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom:before { margin-top: 0; right: 33px; } } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a { position: relative; float: left; display: block; height: 56px; padding: 24px 0 0 8px; color: #6b6c6d; font-weight: 600; text-decoration: none; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a { font-size: 11px; text-indent: -9999979px; } } @media (min-width: 768px) and (max-width: 1023px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a { font-size: 11px; } } @media (min-width: 1024px) and (max-width: 1365px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a { font-size: 12px; } } @media (min-width: 1366px) and (max-width: 1919px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a { font-size: 12px; } } @media (min-width: 1920px) and (max-width: 2559px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a { font-size: 15px; } } @media (min-width: 2560px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a { font-size: 17px; } } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a.active { color: #fff; } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a:before { position: absolute; left: 0; top: 50%; z-index: 99; margin-top: -12px; content: ""; width: 1px; height: 7px; background: #fff; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a:before { margin-top: -10px; } } .ski-direction-introduction__bottom-content .ski-direction-introduction__bottom__bottom a:hover .ski-direction-movie__thumbnail { opacity: 1; visibility: visible; } .ski-direction-introduction__bottom-content .frame-2 a { width: 50%; } .ski-direction-introduction__bottom-content .frame-3 a { width: 33.33333%; } .ski-direction-introduction__bottom-content .frame-4 a { width: 25%; } .ski-direction-introduction__bottom-content .frame-5 a { width: 20%; } .ski-direction-introduction__bottom-content .frame-6 a { width: 16.66667%; } .ski-direction-introduction__bottom-content .frame-7 a { width: 14.28571%; } .ski-direction-introduction__bottom-content .frame-8 a { width: 12.51%; } .ski-direction-introduction__bottom-content .frame-9 a { width: 11.11111%; } .ski-direction-introduction__bottom-content .frame-10 a { width: 10%; } .ski-direction-introduction__bottom-content .frame-11 a { width: 9.09091%; } .ski-direction-introduction__bottom-content .frame-12 a { width: 8.33333%; } .ski-direction-introduction__bottom-content .frame-13 a { width: 7.69231%; } .ski-direction-introduction__bottom-content .frame-14 a { width: 7.14286%; } .direction-introduction { /* ========================================================================== Block/Direction/Introduction/320 (mobile-320) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/480 (mobile-480) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/768 (tablet) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/1024 (small) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/1366 (default) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/1920 (medium) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/2560 (large) ========================================================================== */ } @media (min-width: 0px) and (max-width: 479px) { .direction-introduction__content { display: table; height: 100%; } .direction-introduction__badge { display: none; } .direction-introduction-play { width: 78px; height: 78px; } .direction-introduction-play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } .direction-introduction .container { padding: 60px 0 0; display: table-cell; vertical-align: middle; } .direction-introduction .baseline { font-size: 21px; line-height: 24px; margin: 0 0 20px; } .direction-introduction h1 { font-size: 30px; line-height: 36px; margin: 0 0 35px; } .direction-introduction hr, .direction-introduction .h2, .direction-introduction ol { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .direction-introduction__content { display: table; height: 100%; } .direction-introduction__badge { display: none; } .direction-introduction-play { width: 78px; height: 78px; } .direction-introduction-play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } .direction-introduction .container { padding: 60px 0 0; display: table-cell; vertical-align: middle; } .direction-introduction .baseline { font-size: 21px; line-height: 24px; margin: 0 0 20px; } .direction-introduction h1 { font-size: 30px; line-height: 36px; margin: 0 0 35px; } .direction-introduction hr, .direction-introduction .h2, .direction-introduction ol { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-introduction__content { display: table; height: 100%; } .direction-introduction__badge { display: none; } .direction-introduction-play { width: 78px; height: 78px; margin-bottom: 130px; } .direction-introduction-play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } .direction-introduction .container { display: table-cell; padding: 60px 0 0; vertical-align: middle; } .direction-introduction .col-sm-8 { width: 83.33333333%; } .direction-introduction .col-sm-offset-2 { margin-left: 8.33333333%; } .direction-introduction .baseline { margin: 0 0 20px; font-size: 24px; line-height: 24px; } .direction-introduction h1 { margin: 0 0 35px; font-size: 48px; line-height: 49px; } .direction-introduction .h2 { margin-bottom: 80px; font-size: 14px; } .direction-introduction hr { margin-bottom: 30px; } .direction-introduction ol a { font-size: 12px; line-height: 15px; } .direction-introduction ol a.one-line { padding-top: 69px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-introduction__content { display: table; height: 100%; } .direction-introduction-play { width: 78px; height: 78px; margin-bottom: 20px; } .direction-introduction-play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } .direction-introduction .container { padding: 60px 0 0; display: table-cell; vertical-align: middle; } .direction-introduction .baseline { margin: 0 0 20px; font-size: 20px; line-height: 20px; } .direction-introduction h1 { margin: 0 0 30px; font-size: 50px; line-height: 52px; } .direction-introduction .h2 { font-size: 14px; margin-bottom: 30px; } .direction-introduction hr { margin-bottom: 20px; } .direction-introduction ol a { font-size: 12px; line-height: 15px; } .direction-introduction ol a.one-line { padding-top: 69px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-introduction__content { display: table; height: 100%; } .direction-introduction-play { width: 78px; height: 78px; margin-bottom: 20px; } .direction-introduction-play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } .direction-introduction .container { padding: 60px 0 0; display: table-cell; vertical-align: middle; } .direction-introduction .baseline { margin: 0 0 25px; font-size: 20px; line-height: 20px; } .direction-introduction h1 { margin: 0 0 30px; font-size: 50px; line-height: 54px; } .direction-introduction .h2 { font-size: 14px; margin-bottom: 30px; } .direction-introduction hr { margin-bottom: 30px; max-width: 570px; margin: 0 auto 30px; } .direction-introduction ol { max-width: 620px; margin: 0 auto; } .direction-introduction ol a { font-size: 12px; line-height: 15px; } .direction-introduction ol a.one-line { padding-top: 69px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-introduction__content { display: table; height: 100%; } .direction-introduction__badge { z-index: 1; width: 127px; height: 126px; background: url(../img/icons/introduction/badge_medium.png) no-repeat; } .direction-introduction-play { width: 123px; height: 123px; margin-bottom: 40px; } .direction-introduction-play:before { margin-top: -23px; margin-left: -13.5px; border-width: 22px 0 22px 37px; } .direction-introduction .container { display: table-cell; padding: 60px 0 0; vertical-align: middle; } .direction-introduction .baseline { margin: 0 0 35px; font-size: 37px; line-height: 37px; } .direction-introduction h1 { margin: 0 0 45px; font-size: 70px; line-height: 80px; } .direction-introduction .h2 { margin-bottom: 60px; font-size: 22px; line-height: 22px; } .direction-introduction hr { max-width: 1010px; margin: 10px auto 20px; margin-bottom: 42px; } .direction-introduction ol { max-width: 1110px; margin: 0 auto; } .direction-introduction ol a { padding-top: 120px; font-size: 18px; line-height: 23px; } .direction-introduction ol a.one-line { padding-top: 131px; } .direction-introduction ol a.program:before { background-image: url(../img/icons/introduction/program_medium.png); } .direction-introduction ol a.resort:before { background-image: url(../img/icons/introduction/ski_medium.png); } .direction-introduction ol a.route:before { background-image: url(../img/icons/introduction/route_medium.png); } .direction-introduction ol a.hotels:before { background-image: url(../img/icons/introduction/hotel_medium.png); } .direction-introduction ol a.attractions:before { background-image: url(../img/icons/introduction/attractions_medium.png); } .direction-introduction ol a.movie:before { background-image: url(../img/icons/introduction/movie_medium.png); } .direction-introduction ol a.terms:before { background-image: url(../img/icons/introduction/terms_medium.png); } .direction-introduction ol a:before { width: 84px; height: 84px; margin-left: -42px; } } @media (min-width: 2560px) { .direction-introduction__content { display: table; height: 100%; } .direction-introduction__badge { width: 169px; height: 167px; background: url(../img/icons/introduction/badge_large.png) no-repeat; } .direction-introduction-play { width: 164px; height: 164px; margin-bottom: 90px; } .direction-introduction-play:before { margin-top: -29px; margin-left: -21px; border-width: 29px 0 29px 50px; } .direction-introduction .container { display: table-cell; padding: 60px 0 0; vertical-align: middle; } .direction-introduction .baseline { margin: 0 0 35px; font-size: 50px; line-height: 49px; } .direction-introduction h1 { margin: 0 0 45px; font-size: 120px; line-height: 120px; } .direction-introduction .h2 { margin-bottom: 60px; font-size: 29px; line-height: 39px; } .direction-introduction hr { max-width: 1320px; margin: 0 auto 30px; margin-bottom: 42px; } .direction-introduction ol { max-width: 1420px; margin: 0 auto; } .direction-introduction ol a { padding-top: 158px; font-size: 24px; line-height: 31px; } .direction-introduction ol a.one-line { padding-top: 170px; } .direction-introduction ol a.program:before { background-image: url(../img/icons/introduction/program_large.png); } .direction-introduction ol a.resort:before { background-image: url(../img/icons/introduction/ski_large.png); } .direction-introduction ol a.route:before { background-image: url(../img/icons/introduction/route_large.png); } .direction-introduction ol a.hotels:before { background-image: url(../img/icons/introduction/hotel_large.png); } .direction-introduction ol a.attractions:before { background-image: url(../img/icons/introduction/attractions_large.png); } .direction-introduction ol a.movie:before { background-image: url(../img/icons/introduction/movie_large.png); } .direction-introduction ol a.terms:before { background-image: url(../img/icons/introduction/terms_large.png); } .direction-introduction ol a:before { width: 110px; height: 110px; margin-left: -55px; } } /* ========================================================================== Block/Direction/Program ========================================================================== */ /* ========================================================================== Block/Direction/Program/Main ========================================================================== */ .direction-program { position: relative; margin-right: 60px; } .direction-program .slimScrollDiv { position: static !important; } .direction-program .col-sm-6 { position: static; } .direction-program .col-sm-6--content { padding-right: 20px; } .direction-program__badge { position: absolute; top: 0; right: 0; width: 90px; height: 88px; background: url(../img/icons/introduction/badge.png) no-repeat; } .direction-program__image { position: absolute; z-index: 99; top: 0; left: 0; overflow: hidden; width: 50%; height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .direction-program__head { position: relative; } .direction-program__head h2, .direction-program__body h2 { margin: 0 0 8px; padding: 0; font-weight: 700; font-size: 24px; } .direction-program__head h3, .direction-program__body h3 { margin: 0; padding: 0; color: #ff6000; font-weight: 600; font-size: 1.4em; line-height: 20px; } .direction-program__head p, .direction-program__body p { margin: 0; font-size: 1.4em; line-height: 20px; } .direction-program__head p + p, .direction-program__body p + p { margin-bottom: 10px; } .direction-program__body { padding-top: 0; } .direction-program__list { margin-bottom: 0; padding-top: 17px; } .direction-program__list .panel { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .direction-program__list .panel + .panel { margin-top: 1px; } .direction-program__list .panel:nth-child(even) .panel-heading a { background: url(../img/pattern.png); } .direction-program__list .panel:nth-child(even) .panel-heading a[aria-expanded="true"]:after { position: absolute; top: 0; display: block; content: ""; background: url(../img/icons/other/minus_icon.png) no-repeat 50% 50%; left: -41px; width: 40px; height: 40px; } .direction-program__list .panel:nth-child(even) .panel-heading a:before { background: url(../img/pattern.png); } .direction-program__list .panel:nth-child(even) .panel-heading a:after { position: absolute; top: 0; display: block; content: ""; background: url(../img/icons/other/plus_icon.png) no-repeat 50% 50%; left: -41px; width: 40px; height: 40px; } .direction-program__list .panel:nth-child(even) .panel-body { background: url(../img/pattern.png); } .direction-program__list .panel-heading { padding: 0; border: 0; background: transparent; margin: 0 0 0 40px; } .direction-program__list .panel-heading a { position: relative; display: block; text-decoration: none; background: #f3f3f3; } .direction-program__list .panel-heading a:focus { border: 0; outline: 0; } .direction-program__list .panel-heading a[aria-expanded="true"]:before { position: absolute; top: 0; display: block; content: ""; background: #f3f3f3 url(../img/icons/other/minus_icon.png) no-repeat 50% 50%; left: -41px; width: 40px; height: 40px; } .direction-program__list .panel-heading a:before { position: absolute; top: 0; display: block; content: ""; background: #f3f3f3 url(../img/icons/other/plus_icon.png) no-repeat 50% 50%; left: -41px; width: 40px; height: 40px; } .direction-program__list .panel-heading strong { text-transform: uppercase; } .direction-program__list .panel-body { color: #747474; border: 0 !important; background: #f3f3f3; margin: 0 0 0 40px; padding: 0 20px 10px; } .direction-program__list .panel-body a { text-decoration: none; color: #ff5603; } .direction-program__list .panel-body .more { float: right; } .direction-program__tab { position: absolute; z-index: 999; right: 0; } .direction-program__tab .nav-tabs { border: 0; } .direction-program__tab .nav-tabs > li { float: none; margin-bottom: 0; } .direction-program__tab .nav-tabs > li > a { width: 65px; height: 65px; margin: 0; padding: 0; text-align: center; color: #fff; border: 0; border-top: 1px solid #909090; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: rgba(0, 0, 0, 0.8); font-size: 1.35em; font-weight: 700; line-height: 65px; } .direction-program__tab .nav-tabs > li > a span { font-size: 1.6em; } .direction-program__tab .nav-tabs > li > a:hover { border: 0; border-top: 1px solid #909090; background: #000; } .direction-program__tab .nav-tabs > li:first-child a { border-top: 0; } .direction-program__tab .nav-tabs > li.active a, .direction-program__tab .nav-tabs > li.active a:focus, .direction-program__tab .nav-tabs > li.active a:hover { color: #000; border: 0; border-top: 1px solid transparent; background: #fff; } .direction-menu__show.open + .direction .direction-program { margin-right: 20px; } .direction-menu__show.open + .direction .direction-program .direction-program__image { width: calc(100% + 20px); } .direction-program { /* ========================================================================== Block/Direction/Introduction/320 (mobile-320) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/480 (mobile-480) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/768 (mobile-768) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/1024 (small) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/1366 (default) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/1920 (medium) ========================================================================== */ /* ========================================================================== Block/Direction/Introduction/2560 (large) ========================================================================== */ } @media (min-width: 0px) and (max-width: 479px) { .direction-program { margin-right: 0px !important; } .direction-program .col-sm-6--content { display: block; width: 100%; padding-right: 15px; padding-bottom: 30px; } .direction-program .col-sm-6--image { width: 100%; height: 142px; margin-top: 60px; padding-right: 0; } .direction-program__badge { display: none; } .direction-program__image { top: 60px; overflow: hidden; width: 100%; height: 142px; } .direction-program__head { padding: 17px 0 0 0; } .direction-program__list { padding-top: 17px; } .direction-program__list .panel-heading a { padding: 13px 20px 13px; font-size: 13px; } .direction-program__tab { position: absolute; z-index: 999; right: 0; bottom: 0; left: 22px; } .direction-program__tab .nav-tabs > li { float: left; } .direction-program__tab .nav-tabs > li > a { width: 45px; height: 45px; line-height: 45px; border-top: 0; border-left: 1px solid #909090; } .direction-program__tab .nav-tabs > li:first-child a { border-left: 0; } .direction-program__tab .nav-tabs > li.active a, .direction-program__tab .nav-tabs > li.active a:focus, .direction-program__tab .nav-tabs > li.active a:hover { border-left: 1px solid transparent; } } @media (min-width: 480px) and (max-width: 767px) { .direction-program { margin-right: 0px !important; } .direction-program .col-sm-6--content { display: block; width: 100%; padding-right: 15px; padding-bottom: 30px; } .direction-program .col-sm-6--image { width: 100%; height: 142px; margin-top: 60px; padding-right: 0; } .direction-program__badge { display: none; } .direction-program__image { top: 60px; overflow: hidden; width: 100%; height: 142px; } .direction-program__head { padding: 17px 0 0 0; } .direction-program__list { padding-top: 17px; } .direction-program__list .panel-heading a { padding: 13px 20px 13px; font-size: 13px; } .direction-program__tab { position: absolute; z-index: 999; right: 0; bottom: 0; left: 22px; } .direction-program__tab .nav-tabs > li { float: left; } .direction-program__tab .nav-tabs > li > a { border-top: 0; border-left: 1px solid #909090; } .direction-program__tab .nav-tabs > li:first-child a { border-left: 0; } .direction-program__tab .nav-tabs > li.active a, .direction-program__tab .nav-tabs > li.active a:focus, .direction-program__tab .nav-tabs > li.active a:hover { border-left: 1px solid transparent; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-program .col-sm-6--content { display: block; width: 100%; padding-right: 15px; padding-bottom: 30px; } .direction-program .col-sm-6--image { width: 100%; height: 288px; padding-right: 0; } .direction-program > .container > .row > .col-sm-6 { display: block; width: 100%; padding-right: 72px; } .direction-program > .container > .row > .col-sm-6:first-child { width: 100%; height: 288px; padding-right: 0; } .direction-program__image { overflow: hidden; width: calc(100% + 60px); height: 288px; } .direction-program .direction-program__badge { display: none; } .direction-program__head, .direction-program__body { padding: 24px 56px 0 26px; } .direction-program__list .panel-heading a { padding: 12px 20px 13px; font-size: 14px; } .direction-program__tab { position: absolute; z-index: 999; right: 0; bottom: 0; left: 22px; } .direction-program__tab .nav-tabs > li { float: left; } .direction-program__tab .nav-tabs > li > a { border-top: 0; border-left: 1px solid #909090; } .direction-program__tab .nav-tabs > li:first-child a { border-left: 0; } .direction-program__tab .nav-tabs > li.active a, .direction-program__tab .nav-tabs > li.active a:focus, .direction-program__tab .nav-tabs > li.active a:hover { border-left: 1px solid transparent; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-program .container > .row > .col-sm-6:first-child { width: 33.3333%; } .direction-program .container > .row > .col-sm-6 { width: 66.6%; } .direction-program__image { width: 35.3333%; } .direction-program__body { padding: 0 0 0 30px; } .direction-program__head { padding: 70px 0 0 30px; } .direction-program__list .panel-heading a { height: 40px; padding: 13px 20px 12px; } .direction-program__tab { top: 71px; } .direction-program .panel-title { font-size: 14px; } } @media (max-width: 1024px) and (min-width: 1024px) { .direction-program .container > .row > .col-sm-6:first-child { width: 31.3333%; } .direction-program__image { width: 33.3333%; } .direction-program .container > .row > .col-sm-6 { width: 63%; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-program__body { padding: 0 0 0 35px; } .direction-program__head { padding: 66px 0 0 35px; } .direction-program__list .panel-heading .panel-title { font-size: 1.4em; line-height: 20px; } .direction-program__list .panel-heading a { padding: 10px 20px 9px; } .direction-program__tab { top: 71px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-program .direction-program__badge { width: 127px; height: 126px; background: url(../img/icons/introduction/badge_medium.png) no-repeat; } .direction-program__body { padding: 0 0 0 50px; } .direction-program__head { padding: 103px 0 0 50px; } .direction-program__head h2, .direction-program__body h2 { font-size: 3.7em; } .direction-program__head h3, .direction-program__body h3 { font-size: 1.6em; line-height: 24px; } .direction-program__head p, .direction-program__body p { font-size: 1.6em; line-height: 24px; } .direction-program__list .panel:nth-child(even) .panel-heading a[aria-expanded="true"]:after { left: -51px; width: 50px; height: 50px; } .direction-program__list .panel:nth-child(even) .panel-heading a:after { left: -51px; width: 50px; height: 50px; } .direction-program__list .panel-heading { margin: 0 0 0 51px; } .direction-program__list .panel-heading .panel-title { font-size: 1.6em; line-height: 24px; } .direction-program__list .panel-heading a { padding: 13px 29px 13px; } .direction-program__list .panel-heading a[aria-expanded="true"]:before { left: -51px; width: 50px; height: 50px; } .direction-program__list .panel-heading a:before { left: -51px; width: 50px; height: 50px; } .direction-program__list .panel-body { margin: 0 0 0 51px; padding: 0 29px 10px; } .direction-program__tab { top: 103px; } } @media (min-width: 2560px) { .direction-program .direction-program__badge { width: 169px; height: 167px; background: url(../img/icons/introduction/badge_large.png) no-repeat; } .direction-program__body { padding: 0 0 0 65px; } .direction-program__head { padding: 103px 0 0 65px; } .direction-program__head h2, .direction-program__body h2 { font-size: 5em; } .direction-program__head h3, .direction-program__body h3 { font-size: 1.8em; line-height: 26px; } .direction-program__head p, .direction-program__body p { font-size: 1.8em; line-height: 26px; } .direction-program__list { padding-left: 16px; } .direction-program__list .panel:nth-child(even) .panel-heading a[aria-expanded="true"]:after { left: -56px; width: 55px; height: 54px; } .direction-program__list .panel:nth-child(even) .panel-heading a:after { left: -56px; width: 55px; height: 54px; } .direction-program__list .panel-heading .panel-title { font-size: 1.8em; line-height: 26px; } .direction-program__list .panel-heading a { padding: 14px 49px 14px; } .direction-program__list .panel-heading a[aria-expanded="true"]:before { left: -56px; width: 55px; height: 54px; } .direction-program__list .panel-heading a:before { left: -56px; width: 55px; height: 54px; } .direction-program__list .panel-body { margin: 0 0 0 40px; padding: 0 49px 10px; } .direction-program__tab { top: 103px; } } /* ========================================================================== Block/Direction/Resort ========================================================================== */ /* ========================================================================== Block/Direction/Resort/Main ========================================================================== */ .direction-resort #directionResortMap { width: 100%; height: 100%; } .direction-resort #directionResortMap .gm-labels { font-size: 14px; color: #fff; box-shadow: 1px 2px 2px rgba(4, 4, 4, 0.63); -webkit-box-shadow: 1px 2px 2px rgba(4, 4, 4, 0.63); -moz-box-shadow: 1px 2px 2px rgba(4, 4, 4, 0.63); margin: -25px 0px 0px 4px !important; font-weight: normal; background: #262628; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 9px 9px 10px; } .direction-resort #directionRouteMap { width: 100%; height: 100%; } .direction-resort .gm-labels { margin: -16px 0 0 16px !important; color: #fff; text-shadow: 1px 2px 2px rgba(4, 4, 4, 0.63); font-size: 14px; font-weight: normal; } .direction-resort .gm-labels--route { margin: -84px 0 0 27px !important; font-size: 24px !important; font-weight: bold !important; } .direction-resort .gm-style { font-family: "Neue Haas Grotesk DS Pro" !important; } .direction-resort .gm-style .gm-style-iw { top: auto !important; left: auto !important; width: 440px !important; -webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); -moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); } .direction-resort .gm-size-iw { width: 440px !important; height: 404px !important; } .direction-resort .gm-style .gm-style-iw + div { top: 20px !important; right: 15px !important; display: block !important; width: 14px !important; height: 15px !important; cursor: pointer !important; opacity: 1 !important; background: url(../img/close.png) no-repeat !important; } .direction-resort .gm-style .gm-style-iw + div img { top: 0 !important; right: auto !important; left: 0 !important; width: 15px !important; height: 15px !important; opacity: 0; } .direction-resort .gmaps-resort { width: 440px; background: rgba(14, 14, 14, 0.9); } .direction-resort .gmaps-resort:before, .direction-resort .gmaps-resort:after { clear: both; } .direction-resort .gmaps-resort__close { position: absolute; top: 24px; right: 24px; display: block; width: 14px; height: 15px; cursor: pointer; background: url(../img/close.png) no-repeat; } .direction-resort .gmaps-resort__item { float: left; width: 33.3333333%; height: 87px; text-align: center; color: #fff; border-left: 1px solid #0e0e0e; font-size: 41px; font-weight: 700; line-height: 87px; } .direction-resort .gmaps-resort__item:first-child { border-left: 0; } .direction-resort .gmaps-resort__item.lift1 { background: url(../img/icons/orange/lift_gmaps1.png) no-repeat 106px 14px; } .direction-resort .gmaps-resort__item.lift2 { background: url(../img/icons/orange/lift_gmaps2.png) no-repeat 116px 14px; background-size: auto 29px; } .direction-resort .gmaps-resort__item.lift3 { background: url(../img/icons/orange/lift_gmaps3.png) no-repeat 100px 14px; background-size: auto 30px; } .direction-resort .gmaps-resort__left-image { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .direction-resort .gmaps-resort__left { float: left; width: 270px; } .direction-resort .gmaps-resort__right { position: relative; float: right; width: 170px; height: 222px; padding: 21px 0 0; color: #eaebeb; } .direction-resort .gmaps-resort__right:before { position: absolute; top: 57px; left: -7px; width: 0; height: 0; content: ""; border-width: 5px 7px 5px 0; border-style: solid; border-color: transparent #000000 transparent transparent; } .direction-resort .gmaps-resort__right h2 { margin: 0 0 13px; padding: 0 17px; font-size: 12px; font-weight: 400; font-style: italic; line-height: 15px; } .direction-resort .gmaps-resort__right .route { display: block; padding: 0 17px; font-size: 14px; font-style: italic; line-height: 18px; } .direction-resort .gmaps-resort__right .route span { display: inline-block; width: 30px; height: 30px; margin: 0 15px 13px 0; text-align: center; color: #ffffff; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000; font-size: 14px; font-style: normal; line-height: 30px; } .direction-resort .gmaps-resort__right .route-easy span { background: #0977d0; } .direction-resort .gmaps-resort__right .route-easy--green span { background: #51b719; } .direction-resort .gmaps-resort__right .route-medium span { background: #fd0f29; } .direction-resort .gmaps-resort__right .route-total { display: block; width: 100%; height: 46px; padding: 0 17px; text-align: center; border-top: 1px solid #323232; background: -webkit-linear-gradient(#ff5603, #ff8612); -webkit-background-clip: text; font-size: 23px; font-weight: 700; line-height: 47px; -webkit-text-fill-color: transparent; } .direction-resort .gmaps-resort__body { border-top: 2px solid #ff7b09; background: url(../img/pattern_dark.png); } .direction-resort .gmaps-resort__title { min-height: 42px; padding: 13px 15px 12px; text-transform: uppercase; color: #fff; border-bottom: 1px solid #0e0e0e; font-size: 16px; font-weight: bold; } .direction-resort .gmaps-resort__inner { padding: 0 15px 15px; color: #fff; font-size: 16px; } .direction-resort .gmaps-resort__button .btn { position: relative; width: 440px; height: 51px; padding: 0 20px; text-align: left; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e51a49), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: linear-gradient(to right, #e51a49 0%, #e51a49 56%); font-family: "Lato", sans-serif; font-size: 14px; font-weight: 900; line-height: 51px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); } .direction-resort .gmaps-resort__button .btn:after { position: absolute; top: 50%; right: 20px; width: 0; height: 0; margin-top: -5.5px; content: ""; border-width: 5.5px 0 5.5px 6px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .direction-resort .gmaps-resort__button .btn:hover { color: #fff; background: #e51a49; } /* ========================================================================== Block/Direction/Resort/320 (mobile-320) ========================================================================== */ @media (min-width: 0px) and (max-width: 479px) { .openInfoWindow .direction-resort .gmaps-resort__close { position: fixed !important; top: 17px !important; right: 30px !important; display: block !important; } .openInfoWindow .gm-style > div:nth-child(1) { z-index: 9999999999 !important; } .openInfoWindow .gm-style > div > div:nth-child(4) { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; transform: none !important; } .openInfoWindow .gm-style > div > div:nth-child(4) > div:nth-child(4) { transform: none !important; } .openInfoWindow .gm-size-iw { height: 375px !important; } .openInfoWindow .gm-size-iw .gm-style-iw { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; margin: 0 !important; } .openInfoWindow .gmaps-resort { position: fixed; top: 60px; right: 0; bottom: 0; left: 0; width: auto; } .openInfoWindow .gmaps-resort__button .btn { width: 100%; } .openInfoWindow .direction-resort .gm-style .gm-style-iw + div { position: fixed !important; top: 17px !important; right: 30px !important; display: none !important; } .openInfoWindow .gmaps-resort__left { width: 100% !important; height: 97px !important; } .openInfoWindow .gmaps-resort__right { float: left; width: 50%; height: auto; margin-top: 44px; padding: 13px 0 1px 0; background: #0E0E0E; } .openInfoWindow .gmaps-resort__left-image { min-height: 97px !important; } .openInfoWindow .gmaps-resort__right h2 { float: left; margin-top: 8px; } .openInfoWindow .gmaps-resort__right .route { float: left; padding: 0 12px; } .openInfoWindow .gmaps-resort__right .route-total { clear: both; border-top: 0; } .openInfoWindow .direction-resort .gmaps-resort__item.lift1, .openInfoWindow .direction-resort .gmaps-resort__item.lift2, .openInfoWindow .direction-resort .gmaps-resort__item.lift3 { float: none; width: 100%; background-position: 90% 14px; } .openInfoWindow .direction-resort .gmaps-resort__title { position: absolute; top: 97px; width: 100%; padding: 15px 15px 12px; border-top: 2px solid #ff7b09; } .openInfoWindow .direction-resort .gmaps-resort__body { border-top: 0; background: transparent; } .openInfoWindow .direction-resort .gmaps-resort__body .clearfix { position: absolute; top: 144px; right: 0; width: 50%; background: url(../img/pattern_dark.png); } .openInfoWindow .direction-resort .gmaps-resort__item { height: 73px; border-top: 1px solid #0E0E0E; line-height: 73px; } .openInfoWindow .direction-resort .gmaps-resort__item.lift1 { border-top: 0; } .openInfoWindow .direction-resort .gm-size-iw { height: 417px !important; } .openInfoWindow .direction-resort .gm-size-iw .gmaps-resort__head { height: 366px; } } /* ========================================================================== Block/Direction/Resort/480 (mobile-480) ========================================================================== */ @media (min-width: 480px) and (max-width: 767px) { .openInfoWindow.fp-viewing-osrodki header { display: none; } .openInfoWindow .direction-resort .gmaps-resort__close { position: fixed !important; top: 17px !important; right: 30px !important; display: block !important; } .openInfoWindow .gm-style > div:nth-child(1) { z-index: 9999999999 !important; } .openInfoWindow .gm-style > div > div:nth-child(4) { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; transform: none !important; } .openInfoWindow .gm-style > div > div:nth-child(4) > div:nth-child(4) { transform: none !important; } .openInfoWindow .gm-size-iw { height: 304px !important; } .openInfoWindow .gm-size-iw .gm-style-iw { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; margin: 0 !important; } .openInfoWindow .gmaps-resort { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: auto; } .openInfoWindow .gmaps-resort__button .btn { width: 100%; } .openInfoWindow .direction-resort .gm-style .gm-style-iw + div { position: fixed !important; top: 17px !important; right: 30px !important; display: none !important; } .openInfoWindow .gmaps-resort__left { width: 100% !important; height: 97px !important; } .openInfoWindow .gmaps-resort__right { width: 100%; height: auto; padding: 13px 0 1px 0; background: #0E0E0E; margin-top: 44px; } .openInfoWindow .gmaps-resort__left-image { min-height: 97px !important; } .openInfoWindow .gmaps-resort__right h2 { float: left; margin-top: 8px; } .openInfoWindow .gmaps-resort__right .route { float: left; padding: 0 12px; } .openInfoWindow .gmaps-resort__right .route-total { display: none; } .openInfoWindow .direction-resort .gmaps-resort__item.lift1, .openInfoWindow .direction-resort .gmaps-resort__item.lift2, .openInfoWindow .direction-resort .gmaps-resort__item.lift3 { background-position: 90% 14px; } .openInfoWindow .direction-resort .gmaps-resort__title { position: absolute; top: 97px; border-top: 2px solid #ff7b09; width: 100%; padding: 15px 15px 12px; } .openInfoWindow .direction-resort .gmaps-resort__body { border-top: 0; } .openInfoWindow .direction-resort .gmaps-resort__item { line-height: 55px; height: 55px; } } /* ========================================================================== Block/Direction/Resort/Tablet (tablet) ========================================================================== */ /* ========================================================================== Block/Direction/Hotels ========================================================================== */ /* ========================================================================== Block/Direction/Hotels/Main ========================================================================== */ .direction-hotels .fp-controlArrow { display: none; } .direction-hotels .carousel-inner { height: 100%; } .direction-hotels .carousel-caption { position: relative; top: 0; right: auto; left: auto; margin: 0 auto; margin: 0 auto; padding: 0; background: rgba(0, 0, 0, 0.5); } .direction-hotels .item { height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .direction-hotels .slide_caption { display: table; width: 100%; height: 100%; } .direction-hotels .slide_caption-inside { display: table-cell; vertical-align: middle; } .direction-hotels .h1 { position: relative; display: inline-block; margin: 0; padding: 0; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5); font-weight: 700; } .direction-hotels p { text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5); font-weight: 700; } .direction-hotels .btn { position: relative; padding: 0; text-align: left; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e51a49), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: linear-gradient(to right, #e51a49 0%, #e51a49 56%); font-family: "Lato", sans-serif; font-weight: bold; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); } .direction-hotels .btn:after { position: absolute; top: 50%; right: 20px; width: 0; height: 0; margin-top: -5.5px; content: ""; border-width: 5.5px 0 5.5px 6px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .direction-hotels .btn:hover { color: #fff; background: #e51a49; } .direction-hotels .container-controls { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .direction-hotels .container-controls .container { position: relative; height: 100%; } .direction-hotels .controls { position: absolute; right: 0; bottom: 0; left: 0; height: 0; margin: 0 auto; } .direction-hotels .carousel-control { position: absolute; top: auto; right: auto; bottom: auto; left: auto; width: 36px; height: 63px; opacity: 1; } .direction-hotels .carousel-control.left, .direction-hotels .carousel-control.right { display: block; width: 180px; } .direction-hotels .carousel-control.left { position: absolute; z-index: 99999; left: 0; text-align: left; background: url(../img/sliderControlPrev.png) left center no-repeat; } .direction-hotels .carousel-control.right { z-index: 99999; right: 0; text-align: right; background: url(../img/sliderControlNext.png) right center no-repeat; } .direction-hotels { /* ========================================================================== Block/Direction/Hotels/320 (mobile-320) ========================================================================== */ /* ========================================================================== Block/Direction/Hotels/320 (mobile-480) ========================================================================== */ /* ========================================================================== Block/Direction/Hotels/768 (tablet) ========================================================================== */ /* ========================================================================== Block/Direction/Hotels/1024 (small) ========================================================================== */ /* ========================================================================== Block/Direction/Hotels/1366 (default) ========================================================================== */ /* ========================================================================== Block/Direction/Hotels/1920 (medium) ========================================================================== */ /* ========================================================================== Block/Direction/Hotels/2560 (large) ========================================================================== */ } @media (min-width: 0px) and (max-width: 479px) { .direction-hotels .slide_caption { padding: 0 20px; } .direction-hotels .carousel-caption { width: 280px; padding: 40px 0; } .direction-hotels .h1 { display: block; font-size: 36px; line-height: 36px; } .direction-hotels .star-content { display: block; margin: 8px 0 22px; text-align: center; font-size: 22px; } .direction-hotels .star-content span { margin: 0 6px; } .direction-hotels .number-of-slide { display: block; margin: 0 0 3px; font-size: 18px; } .direction-hotels .number-of-slide span { font-size: 13.5px; position: relative; top: -2px; left: 1px; } .direction-hotels p { display: none; } .direction-hotels .btn { width: 219px; height: 51px; padding-left: 23px; line-height: 51px; } .direction-hotels .carousel-control.left, .direction-hotels .carousel-control.right { width: 50%; margin: 0 0 -85px; padding: 0; background-position: center center; } .direction-hotels .carousel-control.left span, .direction-hotels .carousel-control.right span { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .direction-hotels .slide_caption { padding: 0 20px; } .direction-hotels .carousel-caption { width: 280px; padding: 40px 0; } .direction-hotels .h1 { display: block; font-size: 36px; line-height: 36px; } .direction-hotels .star-content { display: block; margin: 8px 0 22px; text-align: center; font-size: 22px; } .direction-hotels .star-content span { margin: 0 6px; } .direction-hotels .number-of-slide { display: block; margin: 0 0 3px; font-size: 18px; } .direction-hotels .number-of-slide span { position: relative; top: -2px; font-size: 13.5px; left: 1px; } .direction-hotels p { display: none; } .direction-hotels .btn { width: 219px; height: 51px; padding-left: 23px; line-height: 51px; } .direction-hotels .carousel-control.left span, .direction-hotels .carousel-control.right span { display: none; } .direction-hotels .carousel-control.left { left: 30px; } .direction-hotels .carousel-control.right { right: 30px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-hotels .carousel-caption { width: 645px; padding: 40px; } .direction-hotels .h1 { display: block; font-size: 43px; line-height: 46px; } .direction-hotels .star-content { position: relative; top: -16px; text-align: center; font-size: 22px; } .direction-hotels .star-content span { margin: 0 6px; } .direction-hotels .number-of-slide { display: block; margin: 0 0 3px; font-size: 18px; } .direction-hotels .number-of-slide span { position: relative; top: -2px; left: 1px; font-size: 13.5px; } .direction-hotels p { margin: 0 0 20px; font-size: 18px; line-height: 30px; } .direction-hotels .btn { width: 219px; height: 51px; padding-left: 23px; line-height: 51px; } .direction-hotels .controls { width: 645px; } .direction-hotels .carousel-control { bottom: 70px; padding: 80px 0 0; } .direction-hotels .carousel-control.left span, .direction-hotels .carousel-control.right span { font-size: 18px; } .direction-hotels .carousel-control.left { left: 75px; } .direction-hotels .carousel-control.right { right: 75px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-hotels .carousel-caption { width: 860px; min-height: 381px; padding: 40px; } .direction-hotels .h1 { display: block; font-size: 58px; line-height: 48px; } .direction-hotels .star-content { position: relative; top: -20px; text-align: center; font-size: 30px; } .direction-hotels .star-content span { margin: 0 6px; } .direction-hotels .number-of-slide { display: block; margin: 0 0 3px; font-size: 24px; } .direction-hotels .number-of-slide span { position: relative; top: -3px; left: 1px; font-size: 18px; } .direction-hotels p { margin: 0 0 20px; font-size: 21px; line-height: 30px; } .direction-hotels .btn { width: 219px; height: 51px; padding-left: 23px; line-height: 51px; } .direction-hotels .controls { width: 860px; } .direction-hotels .carousel-control { bottom: 70px; padding: 80px 0 0; margin-bottom: 70px; } .direction-hotels .carousel-control.left span, .direction-hotels .carousel-control.right span { font-size: 18px; } .direction-hotels .carousel-control.left { left: 30px; } .direction-hotels .carousel-control.right { right: 30px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-hotels .carousel-caption { width: 860px; padding: 40px; } .direction-hotels .h1 { display: block; font-size: 58px; line-height: 48px; } .direction-hotels .star-content { position: relative; top: -20px; text-align: center; font-size: 30px; } .direction-hotels .star-content span { margin: 0 6px; } .direction-hotels .number-of-slide { display: block; margin: 0 0 3px; font-size: 24px; } .direction-hotels .number-of-slide span { position: relative; top: -3px; left: 1px; font-size: 18px; } .direction-hotels p { margin: 0 0 20px; font-size: 21px; line-height: 30px; } .direction-hotels .btn { width: 219px; height: 51px; padding-left: 23px; line-height: 51px; } .direction-hotels .controls { top: 50%; bottom: auto; width: 860px; margin-top: -40px; } .direction-hotels .carousel-control { padding: 80px 0 0; } .direction-hotels .carousel-control.left span, .direction-hotels .carousel-control.right span { font-size: 18px; } .direction-hotels .carousel-control.left { left: -175px; } .direction-hotels .carousel-control.right { right: -175px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-hotels .carousel-caption { width: 1170px; padding: 40px; } .direction-hotels .h1 { display: block; font-size: 82px; line-height: 67px; } .direction-hotels .star-content { position: relative; top: -29px; text-align: center; font-size: 44px; } .direction-hotels .star-content span { margin: 0 6px; } .direction-hotels .number-of-slide { display: block; margin: 0 0 3px; font-size: 34px; } .direction-hotels .number-of-slide span { position: relative; top: -6px; left: 1px; font-size: 25px; } .direction-hotels p { margin: 0 0 40px; font-size: 30px; line-height: 42px; } .direction-hotels .btn { width: 307px; height: 70px; padding-left: 34px; font-size: 20px; line-height: 70px; } .direction-hotels .controls { top: 50%; bottom: auto; width: 1170px; margin-top: -40px; } .direction-hotels .carousel-control { padding: 80px 0 0; } .direction-hotels .carousel-control.left, .direction-hotels .carousel-control.right { width: 250px; } .direction-hotels .carousel-control.left span, .direction-hotels .carousel-control.right span { font-size: 25px; } .direction-hotels .carousel-control.left { left: -250px; } .direction-hotels .carousel-control.right { right: -250px; } } @media (min-width: 2560px) { .direction-hotels .carousel-caption { width: 1530px; padding: 40px; } .direction-hotels .h1 { display: block; font-size: 100px; line-height: 90px; } .direction-hotels .star-content { position: relative; top: -35px; text-align: center; font-size: 55px; } .direction-hotels .star-content span { margin: 0 12px; } .direction-hotels .number-of-slide { display: block; margin: 0 0 3px; font-size: 45px; } .direction-hotels .number-of-slide span { position: relative; top: -8px; left: 1px; font-size: 33px; } .direction-hotels p { margin: 0 0 40px; font-size: 40px; line-height: 56px; } .direction-hotels .btn { width: 429px; height: 80px; padding-left: 46px; font-size: 20px; line-height: 80px; } .direction-hotels .btn:after { margin-top: -9.5px; border-width: 9.5px 0 9.5px 9px; right: 45px; } .direction-hotels .controls { top: 50%; bottom: auto; width: 1530px; margin-top: -40px; } .direction-hotels .carousel-control { padding: 80px 0 0; } .direction-hotels .carousel-control.left, .direction-hotels .carousel-control.right { width: 250px; } .direction-hotels .carousel-control.left span, .direction-hotels .carousel-control.right span { font-size: 25px; } .direction-hotels .carousel-control.left { left: -250px; } .direction-hotels .carousel-control.right { right: -250px; } } /* ========================================================================== Block/Direction/Hotels/Days ========================================================================== */ .direction-hotels { position: relative; } .direction-hotels .number-of-slide span.divider { font-size: 25px; vertical-align: middle; margin: 0 10px; } @media (min-width: 0px) and (max-width: 767px) { .direction-hotels .number-of-slide span.divider { font-size: 21px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-hotels .number-of-slide span.divider { font-size: 21px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-hotels .number-of-slide span.divider { font-size: 25px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-hotels .number-of-slide span.divider { font-size: 25px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-hotels .number-of-slide span.divider { font-size: 25px; } } @media (min-width: 2560px) { .direction-hotels .number-of-slide span.divider { font-size: 27px; } } .direction-hotels--days .carousel-indicators { position: absolute; z-index: 10000; bottom: 20px; margin-bottom: 0; } .direction-hotels--days .carousel-indicators li { width: 100px; height: 55px; margin: 0 -1px; text-align: center; text-indent: 0; color: rgba(255, 255, 255, 0.75); border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; font-size: 13px; line-height: 55px; } .direction-hotels--days .carousel-indicators li a { color: #fff; } .direction-hotels--days .carousel-indicators li a:hover { text-decoration: none; } .direction-hotels--days .carousel-indicators li span { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); } .direction-hotels--days .carousel-indicators li.active span { background: #ff5603; } @media (min-width: 768px) and (max-width: 1023px) { .direction-hotels .carousel-caption { width: 100%; padding: 40px 100px; } .direction-hotels .carousel-caption p, .direction-hotels .carousel-caption .h1 { width: 680px; margin-left: auto; margin-right: auto; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-hotels .carousel-caption { width: 100%; padding: 40px 100px; } .direction-hotels .carousel-caption p, .direction-hotels .carousel-caption .h1 { width: 680px; margin-left: auto; margin-right: auto; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-hotels .carousel-caption { width: 100%; padding: 40px 100px; } .direction-hotels .carousel-caption p, .direction-hotels .carousel-caption .h1 { width: 680px; margin-left: auto; margin-right: auto; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-hotels .carousel-caption { width: 100%; padding: 40px 100px; } .direction-hotels .carousel-caption p, .direction-hotels .carousel-caption .h1 { width: 1000px; margin-left: auto; margin-right: auto; } } /* ========================================================================== Block/Direction/Attractions ========================================================================== */ /* ========================================================================== Base/Block/Ski Direction Attractions ========================================================================== */ .direction-attractions { /* Global */ /* Modifier */ } .direction-attractions .controls { display: none; position: absolute; bottom: 15%; left: 0; width: 100%; } .direction-attractions .controls__left, .direction-attractions .controls__right { position: absolute; width: 36px; display: block; text-align: left; padding-top: 77px; } .direction-attractions .controls__left { background: url(../img/sliderControlPrev.png) no-repeat; position: absolute; left: 81px; z-index: 99999; } .direction-attractions .controls__right { background: url(../img/sliderControlNext.png) no-repeat; z-index: 99999; right: 81px; background-position: right 50%; } .direction-attractions .direction-attractions__item { position: relative; float: left; width: 20%; height: 100%; background: #000; } .direction-attractions .direction-attractions__item-last .direction-attractions__item-inside.open { left: -100%; } .direction-attractions .direction-attractions__item-1 { width: 100%; } .direction-attractions .direction-attractions__item-1 .direction-attractions__item-inside.open { padding-right: 0; } .direction-attractions .direction-attractions__item-1 .direction-attractions__item-image, .direction-attractions .direction-attractions__item-1 .direction-attractions__item-inside.open .direction-attractions__item-image { width: 100% !important; } .direction-attractions .direction-attractions__item-1 .direction-attractions__item-inside.open { left: 0; } .direction-attractions .direction-attractions__item-1 { width: 100%; } .direction-attractions .direction-attractions__item-2 { width: 50%; } .direction-attractions .direction-attractions__item-3 { width: 33.33333333333333%; } .direction-attractions .direction-attractions__item-4 { width: 25%; } .direction-attractions .direction-attractions__item-5 { width: 20%; } .direction-attractions .direction-attractions__item-6 { width: 16.66666666666667%; } .direction-attractions .direction-attractions__item-7 { width: 14.28571428571429%; } .direction-attractions .direction-attractions__item-8 { width: 12.5%; } .direction-attractions .direction-attractions__item-inside { position: absolute; width: 100%; top: 0; left: 0; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; overflow: hidden; padding-right: 0; height: 100%; overflow: hidden; -webkit-transition: padding-right .5s, left .5s, z-index .5s; -moz-transition: padding-right .5s, left .5s, z-index .5s; -ms-transition: padding-right .5s, left .5s, z-index .5s; -o-transition: padding-right .5s, left .5s, z-index .5s; transition: padding-right .5s, left .5s, z-index .5s; } .direction-attractions .direction-attractions__item-inside.open { z-index: 9999999; width: 200%; } .direction-attractions .direction-attractions__item-inside.open.out { padding-right: 0; } .direction-attractions .direction-attractions__item-inside.open .direction-attractions__item-caption { background: transparent; } .direction-attractions .direction-attractions__item-inside.open .direction-attractions__item-caption .more { opacity: 1; } .direction-attractions .direction-attractions__item-inside.open .direction-attractions__item-caption .less { opacity: 0; } .direction-attractions .direction-attractions__item-image { height: 100%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } .direction-attractions .direction-attractions__item-caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.75); -webkit-transition: background .5s; -moz-transition: background .5s; -ms-transition: background .5s; -o-transition: background .5s; transition: background .5s; } .direction-attractions .direction-attractions__item-caption .more { position: absolute; top: 0; left: 0; z-index: 99999; opacity: 0; width: 100%; height: 100%; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .direction-attractions .direction-attractions__item-caption .more-inside { position: relative; margin: 0 auto; padding: 38px 30px 20px; background: #fff; text-align: center; margin-top: 300px; width: 90%; max-width: 480px; } .direction-attractions .direction-attractions__item-caption .more-inside .close { position: absolute; top: 0; left: 50%; margin: -27px 0 0 -27px; width: 54px; height: 54px; background: rgba(0, 0, 0, 0.32); border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 1; } .direction-attractions .direction-attractions__item-caption .more-inside .close:before { position: absolute; top: 50%; left: 50%; content: ""; margin: -1px 0 0 -5px; width: 10px; height: 2px; background: #fff; } .direction-attractions .direction-attractions__item-caption .more-inside .h2 { display: block; margin: 0; padding: 0 0 10px; color: #262626; font-size: 2.1em; font-weight: 500; line-height: 30px; } .direction-attractions .direction-attractions__item-caption .more-inside .h2 strong { font-weight: 700; } @media (min-width: 0px) and (max-width: 479px) { .direction-attractions .direction-attractions__item-caption .more-inside .h2 { font-size: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .direction-attractions .direction-attractions__item-caption .more-inside .h2 { font-size: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-attractions .direction-attractions__item-caption .more-inside .h2 { font-size: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-attractions .direction-attractions__item-caption .more-inside .h2 { font-size: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-attractions .direction-attractions__item-caption .more-inside .h2 { font-size: 22px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-attractions .direction-attractions__item-caption .more-inside .h2 { font-size: 25px; } } @media (min-width: 2560px) { .direction-attractions .direction-attractions__item-caption .more-inside .h2 { font-size: 30px; } } .direction-attractions .direction-attractions__item-caption .more-inside p { color: #8d8d8d; margin: 0; } @media (min-width: 0px) and (max-width: 479px) { .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 16px; line-height: 24px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 18px; line-height: 25px; } } @media (min-width: 2560px) { .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 20px; line-height: 28px; } } .direction-attractions .direction-attractions__item-caption .less { padding: 155px 0 0; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; text-align: center; font-weight: 500; } .direction-attractions .direction-attractions__item-caption .less .close { position: absolute; top: 273px; left: 50%; margin: 0 0 0 -27px; width: 54px; height: 54px; background: rgba(0, 0, 0, 0.32); border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 1; } .direction-attractions .direction-attractions__item-caption .less .close:before { position: absolute; top: 50%; left: 50%; content: ""; margin: -1px 0 0 -5px; width: 10px; height: 2px; background: #fff; } .direction-attractions .direction-attractions__item-caption .less .close:after { position: absolute; top: 50%; left: 50%; content: ""; margin: -5px 0 0 -1px; width: 2px; height: 10px; background: #fff; } .direction-attractions .direction-attractions__item-caption .less strong { font-weight: 700; } @media (min-width: 0px) and (max-width: 479px) { .direction-attractions .direction-attractions__item-caption .less .h2 { font-size: 22px; line-height: 25px; } } @media (min-width: 480px) and (max-width: 767px) { .direction-attractions .direction-attractions__item-caption .less .h2 { font-size: 22px; line-height: 25px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-attractions .direction-attractions__item-caption .less .h2 { font-size: 22px; line-height: 25px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-attractions .direction-attractions__item-caption .less .h2 { font-size: 22px; line-height: 25px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-attractions .direction-attractions__item-caption .less .h2 { font-size: 22px; line-height: 30px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-attractions .direction-attractions__item-caption .less .h2 { font-size: 25px; line-height: 46px; } } @media (min-width: 2560px) { .direction-attractions .direction-attractions__item-caption .less .h2 { font-size: 31px; line-height: 46px; } } .direction-attractions .direction-attractions__item-caption:hover { background: rgba(0, 0, 0, 0.38); } .direction-attractions.direction-attractions-layout-5 .direction-attractions__item:nth-child(5n) .direction-attractions__item-inside.open { left: -100%; } .direction-attractions.direction-attractions-layout-5 .direction-attractions__item-inside { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .direction-attractions.direction-attractions-layout-5 .direction-attractions__item-inside.open { width: 200%; padding-right: 0; } .direction-attractions.direction-attractions-layout-5 .direction-attractions__item-caption .more-inside { width: 70%; max-width: 536px; } .direction-attractions.direction-attractions-layout-5 .direction-attractions__item-caption .more-inside h2 { font-size: 3.3em; line-height: 46px; padding: 20px 0 20px; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item { width: 33.33333%; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item:nth-child(3n) .direction-attractions__item-inside.open { left: -200%; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item:nth-child(3n-1) .direction-attractions__item-inside.open { left: -100%; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item.direction-attractions__item--last-page-1 .direction-attractions__item-inside.open { left: 0; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item.direction-attractions__item--last-page-2 .direction-attractions__item-inside.open { left: -100%; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item.direction-attractions__item--last-page-3 .direction-attractions__item-inside.open { left: -200%; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item-inside { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item-inside.open { width: 300%; padding-right: 0; } .direction-attractions.direction-attractions-layout-3 .direction-attractions__item.direction-attractions__item-1 + .controls, .direction-attractions.direction-attractions-layout-3 .direction-attractions__item.direction-attractions__item-2 + .controls { display: none; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item { width: 50%; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item:nth-child(2n) .direction-attractions__item-inside.open { left: -100%; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item.direction-attractions__item--last-page-1 .direction-attractions__item-inside.open { left: 0; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item-inside { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item-inside.open .direction-attractions__item-image { width: 100% !important; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item-caption .more-inside { margin-top: 77px; width: 100%; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item-caption .more-inside .close { right: 0; left: auto; top: 11px; border: 0; background: transparent; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item-caption .more-inside .close:before { color: #262626; content: "\00d7"; width: auto; height: auto; background: transparent; font-size: 33px; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item-caption .less { padding: 91px 0 0; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item-caption .less .close { top: 200px; } .direction-attractions.direction-attractions-layout-2 .direction-attractions__item.direction-attractions__item-1 + .controls, .direction-attractions.direction-attractions-layout-2 .direction-attractions__item.direction-attractions__item-2 + .controls { display: none; } .direction-attractions.direction-attractions-layout-1 .direction-attractions__item .direction-attractions__item-inside.open { width: 100%; } .direction-attractions.direction-attractions-layout-1 .direction-attractions__item-caption .more-inside { margin-top: 100px; } .direction-attractions.direction-attractions-layout-1 .direction-attractions__item-caption .less .close { top: 220px; } .direction-attractions--checker { /* Global */ background: #262626; } .direction-attractions--checker .controls { display: none; position: absolute; bottom: 15%; left: 0; width: 100%; } .direction-attractions--checker .controls__left, .direction-attractions--checker .controls__right { position: absolute; width: 36px; display: block; text-align: left; padding-top: 77px; } .direction-attractions--checker .controls__left { background: url(../img/sliderControlPrev.png) no-repeat; position: absolute; left: 81px; z-index: 99999; } .direction-attractions--checker .controls__right { background: url(../img/sliderControlNext.png) no-repeat; z-index: 99999; right: 81px; background-position: right 50%; } .direction-attractions--checker-items { position: relative; overflow: hidden; } .direction-attractions--checker .direction-attractions__item { width: 16.66666666666667%; height: 220px; background: #262626; float: left; } @media (min-width: 768px) and (max-width: 1023px) { .direction-attractions--checker .direction-attractions__item { width: 33.33333333333333%; } } @media (min-width: 0px) and (max-width: 767px) { .direction-attractions--checker .direction-attractions__item { height: 100%; width: 50%; } } .direction-attractions--checker .direction-attractions__item:hover .less { opacity: 1; filter: alpha(opacity=100); } .direction-attractions--checker .direction-attractions__item-inside { height: 100%; } .direction-attractions--checker .direction-attractions__item-image { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } .direction-attractions--checker .direction-attractions__item-inside.open .more { z-index: 10000; opacity: 1; filter: alpha(opacity=100); transition: z-index 0.35s step-start, opacity 0.35s linear; -webkit-transition: z-index 0.35s step-start, opacity 0.35s linear; -moz-transition: z-index 0.35s step-start, opacity 0.35s linear; -ms-transition: z-index 0.35s step-start, opacity 0.35s linear; -o-transition: z-index 0.35s step-start, opacity 0.35s linear; } .direction-attractions--checker .direction-attractions__item-caption { position: relative; width: 100%; height: 100%; } .direction-attractions--checker .direction-attractions__item-caption .less { position: relative; z-index: 5; padding: 60px 30px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: z-index 0.35s step-end, opacity 0.35s linear; -webkit-transition: z-index 0.35s step-end, opacity 0.35s linear; -moz-transition: z-index 0.35s step-end, opacity 0.35s linear; -ms-transition: z-index 0.35s step-end, opacity 0.35s linear; -o-transition: z-index 0.35s step-end, opacity 0.35s linear; } .direction-attractions--checker .direction-attractions__item-caption .less .h2 { font-size: 1.8em; line-height: 24px; } .direction-attractions--checker .direction-attractions__item-caption .less .close { position: absolute; bottom: 45px; left: 50%; margin: 0 0 0 -27px; width: 54px; height: 54px; background: rgba(0, 0, 0, 0.32); border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 1; } .direction-attractions--checker .direction-attractions__item-caption .less .close:before { position: absolute; top: 50%; left: 50%; content: ""; margin: -1px 0 0 -5px; width: 10px; height: 2px; background: #fff; } .direction-attractions--checker .direction-attractions__item-caption .less .close:after { position: absolute; top: 50%; left: 50%; content: ""; margin: -5px 0 0 -1px; width: 2px; height: 10px; background: #fff; } .direction-attractions--checker .direction-attractions__item-caption .more { position: absolute; top: 0; left: 0; z-index: -1; margin-left: -200%; padding-left: 200%; width: 500%; height: 100%; opacity: 0; filter: alpha(opacity=0); transition: z-index 0.35s step-end, opacity 0.35s linear; -webkit-transition: z-index 0.35s step-end, opacity 0.35s linear; -moz-transition: z-index 0.35s step-end, opacity 0.35s linear; -ms-transition: z-index 0.35s step-end, opacity 0.35s linear; -o-transition: z-index 0.35s step-end, opacity 0.35s linear; } .direction-attractions--checker .direction-attractions__item-caption .more .close { position: absolute; right: 40px; top: 40px; border: 0; background: transparent; filter: alpha(opacity=100); opacity: 1; } .direction-attractions--checker .direction-attractions__item-caption .more .close:before { color: #262626; content: "\00d7"; width: auto; height: auto; background: transparent; font-size: 33px; } .direction-attractions--checker .direction-attractions__item-caption .more-inside { position: relative; padding: 30px 40px; background: #fff; width: 100%; height: 100%; } .direction-attractions--checker .direction-attractions__item-caption .more .image { position: absolute; top: 0; left: 0; right: 40%; height: 300%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } .direction-attractions--checker .direction-attractions__item-caption .more .h2 { margin: 0 0 30px; font-size: 2.1em; line-height: 30px; } .direction-attractions--checker .direction-attractions__item-caption .more p { font-size: 12px; line-height: 16px; } @media (min-width: 1920px) and (max-width: 2559px) { .direction-attractions--checker .direction-attractions__item-caption .more p { font-size: 16px; line-height: 24px; } } @media (min-width: 2560px) { .direction-attractions--checker .direction-attractions__item-caption .more p { font-size: 20px; line-height: 28px; } } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more { margin-left: 0; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { left: 0; right: 40%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more { margin-left: -100%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { left: 0; right: 40%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more { margin-left: -200%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { left: 0; right: 40%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more { margin-left: -400%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { left: 80%; right: -40%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more { margin-left: -500%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { left: 80%; right: -40%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more { margin-left: -600%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { left: 80%; right: -40%; } @media (min-width: 1024px) and (max-width: 1365px) { .direction-attractions--checker .direction-attractions__item .direction-attractions__item-caption .more { width: 600%; } .direction-attractions--checker .direction-attractions__item-caption .less { padding: 60px 10px 5px 10px; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more { margin-left: -100%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { left: 16%; right: 33%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more { margin-left: -200%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { left: 16%; right: 33%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more { margin-left: -300%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { left: 16%; right: 33%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { right: -17%; left: 66%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { right: -17%; left: 66%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { right: -17%; left: 66%; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-attractions--checker .direction-attractions__item-caption .less { padding: 14px 20px 0; } .direction-attractions--checker .direction-attractions__item-caption .less .close { bottom: 5px; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more { margin-left: -200%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { right: 0; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more { margin-left: -300%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+1) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { right: 0; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more { margin-left: -400%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { right: 0; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more { margin-left: -200%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+2) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { left: 0; right: 0; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more { margin-left: -300%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+1) .direction-attractions__item-caption .more .image { right: 0; left: 0; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more { margin-left: -400%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(3n+3) .direction-attractions__item:nth-child(2n+2) .direction-attractions__item-caption .more .image { right: 0; left: 0; } } @media (min-width: 0px) and (max-width: 767px) { .direction-attractions--checker-items { position: absolute; overflow: initial; } .direction-attractions--checker-items.last-page .direction-attractions__item-group:nth-child(2n+1) .direction-attractions__item .direction-attractions__item-caption .more { margin-left: -300% !important; } .direction-attractions--checker-items.last-page .direction-attractions__item-group:nth-child(2n+2) .direction-attractions__item .direction-attractions__item-caption .more { margin-left: -200% !important; } .direction-attractions--checker .direction-attractions__item-group { float: left; } .direction-attractions--checker .direction-attractions__item-group .direction-attractions__item:nth-child(1n) { clear: both; } .direction-attractions--checker .direction-attractions__item-group .direction-attractions__item:nth-child(1n) .direction-attractions__item-caption .less { padding-top: 100px; } .direction-attractions--checker .direction-attractions__item-group .direction-attractions__item:nth-child(1n) .direction-attractions__item-caption .more-inside { padding: 15px 20px; width: 67%; } .direction-attractions--checker .direction-attractions__item-group .direction-attractions__item:nth-child(1n) .direction-attractions__item-caption .more p { font-size: 14px; line-height: 20px; } .direction-attractions--checker .direction-attractions__item-group .direction-attractions__item:nth-child(1n) .direction-attractions__item-caption .more .image { right: 0; } .direction-attractions--checker .direction-attractions__item-group .direction-attractions__item:nth-child(1n) .direction-attractions__item-inside.open .direction-attractions__item-caption .more { z-index: 100000; } .direction-attractions--checker .direction-attractions__item-group:nth-child(2n+1) .direction-attractions__item:nth-child(1n) .direction-attractions__item-caption .more { margin-left: -200%; } .direction-attractions--checker .direction-attractions__item-group:nth-child(2n+2) .direction-attractions__item:nth-child(1n) .direction-attractions__item-caption .more { margin-left: -300%; } } .direction-attractions { /* ========================================================================== Block/Direction/Attractions/320 (attractions-320) ========================================================================== */ /* ========================================================================== Block/Direction/Attractions/480 (480) ========================================================================== */ /* ========================================================================== Block/Direction/Attractions/768 (tablet) ========================================================================== */ /* ========================================================================== Block/Direction/Attractions/1024 (small) ========================================================================== */ /* ========================================================================== Block/Direction/Attractions/1366 (default) ========================================================================== */ /* ========================================================================== Block/Direction/Attractions/1920 (medium) ========================================================================== */ /* ========================================================================== Block/Direction/Attractions/2560 (large) ========================================================================== */ } @media (min-width: 0px) and (max-width: 479px) { .direction-attractions .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .direction-attractions .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-attractions .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-attractions .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-attractions .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-attractions .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 18px; line-height: 26px; } } @media (min-width: 2560px) { .direction-attractions .direction-attractions .direction-attractions__item-caption .more-inside p { font-size: 14px; line-height: 20px; } } /* ========================================================================== Block/Direction/Table ========================================================================== */ /* ========================================================================== Base/Block/Ski Direction Table ========================================================================== */ .direction-table { z-index: 99998; background: #f5f5f5; padding-right: 60px; } @media (min-width: 0px) and (max-width: 767px) { .direction-table { padding-right: 0px !important; } } .direction-table--hidden { overflow-x: hidden; } .direction-table__tab { position: relative; } .direction-table__tab:before { position: absolute; top: 0; left: -10000px; content: ""; width: 10000px; height: 1px; background: #ededed; } .direction-table__tab:after { position: absolute; bottom: -1px; left: 15px; content: ""; width: 10000px; height: 1px; background: #ededed; } .direction-table__head { padding: 33px 0 0; background: #fff; border-top: 1px solid #ededed; } .direction-table__head .h2 { margin: 0; font-weight: 700; text-align: right; } .direction-table__head .nav-tabs { position: relative; margin-top: 28px; margin-left: -50px; border: 0; } .direction-table__head .nav-tabs li { position: relative; z-index: 99999; height: 43px; background: #ededed; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; line-height: 43px; transform: skew(35deg); -webkit-transform: skew(35deg); -moz-transform: skew(35deg); -o-transform: skew(35deg); -ms-transform: skew(35deg); } .direction-table__head .nav-tabs li:nth-child(odd) { background: #e5e5e5; } .direction-table__head .nav-tabs li.active { margin-bottom: -3px; background: #fff; border-bottom: 1px solid transparent; height: 46px; } .direction-table__head .nav-tabs li.active a, .direction-table__head .nav-tabs li.active a:focus, .direction-table__head .nav-tabs li.active a:hover { background: transparent; border: 0; color: #ff5603; } .direction-table__head .nav-tabs li:hover a { background: transparent; } .direction-table__head .nav-tabs li:last-child { border-right: 1px solid #e8e8e8; } .direction-table__head .nav-tabs a { display: block; height: 100%; margin: 0; padding: 0 50px; border: 0; color: #b3b3b3; font-weight: 700; line-height: 43px; text-transform: uppercase; transform: skew(-35deg); -webkit-transform: skew(-35deg); -moz-transform: skew(-35deg); -o-transform: skew(-35deg); -ms-transform: skew(-35deg); } .direction-table__head .tab-content { padding: 30px 0; color: #626262; } .direction-table__head .tab-content ul { list-style: none; margin: 0; padding: 0; } .direction-table__head .tab-content li { position: relative; padding-left: 14px; } .direction-table__head .tab-content li:before { position: absolute; left: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 2.5px 0 2.5px 3px; border-color: transparent transparent transparent #ff720d; } .direction-table__body-table { padding: 28px 0 10px; } .direction-table__body-table .table--direction { margin: 0 0 20px; border: 0; border-collapse: separate; } .direction-table__body-table .table--direction .odd { background: #fff; } .direction-table__body-table .table--direction .even { background: #eaf2f6; } .direction-table__body-table .table--direction .cell-name { width: 25%; } .direction-table__body-table .table--direction .cell-promotion, .direction-table__body-table .table--direction .cell-price { width: 8.4%; } .direction-table__body-table .table--direction .cell-promotion .cell-price-mobile, .direction-table__body-table .table--direction .cell-price .cell-price-mobile { display: none; } .direction-table__body-table .table--direction .cell-action { width: 33.7%; } .direction-table__body-table .table--direction thead th { padding: 0; height: 89px; background: #262626; border-top: 1px solid #000 !important; border-bottom: 1px solid #000 !important; border-right: 1px solid #000 !important; border-left: 1px solid #515151 !important; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 15px; text-align: center; vertical-align: middle; } .direction-table__body-table .table--direction thead th:first-child { border-left: 0; } .direction-table__body-table .table--direction thead th:last-child { border-right: 0; } .direction-table__body-table .table--direction thead .cell-name--checkbox { padding: 17px 30px; text-align: left; } .direction-table__body-table .table--direction thead .cell-name--checkbox label { margin-bottom: 10px; font-weight: normal; } .direction-table__body-table .table--direction thead .cell-name--checkbox label:last-child { margin-bottom: 0; } .direction-table__body-table .table--direction thead .cell-name--checkbox input { vertical-align: middle; margin: 0 8px 0 0; } .direction-table__body-table .table--direction thead .cell-name--term { padding-left: 30px; font-weight: bold; text-transform: uppercase; text-align: left; } .direction-table__body-table .table--direction thead .cell-promotion { font-weight: 700; text-transform: uppercase; } .direction-table__body-table .table--direction thead .cell-price--icon img { display: block; margin: 0 auto 4px; width: 27px; height: auto; } .direction-table__body-table .table--direction thead .cell-action { text-align: left; padding-left: 30px; } .direction-table__body-table .table--direction thead .cell-action label { position: relative; padding-left: 41px; font-weight: normal; } .direction-table__body-table .table--direction thead .cell-action label:before { position: absolute; left: 0; top: -6px; content: ""; display: block; width: 26px; height: 27px; background: url(../img/checkboxTable.png) no-repeat; } .direction-table__body-table .table--direction thead .cell-action input { visibility: hidden; opacity: 0; position: absolute; } .direction-table__body-table .table--direction thead .cell-action input:checked + label:before { background: url(../img/checkboxCheckedTable.png) no-repeat; } .direction-table__body-table .table--direction tbody td { position: relative; padding: 10px 15px; height: 55px; background: transparent; border: transparent; font-size: 12px; line-height: 16px; vertical-align: middle; } .direction-table__body-table .table--direction tbody td + td:before { position: absolute; left: -1px; top: 15px; bottom: 15px; content: ""; width: 1px; background: #b3b3b3; } .direction-table__body-table .table--direction tbody .cell-name { padding-left: 30px; color: #8d8d8d; } .direction-table__body-table .table--direction tbody .cell-name strong { color: #262626; font-size: 13px; font-weight: 700; } .direction-table__body-table .table--direction tbody .cell-name:after { cursor: pointer; position: absolute; left: 12px; top: 15px; content: ""; width: 10px; height: 10px; background: url(../img/icons/orange/plus.png) no-repeat; } .direction-table__body-table .table--direction tbody .cell-name:before { position: absolute; top: 19px; bottom: 0; content: ""; background: #ff5603; width: 2px; left: 16px; height: 0; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; -o-transition: height .5s; -webkit-transition-delay: .36s; -moz-transition-delay: .36s; -o-transition-delay: .36s; } .direction-table__body-table .table--direction tbody .cell-name.isOpen:after { height: 2px; background: url(../img/icons/orange/plus.png) no-repeat 0 -4px; top: 19px; } .direction-table__body-table .table--direction tbody .cell-name.isOpen:before { height: 50px; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; } @media (min-width: 1366px) and (max-width: 1919px) { .direction-table__body-table .table--direction tbody .cell-name.isOpen:before { height: 41px; } } .direction-table__body-table .table--direction tbody .cell-name--term { color: #262626; font-size: 13px; } .direction-table__body-table .table--direction tbody .cell-name--term:after, .direction-table__body-table .table--direction tbody .cell-name--term:before { display: none; } .direction-table__body-table .table--direction tbody .cell-accommodations { color: #8d8d8d; text-align: center; } .direction-table__body-table .table--direction tbody .cell-promotion img { display: block; float: left; margin: 3px 8px 0 0; width: auto; height: 25px; } .direction-table__body-table .table--direction tbody .cell-action { padding-left: 30px; padding-right: 25px; } .direction-table__body-table .table--direction tbody .cell-action:after { position: absolute; left: 50%; top: 15px; bottom: 15px; margin-left: -.5px; content: ""; width: 1px; background: #b3b3b3; } .direction-table__body-table .table--direction tbody .cell-action .btn { margin: 0; padding: 0; width: 139px; height: 39px; border: 0; box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; color: white; font-size: 11.5px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.34902) 0 1px 1px; line-height: 39px; } .direction-table__body-table .table--direction tbody .cell-action .btn-booking { background: #ff5603; } .direction-table__body-table .table--direction tbody .cell-action .btn-booking:hover { background: #d25302; } .direction-table__body-table .table--direction tbody .cell-action .btn-contact { background: #45a9e0; float: right; } .direction-table__body-table .table--direction tbody .cell-action .btn-contact:hover { background: #2b7299; } .direction-table__body-table .table--direction tbody .cell-action .btn-contact--green { background: #50b819; } .direction-table__body-table .table--direction tbody .cell-action .btn-contact--green:hover { background: #388211; } .direction-table__body-table .table--direction tbody .cell-price:after { content: ''; display: block; position: absolute; width: 7px; height: 4px; top: 28px; right: 10px; left: initial; background-image: url(../img/arSelectTableDown.png); background-color: transparent; cursor: pointer; } @media (min-width: 0px) and (max-width: 767px) { .direction-table__body-table .table--direction tbody .cell-price:after { display: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-table .table--direction tbody .cell-price:after { display: none; } } .direction-table__body-table .table--direction tbody .cell-price .old { color: #fc6b23; } .direction-table__body-table .table--direction tbody tr.row-opened .cell-action .btn-booking { background: lightgray; } .direction-table__body-table .table--direction tbody tr.row-opened .cell-action .btn-contact { background: lightgray; } .direction-table__body-table .table--direction tbody tr.row-opened .cell-price { color: lightgray; } .direction-table__body-table .table--direction tbody tr.row-opened .cell-price:after { background-image: url(../img/arSelectTableUp.png); } .direction-table__body-table .table--direction tbody tr.row-opened .cell-price .old { color: lightgrey; } .direction-table__body-table .table--direction .more > td { padding: 0; height: auto; } .direction-table__body-table .table--direction .more > td table { margin: 0; } .direction-table__body-table .table--direction .more td table tr:first-child td { border-top: 1px solid #eaeaea; } .direction-table__body-table .table--direction .more td table td { border-bottom: 1px solid #eaeaea; } .direction-table__body-table .table--direction .more tr:last-child .cell-name:after { bottom: 40px; } .direction-table__body-table .table--direction .more .cell-name { padding-left: 48px; width: 25%; color: #262626; } .direction-table__body-table .table--direction .more .cell-name:before { cursor: auto; position: absolute; top: 17px; left: 18px; width: 24px; height: 2px; content: ""; display: block; background: #ff5603; } .direction-table__body-table .table--direction .more .cell-name:after { cursor: auto; background: #ff5603; content: ""; top: -1px; bottom: 0; width: 2px; left: 16px; height: auto; } .direction-table__body-table .table--direction .more .cell-action .btn-booking { background-color: #ff940c; } .direction-table__body-table .table--direction .more .cell-action .btn-contact { background: #4abaf8; } .direction-table__body-table .table--direction .more .cell-price:after { display: none; } @media (min-width: 0px) and (max-width: 767px) { .direction-table__body-reservation { display: none !important; } } .direction-table__body-reservation .direction-reservation__back { font-size: 2.2em; color: #262626; font-weight: 700; margin: 20px 0; } .direction-table__body-reservation .direction-reservation__back a { color: #ff6207; text-decoration: underline; } .direction-table__body-reservation .direction-reservation__table { position: relative; } .direction-table__body-reservation .direction-reservation__table thead .thead-top th { height: 55px; } .direction-table__body-reservation .direction-reservation__table thead th { background: #262626; border: 1px solid #000 !important; border-left-color: #515151; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 15px; text-align: center; vertical-align: middle; } .direction-table__body-reservation .direction-reservation__table thead th.th-datepicker, .direction-table__body-reservation .direction-reservation__table thead th.th-select { text-align: left; } .direction-table__body-reservation .direction-reservation__table thead th.th-datepicker .caret, .direction-table__body-reservation .direction-reservation__table thead th.th-select .caret { color: #262626; } .direction-table__body-reservation .direction-reservation__table thead th.cell-price .cell-price-mobile { display: none; } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table thead th.cell-price .cell-price-desktop { display: none; } .direction-table__body-reservation .direction-reservation__table thead th.cell-price .cell-price-mobile { display: block; } } .direction-table__body-reservation .direction-reservation__table thead th.th-icon img { display: block; margin: 0 auto 4px; width: 27px; height: auto; } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table thead th.th-4, .direction-table__body-reservation .direction-reservation__table thead th.th-5, .direction-table__body-reservation .direction-reservation__table thead th.th-6 { display: none; } } .direction-table__body-reservation .direction-reservation__table thead:before { position: absolute; top: 0; left: -100%; content: ""; width: 100%; height: 90px; background: #262626; } .direction-table__body-reservation .direction-reservation__table thead:after { position: absolute; top: 0; right: -100%; content: ""; width: 100%; height: 90px; background: #262626; } .direction-table__body-reservation .direction-reservation__table tbody .odd { background: #fff; } .direction-table__body-reservation .direction-reservation__table tbody .even { background: #eaf2f6; } .direction-table__body-reservation .direction-reservation__table tbody td { position: relative; padding: 10px 15px; height: 55px; background: transparent; border: transparent; font-size: 12px; line-height: 16px; vertical-align: middle; } .direction-table__body-reservation .direction-reservation__table tbody td + td:before { position: absolute; left: -1px; top: 15px; bottom: 15px; content: ""; width: 1px; background: #b3b3b3; } .direction-table__body-reservation .direction-reservation__table tbody td.cell-name { padding-left: 30px; color: #8d8d8d; } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table tbody td.cell-name { padding-left: 10px; } } .direction-table__body-reservation .direction-reservation__table tbody td.cell-name strong { color: #262626; font-size: 13px; font-weight: 700; } .direction-table__body-reservation .direction-reservation__table tbody td.cell-promotion img { display: block; float: left; margin: 3px 8px 0 0; width: auto; height: 25px; } .direction-table__body-reservation .direction-reservation__table tbody td.cell-price input { margin: 9px 10px 0 0; float: left; } .direction-table__body-reservation .direction-reservation__table tbody td.cell-price .old { color: #fc6b23; } .direction-table__body-reservation .direction-reservation__table tbody td .grey { color: #8d8d8d; } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table tbody td.td-4, .direction-table__body-reservation .direction-reservation__table tbody td.td-5, .direction-table__body-reservation .direction-reservation__table tbody td.td-6, .direction-table__body-reservation .direction-reservation__table tbody td.td-7 { display: none; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table tbody td { min-width: 80px; padding: 10px 5px; } .direction-table__body-reservation .direction-reservation__table tbody td.td-1 { min-width: 170px; } .direction-table__body-reservation .direction-reservation__table tbody td.td-2, .direction-table__body-reservation .direction-reservation__table tbody td.td-3 { min-width: 140px; } } .direction-table__body-reservation .direction-reservation__information { background-color: #e1e4e7; padding: 20px; } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__information { margin-left: -30px; margin-right: -30px; } } .direction-table__body-reservation .direction-reservation__information label { color: #262626; font-size: 14px; text-transform: uppercase; font-weight: 900; } .direction-table__body-reservation .direction-reservation__information .grey { color: #8d8d8d; } .direction-table__body-reservation .direction-reservation__information .btn-orange { background: #ff5603; margin: 0; padding: 0; width: 139px; height: 39px; border: 0; box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; color: #fff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.34902) 0 1px 1px; line-height: 39px; } .direction-table__body-reservation .direction-reservation__information .btn-orange:hover { background: #d25302; } .direction-table__body-reservation .direction-reservation__participants { font-size: 12px; color: #8d8d8d; } .direction-table__body-reservation .direction-reservation__participants .h2 { color: #262626; font-size: 14px; text-transform: uppercase; font-weight: 900; } .direction-table__body-reservation .direction-reservation__participants .dark { color: #262626; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person { position: relative; text-align: center; height: 210px; margin-bottom: 20px; } @media (min-width: 1920px) and (max-width: 2559px) { .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person { height: 260px; } } @media (min-width: 2560px) { .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person { height: 260px; } } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item .direction-reservation__participants-item--person-top .close, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person .direction-reservation__participants-item--person-top .close { color: #ff5603; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item .direction-reservation__participants-item--person-top .btn-group-gender, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person .direction-reservation__participants-item--person-top .btn-group-gender { position: absolute; top: 0px; left: 0px; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item .avatar, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person .avatar { border: 3px solid white; overflow: hidden; margin: 0 auto; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item .input-icon .form-control, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person .input-icon .form-control { background-repeat: no-repeat; background-position: center left; padding-left: 35px; padding-right: 5px; margin-left: 10px; background-size: auto 60%; border: none; min-height: 38px; width: calc(100% - 10px); } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item .btn-add-person, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person .btn-add-person { position: absolute; bottom: 5%; left: 5%; background: #ff5603; margin: 0; padding: 0; width: 90%; height: 39px; border: 0; box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; color: #fff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.34902) 0 1px 1px; line-height: 39px; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item .btn-add-person:hover, .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person .btn-add-person:hover { background: #d25302; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item { background-color: white; padding: 10px; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item .avatar { border-radius: 120px; height: 120px; width: 120px; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item .avatar img { width: 112px; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person { background-color: #cfe9f6; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person .avatar { border-radius: 80px; height: 80px; width: 80px; background-color: aliceblue; } .direction-table__body-reservation .direction-reservation__participants .direction-reservation__participants-item--person .avatar img { width: 72px; } .direction-table__body-reservation .direction-reservation__rooms .h2 { color: #262626; font-size: 14px; text-transform: uppercase; font-weight: 900; } .direction-table__body-reservation .direction-reservation__rooms .direction-reservation__rooms-item { height: 210px; background-size: cover; background-repeat: no-repeat; margin-bottom: 50px; } .direction-table__body-reservation .direction-reservation__rooms .btn-add-room { background: #ff5603; margin: 0; padding: 0; width: 100%; height: 39px; border: 0; box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; color: #fff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.34902) 0 1px 1px; line-height: 39px; } .direction-table__body-reservation .direction-reservation__rooms .btn-add-room:hover { background: #d25302; } .direction-table__body-reservation .direction-reservation__table--participants .h2 { color: #262626; font-size: 14px; text-transform: uppercase; font-weight: 900; } .direction-table__body-reservation .direction-reservation__table--participants table { background-color: white; } .direction-table__body-reservation .direction-reservation__table--participants table thead tr th { background-color: #262626; color: white; font-size: 12px; text-transform: uppercase; vertical-align: middle; } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table thead tr th { text-align: center; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table--participants table thead tr th { text-align: center; } } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td { position: relative; vertical-align: middle; } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td { text-align: center; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td { text-align: center; } } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td .avatar { border: 3px solid white; border-radius: 46px; height: 46px; width: 46px; overflow: hidden; background-color: aliceblue; float: left; } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td .avatar { float: none; margin: 0 auto; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td .avatar { float: none; margin: 0 auto; } } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td .avatar img { width: 40px; } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td strong { font-size: 13px; margin-top: 15px; margin-left: 10px; float: left; } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td strong { float: none; margin-top: 5px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td strong { float: none; margin-top: 5px; } } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-text .inside { font-size: 12px; display: inline-block; } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-icon { background-repeat: no-repeat; background-position: 10px center; } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-icon .inside { font-size: 13px; margin-left: 10px; display: inline-block; } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-price { font-size: 12px; } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-price .inside { margin-top: 6px; display: inline-block; } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-price .old { color: #fc6b23; display: block; } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-1 { width: 200px; } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-1 { width: 15%; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-1 { width: 15%; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-2 { width: 25%; padding-right: 25px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-3 { width: 20%; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-3 { width: 15%; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-4 { width: 18%; } } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-1:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-2:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-3:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-4:after { content: ''; display: block; position: absolute; top: 35%; right: 20px; width: 13px; height: 20px; background-image: url(../img/pencil.png); } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-1:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-2:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-3:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-4:after { right: 10px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-1:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-2:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-3:after, .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-4:after { right: 10px; } } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td.td-5 .inside { font-size: 28px; font-weight: 700; line-height: 20px; } .direction-table__body-reservation .direction-reservation__table--participants table tbody tr td + td:before { position: absolute; left: -1px; top: 15px; bottom: 15px; content: ""; width: 1px; background: #b3b3b3; } .direction-table__body-reservation .direction-reservation__table--participants table tfoot { border-top: 1px solid #aaa; } .direction-table__body-reservation .direction-reservation__table--participants table tfoot tr td { border-top: 0; font-size: 12px; } .direction-table__body-reservation .direction-reservation__table--participants table tfoot tr td.td-summary { text-align: right; } .direction-table__body-reservation .direction-reservation__table--participants table tfoot tr td.td-price { text-align: center; } .direction-table__body-reservation .direction-reservation__table--participants table tfoot tr.tr-1 td { color: #262626; } .direction-table__body-reservation .direction-reservation__table--participants table tfoot tr.tr-2 td { color: #d25302; } .direction-table__body-reservation .direction-reservation__table--participants table tfoot tr.tr-3 td { font-weight: 600; } .direction-table__body-reservation .direction-reservation__table--participants .action-wrapper { background-color: white; overflow: auto; width: 100%; } .direction-table__body-reservation .direction-reservation__table--participants .action-wrapper .action { float: right; margin-bottom: 20px; } .direction-table__body-reservation .direction-reservation__table--participants .action-wrapper .action .btn-booking { margin: 0; padding: 0; width: 139px; height: 39px; border: 0; box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; color: #fff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.34902) 0 1px 1px; line-height: 39px; background: #ff5603; } .direction-table__body-reservation .direction-reservation__table--participants .action-wrapper .action .btn-booking:hover { background: #d25302; } .direction-table__body-reservation .direction-reservation__table--participants .action-wrapper .action .btn-contact { margin: 0 0 0 50px; padding: 0; width: 139px; height: 39px; border: 0; box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0; color: #fff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.34902) 0 1px 1px; line-height: 39px; background: #45a9e0; } .direction-table__body-reservation .direction-reservation__table--participants .action-wrapper .action .btn-contact:hover { background: #2b7299; } .direction-table__body-reservation .direction-reservation__table--participants .action-wrapper .action .btn-contact.btn-contact-green { background: #50b819; } .direction-table__body-reservation .direction-reservation__table--participants .action-wrapper .action .btn-contact.btn-contact-green:hover { background: #388211; } .direction-table__body-reservation .col-left { width: 66.66666667%; float: left; padding-right: 10px; padding-left: 10px; } .direction-table__body-reservation .col-right { width: 33.33333333%; float: left; padding-right: 10px; padding-left: 10px; } /* Responsive ========================================================================== */ @media (min-width: 2560px) { .direction-table__head .h2 { font-size: 3.6em; } .direction-table__head .nav-tabs a { font-size: 2.4em; } .direction-table__head .tab-content { font-size: 1.8em; line-height: 29px; } .direction-table__head .tab-content li:before { top: 13px; } .direction-table__body-table .table--direction .cell-name { width: 374px; } .direction-table__body-table .table--direction .cell-promotion, .direction-table__body-table .table--direction .cell-price { width: 128px; } .direction-table__body-table .table--direction .cell-action { width: 504px; } .direction-table__body-table .table--direction thead th { font-size: 16px; line-height: 20px; } .direction-table__body-table .table--direction tbody td { font-size: 16px; line-height: 20px; } .direction-table__body-table .table--direction tbody .cell-name strong { font-size: 16px; } .direction-table__body-table .table--direction tbody .cell-action .btn { width: 179px; height: 43px; font-size: 16px; line-height: 43px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-table__head .h2 { font-size: 3.1em; } .direction-table__head .nav-tabs a { font-size: 1.8em; } .direction-table__head .tab-content { font-size: 1.6em; line-height: 24px; } .direction-table__head .tab-content li:before { top: 9.5px; } .direction-table__body-table .table--direction .cell-name { width: 24.3%; } .direction-table__body-table .table--direction .cell-promotion, .direction-table__body-table .table--direction .cell-price { width: 8.4%; } .direction-table__body-table .table--direction .cell-action { width: 33.7%; } .direction-table__body-table .table--direction thead th { font-size: 16px; line-height: 20px; } .direction-table__body-table .table--direction tbody td { font-size: 16px; line-height: 20px; } .direction-table__body-table .table--direction tbody .cell-name strong { font-size: 16px; } .direction-table__body-table .table--direction tbody .cell-action .btn { width: 179px; height: 43px; font-size: 16px; line-height: 43px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-table__head .h2 { font-size: 2.8em; } .direction-table__head .nav-tabs a { font-size: 1.8em; } .direction-table__head .tab-content { font-size: 1.35em; line-height: 20px; } .direction-table__head .tab-content li:before { top: 7.5px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-table__head .h2 { font-size: 2.8em; } .direction-table__head .nav-tabs a { font-size: 1.8em; } .direction-table__head .tab-content { font-size: 1.35em; line-height: 20px; } .direction-table__head .tab-content li:before { top: 7.5px; } .direction-table__body-table .table .cell-name { width: 25%; } .direction-table__body-table .table .cell-promotion, .direction-table__body-table .table .cell-price { width: 78px; } .direction-table__body-table .table .cell-action { width: 309px; } .direction-table__body-table .table thead .cell-action { padding-right: 75px; } .direction-table__body-table .table tbody td { vertical-align: middle; padding: 10px 5px; } .direction-table__body-table .table tbody .cell-action { padding-left: 10px; padding-right: 10px; } .direction-table__body-reservation .direction-reservation__rooms .direction-reservation__rooms-item { margin-bottom: 40px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-table__body-table .table--direction .cell-name { width: 35% !important; } .direction-table__body-table .table--direction .cell-promotion { width: 18% !important; } .direction-table__body-table .table--direction .cell-price { width: 18% !important; text-align: center; } .direction-table__body-table .table--direction .cell-price .cell-price-mobile { display: block; } .direction-table__body-table .table--direction .cell-price .cell-price-desktop { display: none; } .direction-table__body-table .table--direction .cell-price--1 { padding: 0 0; } .direction-table__body-table .table--direction .cell-price--2, .direction-table__body-table .table--direction .cell-price--3, .direction-table__body-table .table--direction .cell-price--4 { display: none; } .direction-table__body-table .table--direction .cell-action { width: auto !important; } .direction-table__body-table .table--direction thead .cell-action label { padding-left: 50px; } .direction-table__body-table .table--direction thead .cell-action label:before { background: url(../img/checkboxTableLg.png) no-repeat; width: 46px; height: 47px; } .direction-table__body-table .table--direction thead .cell-action input:checked + label:before { background: url(../img/checkboxCheckedTableLg.png) no-repeat; } .direction-table__body-table .table--direction tbody .cell-action { padding-left: 10px; padding-right: 10px; } .direction-table__body-table .table--direction tbody .cell-action .btn { width: 90px; height: 40px; font-size: 11.5px; white-space: normal; line-height: 14px; } .direction-table__body-table .table--direction tbody .cell-action .btn-booking { padding-top: 13px; } .direction-table__body-table .table--direction tbody .cell-action .btn-contact { padding-top: 6px; } .direction-table__body-reservation .direction-reservation__rooms .direction-reservation__rooms-item { margin-bottom: 35px; } .direction-table__body-reservation .col-left { width: 50%; } .direction-table__body-reservation .col-right { width: 50%; } .direction-table .bootstrap-select .dropdown-toggle { border: 1px solid #000; height: 60px; } .direction-table .bootstrap-select .dropdown-toggle .caret { color: #000; } .direction-table .bootstrap-select .dropdown-toggle .ico1 { background: url(../img/iconCarH.png) no-repeat; width: 28px; height: 25px; display: block; margin: 0 auto; } .direction-table .bootstrap-select .dropdown-toggle .ico2 { background: url(../img/iconBusH.png) no-repeat; width: 25px; height: 25px; display: block; margin: 0 auto; } .direction-table .bootstrap-select .dropdown-toggle .ico3 { background: url(../img/iconPlaneH.png) no-repeat; width: 29px; height: 24px; display: block; margin: 0 auto; } .direction-table .bootstrap-select .dropdown-menu { background: #f4f4f4; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; max-width: 166px; min-width: 166px !important; padding: 0; } .direction-table .bootstrap-select .dropdown-menu li a { padding: 20px 20px 20px 65px; color: #696969; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #ffffff; font-size: 13px; background: transparent; white-space: normal; position: relative; } .direction-table .bootstrap-select .dropdown-menu li a:before { position: absolute; left: 20px; top: 50%; content: ""; } .direction-table .bootstrap-select .dropdown-menu li a.ico1:before { width: 28px; height: 22px; margin-top: -11px; background: url(../img/iconCar.png) no-repeat; } .direction-table .bootstrap-select .dropdown-menu li a.ico2:before { width: 25px; height: 25px; margin-top: -12.5px; background: url(../img/iconBus.png) no-repeat; } .direction-table .bootstrap-select .dropdown-menu li a.ico3:before { width: 29px; height: 24px; margin-top: -12px; background: url(../img/iconPlane.png) no-repeat; } .direction-table .bootstrap-select .dropdown-menu li.selected a { background: #fff; } .direction-table .bootstrap-select .dropdown-menu li.selected a.ico1:before { background: url(../img/iconCarH.png) no-repeat; } .direction-table .bootstrap-select .dropdown-menu li.selected a.ico2:before { background: url(../img/iconBusH.png) no-repeat; } .direction-table .bootstrap-select .dropdown-menu li.selected a.ico3:before { background: url(../img/iconPlaneH.png) no-repeat; } .direction-table .bootstrap-select .dropdown-menu .glyphicon { display: none !important; } .direction-table .container { width: 95%; padding-left: 0; padding-right: 0; } .direction-table__head .h2 { font-size: 2.8em; padding-right: 34px; } .direction-table__head .nav-tabs { margin-top: 28px; margin-left: -10px; } .direction-table__head .nav-tabs a { font-size: 1.8em; padding: 0 30px 0 30px; } .direction-table__head .tab-content { font-size: 1.35em; line-height: 20px; padding-left: 20px; padding-right: 20px; } .direction-table__head .tab-content .col-sm-4 { width: 50%; } .direction-table__head .tab-content li:before { top: 7.5px; } } @media (min-width: 0px) and (max-width: 767px) { .direction-table .direction-table__body-table .table--direction .cell-price--1 { padding: 0 10px; } .direction-table .bootstrap-select .dropdown-toggle { border: 1px solid #000; height: 60px; } .direction-table .bootstrap-select .dropdown-toggle .caret { color: #000; } .direction-table .dropdown-menu { background: #f4f4f4; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; max-width: 166px; min-width: 166px !important; padding: 0; } .direction-table .dropdown-menu > li > a { padding: 20px 20px 20px 65px; color: #696969; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #ffffff; font-size: 13px; background: transparent; white-space: normal; position: relative; } .direction-table .dropdown-menu > li > a:before { position: absolute; left: 20px; top: 50%; content: ""; } .direction-table .dropdown-menu > li > a.ico1:before { width: 28px; height: 22px; margin-top: -11px; background: url(../img/iconCar.png) no-repeat; } .direction-table .dropdown-menu > li > a.ico2:before { width: 25px; height: 25px; margin-top: -12.5px; background: url(../img/iconBus.png) no-repeat; } .direction-table .dropdown-menu > li > a.ico3:before { width: 29px; height: 24px; margin-top: -12px; background: url(../img/iconPlane.png) no-repeat; } .direction-table .dropdown-toggle .ico1 { background: url(../img/iconCarH.png) no-repeat; width: 28px; height: 25px; display: block; margin: 0 auto; } .direction-table .dropdown-toggle .ico2 { background: url(../img/iconBusH.png) no-repeat; width: 25px; height: 25px; display: block; margin: 0 auto; } .direction-table .dropdown-toggle .ico3 { background: url(../img/iconPlaneH.png) no-repeat; width: 29px; height: 24px; display: block; margin: 0 auto; } .direction-table .bootstrap-select .dropdown-menu .glyphicon { display: none !important; } .direction-table .bootstrap-select .dropdown-menu .selected a.ico1:before { background: url(../img/iconCarH.png) no-repeat; } .direction-table .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-align: center; } .direction-table .bootstrap-select .dropdown-menu .selected a.ico2:before { background: url(../img/iconBusH.png) no-repeat; } .direction-table .bootstrap-select .dropdown-menu .selected a.ico3:before { background: url(../img/iconPlaneH.png) no-repeat; } .direction-table .bootstrap-select .dropdown-menu .selected a { background: #fff; } .direction-table__head { padding: 85px 30px 27px; background: #ededed; border-top: 1px solid #ededed; } .direction-table__head .h2 { font-size: 3.6em; padding-right: 34px; text-align: left; } .direction-table__head .nav-tabs { margin-top: 28px; margin-left: -10px; } .direction-table__head .nav-tabs a { font-size: 1.8em; padding: 0 30px 0 30px; } .direction-table__head .tab-content { display: none; font-size: 1.35em; line-height: 20px; padding-left: 20px; padding-right: 20px; } .direction-table__head .tab-content .col-sm-4 { width: 50%; } .direction-table__head .tab-content li:before { top: 7.5px; } .direction-table__tab { display: none; } .direction-table__body .container { padding: 0; } .direction-table__body-table { padding: 0; display: block !important; } .direction-table__body-table .table--direction { margin: 0; } .direction-table__body-table .cell-price-mobile { display: block; } .direction-table__body-table .cell-price-desktop { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .direction-table__body-table .table--direction .cell-promotion, .direction-table__body-table .table--direction .cell-price--2, .direction-table__body-table .table--direction .cell-price--3, .direction-table__body-table .table--direction .cell-price--4 { display: none; } .direction-table__body-table .table--direction .cell-name { width: 50%; } .direction-table__body-table .table--direction .cell-action { width: 120px; } .direction-table__body-table .table--direction .cell-promotion, .direction-table__body-table .table--direction .cell-price { width: 120px; } .direction-table__body-table .table--direction .cell-promotion .cell-price-mobile, .direction-table__body-table .table--direction .cell-price .cell-price-mobile { display: block; } .direction-table__body-table .table--direction .cell-promotion .cell-price-desktop, .direction-table__body-table .table--direction .cell-price .cell-price-desktop { display: none; } .direction-table__body-table .table--direction thead .cell-action { display: none; } .direction-table__body-table .table--direction tbody .cell-price { text-align: center; } .direction-table__body-table .table--direction tbody .cell-name { padding-left: 45px; } .direction-table__body-table .table--direction tbody .cell-name:after { left: 28px; top: 16px; } .direction-table__body-table .table--direction tbody .cell-name:before { left: 32px; } .direction-table__body-table .table--direction tbody .cell-action { padding-left: 10px; padding-right: 30px; } .direction-table__body-table .table--direction tbody .cell-action:after { display: none; } .direction-table__body-table .table--direction tbody .cell-action .btn { width: 100px; height: 40px; font-size: 11.5px; white-space: normal; line-height: 14px; } .direction-table__body-table .table--direction tbody .cell-action .btn-booking { display: none; } .direction-table__body-table .table--direction tbody .cell-action .btn-contact { padding-top: 6px; } .direction-table__body-table .table--direction .more .cell-name { padding-left: 54px; padding-top: 7px; width: 50%; } .direction-table__body-table .table--direction .more .cell-name:after { left: 32px; } .direction-table__body-table .table--direction .more .cell-name:before { top: 18px; left: 33px; width: 14px; } } @media (min-width: 0px) and (max-width: 479px) { .direction-table .direction-table__body-table .table--direction .cell-price--1 .visible-xs-block { padding-bottom: 20px; } .direction-table__head { padding: 85px 20px 27px; } .direction-table__head .h2 { font-size: 2.4em; } .direction-table__body-table .table--direction { display: block; } .direction-table__body-table .table--direction thead { display: block; } .direction-table__body-table .table--direction thead tr, .direction-table__body-table .table--direction thead th { width: 100% !important; display: block; border: 0 !important; } .direction-table__body-table .table--direction thead .cell-price { padding: 20px !important; } .direction-table__body-table .table--direction tbody, .direction-table__body-table .table--direction th, .direction-table__body-table .table--direction tr, .direction-table__body-table .table--direction td { display: block; width: 100% !important; height: auto !important; } .direction-table__body-table .table--direction tbody .cell-price { padding: 10px !important; } .direction-table__body-table .table--direction tbody .cell-price .cell-price-mobile { display: block; } .direction-table__body-table .table--direction tbody .cell-price .cell-price-desktop { display: none; } .direction-table__body-table .table--direction tbody .cell-name { padding-left: 45px; } .direction-table__body-table .table--direction tbody .cell-name:after { left: 28px; top: 16px; } .direction-table__body-table .table--direction tbody .cell-name:before { left: 32px; } .direction-table__body-table .table--direction .cell-promotion, .direction-table__body-table .table--direction .cell-price--2, .direction-table__body-table .table--direction .cell-price--3, .direction-table__body-table .table--direction .cell-price--4 { display: none; } .direction-table__body-table .table--direction .cell-price .cell-price-mobile { display: block; } .direction-table__body-table .table--direction .cell-price .cell-price-desktop { display: none; } .direction-table__body-table .table--direction thead .cell-name { padding: 20px; border-bottom: 0; } .direction-table__body-table .table--direction thead .cell-name label { margin-right: 20px; } .direction-table__body-table .table--direction thead .cell-name br { display: none; } .direction-table__body-table .table--direction thead .cell-price--1 { padding-bottom: 20px; } .direction-table__body-table .table--direction thead .cell-action { display: none; } .direction-table__body-table .table--direction tbody tr:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .direction-table__body-table .table--direction tbody tr.odd { background: #fff !important; } .direction-table__body-table .table--direction tbody tr.even { background: #eaf2f6 !important; } .direction-table__body-table .table--direction tbody td { background: transparent !important; } .direction-table__body-table .table--direction tbody td + td:before { display: none; } .direction-table__body-table .table--direction tbody .cell-price { text-align: right; float: right; width: 30% !important; padding-right: 20px; } .direction-table__body-table .table--direction tbody .cell-name { z-index: 999; float: left; width: 68% !important; padding-left: 40px; } .direction-table__body-table .table--direction tbody .cell-name:after { left: 20px; top: 13px; } .direction-table__body-table .table--direction tbody .cell-name:before { display: none; } .direction-table__body-table .table--direction tbody .cell-name.isOpen:before { display: block; height: 88px; left: 24px; } .direction-table__body-table .table--direction tbody .cell-action { padding-left: 40px; padding-right: 20px; padding-bottom: 15px; } .direction-table__body-table .table--direction tbody .cell-action:after { display: none; } .direction-table__body-table .table--direction tbody .cell-action .btn { float: none; width: 100%; height: 40px; font-size: 11.5px; white-space: normal; line-height: 40px; } .direction-table__body-table .table--direction tbody .cell-action .btn-booking { display: none; } .direction-table__body-table .table--direction .more td table td { border-bottom: 0; } .direction-table__body-table .table--direction .more .cell-name { padding-left: 54px; padding-top: 7px; } .direction-table__body-table .table--direction .more .cell-name:after { left: 24px; height: 108px; } .direction-table__body-table .table--direction .more .cell-name:before { top: 18px; left: 24px; width: 14px; } .direction-table__body-table .table--direction .more td tr + tr { border-top: 1px solid #eaeaea; } .direction-table__body-table .table--direction .more td tr:last-child { border-bottom: 1px solid #eaeaea; } .direction-table__body-table .table--direction .more td tr:last-child .cell-name:after { top: auto; bottom: 30px; } } .direction-menu__show.open + .direction .direction-table { padding-right: 20px; } /* ========================================================================== Block/Direction/Movie ========================================================================== */ /* ========================================================================== Base/Block/Ski Direction Movie ========================================================================== */ .ytp-gradient-bottom, .ytp-chrome-bottom { bottom: 60px !important; } .ski-direction-movie { position: relative; } .ski-direction-movie__content { height: 100%; } .ski-direction-movie .mb_YTPlayer { position: absolute; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; opacity: 0; } .ski-direction-movie .mb_YTPlayer.mobile { position: fixed; } .ski-direction-movie .mb_YTPlayer.open { visibility: visible; opacity: 1; } .ski-direction-movie__bottom-content { background: rgba(0, 0, 0, 0.85); height: 40px; } .ski-direction-movie__bottom-content .ui-stop { cursor: pointer; height: 40px; width: 40px; display: block; float: left; text-align: center; padding-top: 14px; position: absolute; } .ski-direction-movie__bottom-content .ui-stop span { cursor: pointer; display: inline-block; background: white; width: 12px; height: 12px; } .ski-direction-movie__bottom-content .ui-stop:hover span { background: #c3c3c3; } .ski-direction-movie__bottom-content .ski-direction-movie__bottom { position: absolute; margin-left: 10px; bottom: 0px; left: 0; right: 0; padding: 0 33px 0 33px; height: 40px; opacity: 1; -webkit-transition: bottom .5s, opacity .5s; -moz-transition: bottom .5s, opacity .5s; -ms-transition: bottom .5s, opacity .5s; -o-transition: bottom .5s, opacity .5s; transition: bottom .5s, opacity .5s; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom { height: 40px; padding: 0 20px; opacity: 1 !important; } } .ski-direction-movie__bottom-content .ski-direction-movie__bottom.fadeOut { opacity: 0; } .ski-direction-movie__bottom-content .ski-direction-movie__bottom.fadeOut:hover { opacity: 1; } .ski-direction-movie__bottom-content .ski-direction-movie__bottom-in { position: relative; height: 100%; } .ski-direction-movie__bottom-content .ski-direction-movie__bottom:before { position: absolute; top: 75%; left: 33px; right: 59px; content: ""; margin-top: -11.5px; height: 1px; background: #5b5b5b; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom:before { margin-top: 0; right: 33px; } } .ski-direction-movie__bottom-content .ski-direction-movie__bottom a { position: relative; float: left; display: block; height: 56px; padding: 24px 0 0 8px; color: #6b6c6d; font-weight: 600; text-decoration: none; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom a { font-size: 11px; text-indent: -9999979px; } } @media (min-width: 768px) and (max-width: 1023px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom a { font-size: 11px; } } @media (min-width: 1024px) and (max-width: 1365px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom a { font-size: 12px; } } @media (min-width: 1366px) and (max-width: 1919px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom a { font-size: 12px; } } @media (min-width: 1920px) and (max-width: 2559px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom a { font-size: 15px; } } @media (min-width: 2560px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom a { font-size: 17px; } } .ski-direction-movie__bottom-content .ski-direction-movie__bottom a.active { color: #fff; } .ski-direction-movie__bottom-content .ski-direction-movie__bottom a:before { position: absolute; left: 0; top: 50%; z-index: 99; margin-top: -12px; content: ""; width: 1px; height: 7px; background: #fff; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__bottom-content .ski-direction-movie__bottom a:before { margin-top: -10px; } } .ski-direction-movie__bottom-content .ski-direction-movie__bottom a:hover .ski-direction-movie__thumbnail { opacity: 1; visibility: visible; } .ski-direction-movie__bottom-content .frame-2 a { width: 50%; } .ski-direction-movie__bottom-content .frame-3 a { width: 33.33333%; } .ski-direction-movie__bottom-content .frame-4 a { width: 25%; } .ski-direction-movie__bottom-content .frame-5 a { width: 20%; } .ski-direction-movie__bottom-content .frame-6 a { width: 16.66667%; } .ski-direction-movie__bottom-content .frame-7 a { width: 14.28571%; } .ski-direction-movie__bottom-content .frame-8 a { width: 12.51%; } .ski-direction-movie__bottom-content .frame-9 a { width: 11.11111%; } .ski-direction-movie__bottom-content .frame-10 a { width: 10%; } .ski-direction-movie__bottom-content .frame-11 a { width: 9.09091%; } .ski-direction-movie__bottom-content .frame-12 a { width: 8.33333%; } .ski-direction-movie__bottom-content .frame-13 a { width: 7.69231%; } .ski-direction-movie__bottom-content .frame-14 a { width: 7.14286%; } .ski-direction-movie__thumbnail { position: absolute; bottom: 100%; left: 5px; width: 90px; height: 60px; margin-bottom: -8px; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; border: 3px solid #ff6709; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35); opacity: 0; visibility: hidden; } .ski-direction-movie__thumbnail img { width: 100%; height: 54px; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__thumbnail { display: none; } } .ski-direction-movie__intro { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; text-align: center; color: #fff; background-color: #000; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } .ski-direction-movie__intro.open { opacity: 0; display: none; } .ski-direction-movie__intro .container { position: relative; } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__intro .container { padding-top: 105px; } } @media (min-width: 768px) and (max-width: 1023px) { .ski-direction-movie__intro .container { padding-top: 105px; } } @media (min-width: 1024px) and (max-width: 1365px) { .ski-direction-movie__intro .container { padding-top: 105px; } } @media (min-width: 1366px) and (max-width: 1919px) { .ski-direction-movie__intro .container { padding-top: 105px; } } @media (min-width: 1920px) and (max-width: 2559px) { .ski-direction-movie__intro .container { padding-top: 130px; } } @media (min-width: 2560px) { .ski-direction-movie__intro .container { padding-top: 130px; } } .ski-direction-movie__intro .h1 { margin: 0; padding: 0; font-weight: 700; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.63); } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__intro .h1 { margin: 0 0 35px; font-size: 3.1em; line-height: 31px; padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .ski-direction-movie__intro .h1 { margin: 0 0 35px; font-size: 5.8em; line-height: 58px; } } @media (min-width: 1024px) and (max-width: 1365px) { .ski-direction-movie__intro .h1 { margin: 0 0 35px; font-size: 5.8em; line-height: 58px; } } @media (min-width: 1366px) and (max-width: 1919px) { .ski-direction-movie__intro .h1 { margin: 0 0 35px; font-size: 5.8em; line-height: 58px; } } @media (min-width: 1920px) and (max-width: 2559px) { .ski-direction-movie__intro .h1 { margin: 0 0 20px; font-size: 8em; line-height: 91px; } } @media (min-width: 2560px) { .ski-direction-movie__intro .h1 { margin: 0 0 65px; font-size: 11em; line-height: 120px; } } .ski-direction-movie__intro .baseline { display: block; font-weight: 400; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.63); } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__intro .baseline { margin: 0 0 20px; font-size: 2.2em; line-height: 21px; } } @media (min-width: 768px) and (max-width: 1023px) { .ski-direction-movie__intro .baseline { margin: 0 0 20px; font-size: 2.4em; line-height: 24px; } } @media (min-width: 1024px) and (max-width: 1365px) { .ski-direction-movie__intro .baseline { margin: 0 0 20px; font-size: 2.4em; line-height: 24px; } } @media (min-width: 1366px) and (max-width: 1919px) { .ski-direction-movie__intro .baseline { margin: 0 0 20px; font-size: 2.4em; line-height: 24px; } } @media (min-width: 1920px) and (max-width: 2559px) { .ski-direction-movie__intro .baseline { margin: 0 0 37px; font-size: 3em; line-height: 37px; } } @media (min-width: 2560px) { .ski-direction-movie__intro .baseline { margin: 0 0 47px; font-size: 4em; line-height: 50px; } } .ski-direction-movie__intro .play { position: relative; display: block; margin: 0 auto; cursor: pointer; border: 2px solid rgba(255, 255, 255, 0.87); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .ski-direction-movie__intro .play:before { position: absolute; top: 50%; left: 50%; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent rgba(255, 255, 255, 0.87); } @media (min-width: 0px) and (max-width: 767px) { .ski-direction-movie__intro .play { margin-bottom: 50px; width: 79px; height: 79px; } .ski-direction-movie__intro .play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .ski-direction-movie__intro .play { margin-bottom: 50px; width: 79px; height: 79px; } .ski-direction-movie__intro .play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } } @media (min-width: 1024px) and (max-width: 1365px) { .ski-direction-movie__intro .play { margin-bottom: 50px; width: 79px; height: 79px; } .ski-direction-movie__intro .play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } } @media (min-width: 1366px) and (max-width: 1919px) { .ski-direction-movie__intro .play { margin-bottom: 50px; width: 79px; height: 79px; } .ski-direction-movie__intro .play:before { margin-top: -13.5px; margin-left: -8px; border-width: 13.5px 0 13.5px 24px; } } @media (min-width: 1920px) and (max-width: 2559px) { .ski-direction-movie__intro .play { margin-bottom: 39px; width: 123px; height: 123px; } .ski-direction-movie__intro .play:before { margin-top: -21.5px; margin-left: -14.5px; border-width: 21.5px 0 21.5px 37px; } } @media (min-width: 2560px) { .ski-direction-movie__intro .play { margin-bottom: 90px; width: 164px; height: 164px; } .ski-direction-movie__intro .play:before { margin-top: -29px; margin-left: -21px; border-width: 29px 0 29px 50px; } } /* ========================================================================== Block/Direction/Route ========================================================================== */ /* ========================================================================== Base/Block/Ski Direction Resort ========================================================================== */ .direction-route #directionResortMap { width: 100%; height: 100%; } .direction-route #directionRouteMap { width: 100%; height: 100%; } .direction-route .gm-labels { margin: -16px 0 0 16px !important; color: #fff; text-shadow: 1px 2px 2px rgba(4, 4, 4, 0.63); font-size: 14px; font-weight: normal; } .direction-route .gm-labels--route { margin: -84px 0 0 0px !important; font-size: 24px !important; font-weight: bold !important; } .direction-route .gm-labels--route--no-z-index { z-index: 0 !important; } .direction-route .gm-style { font-family: "Neue Haas Grotesk DS Pro" !important; } .direction-route .gm-style .gm-style-iw { top: auto !important; left: auto !important; width: 440px !important; -webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); -moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.63); } .direction-route .gm-size-iw { width: 440px !important; height: 404px !important; } .direction-route .gm-style .gm-style-iw + div { top: 20px !important; right: 15px !important; display: block !important; width: 14px !important; height: 15px !important; cursor: pointer !important; opacity: 1 !important; background: url(../img/close.png) no-repeat !important; } .direction-route .gm-style .gm-style-iw + div img { top: 0 !important; right: auto !important; left: 0 !important; width: 15px !important; height: 15px !important; opacity: 0; } .direction-route .gmaps-resort { width: 440px; background: rgba(14, 14, 14, 0.9); } .direction-route .gmaps-resort:before, .direction-route .gmaps-resort:after { clear: both; } .direction-route .gmaps-resort__close { position: absolute; top: 20px; right: 16px; display: block; width: 14px; height: 15px; cursor: pointer; background: url(../img/close.png) no-repeat; } .direction-route .gmaps-resort__item { float: left; width: 33.3333333%; height: 87px; text-align: center; color: #fff; border-left: 1px solid #0e0e0e; font-size: 41px; font-weight: 700; line-height: 87px; } .direction-route .gmaps-resort__item:first-child { border-left: 0; } .direction-route .gmaps-resort__item.lift1 { background: url(../img/icons/orange/lift_gmaps1.png) no-repeat 106px 14px; } .direction-route .gmaps-resort__item.lift2 { background: url(../img/icons/orange/lift_gmaps2.png) no-repeat 116px 14px; background-size: auto 29px; } .direction-route .gmaps-resort__item.lift3 { background: url(../img/icons/orange/lift_gmaps3.png) no-repeat 100px 14px; background-size: auto 30px; } .direction-route .gmaps-resort__left { float: left; overflow: hidden; width: 270px; height: 190px; } .direction-route .gmaps-resort__left-image { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 100%; } .direction-route .gmaps-resort__right { position: relative; float: right; width: 170px; height: 190px; padding: 21px 0 0; color: #eaebeb; } .direction-route .gmaps-resort__right:before { position: absolute; top: 57px; left: -7px; width: 0; height: 0; content: ""; border-width: 5px 7px 5px 0; border-style: solid; border-color: transparent #000000 transparent transparent; } .direction-route .gmaps-resort__right h2 { margin: 0 0 13px; padding: 0 17px; font-size: 12px; font-weight: 400; font-style: italic; line-height: 15px; } .direction-route .gmaps-resort__right .route { display: block; padding: 0 17px; font-size: 14px; font-style: italic; line-height: 18px; } .direction-route .gmaps-resort__right .route span { display: inline-block; width: 30px; height: 30px; margin: 0 15px 13px 0; text-align: center; color: #ffffff; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000; font-size: 14px; font-style: normal; line-height: 30px; } .direction-route .gmaps-resort__right .route-easy span { background: #51b719; } .direction-route .gmaps-resort__right .route-medium span { background: #fd0f29; } .direction-route .gmaps-resort__right .route-total { display: block; width: 100%; height: 46px; padding: 0 17px; text-align: center; border-top: 1px solid #323232; background: -webkit-linear-gradient(#ff5603, #ff8612); -webkit-background-clip: text; font-size: 23px; font-weight: 700; line-height: 47px; -webkit-text-fill-color: transparent; } .direction-route .gmaps-resort__body { border-top: 2px solid #ff7b09; background: url(../img/pattern_dark.png); } .direction-route .gmaps-resort__title { min-height: 34px; padding: 13px 15px 0; text-transform: uppercase; color: #fff; border-bottom: 1px solid #0e0e0e; font-size: 16px; font-weight: bold; } .direction-route .gmaps-resort__description { padding: 0 15px 13px; color: #fff; font-size: 15px; line-height: 19px; } .direction-route .gmaps-resort__inner { padding: 0 15px 15px; color: #fff; font-size: 16px; } .direction-route .gmaps-resort__button .btn { position: relative; width: 440px; height: 51px; padding: 0 20px; text-align: left; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e51a49), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: linear-gradient(to right, #e51a49 0%, #e51a49 56%); font-family: "Lato", sans-serif; font-size: 14px; font-weight: 900; line-height: 51px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); } .direction-route .gmaps-resort__button .btn:after { position: absolute; top: 50%; right: 20px; width: 0; height: 0; margin-top: -5.5px; content: ""; border-width: 5.5px 0 5.5px 6px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .direction-route .gmaps-resort__button .btn:hover { color: #fff; background: #e51a49; } .sk-fading-circle { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin: 0; margin-top: -60px; margin-left: -60px; } .sk-fading-circle .sk-circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sk-fading-circle .sk-circle:before { display: block; width: 15%; height: 15%; margin: 0 auto; content: ''; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; border-radius: 100%; background-color: #333; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } /* ========================================================================== Block/Direction/Route/Mobile (mobile) ========================================================================== */ @media (min-width: 0px) and (max-width: 767px) { .openInfoWindow.fp-viewing-osrodki header { display: none; } .openInfoWindow.fp-viewing-dni-rowerowe header { display: none; } .openInfoWindow .direction-resort .gmaps-resort__close { position: absolute !important; top: 17px !important; right: 30px !important; display: block !important; } .openInfoWindow .direction-route .gmaps-resort__close { position: absolute !important; top: 17px !important; right: 30px !important; display: block !important; } .openInfoWindow .gm-style > div:nth-child(1) { z-index: 9999999999 !important; } .openInfoWindow .gm-style > div > div:nth-child(4) { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; transform: none !important; } .openInfoWindow .gm-style > div > div:nth-child(4) > div:nth-child(4) { transform: none !important; } .openInfoWindow .gm-size-iw { width: 100% !important; left: 0 !important; top: 0 !important; height: 307px !important; } .openInfoWindow .gm-size-iw .gm-style-iw { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; margin: 0 !important; } .openInfoWindow .gmaps-resort { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; } .openInfoWindow .gmaps-resort__button .btn { width: 100%; } .openInfoWindow .direction-resort .gm-style .gm-style-iw + div { position: absolute !important; top: 17px !important; right: 30px !important; display: none !important; } .openInfoWindow .gmaps-resort__left { width: 100% !important; height: 97px !important; } .openInfoWindow .gmaps-resort__right { height: auto; padding: 13px 0 1px 0; background: #0E0E0E; margin-top: 44px; } .openInfoWindow .gmaps-resort__left-image { min-height: 97px !important; } .openInfoWindow .gmaps-resort__right h2 { float: left; margin-top: 8px; } .openInfoWindow .gmaps-resort__right .route { float: left; padding: 0 12px; } .openInfoWindow .direction-resort .gmaps-resort__item.lift1, .openInfoWindow .direction-resort .gmaps-resort__item.lift2, .openInfoWindow .direction-resort .gmaps-resort__item.lift3 { background-position: 90% 14px; } .openInfoWindow .direction-route .gmaps-resort__title { position: absolute; top: 97px; width: 100%; padding: 15px 15px 12px; border-top: 2px solid #ff7b09; } .openInfoWindow .direction-route .gmaps-resort__inner { padding: 15px; font-size: 18px; } .openInfoWindow .direction-resort .gmaps-resort__body { border-top: 0; } } /* ========================================================================== Block/Direction/Route/320 (mobile-320) ========================================================================== */ @media (min-width: 0px) and (max-width: 479px) { .openInfoWindow .direction-route .gmaps-resort__right { float: left; width: 100%; } .openInfoWindow .gmaps-resort__right .route-total { clear: both; border-top: 0; } .openInfoWindow .direction-resort .gmaps-resort__item.lift1, .openInfoWindow .direction-resort .gmaps-resort__item.lift2, .openInfoWindow .direction-resort .gmaps-resort__item.lift3 { float: none; width: 100%; } .openInfoWindow .direction-resort .gmaps-resort__body { background: transparent; } .openInfoWindow .direction-resort .gmaps-resort__body .clearfix { position: absolute; top: 144px; right: 0; width: 50%; background: url(../img/pattern_dark.png); } .openInfoWindow.fp-viewing-dni-rowerowe .gmaps-resort__left { width: 100% !important; height: 160px !important; } .openInfoWindow.fp-viewing-dni-rowerowe .direction-route .gmaps-resort__title { top: 160px; } .openInfoWindow.fp-viewing-dni-rowerowe .gmaps-resort__right h2 { width: 100%; } .openInfoWindow.fp-viewing-dni-rowerowe .gmaps-resort__right h2 br { content: ''; width: 3px; display: inline-block; } .openInfoWindow.fp-viewing-dni-rowerowe .gmaps-resort__right .route { width: 33% !important; text-align: center !important; } .openInfoWindow.fp-viewing-dni-rowerowe .gmaps-resort__right .route span { margin-right: 0 !important; } .openInfoWindow .direction-resort .gmaps-resort__item { height: 73px; line-height: 73px; border-top: 1px solid #0E0E0E; } .openInfoWindow .direction-resort .gmaps-resort__item.lift1 { border-top: 0; } .openInfoWindow .direction-route .gm-size-iw { height: 404px !important; } .openInfoWindow .direction-route .gm-size-iw .gmaps-resort__head { height: 285px; } .openInfoWindow .direction-route .gm-size-iw .gmaps-resort__inner { height: 66px; } } /* ========================================================================== Block/Direction/Route/480 (mobile-480) ========================================================================== */ @media (min-width: 480px) and (max-width: 767px) { .openInfoWindow .gmaps-resort__right { width: 100%; } .openInfoWindow .gmaps-resort__right .route-total { display: none; } .openInfoWindow .direction-resort .gmaps-resort__item { line-height: 55px; height: 55px; } } /* ========================================================================== Block/Direction/Resort ========================================================================== */ /* ========================================================================== Base/Block/Ski Direction Reservation ========================================================================== */ .direction-reservation { background: #f5f5f5; padding: 0 0 30px; } .direction-reservation__back { padding: 26px 0 27px; border-top: 1px solid #ededed; font-size: 24px; font-weight: bold; } .direction-reservation__back a { color: #ff5603; text-decoration: underline; } .direction-reservation__table .col { position: relative; } .direction-reservation__table-head { width: 100%; height: 101px; background: #262626; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } .direction-reservation__table-head .container, .direction-reservation__table-head .row, .direction-reservation__table-head .col { height: 100%; } .direction-reservation__table-head .col { padding-top: 18px; border-right: 1px solid #000; border-left: 1px solid #515151; } .direction-reservation__table-head .col:first-child { border-left: 0; } .direction-reservation__table-head .col:last-child { border-right: 0; } .direction-reservation__table-head .col--promotion { padding-top: 37px; } .direction-reservation__table-head .col--city { height: auto; padding-top: 8px; padding-bottom: 7px; } .direction-reservation__table-head .col .row { position: absolute; width: 100%; bottom: 0; height: auto; } .direction-reservation__table-head .col-md-1, .direction-reservation__table-head .col-md-2 { height: 100%; } .direction-reservation__table-head .bootstrap-select { margin-top: 6px; } .direction-reservation__table-head .bootstrap-select .dropdown-toggle { height: 40px; border: 1px solid #000000; font-size: 13px; } .direction-reservation__table-head .bootstrap-select .dropdown-toggle .caret { color: #262626; } .direction-reservation__table-head .bootstrap-select .dropdown-menu { border: 1px solid #000000; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .direction-reservation__table-head .col-promotion { padding-top: 18px; } .direction-reservation__table-label { color: #fff; font-size: 12px; text-align: center; line-height: 15px; } .direction-reservation__table-label.uppercase { text-transform: uppercase; } .direction-reservation__table-label.bold { font-weight: bold; } .direction-reservation__table-label.left { text-align: left; } .direction-reservation__table-label img { display: block; margin: 0 auto 6px; width: auto; height: 25px; } .direction-reservation__table-row { padding: 15px 0; min-height: 55px; } .direction-reservation__table-row.odd { position: relative; background: #fff; } .direction-reservation__table-row.odd .col { border-left: 1px solid #b3b3b3; } .direction-reservation__table-row.even { position: relative; background: #eaf2f6; } .direction-reservation__table-row.even .col { border-left: 1px solid #475971; } .direction-reservation__table-row .col { min-height: 32px; font-size: 12px; line-height: 16px; } .direction-reservation__table-row .col:first-child { border-left: 0; } .direction-reservation__table-row .col__table { display: table; width: 100%; min-height: 32px; } .direction-reservation__table-row .col__table-cell { display: table-cell; vertical-align: middle; } .direction-reservation__table-row .col--date { color: #8d8d8d; } .direction-reservation__table-row .col--date strong { color: #262626; font-size: 13px; } .direction-reservation__table-row .col--hotel { color: #8d8d8d; } .direction-reservation__table-row .col--hotel span { color: #262626; } .direction-reservation__table-row .col--hotel .star { padding: 0 0 0 7px; color: #a7a7a7; font-size: 13px; } .direction-reservation__table-row .col--hotel .star span { color: #fec200; } .direction-reservation__table-row .col--promotion img { display: block; float: left; margin: 3px 8px 0 0; width: auto; height: 25px; } .direction-reservation__table-row .col--price { text-align: right; } .direction-reservation__table-row .col--price span { color: #ff5603; text-decoration: line-through; } .direction-reservation__table-row .col--price input { position: absolute; top: 50%; left: 15px; margin-top: -6px; } .direction-reservation__table--participants .h2 { color: #262626; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: uppercase; } .direction-reservation__table--participants .table--participants { margin: 0; border: 0; border-collapse: separate; } .direction-reservation__table--participants .table--participants .text-center { text-align: center; } .direction-reservation__table--participants .table--participants .cell-person { width: 185px; } .direction-reservation__table--participants .table--participants .cell-program { width: 298px; } .direction-reservation__table--participants .table--participants .cell-transport { width: 198px; } .direction-reservation__table--participants .table--participants .cell-city-trip { width: 199px; } .direction-reservation__table--participants .table--participants .cell-action { width: 98px; } .direction-reservation__table--participants .table--participants .cell-price { width: 184px; } .direction-reservation__table--participants .table--participants thead th { padding: 0 19px; height: 50px; background: #262626; border-top: 1px solid #000 !important; border-bottom: 0 !important; border-right: 1px solid #000 !important; border-left: 1px solid #515151 !important; color: #ffffff; font-size: 12px; font-weight: 700; line-height: 15px; text-transform: uppercase; text-align: center; vertical-align: middle; } .direction-reservation__table--participants .table--participants thead th:first-child { border-left: 0; } .direction-reservation__table--participants .table--participants thead th:last-child { border-right: 0; } .direction-reservation__table--participants .table--participants thead .cell-person, .direction-reservation__table--participants .table--participants thead .cell-program, .direction-reservation__table--participants .table--participants thead .cell-city-trip { text-align: left; } .direction-reservation__table--participants .table--participants tbody tr { background: #fff; } .direction-reservation__table--participants .table--participants tbody tr + tr td { border-top: 1px solid #f5f5f5; } .direction-reservation__table--participants .table--participants tbody td { position: relative; padding: 10px 19px; height: 90px; background: #fff; border: transparent; font-size: 13px; line-height: 16px; vertical-align: middle; } .direction-reservation__table--participants .table--participants tbody td + td:before { position: absolute; left: -1px; top: 31px; bottom: 31px; content: ""; width: 1px; background: #b3b3b3; } .direction-reservation__table--participants .table--participants tbody td .edit { position: absolute; top: 50%; right: 20px; display: block; margin-top: -10px; width: 13px; height: 20px; background: url(../img/icons/orange/edit.png) no-repeat; cursor: pointer; } .direction-reservation__table--participants .table--participants tbody .editable-click, .direction-reservation__table--participants .table--participants tbody a.editable-click, .direction-reservation__table--participants .table--participants tbody a.editable-click:hover { border: 0; } .direction-reservation__table--participants .table--participants tbody .editable-unsaved { font-weight: normal; } .direction-reservation__table--participants .table--participants tbody .cell-action { text-align: center; } .direction-reservation__table--participants .table--participants tbody .cell-action a { text-decoration: none; font-size: 26px; font-weight: bold; } .direction-reservation__table--participants .table--participants tbody .cell-person { padding-left: 72px; font-weight: bold; font-size: 13px; color: #262626; } .direction-reservation__table--participants .table--participants tbody .cell-person .avatar { position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: #eceeef; border: 3px solid #eceeef; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; text-align: center; } .direction-reservation__table--participants .table--participants tbody .cell-person .avatar img { width: 100%; height: auto; } .direction-reservation__table--participants .table--participants tbody .cell-person .editable-unsaved { font-weight: 700; } .direction-reservation__table--participants .table--participants tbody .cell-transport { padding-left: 64px; background-position: 20px center; background-repeat: no-repeat; } .direction-reservation__table--participants .table--participants tbody .cell-price { text-align: center; } .direction-reservation__table--participants .table--participants tbody .cell-price .old { color: #fc6b23; } .direction-reservation__table--participants .table--participants tfoot tr { background: #fff; } .direction-reservation__table--participants .table--participants tfoot tr:first-child td { border-top: 1px solid #b3b3b3; } .direction-reservation__table--participants .table--participants tfoot tr td { border: 0; color: #262626; font-size: 13px; text-align: center; padding: 4px 0; } .direction-reservation__table--participants .table--participants tfoot tr td:first-child { text-align: right; text-transform: uppercase; } .direction-reservation__table--participants .table--participants tfoot tr.tr-1 td { padding-top: 30px; } .direction-reservation__table--participants .table--participants tfoot tr.tr-2 td { color: #ff5603; } .direction-reservation__table--participants .table--participants tfoot tr.tr-3 td { font-weight: bold; padding-bottom: 30px; } .direction-reservation__table--participants .action { background: #fff; margin: 10px 0 0; padding: 25px; position: relative; text-align: right; } .direction-reservation__table--participants .action .btn { margin: 0 0 0 54px; padding: 0; border: 0; color: #fff; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35); font-weight: 700; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6); } .direction-reservation__table--participants .action .btn.disabled { background: #e5e5e5 !important; } @media (min-width: 1366px) and (max-width: 1919px) { .direction-reservation__table--participants .action .btn { width: 139px; height: 39px; font-size: 11.5px; line-height: 39px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation__table--participants .action .btn { width: 179px; height: 43px; font-size: 16px; line-height: 43px; } } @media (min-width: 2560px) { .direction-reservation__table--participants .action .btn { width: 219px; height: 43px; font-size: 18px; line-height: 43px; } } .direction-reservation__table--participants .action .btn-booking { background: #ff5603; } .direction-reservation__table--participants .action .btn-booking:hover { background: #d25302; } .direction-reservation__table--participants .action .btn-contact { background: #45a9e0; float: right; } .direction-reservation__table--participants .action .btn-contact:hover { background: #2b7299; } .direction-reservation__information { margin-top: 30px; min-height: 101px; padding: 20px; background: #e1e4e7; } .direction-reservation__information label { color: #262626; font-size: 14px; line-height: 20px; text-transform: uppercase; } .direction-reservation__information p { margin: 3px 0 0; color: #a0a0a0; font-size: 12px; line-height: 15px; } .direction-reservation__information .btn-orange { margin: 8px auto; padding: 0; border: 0; background: #ff5603; color: #fff; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); width: 139px; height: 38px; font-size: 12px; font-weight: 600; text-align: center; line-height: 38px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } .direction-reservation__information .btn-orange:hover { background: #d25302; } .direction-reservation__information .bootstrap-select .dropdown-toggle { height: 40px; } .direction-reservation__information .bootstrap-select .dropdown-menu { border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .direction-reservation__rooms { margin-top: 40px; } .direction-reservation__rooms .h2 { margin: 0 0 30px; color: #262626; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: uppercase; } .direction-reservation__rooms-item { position: relative; padding: 25px 0 0 30px; background: url(../img/room.jpg) no-repeat #000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 210px; } .direction-reservation__rooms-item .close { position: absolute; top: 18px; right: 21px; color: #fff; font-size: 27px; opacity: 1; } .direction-reservation__rooms-item + div { margin-top: 20px; } .direction-reservation__rooms-item .col-sm-3, .direction-reservation__rooms-item .direction-reservation__participants-item--person { margin-right: 30px; margin-bottom: 18px; width: 70px; height: 70px; float: left; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-top { height: 29px; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-top .btn-group-gender { display: none; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-top .close { display: none; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom { position: relative; top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .avatar { margin-top: -32px; margin-bottom: 0; width: 43px; height: 43px; border: 2px solid #fff; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .avatar img { width: 100%; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .birthdate { margin-top: 5px; text-align: center; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .input-date { height: 20px; margin: 0; text-align: center; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .input-date:after { display: none; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .input-date .form-control { padding: 0; margin: 0; background: transparent; color: #262626; border: 0; margin-top: 0; height: 20px; min-height: 20px; font-size: 12px; width: 100%; text-align: center; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .input-hidden { display: none; } .direction-reservation__rooms-item .bootstrap-datetimepicker-widget { display: none !important; } .direction-reservation__rooms .btn-add-room { margin: 20px 0 0; padding: 0; border: 0; background: #ff5603; color: #fff; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); width: 100%; height: 38px; font-size: 12px; font-weight: 600; text-align: center; line-height: 38px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } .direction-reservation__rooms .btn-add-room:hover { background: #d25302; } .direction-reservation__rooms .ui-state-highlight { background: rgba(255, 86, 3, 0.5); border: 1px solid #FF5603; opacity: .4; } .direction-reservation__participants { margin-top: 40px; } .direction-reservation__participants .h2 { margin: 0; color: #262626; font-size: 14px; font-weight: 700; line-height: 20px; text-transform: uppercase; } .direction-reservation__participants p { color: #a0a0a0; font-size: 14px; line-height: 20px; } .direction-reservation__participants p .dark { color: #262626; } .direction-reservation__participants > .row > .col-sm-3 { margin-bottom: 30px; } .direction-reservation__participants > .row > .col-sm-3.selected .direction-reservation__participants-item--person { outline: 1px solid #ff5603; } .direction-reservation__participants > .row > .col-sm-3:first-child .direction-reservation__participants-item { background: #fff; } .direction-reservation__participants-item, .direction-reservation__participants-item--person { margin: 0 auto; width: 170px; height: 210px; } .direction-reservation__participants .ui-state-highlight { background: rgba(255, 86, 3, 0.5); border: 1px solid #FF5603; height: 210px; opacity: .4; } .direction-reservation__participants-item .avatar { text-align: center; } .direction-reservation__participants-item .btn-add-person { position: absolute; bottom: 6px; left: 50%; margin-left: -74px; padding: 0; border: 0; background: #ff5603; color: #fff; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6); width: 148px; height: 38px; font-size: 12px; font-weight: 600; text-align: center; line-height: 38px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } .direction-reservation__participants-item .btn-add-person:hover { background: #d25302; } .direction-reservation__participants-item--person { background: #cfeaf7; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.19); } .direction-reservation__participants-item--person-top { position: relative; width: 100%; height: 65px; background: #fff; } .direction-reservation__participants-item--person-top .close { margin: 3px 8px 0; color: #ff5603; font-size: 27px; opacity: 1; } .direction-reservation__participants-item--person-bottom { position: absolute; top: 10px; padding: 10px; } .direction-reservation__participants-item--person .avatar { position: relative; z-index: 9; overflow: hidden; width: 80px; height: 80px; margin: -55px auto 10px; background: #eaf2f6; border: 3px solid #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; } .direction-reservation__participants-item--person .pr { position: relative; } .direction-reservation__participants-item--person .pr span { position: absolute; bottom: -6px; left: 0; background: white; padding: 8px 6px; font-size: 12px; font-weight: 600; color: #ff5603; } @media (min-width: 768px) and (max-width: 1023px) { .direction-reservation__participants-item--person .pr span { bottom: -2px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-reservation__participants-item--person .pr span { bottom: -2px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-reservation__participants-item--person .pr span { bottom: -2px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation__participants-item--person .pr span { bottom: -12px; } } @media (min-width: 2560px) { .direction-reservation__participants-item--person .pr span { bottom: -12px; } } .direction-reservation__participants-item--person .input-date { position: relative; margin: 10px 0; } .direction-reservation__participants-item--person .input-date:after { position: absolute; top: 50%; right: 15px; z-index: 99; content: ""; margin-top: -2px; width: 7px; height: 4px; background: url(../img/arSelectOrange.png) no-repeat; } .direction-reservation__participants-item--person .input-hidden { width: 100%; height: 40px; background: #fff; border: 1px solid #e1e4e7; color: #a0a0a0; font-size: 12px; line-height: 14px; position: relative; } .direction-reservation__participants-item--person .input-hidden input { position: absolute; left: 0; top: 0; } .direction-reservation__participants-item--person .form-control { min-height: 40px; border: 1px solid #e1e4e7; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #a0a0a0; font-size: 12px; } .direction-reservation__participants-item--person .btn-group-gender { padding: 11px 0 0 11px; } .direction-reservation__participants-item--person .btn-group-gender .btn { float: none; display: block; width: 16px; height: 16px; background: transparent; padding: 0; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: 0; } .direction-reservation__participants-item--person .btn-group-gender .btn:hover { opacity: .9; } .direction-reservation__participants-item--person .btn-group-gender .btn-female { width: 12px; height: 17px; background: url(../img/female.png) no-repeat; } .direction-reservation__participants-item--person .btn-group-gender .btn-male { background: url(../img/male.png) no-repeat; margin-bottom: 3px; } .direction-reservation__participants-item--person.ui-draggable-dragging { z-index: 9999; cursor: move; margin-right: 30px; margin-bottom: 18px; width: 70px; height: 70px; float: left; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-top { height: 29px; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-top .btn-group-gender { display: none; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-top .close { display: none; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-bottom { padding-left: 0; padding-right: 0; padding-bottom: 0; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-bottom .avatar { margin-top: -32px; margin-bottom: 0; width: 43px; height: 43px; border: 2px solid #fff; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-bottom .avatar img { width: 100%; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-bottom .input-date { height: 20px; margin: 0; text-align: center; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-bottom .input-date:after { display: none; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-bottom .input-date .form-control { padding: 0; margin: 0; background: transparent; color: #262626; border: 0; margin-top: 0; height: 20px; min-height: 20px; font-size: 12px; width: 100%; text-align: center; } .direction-reservation__participants-item--person.ui-draggable-dragging .direction-reservation__participants-item--person-bottom .input-hidden { display: none; } .direction-reservation .js-step-2, .direction-reservation .js-step-3, .direction-reservation .js-step-4 { display: none; } .direction-reservation .ui-sortable-helper { cursor: move; } .direction-reservation__form .foot-checkbox { position: relative; top: -8px; } .direction-reservation__form .foot-checkbox label { margin: 0; padding: 0; height: auto; } .direction-reservation__form .foot-checkbox input { position: relative; top: 2px; margin-right: 5px; } .direction-reservation__form .btn-booking { width: 139px; height: 39px; font-size: 11.5px; line-height: 39px; background: #ff5603; padding: 0; border: 0; color: #fff; float: right; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35); font-weight: 700; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6); } .direction-reservation__form .btn-booking.disabled { background: #e5e5e5 !important; } .direction-reservation__form .btn-booking:hover { background: #d25302; } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation__form .btn-booking { width: 179px; height: 43px; font-size: 16px; line-height: 43px; } } @media (min-width: 2560px) { .direction-reservation__form .btn-booking { width: 219px; height: 43px; font-size: 18px; line-height: 43px; } } .direction-reservation__form hr { margin: 0; padding: 0; padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid #d6d6d6; border-top: 0; } .direction-reservation__form .h2 { margin: 0 0 13px; color: #262626; font-size: 14px; font-weight: 700; line-height: 20px; text-transform: uppercase; } .direction-reservation__form label { display: table; margin: 0; padding: 0 !important; color: #262626; font-size: 12px; line-height: 19px; font-weight: 500; } .direction-reservation__form label span { display: table-cell; vertical-align: middle; } @media (min-width: 1024px) and (max-width: 1365px) { .direction-reservation__form label { font-size: 13px; height: 50px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-reservation__form label { font-size: 13px; height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation__form label { font-size: 13px; height: 50px; } } @media (min-width: 2560px) { .direction-reservation__form label { font-size: 18px; height: auto; display: block; width: 100%; float: none; margin-bottom: 15px; } } .direction-reservation__form .form-control { padding: 10px 20px; border: 1px solid #e1e4e7; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .direction-reservation__form .form-control:-moz-placeholder { color: #262626; } .direction-reservation__form .form-control:-ms-input-placeholder { color: #262626; } .direction-reservation__form .form-control::-webkit-input-placeholder { color: #262626; } .direction-reservation__form .form-control:focus:-moz-placeholder { color: #fff !important; } .direction-reservation__form .form-control:focus:-ms-input-placeholder { color: #fff !important; } .direction-reservation__form .form-control:focus::-webkit-input-placeholder { color: #fff !important; } @media (min-width: 768px) and (max-width: 1023px) { .direction-reservation__form .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-reservation__form .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-reservation__form .form-control { height: 50px; font-size: 14px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation__form .form-control { height: 50px; font-size: 14px; } } @media (min-width: 2560px) { .direction-reservation__form .form-control { height: 80px; font-size: 18px; padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) and (max-width: 1023px) { .direction-reservation__form textarea.form-control { height: 243px; margin-top: 19px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-reservation__form textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-reservation__form textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation__form textarea.form-control { height: 190px; padding: 13px 20px; } } @media (min-width: 2560px) { .direction-reservation__form textarea.form-control { height: 504px; padding: 26px 30px; background-position: 95% 50%; } .direction-reservation__form textarea.form-control:-moz-placeholder { color: #fff; } .direction-reservation__form textarea.form-control:-ms-input-placeholder { color: #fff; } .direction-reservation__form textarea.form-control::-webkit-input-placeholder { color: #fff; } } .direction-reservation__form .form-group { margin: 0; } .direction-reservation__form .form-group .bootstrap-select .dropdown-toggle { position: relative; padding-left: 20px; padding-right: 20px; height: 50px; background: #fff; outline: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .direction-reservation__form .form-group .bootstrap-select .dropdown-toggle[aria-expanded="true"] { z-index: 99999; } .direction-reservation__form .form-group .bootstrap-select .dropdown-toggle:focus { background: #fff; outline: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } @media (min-width: 2560px) { .direction-reservation__form .form-group .bootstrap-select .dropdown-toggle { height: 80px; font-size: 18px; padding-left: 30px; padding-right: 30px; } } .direction-reservation__form .form-group .bootstrap-select div.dropdown-menu { z-index: 9999; padding: 5px 0 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); box-shadow: 1px 6px 31px 0px rgba(0, 0, 0, 0.14); } .direction-reservation__form .form-group .bootstrap-select ul.dropdown-menu { padding: 0 15px; border-top: #eee; } .direction-reservation__form .form-group .bootstrap-select li { margin: 0; padding: 0; } .direction-reservation__form .form-group .bootstrap-select a { margin: 0; padding: 5px 0px; position: relative; display: block; font-size: 14px; font-weight: 600; } .direction-reservation__form .form-group .bootstrap-select a:hover { background: transparent; color: #ff5603; } .direction-reservation__form .form-group.has-error textarea.form-control, .direction-reservation__form .form-group.has-error input[type=text].form-control, .direction-reservation__form .form-group.has-error input[type=email].form-control { background: #ffffff url(../img/requiredIcon.png) 92% 50% no-repeat; border: 2px solid #e51a49; } .direction-reservation__form .form-group.has-error textarea.form-control:-moz-placeholder, .direction-reservation__form .form-group.has-error input[type=text].form-control:-moz-placeholder, .direction-reservation__form .form-group.has-error input[type=email].form-control:-moz-placeholder { color: #e51a49; } .direction-reservation__form .form-group.has-error textarea.form-control:-ms-input-placeholder, .direction-reservation__form .form-group.has-error input[type=text].form-control:-ms-input-placeholder, .direction-reservation__form .form-group.has-error input[type=email].form-control:-ms-input-placeholder { color: #e51a49; } .direction-reservation__form .form-group.has-error textarea.form-control::-webkit-input-placeholder, .direction-reservation__form .form-group.has-error input[type=text].form-control::-webkit-input-placeholder, .direction-reservation__form .form-group.has-error input[type=email].form-control::-webkit-input-placeholder { color: #e51a49; } @media (min-width: 2560px) { .direction-reservation__form .form-group.has-error textarea.form-control, .direction-reservation__form .form-group.has-error input[type=text].form-control, .direction-reservation__form .form-group.has-error input[type=email].form-control { background-position: 95% 50%; } } .direction-reservation__form .form-group.has-error textarea.form-control { background-position: 95% 12px; } @media (min-width: 2560px) { .direction-reservation__form .form-group.has-error textarea.form-control { background-position: 95% 29px; } } .direction-reservation__form .form-group .col-sm-2 { width: 22%; } .direction-reservation__form .form-group .col-sm-10 { width: 78%; } .direction-reservation__form .form-group + .form-group { margin-top: 20px; } .direction-reservation__form .form-group--checkbox + .form-group--checkbox { margin-top: 10px; } .direction-reservation__form .form-group--checkbox label { cursor: pointer; height: auto; } .direction-reservation__form .form-group--checkbox input { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .direction-reservation__form .form-group--checkbox input[type=checkbox]:checked + span:before { background: #ffffff url(../img/checkboxChecked.png) center center no-repeat; } .direction-reservation__form .form-group--checkbox span { position: relative; padding-left: 25px; vertical-align: top; color: #262626; font-size: 11px; line-height: 16px; } .direction-reservation__form .form-group--checkbox span:before { position: absolute; left: 0; top: -1px; content: ""; width: 15px; height: 15px; background: #fff; border: 2px solid #ff5603; } .direction-reservation__form .form-group--checkbox span a { color: #ff5603; text-decoration: underline; } .direction-reservation__form .form-group--checkbox span a:hover { text-decoration: none; } @media (min-width: 2560px) { .direction-reservation__form .form-group--checkbox span { padding-left: 31px; font-size: 15px; line-height: 21px; } .direction-reservation__form .form-group--checkbox span:before { width: 21px; height: 21px; background: transparent; border: 2px solid #ff5603; } } .direction-reservation__form .form-group--checkbox .tooltip { text-align: left; left: 15px !important; opacity: 1; } .direction-reservation__form .form-group--checkbox .tooltip-arrow { left: 42px !important; border-bottom-color: #262626; } .direction-reservation__form .form-group--checkbox .tooltip-inner { padding: 14px; width: 450px; max-width: 450px; background-color: #262626; color: #dedddd; text-align: left; font-size: 12px; line-height: 16px; } .direction-reservation__form .form-group--submit { margin-top: 45px !important; padding-top: 20px; border-top: 1px solid #d3d3d3; text-align: right; } @media (min-width: 2560px) { .direction-reservation__form .form-group--submit { margin-top: -6px !important; padding-top: 62px; } } .direction-reservation__form .form-group--submit button { position: relative; padding: 0; background: #e51a49; background: -moz-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e51a49), color-stop(56%, #e51a49)); background: -webkit-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -o-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: -ms-linear-gradient(left, #e51a49 0%, #e51a49 56%); background: linear-gradient(to right, #e51a49 0%, #e51a49 56%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51a49', endColorstr='#e51a49', GradientType=1); border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; font-weight: bold; font-family: "Lato", sans-serif; text-align: left; text-transform: uppercase; letter-spacing: 0.5px; } .direction-reservation__form .form-group--submit button:after { position: absolute; top: 50%; right: 20px; content: ""; margin-top: -5.5px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #ffffff; } .direction-reservation__form .form-group--submit button:hover { background: #e51a49; color: #fff; } @media (min-width: 1024px) and (max-width: 1365px) { .direction-reservation__form .form-group--submit button { padding: 0 0 0 20px; width: 219px; height: 51px; font-size: 14px; line-height: 51px; } } @media (min-width: 1366px) and (max-width: 1919px) { .direction-reservation__form .form-group--submit button { padding: 0 0 0 20px; width: 270px; height: 50px; font-size: 14px; line-height: 50px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation__form .form-group--submit button { padding: 0 0 0 20px; width: 360px; height: 50px; font-size: 14px; line-height: 50px; } } @media (min-width: 2560px) { .direction-reservation__form .form-group--submit button { padding: 0 0 0 40px; width: 500px; height: 80px; font-size: 18px; line-height: 81px; } } .direction-reservation--step-2 { padding-top: 43px; } .direction-reservation--step-2 .direction-reservation__participants-item, .direction-reservation--step-2 .direction-reservation__participants-item--person { height: 137px; } .direction-reservation--step-2 .direction-reservation__participants .h2 { margin-bottom: 13px; } .direction-reservation--step-2 .direction-reservation__participants { padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid #d6d6d6; } .direction-reservation--step-2 .input-checkbox { position: absolute; left: 10px; top: 8px; } .direction-reservation--step-2 .date { display: block; text-align: center; font-size: 12px; } @media (min-width: 768px) and (max-width: 1023px) { .direction-reservation .col-lg-1, .direction-reservation .col-lg-10, .direction-reservation .col-lg-11, .direction-reservation .col-lg-12, .direction-reservation .col-lg-2, .direction-reservation .col-lg-3, .direction-reservation .col-lg-4, .direction-reservation .col-lg-5, .direction-reservation .col-lg-6, .direction-reservation .col-lg-7, .direction-reservation .col-lg-8, .direction-reservation .col-lg-9, .direction-reservation .col-md-1, .direction-reservation .col-md-10, .direction-reservation .col-md-11, .direction-reservation .col-md-12, .direction-reservation .col-md-2, .direction-reservation .col-md-3, .direction-reservation .col-md-4, .direction-reservation .col-md-5, .direction-reservation .col-md-6, .direction-reservation .col-md-7, .direction-reservation .col-md-8, .direction-reservation .col-md-9, .direction-reservation .col-sm-1, .direction-reservation .col-sm-10, .direction-reservation .col-sm-11, .direction-reservation .col-sm-12, .direction-reservation .col-sm-2, .direction-reservation .col-sm-3, .direction-reservation .col-sm-4, .direction-reservation .col-sm-5, .direction-reservation .col-sm-6, .direction-reservation .col-sm-7, .direction-reservation .col-sm-8, .direction-reservation .col-sm-9, .direction-reservation .col-xs-1, .direction-reservation .col-xs-10, .direction-reservation .col-xs-11, .direction-reservation .col-xs-12, .direction-reservation .col-xs-2, .direction-reservation .col-xs-3, .direction-reservation .col-xs-4, .direction-reservation .col-xs-5, .direction-reservation .col-xs-6, .direction-reservation .col-xs-7, .direction-reservation .col-xs-8, .direction-reservation .col-xs-9 { padding-left: 10px; padding-right: 10px; } .direction-reservation .row { margin-left: -10px; margin-right: -10px; } .direction-reservation .container { width: 744px; padding-left: 10px; padding-right: 10px; } .direction-reservation__table-head { height: 89px; } .direction-reservation__table-head .col { font-size: 11px; padding-top: 10px; } .direction-reservation__table-head .col--city { padding-top: 4px; padding-bottom: 4px; } .direction-reservation__table-row .col { font-size: 11px; } .direction-reservation__table-row .col--date strong { font-size: 12px; } .direction-reservation__table-row .col--price { padding-right: 23px; } .direction-reservation__table-row .col--price input { left: 23px; } .direction-reservation__information { text-align: center; } .direction-reservation__information p { margin: 0 0 15px; font-size: 14px; line-height: 22px; } .direction-reservation__information .bootstrap-select { width: 180px !important; margin-right: 20px; } .direction-reservation__information .btn-orange { width: 110px !important; } .direction-reservation__rooms .h2 { margin-bottom: 52px; } .direction-reservation .direction-reservation__participants > .row > .col-sm-3 { width: 50%; margin-bottom: 15px; } .direction-reservation .direction-reservation__participants-item, .direction-reservation .direction-reservation__participants-item--person { width: 166px; height: 208px; } .direction-reservation .direction-reservation__participants-item .btn-add-person { bottom: 9px; height: 41px; line-height: 41px; } .direction-reservation__rooms .btn-add-room { height: 41px; line-height: 41px; } .direction-reservation__rooms .direction-reservation__participants-item, .direction-reservation__rooms .direction-reservation__participants-item--person { width: 61px; height: 71px; padding: 0; } .direction-reservation .direction-reservation__rooms-item .col-sm-3, .direction-reservation .direction-reservation__rooms-item .direction-reservation__participants-item--person { width: 61px; height: 71px; margin-right: 20px; } .direction-reservation .direction-reservation__table--participants .table--participants tbody td .edit { top: auto; bottom: 32px; } .direction-reservation .direction-reservation__table--participants .table--participants tbody td { height: 130px; } .direction-reservation .direction-reservation__table--participants .action .btn { width: 139px; height: 38px; line-height: 38px; margin: 0 0 0 20px; font-size: 11.5px; } .direction-reservation .direction-reservation__table--participants .action { margin-top: 20px; } .direction-reservation .direction-reservation__table--participants .table--participants tbody td { padding: 30px 10px; vertical-align: top; } .direction-reservation .direction-reservation__table--participants .table--participants tbody .cell-person .avatar { position: relative; left: 0; margin: -19px auto 7px; top: 0; display: block; } .direction-reservation .direction-reservation__table--participants .table--participants tbody .cell-person { text-align: center; } .direction-reservation .direction-reservation__table--participants .table--participants .cell-transport { background-size: 25px; background-position: 10px 31px; } .direction-reservation .direction-reservation__table--participants .table--participants tbody .cell-transport { padding-left: 48px; padding-top: 32px; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-reservation__table-head .col--promotion { padding-left: 5px; } .direction-reservation__table-row .col { min-height: 48px; } .direction-reservation__table-row .col__table { min-height: 48px; } .direction-reservation__table-row .col--hotel .star { display: block; padding: 0; } .direction-reservation__table-row .col--hotel br { display: none; } .direction-reservation__table-row .col--price input { left: 9px; } .direction-reservation__table-row .col--promotion img { margin: 3px 5px 0 -5px; width: 20px; height: auto; } .direction-reservation__information label { padding-right: 30px; } .direction-reservation__information .btn-orange { float: right; width: 100px; margin-top: 23px; } .direction-reservation__participants-item, .direction-reservation__participants-item--person { width: 140px; height: 208px; } .direction-reservation__participants-item .btn-add-person { bottom: 10px; margin-left: -50px; width: 100px; height: 40px; line-height: 40px; } .direction-reservation__participants > .row > .col-sm-3 { margin-bottom: 20px; } .direction-reservation .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .input-date .form-control { font-size: 11px; } .direction-reservation .direction-reservation__rooms-item .col-sm-3, .direction-reservation .direction-reservation__rooms-item .direction-reservation__participants-item--person { margin-right: 20px; width: 60px; height: 70px; } .direction-reservation .direction-reservation__table--participants .table--participants .cell-person { width: 149px; } .direction-reservation .direction-reservation__table--participants .table--participants .cell-program { width: 238px; } .direction-reservation .direction-reservation__table--participants .table--participants .cell-transport { width: 159px; } .direction-reservation .direction-reservation__table--participants .table--participants .cell-action { width: 60px; } .direction-reservation .direction-reservation__table--participants .table--participants .cell-price { width: 150px; } .direction-reservation .direction-reservation__table--participants .table--participants tbody .cell-person .avatar { position: relative; left: 0; margin: 0 auto 7px; top: 0; display: block; } .direction-reservation .direction-reservation__table--participants .table--participants tbody .cell-person { padding-left: 20px; text-align: center; } .direction-reservation .direction-reservation__table--participants .table--participants tbody td .edit { right: 15px; } .direction-reservation .direction-reservation__table--participants .table--participants tbody td { padding: 10px 25px 10px 21px; } .direction-reservation .direction-reservation__table--participants .table--participants .cell-transport { background-size: 25px; background-position: 15px 50%; } .direction-reservation .direction-reservation__table--participants .table--participants tbody .cell-transport { padding-left: 48px; } .direction-reservation .direction-reservation__table-row .col--date strong { font-size: 12px; } .direction-reservation .direction-reservation__table--participants .action .btn { width: 139px; height: 38px; line-height: 38px; margin: 0 0 0 20px; font-size: 11.5px; } .direction-reservation .direction-reservation__table--participants .action { margin-top: 20px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation .ui-state-highlight { height: 299px; } .direction-reservation__table-head { height: 115px; } .direction-reservation__table-head .col { padding-top: 23px; } .direction-reservation__table-head .col--promotion { padding-top: 43px; } .direction-reservation__table-head .col--city { padding-top: 8px; padding-bottom: 7px; } .direction-reservation__table-head .bootstrap-select .dropdown-toggle { font-size: 14px; } .direction-reservation__table-label { font-size: 16px; line-height: 20px; } .direction-reservation__table-row .col { font-size: 16px; line-height: 20px; } .direction-reservation__table-row .col--price { text-align: center; } .direction-reservation__information label { font-size: 16px; line-height: 24px; } .direction-reservation__information p { font-size: 14px; line-height: 20px; } .direction-reservation__information .btn-orange { margin: 13px 0; width: 179px; height: 43px; float: right; font-size: 16px; line-height: 43px; } .direction-reservation__rooms .h2 { font-size: 16px; line-height: 24px; } .direction-reservation__rooms .col-sm-3, .direction-reservation__rooms .direction-reservation__rooms-item .direction-reservation__participants-item--person { width: 80px; height: 100px; margin-bottom: 30px; } .direction-reservation__rooms .col-sm-3 .avatar, .direction-reservation__rooms .direction-reservation__rooms-item .direction-reservation__participants-item--person .avatar { margin-top: -42px; margin-bottom: 5px; width: 59px; height: 59px; } .direction-reservation__rooms .col-sm-3 .avatar img, .direction-reservation__rooms .direction-reservation__rooms-item .direction-reservation__participants-item--person .avatar img { width: 59px; height: 59px; } .direction-reservation__rooms-item { padding: 33px 30px; height: auto; min-height: 260px; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-top { height: 42px; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .input-date .form-control { font-size: 14px; } .direction-reservation__rooms .btn-add-room { height: 43px; line-height: 43px; font-size: 16px; } .direction-reservation__participants .h2, .direction-reservation__participants p { font-size: 16px; line-height: 24px; } .direction-reservation__participants-item { width: 229.984px; height: 299px; } .direction-reservation__participants-item .avatar { padding-top: 30px; } .direction-reservation__participants-item .avatar img { width: 132px; height: 132px; } .direction-reservation__participants-item .btn-add-person { bottom: 20px; margin-left: -90px; width: 180px; height: 44px; font-size: 16px; line-height: 44px; } .direction-reservation__participants-item--person { width: 229.984px; height: 299px; } .direction-reservation__participants-item--person-top { height: 78px; } .direction-reservation__participants-item--person-top .close { margin: 13px 18px 0; } .direction-reservation__participants-item--person-bottom { padding: 10px 20px; } .direction-reservation__participants-item--person .form-control { min-height: 50px; font-size: 14px; } .direction-reservation__participants-item--person .input-date { margin-top: 20px; margin-bottom: 20px; } .direction-reservation__participants-item--person .input-hidden { height: 50px; font-size: 14px; } .direction-reservation__participants-item--person .btn-group-gender { padding-top: 20px; } .direction-reservation__participants-item--person .avatar { width: 96px; height: 96px; margin-bottom: 31px; } .direction-reservation__participants-item--person .avatar img { width: 96px; height: 96px; } .direction-reservation__table--participants .table--participants .h2 { font-size: 16px; line-height: 24px; } .direction-reservation__table--participants .table--participants thead th { height: 70px; font-size: 16px; line-height: 18px; } .direction-reservation__table--participants .table--participants tbody td { height: 98px; font-size: 16px; line-height: 18px; } .direction-reservation__table--participants .table--participants tbody td.cell-person { font-size: 16px; } .direction-reservation__table--participants .table--participants tfoot tr td { font-size: 16px; line-height: 20px; } } @media (min-width: 2560px) { .direction-reservation .ui-state-highlight { height: 299px; } .direction-reservation__table-head { height: 115px; } .direction-reservation__table-head .col { padding-top: 23px; } .direction-reservation__table-head .col--promotion { padding-top: 43px; } .direction-reservation__table-head .col--city { padding-top: 8px; padding-bottom: 7px; } .direction-reservation__table-head .bootstrap-select .dropdown-toggle { font-size: 14px; } .direction-reservation__table-label { font-size: 16px; line-height: 20px; } .direction-reservation__table-row .col { font-size: 16px; line-height: 20px; } .direction-reservation__table-row .col--price { text-align: center; } .direction-reservation__information label { font-size: 16px; line-height: 24px; } .direction-reservation__information p { font-size: 14px; line-height: 20px; } .direction-reservation__information .btn-orange { margin: 13px 0; width: 179px; height: 43px; float: right; font-size: 16px; line-height: 43px; } .direction-reservation__rooms .h2 { font-size: 16px; line-height: 24px; } .direction-reservation__rooms .col-sm-3, .direction-reservation__rooms .direction-reservation__rooms-item .direction-reservation__participants-item--person { width: 80px; height: 100px; margin-bottom: 30px; } .direction-reservation__rooms .col-sm-3 .avatar, .direction-reservation__rooms .direction-reservation__rooms-item .direction-reservation__participants-item--person .avatar { margin-top: -42px; margin-bottom: 5px; width: 59px; height: 59px; } .direction-reservation__rooms .col-sm-3 .avatar img, .direction-reservation__rooms .direction-reservation__rooms-item .direction-reservation__participants-item--person .avatar img { width: 59px; height: 59px; } .direction-reservation__rooms-item { padding: 33px 30px; height: auto; min-height: 260px; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-top { height: 42px; } .direction-reservation__rooms-item .direction-reservation__participants-item--person-bottom .input-date .form-control { font-size: 14px; } .direction-reservation__rooms .btn-add-room { height: 43px; line-height: 43px; font-size: 16px; } .direction-reservation__participants .h2, .direction-reservation__participants p { font-size: 16px; line-height: 24px; } .direction-reservation__participants-item { width: 229.984px; height: 299px; } .direction-reservation__participants-item .avatar img { width: 132px; height: 132px; } .direction-reservation__participants-item .btn-add-person { bottom: 20px; margin-left: -90px; width: 180px; height: 44px; font-size: 16px; line-height: 44px; } .direction-reservation__participants-item--person { width: 229.984px; height: 299px; } .direction-reservation__participants-item--person-top { height: 78px; } .direction-reservation__participants-item--person-top .close { margin: 13px 18px 0; } .direction-reservation__participants-item--person-bottom { padding: 10px 20px; } .direction-reservation__participants-item--person .form-control { min-height: 50px; font-size: 14px; } .direction-reservation__participants-item--person .input-date { margin-top: 20px; margin-bottom: 20px; } .direction-reservation__participants-item--person .input-hidden { height: 50px; font-size: 14px; } .direction-reservation__participants-item--person .btn-group-gender { padding-top: 20px; } .direction-reservation__participants-item--person .avatar { width: 96px; height: 96px; margin-bottom: 31px; } .direction-reservation__participants-item--person .avatar img { width: 96px; height: 96px; } .direction-reservation__table--participants .table--participants .h2 { font-size: 16px; line-height: 24px; } .direction-reservation__table--participants .table--participants thead th { height: 70px; font-size: 16px; line-height: 18px; } .direction-reservation__table--participants .table--participants tbody td { height: 98px; font-size: 16px; line-height: 18px; } .direction-reservation__table--participants .table--participants tbody td.cell-person { font-size: 16px; } .direction-reservation__table--participants .table--participants tfoot tr td { font-size: 16px; line-height: 20px; } } .direction-reservation--step-2 .direction-reservation__form .form-group .bootstrap-select .dropdown-toggle { border: 1px solid #e1e4e7; } @media (min-width: 768px) and (max-width: 1023px) { .direction-reservation--step-2 .direction-reservation__form .form-group--checkbox span { padding-left: 44px; } .direction-reservation--step-2 .direction-reservation__form .btn-booking { width: 100%; margin-top: 30px; } .direction-reservation--step-2 .direction-reservation__form .form-group--checkbox span:before { width: 25px; height: 25px; } .direction-reservation--step-2 .direction-reservation__form .form-group--checkbox input[type=checkbox]:checked + span:before { background-size: 28px; } .direction-reservation--step-2 .direction-reservation__participants-item--person-top { height: 80px; } .direction-reservation--step-2 .direction-reservation__participants-item, .direction-reservation--step-2 .direction-reservation__participants-item--person { width: 100%; height: 148px; margin-bottom: 20px; } .direction-reservation--step-2 .direction-reservation__form label { font-size: 13px; } .direction-reservation--step-2 .direction-reservation__participants { padding-bottom: 5px; } .direction-reservation--step-2 .date { display: none; } .direction-reservation--step-2 .input-checkbox { left: 20px; top: 16px; } .direction-reservation--step-2 .direction-reservation__form .form-group .col-sm-2 { width: 100%; height: auto; display: block; padding-bottom: 5px !important; } .direction-reservation--step-2 .direction-reservation__form .form-group .col-sm-10 { padding: 0; width: 100%; } } @media (min-width: 1024px) and (max-width: 1365px) { .direction-reservation--step-2 .direction-reservation__form label { font-size: 11.5px; letter-spacing: -.15px; } .direction-reservation--step-2 .direction-reservation__form .form-group--checkbox span { font-size: 10.5px; } } @media (min-width: 1920px) and (max-width: 2559px) { .direction-reservation--step-2 .direction-reservation__form .form-group--checkbox + .form-group--checkbox { margin-top: 20px; } .direction-reservation--step-2 .direction-reservation__form .foot-checkbox label { margin-bottom: 23px; font-size: 16px; } .direction-reservation--step-2 .direction-reservation__form .form-group--checkbox span { font-size: 13px; line-height: 16px; } .direction-reservation--step-2 .direction-reservation__participants { margin-bottom: 60px; padding: 0; border: 0; } .direction-reservation--step-2 .direction-reservation__participants-item, .direction-reservation--step-2 .direction-reservation__participants-item--person { height: 188px; } .direction-reservation--step-2 .direction-reservation__participants .h2 { margin-bottom: 24px; } .direction-reservation--step-2 .date { font-size: 14px; } .direction-reservation--step-2 .direction-reservation__participants-item--person .avatar { margin-bottom: 22px; } .direction-reservation--step-2 .direction-reservation__form hr { margin: 0; padding: 33px 0; border: transparent; } } .btn { font-weight: 500; } .btn__main-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; z-index: 9999; } /*# sourceMappingURL=main.css.map */